.live-spot-prices{

	color:#434242;
	font-size:13px;
	padding:5px 0px;
	background:#f6f6f6;
	font-weight: 500;
	vertical-align: middle;
}
.live-spot-prices b{
	font-weight:700;

}
.live-spot-prices .metal{
	padding-left:5px;
	padding-right:5px;
    text-align:left;
}
.live-spot-prices .fa-arrows-alt-v{
	display:none;
}
.live-spot-prices .language-select{
	display:block;
	border-left:1px solid #eaeaea;
}
.live-spot-prices i{
	font-size:18px;
	vertical-align: middle;
	margin-right:8px;
}




/*Mag TOP MENU CATS */

.navbar-new-categories{
    background-color:#141414;
    border-top:2px solid #e11e2f;
    }
    .navbar-new-categories .container{
        padding-left:0px;
        padding-right:0px;
    }
    .maggy-categories-top{

    }
    .maggy-categories-top > ul{
        list-style-type: none;
        padding:0px;
        margin:0px;
        display: flex; /* or inline-flex */
		align-items: center;
    }
    .maggy-categories-top > ul > li{
        position:relative;
        cursor: pointer;
        background:141414;
        flex-grow: 1;
    }
    .maggy-categories-top > ul > li:hover{
            background: #fff;
    }
	.maggy-categories-top > ul > li:hover .fa-chevron-down {
		color:#000;
	}

	.maggy-categories-top > ul > li > div{
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 16px 5px;
	}
	.maggy-categories-top > ul > li:hover > div > a{
		color:#000;
	}
    .maggy-categories-top > ul > li > div > a{
        
        color: #fff;
        /* border-right: 1px solid #b11600;*/
        font-size: 14px;
        -webkit-transition: all 0.1s linear 0s;
        -moz-transition: all 0.1s linear 0s;
        transition: all 0.1s linear 0s;
        text-transform: uppercase;
        text-align: center;
        position: relative;
        display: block;
        text-decoration: none;
		
		
    }
    .maggy-categories-top > ul > li > div > a:hover{
        color:#000;
    }

    .maggy-categories-top > ul > li .fa-chevron-down {
 
        color:#fff;
		padding-left:5px;
    }

    /* Second Level */
    .maggy-categories-top ul li:hover>ul{
        display:block;
    }
    .maggy-categories-top > ul > li > ul{
        display:none;
        position:absolute;
        left:0px;
        z-index:9999;
        top:auto;
        width:300px;
        list-style-type: none;
        margin:0px;
        padding:0px;
		border-top:none;
		border:1px solid #fafafa;
    }
    .maggy-categories-top > ul > li > ul > li{
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid #efefef;
        background:#fff;
    }
    .maggy-categories-top > ul > li > ul > li > div > a {
        text-decoration: none;
        padding: 7px 15px;
        display: block;
        color:#515866;
    }
    .maggy-categories-top > ul > li > ul > li > div > a:hover{
            color:#e11e2f;
    }
    .maggy-categories-top > ul > li > ul > li  > ul a {
        text-decoration: none;
        color:#515866;
    }





/*Home*/
.home-banner{
	padding-bottom:10px;
		max-width:1600px;
		margin:0 auto;
        border:none;
		border-radius:20px;
		padding:0px;
		overflow:hidden;
		 margin-bottom: var(--sb-section-gap);
}
.home-banner .carousel-control-next, .home-banner .carousel-control-prev{
	color:#000;
	font-size:24px;
}
.home-banner .carousel-item .inside{
	height:600px;
	display: flex;
  align-items: center;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	background: #fff no-repeat center center;
	/*
		background: #fff no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	*/
	background-size:contain;
	text-align: center;
}
.home-banner .carousel-item .btitle{
	font-size:5rem;
	color:#fff;
	font-weight:700;
	margin-bottom:20px;
	width:50%;
	text-transform: uppercase;
	line-height: 5rem;

}
.home-banner .carousel-item .bsubtitle{
	font-size:2rem;
	color:#fff;
	font-weight:500;
	width:50%;
	text-transform: uppercase;;

}


.home-banner .secure-icons{
	margin-top:-80px;
	z-index:1000;
	position:relative;
	display:none;
}
/* New Inside Carousel */
.home-banner .carousel-inside-new{
	height:auto;
	margin: 0 auto;
}
.home-banner .carousel-inside-new img{
	width:100%;
	  filter: contrast(0.95) brightness(0.98);
}




/* New Sections */
.white-section{
	background:#fff;
}

.homepage .spaced{
	padding:40px 0px;
}
.homepage .title{
	text-align: center;
	margin-bottom:20px;
}
.precious-metals-links{
	color:#141414;
	font-weight:600;
}
.precious-metals-links hr{
	border-color:#f6f6f6;
}
.precious-metals-links h5{
	font-size:14px;
	font-weight: 600;
}
.precious-metals-links h5::after{
	width:30px;
	background-color:#e11e2f;
	height:3px;
	content: "";
	display:block;
	margin-top:10px;
}
.precious-metals-links li{
	margin-bottom:5px;
	font-size:14px;
}


.section-newsletter.home{background:#ebebeb;padding:40px;border:1px solid #dedede;text-align:center}.section-newsletter.home h4{text-align:center;display:block}.section-newsletter.home .container-newsletter{max-width:600px;margin:0 auto}




.blog-lister{
	width:100%;
	border:1px solid #f6f6f6;

	margin-bottom:20px;
	padding-bottom:10px;
}
.blog-lister:hover{
	    border: 1px solid #ccc;
}
.blog-lister .blog-img{
	display:block;
	margin-bottom:10px;
}
.blog-lister .blog-img img{
	width:100%;
	height:auto;
}
.blog-lister .subtitle{
	font-weight: bold;
	padding:0px 30px;
	display:block;
	height:40px;
	overflow:hidden;
	vertical-align:middle;
}
.blog-lister .description{
	height:38px;
	overflow:hidden;
	font-size:12px;
	padding:0px 30px;
	color:#8a8a8a;

}
.blog-lister .link{
	padding-left:30px;
	display:block;
	color:#e11e2f;
	font-weight:600;
	padding-top:10px;
}


/* Header Search & logo */
.main-header{
	padding:18px 0px;
	background:#fff;

}
.main-header .container{
	padding-left:0px;
	padding-right:0px;
}
.main-header .navbar-cart i{
	font-size:24px;
}
.main-header .navbar-light .navbar-brand img{
	width:auto;
	max-width:200px;

}
.main-header .navbar-light .navbar-brand{
	padding-right:20px;
}

.dropdown-toggle::after{
	font-family: "Font Awesome 6 Pro";
	content: "\f078";
	border:none;
  vertical-align: middle;
	font-size:12px;
}
.main-header .navbar-nav .nav-item{
	margin:0 10px;
}
.main-header .navbar-nav .nav-item.currency-link{
	margin-right:0px;
	font-size:14px;
}
.main-header .navbar-nav .nav-link{
	font-weight:500;
	text-transform: uppercase;
	color:#141414;
}
.main-header .navbar-nav .nav-link i{
	margin-right:10px;
}
.main-header .show-top-cart-total{
	background:#e11e2f;
	position:absolute;
	top:0px;
	right:2px;
	padding:2px 6px;
	color:#fff;
	border-radius:50%;
	font-size:10px;
}

.main-header .navbar-cart .cart-bag-button{
	position:relative;
}
.main-header .navbar-cart .cart-bag-button i{
	margin-right:0px;
}

.main-header .currency-link{
	position:relative;
}
.main-header .currency-link > a{}
.main-header .currency-link span{
	vertical-align:middle;
	border:1px solid #e9e9e9;
	font-size:24px;
}

.main-header i{
	vertical-align:middle;
}

/* Main Search */
.main-header .main-search #products-top-search{
	background:#f6f6f6;
	border:none;
	padding:20px;

}

.main-header .account-dropdown .dropdown-item i{
	margin-right:10px;
	width:20px;
	font-size:18px;
	text-align:center;
}


.product-list .small-images{
	text-align: center;
	height:50px;
	margin-bottom:5px;
}
.product-list .small-images a{
	display:inline-block;
}
.product-list .small-images img{
	border:1px solid #f5f5f5;
	padding:4px;
}
.product-list .small-images img:hover{
	border:1px solid #c30e16;
}





/* New Blog Design */

.mag-blog-page{
	padding:20px 0px;
}

.mag-blog-page .blog-single-content img{
	max-width:100% !important;
	height:auto !important;
}

.mag-blog-page .blog-single-categories{
	margin-bottom:10px;
}
.mag-blog-page .blog-single-categories a{
	display:inline-block;
	background:#efefef;
	padding:4px 10px;
	border:1px solid #efefef;
}



  /* 2026 Design */



.sb-section {
  margin-bottom: var(--sb-section-gap);
}


.sb-section-head {
  margin-bottom: 20px;
}

.sb-section-head h2 {
  margin-bottom: 6px;
}

