:root{
  --palette-cream:#F7F3EE;
  --palette-lightwood:#E7DCC6;
  --palette-walnut:#3D2B1F;
  --palette-sand:#C8A27A;
  --palette-sage:#A3B18A;
}
html,body{
  background:var(--palette-cream) !important;
  color:var(--palette-walnut) !important;
}
body,p,.lead,.muted,.role,.form-help,.carousel-head span,.section-eyebrow,.sidebar-label,.strip-title,.kicker,
.feature-item span,.meta-item span,.hero-copy p,.oem-card p,.product-content p,.cta-box p,.snapshot-card p,.icon-item span,
.contact-point p,.footer-bottom,.site-footer p,.site-footer a,.value-box p,.info-card p,.service-card p,.save-item,
.save-item p,.rfq-item,.rfq-item p,.text-rfq-list p,.contact-link,.utility-link,.saving-item-v19 span,.saving-note-v19 span,
.note-card-v16 p,.factory-copy-v16 p,.faq-answer p,.faq-question span:last-child{
  color:rgba(61,43,31,.76) !important;
}
.container{width:min(1280px, calc(100% - 40px)) !important;}

/* universal palette */
.card,.soft,.form-shell,.snapshot-card,.value-box,.equipment-card,.cta-box,.serve-card,.oem-card,.product-card,.sidebar,.marquee-wrap,
.factory-shell,.snapshot-media,.video-shell,.savecost-main,.savecost-side,.trust-card,.info-card,.service-card,.meta-item,.feature-item,.icon-item,
.contact-point,.note-card-v13,.note-card-v16,.rfq-wrap-v13 .soft,.cert-slide-card,.cert-paper,.cert-paper-v13,.metric-card,.faq-dark,.faq-dark-v13,
.anchor-grid a,.side-menu a,.side-menu .card-body a,.rfq-item,.text-rfq-list p,.collection-card,.client,.product-thumb,.tap-load-card,.slot,
.serve-card-v19,.saving-item-v19,.saving-note-v19,.menu-link,.utility-link,.hero-copy,.hero-box-v9,.hero-copy-card,.product-content,.oem-card .body,
.hero-copy,.hero-copy-card{
  background:var(--palette-cream) !important;
  border-color:rgba(61,43,31,.10) !important;
}
.image,.product-visual,.oem-card .media,.hero-banner,.hero-image,.hero-media,.snapshot-media,.factory-shell,.video-shell,.tap-load-card,
.product-visual img,.oem-card .media img{
  background:linear-gradient(180deg,var(--palette-cream),var(--palette-lightwood)) !important;
}
.eyebrow,.section-eyebrow,.kicker,.sidebar-label,.strip-title,.serve-card p.mini,.faq-dark .eyebrow,.faq-dark-v13 .eyebrow,.faq-icon,
.client-label,.carousel-head h4,.saving-note-v19 strong,.cert-paper span{color:var(--palette-sand) !important;}
.chip,.pill,.tag,.meta span,.mini-chip,.snapshot-card strong,.feature-item strong,.icon-item strong,.meta-item strong,.hero-badges-v9 .chip{
  color:var(--palette-walnut) !important;
  background:rgba(231,220,198,.66) !important;
  border:1px solid rgba(200,162,122,.36) !important;
}
.service-icon,.icon{background:rgba(163,177,138,.30) !important;color:var(--palette-walnut) !important;}
.note,.save-item,.text-rfq-list p,.rfq-mini .note,.feature-item,.meta-item,.icon-item,.contact-point,.utility-link,.menu-link,.value-box,.info-card,.service-card{
  background:rgba(231,220,198,.38) !important;
}
.serve-card.dark,.serve-card-v19.dark,.client-cta,.sidebar .menu-link.active,.sidebar a.active,.menu-link.active,.btn-primary,.product-card .btn-primary,.contact-section .btn-primary{
  background:var(--palette-walnut) !important;
  color:var(--palette-cream) !important;
  border-color:rgba(200,162,122,.28) !important;
}
.serve-card.dark *, .serve-card-v19.dark *, .client-cta *, .sidebar .menu-link.active *, .sidebar a.active *{color:var(--palette-cream) !important;}
.serve-card.dark p.mini,.serve-card-v19.dark p.mini{color:var(--palette-sand) !important;}
.btn-secondary,.btn-light,.anchor-grid a,.side-menu a,.side-menu .card-body a,.faq-icon,.btn-outline,.action-row .btn-secondary{
  background:var(--palette-cream) !important;
  color:var(--palette-walnut) !important;
  border:1px solid rgba(61,43,31,.18) !important;
}
.btn-secondary:hover,.btn-light:hover{background:var(--palette-lightwood) !important;}

