:root{
  --walnut:#3D2B1F;
  --cream:#F7F3EE;
  --sand:#E7DCC6;
  --camel:#C8A27A;
  --sage:#A3B18A;
  --text:#2B2119;
  --muted:#76685E;
  --line:rgba(61,43,31,.12);
  --shadow:0 14px 34px rgba(61,43,31,.10);
  --radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#e9eff7;color:var(--text);line-height:1.5}.app-shell{width:min(100%,900px);min-height:100vh;margin:0 auto;background:var(--cream);position:relative;box-shadow:0 0 0 1px rgba(61,43,31,.06)}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.mobile-header{position:sticky;top:0;z-index:60;height:64px;background:rgba(247,243,238,.96);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.mobile-logo{display:flex;align-items:center}.mobile-logo img{height:38px;width:auto;max-width:178px;object-fit:contain}.icon-btn{width:44px;height:44px;border:0;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--walnut);padding:0;box-shadow:0 6px 16px rgba(61,43,31,.06)}.icon-btn span{display:block;width:20px;height:2px;border-radius:99px;background:var(--walnut);margin:3px 0}.menu-icon{flex-direction:column}.mobile-main{padding:14px 14px 96px}.section{margin:20px 0}.section-card{border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.eyebrow{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--camel);margin-bottom:8px}.section-title{margin:0 0 13px;text-align:left}.section-title h2{font-size:24px;line-height:1.08;letter-spacing:-.04em;margin:0;color:var(--walnut)}.section-title p{margin:9px 0 0;color:var(--muted);font-size:13px}.btn{min-height:42px;border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-weight:850;font-size:13px;border:1px solid transparent}.btn-primary{background:var(--walnut);color:#fff}.btn-soft{background:#fff;color:var(--walnut);border-color:var(--line)}.btn-outline{background:#fff;color:var(--walnut);border-color:var(--line)}.btn-light{background:#fff;color:var(--walnut)}.full{width:100%}

/* Hero */
.hero-card{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#fff 0%,#f1e7d8 100%);border:1px solid rgba(61,43,31,.08);min-height:420px;box-shadow:var(--shadow)}.hero-img{position:absolute;right:-2%;bottom:0;width:73%;height:58%;object-fit:cover;object-position:center;border-radius:24px 0 24px 0}.hero-copy{position:relative;z-index:2;padding:26px 22px 0;max-width:72%}.hero-copy h1{font-size:29px;line-height:1.04;letter-spacing:-.05em;margin:0 0 11px;color:var(--walnut)}.hero-copy p{font-size:14px;color:var(--muted);margin:0 0 16px;max-width:310px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions .btn{min-width:124px}.hero-actions .btn-primary{background:var(--walnut);color:#fff}.hero-actions .btn-soft{background:#fff;color:var(--walnut);border-color:rgba(61,43,31,.14)}

/* Featured products */
.featured-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.featured-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 12px 24px rgba(61,43,31,.06);display:flex;flex-direction:column}.featured-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f7f3ee}.featured-card div{padding:12px;min-height:92px;display:flex;flex-direction:column;flex:1}.featured-card h3{font-size:15px;line-height:1.15;margin:0;color:var(--walnut)}.featured-card p{display:none}.featured-card a{font-size:12px;font-weight:900;color:var(--walnut);text-decoration:underline;text-underline-offset:3px;margin-top:auto;padding-top:14px}.featured-tail{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.compact-stack{display:grid;gap:12px}.compact-product{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 12px 24px rgba(61,43,31,.06);display:grid;grid-template-columns:64px 1fr;grid-template-areas:"thumb title" "thumb action";gap:8px 10px;align-items:center}.compact-product img{grid-area:thumb;width:64px;height:64px;border-radius:12px;object-fit:cover;background:#f7f3ee}.compact-product strong{grid-area:title;display:block;font-size:13px;line-height:1.15;color:var(--walnut)}.compact-product span{display:none}.compact-product em{grid-area:action;display:inline-block;font-style:normal;font-size:12px;font-weight:900;color:var(--walnut);text-decoration:underline;text-underline-offset:3px;align-self:end}.tail-main{height:100%}

/* Factory */
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-grid div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;text-align:center}.stats-grid strong{display:block;font-size:21px;line-height:1;color:var(--walnut);letter-spacing:-.03em}.stats-grid span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.gallery-block{margin-top:14px}.gallery-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.gallery-head h3{font-size:16px;margin:0;color:var(--walnut)}.gallery-head a{font-size:12px;font-weight:900;text-decoration:underline;text-underline-offset:3px}.gallery-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px}.gallery-tabs::-webkit-scrollbar{display:none}.gallery-tabs button{flex:0 0 auto;border:1px solid var(--line);background:#fff;color:var(--walnut);border-radius:999px;padding:8px 13px;font-weight:850;font-size:12px}.gallery-tabs button.is-active{background:var(--walnut);color:#fff}.gallery-track{display:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.gallery-track::-webkit-scrollbar{display:none}.gallery-track.is-active{display:flex}.gallery-track img{flex:0 0 86%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;border:1px solid var(--line);scroll-snap-align:start;background:#fff}.slider-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:10px;flex-wrap:wrap}.slider-dots button{appearance:none;border:0;padding:0;width:6px;height:6px;border-radius:999px;background:rgba(61,43,31,.22);transition:width .2s ease,background-color .2s ease;cursor:pointer}.slider-dots button.is-active{width:18px;background:var(--walnut)}

/* OEM full bleed style */
.oem-flow{margin-left:-14px;margin-right:-14px;padding:24px 14px;background:#efe7dc;border-top:1px solid rgba(61,43,31,.08);border-bottom:1px solid rgba(61,43,31,.08)}.oem-flow h2{font-size:25px;line-height:1.08;letter-spacing:-.04em;margin:0 0 14px;color:var(--walnut)}.oem-flow img{display:block;width:calc(100% + 28px);max-width:none;margin-left:-14px;margin-right:-14px;aspect-ratio:1600/900;object-fit:cover;border-radius:0;border-top:1px solid rgba(61,43,31,.10);border-bottom:1px solid rgba(61,43,31,.10);border-left:0;border-right:0;box-shadow:none;margin-bottom:14px}

/* Certifications */
.cert-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin-bottom:12px;padding-bottom:2px}.cert-row::-webkit-scrollbar{display:none}.cert-row button{flex:0 0 122px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px;box-shadow:0 9px 20px rgba(61,43,31,.05);scroll-snap-align:start}.cert-row img{width:100%;height:126px;object-fit:contain}.cert-row span{display:block;margin-top:6px;font-size:12px;font-weight:850;color:var(--walnut)}

/* Cost saving */
.cost-saving{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.saving-list{display:grid;gap:10px;margin-bottom:14px}.saving-list article{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:13px}.saving-list strong{font-size:14px;color:var(--walnut);display:block;margin-bottom:4px}.saving-list span{font-size:12px;color:var(--muted);line-height:1.4}

/* Customer proof */
.testimonial-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 8px}.testimonial-row::-webkit-scrollbar{display:none}.proof-card{flex:0 0 86%;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px 22px;box-shadow:0 14px 34px rgba(61,43,31,.08);min-height:268px;display:flex;flex-direction:column;justify-content:space-between}.proof-card .stars{font-size:17px;letter-spacing:.16em;color:#f4b400;line-height:1;margin-bottom:22px}.proof-card p{margin:0;color:#5f5750;font-size:17px;line-height:1.56;font-weight:650;letter-spacing:-.02em}.proof-author{display:flex;align-items:center;gap:16px;margin-top:24px}.proof-author img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 12px 28px rgba(61,43,31,.13);flex:0 0 auto}.proof-author strong{display:block;font-size:22px;line-height:1.1;color:#1f120b;font-weight:950;letter-spacing:-.04em}.proof-subtitle{font-size:17px;margin:18px 0 10px;color:var(--walnut)}.customer-showcase-row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.customer-showcase-row::-webkit-scrollbar{display:none}.customer-showcase-row img{flex:0 0 78%;border-radius:16px;border:1px solid var(--line);background:#fff;aspect-ratio:16/10;object-fit:cover;scroll-snap-align:start}

/* Final CTA */
.final-cta{background:var(--walnut);color:#fff;border-radius:var(--radius);padding:22px;margin-bottom:22px}.final-cta h2{font-size:24px;line-height:1.08;letter-spacing:-.04em;margin:0 0 10px}.final-cta p{font-size:14px;color:rgba(255,255,255,.76);margin:0 0 16px}.final-cta .eyebrow{color:#d8b285}

/* Bottom nav */
.bottom-tab{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:70;width:min(100%,900px);height:70px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.22fr 1fr 1fr;padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -12px 34px rgba(61,43,31,.10)}.bottom-tab button,.bottom-tab a{border:0;background:transparent;border-radius:16px;color:var(--walnut);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:0}.bottom-tab span{font-size:19px;line-height:1}.bottom-tab em{font-style:normal;font-size:11px;font-weight:850}.bottom-tab .tab-cta{background:var(--walnut);color:#fff;border-radius:18px;margin:-10px 2px 0;box-shadow:0 12px 22px rgba(61,43,31,.20)}.quick-stack{position:fixed;right:max(10px,calc((100vw - min(100vw,900px))/2 + 12px));bottom:84px;z-index:65;display:flex;flex-direction:column;gap:8px}.quick-stack a,.quick-stack button{width:40px;height:40px;border:0;border-radius:50%;background:var(--walnut);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px rgba(61,43,31,.18)}.quick-stack svg{width:20px;height:20px}.to-top{font-size:20px;opacity:0;pointer-events:none;transition:.18s}.to-top.is-visible{opacity:1;pointer-events:auto}

/* Sheets */
.sheet-backdrop{position:fixed;inset:0;background:rgba(35,25,18,.34);z-index:80;opacity:0;pointer-events:none;transition:.2s}.sheet-backdrop.is-open{opacity:1;pointer-events:auto}.bottom-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,110%);z-index:90;width:min(100%,540px);max-height:82vh;overflow:auto;background:#fff;border-radius:28px 28px 0 0;padding:16px 14px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -24px 60px rgba(61,43,31,.20);transition:transform .24s ease}.bottom-sheet.is-open{transform:translate(-50%,0)}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sheet-head strong{font-size:16px}.sheet-head button{width:34px;height:34px;border:0;border-radius:50%;background:var(--cream);font-size:22px;color:var(--walnut)}.bottom-sheet a{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:12px;min-height:56px;border-bottom:1px solid rgba(61,43,31,.08);font-size:14px;font-weight:820;color:var(--walnut)}.bottom-sheet a:last-child{border-bottom:0}.bottom-sheet a img{width:36px;height:36px;border-radius:10px;object-fit:contain;background:var(--cream)}.bottom-sheet a i{width:36px;height:36px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;font-style:normal;color:var(--walnut)}.bottom-sheet a span{font-size:20px;color:var(--muted)}.lightbox{position:fixed;inset:0;z-index:120;background:rgba(35,25,18,.82);display:none;align-items:center;justify-content:center;padding:18px}.lightbox.is-open{display:flex}.lightbox img{max-width:100%;max-height:86vh;border-radius:16px;background:#fff}.lightbox button{position:absolute;right:18px;top:18px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:var(--walnut);font-size:24px}

@media (max-width:360px){.mobile-main{padding-left:10px;padding-right:10px}.featured-list,.featured-tail{gap:10px}.featured-card h3{font-size:14px}.quick-stack{right:10px}.bottom-tab em{font-size:10px}.hero-copy{max-width:78%;padding:22px 18px 0}.hero-copy h1{font-size:25px}.hero-img{width:78%;height:53%}}
@media (min-width:600px){.mobile-main{padding:18px 24px 104px}.hero-card{min-height:430px}.hero-copy{max-width:50%;padding:36px 30px 0}.hero-copy h1{font-size:34px}.hero-img{width:60%;height:76%;border-radius:28px 0 28px 0}.featured-list{grid-template-columns:repeat(4,1fr)}.featured-tail{grid-template-columns:2fr 2fr}.stats-grid{grid-template-columns:repeat(4,1fr)}.gallery-track img{flex-basis:48%}.customer-showcase-row img{flex-basis:42%}.proof-card{flex-basis:66%;min-height:300px}.oem-flow{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.oem-flow img{width:calc(100% + 48px);margin-left:-24px;margin-right:-24px;aspect-ratio:1600/760}.cost-saving .saving-list{grid-template-columns:1fr 1fr}}


/* Contact / Get Quote mobile page */
.contact-main{
  padding-top:12px;
}
.quote-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:18px 14px 14px;
}
.quote-title{
  text-align:center;
  margin-bottom:14px;
}
.quote-title h1{
  margin:0;
  color:var(--walnut);
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.04em;
}
.quote-title p{
  margin:6px 0 9px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.quote-badges{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.quote-badges span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  background:#f7f3ee;
  border:1px solid var(--line);
  color:var(--walnut);
  font-size:10px;
  font-weight:850;
}
.quote-form{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.quote-form label span{
  display:block;
  margin:0 0 5px;
  color:var(--walnut);
  font-size:11px;
  font-weight:900;
}
.quote-form label span em{
  color:#9f3d2b;
  font-style:normal;
}
.quote-form input,
.quote-form select,
.quote-form textarea{
  width:100%;
  min-height:42px;
  border:1px solid rgba(61,43,31,.16);
  border-radius:12px;
  background:#fff;
  color:var(--text);
  font:inherit;
  font-size:13px;
  padding:0 12px;
  outline:none;
}
.quote-form select{
  appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#3d2b1f 50%),linear-gradient(135deg,#3d2b1f 50%,transparent 50%);
  background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  padding-right:28px;
}
.quote-form textarea{
  min-height:82px;
  padding:11px 12px;
  resize:vertical;
}
.upload-box{
  min-height:70px;
  border:1px dashed rgba(61,43,31,.24);
  background:#fbfaf7;
  border-radius:14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  cursor:pointer;
}
.upload-box input{
  display:none;
}
.upload-box strong{
  color:var(--walnut);
  font-size:13px;
  line-height:1.2;
}
.upload-box small{
  margin-top:3px;
  color:var(--muted);
  font-size:10px;
  font-weight:700;
}
.quote-submit{
  min-height:46px;
  border:0;
  border-radius:13px;
  background:var(--walnut);
  color:#fff;
  font-weight:950;
  font-size:14px;
  letter-spacing:-.01em;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:0 12px 22px rgba(61,43,31,.18);
}
.quote-submit span{
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.quote-note{
  margin:0;
  text-align:center;
  color:var(--muted);
  font-size:11px;
  font-weight:750;
}
.contact-social,
.contact-faq{
  margin-top:12px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:var(--shadow);
  padding:14px;
}
.contact-social h2,
.contact-faq h2{
  margin:0 0 10px;
  color:var(--walnut);
  font-size:17px;
  line-height:1.1;
  letter-spacing:-.03em;
}
.social-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
}
.social-grid a{
  min-height:58px;
  border-radius:14px;
  background:#f7f3ee;
  border:1px solid var(--line);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
}
.social-grid span{
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff;
  color:var(--walnut);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:950;
  box-shadow:0 6px 12px rgba(61,43,31,.06);
}
.social-grid em{
  font-style:normal;
  color:var(--walnut);
  font-size:9px;
  font-weight:900;
}
.contact-faq details{
  border-top:1px solid var(--line);
}
.contact-faq details:first-of-type{
  border-top:0;
}
.contact-faq summary{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  color:var(--walnut);
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  list-style:none;
}
.contact-faq summary::-webkit-details-marker{
  display:none;
}
.contact-faq summary::after{
  content:"+";
  font-size:17px;
  font-weight:800;
}
.contact-faq details[open] summary::after{
  content:"−";
}
.contact-faq p{
  margin:0 0 12px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}

@media (min-width:600px){
  .contact-main{
    padding-top:18px;
  }
  .quote-panel{
    padding:24px;
  }
  .quote-title h1{
    font-size:32px;
  }
  .quote-form input,
  .quote-form select{
    min-height:48px;
  }
}


/* Contact V2 compact full-width layout */
.contact-main{
  padding:0 0 96px !important;
}
.quote-panel{
  margin:0 !important;
  padding:16px 14px 12px !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#f7f3ee !important;
}
.quote-title{
  margin-bottom:10px !important;
}
.quote-title h1{
  font-size:24px !important;
}
.quote-title p{
  margin:4px 0 0 !important;
  font-size:11px !important;
}
.quote-badges{
  display:none !important;
}
.quote-form{
  gap:8px !important;
}
.form-grid{
  gap:8px !important;
}
.quote-form label span{
  margin-bottom:4px !important;
  font-size:10.5px !important;
}
.quote-form label span small{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
}
.quote-form input,
.quote-form select{
  min-height:38px !important;
  border-radius:11px !important;
  font-size:12px !important;
  padding-left:11px !important;
  padding-right:25px !important;
}
.quote-form select{
  background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px !important;
}
.quote-form textarea{
  min-height:62px !important;
  border-radius:11px !important;
  font-size:12px !important;
  padding:9px 11px !important;
}
.upload-box{
  min-height:54px !important;
  border-radius:12px !important;
  background:#fff !important;
}
.upload-box strong{
  font-size:12px !important;
}
.upload-box small{
  font-size:9.5px !important;
}
.quote-submit{
  min-height:42px !important;
  border-radius:12px !important;
  font-size:13px !important;
}
.quote-submit span{
  width:22px !important;
  height:22px !important;
}
.quote-note{
  font-size:10px !important;
}
.contact-social,
.contact-faq{
  margin:0 !important;
  padding:12px 14px !important;
  border-left:0 !important;
  border-right:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#fff !important;
}
.contact-social h2,
.contact-faq h2{
  font-size:16px !important;
  margin-bottom:8px !important;
}
.social-grid{
  grid-template-columns:repeat(4,1fr) !important;
  gap:8px !important;
}
.social-grid a{
  min-height:52px !important;
  border-radius:14px !important;
  background:#f7f3ee !important;
}
.social-grid span{
  width:26px !important;
  height:26px !important;
}
.social-grid em{
  font-size:9px !important;
}
.contact-faq summary{
  min-height:38px !important;
  font-size:11.5px !important;
}
.contact-faq p{
  font-size:11.5px !important;
  margin-bottom:10px !important;
}
@media (min-width:600px){
  .contact-main{
    padding-top:0 !important;
  }
  .quote-panel{
    padding:20px 24px 14px !important;
  }
  .contact-social,
  .contact-faq{
    padding-left:24px !important;
    padding-right:24px !important;
  }
}


/* Products mobile category page */
.products-header{
  display:grid !important;
  grid-template-columns:44px 1fr 44px;
  gap:8px;
}
.products-header .mobile-logo{
  justify-content:center;
}
.products-header .mobile-logo img{
  height:34px;
}
.search-btn svg{
  width:21px;
  height:21px;
}
.products-main{
  padding:0 14px 98px !important;
}
.product-tabs{
  position:sticky;
  top:64px;
  z-index:50;
  display:flex;
  gap:24px;
  overflow-x:auto;
  scrollbar-width:none;
  background:rgba(247,243,238,.96);
  border-bottom:1px solid var(--line);
  margin:0 -14px;
  padding:13px 14px 0;
  backdrop-filter:blur(12px);
}
.product-tabs::-webkit-scrollbar{
  display:none;
}
.product-tabs a{
  position:relative;
  flex:0 0 auto;
  padding:0 0 12px;
  color:#6f6259;
  font-size:13px;
  font-weight:800;
}
.product-tabs a.is-active{
  color:var(--walnut);
}
.product-tabs a.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  border-radius:99px;
  background:var(--walnut);
}
.product-category-hero{
  padding:20px 0 14px;
}
.product-category-hero h1{
  margin:0;
  color:var(--walnut);
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.product-category-hero p{
  margin:8px 0 14px;
  color:#5f5750;
  max-width:310px;
  font-size:13px;
  line-height:1.55;
  font-weight:650;
}
.product-filter-pills{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
}
.product-filter-pills::-webkit-scrollbar{
  display:none;
}
.product-filter-pills button{
  flex:0 0 auto;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--walnut);
  font-size:12px;
  font-weight:850;
}
.product-filter-pills button.is-active{
  background:var(--walnut);
  color:#fff;
  border-color:var(--walnut);
}
.products-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.product-card{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 24px rgba(61,43,31,.06);
  cursor:pointer;
}
.product-card .fav{
  position:absolute;
  top:9px;
  right:9px;
  z-index:2;
  width:26px;
  height:26px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  color:var(--walnut);
  font-size:18px;
  line-height:1;
}
.product-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  background:#fbfaf7;
  padding:10px;
}
.product-card-body{
  padding:10px 10px 12px;
}
.product-card h3{
  margin:0 0 7px;
  color:var(--walnut);
  font-size:13px;
  line-height:1.18;
  letter-spacing:-.02em;
}
.product-card ul{
  margin:0;
  padding:0;
  list-style:none;
}
.product-card li{
  color:#5f5750;
  font-size:10.5px;
  line-height:1.45;
  font-weight:650;
}
.product-card strong{
  display:block;
  margin-top:8px;
  color:var(--walnut);
  font-size:11px;
  font-weight:950;
}
.product-drawer-backdrop{
  position:fixed;
  inset:0;
  z-index:110;
  background:rgba(21,15,10,.42);
  opacity:0;
  visibility:hidden;
  transition:.2s ease;
}
.product-drawer-backdrop.is-open{
  opacity:1;
  visibility:visible;
}
.product-drawer{
  position:fixed;
  left:50%;
  bottom:0;
  z-index:111;
  width:min(100%,390px);
  max-height:88vh;
  transform:translate(-50%,105%);
  background:#fff;
  border-radius:22px 22px 0 0;
  box-shadow:0 -22px 50px rgba(61,43,31,.25);
  padding:16px 14px calc(16px + env(safe-area-inset-bottom));
  transition:.25s ease;
  overflow-y:auto;
}
.product-drawer.is-open{
  transform:translate(-50%,0);
}
.product-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px;
}
.product-drawer-head strong{
  color:var(--walnut);
  font-size:18px;
  line-height:1.1;
}
.product-drawer-head button{
  width:34px;
  height:34px;
  border:0;
  background:#fff;
  color:var(--walnut);
  font-size:26px;
  line-height:1;
}
.drawer-media{
  display:grid;
  grid-template-columns:1fr 60px;
  gap:10px;
}
.drawer-main-img{
  width:100%;
  aspect-ratio:1/1;
  border-radius:14px;
  border:1px solid var(--line);
  object-fit:contain;
  background:#fbfaf7;
  padding:10px;
}
.drawer-thumbs{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.drawer-thumbs button{
  border:1px solid var(--line);
  border-radius:11px;
  padding:0;
  overflow:hidden;
  background:#fbfaf7;
}
.drawer-thumbs button.is-active{
  border-color:var(--walnut);
}
.drawer-thumbs img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  padding:4px;
}
.drawer-icons{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  padding:14px 0 10px;
}
.drawer-icons div{
  text-align:center;
}
.drawer-icons span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin:0 auto 5px;
  color:var(--walnut);
  font-weight:900;
}
.drawer-icons strong{
  color:var(--walnut);
  font-size:9.5px;
  line-height:1.15;
}
.drawer-specs{
  margin:0;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  row-gap:9px;
  column-gap:12px;
  padding:10px 0 15px;
}
.drawer-specs dt{
  color:#6f6259;
  font-size:11px;
  font-weight:850;
}
.drawer-specs dd{
  margin:0;
  color:var(--walnut);
  font-size:11px;
  font-weight:850;
  text-align:right;
}
.drawer-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  position:sticky;
  bottom:0;
  background:#fff;
  padding-top:8px;
}
.drawer-btn{
  min-height:44px;
  border-radius:10px;
  border:1px solid var(--walnut);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:950;
}
.drawer-btn.light{
  background:#fff;
  color:var(--walnut);
}
.drawer-btn.dark{
  background:var(--walnut);
  color:#fff;
}
@media (min-width:768px) and (max-width:900px){
  .products-main{
    max-width:760px;
    margin:0 auto;
  }
  .products-grid{
    grid-template-columns:repeat(3,1fr);
    gap:14px;
  }
  .product-drawer{
    width:min(720px,92vw);
    border-radius:24px;
    bottom:28px;
  }
  .drawer-media{
    grid-template-columns:1fr 74px;
  }
}
@media (min-width:901px){
  .product-drawer,
  .product-drawer-backdrop{
    display:none !important;
  }
}