.sb-section-head p {
  margin: 0;
  font-size: 14px;
  color: #6f7280;
  max-width: 520px;
}




.navbar,
.btn,
.badge,
.table,
.price,
input,
select{
  font-family: var(--sb-font-ui);
}

.price,
.sb-price{
  font-weight: 700;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}





/* =========================
   SB STICKY STACK (BAR + HEADER)
   ========================= */

/* makes bar + header stick together */
.sb-sticky-stack {
  position: sticky;
  top: 0;
  z-index: 998;
}

/* =========================
   SB BAR (TOP METALS)
   ========================= */
.sb-bar {
  background: #fbfbfc;              /* off-white, premium */
  border-bottom: 1px solid #e9e9ee; /* hairline */
}

.sb-bar .sb-bar-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 36px;
  padding: 6px 0;
}

.sb-bar .sb-bar-left {
  min-width: 190px;
  display: flex;
  align-items: center;
}

.sb-bar .sb-bar-title {
  font-weight: 600;
  color: #15161a;
  letter-spacing: .02em;
  font-size: 13px;
}

.sb-bar .sb-bar-center {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  white-space: nowrap;
}

.sb-bar .sb-bar-chip {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #ececf2;
  background: rgba(0,0,0,.015);
  text-decoration: none;
  color: #14151a;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.sb-bar .sb-bar-chip:hover {
  transform: translateY(-1px);
  background: rgba(0,0,0,.03);
  border-color: rgba(228,33,31,.25);
}

.sb-bar .sb-bar-metal {
  font-weight: 500;
  color: #5b5e69;
  font-size: 13px;
}

.sb-bar .sb-bar-price {
  font-weight: 650;
  color: #14151a;
  font-variant-numeric: tabular-nums;
  font-size: 13px;
}

.sb-bar .sb-bar-dot {
  width: 6px;
  height: 6px;
  border-radius: 99px;
  display: inline-block;
  background: #b7b7bf;
}