/* Header: copy products visual to all pages */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:50 !important;
  background:var(--palette-cream) !important;
  border-bottom:1px solid rgba(61,43,31,.08) !important;
  backdrop-filter:none !important;
}
.nav-wrap{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;padding:14px 0 !important;min-height:72px !important;}
.brand img{height:64px !important;width:auto !important;display:block !important;}
.main-nav{display:flex !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;}
.main-nav a{
  padding:10px 14px !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:600 !important;
  color:#3D2B1F !important;
  background:transparent !important;
}
.main-nav a.active,.main-nav a:hover{background:#E7DCC6 !important;color:var(--palette-walnut) !important;}
.main-nav .btn,.main-nav a.btn,.main-nav a.btn-primary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:13px 20px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  background:var(--palette-walnut) !important;
  color:var(--palette-cream) !important;
  border:1px solid var(--palette-walnut) !important;
  min-width:146px !important;
  box-shadow:none !important;
}
.menu-toggle{color:var(--palette-walnut) !important;}

/* Hero outer skeleton unify */
.products-hero,.page-head,.hero-v9{padding:24px 0 20px !important;}
.products-hero .hero-banner,.page-head .hero-image{
  min-height:500px !important;
  height:500px !important;
  border-radius:34px !important;
  overflow:hidden !important;
}
.products-hero .hero-copy{margin:92px 0 0 72px !important;}
.products-hero .hero-banner::before{
  background:linear-gradient(90deg, rgba(247,243,238,.90) 0%, rgba(247,243,238,.76) 24%, rgba(247,243,238,.24) 58%, rgba(247,243,238,.02) 100%) !important;
}
.page-head .hero-image img,.products-hero .hero-banner > img{width:100% !important;height:100% !important;object-fit:cover !important;}

/* Home uses same outer height and spacing, while keeping left-right layout */
.hero-grid-v9{
  grid-template-columns:.96fr 1.04fr !important;
  gap:24px !important;
  align-items:stretch !important;
  min-height:auto !important;
  background:var(--palette-lightwood) !important;
  border:1px solid rgba(61,43,31,.10) !important;
  border-radius:34px !important;
  box-shadow:0 18px 36px rgba(61,43,31,.06) !important;
  padding:18px !important;
}
.hero-v9 .hero-box-v9,
.hero-v9 .hero-image-v9{
  height:464px !important;
  min-height:464px !important;
  border-radius:26px !important;
}
.hero-v9 .hero-box-v9{
  padding:34px 36px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  text-align:left !important;
  align-items:flex-start !important;
}
.hero-v9 .hero-box-v9 .eyebrow,
.hero-v9 .hero-box-v9 h1,
.hero-v9 .hero-box-v9 .lead,
.hero-v9 .hero-box-v9 .badges,
.hero-v9 .hero-box-v9 .btn-row{margin-left:0 !important;margin-right:0 !important;}
.hero-badges-v9,.hero-cta-row{justify-content:flex-start !important;}
.hero-media .image{box-shadow:none !important;border:0 !important;}
.hero-v9 h1{font-size:clamp(34px,3.5vw,56px) !important;line-height:1.02 !important;max-width:11ch !important;letter-spacing:-.02em !important;}
.hero-v9 .lead{max-width:42ch !important;}

/* RFQ light mode */
.faq-dark,.faq-dark-v13{
  background:var(--palette-cream) !important;
  color:var(--palette-walnut) !important;
  border:1px solid rgba(61,43,31,.10) !important;
  box-shadow:0 14px 28px rgba(61,43,31,.05) !important;
}
.faq-dark *, .faq-dark-v13 *{color:var(--palette-walnut) !important;}
.faq-dark .eyebrow,.faq-dark-v13 .eyebrow,.faq-dark .faq-icon,.faq-dark-v13 .faq-icon{color:var(--palette-sand) !important;}
.faq-dark .faq-item,.faq-dark-v13 .faq-item{border-top:1px solid rgba(61,43,31,.10) !important;}

