/* SBD Reklam FINAL UI + MOBILE FIX
   Mevcut /assets/css/catalog-v071.css dosyasından SONRA çağrılır.
*/

/* ===== Desktop: Mega menu hover bridge ===== */
.nav{overflow:visible}
.nav-mega-wrap{
  position:relative;
  padding-bottom:10px;
  margin-bottom:-10px;
}
.nav-mega{
  display:none;
  position:absolute;
  left:0;
  top:100% !important;
  margin-top:0 !important;
  z-index:90;
  width:min(1000px,90vw);
  min-width:900px;
  max-height:68vh;
  overflow:auto;
  padding:18px 16px 16px;
  background:#fff;
  border:1px solid var(--line,#e8e8e6);
  border-radius:16px;
  box-shadow:0 24px 65px rgba(0,0,0,.16);
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.nav-mega-wrap::after{
  content:"";
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  height:14px;
  background:transparent;
}
.nav-mega-wrap:hover .nav-mega,
.nav-mega:hover{display:grid}
.nav-mega-item{
  display:block!important;
  padding:11px 12px!important;
  border:1px solid #ededeb;
  border-radius:10px!important;
  background:#fafaf9!important;
  color:#111!important;
}
.nav-mega-item:hover{
  border-color:#efca24!important;
  background:#fff9d8!important;
}
.nav-mega-item b{display:block;font-size:11px}
.nav-mega-item small{display:block;margin-top:4px;font-size:9px;color:#858b94;font-weight:500}

/* ===== Desktop: Hero logo / badge layout ===== */
.hero{position:relative}
.hero-visual{
  position:relative!important;
  min-height:405px!important;
  overflow:hidden!important;
}
.hero-logo-card{
  position:absolute!important;
  right:58px!important;
  top:122px!important;
  width:205px!important;
  max-width:205px!important;
  padding:15px 17px!important;
  background:#fff!important;
  border-radius:20px!important;
  box-shadow:0 22px 55px rgba(0,0,0,.28)!important;
  transform:rotate(-3deg)!important;
  z-index:4!important;
  margin:0!important;
}
.hero-logo-card img{width:100%!important;height:auto!important;display:block!important}
.hero-badge{
  right:242px!important;
  top:60px!important;
  z-index:6!important;
}
.hero-badge.second{
  right:34px!important;
  top:278px!important;
  z-index:6!important;
}
.hero-orbit{z-index:1!important}

/* ===== Logo / brand polish ===== */
.brand-image{display:flex;align-items:center;flex:0 0 auto}
.brand-image img{height:58px;width:auto;max-width:210px;object-fit:contain}
.footer-brand{display:inline-flex;background:#fff;border-radius:12px;padding:8px 12px;margin-bottom:10px}
.footer-brand img{height:70px;width:auto;max-width:250px;object-fit:contain}
.bigula-credit{color:#fff!important;font-weight:800;text-decoration:none}
.bigula-credit:hover{color:#f5c400!important}

/* ===== Mobile base ===== */
.mobile-tools,
.mobile-menu-panel,
.mobile-filterbar{display:none}

@media(max-width:1180px) and (min-width:851px){
  .nav-mega{min-width:760px;grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-logo-card{
    right:35px!important;
    top:138px!important;
    width:180px!important;
    max-width:180px!important;
  }
  .hero-badge{
    right:198px!important;
    top:62px!important;
  }
  .hero-badge.second{
    right:24px!important;
    top:268px!important;
  }
}

@media(max-width:850px){
  html,body{max-width:100%;overflow-x:hidden}
  body.mobile-menu-open{
    overflow:hidden!important;
    touch-action:none;
  }

  .wrap{
    width:min(100% - 20px,1280px)!important;
  }

  /* Header should scroll away on mobile */
  .site-header,
  .header{
    position:relative!important;
    top:auto!important;
    z-index:30!important;
  }
  .topbar{
    position:relative!important;
    top:auto!important;
    z-index:20!important;
  }
  .topbar .wrap{
    gap:8px!important;
    font-size:9px!important;
    white-space:nowrap;
    overflow:hidden;
  }
  .topbar .wrap>div{display:none!important}

  .head{
    min-height:auto!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    align-items:center!important;
    padding:8px 0!important;
  }
  .brand-image img{
    height:42px!important;
    max-width:145px!important;
  }
  .header-contact{display:none!important}

  .mobile-tools{
    display:flex!important;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
  }
  .mobile-icon-btn{
    border:1px solid #e6e6e4;
    background:#fff;
    color:#111;
    width:40px!important;
    height:40px!important;
    border-radius:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    cursor:pointer;
  }
  .mobile-icon-btn.menu{
    background:#111;
    color:#fff;
    border-color:#111;
  }

  .search{
    grid-column:1/-1!important;
    width:100%!important;
    order:3;
    margin-top:2px!important;
    border-radius:12px!important;
  }
  .search input{
    min-width:0;
    padding:13px 12px!important;
    font-size:13px!important;
  }
  .search button{
    padding:0 17px!important;
    min-width:64px;
  }

  /* Hide desktop nav */
  .nav,
  .product-nav{display:none!important}

  /* Mobile category drawer */
  .mobile-menu-panel{
    display:none;
    position:fixed!important;
    inset:0!important;
    z-index:9999!important;
    background:rgba(0,0,0,.55)!important;
    backdrop-filter:blur(2px);
  }
  .mobile-menu-panel.open{display:block}
  .mobile-menu-sheet{
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:min(82vw,360px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    background:#fff;
    padding:max(14px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))!important;
    border-radius:18px 0 0 18px;
    box-shadow:-18px 0 50px rgba(0,0,0,.22);
  }
  .mobile-menu-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:64px;
    padding:4px 0 12px!important;
    border-bottom:1px solid #eee;
    position:sticky!important;
    top:0!important;
    background:#fff!important;
    z-index:5!important;
  }
  .mobile-menu-head img{
    height:42px!important;
    width:auto;
    max-width:145px!important;
  }
  .mobile-menu-close{
    width:34px!important;
    height:34px!important;
    border-radius:9px!important;
    border:1px solid #e6e6e4;
    background:#fff;
    font-size:18px!important;
    line-height:1!important;
    flex:0 0 auto;
    cursor:pointer;
  }
  .mobile-menu-title{
    font-size:10px!important;
    font-weight:900;
    letter-spacing:.14em!important;
    color:#9a7700;
    text-transform:uppercase;
    margin:16px 0 6px!important;
  }
  .mobile-category-link{
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:11px 4px!important;
    border-bottom:1px solid #f0f0ee;
    font-size:12px!important;
    font-weight:750;
  }
  .mobile-category-link span:last-child{
    color:#90959c;
    font-size:10px!important;
  }
  .mobile-quick-links{
    display:grid;
    gap:8px;
    margin-top:14px;
    position:sticky;
    bottom:0;
    background:#fff;
    padding-top:10px;
  }
  .mobile-quick-links a,
  .mobile-quick-links button{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:12px;
    border-radius:10px;
    border:0;
    font-weight:850;
  }
  .mobile-quick-links .wa{
    background:linear-gradient(135deg,#f5c400,#ff7a00);
    color:#111;
  }
  .mobile-quick-links .quote{
    background:#111;
    color:#fff;
  }

  /* Mobile category chips */
  .mobile-filterbar{
    display:flex!important;
    gap:8px;
    overflow:auto;
    padding:8px 10px 10px;
    scrollbar-width:none;
    background:#fff;
    border-bottom:1px solid #eee;
  }
  .mobile-filterbar::-webkit-scrollbar{display:none}
  .mobile-filter-chip{
    flex:0 0 auto;
    border:1px solid #e7e7e5;
    background:#fff;
    border-radius:999px;
    padding:9px 12px;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
  }

  /* Hero */
  .hero{
    display:block!important;
    min-height:auto!important;
    padding:28px 22px!important;
    border-radius:18px!important;
    margin-top:14px!important;
  }
  .hero h1{
    font-size:34px!important;
    line-height:1.03!important;
    margin:7px 0 12px!important;
  }
  .hero p{
    font-size:13px!important;
    line-height:1.55!important;
  }
  .hero-actions{gap:8px!important}
  .hero-actions .btn{flex:1 1 auto;min-width:145px}
  .hero-visual,
  .hero-logo,
  .hero-logo-card,
  .hero-orbit,
  .hero-badge{display:none!important}

  /* Home trust / category */
  .trust-row{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .category-cards{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .section-title{align-items:flex-start!important}

  /* Catalog */
  .catalog{
    display:block!important;
  }
  .sidebar{display:none!important}
  .catalog-head{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  .catalog-tools{
    width:100%;
    display:grid!important;
    grid-template-columns:auto 1fr;
    gap:8px!important;
  }
  .catalog-tools select{width:100%!important;min-width:0!important}

  .grid{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .product-card{border-radius:13px!important}
  .product-img{padding:9px!important}
  .product-body{padding:9px!important}
  .product-meta{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .product-body h3{font-size:12px!important;line-height:1.3!important}
  .price strong{font-size:14px!important}
  .price small{font-size:8px!important}
  .quote-add{width:36px!important;height:36px!important}

  .pagination{flex-wrap:wrap!important}

  /* CTA & footer */
  .cta{padding:28px 0!important;margin-top:28px!important}
  .cta .wrap{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:15px!important;
  }
  .cta h2{font-size:25px!important}
  .footer{padding-top:30px!important}
  .footer-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .footer-brand img{height:58px!important;max-width:200px!important}
  .copyright{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:7px!important;
  }

  /* Product detail */
  .detail{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding-top:18px!important;
  }
  .detail-main{border-radius:14px!important;padding:12px!important}
  .thumbs{gap:6px!important}
  .thumbs button{width:58px!important;height:58px!important}
  .detail-info h1{font-size:28px!important}
  .detail-price strong{font-size:26px!important}
  .qty-row{
    display:grid!important;
    grid-template-columns:100px 1fr!important;
    gap:8px!important;
  }
  .qty-row .btn-list{grid-column:1/-1}
  .spec-grid{grid-template-columns:1fr 1fr!important}
  .product-content{grid-template-columns:1fr!important}
  .help-card{position:static!important}

  /* Quote drawer as mobile bottom sheet */
  .quote-drawer{
    right:10px!important;
    left:10px!important;
    bottom:10px!important;
  }
  .quote-toggle{
    width:100%!important;
    border-radius:12px!important;
  }
  .quote-panel{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-height:78vh!important;
    border-radius:20px 20px 0 0!important;
    padding:16px!important;
  }

  /* Product page mobile fixed quote bar */
  .mobile-quote{
    z-index:80!important;
  }
}

@media(max-width:390px){
  .mobile-menu-sheet{width:88vw!important}
  .grid{grid-template-columns:1fr!important}
  .trust-row{grid-template-columns:1fr!important}
  .category-cards{grid-template-columns:1fr!important}
  .spec-grid{grid-template-columns:1fr!important}
}


/* v1.0.1 mobile interaction fixes */
@media(max-width:850px){
  .mobile-filter-menu{
    appearance:none;
    -webkit-appearance:none;
    border:1px solid #e7e7e5!important;
    background:#111!important;
    color:#fff!important;
    cursor:pointer;
  }

  .product-mobile-filterbar{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  /* Quote bottom sheet must always sit above the mobile menu after it opens */
  .quote-panel.open{
    display:block!important;
    z-index:10050!important;
  }
  .quote-drawer{
    z-index:10040!important;
  }
}


/* v1.0.2 interaction fixes */
@media(max-width:850px){
  .quote-drawer{z-index:10040!important}
  .quote-panel.open{
    display:block!important;
    z-index:10060!important;
  }
  .mobile-menu-panel{z-index:9999!important}
  .mobile-filter-menu{
    appearance:none;
    -webkit-appearance:none;
    border:1px solid #e7e7e5!important;
    background:#111!important;
    color:#fff!important;
    cursor:pointer;
  }
}


/* v1.0.3 mobile overlay collision fix */
@media(max-width:850px){

  /* Kategori menüsü açıkken sabit teklif butonunu tamamen gizle */
  body.mobile-menu-open .quote-drawer,
  body.mobile-menu-open .floating-wa,
  body.mobile-menu-open .mobile-quote{
    display:none !important;
  }

  /* Mobil menü her zaman teklif alanlarının üzerinde */
  .mobile-menu-panel{
    z-index:12000 !important;
  }

  /* Teklif paneli menü kapandıktan sonra açıldığında en üstte */
  .quote-drawer{
    z-index:11000 !important;
  }

  .quote-panel.open{
    z-index:11020 !important;
  }

  /* iPhone Safari alt çubuğu için güvenli alan */
  .quote-panel{
    padding-bottom:calc(18px + env(safe-area-inset-bottom)) !important;
  }

  .quote-toggle{
    margin-bottom:env(safe-area-inset-bottom) !important;
  }

  /* Menü içindeki alt hızlı butonlar tarayıcı alt barına gömülmesin */
  .mobile-menu-sheet{
    padding-bottom:calc(24px + env(safe-area-inset-bottom)) !important;
  }

  .mobile-quick-links{
    padding-bottom:calc(8px + env(safe-area-inset-bottom)) !important;
  }
}


/* v1.0.4 stock + visible phone */
.header-contact-group{
  display:flex;
  align-items:center;
  gap:8px;
}
.header-phone{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  padding:8px 10px;
  border-radius:10px;
  color:#111;
  text-decoration:none;
}
.header-phone:hover{background:#f6f6f4}
.header-phone b{font-size:12px}
.header-phone span{font-size:9px;color:#8a9098;margin-top:2px}

.footer-phone{
  color:#fff!important;
  font-size:15px!important;
  font-weight:850;
}

.stock-highlight{
  margin:16px 0 12px;
  padding:14px 16px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.stock-highlight.has-stock{
  background:#ecfdf3;
  border:1px solid #b7ebca;
}
.stock-highlight.no-stock{
  background:#fff8e7;
  border:1px solid #f3d990;
}
.stock-highlight span{
  display:block;
  font-size:11px;
  color:#687078;
  margin-bottom:3px;
}
.stock-highlight strong{
  font-size:22px;
  color:#111;
}
.stock-highlight small{
  max-width:210px;
  text-align:right;
  color:#687078;
  font-size:10px;
  line-height:1.35;
}

.mobile-call-box{display:none}

@media(max-width:850px){
  .header-contact-group{display:none!important}

  .mobile-call-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:14px;
    padding:12px;
    border:1px solid #ececea;
    border-radius:11px;
    background:#fafaf9;
  }
  .mobile-call-box span{
    font-size:10px;
    color:#858b93;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:800;
  }
  .mobile-call-box a{
    font-size:14px;
    font-weight:900;
    color:#111;
  }

  .stock-highlight{
    align-items:flex-start;
    flex-direction:column;
    padding:13px;
  }
  .stock-highlight strong{font-size:20px}
  .stock-highlight small{
    text-align:left;
    max-width:none;
  }
}


/* v1.0.5 layout + stock corrections */

/* Header phone / whatsapp alignment */
.header-contact-group{
  display:grid !important;
  grid-template-columns:auto auto;
  gap:18px !important;
  align-items:center !important;
  justify-content:end !important;
  min-width:285px;
}
.header-phone,
.header-contact{
  min-height:46px;
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:4px 0 !important;
  margin:0 !important;
  line-height:1.2;
}
.header-phone b,
.header-contact b{
  font-size:12px !important;
  line-height:1.2 !important;
}
.header-phone span,
.header-contact span{
  margin-top:4px !important;
  font-size:9px !important;
  line-height:1.2 !important;
  color:#8b9097 !important;
  white-space:nowrap;
}

/* Hero right area balanced */
.hero{
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr) !important;
}
.hero-visual{
  min-height:405px !important;
  overflow:hidden !important;
}
.hero-logo-card{
  right:52px !important;
  top:138px !important;
  width:190px !important;
  max-width:190px !important;
  padding:14px 16px !important;
  transform:rotate(-3deg) !important;
}
.hero-badge{
  right:222px !important;
  top:54px !important;
}
.hero-badge.second{
  right:34px !important;
  top:286px !important;
}

/* Stock exact value presentation */
.stock-highlight{
  margin-top:18px !important;
}
.stock-highlight.no-stock{
  background:#f7f7f6 !important;
  border-color:#dededb !important;
}
.stock-highlight.no-stock strong{
  color:#111 !important;
}

/* Category strip was removed from homepage */
.category-strip{display:none !important;}

@media(max-width:1180px) and (min-width:851px){
  .header-contact-group{
    min-width:250px;
    gap:12px !important;
  }
  .hero{
    grid-template-columns:minmax(0,1.3fr) 320px !important;
  }
  .hero-logo-card{
    right:28px !important;
    top:148px !important;
    width:170px !important;
    max-width:170px !important;
  }
  .hero-badge{
    right:185px !important;
    top:58px !important;
  }
  .hero-badge.second{
    right:22px !important;
    top:275px !important;
  }
}

.featured-badge{background:#111!important;color:#fff!important}
.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:850px){.spec-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:390px){.spec-grid{grid-template-columns:1fr!important}}


/* v1.2.2 header + overflow polish */
html, body{
  max-width:100%;
  overflow-x:hidden;
}

/* Desktop: no floating whatsapp button; header contact remains visible */
.floating-wa{
  display:none!important;
}

@media(max-width:850px){
  .site-header{
    overflow:visible!important;
  }

  .header-main{
    display:grid!important;
    grid-template-columns:140px 1fr auto!important;
    grid-template-areas:
      "logo contact tools"
      "search search search"!important;
    align-items:center!important;
    gap:14px 12px!important;
    padding:18px 18px 14px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .brand{
    grid-area:logo!important;
    min-width:0!important;
    width:140px!important;
    max-width:140px!important;
    margin:0!important;
  }
  .brand img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:140px!important;
  }

  .header-contact-group{
    grid-area:contact!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
  }

  .header-phone,
  .header-contact{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    min-width:0!important;
    min-height:48px!important;
    padding:0!important;
    white-space:nowrap!important;
  }

  .header-phone b,
  .header-contact b{
    font-size:12px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  .header-phone span,
  .header-contact span{
    font-size:9px!important;
    margin-top:4px!important;
    white-space:nowrap!important;
  }

  .mobile-tools{
    grid-area:tools!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:max-content!important;
    margin:0!important;
  }

  .mobile-tools button,
  .mobile-tools a{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:15px!important;
  }

  .header-search{
    grid-area:search!important;
    width:100%!important;
    margin:0!important;
  }

  .header-search form,
  .header-search .search-form{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 92px!important;
    min-width:0!important;
  }

  .header-search input{
    min-width:0!important;
    width:100%!important;
    font-size:16px!important;
  }

  .header-search button{
    width:92px!important;
    min-width:92px!important;
  }

  .mobile-filterbar{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-left:14px!important;
    padding-right:14px!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .mobile-filterbar::-webkit-scrollbar{display:none}

  .mobile-filter-chip{
    flex:0 0 auto!important;
    max-width:none!important;
  }

  .hero{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:hidden!important;
  }

  .quote-drawer{
    left:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:none!important;
  }
}

/* Narrow phones */
@media(max-width:560px){
  .header-main{
    grid-template-columns:120px 1fr auto!important;
    gap:12px 8px!important;
    padding:16px 14px 12px!important;
  }

  .brand{
    width:120px!important;
    max-width:120px!important;
  }
  .brand img{max-width:120px!important}

  .header-contact-group{
    gap:8px!important;
  }

  .header-phone b,
  .header-contact b{
    font-size:11px!important;
  }

  .header-phone span,
  .header-contact span{
    font-size:8px!important;
  }

  .mobile-tools button,
  .mobile-tools a{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
}

/* Very narrow: stack contacts below logo/tools */
@media(max-width:430px){
  .header-main{
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "logo tools"
      "contact contact"
      "search search"!important;
  }

  .brand{
    width:118px!important;
    max-width:118px!important;
  }

  .header-contact-group{
    width:100%!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding-top:2px!important;
  }

  .header-phone,
  .header-contact{
    min-height:42px!important;
  }

  .header-phone b,
  .header-contact b{
    font-size:12px!important;
  }

  .header-phone span,
  .header-contact span{
    font-size:9px!important;
  }
}


/* v1.2.3 REAL mobile header fix - actual selectors */
@media(max-width:850px){

  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }

  .site-header,
  .site-header > .wrap{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .site-header > .wrap{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  /* Actual header container */
  .head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "logo tools"
      "contacts contacts"
      "search search"!important;
    gap:12px 10px!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:16px 0 14px!important;
    min-height:0!important;
  }

  .brand-image{
    grid-area:logo!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    width:auto!important;
    max-width:145px!important;
    margin:0!important;
  }

  .brand-image img{
    display:block!important;
    height:auto!important;
    width:100%!important;
    max-width:145px!important;
    object-fit:contain!important;
  }

  .mobile-tools{
    grid-area:tools!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    min-width:0!important;
    width:auto!important;
    margin:0!important;
  }

  .mobile-tools .mobile-icon-btn{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    flex:0 0 46px!important;
    padding:0!important;
    margin:0!important;
    border-radius:15px!important;
  }

  .header-contact-group{
    grid-area:contacts!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .header-phone,
  .header-contact{
    min-width:0!important;
    width:100%!important;
    min-height:42px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding:4px 2px!important;
    margin:0!important;
    overflow:hidden!important;
  }

  .header-phone b,
  .header-contact b{
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1.15!important;
  }

  .header-phone span,
  .header-contact span{
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9px!important;
    line-height:1.15!important;
    margin-top:4px!important;
  }

  /* Actual search form */
  .search{
    grid-area:search!important;
    order:initial!important;
    flex:none!important;
    flex-basis:auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 82px!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  .search svg{
    grid-column:1!important;
    width:20px!important;
    height:20px!important;
    margin:0 auto!important;
  }

  .search input{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    padding:13px 6px!important;
    font-size:14px!important;
  }

  .search button{
    grid-column:3!important;
    width:82px!important;
    min-width:82px!important;
    height:48px!important;
    padding:0 8px!important;
    font-size:16px!important;
  }

  /* Navigation must stay inside viewport, scroll horizontally */
  .nav{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:11px!important;
    -webkit-overflow-scrolling:touch;
  }

  .nav > *{
    flex:0 0 auto!important;
  }

  .mobile-filterbar{
    max-width:100vw!important;
    box-sizing:border-box!important;
  }

  /* Remove any inherited oversized minimum widths */
  .header-contact-group,
  .mobile-tools,
  .brand-image,
  .search,
  .head{
    min-width:0!important;
  }
}

@media(max-width:430px){
  .site-header > .wrap{
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .head{
    gap:10px 8px!important;
    padding-top:14px!important;
  }

  .brand-image{
    max-width:132px!important;
  }
  .brand-image img{
    max-width:132px!important;
  }

  .mobile-tools .mobile-icon-btn{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex-basis:44px!important;
  }

  .header-phone b,
  .header-contact b{
    font-size:11.5px!important;
  }

  .header-phone span,
  .header-contact span{
    font-size:8.5px!important;
  }

  .search{
    grid-template-columns:38px minmax(0,1fr) 74px!important;
  }

  .search button{
    width:74px!important;
    min-width:74px!important;
    font-size:15px!important;
  }

  .search input{
    font-size:13px!important;
  }
}


/* v1.2.4 2027 premium hero */
.hero-2027{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
  gap:34px!important;
  align-items:stretch!important;
  min-height:500px!important;
  padding:54px 56px!important;
  background:
    radial-gradient(circle at 78% 20%,rgba(245,196,0,.18),transparent 28%),
    radial-gradient(circle at 92% 78%,rgba(255,103,0,.12),transparent 24%),
    linear-gradient(135deg,#111317 0%,#191c21 58%,#121417 100%)!important;
  overflow:hidden!important;
}
.hero-2027:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.7));
  pointer-events:none;
}
.hero-2027 .hero-copy{
  position:relative;
  z-index:3;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:720px;
}
.hero-year-pill{
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  padding:7px 10px 7px 7px;
  margin-bottom:18px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(8px);
}
.hero-year-pill span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  height:28px;
  padding:0 9px;
  border-radius:999px;
  background:linear-gradient(135deg,#ffc400,#ff6a00);
  color:#111;
  font-size:12px;
  letter-spacing:.03em;
}
.hero-2027 .kicker{
  margin-bottom:12px!important;
}
.hero-2027 h1{
  font-size:clamp(44px,4vw,68px)!important;
  line-height:.99!important;
  letter-spacing:-.045em!important;
  margin:0 0 22px!important;
}
.hero-2027 h1 span{
  background:linear-gradient(90deg,#ffc400,#ff6a00,#ff3d00);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.hero-2027 .hero-copy>p{
  max-width:660px;
  font-size:16px!important;
  line-height:1.65!important;
  color:#c8cbd0!important;
  margin-bottom:24px!important;
}
.hero-2027 .hero-actions{
  margin-bottom:28px!important;
}
.hero-mini-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  max-width:700px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  background:rgba(255,255,255,.08);
}
.hero-mini-stats>div{
  padding:12px 14px;
  background:rgba(12,13,15,.72);
}
.hero-mini-stats strong{
  display:block;
  color:#fff;
  font-size:14px;
  margin-bottom:3px;
}
.hero-mini-stats span{
  display:block;
  color:#969ca5;
  font-size:9px;
  line-height:1.25;
}

/* Right showcase */
.hero-showcase{
  position:relative;
  z-index:2;
  min-height:390px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
  background:
    radial-gradient(circle at 52% 44%,rgba(255,196,0,.16),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 24px 60px rgba(0,0,0,.18);
  overflow:hidden;
}
.hero-showcase:before,
.hero-showcase:after{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  right:-70px;
  top:34px;
}
.hero-showcase:after{
  width:230px;
  height:230px;
  right:-20px;
  top:84px;
}
.hero-showcase-glow{
  position:absolute;
  width:220px;
  height:220px;
  left:32%;
  top:28%;
  border-radius:50%;
  background:rgba(255,166,0,.15);
  filter:blur(55px);
}
.hero-showcase-label{
  position:absolute;
  left:22px;
  top:20px;
  z-index:5;
  display:flex;
  align-items:center;
  gap:9px;
}
.hero-showcase-label span{
  font-size:26px;
  line-height:1;
  font-weight:950;
  color:#fff;
}
.hero-showcase-label small{
  color:#9ea4ad;
  font-size:9px;
  max-width:65px;
  line-height:1.2;
}
.hero-product-stack{
  position:absolute;
  inset:64px 18px 44px 18px;
}
.hero-product-card{
  position:absolute;
  display:block;
  width:46%;
  min-height:152px;
  padding:10px;
  border-radius:18px;
  background:#fff;
  color:#111;
  text-decoration:none;
  box-shadow:0 18px 40px rgba(0,0,0,.26);
  transition:transform .25s ease,box-shadow .25s ease;
}
.hero-product-card:hover{
  transform:translateY(-5px) rotate(0deg)!important;
  box-shadow:0 24px 48px rgba(0,0,0,.34);
}
.hero-product-card.card-1{left:2%;top:7%;transform:rotate(-4deg)}
.hero-product-card.card-2{right:2%;top:0;transform:rotate(4deg)}
.hero-product-card.card-3{left:8%;bottom:0;transform:rotate(2deg)}
.hero-product-card.card-4{right:0;bottom:7%;transform:rotate(-3deg)}
.hero-product-image{
  height:92px;
  border-radius:12px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f6f6f4;
}
.hero-product-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:5px;
}
.hero-product-image span{
  font-weight:950;
  color:#d6d6d1;
  font-size:25px;
}
.hero-product-info{
  padding:7px 3px 0;
}
.hero-product-info small{
  display:block;
  font-size:8px;
  color:#8a9098;
  margin-bottom:2px;
}
.hero-product-info b{
  display:block;
  font-size:10px;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hero-showcase-note{
  position:absolute;
  z-index:6;
  left:22px;
  bottom:16px;
  display:flex;
  align-items:center;
  gap:7px;
  color:#b8bdc5;
  font-size:9px;
}
.pulse-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#18b56b;
  box-shadow:0 0 0 5px rgba(24,181,107,.12);
}

/* Hide old hero elements if cached old markup exists anywhere */
.hero-2027 .hero-visual,
.hero-2027 .hero-logo-card,
.hero-2027 .hero-badge{
  display:none!important;
}

@media(max-width:1180px) and (min-width:851px){
  .hero-2027{
    grid-template-columns:minmax(0,1fr) 390px!important;
    padding:46px 42px!important;
  }
  .hero-mini-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hero-showcase{
    min-height:370px;
  }
}

@media(max-width:850px){
  .hero-2027{
    display:block!important;
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    min-height:0!important;
    padding:34px 24px 26px!important;
  }
  .hero-year-pill{
    font-size:8px;
    letter-spacing:.08em;
    margin-bottom:15px;
  }
  .hero-year-pill span{
    min-width:43px;
    height:25px;
    font-size:11px;
  }
  .hero-2027 h1{
    font-size:43px!important;
    line-height:.98!important;
    margin-bottom:18px!important;
  }
  .hero-2027 .hero-copy>p{
    font-size:14px!important;
    line-height:1.55!important;
  }
  .hero-2027 .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-bottom:20px!important;
  }
  .hero-2027 .hero-actions .btn{
    width:100%!important;
    justify-content:center!important;
  }
  .hero-mini-stats{
    grid-template-columns:1fr 1fr;
    margin-bottom:22px;
  }
  .hero-showcase{
    min-height:330px;
    border-radius:20px;
  }
  .hero-product-stack{
    inset:58px 12px 38px;
  }
  .hero-product-card{
    width:47%;
    min-height:125px;
    padding:8px;
    border-radius:14px;
  }
  .hero-product-image{
    height:70px;
  }
  .hero-product-info b{
    font-size:9px;
  }
}

@media(max-width:430px){
  .hero-2027{
    padding:28px 18px 22px!important;
  }
  .hero-2027 h1{
    font-size:38px!important;
  }
  .hero-showcase{
    min-height:290px;
  }
  .hero-product-card{
    min-height:112px;
  }
  .hero-product-image{
    height:60px;
  }
  .hero-showcase-label span{
    font-size:22px;
  }
}


/* v1.2.5 compact hero */
.hero-compact{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
  gap:28px!important;
  min-height:390px!important;
  padding:36px 42px!important;
}
.hero-compact .hero-copy{
  max-width:620px;
}
.hero-compact .hero-year-pill{
  margin-bottom:14px;
}
.hero-compact h1{
  font-size:clamp(38px,3.5vw,58px)!important;
  margin:0 0 16px!important;
}
.hero-compact .hero-copy>p{
  max-width:520px;
  font-size:15px!important;
  line-height:1.55!important;
  margin-bottom:20px!important;
}
.hero-compact .hero-actions{
  margin-bottom:0!important;
}
.hero-compact .hero-showcase{
  min-height:310px;
  border-radius:24px;
}
.hero-compact .hero-showcase:before{
  width:250px;
  height:250px;
  right:-55px;
  top:22px;
}
.hero-compact .hero-showcase:after{
  width:170px;
  height:170px;
  right:-10px;
  top:58px;
}
.hero-compact .hero-showcase-glow{
  width:170px;
  height:170px;
  left:42%;
  top:29%;
  filter:blur(46px);
}
.hero-compact .hero-showcase-label{
  left:18px;
  top:15px;
}
.hero-compact .hero-showcase-label span{
  font-size:22px;
}
.hero-compact .hero-showcase-label small{
  font-size:8px;
  max-width:74px;
}
.hero-compact .hero-product-stack{
  inset:56px 14px 16px 14px;
}
.hero-compact .hero-product-card{
  width:42%;
  min-height:118px;
  padding:8px;
  border-radius:15px;
}
.hero-compact .hero-product-card.card-1{left:6%;top:12%;transform:rotate(-5deg)}
.hero-compact .hero-product-card.card-2{right:4%;top:6%;transform:rotate(4deg)}
.hero-compact .hero-product-card.card-3{left:22%;bottom:4%;transform:rotate(-2deg)}
.hero-compact .hero-product-image{
  height:62px;
}
.hero-compact .hero-product-info{
  padding-top:6px;
}
.hero-compact .hero-product-info small{
  font-size:7px;
}
.hero-compact .hero-product-info b{
  font-size:10px;
}
.hero-compact .hero-showcase-note,
.hero-compact .hero-mini-stats{
  display:none!important;
}

@media(max-width:1180px) and (min-width:851px){
  .hero-compact{
    grid-template-columns:minmax(0,1fr) 340px!important;
    min-height:360px!important;
    padding:32px 34px!important;
  }
  .hero-compact h1{
    font-size:clamp(34px,3vw,48px)!important;
  }
}

@media(max-width:850px){
  .hero-compact{
    padding:24px 20px!important;
    min-height:0!important;
  }
  .hero-compact h1{
    font-size:36px!important;
    margin-bottom:12px!important;
  }
  .hero-compact .hero-copy>p{
    font-size:14px!important;
    margin-bottom:16px!important;
  }
  .hero-compact .hero-showcase{
    min-height:220px;
    margin-top:16px;
  }
  .hero-compact .hero-product-stack{
    inset:48px 10px 14px 10px;
  }
  .hero-compact .hero-product-card{
    min-height:98px;
    width:44%;
    padding:7px;
  }
  .hero-compact .hero-product-image{
    height:48px;
  }
  .hero-compact .hero-product-info b{
    font-size:9px;
  }
}

@media(max-width:430px){
  .hero-compact{
    padding:22px 16px!important;
  }
  .hero-compact h1{
    font-size:32px!important;
  }
  .hero-compact .hero-showcase{
    min-height:195px;
    border-radius:18px;
  }
  .hero-compact .hero-showcase-label span{
    font-size:18px;
  }
  .hero-compact .hero-showcase-label small{
    font-size:7px;
  }
  .hero-compact .hero-product-card{
    min-height:86px;
    border-radius:12px;
  }
  .hero-compact .hero-product-image{
    height:38px;
  }
  .hero-compact .hero-product-info small{
    font-size:6px;
  }
  .hero-compact .hero-product-info b{
    font-size:8px;
  }
}


/* v1.2.6 ultra compact catalog launch strip */
.catalog-launch-strip{
  width:100%;
  margin:20px 0 16px;
}
.catalog-launch-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:54px;
  padding:10px 18px;
  border-radius:16px;
  text-decoration:none;
  color:#fff;
  background:
    radial-gradient(circle at 80% 20%,rgba(255,181,0,.20),transparent 28%),
    linear-gradient(90deg,#111317 0%,#1b1d21 58%,#17130d 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 30px rgba(0,0,0,.10);
  overflow:hidden;
}
.catalog-launch-year{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:30px;
  min-width:54px;
  padding:0 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#ffc400,#ff6a00);
  color:#111;
  font-size:13px;
  font-weight:950;
  line-height:1;
}
.catalog-launch-link strong{
  font-size:15px;
  letter-spacing:.09em;
  line-height:1;
  white-space:nowrap;
}
.catalog-launch-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  font-size:16px;
  transition:transform .2s ease,background .2s ease;
}
.catalog-launch-link:hover .catalog-launch-arrow{
  transform:translateX(3px);
  background:rgba(255,255,255,.08);
}

/* neutralize old hero styles if cached markup is not present */
.hero-2027,
.hero-compact{
  margin:0!important;
}

@media(max-width:850px){
  .catalog-launch-strip{
    margin:14px 0 12px;
  }
  .catalog-launch-link{
    min-height:48px;
    gap:8px;
    padding:8px 12px;
    border-radius:13px;
  }
  .catalog-launch-year{
    min-width:48px;
    height:27px;
    font-size:12px;
  }
  .catalog-launch-link strong{
    font-size:12px;
    letter-spacing:.055em;
  }
  .catalog-launch-arrow{
    width:25px;
    height:25px;
    font-size:14px;
  }
}

@media(max-width:430px){
  .catalog-launch-link{
    gap:6px;
    padding:8px 9px;
  }
  .catalog-launch-year{
    min-width:44px;
    padding:0 8px;
    font-size:11px;
  }
  .catalog-launch-link strong{
    font-size:10px;
    letter-spacing:.035em;
  }
  .catalog-launch-arrow{
    width:23px;
    height:23px;
    font-size:13px;
  }
}


/* v1.2.7 managed homepage slider */
.home-slider{
  position:relative;
  width:100%;
  height:400px;
  margin:16px 0 16px;
  border-radius:18px;
  overflow:hidden;
  background:#111;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.home-slider-track,
.home-slide,
.home-slide-link{
  width:100%;
  height:100%;
}
.home-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .55s ease,visibility .55s ease;
}
.home-slide.is-active{
  opacity:1;
  visibility:visible;
  z-index:2;
}
.home-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-slider-nav{
  position:absolute;
  z-index:5;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:rgba(17,17,17,.72);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(6px);
}
.home-slider-nav.prev{left:16px}
.home-slider-nav.next{right:16px}
.home-slider-dots{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:14px;
  transform:translateX(-50%);
  display:flex;
  gap:7px;
  padding:7px 9px;
  border-radius:999px;
  background:rgba(17,17,17,.42);
}
.home-slider-dots button{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  cursor:pointer;
}
.home-slider-dots button.is-active{
  width:22px;
  border-radius:999px;
  background:#ffc400;
}
@media(max-width:850px){
  .home-slider{
    height:240px;
    border-radius:14px;
    margin:12px 0;
  }
  .home-slider-nav{
    width:38px;
    height:38px;
    font-size:24px;
  }
}
@media(max-width:430px){
  .home-slider{height:190px}
}


/* v1.2.8 SBD RED THEME OVERRIDES */
:root{
  --sbd-red-1:#ff2436;
  --sbd-red-2:#ef001b;
  --sbd-red-3:#b90016;
  --sbd-red-soft:#fff0f2;
  --sbd-red-line:#ffd3d8;
}

/* Header search CTA */
.search button,
.header-search button{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-2) 55%,var(--sbd-red-3))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 20px rgba(220,0,25,.16)!important;
}
.search button:hover,
.header-search button:hover{
  filter:brightness(.96)!important;
}

/* 2027 catalogue strip */
.catalog-launch-link{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,36,54,.24),transparent 30%),
    linear-gradient(90deg,#111317 0%,#1a1719 56%,#3d0b12 100%)!important;
}
.catalog-launch-year{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-2) 60%,var(--sbd-red-3))!important;
  color:#fff!important;
  box-shadow:0 5px 16px rgba(225,0,28,.22)!important;
}
.catalog-launch-arrow{
  border-color:rgba(255,70,87,.42)!important;
  color:#fff!important;
}
.catalog-launch-link:hover .catalog-launch-arrow{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-3))!important;
  border-color:transparent!important;
}

/* Slider controls */
.home-slider-dots button.is-active{
  background:linear-gradient(90deg,var(--sbd-red-1),var(--sbd-red-3))!important;
}
.home-slider-nav:hover{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-3))!important;
}

/* Trust row icon accents */
.trust-icon{
  color:var(--sbd-red-2)!important;
  background:var(--sbd-red-soft)!important;
  border-color:var(--sbd-red-line)!important;
}

/* Catalogue UI accents */
.stock-toggle.on,
.stock-toggle:hover{
  border-color:#ffb9c2!important;
  background:var(--sbd-red-soft)!important;
  color:#b70017!important;
}
.stock-toggle.on span,
.stock-toggle:hover span{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-3))!important;
}

.quote-add{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-2) 55%,var(--sbd-red-3))!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 6px 18px rgba(220,0,25,.15)!important;
}
.quote-add:hover{
  filter:brightness(.94)!important;
}

.quick:hover,
.product-card:hover .quick{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-3))!important;
  color:#fff!important;
  border-color:transparent!important;
}

.pagination .current,
.pagination a.current{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-3))!important;
  color:#fff!important;
  border-color:transparent!important;
}
.pagination a:hover{
  border-color:#ff9eaa!important;
  color:#c50019!important;
}