.sb-bar .sb-bar-dot.up { background: #1faa59; }
.sb-bar .sb-bar-dot.down { background: #d64545; }
.sb-bar .sb-bar-dot.flat { background: #b7b7bf; }

.sb-bar .sb-bar-right {
  min-width: 140px;
  display: flex;
  justify-content: flex-end;
}

.sb-bar .sb-bar-locale {
  color: #3b3e46;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: background .15s ease, border-color .15s ease;
}

.sb-bar .sb-bar-locale:hover {
  background: rgba(0,0,0,.03);
  border-color: #e9e9ee;
  color: #111;
}

/* hide metal chips on tablet + smaller */
/* MOBILE: show metals as horizontal scroll */
@media (max-width: 992px) {
  .sb-bar .sb-bar-row {
    gap: 10px;
  }

  .sb-bar .sb-bar-left {
    min-width: auto;
    flex: 0 0 auto;
	display:none;
  }

  .sb-bar .sb-bar-right {
    min-width: auto;
    flex: 0 0 auto;
	display:none;
  }

  .sb-bar .sb-bar-center {
    display: flex;
    flex: 1 1 auto;
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 2px 0;
  }

  /* hide scrollbar (optional, clean) */
  .sb-bar .sb-bar-center::-webkit-scrollbar {
    height: 0;
  }

  .sb-bar .sb-bar-chip {
    padding: 5px 8px;
    gap: 6px;
  }

  .sb-bar .sb-bar-metal,
  .sb-bar .sb-bar-price {
    font-size: 12px;
  }

  .sb-bar .sb-bar-title,
  .sb-bar .sb-bar-locale {
    font-size: 12px;
  }
}



/* =========================
   SB HEADER (MAIN)
   ========================= */

.sb-header {


  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,0.85) 0%,
      rgba(255,255,255,0.72) 100%
    );

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.sb-header .container{
	overflow:unset;
}

.sb-header .sb-header-row {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 78px;
  padding: 10px 0;
}

/* Logo sizing – Swiss precision */
.sb-header .sb-logo img {
  height: 24px;
  width: auto;
  display: block;
}

/* Mobile slightly smaller */
@media (max-width: 992px) {
  .sb-header .sb-logo img {
    height: 20px;
  }
}

/* desktop cats trigger */
.sb-header .sb-cats .sb-btn {
  height: 44px;
}

/* search is the hero (centerpiece) */
.sb-header .sb-search {
  flex: 1 1 auto;
  max-width: 620px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  height: 46px;
  border-radius: 999px;
  border: 1px solid #ececf2;
  background: #fafafb;
  transition: box-shadow .15s ease, border-color .15s ease, background .15s ease;
}

.sb-header .sb-search i {
  color: #70737d;
  margin-left: 6px;
}

.sb-header .sb-search input.form-control {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  height: 44px;
  padding: 0;
  font-size: 15px;
  font-weight: 500;
  color: #15161a;
}

.sb-header .sb-search .sb-search-submit {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

.sb-header .sb-search .sb-search-submit i {
  font-size: 15px;
}

.sb-header .sb-search input::placeholder {
  color: #8b8f9a;
}

.sb-header .sb-search:focus-within {
  background: #ffffff;
  border-color: rgba(228,33,31,.35);
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
}


/* =========================
   SEARCH — EASYAUTOCOMPLETE
   ========================= */

/* main search container already styled — reinforce layout */
.sb-header .sb-search {
  position: relative;
  align-items: center;
}

/* force EasyAutocomplete to behave like a normal flex child */
.sb-header .sb-search .easy-autocomplete {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0;
}

/* remove injected inline widths */
.sb-header .sb-search .easy-autocomplete[style] {
  width: 100% !important;
}

/* focus state ties input + dropdown visually */
.sb-header .sb-search:focus-within {
  box-shadow: 0 18px 55px rgba(0,0,0,.12);
}

/* scrollbar subtle */
.easy-autocomplete-container ul::-webkit-scrollbar {
  width: 8px;
}
.easy-autocomplete-container ul::-webkit-scrollbar-thumb {
  background: #d8d9e0;
  border-radius: 8px;
}



/* actions aligned right */
.sb-header .sb-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* =========================
   BUTTON SYSTEM (NO BOOTSTRAP OVERRIDES NEEDED)
   ========================= */

.sb-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid transparent;
  background: transparent;
  text-decoration: none;
  line-height: 1;
}

.sb-btn.ghost {
  background: #ffffff;
  border-color: #ececf2;
  color: #15161a;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.sb-btn.ghost:hover {
  background: #fafafb;
  border-color: #e5e5ec;
  transform: translateY(-1px);
}

.sb-btn.primary {
  background: linear-gradient(135deg, var(--sb-brand), var(--sb-brand-glow));
  border: 0;
  color: #fff;
  padding: 10px 16px;
  font-weight: 700;
  box-shadow: 0 14px 40px rgba(228,33,31,.18);
}

.sb-btn.primary:hover {
  filter: brightness(1.03);
  color: #fff;
}

.sb-header .sb-sep {
  color: #b2b5be;
}

/* cart count */
.sb-header .sb-count {
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: var(--sb-brand);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* dropdown menu base (clean) */
.sb-header .sb-menu {
  border-radius: 16px;
  border: 1px solid #ececf2;
  box-shadow: 0 18px 55px rgba(0,0,0,.12);
  padding: 8px;
}

.sb-header .sb-menu .dropdown-item {
  border-radius: 12px;
  padding: 6px 12px;
  font-weight: 600;
}
.sb-header .sb-menu .dropdown-item i{
  width: 20px;
  text-align: center;
}

/* =========================
   MOBILE ICONS
   ========================= */

.sb-header .sb-mobile {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}

.sb-header .sb-ic {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid #ececf2;
  background: #ffffff;
  color: #15161a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background .15s ease, transform .15s ease;
}

.sb-header .sb-ic:hover {
  background: #fafafb;
  transform: translateY(-1px);
}

.sb-header .sb-ic-cart {
  position: relative;
}

.sb-header .sb-ic-cart .sb-count {
  position: absolute;
  top: -6px;
  right: -6px;
}

/* small screens tighten slightly */
@media (max-width: 380px) {
  .sb-header .sb-ic {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }
}



/* =========================
   MOBILE ACCOUNT DROPDOWN
   ========================= */

.sb-mobile-account .dropdown-menu{
  min-width: 240px;
  padding: 8px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 20px 60px rgba(0,0,0,.22);
}

.sb-mobile-account .dropdown-header{
  font-size: 13px;
  color: #5d616e;
  padding: 8px 12px;
}

.sb-mobile-account .dropdown-item{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  font-weight: 600;
}

.sb-mobile-account .dropdown-item i{
  width: 18px;
  text-align: center;
  color: #6f7280;
}

.sb-mobile-account .dropdown-item:hover{
  background: #fafafb;
}

.sb-mobile-account .dropdown-item.text-danger i{
  color: #c53030;
}


.sb-cats-menu { width: 980px; padding: 0; overflow: hidden; border-radius: 18px; }

.sb-mega { display: grid; grid-template-columns: 260px 1fr; min-height: 460px; }

.sb-mega-left { background: #fafafb; border-right: 1px solid #ececf2; }
.sb-mega-left-inner { padding: 10px; }

.sb-mega-root {
  display:flex; align-items:center; justify-content:space-between;
  padding: 12px 14px;
  border-radius: 14px;
  color: #15161a;
  text-decoration:none;
  font-weight: 600;
}
.sb-mega-root:hover, .sb-mega-root.active { background:#fff; }
.sb-mega-root i { opacity:.35; font-size: 12px; }

.sb-mega-right-inner { padding: 18px 22px; }

.sb-mega-panel-head { margin-bottom: 12px; }
.sb-mega-panel-title { font-size: 18px; font-weight: 600; color:#111; text-decoration:none; }

.sb-mega-grid{
  column-count: 3;
  column-gap: 18px;
  column-fill: balance;
}

.sb-mega-col{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  display: inline-block;
  width: 100%;
  margin: 0 0 18px 0;
}

.sb-mega-section {
  font-weight: 600;
  color: #15161a;
  text-decoration:none;
  display:inline-block;
  margin-bottom: 6px;
}
.sb-mega-section:hover { color: var(--sb-brand); }

.sb-mega-links { display:flex; flex-direction:column; gap: 6px; }
.sb-mega-link { font-size: 14px; color:#6d707a; text-decoration:none; }
.sb-mega-link:hover { color:#15161a; }
.sb-mega-link.small { font-size: 13px; opacity: .9; padding-left: 10px; }

.sb-mega-all {
  margin-top: 8px;
  font-weight: 600;
  color: var(--sb-brand);
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap: 6px;
}

@media (max-width: 1200px){
  .sb-mega-grid{ column-count: 2; }
}
@media (max-width: 992px){
  .sb-mega-grid{ column-count: 1; }
}




/* =========================
   DIM OVERLAY
   ========================= */

.sb-dim{
  position: fixed;
  inset: 0;
  background: rgba(10,12,16,.45);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 1040;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}

.sb-dim.active{
  opacity: 1;
  pointer-events: auto;
}



/* =========================
   SEARCH OVERLAY (SB)
   ========================= */

.sb-search-overlay{
  position: fixed;
  inset: 0;
  z-index: 1065;
  display: none;
}

.sb-search-overlay.active{
  display: block;
}

.sb-search-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(10,12,16,.38);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.sb-search-overlay .sb-search-inside{
  position: relative;
  width: 100%;
  height: 100%;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding: 14px;
}

.sb-search-overlay .sb-search-sheet{
  width: min(760px, 100%);
  margin-top: 86px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 30px 90px rgba(0,0,0,.22);
  overflow: hidden;
}

.sb-search-overlay .sb-search-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.sb-search-overlay .sb-search-title{
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 650;
  color: #111;
  font-size: 15px;
}

.sb-search-overlay .sb-search-title i{
  color: rgba(228,33,31,.92);
}

.sb-search-overlay .sb-search-close{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: #ffffff;
  color:#111;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.sb-search-overlay .sb-search-close:hover{
  transform: translateY(-1px);
  background: #fafafb;
  border-color: rgba(228,33,31,.18);
}

.sb-search-overlay .sb-search-form{
  padding: 16px 14px 14px;
}

.sb-search-overlay .sb-search-field{
  display:flex;
  align-items:center;
  gap: 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fbfbfc;
  padding: 12px 12px;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.sb-search-overlay .sb-search-field:focus-within{
  background:#ffffff;
  border-color: rgba(228,33,31,.30);
  box-shadow: 0 18px 55px rgba(0,0,0,.12);
}

.sb-search-overlay .sb-search-field > i{
  color:#737784;
  margin-left: 4px;
}

.sb-search-overlay .sb-search-field .easy-autocomplete{
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0;
}

.sb-search-overlay .sb-search-field .easy-autocomplete[style]{
  width: 100% !important;
}

.sb-search-overlay .sb-search-field input.form-control{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0;
  height: 30px;
  font-size: 16px;
  font-weight: 500;
  color:#111;
}

.sb-search-overlay .sb-search-field input.form-control::placeholder{
  color:#8b8f9a;
}

.sb-search-overlay .sb-search-go{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  background: #ffffff;
  color: rgba(228,33,31,.95);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.sb-search-overlay .sb-search-go:hover{
  transform: translateY(-1px);
  background: #fafafb;
  border-color: rgba(228,33,31,.18);
}

.sb-search-overlay .sb-search-hint{
  margin-top: 10px;
  font-size: 13px;
  color: #6f7380;
  text-align: center;
}

@media (max-width: 576px){
  .sb-search-overlay .sb-search-sheet{
    margin-top: 72px;
    border-radius: 20px;
  }
  .sb-search-overlay .sb-search-field{
    border-radius: 16px;
  }
}



/* =========================
   MOBILE SIDEBAR
   ========================= */

/* =========================
   SIDE (OFFCANVAS) — PREMIUM
   ========================= */

.sb-side{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 340px;
  max-width: 88%;
  background: #ffffff;
  z-index: 1060;
  transform: translateX(-100%);
  transition: transform .25s ease;
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 30px 90px rgba(0,0,0,.18);
}

.sb-side.active{
  transform: translateX(0);
}

.sb-side .sb-side-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 14px 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.sb-side .sb-side-brand img{
  height: 18px;
  width: auto;
  display:block;
}

.sb-side .sb-side-close{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: #ffffff;
  color:#111;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.sb-side .sb-side-close:hover{
  transform: translateY(-1px);
  background: #fafafb;
  border-color: rgba(228,33,31,.18);
}

.sb-side .sb-side-body{
  flex: 1;
  overflow: auto;
  padding: 12px 12px 16px;
  -webkit-overflow-scrolling: touch;
}

/* sections */
.sb-side .sb-side-section{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  background: #ffffff;
  padding: 10px;
  margin-bottom: 12px;
}

.sb-side .sb-side-section-title{
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #7a7f8c;
  padding: 8px 10px 10px;
}

/* settings pills */
.sb-side .sb-side-settings{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.sb-side .sb-side-pill{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  background: #fbfbfc;
  font-weight: 650;
  color: #15161a;
  text-align: left;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.sb-side .sb-side-pill .text{
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sb-side .sb-side-pill i{
  color: #6f7280;
}

.sb-side .sb-side-pill:hover{
  background:#ffffff;
  border-color: rgba(228,33,31,.18);
  transform: translateY(-1px);
}

/* quick links */
.sb-side .sb-side-links{
  display:flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 4px 6px;
}

.sb-side .sb-side-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  text-decoration:none;
  color:#15161a;
  font-weight: 650;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.06);
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.sb-side .sb-side-link i{
  opacity: .45;
}

.sb-side .sb-side-link:hover{
  background:#fafafb;
  border-color: rgba(228,33,31,.18);
  transform: translateY(-1px);
}

/* =========================
   CATEGORY TREE (your UL)
   ========================= */

.sb-side .sb-side-tree ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.sb-side .sb-side-tree li{
  margin: 0;
}

.sb-side .sb-side-tree li > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 14px;
  cursor: pointer;
  transition: background .15s ease;
}

.sb-side .sb-side-tree li > div:hover{
  background: #fafafb;
}

.sb-side .sb-side-tree li > div > a{
  flex: 1 1 auto;
  min-width: 0;
  color:#15161a;
  text-decoration:none;
  font-weight: 650;
  line-height: 1.2;
}

/* toggle */
.sb-side .sb-side-tree li > div .toggle{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.06);
  background: #ffffff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: #6f7280;
  transition: transform .15s ease, border-color .15s ease, color .15s ease;
}

.sb-side .sb-side-tree li.mag-collapse > ul{
  display: none;
  margin: 6px 0 10px;
  padding-left: 12px;
  border-left: 1px solid rgba(0,0,0,.06);
}

.sb-side .sb-side-tree li.mag-collapse.open > ul{
  display: block;
}

.sb-side .sb-side-tree li.mag-collapse.open > div .toggle{
  transform: rotate(180deg);
  border-color: rgba(228,33,31,.18);
  color: rgba(228,33,31,.90);
}

/* nested text weights */
.sb-side .sb-side-tree li li > div > a{ font-weight: 600; color:#2a2c33; }
.sb-side .sb-side-tree li li li > div > a{ font-weight: 550; color:#5d616e; font-size: 14px; }

/* optional scrollbar */
.sb-side .sb-side-body::-webkit-scrollbar{ width: 10px; }
.sb-side .sb-side-body::-webkit-scrollbar-thumb{ background:#d9dbe2; border-radius: 999px; }










/* =========================
   HERO (SB)
   ========================= */

.sb-hero{
  padding: 40px 0 10px;
}

.sb-hero.sb-hero-after-banner{
  margin-top: -34px; /* bridge effect to the banner */
  padding-top: 46px;


}

.sb-hero .sb-hero-head{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 22px;
  align-items: center;
}

.sb-hero .sb-hero-text h1{
  margin: 0 0 12px;
  max-width: 760px;
  color: #111217;
  font-weight: 750;
  letter-spacing: -0.015em;
  line-height: 1.12;
  font-size: clamp(28px, 3.6vw, 42px);
}

.sb-hero .sb-hero-text p{
  margin: 0 0 18px;
  max-width: 640px;
  color: #606575;
  font-size: 16px;
  line-height: 1.65;
}

.sb-hero .sb-hero-cta{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sb-hero .sb-hero-cta .btn{
  border-radius: 16px;
  font-weight: 600;
  padding: 12px 16px;
}

.sb-hero .sb-hero-cta .btn-primary{
  border: 0;
  background: linear-gradient(135deg, var(--sb-brand), var(--sb-brand-glow));
  box-shadow: 0 18px 50px rgba(228,33,31,.16);
}

.sb-hero .sb-hero-cta .btn-primary:hover{
  filter: brightness(1.03);
}

/* right mini cards */
.sb-hero .sb-hero-mini{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.sb-hero .sb-hero-mini .sb-hero-mini-card{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.sb-hero .sb-hero-mini .sb-hero-mini-card:hover{
  transform: translateY(-2px);
  border-color: rgba(228,33,31,.18);
  box-shadow: 0 14px 44px rgba(0,0,0,.08);
}

.sb-hero .sb-hero-mini .sb-hero-mini-card .icon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(228,33,31,.08);
  color: rgba(228,33,31,.95);
  flex: 0 0 auto;
}

.sb-hero .sb-hero-mini .sb-hero-mini-card .icon i{
  font-size: 18px;
}

.sb-hero .sb-hero-mini .sb-hero-mini-card .text .t{
  font-weight: 750;
  color: #14151a;
  line-height: 1.15;
  margin-bottom: 2px;
}

.sb-hero .sb-hero-mini .sb-hero-mini-card .text .s{
  color: #6a6f7e;
  font-size: 13px;
  line-height: 1.35;
}

/* Responsive */
@media (max-width: 992px){
  .sb-hero .sb-hero-head{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .sb-hero .sb-hero-mini{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 576px){
  .sb-hero.sb-hero-after-banner{
    margin-top: -16px;
    padding-top: 34px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .sb-hero .sb-hero-mini{
    grid-template-columns: 1fr;
  }
  .sb-hero .sb-hero-text p{
    font-size: 15px;
  }
}




/* =========================
   WORLD SELECTOR (PREMIUM)
   ========================= */

.world-country-selector{
  position: fixed;
  inset: 0;
  z-index: 999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 18px;
  background: rgba(10,12,16,.40);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.world-country-selector.closed{
  display:none;
}

.world-country-selector .inside-overlay{
  width: 100%;
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background: transparent;
}

.world-country-selector .inside-modal{
  width: min(720px, 100%);
  max-height: min(82vh, 720px);
  overflow:auto;

  background: rgba(255,255,255,.94);
  border: 1px solid rgba(255,255,255,.60);
  border-radius: 22px;
  box-shadow: 0 30px 90px rgba(0,0,0,.22);

  padding: 20px 20px 16px;
  position: relative;
}

/* header */
.world-country-selector .selector-head{
  display:flex;
  align-items:flex-start;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  margin-bottom: 14px;
}

.world-country-selector .selector-icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(228,33,31,.08), rgba(228,33,31,.02));
  border: 1px solid rgba(228,33,31,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
}

.world-country-selector .selector-icon img{
  width: 26px;
  height: 26px;
  display:block;
  opacity: .95;
}

.world-country-selector .selector-text{
  flex: 1 1 auto;
  min-width: 0;
}

.world-country-selector .title{
  font-size: 18px;
  font-weight: 650;
  color: #111;
  margin: 2px 0 4px;
}

.world-country-selector .subtitle{
  font-size: 14px;
  color: #626673;
  line-height: 1.45;
}

/* close button */
.world-country-selector .selector-close{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.75);
  color: #111;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
  flex: 0 0 auto;
}

.world-country-selector .selector-close:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.95);
  border-color: rgba(228,33,31,.18);
}

/* grid */
.world-country-selector .selector-grid{
  display:grid;
  grid-template-columns: 1fr 1fr 220px;
  gap: 14px;
  align-items:end;
}

.world-country-selector .selecter.full{
  grid-column: 1 / -1;
}

.world-country-selector label{
  font-weight: 600;
  font-size: 13px;
  color: #1b1c21;
  margin-bottom: 8px;
}

.world-country-selector .help{
  margin-top: 6px;
  font-size: 12px;
  color: #7a7f8c;
}

/* select2 inputs look premium */
.world-country-selector .select2-container .select2-selection--single{
  height: 46px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  background: rgba(250,250,251,.96) !important;
  display:flex !important;
  align-items:center !important;
}

.world-country-selector .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 46px !important;
  padding-left: 14px !important;
  color: #111 !important;
  font-weight: 500;
}

.world-country-selector .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 46px !important;
  right: 10px !important;
}

/* apply */
.world-country-selector .selecter-apply .btn{
  height: 46px;
  border-radius: 14px;
  font-weight: 700;
  border: 0;
  background: linear-gradient(135deg, var(--sb-brand), var(--sb-brand-glow));
  box-shadow: 0 16px 45px rgba(228,33,31,.18);
}

.world-country-selector .selecter-apply .note{
  margin-top: 8px;
  font-size: 12px;
  color: #7a7f8c;
  text-align:center;
}

/* footer note */
.world-country-selector .selector-foot{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  gap: 10px;
  color: #6b707c;
  font-size: 13px;
}

.world-country-selector .selector-foot i{
  color: rgba(228,33,31,.85);
}

/* responsive */
@media (max-width: 768px){
  .world-country-selector .selector-grid{
    grid-template-columns: 1fr;
  }
  .world-country-selector .selecter-apply{
    grid-column: auto;
  }
}


/* Products Design */

/* =========================
   PRODUCT CARD (SB)
   ========================= */

.sb-product-card{
  height: 100%;
  padding-bottom:24px;
  
}

.sb-product-card .sb-product-card-inner{
  height: 100%;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.sb-product-card .sb-product-card-inner:hover{
  transform: translateY(-2px);
  border-color: rgba(228,33,31,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.10);
}

/* media */
.sb-product-card .sb-product-card-media{
  display:block;
  background: linear-gradient(
    180deg,
    #ffffff 0%,
    #fafbfc 100%
  );
  border-bottom: 1px solid rgba(0,0,0,.06);
  padding: 18px;
  text-align:center;
   border-radius: 12px;
  padding: 20px;
   box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.04);
}

.sb-product-card .sb-product-card-media img{
  width: auto;
  max-width: 100%;
  height: 170px;
  object-fit: contain;
}

/* thumbs */
.sb-product-card .sb-product-card-thumbs{
  display:flex;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
}

.sb-product-card .sb-product-card-thumbs::-webkit-scrollbar{
  height: 0;
}

.sb-product-card .sb-product-card-thumbs .sb-thumb{
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fbfbfc;
  display:flex;
  align-items:center;
  justify-content:center;
  transition: border-color .15s ease, transform .15s ease, background .15s ease;
}

.sb-product-card .sb-product-card-thumbs .sb-thumb:hover{
  transform: translateY(-1px);
  border-color: rgba(228,33,31,.22);
  background: #ffffff;
}

.sb-product-card .sb-product-card-thumbs .sb-thumb img{
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.sb-product-card .sb-product-card-thumbs a.active {
  border-color: rgba(228,33,31,.4);
}

/* body */
.sb-product-card .sb-product-card-body{
  padding: 14px 14px 16px;
  display:flex;
  flex-direction: column;
  gap: 10px;
}

.sb-product-card .sb-product-card-title a{
  color: #14151a;
  text-decoration: none;
  font-weight: 650;
  line-height: 1.25;
  display:block;
  min-height: 38px; /* keeps grid aligned */
}

.sb-product-card .sb-product-card-title a:hover{
  color: rgba(228,33,31,.95);
}

/* pricing */
.sb-product-card .sb-product-card-pricing{
  display:flex;
  flex-direction: column;
  gap: 6px;
}

.sb-product-card .sb-product-card-price{
  display:flex;
  align-items: baseline;
  gap: 8px;
}

.sb-product-card .sb-product-card-price .amount{
  font-weight: 750;
  font-size: 18px;
  color: #111;
  font-variant-numeric: tabular-nums;
}

.sb-product-card .sb-product-card-price .cur{
  font-weight: 650;
  font-size: 12px;
  color: #6f7280;
}

.sb-product-card .sb-product-card-storage{
  display:flex;
  align-items: baseline;
  gap: 8px;
  color: #b02a37;
  font-weight: 650;
  font-size: 13px;
}

.sb-product-card .sb-product-card-storage i{
  color: #b02a37;
}

.sb-product-card .sb-product-card-storage .off{
  color: #6f7280;
  font-weight: 600;
  margin-left: 4px;
}

/* actions */
.sb-product-card .sb-product-card-actions{
  margin-top: auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding-top: 8px;
}

.sb-product-card .sb-product-card-stock .stock-badge{
  border-radius: 999px;
  padding: 7px 10px;
  font-weight: 700;
  font-size: 12px;
  margin-bottom:0px;
}

/* CTA buttons */
.sb-product-card .sb-product-card-cta .btn{
  border-radius: 14px;
  font-weight: 700;
  padding: 10px 14px;
}

.sb-product-card .sb-product-card-cta .btn-primary{
  border: 0;
  background: linear-gradient(135deg, var(--sb-brand), var(--sb-brand-glow));
  box-shadow: 0 16px 45px rgba(228,33,31,.16);
}

.sb-product-card .sb-product-card-cta .btn-primary:hover{
  filter: brightness(1.03);
}

.sb-product-card .sb-product-card-cta .btn-outline-secondary{
  border-color: rgba(0,0,0,.15);
}

/* small screens */
@media (max-width: 576px){
  .sb-product-card .sb-product-card-media img{
    height: 150px;
  }
  .sb-product-card .sb-product-card-title a{
    min-height: auto;
  }
}


.sb-section-head-split {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.sb-section-head-split .right .btn {
  border-radius: 14px;
  font-weight: 650;
}

/* Crypto info bar */
.sb-crypto .sb-crypto-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px 12px;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  box-shadow: 0 10px 30px rgba(0,0,0,.05);
  margin-bottom: 18px;
}

.sb-crypto .sb-crypto-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  font-weight: 650;
  color: #15161a;
}

.sb-crypto .sb-crypto-pill i {
  font-size: 16px;
  opacity: .85;
}

.sb-crypto .sb-crypto-note {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #6f7280;
  font-size: 13px;
}

@media (max-width: 768px) {
  .sb-section-head-split {
    flex-direction: column;
    align-items: flex-start;
  }
  .sb-crypto .sb-crypto-note {
    margin-left: 0;
    width: 100%;
  }



  
.col-6 .sb-product-card-pricing,
.col-sm-6 .sb-product-card-actions{
  flex-direction: column;
  align-items: stretch;
}

.product-list{
	margin-left:-5px;
	margin-right:-5px;
}

.product-list .col-6{
	padding-left:5px;
	padding-right:5px;
}



}






/* =========================
   KNOWLEDGE (3 BLOCKS)
   ========================= */

.sb-knowledge{
  margin-bottom: var(--sb-section-gap);
}

.sb-knowledge .sb-section-head{
  margin-bottom: 14px;
}

.sb-knowledge .sb-section-head h2{
  margin: 0 0 6px;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.sb-knowledge .sb-section-head p{
  margin: 0;
  color: #6a6f7e;
  font-size: 14px;
  line-height: 1.6;
  max-width: 620px;
}

/* top row layout */
.sb-knowledge .sb-knowledge-top{
  margin-bottom: 18px;
  align-items: stretch;
}

/* =========================
   NEWSLETTER CALLOUT
   ========================= */

.sb-knowledge .sb-newsletter{
  height: 100%;
}

.sb-knowledge .sb-newsletter .sb-newsletter-form{
  height: 100%;
  border-radius: 20px;
  padding: 16px;
  border: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
}

.sb-knowledge .sb-newsletter .sb-newsletter-title{
  font-weight: 800;
  color: #111217;
  margin-bottom: 6px;
}

.sb-knowledge .sb-newsletter .sb-newsletter-sub{
  color: #6a6f7e;
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.sb-knowledge .sb-newsletter .sb-newsletter-row{
  display:flex;
  gap: 10px;
  align-items: center;
}

.sb-knowledge .sb-newsletter .form-control{
  height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: none;
}

.sb-knowledge .sb-newsletter .form-control:focus{
  border-color: rgba(228,33,31,.28);
  box-shadow: 0 0 0 .2rem rgba(228,33,31,.10);
}

.sb-knowledge .sb-newsletter .btn{
  height: 46px;
  width: 52px;
  border-radius: 14px;
  font-weight: 800;
  padding: 0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sb-knowledge .sb-newsletter .btn-primary{
  border: 0;
  background: linear-gradient(135deg, var(--sb-brand), var(--sb-brand-glow));
  box-shadow: 0 16px 45px rgba(228,33,31,.16);
}

/* =========================
   ARTICLE CARDS
   ========================= */

.sb-knowledge .sb-article-card{
  height: 100%;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
  margin-bottom: 24px;
}

.sb-knowledge .sb-article-card:hover{
  transform: translateY(-2px);
  border-color: rgba(228,33,31,.16);
  box-shadow: 0 18px 60px rgba(0,0,0,.10);
}

.sb-knowledge .sb-article-card .sb-article-media{
  display:block;
  background: #fbfbfc;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.sb-knowledge .sb-article-card .sb-article-media img{
  width: 100%;
  height: 170px;
  object-fit: cover;
  display:block;
}

.sb-knowledge .sb-article-card .sb-article-body{
  padding: 12px 14px 14px;
  display:flex;
  flex-direction: column;
  height: calc(100% - 170px);
}

.sb-knowledge .sb-article-card .sb-article-title{
  color: #111217;
  text-decoration: none;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 8px;
  min-height: 40px;
}

.sb-knowledge .sb-article-card .sb-article-title:hover{
  color: rgba(228,33,31,.95);
}

.sb-knowledge .sb-article-card .sb-article-desc{
  color: #6a6f7e;
  font-size: 14px;
  line-height: 1.55;
  margin-bottom: 12px;
  flex: 1 1 auto;
}

.sb-knowledge .sb-article-card .sb-article-link{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  text-decoration: none;
  font-weight: 800;
  color: rgba(228,33,31,.95);
}

.sb-knowledge .sb-article-card .sb-article-link i{
  opacity: .7;
  transition: transform .15s ease, opacity .15s ease;
}

.sb-knowledge .sb-article-card:hover .sb-article-link i{
  transform: translateX(2px);
  opacity: 1;
}

/* More Articles button */
.sb-knowledge .sb-more-articles{
  border-radius: 14px;
  font-weight: 800;
  padding: 10px 14px;
}

/* =========================
   KNOWLEDGE HUB LINKS
   ========================= */

.sb-knowledge .sb-hub{
  margin-top: 18px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
  padding: 16px;
}

.sb-knowledge .sb-hub .sb-hub-head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 4px 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  margin-bottom: 12px;
}

.sb-knowledge .sb-hub .sb-hub-title{
  font-weight: 900;
  color: #111217;
}

.sb-knowledge .sb-hub .sb-hub-sub{
  color: #6a6f7e;
  font-size: 13px;
}

.sb-knowledge .sb-hub .sb-hub-col{
  padding: 10px 6px 6px;
}

.sb-knowledge .sb-hub h5{
  margin: 0 0 10px;
  font-weight: 900;
  font-size: 14px;
}

.sb-knowledge .sb-hub h5 a{
  color: #111217;
  text-decoration: none;
}

.sb-knowledge .sb-hub h5 a:hover{
  color: rgba(228,33,31,.95);
}

.sb-knowledge .sb-hub ul li{
  margin-bottom: 8px;
  line-height: 1.35;
}

.sb-knowledge .sb-hub ul li a{
  color: #5f6472;
  text-decoration: none;
  font-size: 13px;
  display:inline-block;
}

.sb-knowledge .sb-hub ul li a:hover{
  color: #111217;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* mobile */
@media (max-width: 768px){
  .sb-knowledge .sb-newsletter .sb-newsletter-form{
    margin-top: 10px;
  }
}




/* =========================
   PAGE LAYOUT
   ========================= */

.sb-page{
  padding: 26px 0 var(--sb-section-gap);
}

.sb-page .sb-page-shell{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  box-shadow: 0 18px 55px rgba(0,0,0,.06);
  overflow: hidden;
}

/* header */
.sb-page .sb-page-head{
  padding: 26px 26px 18px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
}

.sb-page .sb-page-title{
  margin: 0;
  color: #111217;
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.15;
  font-size: clamp(26px, 3.2vw, 40px);
}

/* body */
.sb-page .sb-page-body{
  padding: 22px 26px 28px;
}

/* content typography */
.sb-page .sb-page-content{
  color: #2a2c34;
  font-size: 16px;
  line-height: 1.8;
}

.sb-page .sb-page-content p{
  margin: 0 0 14px;
  color: #3a3d47;
}

.sb-page .sb-page-content h2{
  margin: 26px 0 10px;
  font-weight: 800;
  letter-spacing: -0.01em;
  font-size: 22px;
  color: #111217;
}

.sb-page .sb-page-content h3{
  margin: 22px 0 8px;
  font-weight: 750;
  font-size: 18px;
  color: #111217;
}

.sb-page .sb-page-content h4{
  margin: 18px 0 6px;
  font-weight: 750;
  font-size: 15px;
  color: #111217;
}

.sb-page .sb-page-content a{
  color: rgba(228,33,31,.95);
  text-decoration: none;
  font-weight: 650;
}

.sb-page .sb-page-content a:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sb-page .sb-page-content ul,
.sb-page .sb-page-content ol{
  padding-left: 20px;
  margin: 0 0 14px;
}

.sb-page .sb-page-content li{
  margin-bottom: 8px;
  color: #3a3d47;
}

.sb-page .sb-page-content blockquote{
  border-left: 3px solid rgba(228,33,31,.35);
  padding: 10px 14px;
  margin: 16px 0;
  background: #fbfbfc;
  border-radius: 14px;
  color: #4b4f5c;
}

.sb-page .sb-page-content img{
  max-width: 100%;
  height: auto;
  border-radius: 18px;
  margin: 14px 0;
  display: block;
}

/* tables */
.sb-page .sb-page-content table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 14px 0 20px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  overflow: hidden;
  margin:0 auto;
}

.sb-page .sb-page-content table th,
.sb-page .sb-page-content table td{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  vertical-align: top;
}

.sb-page .sb-page-content table th{
  background: #fbfbfc;
  font-weight: 800;
  color: #111217;
}

.sb-page .sb-page-content table tr:last-child td{
  border-bottom: 0;
}

/* admin editable styling */
.sb-page .mag-inline-editor.sb-page-content{
  outline: none;
}

.sb-page .mag-inline-editor.sb-page-content:focus{
  box-shadow: 0 0 0 .2rem rgba(228,33,31,.10);
  border-radius: 14px;
}

/* mobile padding */
@media (max-width: 576px){
  .sb-page .sb-page-head{
    padding: 18px 16px 14px;
  }
  .sb-page .sb-page-body{
    padding: 16px 16px 20px;
  }
}

.sb-related-text{
  margin-top: var(--sb-section-gap);
  padding-top: 26px;
  border-top: 1px solid rgba(0,0,0,.08);
}

.sb-related-text .sb-related-text-head{
  margin-bottom: 14px;
}

.sb-related-text .sb-related-text-head h2{
  margin: 0 0 6px;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -0.01em;
  color: #111217;
}

.sb-related-text .sb-related-text-head p{
  margin: 0;
  color: #6a6f7e;
  font-size: 13px;
}

.sb-related-text .sb-related-text-list{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.sb-related-text .sb-related-text-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  border: 1px solid rgba(0,0,0,.08);
  text-decoration: none;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.sb-related-text .sb-related-text-item .title{
  color: #14151a;
  font-weight: 750;
  font-size: 14px;
  line-height: 1.35;
}

.sb-related-text .sb-related-text-item .icon{
  color: rgba(228,33,31,.95);
  opacity: .85;
  flex: 0 0 auto;
}

.sb-related-text .sb-related-text-item:hover{
  transform: translateY(-2px);
  border-color: rgba(228,33,31,.16);
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
}

.sb-related-text .sb-related-text-item:hover .icon{
  opacity: 1;
}

@media (max-width: 768px){
  .sb-related-text .sb-related-text-list{
    grid-template-columns: 1fr;
  }
}


/* outer container spacing */
.blog-post-item{
  padding-bottom: 28px;
  height:100%;
}

/* inner card */
.blog-post-item .sb-post-card-inner{
  height: 100%;
  background: #fff;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.blog-post-item .sb-post-card-inner:hover{
  transform: translateY(-2px);
  border-color: rgba(228,33,31,.16);
  box-shadow: 0 18px 60px rgba(0,0,0,.10);
}

/* media */
.blog-post-item .sb-post-media{
  display:block;
  background: #fbfbfc;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.blog-post-item .sb-post-media img{
  width: 100%;
  height: 190px;
  object-fit: cover;
  display:block;
}

/* body */
.blog-post-item .sb-post-body{
  padding: 14px 14px 16px;
  display:flex;
  flex-direction: column;
  height: calc(100% - 190px);
}

/* meta */
.blog-post-item .sb-post-meta{
  margin-bottom: 8px;
}

.blog-post-item .sb-post-date{
  color: #6a6f7e;
  font-size: 13px;
  display:inline-flex;
  align-items:center;
  gap: 8px;
}

.blog-post-item .sb-post-date i{
  opacity: .7;
}

/* title */
.blog-post-item .sb-post-title{
  margin: 0 0 10px;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.blog-post-item .sb-post-title a{
  color: #111217;
  text-decoration: none;
}

.blog-post-item .sb-post-title a:hover{
  color: rgba(228,33,31,.95);
}

/* excerpt */
.blog-post-item .sb-post-excerpt{
  color: #5f6472;
  font-size: 14px;
  line-height: 1.6;
  flex: 1 1 auto;
  margin-bottom: 12px;
}

/* footer */
.blog-post-item .sb-post-foot{
  display:flex;
  align-items:center;
}

.blog-post-item .sb-post-read{
  color: rgba(228,33,31,.95);
  font-weight: 800;
  font-size: 13px;
  text-decoration: none;
  display:inline-flex;
  align-items:center;
  gap: 10px;
}

.blog-post-item .sb-post-read i{
  opacity: .75;
  transition: transform .15s ease, opacity .15s ease;
}

.blog-post-item .sb-post-card-inner:hover .sb-post-read i{
  transform: translateX(2px);
  opacity: 1;
}

/* mobile */
@media (max-width: 576px){
  .blog-post-item .sb-post-media img{
    height: 160px;
  }
  .blog-post-item .sb-post-body{
    height: auto;
  }
}


/* =========================
   BLOG SIDEBAR (SB)
   ========================= */

.blog-sidebar{

}

/* reusable card */
.blog-sidebar .sb-side-card{
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
  padding: 14px;
  margin-bottom: 14px;
}

.blog-sidebar .sb-side-title{
  font-weight: 850;
  font-size: 14px;
  color: #111217;
  margin-bottom: 10px;
  letter-spacing: -0.01em;
}

/* search field */
.blog-sidebar .sb-search-field{
  position: relative;
  display:flex;
  align-items:center;
  gap: 10px;
}

.blog-sidebar .sb-search-field i.fal.fa-search{
  position:absolute;
  left: 12px;
  color: #8a8f9c;
  font-size: 14px;
  pointer-events: none;
}

.blog-sidebar .sb-search-field .form-control{
  height: 46px;
  padding-left: 36px;
  padding-right: 52px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: none;
  background: #fff;
}

.blog-sidebar .sb-search-field .form-control:focus{
  border-color: rgba(228,33,31,.28);
  box-shadow: 0 0 0 .2rem rgba(228,33,31,.10);
}

.blog-sidebar .sb-search-field .sb-btn-icon{
  position: absolute;
  right: 6px;
  height: 36px;
  width: 44px;
  border-radius: 12px;
  border: 0;
  background: linear-gradient(135deg, var(--sb-brand), var(--sb-brand-glow));
  box-shadow: 0 14px 40px rgba(228,33,31,.16);
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 0;
}

.blog-sidebar .sb-search-field .sb-btn-icon i{
  color: #fff;
  font-size: 14px;
}

/* category list */
.blog-sidebar .sb-cat-list{
  display:flex;
  flex-direction: column;
  gap: 8px;
}

.blog-sidebar .sb-cat-item{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: #ffffff;
  text-decoration: none;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.blog-sidebar .sb-cat-item .name{
  color: #1a1c21;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.3;
}

.blog-sidebar .sb-cat-item .icon{
  color: #9aa0ad;
  flex: 0 0 auto;
}

.blog-sidebar .sb-cat-item:hover{
  transform: translateY(-1px);
  border-color: rgba(228,33,31,.16);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.blog-sidebar .sb-cat-item:hover .icon{
  color: rgba(228,33,31,.85);
}

/* mobile: disable sticky */
@media (max-width: 992px){
  .blog-sidebar{
    position: static;
    top: auto;
  }
}


/* =========================
   BLOG CATEGORIES PAGE
   ========================= */

.sb-blog-categories{
  padding: 24px 0 var(--sb-section-gap);
}

.sb-blog-categories .sb-page-top{
  margin-bottom: 18px;
}

.sb-blog-categories .sb-page-title{
  margin: 0 0 8px;
  font-weight: 850;
  letter-spacing: -0.015em;
  color: #111217;
  font-size: clamp(26px, 3vw, 38px);
}

.sb-blog-categories .sb-breadcrumb{
  color: #6a6f7e;
  font-size: 13px;
}

/* category block */
.sb-blog-categories .sb-cat-block{
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  padding: 16px 16px 6px;
  box-shadow: 0 14px 45px rgba(0,0,0,.06);
  margin-bottom: 18px;
}

/* header row */
.sb-blog-categories .sb-cat-head{
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 14px;
  padding: 6px 4px 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  margin-bottom: 14px;
}

.sb-blog-categories .sb-cat-title{
  margin: 0;
  font-weight: 900;
  letter-spacing: -0.01em;
  font-size: 18px;
}

.sb-blog-categories .sb-cat-title a{
  color: #111217;
  text-decoration: none;
}

.sb-blog-categories .sb-cat-title a:hover{
  color: rgba(228,33,31,.95);
}

.sb-blog-categories .sb-cat-sub{
  color: #6a6f7e;
  font-size: 13px;
  margin-top: 4px;
}

/* CTA */
.sb-blog-categories .sb-cat-cta{
  border-radius: 14px;
  font-weight: 800;
  padding: 10px 14px;
  white-space: nowrap;
}

/* ensure inner post cards breathe */
.sb-blog-categories .blog-post-item{
  margin-bottom: 18px;
}

/* mobile layout */
@media (max-width: 768px){
  .sb-blog-categories .sb-cat-head{
    flex-direction: column;
    align-items: flex-start;
  }
  .sb-blog-categories .sb-cat-cta{
    width: 100%;
    text-align: center;
  }
}


/* =========================
   BLOG SINGLE ARTICLE
   ========================= */

.sb-article{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  box-shadow: 0 18px 55px rgba(0,0,0,.06);
  overflow: hidden;
}

.sb-article .sb-article-head{
  padding: 22px 24px 18px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
}

.sb-article .sb-article-title{
  margin: 0 0 10px;
  font-weight: 850;
  letter-spacing: -0.015em;
  line-height: 1.12;
  font-size: clamp(26px, 3.2vw, 40px);
  color: #111217;
}

.sb-article .sb-article-meta{
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  color: #6a6f7e;
  font-size: 13px;
}

.sb-article .sb-article-meta .date{
  display:inline-flex;
  align-items:center;
  gap: 8px;
}

.sb-article .sb-article-meta .date i{
  opacity: .75;
}

.sb-article .sb-article-meta .dot{
  opacity: .5;
}

.sb-article .sb-article-meta .cats{
  display:flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sb-article .sb-article-meta .cats a{
  text-decoration: none;
  color: #111217;
  font-weight: 750;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

.sb-article .sb-article-meta .cats a:hover{
  border-color: rgba(228,33,31,.18);
  background: rgba(228,33,31,.06);
  transform: translateY(-1px);
}

/* content */
.sb-article .sb-article-content{
  padding: 22px 24px 26px;
  color: #2a2c34;
  font-size: 16px;
  line-height: 1.85;
}

/* typography inside CMS HTML */
.sb-article .sb-article-content p{
  margin: 0 0 14px;
  color: #3a3d47;
}

.sb-article .sb-article-content h2{
  margin: 28px 0 10px;
  font-weight: 850;
  letter-spacing: -0.01em;
  font-size: 22px;
  color: #111217;
}

.sb-article .sb-article-content h3{
  margin: 22px 0 8px;
  font-weight: 800;
  font-size: 18px;
  color: #111217;
}

.sb-article .sb-article-content h4{
  margin: 18px 0 6px;
  font-weight: 750;
  font-size: 15px;
  color: #111217;
}

.sb-article .sb-article-content a{
  color: rgba(228,33,31,.95);
  font-weight: 700;
  text-decoration: none;
}

.sb-article .sb-article-content a:hover{
  text-decoration: underline;
  text-underline-offset: 3px;
}

.sb-article .sb-article-content ul,
.sb-article .sb-article-content ol{
  padding-left: 20px;
  margin: 0 0 14px;
}

.sb-article .sb-article-content li{
  margin-bottom: 8px;
  color: #3a3d47;
}

.sb-article .sb-article-content blockquote{
  margin: 18px 0;
  padding: 12px 14px;
  border-left: 3px solid rgba(228,33,31,.35);
  background: #fbfbfc;
  border-radius: 14px;
  color: #4b4f5c;
}

.sb-article .sb-article-content img{
  max-width: 100%;
  height: auto;
  display:block;
  border-radius: 18px;
  margin: 14px 0;
}

.sb-article .sb-article-content table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 14px 0 20px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  overflow: hidden;
}

.sb-article .sb-article-content th,
.sb-article .sb-article-content td{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  vertical-align: top;
}

.sb-article .sb-article-content th{
  background: #fbfbfc;
  font-weight: 850;
  color: #111217;
}

.sb-article .sb-article-content tr:last-child td{
  border-bottom: 0;
}

/* mobile */
@media (max-width: 576px){
  .sb-article .sb-article-head{
    padding: 18px 16px 14px;
  }
  .sb-article .sb-article-content{
    padding: 16px 16px 20px;
    font-size: 15px;
  }
  .sb-article .sb-article-meta .cats a{
    padding: 5px 9px;
    font-size: 12px;
  }
}




/* =========================
   CATEGORY PAGE (SB) – CLEAN
   ========================= */

.sb-cat-page{
  padding: 16px 0 var(--sb-section-gap);
  background: transparent;
}

/* HERO: one composed module */
.sb-cat-page .sb-cat-hero{
  border-radius: 22px;
  padding: 14px 0px;

  backdrop-filter: blur(10px);
  margin-bottom: 14px;
}

/* Breadcrumbs: smaller + refined */
.sb-cat-page .sb-cat-breadcrumb{
  background: transparent;
  padding: 0;
  margin: 0 0 10px;
  font-size: 12px;
}

.sb-cat-page .sb-cat-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  color: rgba(0,0,0,.28);
}

.sb-cat-page .sb-cat-breadcrumb a{
  color: #6a6f7e;
  text-decoration: none;
  font-weight: 700;
}

.sb-cat-page .sb-cat-breadcrumb a:hover{
  color: #111217;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Title + tools align as one row */
.sb-cat-page .sb-cat-hero-row{
  display:flex;
  align-items:flex-end;
  justify-content: space-between;
  gap: 14px;
}

.sb-cat-page .sb-cat-h1{
  margin: 0;
  font-weight: 950;
  letter-spacing: -0.02em;
  line-height: 1.05;
  font-size: clamp(28px, 3.2vw, 44px);
  color: #101217;
}

/* Tools: premium pill inputs, not chunky boxes */
.sb-cat-page .sb-cat-tools{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items:flex-end;
}

.sb-cat-page .sb-tool{
  min-width: 170px;
}

.sb-cat-page .sb-tool-label{
  display:block;
  font-size: 12px;
  font-weight: 850;
  color: #6a6f7e;
  margin: 0 0 6px;
}

.sb-cat-page .sb-tool .form-control{
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.88);
  box-shadow: none;
  font-weight: 650;
  color: #111217;
}

.sb-cat-page .sb-tool .form-control:focus{
  border-color: rgba(228,33,31,.25);
  box-shadow: 0 0 0 .2rem rgba(228,33,31,.10);
}

/* Subcategories tiles container (no big background) */
.sb-cat-page .sb-subcats-wrap{
  margin-bottom: 6px;
}

.sb-cat-page .sb-subcat-tile{
  height: 100%;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff;
  box-shadow: 0 12px 40px rgba(0,0,0,.05);
  padding: 10px;
  margin-bottom: 14px;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.sb-cat-page .sb-subcat-tile:hover{
  transform: translateY(-2px);
  border-color: rgba(228,33,31,.16);
  box-shadow: 0 18px 60px rgba(0,0,0,.10);
}

/* Product grid rhythm */
.sb-cat-page .sb-product-grid{
  margin-top: 6px;
}

.sb-cat-page .sb-product-tile{
  margin-bottom: 16px;
}

/* Sidebar */
.sb-cat-page .sb-cat-side{
  
}

/* Description as clean reading panel */
.sb-cat-page .sb-cat-desc{
  margin-top: 10px;
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);
  box-shadow: 0 18px 55px rgba(0,0,0,.06);
  padding: 16px;
  color: #3a3d47;
  line-height: 1.75;
}

/* Empty */
.sb-cat-page .sb-empty{
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
}

/* Responsive: tools drop under title */
@media (max-width: 992px){
  .sb-cat-page .sb-cat-hero-row{
    flex-direction: column;
    align-items: flex-start;
  }
  .sb-cat-page .sb-cat-tools{
    width: 100%;
  }
  .sb-cat-page .sb-tool{
    min-width: 0;
    flex: 1 1 220px;
  }
  .sb-cat-page .sb-cat-side{
    position: static;
    top: auto;
    margin-top: 16px;
  }
}


/* =========================
   PRODUCT PAGE (SB)
   ========================= */

.sb-product-page{
  padding: 14px 0 var(--sb-section-gap);
}

/* breadcrumb */
.sb-product-page .sb-breadcrumb{
  background: transparent;
  padding: 0;
  margin: 0 0 12px;
  font-size: 12px;
}

.sb-product-page .sb-breadcrumb a{
  color: #6a6f7e;
  text-decoration: none;
  font-weight: 700;
}

.sb-product-page .sb-breadcrumb a:hover{
  color: #111217;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* shell */
.sb-product-page .sb-product-shell{
  background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(251,251,252,.92) 100%);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 24px;
  box-shadow: 0 18px 60px rgba(0,0,0,.07);
  padding: 16px;
  backdrop-filter: blur(10px);
}

/* gallery */
.sb-product-page .sb-gallery{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
  overflow: hidden;
}

.sb-product-page .sb-gallery-main{
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.06);
  padding: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height: 420px;
}

.sb-product-page .sb-gallery-main img{
  max-height: 390px;
  width: auto;
  max-width: 100%;
  display:block;
}

/* thumbs */
.sb-product-page .sb-gallery-thumbs{
  list-style: none;
  margin: 0;
  padding: 10px 12px 14px;
  display:flex;
  gap: 10px;
  overflow-x: auto;
}

.sb-product-page .sb-gallery-thumbs li{
  flex: 0 0 auto;
}

.sb-product-page .sb-gallery-thumbs a{
  display:block;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  padding: 6px;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.sb-product-page .sb-gallery-thumbs a:hover{
  transform: translateY(-1px);
  border-color: rgba(228,33,31,.18);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

.sb-product-page .sb-gallery-thumbs img{
  display:block;
  width: 72px;
  height: 72px;
  object-fit: cover;
  border-radius: 10px;
}

/* summary */
.sb-product-page .sb-summary{
  padding: 8px 4px;
}

.sb-product-page .sb-product-title{
  font-size: clamp(22px, 2.4vw, 34px);
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -0.02em;
  margin: 0 0 14px;
  color: #101217;
}

/* price */
.sb-product-page .sb-price{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0,0,0,.05);
  padding: 14px 14px 12px;
  margin-bottom: 12px;
}

.sb-product-page .sb-price-main{
  display:flex;
  align-items: baseline;
  gap: 10px;
}

.sb-product-page .sb-price-main .value{
  font-weight: 950;
  letter-spacing: -0.02em;
  font-size: 30px;
  color: #111217;
}

.sb-product-page .sb-price-main .cur{
  font-weight: 850;
  color: #6a6f7e;
  font-size: 13px;
  letter-spacing: .08em;
}

.sb-product-page .sb-price-storage{
  margin-top: 8px;
  color: #b01522;
  font-weight: 800;
  font-size: 13px;
  display:flex;
  align-items:center;
  gap: 8px;
}

.sb-product-page .sb-price-storage .sb-off{
  color: #6a6f7e;
  font-weight: 800;
}

/* buy row */
.sb-product-page .sb-buy{
  margin-bottom: 12px;
}

.sb-product-page .sb-buy .stock-badge{
	margin-bottom:0px;
}
.sb-product-page .sb-buy-row{
  display:flex;
  align-items:center;
  flex-wrap: wrap;
  gap: 10px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  box-shadow: 0 12px 40px rgba(0,0,0,.05);
  padding: 12px;
}

.sb-product-page .sb-qty{
  display:flex;
  align-items:center;
  gap: 8px;
}

.sb-product-page .sb-qty .label{
  font-size: 12px;
  font-weight: 850;
  color: #6a6f7e;
}

.sb-product-page .sb-qty .form-control{
  width: 74px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  text-align:center;
  font-weight: 850;
}

.sb-product-page .sb-buy-btn{

  border-radius: 14px;
  font-weight: 900;
  padding: 12px 16px;
}

/* blocks titles */
.sb-product-page .sb-block-title{
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #111217;
  margin: 14px 0 10px;
}

/* table wrapper */
.sb-product-page .sb-table{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 12px 40px rgba(0,0,0,.05);
}

.sb-product-page .sb-table .table{
  margin: 0;
}

.sb-product-page .sb-table .table td,
.sb-product-page .sb-table .table th{
  border-color: rgba(0,0,0,.06);
  padding: 10px 12px;
  vertical-align: middle;
}

.sb-product-page .sb-table .table td:first-child{
  color: #6a6f7e;
  font-weight: 800;
  width: 38%;
}

/* manufacturer */
.sb-product-page .sb-man{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  font-weight: 850;
  color: #111217;
  text-decoration:none;
}

.sb-product-page .sb-man:hover{
  color: rgba(228,33,31,.95);
}

/* description */
.sb-product-page .sb-desc{
  margin-top: 16px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  box-shadow: 0 18px 55px rgba(0,0,0,.06);
  padding: 16px;
}

.sb-product-page .sb-h2{
  font-weight: 950;
  letter-spacing: -0.015em;
  font-size: 18px;
  margin: 0 0 12px;
  color: #111217;
}

.sb-product-page .sb-desc-content{
  color: #3a3d47;
  line-height: 1.8;
  font-size: 15px;
}

/* related */
.sb-product-page .sb-related{
  margin-top: 16px;
}

.sb-product-page .sb-related-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  margin-bottom: 10px;
}

/* responsive */
@media (max-width: 992px){
  .sb-product-page .sb-gallery-main{
    min-height: 320px;
  }
  .sb-product-page .sb-gallery-main img{
    max-height: 300px;
  }
  .sb-product-page .sb-product-shell{
    padding: 12px;
  }
}




/* =========================
   AUTH / REGISTER
   ========================= */

.sb-auth{
  padding: 18px 0 var(--sb-section-gap);
  max-width: 600px;
  margin:0 auto;
}

.sb-auth .sb-auth-card{
  border-radius: 22px;
  border: 1px solid rgba(0,0,0,.08);
  background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(251,251,252,.92) 100%);
  box-shadow: 0 20px 70px rgba(0,0,0,.08);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

/* head */
.sb-auth .sb-auth-head{
  padding: 18px 18px 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
  background:
    radial-gradient(600px 200px at 20% 0%, rgba(225,30,47,.12) 0%, rgba(225,30,47,0) 60%),
    linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(251,251,252,.92) 100%);
}

.sb-auth .sb-auth-kicker{
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6a6f7e;
  margin-bottom: 6px;
}

.sb-auth .sb-auth-title{
  margin: 0 0 8px;
  font-weight: 700; /* keep it classy */
  letter-spacing: -0.015em;
  color: #111217;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.1;
}

.sb-auth .sb-auth-sub{
  color: #6a6f7e;
  font-size: 14px;
  line-height: 1.6;
}

/* body */
.sb-auth .sb-auth-body{
  padding: 18px;
}

.sb-auth .form-group label{
  font-size: 13px;
  font-weight: 700;
  color: #2a2e37;
}

.sb-auth .form-control{
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: none;
  background: rgba(255,255,255,.92);
}

.sb-auth textarea.form-control{
  height: auto;
  min-height: 120px;
}

.sb-auth .form-control:focus{
  border-color: rgba(225,30,47,.25);
  box-shadow: 0 0 0 .2rem rgba(225,30,47,.10);
}

.sb-auth .sb-help{
  color: #8a909f;
  font-size: 12px;
}

/* section blocks */
.sb-auth .sb-section{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,.06);
  margin-bottom:14px;
}

.sb-auth .sb-section-title{
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  color: #111217;
  margin-bottom: 12px;
  display:flex;
  align-items:center;
  gap: 8px;
}


/* corporate toggle */
.sb-auth .sb-toggle{
  margin-top: 8px;
  margin-bottom: 2px;
}

.sb-auth .toggle-bar-check{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  padding: 10px 12px;
  display:flex;
  align-items:flex-start;
  gap: 10px;
  box-shadow: 0 12px 40px rgba(0,0,0,.05);
}

.sb-auth .toggle-bar-check .toggle-check{
  margin-top: 4px;
}

.sb-auth .toggle-bar-check label{
  margin: 0;
  cursor: pointer;
  display:block;
}

.sb-auth .sb-toggle-title{
  display:block;
  font-weight: 800;
  color: #111217;
}

.sb-auth .sb-toggle-sub{
  display:block;
  font-size: 12px;
  color: #6a6f7e;
  margin-top: 2px;
}

/* verify buttons */
.sb-auth .sb-verify-actions{
  display:flex;
  gap: 8px;
}

.sb-auth .btn-default{
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  font-weight: 800;
}

.sb-auth .btn-default:hover{
  background: rgba(0,0,0,.03);
}

/* footer / submit */
.sb-auth .sb-auth-foot{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content: space-between;
  flex-direction: column;;
  gap: 12px;
  flex-wrap: wrap;
}

.sb-auth .sb-auth-submit{
  height: 46px;
  border-radius: 14px;
  padding: 0 16px;
  font-weight: 900;
}

.sb-auth .sb-auth-note{
  color: #8a909f;
  font-size: 12px;
  line-height: 1.5;
}

/* mobile */
@media (max-width: 576px){
  .sb-auth .sb-auth-body{
    padding: 14px;
  }
  .sb-auth .sb-auth-foot{
    flex-direction: column;
    align-items: stretch;
  }
  .sb-auth .sb-auth-submit{
    width: 100%;
  }
}