/* Footer dark logo and colors */
.site-footer{background:var(--palette-walnut) !important;color:rgba(247,243,238,.84) !important;}
.site-footer .brand img{height:82px !important;width:auto !important;}
.site-footer h4{color:var(--palette-cream) !important;}
.site-footer p,.site-footer a,.footer-bottom,.footer-mini{color:rgba(247,243,238,.78) !important;}
.socials a{background:rgba(231,220,198,.12) !important;color:var(--palette-cream) !important;}

@media (max-width:1024px){
  .products-hero .hero-banner,.page-head .hero-image{height:auto !important;min-height:420px !important;}
  .hero-grid-v9{grid-template-columns:1fr !important;padding:16px !important;}
  .hero-v9 .hero-box-v9,.hero-v9 .hero-image-v9{height:auto !important;min-height:380px !important;}
  .products-hero .hero-copy{width:min(480px, calc(100% - 36px)) !important;margin:22px 0 0 18px !important;}
}
@media (max-width:820px){
  .main-nav{position:absolute !important;left:0 !important;right:0 !important;top:78px !important;display:none !important;flex-direction:column !important;align-items:flex-start !important;background:var(--palette-cream) !important;padding:14px 16px !important;border-bottom:1px solid rgba(61,43,31,.10) !important;}
  .main-nav.open{display:flex !important;}
  .menu-toggle{display:block !important; background:none !important; border:0 !important; font-size:28px !important;}
}
@media (max-width:720px){
  .container{width:min(100% - 24px, 1280px) !important;}
  .brand img{height:52px !important;}
  .products-hero .hero-banner,.page-head .hero-image{min-height:320px !important;}
  .hero-v9 .hero-box-v9,.hero-v9 .hero-image-v9{min-height:300px !important;}
  .products-hero .hero-copy{width:calc(100% - 24px) !important;margin:14px auto 0 !important;padding:22px !important;}
  .hero-v9 h1{font-size:36px !important;max-width:none !important;}
}

/* v6: unify only Home / Products / OEM hero outer frames */
.hero-v9 > .container,
.products-hero > .container,
.page-head > .container{
  width:min(1280px, calc(100% - 40px)) !important;
  margin:0 auto !important;
}

.hero-v9,
.products-hero,
.page-head{
  padding:24px 0 20px !important;
}

.products-hero .hero-banner,
.page-head .hero-image,
.hero-v9 .hero-grid-v9{
  min-height:500px !important;
  height:500px !important;
  border-radius:34px !important;
  overflow:hidden !important;
  box-shadow:0 18px 36px rgba(61,43,31,.06) !important;
}

.hero-v9 .hero-grid-v9{
  grid-template-columns:.96fr 1.04fr !important;
  gap:24px !important;
  align-items:stretch !important;
  padding:18px !important;
}

.hero-v9 .hero-box-v9,
.hero-v9 .hero-image-v9{
  height:100% !important;
  min-height:0 !important;
  border-radius:26px !important;
}

.hero-v9 .hero-box-v9{
  padding:34px 36px !important;
}

@media (max-width:1024px){
  .hero-v9 > .container,
  .products-hero > .container,
  .page-head > .container{
    width:min(100% - 24px, 1280px) !important;
  }
  .products-hero .hero-banner,
  .page-head .hero-image,
  .hero-v9 .hero-grid-v9{
    height:auto !important;
    min-height:420px !important;
  }
  .hero-v9 .hero-grid-v9{
    grid-template-columns:1fr !important;
    padding:16px !important;
  }
  .hero-v9 .hero-box-v9,
  .hero-v9 .hero-image-v9{
    height:auto !important;
    min-height:0 !important;
  }
}

@media (max-width:720px){
  .products-hero .hero-banner,
  .page-head .hero-image,
  .hero-v9 .hero-grid-v9{
    min-height:320px !important;
    border-radius:26px !important;
  }
  .hero-v9 .hero-grid-v9{
    padding:12px !important;
  }
}