/* Products V2 cleanup */
.products-header,
.products-header .mobile-logo,
.products-header .search-btn{
  all:unset;
}
.product-filter-pills{
  display:none !important;
}
.product-category-hero{
  padding:18px 0 12px !important;
}
.product-category-hero p{
  margin-bottom:0 !important;
}
.product-card .fav{
  display:none !important;
}
.product-card img{
  aspect-ratio:1/1 !important;
  object-fit:contain !important;
  padding:8px !important;
}
.product-card-body{
  padding:9px 10px 11px !important;
}
.product-card h3{
  margin-bottom:8px !important;
}
.product-card ul{
  display:none !important;
}
.product-meta{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.product-meta span,
.product-meta strong{
  display:block;
  margin:0 !important;
  color:#5f5750;
  font-size:10.5px;
  line-height:1.35;
  font-weight:750;
}
.product-meta strong{
  color:var(--walnut);
  font-weight:950;
}


/* Products V3 bottom drawer refinement */
.product-drawer-backdrop{
  z-index:90 !important;
}
.product-drawer{
  z-index:120 !important;
  width:min(100%,390px) !important;
  max-height:88vh !important;
  border-radius:20px 20px 0 0 !important;
  padding:15px 14px calc(18px + env(safe-area-inset-bottom)) !important;
}
.product-drawer-head{
  margin-bottom:10px !important;
}
.product-drawer-head strong{
  font-size:17px !important;
  font-weight:950 !important;
}
.product-drawer-head button{
  font-size:25px !important;
}
.drawer-media{
  grid-template-columns:1fr 56px !important;
  gap:9px !important;
}
.drawer-main-img{
  aspect-ratio:1/1 !important;
  border-radius:12px !important;
  padding:8px !important;
}
.drawer-thumbs{
  gap:7px !important;
}
.drawer-thumbs button{
  border-radius:10px !important;
}
.drawer-thumbs img{
  padding:3px !important;
}
.drawer-icons{
  grid-template-columns:repeat(4,1fr) !important;
  gap:4px !important;
  padding:13px 0 9px !important;
  border-bottom:1px solid var(--line);
}
.drawer-icons span{
  width:27px !important;
  height:27px !important;
  margin-bottom:4px !important;
}
.drawer-icons strong{
  font-size:9px !important;
}
.drawer-specs{
  padding:12px 0 15px !important;
  row-gap:9px !important;
}
.drawer-specs dt,
.drawer-specs dd{
  font-size:11px !important;
}
.drawer-actions{
  position:sticky !important;
  bottom:0 !important;
  z-index:2 !important;
  background:#fff !important;
  padding-top:8px !important;
  grid-template-columns:1fr 1fr !important;
}
.drawer-btn{
  min-height:42px !important;
  border-radius:9px !important;
}
.bottom-tab{
  z-index:80 !important;
}
@media (min-width:768px) and (max-width:900px){
  .product-drawer{
    width:min(720px,92vw) !important;
    border-radius:24px !important;
    bottom:28px !important;
  }
}


/* Products category switching + certification badges */
.product-card{
  user-select:none;
}
.product-card-img-wrap,
.drawer-main-wrap{
  position:relative;
  background:#fbfaf7;
}
.product-card-img-wrap img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  padding:8px;
  background:#fbfaf7;
}
.cert-badges{
  position:absolute;
  right:7px;
  bottom:7px;
  display:flex;
  gap:3px;
  z-index:2;
}
.cert-badges span{
  min-width:22px;
  height:18px;
  padding:0 4px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(61,43,31,.14);
  color:var(--walnut);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:8px;
  font-weight:950;
  letter-spacing:-.02em;
  box-shadow:0 4px 10px rgba(61,43,31,.08);
}
.drawer-main-wrap .drawer-main-img{
  width:100%;
}
.drawer-main-wrap .cert-badges{
  right:9px;
  bottom:9px;
}
.drawer-main-wrap .cert-badges span{
  min-width:27px;
  height:21px;
  font-size:9px;
}
.product-card > img{
  display:none;
}
.product-meta span,
.product-meta strong{
  display:block;
}


