/*
 * XXM neutral B2B visual theme
 * Warm white, charcoal and wood-tone accents. Loaded after all page styles.
 */
:root{
  --xxm-forest-950:#1b1b1a;
  --xxm-forest-900:#242423;
  --xxm-forest-800:#323230;
  --xxm-forest-700:#454542;
  --xxm-copper-600:#8c5b34;
  --xxm-copper-500:#b57542;
  --xxm-copper-400:#cc966b;
  --xxm-copper-100:#f3ebe3;
  --xxm-ink-900:#20201f;
  --xxm-ink-700:#555552;
  --xxm-ink-500:#777772;
  --xxm-sand-50:#faf9f7;
  --xxm-sand-100:#f1f0ed;
  --xxm-border:#deddd8;
  --xxm-success:#4f6f5a;
  --xxm-shadow-sm:0 1px 2px rgba(20,20,18,.04),0 8px 22px rgba(20,20,18,.05);
  --xxm-shadow-md:0 12px 32px rgba(20,20,18,.08);
  --xxm-shadow-lg:0 22px 60px rgba(20,20,18,.12);
  --xxm-radius-sm:6px;
  --xxm-radius-md:9px;
  --xxm-radius-lg:12px;
  --color-primary:#1b1b1a;
  --color-primary-dark:#111110;
  --color-primary-container:#323230;
  --color-on-primary:#fff;
  --color-on-primary-container:#e7e4df;
  --color-secondary:#b57542;
  --color-secondary-dark:#8c5b34;
  --color-secondary-container:#f3ebe3;
  --color-on-secondary-container:#5f3b20;
  --color-tertiary:#5f5f5b;
  --color-tertiary-container:#30302e;
  --color-background:#faf9f7;
  --color-surface-container-low:#f5f4f1;
  --color-surface-container:#efeeeb;
  --color-surface-container-high:#e9e8e4;
  --color-surface-variant:#e7e6e2;
  --color-on-surface:#20201f;
  --color-on-surface-variant:#555552;
  --color-on-background:#20201f;
  --color-outline:#777772;
  --color-outline-variant:#cfcec9;
  --color-success:#4f6f5a;
}