/* CTA section */
.cta{
  background:
    radial-gradient(circle at 18% 25%,rgba(255,36,54,.14),transparent 28%),
    linear-gradient(135deg,#111317 0%,#1c1719 55%,#3b0b12 100%)!important;
}
.cta>*,
.cta .wrap{position:relative}
.cta span{color:#ff6d7d!important}
.btn-light:hover{
  border-color:#ff7d8b!important;
  color:#c30018!important;
}

/* Floating quote list */
.quote-toggle{
  background:#111!important;
  color:#fff!important;
}
.quote-toggle [data-quote-count],
.quote-toggle span[data-quote-count],
[data-quote-count]{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-3))!important;
  color:#fff!important;
}
.quote-wa{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-2) 55%,var(--sbd-red-3))!important;
  color:#fff!important;
}

/* Mobile quick CTA */
.mobile-quick-links .wa{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-2) 55%,var(--sbd-red-3))!important;
  color:#fff!important;
}
.mobile-filter-menu{
  background:#111!important;
  color:#fff!important;
}
.mobile-filter-chip:hover,
.mobile-filter-chip:focus{
  border-color:#ffb0ba!important;
}

/* Phone / header subtle accents */
.header-phone:hover,
.header-contact:hover{
  background:var(--sbd-red-soft)!important;
}