/* OEM/ODM mobile page */
.oem-page-main{
  padding:0 0 96px !important;
}
.oem-hero-section{
  padding:22px 14px 16px;
  background:#f7f3ee;
}
.oem-hero-section h1{
  margin:0;
  color:var(--walnut);
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.05em;
}
.oem-hero-section p{
  margin:10px 0 0;
  color:#5f5750;
  font-size:13px;
  line-height:1.55;
  font-weight:650;
}
.oem-page-banner{
  margin:0;
  background:#efe7dc;
  border-top:1px solid rgba(61,43,31,.08);
  border-bottom:1px solid rgba(61,43,31,.08);
}
.oem-page-banner img{
  width:100%;
  max-width:none;
  aspect-ratio:1600/760;
  object-fit:contain;
  background:#efe7dc;
  border-radius:0;
}
.oem-module-section{
  padding:20px 14px 8px;
}
.oem-module-list{
  display:flex;
  flex-direction:column;
  gap:0;
  background:#fff;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.oem-module-item{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:14px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid var(--line);
}
.oem-module-item:last-child{
  border-bottom:0;
}
.oem-module-item img{
  width:86px;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:14px;
  border:1px solid var(--line);
  background:#f7f3ee;
}
.oem-module-item h3{
  margin:0 0 5px;
  color:var(--walnut);
  font-size:16px;
  line-height:1.12;
  letter-spacing:-.03em;
}
.oem-module-item p{
  margin:0;
  color:#5f5750;
  font-size:12px;
  line-height:1.45;
  font-weight:650;
}
.oem-page-cta{
  margin:18px 14px 0;
  padding:22px 16px;
  border-radius:24px;
  background:var(--walnut);
  color:#fff;
}
.oem-page-cta .eyebrow{
  color:#e7dcc6;
}
.oem-page-cta h2{
  margin:0;
  color:#fff;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.oem-page-cta p{
  margin:10px 0 16px;
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.55;
  font-weight:650;
}
@media (min-width:768px) and (max-width:900px){
  .oem-hero-section,
  .oem-module-section{
    padding-left:24px;
    padding-right:24px;
  }
  .oem-hero-section h1{
    font-size:38px;
    max-width:640px;
  }
  .oem-hero-section p{
    max-width:680px;
  }
  .oem-module-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 24px;
    border:0;
    background:transparent;
  }
  .oem-module-item{
    grid-template-columns:96px 1fr;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    padding:12px;
    margin-bottom:14px;
  }
  .oem-module-item img{
    width:96px;
  }
  .oem-page-cta{
    margin-left:24px;
    margin-right:24px;
  }
}