body{background:#faf9f7;color:var(--xxm-ink-900)}
h1,h2,h3,h4,.xxm-brand__name{color:var(--xxm-ink-900)}
.xxm-header{background:rgba(250,249,247,.96);border-bottom-color:rgba(32,32,31,.1)}
.xxm-brand__mark{background:transparent;overflow:visible}
.xxm-brand__mark img{display:block;width:48px;height:48px}
.btn{box-shadow:none}
.btn:hover{box-shadow:0 8px 20px rgba(20,20,18,.12)}
.btn-primary{background:#20201f;border-color:#20201f}
.btn-primary:hover{background:#090909;border-color:#090909}
.btn-cta{background:#b57542;border-color:#b57542}
.btn-cta:hover{background:#965f34;border-color:#965f34}
.btn-secondary{border-color:#30302e;color:#20201f}
.btn-secondary:hover{background:#20201f;border-color:#20201f;color:#fff}

.xxm-section--dark,.section--dark,.xxm-conversion,.xxm-catalog-hero,
.xxm-tier__summary,.xxm-tier__table thead th{background:#20201f}
.xxm-footer{background:#151514}
.xxm-footer h4{color:#c99266}
.xxm-footer__bottom{border-top-color:rgba(255,255,255,.12)}

.xxm-hero-v2{background:#1b1b1a}
.xxm-hero-v2:after{
  background:linear-gradient(90deg,rgba(20,20,19,.94) 0%,rgba(20,20,19,.72) 48%,rgba(20,20,19,.12) 100%),
             linear-gradient(0deg,rgba(20,20,19,.66),transparent 45%)
}
.xxm-category:after{background:linear-gradient(0deg,rgba(20,20,19,.82),transparent 70%)}
.xxm-service-hero,.xxm-service-hero--odm,.xxm-quality-hero{background:#1b1b1a}
.xxm-service-hero:after,.xxm-service-hero--odm:after,.xxm-quality-hero:after{
  background:linear-gradient(90deg,rgba(20,20,19,.94),rgba(20,20,19,.52) 68%,rgba(20,20,19,.12))
}
.xxm-seo-hero{background:linear-gradient(135deg,#20201f,#3a3936)}
.xxm-seo-brief{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07)}

.xxm-nav-menu--compact,
.xxm-nav-menu:not(.xxm-nav-menu--compact){background:#20201f!important;border-color:rgba(255,255,255,.14)!important}
.xxm-nav-menu--compact:before,
.xxm-nav-menu:not(.xxm-nav-menu--compact):before{background:#20201f!important;border-color:rgba(255,255,255,.14)!important}
.xxm-nav-menu a:hover>.material-symbols-outlined{background:#b57542!important}
.xxm-nav-chevron{background:#efeeeb}

.card-product,.xxm-price-card,.xxm-oem-builder,.xxm-quality-docs article,
.xxm-product-guidance article,.xxm-seo-process li,.xxm-seo-hubs a{
  border-color:#deddd8;background:#fff;box-shadow:none
}
.card-product:hover{box-shadow:0 12px 30px rgba(20,20,18,.08)}
.xxm-section--sand{background:#f1f0ed}
.xxm-bamboo-story,.xxm-section--bamboo{background:#f0ece6}
.xxm-custom-options article,.xxm-quality-steps article{background:#f5f4f1}
.xxm-stat-v2 strong,.xxm-pdp-fact strong,.xxm-tier-pill strong,
.xxm-application-grid a,.xxm-application-grid button,.xxm-capability-list strong{color:#20201f}
.xxm-tier-pill,.xxm-odm-result{background:#f1f0ed}
.entry-content th{background:#20201f}
.page-numbers.current,.page-numbers:hover{background:#20201f;border-color:#20201f}
.xxm-consent-modal,.xxm-rfq-drawer__backdrop{background:rgba(20,20,19,.66)}
.xxm-sticky-bar{box-shadow:0 -8px 28px rgba(20,20,18,.07)}

.xxm-decision-grid,.xxm-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.xxm-decision-grid article,.xxm-insight-grid article{background:#fff;border:1px solid #deddd8;border-radius:10px;padding:1.45rem;box-shadow:none}
.xxm-decision-grid .material-symbols-outlined{width:42px;height:42px;display:grid;place-items:center;background:#f3ebe3;color:#8c5b34;border-radius:8px;margin-bottom:1rem}
.xxm-decision-grid h3,.xxm-insight-grid h3{font-size:1.05rem;margin:.2rem 0 .55rem}
.xxm-decision-grid p,.xxm-insight-grid p{color:#66635f;font-size:.91rem;line-height:1.65}
.xxm-insight-grid>article>span{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#8c5b34}
.xxm-insight-grid a{color:#20201f;font-weight:650}
.xxm-insight-grid>article>a:last-child{display:inline-block;margin-top:1rem;color:#8c5b34;font-size:.86rem}
.xxm-inline-rfq{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.25rem;padding:1.15rem 1.3rem;border:1px solid #deddd8;border-radius:10px;background:#fff}
.xxm-inline-rfq div{display:grid;gap:.22rem}.xxm-inline-rfq span{color:#66635f;font-size:.88rem}
.xxm-rfq-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.xxm-rfq-checklist article{display:flex;gap:1rem;padding:1.2rem;border-top:1px solid #deddd8;background:#fff}
.xxm-rfq-checklist b{color:#b57542;font-size:.78rem;letter-spacing:.08em}
.xxm-rfq-checklist h3{font-size:1rem;margin:0 0 .35rem}.xxm-rfq-checklist p{color:#66635f;font-size:.9rem;line-height:1.6;margin:0}
.xxm-proof-hero{padding:clamp(5rem,9vw,8rem) 0;background:#20201f}.xxm-proof-hero h1{color:#fff;max-width:850px;margin:.75rem 0 1rem}.xxm-proof-hero p{color:rgba(255,255,255,.72);max-width:760px;font-size:1.08rem;line-height:1.7}
.xxm-proof-content{margin-top:3rem;padding-top:2rem;border-top:1px solid #deddd8}
.xxm-case-framework{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #deddd8;border-radius:10px;overflow:hidden;background:#fff}
.xxm-case-framework article{padding:1.4rem;border-right:1px solid #deddd8;border-bottom:1px solid #deddd8}.xxm-case-framework article:nth-child(3n){border-right:0}.xxm-case-framework article:nth-last-child(-n+3){border-bottom:0}
.xxm-case-framework h3{font-size:1rem;margin:0 0 .5rem}.xxm-case-framework p{font-size:.9rem;color:#66635f;line-height:1.6;margin:0}
.xxm-buyer-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #deddd8;border-radius:10px;overflow:hidden;background:#fff}
.xxm-buyer-data>div{padding:1.15rem 1.3rem;border-right:1px solid #deddd8;border-bottom:1px solid #deddd8}.xxm-buyer-data>div:nth-child(2n){border-right:0}
.xxm-buyer-data dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#8c5b34;font-weight:700;margin-bottom:.4rem}.xxm-buyer-data dd{margin:0;color:#343330;line-height:1.6}
.xxm-case-detail{display:grid;gap:0;margin-top:2.5rem;border-top:1px solid #deddd8}.xxm-case-detail section{display:grid;grid-template-columns:minmax(180px,.35fr) 1fr;gap:2rem;padding:1.6rem 0;border-bottom:1px solid #deddd8}.xxm-case-detail p{margin:0;color:#555552;line-height:1.75}
.xxm-verified-evidence,.xxm-case-list{margin-top:4rem}.xxm-insight-grid article>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px;margin-bottom:1rem}
.xxm-video-consent{max-width:980px;margin:auto}.xxm-video-consent>button,.xxm-video-consent>iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;overflow:hidden}.xxm-video-consent>button{position:relative;padding:0;background:#20201f;cursor:pointer}.xxm-video-consent>button img{width:100%;height:100%;object-fit:cover;opacity:.88}.xxm-video-consent__play{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:.5rem;transform:translate(-50%,-50%);padding:.85rem 1.15rem;border-radius:999px;background:#b57542;color:#fff;font-weight:700;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.24)}.xxm-video-consent__play .material-symbols-outlined{font-size:1.45rem}.xxm-video-consent>p{margin-top:.8rem;color:#777772;font-size:.78rem;text-align:center}.xxm-video-consent>p a{color:#8c5b34;text-decoration:underline}

@media(max-width:767px){
  .xxm-hero-v2:after{background:linear-gradient(0deg,rgba(20,20,19,.95),rgba(20,20,19,.28))}
  .xxm-decision-grid,.xxm-insight-grid,.xxm-rfq-checklist{grid-template-columns:1fr}
  .xxm-case-framework{grid-template-columns:1fr}.xxm-case-framework article{border-right:0;border-bottom:1px solid #deddd8!important}.xxm-case-framework article:last-child{border-bottom:0!important}
  .xxm-buyer-data{grid-template-columns:1fr}.xxm-buyer-data>div{border-right:0}.xxm-case-detail section{grid-template-columns:1fr;gap:.65rem}
  .xxm-inline-rfq{align-items:stretch;flex-direction:column}
  .xxm-inline-rfq .btn{width:100%}
}