/* Footer */
.bigula-credit:hover{
  color:#ff5365!important;
}

/* Any legacy yellow/orange hero pills if still rendered */
.hero-year-pill span{
  background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-3))!important;
  color:#fff!important;
}
.hero-2027 h1 span{
  background:linear-gradient(90deg,#ff5566,var(--sbd-red-2),#a90015)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}

/* Keep semantic stock green unchanged */
.in-stock,
.stock-highlight.has-stock{
  /* semantic success color intentionally preserved */
}

@media(max-width:850px){
  .search button,
  .header-search button,
  .mobile-quick-links .wa,
  .quote-wa{
    background:linear-gradient(135deg,var(--sbd-red-1),var(--sbd-red-2) 55%,var(--sbd-red-3))!important;
  }
  .catalog-launch-link{
    background:
      radial-gradient(circle at 80% 20%,rgba(255,36,54,.22),transparent 30%),
      linear-gradient(90deg,#111317 0%,#211619 62%,#450a13 100%)!important;
  }
}


/* v1.2.8.1 CTA contrast fix */
.cta h2{
  color:#fff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.15);
}
.cta span{
  color:#ff6678!important;
}
.cta .btn-light{
  background:#fff!important;
  color:#111!important;
  border-color:#fff!important;
}
.cta .btn-light:hover{
  background:linear-gradient(135deg,#ff2638,#b90018)!important;
  color:#fff!important;
  border-color:#ff2638!important;
}


/* v1.2.8.2 catalog + product detail red theme cleanup */
:root{
  --sbd-red-a:#ff2538;
  --sbd-red-b:#df001c;
  --sbd-red-c:#9e0015;
  --sbd-red-soft-2:#fff1f3;
  --sbd-red-line-2:#ffd0d6;
}

/* Desktop mega menu legacy yellow */
.nav-mega-item:hover{
  border-color:#f05a6a!important;
  background:#fff1f3!important;
}

/* Catalog launch strip legacy yellow/orange */
.catalog-launch-link{
  background:
    radial-gradient(circle at 80% 20%,rgba(255,28,52,.20),transparent 28%),
    linear-gradient(90deg,#111317 0%,#1b1d21 58%,#21090e 100%)!important;
}
.catalog-launch-year{
  background:linear-gradient(135deg,var(--sbd-red-a),var(--sbd-red-b))!important;
  color:#fff!important;
}
.catalog-launch-arrow{
  border-color:rgba(255,89,105,.55)!important;
}
.catalog-launch-link:hover .catalog-launch-arrow{
  background:linear-gradient(135deg,var(--sbd-red-a),var(--sbd-red-b))!important;
  color:#fff!important;
}

/* Home slider indicator */
.home-slider-dots button.is-active{
  background:linear-gradient(90deg,var(--sbd-red-a),var(--sbd-red-b))!important;
}

/* Catalog / listing UI */
.stock-toggle.on,
.stock-toggle:hover{
  border-color:#ff9daa!important;
  background:var(--sbd-red-soft-2)!important;
  color:#9d0014!important;
}
.stock-toggle.on span,
.stock-toggle:hover span{
  background:linear-gradient(135deg,var(--sbd-red-a),var(--sbd-red-b))!important;
}
.catalog-tools select:focus,
.catalog-tools select:hover{
  border-color:#ff9daa!important;
}
.product-card:hover{
  border-color:#ffbdc6!important;
  box-shadow:0 14px 34px rgba(176,0,23,.10)!important;
}
.product-img .quick,
.quote-add,
.card-arrow{
  background:linear-gradient(135deg,var(--sbd-red-a),var(--sbd-red-b))!important;
  color:#fff!important;
  border-color:transparent!important;
}
.product-img .quick:hover,
.quote-add:hover{
  background:linear-gradient(135deg,#ff4152,var(--sbd-red-c))!important;
}
.product-meta span:first-child,
.price strong,
.section-title>div>span,
.content-kicker{
  color:#bd0018!important;
}
.pagination a.current,
.pagination a:hover{
  background:linear-gradient(135deg,var(--sbd-red-a),var(--sbd-red-b))!important;
  border-color:var(--sbd-red-b)!important;
  color:#fff!important;
}

/* Product detail page */
.product-code,
.detail-category,
.gallery-label,
.content-kicker,
.help-card>span,
.section-title>div>span{
  color:#c00019!important;
}
.detail-category:hover,
.section-title>a:hover{
  color:var(--sbd-red-b)!important;
}
.thumbs button.active,
.thumbs button:hover{
  border-color:var(--sbd-red-b)!important;
  box-shadow:0 0 0 2px rgba(222,0,28,.10)!important;
}
.detail-price{
  border-color:#ffd0d6!important;
  background:linear-gradient(135deg,#fff5f6,#fff)!important;
}
.detail-price strong{
  color:#b40017!important;
}
.quote-note{
  border-color:#ffd0d6!important;
  background:linear-gradient(135deg,#fff4f6,#fff)!important;
}
.quote-icon{
  background:linear-gradient(135deg,var(--sbd-red-a),var(--sbd-red-b))!important;
  color:#fff!important;
}
.quote-box input:focus{
  border-color:var(--sbd-red-b)!important;
  box-shadow:0 0 0 3px rgba(222,0,28,.09)!important;
}
.btn-wa,
.mobile-quote button,
.help-card a,
.quote-wa{
  background:linear-gradient(135deg,var(--sbd-red-a),var(--sbd-red-b))!important;
  color:#fff!important;
  border-color:transparent!important;
}
.btn-wa:hover,
.mobile-quote button:hover,
.help-card a:hover,
.quote-wa:hover{
  background:linear-gradient(135deg,#ff4254,var(--sbd-red-c))!important;
}
.btn-list{
  border-color:#ff9daa!important;
  color:#9f0015!important;
  background:#fff!important;
}
.btn-list:hover{
  background:var(--sbd-red-soft-2)!important;
}
.help-card{
  border-color:#ffd0d6!important;
  background:linear-gradient(145deg,#fff6f7,#fff)!important;
}
.related .section-title>a{
  color:#b70017!important;
}

/* Mobile nav / quote actions */
.mobile-quick-links .wa{
  background:linear-gradient(135deg,var(--sbd-red-a),var(--sbd-red-b))!important;
  color:#fff!important;
}
.mobile-filter-chip.active,
.mobile-filter-chip:hover,
.mobile-filter-menu{
  border-color:#ff9daa!important;
}
.quote-toggle [data-quote-count],
.quote-toggle span[data-quote-count],
[data-quote-count]{
  background:linear-gradient(135deg,var(--sbd-red-a),var(--sbd-red-b))!important;
  color:#fff!important;
}

/* Remove leftover warm/yellow accents from product UI */
.stock-highlight.no-stock{
  background:#fff5f6!important;
  border-color:#ffd0d6!important;
}
.bigula-credit:hover{color:#ff5a6c!important}

@media(max-width:850px){
  .product-mobile-filterbar .mobile-filter-chip:first-child,
  .mobile-filter-menu{
    background:#111!important;
    color:#fff!important;
    border-color:#111!important;
  }
}


/* v1.2.8.3 product detail hard red override */
body .search button{
  background:linear-gradient(135deg,#ff2738 0%,#e30620 55%,#a90015 100%)!important;
  color:#fff!important;
  border-color:#d6001c!important;
}
body .search button:hover{
  background:linear-gradient(135deg,#ff4050,#b60019)!important;
}

body .detail-info .product-code,
body .detail-info .detail-category,
body .content-card .content-kicker,
body .section-title span,
body .help-card>span{
  color:#d90429!important;
}

body .btn.btn-wa.big,
body #waQuote{
  background:linear-gradient(135deg,#ff2738 0%,#df001f 58%,#a90015 100%)!important;
  color:#fff!important;
  border-color:#d0001b!important;
  box-shadow:none!important;
}
body .btn.btn-wa.big:hover,
body #waQuote:hover{
  background:linear-gradient(135deg,#ff4050,#ad0017)!important;
}

body .btn.btn-list.big{
  border-color:#d90429!important;
  color:#b40018!important;
  background:#fff!important;
}
body .btn.btn-list.big:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#ff2738,#b00018)!important;
}

body .detail-price{
  background:linear-gradient(135deg,#fff4f6 0%,#fff 100%)!important;
  border-color:#ffd1d7!important;
}
body .detail-price strong{
  color:#111!important;
}

body .quote-note .quote-icon{
  background:linear-gradient(135deg,#ff2738,#a90015)!important;
  color:#fff!important;
}

body .thumbs button.active{
  border-color:#e30620!important;
  box-shadow:0 0 0 2px rgba(227,6,32,.08)!important;
}

body .help-card{
  background:linear-gradient(145deg,#17191d 0%,#230a0f 100%)!important;
  border-color:#3a1118!important;
}
body .help-card>span,
body .help-card a{
  color:#ff5b68!important;
}
body .help-card a:hover{
  color:#fff!important;
}

body .cta{
  background:
    radial-gradient(circle at 78% 40%,rgba(227,6,32,.22),transparent 34%),
    linear-gradient(90deg,#121317 0%,#211216 58%,#4a0813 100%)!important;
}
body .cta span{
  color:#ff6875!important;
}
body .cta h2{
  color:#fff!important;
}
body .cta .btn-light{
  background:#fff!important;
  color:#111!important;
  border-color:#fff!important;
}
body .cta .btn-light:hover{
  background:linear-gradient(135deg,#ff2738,#b00018)!important;
  color:#fff!important;
  border-color:#b00018!important;
}

body .mobile-quote button,
body .quote-wa{
  background:linear-gradient(135deg,#ff2738,#a90015)!important;
  color:#fff!important;
  border-color:#b90019!important;
}

body .quote-toggle [data-quote-count],
body .quote-toggle span[data-quote-count]{
  background:linear-gradient(135deg,#ff2738,#c0001a)!important;
  color:#fff!important;
}

/* Related product cards */
body .related .card-arrow,
body .related .quote-add{
  background:linear-gradient(135deg,#ff2738,#a90015)!important;
  color:#fff!important;
}


/* v1.2.8.4 mobile slider proportional fit */
@media(max-width:850px){
  .home-slider{
    height:auto!important;
    aspect-ratio:3 / 1!important;
    background:#111!important;
    overflow:hidden!important;
  }
  .home-slider-track,
  .home-slide,
  .home-slide-link{
    width:100%!important;
    height:100%!important;
  }
  .home-slide img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .home-slider-nav{
    top:50%!important;
  }
}
@media(max-width:430px){
  .home-slider{
    height:auto!important;
    aspect-ratio:3 / 1!important;
  }
}