/* About mobile page */
.about-page-main{padding:0 0 96px!important;background:#f7f3ee}
.about-snapshot{min-height:calc(100svh - 64px);padding:14px;display:flex;flex-direction:column;justify-content:flex-start}
.about-team-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;border:1px solid rgba(61,43,31,.10);box-shadow:0 18px 44px rgba(61,43,31,.10);background:#fff}
.about-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.about-stat-grid article{min-height:92px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px 12px;box-shadow:0 12px 26px rgba(61,43,31,.07)}
.about-stat-grid strong{display:block;color:var(--walnut);font-size:24px;line-height:1;letter-spacing:-.05em}
.about-stat-grid span{display:block;margin-top:8px;color:#6f6259;font-size:11px;line-height:1.25;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.about-section{padding:22px 14px}
.about-section-head{margin-bottom:14px}.about-section-head h1,.about-section-head h2{margin:0;color:var(--walnut);font-size:25px;line-height:1.08;letter-spacing:-.045em}
.about-factory-list{display:flex;flex-direction:column;gap:10px}
.about-factory-list article{min-height:118px;display:grid;grid-template-columns:1fr 43%;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:0 10px 24px rgba(61,43,31,.06)}
.about-factory-list div{display:flex;align-items:center;gap:10px}.about-factory-list i{width:36px;height:36px;border-radius:12px;background:#e7dcc6;color:var(--walnut);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:950}.about-factory-list strong{color:var(--walnut);font-size:15px;line-height:1.15}.about-factory-list img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.buyer-swipe{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -14px;padding:0 14px 4px}.buyer-swipe::-webkit-scrollbar{display:none}.buyer-swipe article{flex:0 0 76%;scroll-snap-align:start;min-height:172px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 10px 24px rgba(61,43,31,.06)}
.buyer-swipe i{width:40px;height:40px;border-radius:14px;background:#3d2b1f;color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:950;margin-bottom:15px}.buyer-swipe strong{display:block;color:var(--walnut);font-size:18px;line-height:1.12}.buyer-swipe p{margin:9px 0 0;color:#5f5750;font-size:13px;line-height:1.45;font-weight:650}
.saving-stack{display:flex;flex-direction:column;gap:10px}.saving-stack article{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 10px 24px rgba(61,43,31,.06)}.saving-stack i{width:52px;height:52px;border-radius:16px;background:#e7dcc6;color:var(--walnut);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:950}.saving-stack strong{color:var(--walnut);font-size:16px;line-height:1.15}.saving-stack p{margin:4px 0 0;color:#5f5750;font-size:12px;font-weight:650}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.proof-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:#fff}.about-more-btn{min-height:44px;margin-top:12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--walnut);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900}
.about-final-cta{margin:8px 14px 0;padding:24px 16px;border-radius:24px;background:var(--walnut);color:#fff}.about-final-cta h2{margin:0;color:#fff;font-size:26px;line-height:1.05;letter-spacing:-.045em}.about-final-cta p{margin:8px 0 16px;color:rgba(255,255,255,.76);font-size:13px;font-weight:650}.about-cta-buttons{display:grid;grid-template-columns:1fr;gap:9px}.about-cta-buttons a{min-height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:950}.about-cta-buttons a:first-child{background:#fff;color:var(--walnut)}.about-cta-buttons a:last-child{border:1px solid rgba(255,255,255,.28);color:#fff}.trust-icons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.trust-icons span{min-height:34px;border-radius:12px;background:rgba(255,255,255,.10);color:rgba(255,255,255,.86);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 8px;font-size:10px;font-weight:850}
@media (min-width:768px) and (max-width:900px){.about-snapshot,.about-section{padding-left:24px;padding-right:24px}.about-team-photo{aspect-ratio:16/9}.about-stat-grid{grid-template-columns:repeat(4,1fr)}.about-factory-list article{grid-template-columns:1fr 46%}.buyer-swipe{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.buyer-swipe article{flex-basis:44%}.proof-grid{grid-template-columns:repeat(4,1fr)}.about-final-cta{margin-left:24px;margin-right:24px}.about-cta-buttons{grid-template-columns:1fr 1fr}}


/* About V2 refinements */
.about-snapshot{
  min-height:auto !important;
  padding-bottom:18px !important;
}
.about-section{
  padding-top:20px !important;
  padding-bottom:20px !important;
}
.about-factory-list article{
  min-height:138px !important;
  grid-template-columns:32% 1fr !important;
  gap:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.about-factory-list article > div{
  height:100% !important;
  align-items:flex-start !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:8px !important;
  padding:14px 10px !important;
  background:#fffaf3 !important;
}
.about-factory-list i,
.buyer-swipe i,
.saving-stack i{
  color:var(--walnut) !important;
}
.about-factory-list i svg,
.buyer-swipe i svg,
.saving-stack i svg{
  width:22px;
  height:22px;
  display:block;
}
.about-factory-list i{
  width:42px !important;
  height:42px !important;
  border-radius:15px !important;
}
.about-factory-list strong{
  font-size:15px !important;
}
.about-factory-list span{
  color:#6f6259;
  font-size:11px;
  line-height:1.25;
  font-weight:750;
}
.about-factory-list img{
  height:100% !important;
  aspect-ratio:auto !important;
  min-height:138px !important;
  border-radius:0 !important;
  cursor:zoom-in;
}
.buyer-swipe i{
  background:#e7dcc6 !important;
}
.buyer-swipe i svg{
  width:23px;
  height:23px;
}
.saving-stack i{
  font-size:0 !important;
}
.saving-stack i svg{
  width:25px;
  height:25px;
}
.proof-grid img{
  cursor:zoom-in;
}
.about-more-btn{
  display:none !important;
}
@media (min-width:768px) and (max-width:900px){
  .about-factory-list article{
    grid-template-columns:30% 1fr !important;
    min-height:180px !important;
  }
  .about-factory-list img{
    min-height:180px !important;
  }
}


/* Global mobile nav update: English bottom nav + top-right hamburger menu */
.bottom-tab{
  grid-template-columns:repeat(5,1fr) !important;
}
.bottom-tab a,
.bottom-tab button{
  color:var(--walnut) !important;
}
.bottom-tab em{
  font-size:10px !important;
  line-height:1.1 !important;
}
.bottom-tab span{
  font-size:18px !important;
  line-height:1 !important;
}
#site-menu.bottom-sheet{
  left:auto !important;
  right:12px !important;
  bottom:auto !important;
  top:72px !important;
  width:min(300px,calc(100vw - 24px)) !important;
  max-height:calc(100svh - 96px) !important;
  transform:translateY(-8px) scale(.98) !important;
  border-radius:22px !important;
  padding:12px !important;
  box-shadow:0 24px 60px rgba(61,43,31,.22) !important;
  opacity:0 !important;
  visibility:hidden !important;
  overflow:auto !important;
}
#site-menu.bottom-sheet.is-open{
  transform:translateY(0) scale(1) !important;
  opacity:1 !important;
  visibility:visible !important;
}
#site-menu .sheet-head{
  padding:6px 4px 10px !important;
}
#site-menu a{
  min-height:46px !important;
  border-radius:14px !important;
  padding:0 10px !important;
}
#site-menu a:hover{
  background:#f7f3ee !important;
}


/* OEM/ODM V2 numbered sticky step layout */
.oem-page-main{padding:0 0 96px!important;background:#f7f3ee}.oem-hero-section{padding:22px 14px 16px!important}.oem-page-banner{margin:0!important;background:#efe7dc!important}.oem-page-banner img{width:100%!important;aspect-ratio:1600/760!important;object-fit:contain!important;border-radius:0!important;background:#efe7dc!important}.oem-step-nav-wrap{position:sticky;top:64px;z-index:55;background:rgba(247,243,238,.96);backdrop-filter:blur(14px);padding:14px;border-bottom:1px solid rgba(61,43,31,.10)}.oem-step-nav-title h2{margin:0 0 10px;color:var(--walnut);font-size:20px;line-height:1.1;letter-spacing:-.04em}.oem-step-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.oem-step-nav::-webkit-scrollbar{display:none}.oem-step-nav a{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--walnut);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;box-shadow:0 7px 18px rgba(61,43,31,.06)}.oem-step-nav a.is-active,.oem-step-nav a:hover{background:var(--walnut);color:#fff}.oem-step-current{min-height:22px;margin-top:8px;color:var(--camel);font-size:12px;line-height:1.2;font-weight:900;text-align:center}.oem-step-content{padding:18px 0 0}.oem-step-section{scroll-margin-top:178px;padding:0 0 26px;border-bottom:1px solid rgba(61,43,31,.08)}.oem-step-head{padding:0 14px 12px}.oem-step-index{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:#e7dcc6;color:var(--walnut);font-size:11px;font-weight:950;margin-bottom:8px}.oem-step-head h2{margin:0;color:var(--walnut);font-size:26px;line-height:1.05;letter-spacing:-.05em}.oem-step-head p{margin:7px 0 0;color:#5f5750;font-size:13px;line-height:1.45;font-weight:650}.oem-step-image{width:100%;aspect-ratio:1600/900;object-fit:cover;border-radius:0;background:#efe7dc;border-top:1px solid rgba(61,43,31,.08);border-bottom:1px solid rgba(61,43,31,.08)}.oem-step-tags{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 14px 0}.oem-step-tags span{flex:0 0 auto;min-height:30px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--walnut);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:850}.oem-module-section,.oem-module-list{display:none!important}@media (min-width:768px) and (max-width:900px){.oem-hero-section,.oem-step-nav-wrap,.oem-step-head{padding-left:24px!important;padding-right:24px!important}.oem-step-nav a{width:48px;height:48px}.oem-step-tags{padding-left:24px;padding-right:24px}.oem-step-image{aspect-ratio:1600/760}}


/* OEM/ODM V3 step nav fixes */
.oem-step-nav-wrap{
  padding:12px 12px 10px !important;
  top:64px !important;
}
.oem-step-nav-title h2{
  font-size:19px !important;
  margin-bottom:9px !important;
}
.oem-step-nav{
  justify-content:space-between !important;
  gap:4px !important;
  overflow:visible !important;
}
.oem-step-nav a{
  width:34px !important;
  height:34px !important;
  font-size:12px !important;
  box-shadow:0 5px 14px rgba(61,43,31,.05) !important;
  position:relative;
}
.oem-step-nav a::after{
  content:attr(data-step-label);
  position:absolute;
  left:50%;
  top:calc(100% + 8px);
  transform:translateX(-50%) translateY(-4px);
  min-width:max-content;
  max-width:190px;
  padding:7px 10px;
  border-radius:999px;
  background:var(--walnut);
  color:#fff;
  font-size:11px;
  line-height:1.1;
  font-weight:850;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  box-shadow:0 10px 24px rgba(61,43,31,.18);
  z-index:4;
}
.oem-step-nav a:hover::after,
.oem-step-nav a:focus::after,
.oem-step-nav a.is-active:active::after{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.oem-step-current,
.oem-step-index,
.oem-step-tags{
  display:none !important;
}
.oem-step-section{
  scroll-margin-top:138px !important;
  padding-bottom:22px !important;
}
.oem-step-head{
  padding:0 14px 10px !important;
}
.oem-step-head h2{
  font-size:26px !important;
}
.oem-step-subtitle{
  margin:10px 14px 0 !important;
  color:#5f5750;
  font-size:13px;
  line-height:1.45;
  font-weight:650;
}
@media (max-width:374px){
  .oem-step-nav-wrap{
    padding-left:8px !important;
    padding-right:8px !important;
  }
  .oem-step-nav a{
    width:30px !important;
    height:30px !important;
    font-size:11px !important;
  }
}
@media (min-width:430px){
  .oem-step-nav a{
    width:38px !important;
    height:38px !important;
    font-size:13px !important;
  }
}
@media (min-width:768px) and (max-width:900px){
  .oem-step-nav-wrap{
    padding-left:24px !important;
    padding-right:24px !important;
  }
  .oem-step-nav{
    justify-content:flex-start !important;
    gap:10px !important;
  }
  .oem-step-nav a{
    width:46px !important;
    height:46px !important;
    font-size:14px !important;
  }
  .oem-step-section{
    scroll-margin-top:158px !important;
  }
  .oem-step-subtitle{
    margin-left:24px !important;
    margin-right:24px !important;
  }
}


/* OEM/ODM V4 final nav and positioning fixes */
.oem-step-nav-wrap{
  top:64px !important;
  z-index:58 !important;
}
.oem-step-nav a::after{
  content:attr(data-step-label) !important;
  opacity:0 !important;
  visibility:hidden !important;
}
.oem-step-nav a:hover::after,
.oem-step-nav a:focus-visible::after{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateX(-50%) translateY(0) !important;
}
.oem-step-nav a.is-active::after,
.oem-step-nav a:active::after{
  opacity:0 !important;
  visibility:hidden !important;
}
.oem-step-section{
  scroll-margin-top:148px !important;
}
.oem-step-label{
  display:inline-flex !important;
  align-items:center;
  min-height:22px;
  padding:0 9px;
  border-radius:999px;
  background:#e7dcc6;
  color:var(--walnut);
  font-size:10px;
  font-weight:950;
  letter-spacing:.06em;
  margin-bottom:8px;
}
.oem-step-head{
  padding-top:0 !important;
}
.oem-step-head h2{
  margin-top:0 !important;
}
.oem-step-subtitle{
  margin-top:10px !important;
}
.sheet-backdrop{
  z-index:89 !important;
}
.sheet-backdrop.is-open{
  background:rgba(21,15,10,.22) !important;
}
.bottom-sheet{
  z-index:120 !important;
}
#site-menu.bottom-sheet{
  z-index:125 !important;
}
.bottom-tab{
  z-index:86 !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
}
.bottom-tab a,
.bottom-tab button{
  min-width:0 !important;
  overflow:hidden !important;
}
.bottom-tab em{
  white-space:nowrap !important;
}
.quick-stack{
  z-index:84 !important;
  right:12px !important;
  bottom:86px !important;
}
@media (max-width:374px){
  .bottom-tab em{
    font-size:9px !important;
  }
  .quick-stack{
    right:8px !important;
  }
}
@media (min-width:768px) and (max-width:900px){
  .oem-step-section{
    scroll-margin-top:168px !important;
  }
  .quick-stack{
    right:calc((100vw - 900px)/2 + 18px) !important;
  }
}




/* OEM/ODM FINAL exact sticky step behavior */
:root{
  --oem-header-h:64px;
  --oem-nav-h:118px;
}
.oem-page-main{
  padding:0 0 96px !important;
  background:#f7f3ee !important;
}
.oem-step-nav-wrap{
  position:fixed !important;
  left:50% !important;
  top:var(--oem-header-h) !important;
  width:min(100%,900px) !important;
  transform:translateX(-50%) translateY(-115%) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:78 !important;
  background:rgba(247,243,238,.98) !important;
  backdrop-filter:blur(14px) !important;
  padding:12px 12px 10px !important;
  border-bottom:1px solid rgba(61,43,31,.10) !important;
  transition:transform .18s ease, opacity .18s ease, visibility .18s ease !important;
}
body.show-oem-step-nav .oem-step-nav-wrap{
  transform:translateX(-50%) translateY(0) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
.oem-step-nav-title h2{
  margin:0 0 9px !important;
  color:var(--walnut) !important;
  font-size:18px !important;
  line-height:1.12 !important;
  letter-spacing:-.04em !important;
}
.oem-step-nav{
  display:flex !important;
  justify-content:space-between !important;
  gap:4px !important;
  overflow:visible !important;
  scrollbar-width:none !important;
}
.oem-step-nav a{
  position:relative !important;
  flex:0 0 auto !important;
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  color:var(--walnut) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
  font-weight:950 !important;
  box-shadow:0 5px 14px rgba(61,43,31,.05) !important;
}
.oem-step-nav a.is-active{
  background:var(--walnut) !important;
  color:#fff !important;
}
.oem-step-nav a::after{
  content:attr(data-step-label) !important;
  position:absolute !important;
  left:50% !important;
  top:calc(100% + 8px) !important;
  transform:translateX(-50%) translateY(-4px) !important;
  min-width:max-content !important;
  max-width:190px !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:var(--walnut) !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:850 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  box-shadow:0 10px 24px rgba(61,43,31,.18) !important;
  z-index:4 !important;
}
.oem-step-nav a:hover::after,
.oem-step-nav a:focus-visible::after{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateX(-50%) translateY(0) !important;
}
.oem-step-nav a.is-active::after,
.oem-step-nav a:active::after{
  opacity:0 !important;
  visibility:hidden !important;
}
.oem-step-current,
.oem-step-index,
.oem-step-tags{
  display:none !important;
}
.oem-step-content{
  padding-top:0 !important;
}
.oem-step-section{
  scroll-margin-top:calc(var(--oem-header-h) + var(--oem-nav-h)) !important;
  padding:0 0 26px !important;
  border-bottom:1px solid rgba(61,43,31,.08) !important;
}
.oem-step-head{
  padding:6px 14px 10px !important;
}
.oem-step-label{
  display:inline-flex !important;
  align-items:center !important;
  min-height:20px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  background:#e7dcc6 !important;
  color:var(--walnut) !important;
  font-size:10px !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
  margin:0 0 8px !important;
}
.oem-step-head h2{
  margin:0 !important;
  color:var(--walnut) !important;
  font-size:26px !important;
  line-height:1.05 !important;
  letter-spacing:-.05em !important;
}
.oem-step-image{
  width:100% !important;
  aspect-ratio:1600/900 !important;
  object-fit:cover !important;
  border-radius:0 !important;
  background:#efe7dc !important;
  border-top:1px solid rgba(61,43,31,.08) !important;
  border-bottom:1px solid rgba(61,43,31,.08) !important;
}
.oem-step-subtitle{
  margin:10px 14px 0 !important;
  color:#5f5750 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:650 !important;
}
.bottom-tab{
  position:fixed !important;
  left:50% !important;
  bottom:0 !important;
  width:min(100%,900px) !important;
  z-index:86 !important;
}
.quick-stack{
  position:fixed !important;
  right:max(12px,calc((100vw - 900px)/2 + 12px)) !important;
  bottom:88px !important;
  z-index:84 !important;
}
@media (max-width:374px){
  .oem-step-nav-wrap{
    padding-left:8px !important;
    padding-right:8px !important;
  }
  .oem-step-nav a{
    width:30px !important;
    height:30px !important;
    font-size:11px !important;
  }
}
@media (min-width:430px){
  .oem-step-nav a{
    width:38px !important;
    height:38px !important;
    font-size:13px !important;
  }
}
@media (min-width:768px) and (max-width:900px){
  :root{
    --oem-nav-h:126px;
  }
  .oem-step-nav-wrap,
  .oem-step-head{
    padding-left:24px !important;
    padding-right:24px !important;
  }
  .oem-step-nav{
    justify-content:flex-start !important;
    gap:10px !important;
  }
  .oem-step-nav a{
    width:46px !important;
    height:46px !important;
    font-size:14px !important;
  }
  .oem-step-image{
    aspect-ratio:1600/760 !important;
  }
  .oem-step-subtitle{
    margin-left:24px !important;
    margin-right:24px !important;
  }
}


/* OEM trigger correction: show nav earlier and protect STEP 1 */
body.show-oem-step-nav #oem-step-1{
  padding-top:calc(var(--oem-nav-h) + 8px) !important;
  margin-top:calc((var(--oem-nav-h) + 8px) * -1) !important;
}
body.show-oem-step-nav #oem-step-1 .oem-step-head{
  padding-top:10px !important;
}


/* Global icon and English cleanup */
.quick-stack{
  right:calc(max(0px,(100vw - 900px)/2) - 24px) !important;
  bottom:88px !important;
  gap:8px !important;
}
.quick-stack a,
.quick-stack button{
  width:58px !important;
  height:52px !important;
  border-radius:14px 0 0 14px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  transform:translateX(28px) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
  overflow:hidden !important;
}
.quick-stack a:hover,
.quick-stack button:hover,
.quick-stack a:focus-visible,
.quick-stack button:focus-visible{
  transform:translateX(0) !important;
}
.quick-stack svg{
  width:20px !important;
  height:20px !important;
  flex:0 0 auto !important;
}
.quick-stack em{
  display:block !important;
  color:#fff !important;
  font-style:normal !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}
.bottom-tab{
  grid-template-columns:repeat(5,1fr) !important;
  align-items:end !important;
}
.bottom-tab a,
.bottom-tab button{
  min-width:0 !important;
}
.bottom-tab span{
  width:22px !important;
  height:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto 4px !important;
  font-size:0 !important;
}
.bottom-tab span svg,
.bottom-tab span img{
  width:20px !important;
  height:20px !important;
  object-fit:contain !important;
  display:block !important;
}
.bottom-tab em{
  font-size:10px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}
.bottom-tab .tab-cta{
  min-height:66px !important;
  border-radius:20px 20px 0 0 !important;
  transform:translateY(-8px) !important;
}
.bottom-tab .tab-cta span{
  color:#fff !important;
}
.bottom-tab .tab-cta svg{
  color:#fff !important;
}
.sheet-head strong,
.bottom-sheet a,
.bottom-tab em,
.quick-stack em{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif !important;
}
@media(max-width:430px){
  .quick-stack{
    right:-26px !important;
  }
}
@media(min-width:901px){
  .quick-stack{
    right:calc((100vw - 900px)/2 - 24px) !important;
  }
}


/* Restore bottom nav visual style: V1 look + English labels/icons */
.bottom-tab{
  position:fixed !important;
  left:50% !important;
  bottom:0 !important;
  width:min(100%,900px) !important;
  height:76px !important;
  transform:translateX(-50%) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  z-index:86 !important;
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  align-items:end !important;
  padding:7px 8px calc(7px + env(safe-area-inset-bottom)) !important;
  background:rgba(255,255,255,.96) !important;
  border-top:1px solid rgba(61,43,31,.10) !important;
  box-shadow:0 -10px 28px rgba(61,43,31,.08) !important;
  backdrop-filter:blur(14px) !important;
}
.bottom-tab a,
.bottom-tab button{
  border:0 !important;
  background:transparent !important;
  color:var(--walnut) !important;
  min-width:0 !important;
  height:58px !important;
  padding:4px 2px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  font:inherit !important;
}
.bottom-tab span{
  width:22px !important;
  height:22px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:currentColor !important;
  font-size:0 !important;
}
.bottom-tab span svg,
.bottom-tab span img{
  width:20px !important;
  height:20px !important;
  display:block !important;
  object-fit:contain !important;
}
.bottom-tab em{
  display:block !important;
  font-style:normal !important;
  color:currentColor !important;
  font-size:10px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  letter-spacing:-.02em !important;
}
.bottom-tab .tab-cta{
  width:76px !important;
  height:76px !important;
  min-height:76px !important;
  border-radius:20px !important;
  background:var(--walnut) !important;
  color:#fff !important;
  justify-self:center !important;
  transform:translateY(-10px) !important;
  box-shadow:0 14px 30px rgba(61,43,31,.24) !important;
}
.bottom-tab .tab-cta span,
.bottom-tab .tab-cta em,
.bottom-tab .tab-cta svg{
  color:#fff !important;
}
@media(max-width:374px){
  .bottom-tab em{
    font-size:9px !important;
  }
  .bottom-tab .tab-cta{
    width:70px !important;
  }
}


/* Global fixed header: always visible, content starts below it */
.mobile-header{
  position:fixed !important;
  top:0 !important;
  left:50% !important;
  width:min(100%,900px) !important;
  height:64px !important;
  transform:translateX(-50%) !important;
  z-index:140 !important;
  margin:0 !important;
  border-radius:0 !important;
  background:rgba(247,243,238,.97) !important;
  backdrop-filter:blur(14px) !important;
  box-shadow:0 8px 22px rgba(61,43,31,.07) !important;
}
.app-shell{
  padding-top:64px !important;
}
.mobile-main{
  padding-top:14px !important;
}
.mobile-main > .hero-card.section{
  margin-top:0 !important;
}
.product-tabs{
  top:64px !important;
}
.oem-step-nav-wrap{
  top:64px !important;
}
#site-menu.bottom-sheet{
  top:72px !important;
}
@media (min-width:600px){
  .mobile-main{
    padding-top:18px !important;
  }
}


/* === Final mobile refinement patch === */
.mobile-header{position:fixed !important;top:0 !important;left:50% !important;transform:translateX(-50%) !important;width:min(100%,900px) !important;height:64px !important;z-index:140 !important;background:rgba(247,243,238,.97) !important;backdrop-filter:blur(14px);box-shadow:0 8px 22px rgba(61,43,31,.07) !important;}
.app-shell{padding-top:64px !important;overflow:visible !important;}
.mobile-main{padding-top:14px !important;}
.product-tabs,.oem-step-nav-wrap{top:64px !important;}
#site-menu.bottom-sheet{top:72px !important;}
body .mobile-main>.hero-card.section{margin-top:0 !important;}
.bottom-tab{position:fixed !important;left:50% !important;bottom:0 !important;width:min(100%,900px) !important;height:76px !important;transform:translateX(-50%) !important;z-index:86 !important;display:grid !important;grid-template-columns:repeat(5,1fr) !important;align-items:end !important;padding:7px 8px calc(7px + env(safe-area-inset-bottom)) !important;background:rgba(255,255,255,.96) !important;border-top:1px solid rgba(61,43,31,.10) !important;box-shadow:0 -10px 28px rgba(61,43,31,.08) !important;backdrop-filter:blur(14px) !important;}
.bottom-tab a,.bottom-tab button{border:0 !important;background:transparent !important;color:var(--walnut) !important;min-width:0 !important;height:58px !important;padding:4px 2px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:4px !important;font:inherit !important;position:relative !important;}
.bottom-tab span{width:22px !important;height:22px !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;color:currentColor !important;font-size:0 !important;}
.bottom-tab span svg,.bottom-tab span img{width:20px !important;height:20px !important;display:block !important;object-fit:contain !important;}
.bottom-tab em{display:block !important;font-style:normal !important;color:currentColor !important;font-size:10px !important;line-height:1.05 !important;font-weight:900 !important;white-space:nowrap !important;letter-spacing:-.02em !important;}
.bottom-tab .tab-cta{width:76px !important;height:76px !important;min-height:76px !important;border-radius:20px !important;background:var(--walnut) !important;color:#fff !important;justify-self:center !important;transform:translateY(-10px) !important;box-shadow:0 14px 30px rgba(61,43,31,.24) !important;}
.bottom-tab .tab-cta span,.bottom-tab .tab-cta em,.bottom-tab .tab-cta svg{color:#fff !important;}
.bottom-tab a.is-active:not(.tab-cta)::after,.bottom-tab button.is-active::after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;border-radius:50%;background:var(--walnut);transform:translateX(-50%);}
.bottom-tab .tab-cta.is-active{box-shadow:0 16px 34px rgba(61,43,31,.32),0 0 0 3px rgba(200,162,122,.26) !important;}
.quick-stack{position:fixed !important;right:max(-28px,calc((100vw - 900px)/2 - 28px)) !important;bottom:88px !important;z-index:84 !important;gap:8px !important;overflow:visible !important;transition:right .18s ease !important;}
.quick-stack:hover,.quick-stack:focus-within{right:max(0px,calc((100vw - 900px)/2 + 12px)) !important;}
.quick-stack a,.quick-stack button{width:58px !important;height:52px !important;border-radius:14px 0 0 14px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:3px !important;overflow:hidden !important;}
.quick-stack svg{width:20px !important;height:20px !important;flex:0 0 auto !important;}
.quick-stack em{display:block !important;color:#fff !important;font-style:normal !important;font-size:9px !important;line-height:1 !important;font-weight:900 !important;text-transform:uppercase !important;}
.social-icons-row{display:flex !important;align-items:center !important;justify-content:center !important;gap:18px !important;flex-wrap:wrap !important;}
.social-icons-row a{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;color:var(--walnut) !important;text-decoration:none !important;}
.social-icons-row svg{width:28px !important;height:28px !important;color:var(--walnut) !important;}
.social-icons-row span{font-size:10px !important;font-weight:850 !important;}
.contact-social{text-align:center !important;}
.contact-social h2{text-align:center !important;}
.factory-capacity .gallery-block{margin-top:0 !important;margin-bottom:14px !important;}
.factory-capacity .stats-grid{margin-top:14px !important;}
.cert-dots{margin-top:10px !important;text-align:center;}
.cert-dots button{width:6px;height:6px;border:0;border-radius:50%;background:rgba(61,43,31,.22);padding:0;margin:0 4px;display:inline-block;}
.cert-dots button.is-active{background:var(--walnut);width:18px;border-radius:999px;}
.about-video-cover{width:100% !important;border:0 !important;padding:0 !important;background:transparent !important;border-radius:22px !important;overflow:hidden !important;position:relative !important;display:block !important;box-shadow:0 18px 44px rgba(61,43,31,.10) !important;}
.about-video-cover img{width:100% !important;aspect-ratio:4/3 !important;object-fit:cover !important;display:block !important;border-radius:22px !important;}
.play-badge{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(61,43,31,.86);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 12px 30px rgba(61,43,31,.22);}
.about-team-photo{display:none !important;}
.about-stat-grid article{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;}
.about-factory-list article{cursor:pointer !important;}
.about-factory-list article img{width:42% !important;min-height:120px;object-fit:cover;}
.about-factory-list article div{flex:1;}
.about-social-module{margin:14px 14px 0 !important;padding:18px 14px !important;border-radius:22px !important;background:#fff !important;border:1px solid var(--line) !important;box-shadow:0 10px 24px rgba(61,43,31,.06) !important;text-align:center !important;}
.about-social-module h2{margin:0 !important;color:var(--walnut) !important;font-size:20px !important;line-height:1.1 !important;letter-spacing:-.03em !important;}
.about-social-module p{margin:4px auto 12px !important;color:#6f6259 !important;font-size:12px !important;font-weight:650 !important;}
.video-modal,.gallery-modal{position:fixed;inset:0;z-index:180;display:none;align-items:center;justify-content:center;background:rgba(21,15,10,.62);padding:20px;}
.video-modal.is-open,.gallery-modal.is-open{display:flex;}
.video-modal .video-frame{width:min(100%,760px);background:#000;border-radius:22px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.32);}
.video-modal video{width:100%;display:block;aspect-ratio:16/9;background:#000;}
.video-modal button,.gallery-modal button{position:absolute;border:0;background:#fff;color:var(--walnut);border-radius:50%;width:42px;height:42px;font-size:22px;}
.video-modal .video-close,.gallery-modal .gallery-close{top:18px;right:18px;}
.gallery-modal img{width:min(100%,760px);max-height:78vh;object-fit:contain;border-radius:22px;background:#fff;}
.gallery-modal .gallery-prev{left:18px;}
.gallery-modal .gallery-next{right:18px;}
@media (max-width:374px){.bottom-tab em{font-size:9px !important;}.bottom-tab .tab-cta{width:70px !important;}.quick-stack{right:-30px !important;}.quick-stack:hover,.quick-stack:focus-within{right:8px !important;}}
@media (min-width:901px){.quick-stack{right:calc((100vw - 900px)/2 - 28px) !important;}.quick-stack:hover,.quick-stack:focus-within{right:calc((100vw - 900px)/2 + 12px) !important;}}


/* === Patch: restore compact V1 bottom nav + fixed half-visible right quick buttons === */

/* Bottom navigation: restore old compact module feeling; only English labels/icons remain */
.bottom-tab{
  position:fixed !important;
  left:50% !important;
  bottom:0 !important;
  width:min(100%,900px) !important;
  height:72px !important;
  transform:translateX(-50%) !important;
  z-index:120 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr 82px 1fr 1fr !important;
  align-items:end !important;
  gap:0 !important;
  padding:6px 10px calc(6px + env(safe-area-inset-bottom)) !important;
  background:rgba(255,255,255,.97) !important;
  border-top:1px solid rgba(61,43,31,.10) !important;
  box-shadow:0 -8px 24px rgba(61,43,31,.08) !important;
  backdrop-filter:blur(14px) !important;
}

.bottom-tab a,
.bottom-tab button{
  min-width:0 !important;
  height:54px !important;
  padding:3px 0 4px !important;
  border:0 !important;
  background:transparent !important;
  color:var(--walnut) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  font:inherit !important;
  position:relative !important;
  box-shadow:none !important;
}

.bottom-tab span{
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:currentColor !important;
  font-size:0 !important;
}

.bottom-tab span svg,
.bottom-tab span img{
  width:18px !important;
  height:18px !important;
  display:block !important;
  object-fit:contain !important;
}

.bottom-tab em{
  display:block !important;
  font-style:normal !important;
  color:currentColor !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  letter-spacing:-.02em !important;
  text-align:center !important;
}

.bottom-tab .tab-cta{
  width:82px !important;
  height:68px !important;
  min-height:68px !important;
  border-radius:20px !important;
  background:var(--walnut) !important;
  color:#fff !important;
  justify-self:center !important;
  align-self:end !important;
  transform:translateY(-8px) !important;
  box-shadow:0 14px 28px rgba(61,43,31,.24) !important;
  gap:5px !important;
}

.bottom-tab .tab-cta span{
  width:22px !important;
  height:22px !important;
}

.bottom-tab .tab-cta span svg,
.bottom-tab .tab-cta span img{
  width:19px !important;
  height:19px !important;
}

.bottom-tab .tab-cta span,
.bottom-tab .tab-cta em,
.bottom-tab .tab-cta svg{
  color:#fff !important;
}

.bottom-tab a.is-active:not(.tab-cta)::after,
.bottom-tab button.is-active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:1px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--walnut);
  transform:translateX(-50%);
}

.bottom-tab .tab-cta.is-active{
  box-shadow:0 16px 32px rgba(61,43,31,.30), 0 0 0 3px rgba(200,162,122,.22) !important;
}

/* Right floating buttons: always visible, icon-only, half exposed by default, fully slides out on hover */
.quick-stack{
  position:fixed !important;
  right:calc(max(0px,(100vw - 900px)/2) - 25px) !important;
  bottom:96px !important;
  z-index:118 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  overflow:visible !important;
  transform:none !important;
  transition:right .18s ease !important;
}

.quick-stack:hover,
.quick-stack:focus-within{
  right:calc(max(0px,(100vw - 900px)/2) + 10px) !important;
}

.quick-stack a,
.quick-stack button{
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  min-height:50px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:14px 0 0 14px !important;
  background:var(--walnut) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 10px 24px rgba(61,43,31,.22) !important;
  overflow:hidden !important;
  transform:none !important;
}

.quick-stack a:nth-child(3),
.quick-stack button.to-top{
  background:rgba(61,43,31,.78) !important;
}

.quick-stack svg{
  width:21px !important;
  height:21px !important;
  display:block !important;
  color:#fff !important;
  flex:0 0 auto !important;
}

.quick-stack em{
  display:none !important;
}

@media(max-width:374px){
  .bottom-tab{
    grid-template-columns:1fr 1fr 76px 1fr 1fr !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }
  .bottom-tab em{
    font-size:9px !important;
  }
  .bottom-tab .tab-cta{
    width:76px !important;
  }
  .quick-stack{
    right:-26px !important;
  }
  .quick-stack:hover,
  .quick-stack:focus-within{
    right:8px !important;
  }
}

@media(min-width:901px){
  .quick-stack{
    right:calc((100vw - 900px)/2 - 25px) !important;
  }
  .quick-stack:hover,
  .quick-stack:focus-within{
    right:calc((100vw - 900px)/2 + 10px) !important;
  }
}


/* === Patch V3: bottom nav closer to approved V1 look + hover-only half-visible quick buttons === */
.bottom-tab{position:fixed !important;left:50% !important;bottom:0 !important;transform:translateX(-50%) !important;width:min(100%,900px) !important;height:74px !important;z-index:120 !important;display:grid !important;grid-template-columns:1fr 1fr 1.26fr 1fr 1fr !important;align-items:end !important;padding:7px 8px calc(7px + env(safe-area-inset-bottom)) !important;background:rgba(255,255,255,.97) !important;border-top:1px solid rgba(61,43,31,.10) !important;box-shadow:0 -10px 28px rgba(61,43,31,.09) !important;backdrop-filter:blur(14px) !important;}
.bottom-tab a,.bottom-tab button{border:0 !important;background:transparent !important;color:var(--walnut) !important;min-width:0 !important;height:56px !important;padding:2px 0 4px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:3px !important;font:inherit !important;position:relative !important;box-shadow:none !important;border-radius:0 !important;}
.bottom-tab span{width:22px !important;height:22px !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;color:currentColor !important;font-size:0 !important;}
.bottom-tab span svg,.bottom-tab span img{width:19px !important;height:19px !important;display:block !important;object-fit:contain !important;}
.bottom-tab em{display:block !important;font-style:normal !important;color:currentColor !important;font-size:10.5px !important;line-height:1.02 !important;font-weight:900 !important;white-space:nowrap !important;letter-spacing:-.02em !important;text-align:center !important;}
.bottom-tab .tab-cta{width:90px !important;height:62px !important;min-height:62px !important;border-radius:18px !important;background:var(--walnut) !important;color:#fff !important;justify-self:center !important;align-self:end !important;transform:translateY(-7px) !important;box-shadow:0 12px 24px rgba(61,43,31,.22) !important;gap:4px !important;}
.bottom-tab .tab-cta span{width:24px !important;height:24px !important;}
.bottom-tab .tab-cta span svg,.bottom-tab .tab-cta span img{width:20px !important;height:20px !important;}
.bottom-tab .tab-cta span,.bottom-tab .tab-cta em,.bottom-tab .tab-cta svg{color:#fff !important;}
.bottom-tab a.is-active:not(.tab-cta),.bottom-tab button.is-active{color:var(--walnut) !important;}
.bottom-tab a.is-active:not(.tab-cta)::after,.bottom-tab button.is-active::after{content:'';position:absolute;left:50%;bottom:0;width:4px;height:4px;border-radius:50%;background:var(--walnut);transform:translateX(-50%);} 
.bottom-tab .tab-cta.is-active{box-shadow:0 14px 28px rgba(61,43,31,.26),0 0 0 2px rgba(200,162,122,.18) !important;}

.app-shell,.mobile-main,.mobile-page{overflow:visible !important;}
.quick-stack{position:fixed !important;right:calc((100vw - min(100vw,900px))/2 - 24px) !important;bottom:96px !important;z-index:118 !important;display:flex !important;flex-direction:column !important;gap:8px !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;overflow:visible !important;transition:right .18s ease !important;}
.quick-stack:hover,.quick-stack:focus-within{right:calc((100vw - min(100vw,900px))/2 + 10px) !important;}
.quick-stack a,.quick-stack button{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;padding:0 !important;border:0 !important;border-radius:14px 0 0 14px !important;background:var(--walnut) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 10px 22px rgba(61,43,31,.22) !important;overflow:hidden !important;transform:none !important;}
.quick-stack button.to-top{background:rgba(61,43,31,.78) !important;opacity:1 !important;pointer-events:auto !important;}
.to-top,.to-top.is-visible{opacity:1 !important;pointer-events:auto !important;}
.quick-stack svg{width:20px !important;height:20px !important;display:block !important;color:#fff !important;flex:0 0 auto !important;}
.quick-stack em{display:none !important;}
@media (max-width:374px){.bottom-tab{grid-template-columns:1fr 1fr 82px 1fr 1fr !important;padding-left:6px !important;padding-right:6px !important;height:72px !important;}.bottom-tab em{font-size:9.6px !important;}.bottom-tab .tab-cta{width:82px !important;height:60px !important;}.quick-stack{right:-22px !important;}.quick-stack:hover,.quick-stack:focus-within{right:8px !important;}}
@media (min-width:901px){.quick-stack{right:calc((100vw - 900px)/2 - 24px) !important;}.quick-stack:hover,.quick-stack:focus-within{right:calc((100vw - 900px)/2 + 10px) !important;}}


/* === Patch V4: about media cards, workshop video cover, social icon style and spacing === */
.about-video-cover img{content:normal !important;width:100% !important;aspect-ratio:4/3 !important;object-fit:cover !important;object-position:center center !important;}
.about-factory-list{gap:12px !important;}
.about-factory-list article{display:grid !important;grid-template-columns:108px minmax(0,1fr) !important;align-items:stretch !important;gap:12px !important;padding:10px !important;min-height:132px !important;overflow:hidden !important;}
.about-factory-list article > div{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:8px !important;min-width:0 !important;}
.about-factory-list article img{width:100% !important;height:100% !important;min-height:112px !important;display:block !important;object-fit:cover !important;object-position:center center !important;border-radius:18px !important;justify-self:stretch !important;align-self:stretch !important;}
.about-factory-list strong{font-size:15px !important;line-height:1.08 !important;}
.about-factory-list span{font-size:11px !important;line-height:1.2 !important;color:#6f6259 !important;}
@media (min-width:768px) and (max-width:900px){.about-factory-list article{grid-template-columns:150px minmax(0,1fr) !important;min-height:160px !important;}.about-factory-list article img{min-height:140px !important;}}
.about-proof{padding-bottom:8px !important;}
.about-social-module{margin:10px 14px !important;padding:18px 14px !important;}
.about-social-module h2{margin:0 0 6px !important;}
.about-social-module p{margin:0 auto 12px !important;}
.about-final-cta{margin-top:10px !important;}
.contact-social{padding-top:12px !important;padding-bottom:12px !important;}
.social-icons-row.desktop-icon-style{display:flex !important;align-items:center !important;justify-content:center !important;gap:22px !important;flex-wrap:wrap !important;}
.social-icons-row.desktop-icon-style a{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;color:#6f4f35 !important;text-decoration:none !important;min-width:50px !important;}
.social-icons-row.desktop-icon-style a svg{display:block !important;width:24px !important;height:24px !important;color:#6f4f35 !important;overflow:visible !important;}
.social-icons-row.desktop-icon-style a.social-icon-facebook svg{width:23px !important;height:23px !important;}
.social-icons-row.desktop-icon-style a.social-icon-tiktok svg{width:24px !important;height:24px !important;}
.social-icons-row.desktop-icon-style a span{font-size:11px !important;font-weight:800 !important;line-height:1 !important;color:var(--walnut) !important;}


/* === Patch V5: contact button without arrow, contact social card matches about, about video cover uses team photo === */
.quote-submit{justify-content:center !important;gap:0 !important;}
.quote-submit span{display:none !important;}
.contact-social{margin:10px 14px 10px !important;padding:18px 14px !important;border-radius:22px !important;background:#fff !important;border:1px solid var(--line) !important;box-shadow:0 10px 24px rgba(61,43,31,.06) !important;text-align:center !important;}
.contact-social h2{margin:0 0 6px !important;color:var(--walnut) !important;font-size:20px !important;line-height:1.1 !important;letter-spacing:-.03em !important;text-align:center !important;}
.contact-social p{margin:0 auto 12px !important;color:#6f6259 !important;font-size:12px !important;font-weight:650 !important;max-width:300px !important;}
.contact-page .faq, .contact-page .faq-list, .contact-page .contact-faq{margin-top:10px !important;}
.about-video-cover img{content:normal !important;width:100% !important;aspect-ratio:4/3 !important;object-fit:cover !important;object-position:center center !important;}


/* === Patch V6: contact form required fields and social description spacing === */
.contact-social p{
  margin:0 auto 12px !important;
  color:#6f6259 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
  max-width:310px !important;
}


/* === Patch V7: remove sheet icons, enlarge bottom nav icons, OEM/ODM label === */
#site-menu a span,
#oem-sheet a span{display:none !important;}
#site-menu a,
#oem-sheet a{grid-template-columns:1fr auto !important;padding-left:16px !important;}
#site-menu a strong,
#oem-sheet a strong{margin-left:0 !important;}
#site-menu a small{margin-left:0 !important;}

.bottom-tab{grid-template-columns:1fr 1fr 1.42fr 1fr 1fr !important;}
.bottom-tab a,.bottom-tab button{height:58px !important;gap:4px !important;}
.bottom-tab span{width:26px !important;height:26px !important;}
.bottom-tab span svg,.bottom-tab span img{width:22px !important;height:22px !important;}
.bottom-tab em{font-size:10px !important;line-height:1.03 !important;}
.bottom-tab .tab-cta{width:96px !important;height:64px !important;min-height:64px !important;}
.bottom-tab .tab-cta span{width:26px !important;height:26px !important;}
.bottom-tab .tab-cta span svg,.bottom-tab .tab-cta span img{width:21px !important;height:21px !important;}
.bottom-tab [data-page="oem"] em{font-size:9px !important;letter-spacing:-.03em !important;}

@media (max-width:374px){
  .bottom-tab{grid-template-columns:1fr 1fr 86px 1fr 1fr !important;}
  .bottom-tab span{width:24px !important;height:24px !important;}
  .bottom-tab span svg,.bottom-tab span img{width:20px !important;height:20px !important;}
  .bottom-tab [data-page="oem"] em{font-size:8.4px !important;}
  .bottom-tab .tab-cta{width:86px !important;height:62px !important;}
}


/* === Patch V8: truly remove list icons, keep text left, one-line social description, restore product drawer CTA === */
#site-menu a i,
#site-menu a img,
#site-menu a span:first-child,
#oem-sheet a i,
#oem-sheet a img,
#oem-sheet a span:first-child{display:none !important;}

#site-menu a,
#oem-sheet a{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 18px !important;
  align-items:center !important;
  gap:12px !important;
  min-height:56px !important;
  padding:0 0 0 16px !important;
  text-align:left !important;
  justify-items:start !important;
}
#site-menu a span:last-child,
#oem-sheet a span:last-child{
  display:block !important;
  font-size:20px !important;
  color:var(--muted) !important;
  justify-self:end !important;
}

.contact-social p,
.about-social-module p{
  white-space:nowrap !important;
  max-width:none !important;
  width:auto !important;
  font-size:11.5px !important;
  letter-spacing:-.01em !important;
}
@media (max-width:374px){
  .contact-social p,
  .about-social-module p{font-size:10.5px !important;}
}

.drawer-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  position:sticky !important;
  bottom:0 !important;
  z-index:3 !important;
  background:#fff !important;
  padding-top:10px !important;
  margin-top:2px !important;
}
.drawer-btn{
  min-height:44px !important;
  border-radius:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.product-drawer{padding-bottom:calc(18px + env(safe-area-inset-bottom)) !important;}


/* Products certification rebuild from V8 baseline */
.product-card-img-wrap,
.drawer-main-wrap{
  position:relative;
}

.product-card-img-wrap .cert-badges,
.drawer-main-wrap .cert-badges{
  position:absolute;
  right:8px;
  bottom:8px;
  display:flex;
  align-items:flex-end;
  gap:6px;
  z-index:3;
}

.product-card-img-wrap .cert-badge,
.drawer-main-wrap .cert-badge{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:auto !important;
  min-width:0 !important;
  height:20px !important;
  padding:2px 6px !important;
  background:#fff !important;
  border:1px solid rgba(61,43,31,.14) !important;
  border-radius:7px !important;
  box-shadow:0 3px 8px rgba(61,43,31,.08) !important;
  overflow:hidden;
}

.product-card-img-wrap .cert-badge img,
.drawer-main-wrap .cert-badge img{
  display:block;
  width:auto;
  max-width:none;
  object-fit:contain;
}

.product-card-img-wrap .cert-fsc img{height:13px;}
.product-card-img-wrap .cert-ce img{height:10px;}
.product-card-img-wrap .cert-cpc img{height:10px;}

.drawer-main-wrap .cert-badges{
  right:10px;
  bottom:10px;
  gap:7px;
}
.drawer-main-wrap .cert-badge{
  height:24px !important;
  padding:3px 8px !important;
  border-radius:8px !important;
}
.drawer-main-wrap .cert-fsc img{height:15px;}
.drawer-main-wrap .cert-ce img{height:12px;}
.drawer-main-wrap .cert-cpc img{height:12px;}

.product-card-img-wrap .cert-badge em,
.drawer-main-wrap .cert-badge em{display:none !important;}

.product-drawer .drawer-icons{display:none !important;}

.product-drawer .drawer-actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:0 !important;
  position:static !important;
  background:transparent !important;
  padding-top:10px !important;
}
.product-drawer .drawer-actions .drawer-btn{
  width:100%;
  min-height:46px;
  border-radius:12px;
}
.product-drawer .drawer-actions .drawer-btn.light{display:none !important;}

/* Ensure product page only uses compact MOQ line without extra old badge overrides */
.product-card-body{padding:8px 10px 10px;}
.product-meta{gap:0;}
.product-meta strong{display:block; font-size:11px; line-height:1.2; color:var(--walnut);}

@media (min-width:768px) and (max-width:900px){
  .product-card-img-wrap .cert-badge{height:22px !important;}
  .product-card-img-wrap .cert-fsc img{height:14px;}
  .product-card-img-wrap .cert-ce img,
  .product-card-img-wrap .cert-cpc img{height:11px;}
}


/* === Patch V14: fix product-card cert logo visibility and enlarge CPC in drawer === */
/* Only the main product image should use the square product-image treatment */
.product-card-img-wrap > img{
  width:100% !important;
  aspect-ratio:1/1 !important;
  object-fit:contain !important;
  padding:8px !important;
  background:#fbfaf7 !important;
}
.drawer-main-wrap > img{
  display:block !important;
}
/* Reset badge logo images so they do NOT inherit product image sizing */
.product-card-img-wrap .cert-badge img,
.drawer-main-wrap .cert-badge img{
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  aspect-ratio:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
}
/* Card badges: make the real logos visible */
.product-card-img-wrap .cert-badge{
  height:20px !important;
  padding:2px 6px !important;
}
.product-card-img-wrap .cert-fsc img{height:12px !important;}
.product-card-img-wrap .cert-ce img{height:12px !important;}
.product-card-img-wrap .cert-cpc img{height:12px !important;}
/* Drawer badges: make CPC visually same size class as FSC/CE */
.drawer-main-wrap .cert-badge{
  height:24px !important;
  padding:3px 8px !important;
}
.drawer-main-wrap .cert-fsc img{height:15px !important;}
.drawer-main-wrap .cert-ce img{height:15px !important;}
.drawer-main-wrap .cert-cpc img{height:15px !important;}


/* === Patch V15: make FSC / CE / CPC same overall badge size, using FSC as reference === */
.product-card-img-wrap .cert-badges{gap:4px !important;}
.product-card-img-wrap .cert-badge{
  width:26px !important;
  min-width:26px !important;
  height:18px !important;
  padding:2px 4px !important;
  border-radius:6px !important;
}
.product-card-img-wrap .cert-fsc img,
.product-card-img-wrap .cert-ce img,
.product-card-img-wrap .cert-cpc img{
  max-width:18px !important;
  width:auto !important;
}
.product-card-img-wrap .cert-fsc img{height:10px !important;}
.product-card-img-wrap .cert-ce img{height:9px !important;}
.product-card-img-wrap .cert-cpc img{height:9px !important;}

.drawer-main-wrap .cert-badges{gap:5px !important;}
.drawer-main-wrap .cert-badge{
  width:34px !important;
  min-width:34px !important;
  height:22px !important;
  padding:3px 5px !important;
  border-radius:7px !important;
}
.drawer-main-wrap .cert-fsc img,
.drawer-main-wrap .cert-ce img,
.drawer-main-wrap .cert-cpc img{
  max-width:24px !important;
  width:auto !important;
}
.drawer-main-wrap .cert-fsc img{height:13px !important;}
.drawer-main-wrap .cert-ce img{height:11px !important;}
.drawer-main-wrap .cert-cpc img{height:11px !important;}


/* === Patch V16: OEM/ODM top banner true full-width mobile display === */
/* Scope: only the top OEM/ODM SERVICES banner area on oem-odm.html */
.oem-page-main .oem-hero-section{
  padding-bottom:0 !important;
}

.oem-page-main .oem-hero-banner{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:16px 0 28px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
}

.oem-page-main .oem-hero-banner img{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  aspect-ratio:1600 / 900 !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
}

.oem-page-main .oem-step-content{
  margin-top:0 !important;
}

.oem-page-main .oem-step-section:first-child{
  margin-top:0 !important;
}

@media (min-width:768px) and (max-width:900px){
  .oem-page-main .oem-hero-banner{
    margin-top:18px !important;
    margin-bottom:34px !important;
  }
}


/* === Patch V17: Home OEM/ODM Support module spacing only === */
/* Scope: Home page OEM/ODM Support module only. Do not affect OEM page. */
#oem-support.oem-flow{
  padding-top:24px !important;
  padding-bottom:24px !important;
  margin-bottom:20px !important;
}

#oem-support.oem-flow img{
  display:block !important;
  width:calc(100% + 28px) !important;
  max-width:none !important;
  height:auto !important;
  aspect-ratio:1600 / 900 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:14px -14px 16px !important;
  padding:0 !important;
  border-radius:0 !important;
}

#oem-support.oem-flow .btn,
#oem-support.oem-flow a.btn{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

#oem-support.oem-flow + .section{
  margin-top:20px !important;
}

@media (min-width:768px) and (max-width:900px){
  #oem-support.oem-flow{
    padding-bottom:26px !important;
  }
  #oem-support.oem-flow img{
    margin-top:16px !important;
    margin-bottom:18px !important;
  }
  #oem-support.oem-flow + .section{
    margin-top:22px !important;
  }
}


/* === Patch V18: Home OEM module compact final spacing === */
/* Scope: Home page #oem-support only. Stronger visual compression than V17. */
#oem-support.oem-flow{
  padding-top:24px !important;
  padding-bottom:12px !important;
  margin-bottom:12px !important;
}

#oem-support.oem-flow img{
  display:block !important;
  width:calc(100% + 28px) !important;
  max-width:none !important;
  height:auto !important;
  aspect-ratio:1600 / 900 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:14px -14px 10px !important;
  padding:0 !important;
  border-radius:0 !important;
}

#oem-support.oem-flow .btn,
#oem-support.oem-flow a.btn{
  min-height:40px !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

#oem-support.oem-flow + .section{
  margin-top:12px !important;
}

@media (min-width:768px) and (max-width:900px){
  #oem-support.oem-flow{
    padding-bottom:14px !important;
    margin-bottom:14px !important;
  }
  #oem-support.oem-flow img{
    margin-top:16px !important;
    margin-bottom:12px !important;
  }
  #oem-support.oem-flow + .section{
    margin-top:14px !important;
  }
}

/* KIVARO update: Home featured products after removing New Style. */
.featured-products .featured-list{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
}
.featured-products .featured-card{
  height:100% !important;
}
.featured-products .featured-card img{
  width:100% !important;
  aspect-ratio:4/3 !important;
  object-fit:cover !important;
}
.featured-products .featured-card div{
  min-height:92px !important;
}
.featured-products .featured-tail,
.featured-products .compact-stack{
  display:none !important;
}

/* Final OEM mobile: detailed B2B benefit copy below each process image. */
.oem-step-desc{
  margin:8px 14px 0 !important;
  color:#5f5750 !important;
  font-size:13px !important;
  line-height:1.62 !important;
  font-weight:520 !important;
}
.oem-step-subtitle strong{
  color:#3d2b1f !important;
  font-weight:850 !important;
}
@media (min-width:768px) and (max-width:900px){
  .oem-step-desc{margin-left:24px !important;margin-right:24px !important;font-size:14px !important;}
}
/* Temporarily hide LinkedIn while the company LinkedIn page is unavailable. */
a.social-icon-linkedin,
.social-icons-row a.social-icon-linkedin{
  display:none !important;
}

/* P0 conversion cleanup: bottom nav already provides persistent actions. */
.quick-stack{display:none !important;}
