/* B2B Pro Minimal — original B2B visual system inspired by premium product storytelling */

.b2b-container { width:min(calc(100% - 40px), var(--b2b-max)); margin-inline:auto; }
.b2b-site-content { overflow-x:clip; overflow-y:visible; }
.b2b-site-header { position:sticky; top:0; z-index:100; background:rgba(250,250,252,.82); backdrop-filter:saturate(180%) blur(20px); border-bottom:1px solid rgba(0,0,0,.05); }
.admin-bar .b2b-site-header { top:32px; }
.b2b-header-inner { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.b2b-brand { display:inline-flex; align-items:center; gap:10px; font-weight:750; letter-spacing:-.02em; }
.b2b-brand-mark { width:24px; height:24px; border-radius:8px; display:inline-block; background:linear-gradient(145deg,#111 0 48%,#777 49% 62%,#111 63%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); }
.b2b-brand-name { font-size:18px; }
.custom-logo-link { display:flex; align-items:center; }
.custom-logo { max-height:32px; width:auto; }
.b2b-nav-list { display:flex; align-items:center; gap:30px; list-style:none; margin:0; padding:0; font-size:13px; }
.b2b-nav-list a { color:#333336; transition:.2s ease; }
.b2b-nav-list a:hover { color:#000; }
 .b2b-nav-list li:last-child a { padding:8px 14px; background:var(--b2b-accent); color:#fff; border-radius:999px; }
.b2b-menu-toggle { display:none; width:40px; height:40px; border:0; background:transparent; position:relative; padding:0; }
.b2b-menu-toggle span:not(.screen-reader-text) { position:absolute; left:10px; width:20px; height:1.5px; background:#111; transition:.25s ease; }
.b2b-menu-toggle span:first-child { top:16px; }.b2b-menu-toggle span:nth-child(2){top:23px;}
.b2b-menu-toggle.is-open span:first-child{top:20px;transform:rotate(45deg)}.b2b-menu-toggle.is-open span:nth-child(2){top:20px;transform:rotate(-45deg)}



 .b2b-section-heading>span{ display:block; font-size:12px; line-height:1.2; font-weight:750; letter-spacing:.13em; color:#86868b; margin-bottom:18px; }



.b2b-btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 22px; border-radius:999px; border:0; font-size:15px; font-weight:600; cursor:pointer; transition:transform .2s ease, background .2s ease; }
.b2b-btn:hover { transform:translateY(-1px); }
.b2b-btn-primary { background:var(--b2b-accent); color:#fff; }
.b2b-btn-primary:hover { background:var(--b2b-accent-hover); color:#fff; }
.b2b-btn-block { width:100%; }
.b2b-link-arrow { color:var(--b2b-accent); font-size:16px; font-weight:550; }.b2b-link-arrow span{font-size:22px;vertical-align:-2px;}












.chip-a { left:2%; top:25%; }.chip-b{right:0;bottom:25%;}

.b2b-section { padding:116px 0; }
.b2b-section-heading { margin-bottom:48px; }
.b2b-section-heading h2 { font-size:clamp(40px,5.3vw,68px); line-height:1.04; letter-spacing:-.045em; margin:0; max-width:900px; }
.b2b-section-heading p { color:var(--b2b-muted); font-size:17px; margin:18px 0 0; }

.b2b-feature-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.b2b-feature-card { min-height:420px; background:#fff; border-radius:var(--b2b-radius); padding:42px; position:relative; overflow:hidden; box-shadow:0 1px 0 rgba(0,0,0,.02); }
.b2b-feature-card h3 { font-size:34px; line-height:1; letter-spacing:-.035em; margin:70px 0 14px; }
.b2b-feature-card p { color:var(--b2b-muted); font-size:17px; line-height:1.58; max-width:430px; margin:0; }
.b2b-feature-card strong { position:absolute; right:32px; bottom:12px; font-size:88px; letter-spacing:-.08em; opacity:.055; }
.b2b-icon { width:50px; height:50px; border-radius:50%; display:grid; place-items:center; background:#f0f0f2; font-size:25px; }
.b2b-card-dark { background:#111114; color:#fff; }
.b2b-card-dark p { color:#a1a1a6; }.b2b-card-dark .b2b-icon{background:#262629}.b2b-card-dark strong{opacity:.07}




.b2b-product-media { display:block; padding:20px 20px 0; }
.b2b-product-media img { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:18px; }
.b2b-product-placeholder { aspect-ratio:1/1; width:100%; border-radius:18px; display:grid; place-items:center; background:radial-gradient(circle at 70% 20%,#FCE8E8 0,#edf1f7 25%,#d7d9de 100%); position:relative; overflow:hidden; }
.b2b-product-placeholder:before { content:""; width:54%; height:62%; border-radius:22px; background:linear-gradient(145deg,#2b2c2f,#0d0e10); box-shadow:20px 28px 34px rgba(0,0,0,.22); transform:rotate(-10deg); }
.b2b-product-placeholder span { position:absolute; z-index:2; bottom:28px; left:28px; color:#fff; font-weight:750; letter-spacing:.12em; }
































.b2b-enquiry-form { display:flex; flex-direction:column; gap:16px; }
.b2b-field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.b2b-enquiry-form label { display:flex; flex-direction:column; gap:8px; font-size:13px; color:#4d4d51; font-weight:600; }
.b2b-enquiry-form input,.b2b-enquiry-form textarea { width:100%; border:1px solid #d8d8dc; background:#fafafa; color:#111; border-radius:14px; padding:14px 15px; outline:none; transition:.2s ease; }
.b2b-enquiry-form input:focus,.b2b-enquiry-form textarea:focus { border-color:#D76568; box-shadow:0 0 0 3px rgba(181,6,9,.11); background:#fff; }
.b2b-enquiry-form textarea { resize:vertical; min-height:130px; }
.b2b-enquiry-form>small { color:#8a8a8e; font-weight:400; line-height:1.5; }
.b2b-hp { position:absolute!important; left:-9999px!important; }
.b2b-form-success,.b2b-form-error{padding:13px 15px;border-radius:12px;font-size:14px}.b2b-form-success{background:#edf9ef;color:#1d6c2c}.b2b-form-error{background:#fff0f0;color:#a42727}

.b2b-site-footer { padding:56px 0 28px; background:#f5f5f7; color:#6e6e73; font-size:13px; }
.b2b-footer-brand{font-size:17px;font-weight:750;color:#1d1d1f;margin-bottom:8px}.b2b-footer-contact{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.b2b-footer-contact a{color:#1d1d1f}.b2b-footer-bottom{display:flex;justify-content:space-between;padding-top:24px;}

.b2b-page-shell { padding:80px 0 120px; min-height:70vh; }.b2b-content-card{background:#fff;border-radius:28px;padding:56px;}.b2b-content-card h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.045em}.b2b-content-card p{line-height:1.7;color:#4d4d51}
.b2b-product-detail { padding:80px 0 120px; }

.b2b-reveal { opacity:0; transform:translateY(24px); transition:opacity .72s cubic-bezier(.2,.65,.3,1),transform .72s cubic-bezier(.2,.65,.3,1); }.b2b-reveal.is-visible{opacity:1;transform:none}
.elementor-editor-active .b2b-reveal,.elementor-edit-area .b2b-reveal{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.b2b-reveal{opacity:1;transform:none;transition:none}}



@media (max-width: 760px) {
  .admin-bar .b2b-site-header{top:46px}.b2b-container{width:min(calc(100% - 28px),var(--b2b-max))}.b2b-site-header{background:rgba(250,250,252,.94)}.b2b-header-inner{min-height:56px}.b2b-menu-toggle{display:block}.b2b-primary-nav{display:none;position:absolute;left:0;right:0;top:56px;background:rgba(250,250,252,.98);border-top:1px solid rgba(0,0,0,.06);padding:14px 20px 24px}.b2b-primary-nav.is-open{display:block}.b2b-nav-list{flex-direction:column;align-items:stretch;gap:0}.b2b-nav-list li a{display:block;padding:13px 4px;font-size:16px}.b2b-nav-list li:last-child a{text-align:center;margin-top:8px;padding:11px 14px}.chip-a{left:0;top:18%}.chip-b{right:0;bottom:18%}.b2b-section{padding:78px 0}.b2b-section-heading{margin-bottom:32px}.b2b-section-heading h2{font-size:43px}.b2b-feature-grid{grid-template-columns:1fr}.b2b-feature-card{min-height:330px;padding:30px}.b2b-feature-card h3{margin-top:52px}.b2b-feature-card strong{font-size:66px}.b2b-field-row{grid-template-columns:1fr}.b2b-footer-bottom{flex-direction:column}.b2b-footer-contact{align-items:flex-start}.b2b-footer-bottom{gap:8px}.b2b-content-card{padding:28px;border-radius:22px}.b2b-page-shell,.b2b-product-detail{padding:54px 0 80px}
}



/* Elementor starter template helpers */
.b2b-el-hero{padding:120px 20px 90px!important;background:linear-gradient(180deg,#fff,#f5f5f7)}
.b2b-el-section{padding:90px 20px!important}



.b2b-el-hero .elementor-heading-title{letter-spacing:-.055em}.b2b-el-section .elementor-heading-title{letter-spacing:-.04em}

/* B2B Pro Global 1.1 — extended site system */
.b2b-header-inner{min-height:66px}.b2b-nav-list{gap:20px;font-size:12.5px}.b2b-nav-list .current-menu-item>a,.b2b-nav-list .current_page_item>a{color:#000;font-weight:650}


.b2b-page-hero{padding:112px 0 104px}.b2b-page-hero .b2b-container{max-width:1200px}.b2b-page-hero span,.b2b-detail-hero span,.b2b-generic-hero span,.b2b-cta-band span,.b2b-story-copy>span{display:block;font-size:12px;font-weight:750;letter-spacing:.13em;margin-bottom:18px;color:#86868b}.b2b-page-hero h1,.b2b-detail-hero h1,.b2b-generic-hero h1{font-size:clamp(54px,7vw,92px);line-height:.98;letter-spacing:-.055em;margin:0;max-width:1050px}.b2b-page-hero p,.b2b-detail-hero p,.b2b-generic-hero p{font-size:clamp(19px,2vw,25px);line-height:1.5;color:var(--b2b-muted);max-width:830px;margin:28px 0 0}.b2b-page-hero-light{background:linear-gradient(180deg,#fff,#f5f5f7)}.b2b-page-hero-dark{background:#0d0d0f;color:#fff}.b2b-page-hero-dark p{color:#a1a1a6}.b2b-page-hero-dark span{color:#8e8e93}
.b2b-generic-hero{padding:100px 0 42px;background:#fff}.b2b-narrow{max-width:880px!important}



.b2b-resource-copy>span{font-size:11px;letter-spacing:.13em;font-weight:750;color:#86868b}


.b2b-cta-band{border-radius:32px;background:#111114;color:#fff;padding:56px 62px;display:flex;align-items:center;justify-content:space-between;gap:50px}.b2b-cta-band h2{font-size:clamp(38px,4.5vw,60px);line-height:1.03;letter-spacing:-.05em;margin:0;max-width:820px}.b2b-cta-band p{color:#a1a1a6;font-size:17px;line-height:1.6;max-width:780px}.b2b-btn-light{background:#fff;color:#111;white-space:nowrap}.b2b-btn-light:hover{background:#f1f1f3;color:#111}



.b2b-solution-placeholder{width:100%;height:100%;min-height:420px;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#541719,#11151f 65%,#090a0c);color:#fff}.b2b-solution-placeholder span,.b2b-resource-placeholder span{font-size:12px;letter-spacing:.2em;font-weight:750;opacity:.75}.b2b-large-placeholder{min-height:520px;border-radius:26px}
.b2b-detail-hero{padding:90px 0;background:#0d0d0f;color:#fff}.b2b-detail-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.b2b-detail-hero-grid img{width:100%;border-radius:26px}.b2b-detail-hero .b2b-btn{margin-top:34px}.b2b-article-shell{padding:92px 0 110px}.b2b-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:80px;align-items:start}.b2b-article-content{background:#fff;border-radius:28px;padding:58px;font-size:17px;line-height:1.8}.b2b-article-content h2{font-size:42px;line-height:1.08;letter-spacing:-.04em}.b2b-article-content h3{font-size:27px;letter-spacing:-.03em;margin-top:40px}.b2b-article-content p,.b2b-article-content li{color:#414145}.b2b-article-content img{border-radius:18px}.b2b-article-aside{position:sticky;top:100px;background:#111114;color:#fff;border-radius:24px;padding:30px}.b2b-article-aside>span{font-size:11px;letter-spacing:.13em;color:#8e8e93;font-weight:750}.b2b-article-aside h3{font-size:29px;letter-spacing:-.04em;margin:36px 0 12px}.b2b-article-aside p{color:#a1a1a6;line-height:1.6}.b2b-article-aside .b2b-btn{margin-top:16px}

.b2b-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.b2b-resource-card{background:#fff;border-radius:25px;overflow:hidden}.b2b-resource-media{display:block}.b2b-resource-media img{width:100%;aspect-ratio:1.45/1;object-fit:cover}.b2b-resource-placeholder{aspect-ratio:1.45/1;display:grid;place-items:center;background:linear-gradient(145deg,#e8e9ec,#cacdd3)}.b2b-resource-copy{padding:30px}.b2b-resource-copy h2{font-size:28px;line-height:1.1;letter-spacing:-.035em;margin:14px 0 12px}.b2b-resource-copy p{color:var(--b2b-muted);line-height:1.6}.b2b-resource-article{padding:0;background:transparent;border-radius:0}.b2b-resource-article h2{font-size:44px}

.b2b-brand-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.b2b-story-copy h2{font-size:clamp(42px,5vw,66px);line-height:1.03;letter-spacing:-.05em;margin:0 0 24px}.b2b-story-copy p{font-size:17px;color:var(--b2b-muted);line-height:1.75}





.b2b-footer-main{display:grid;grid-template-columns:1.2fr .9fr .8fr;gap:70px;padding-bottom:38px;border-bottom:1px solid rgba(0,0,0,.1)}.b2b-footer-intro{max-width:500px}.b2b-footer-main h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#1d1d1f;margin:2px 0 16px}.b2b-footer-nav .menu,.b2b-footer-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}.b2b-footer-nav a{color:#454548}.b2b-footer-contact{align-items:flex-start}.b2b-footer-contact span{color:#6e6e73}

.nav-links{display:flex;gap:8px;justify-content:center;margin-top:48px}.nav-links .page-numbers{min-width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff}.nav-links .current{background:#111;color:#fff}

@media (max-width: 1180px){.b2b-nav-list{gap:13px;font-size:11.5px}.b2b-nav-list li:last-child a{padding:7px 11px}}
@media (max-width: 1024px){.b2b-detail-hero-grid,.b2b-brand-story-grid{grid-template-columns:1fr}.b2b-resource-grid{grid-template-columns:repeat(2,1fr)}.b2b-article-layout{grid-template-columns:1fr}.b2b-article-aside{position:relative;top:auto}.b2b-footer-main{grid-template-columns:1.2fr .8fr;gap:42px}.b2b-footer-contact{grid-column:1/-1}}
@media (max-width: 760px){.b2b-page-hero{padding:78px 0 72px}.b2b-page-hero h1,.b2b-detail-hero h1{font-size:50px}.b2b-page-hero p,.b2b-detail-hero p{font-size:18px}.b2b-resource-grid{grid-template-columns:1fr}.b2b-cta-band{padding:38px 28px;align-items:flex-start;flex-direction:column}.b2b-solution-placeholder{min-height:300px}.b2b-article-content{padding:30px;font-size:16px}.b2b-article-content h2{font-size:34px}.b2b-footer-main{grid-template-columns:1fr;gap:34px}.b2b-footer-contact{grid-column:auto}.b2b-footer-nav .menu,.b2b-footer-links{grid-template-columns:1fr 1fr}}


/* --- Apple-inspired visual refinement v1.2.0 --- */
.b2b-site-header{background:rgba(251,251,253,.78);border-bottom:1px solid rgba(0,0,0,.06);backdrop-filter:saturate(180%) blur(24px)}
.b2b-header-inner{min-height:52px}
.b2b-brand{font-weight:700}
.b2b-brand-mark{border-radius:7px;background:#111;box-shadow:none}
.b2b-nav-list{gap:24px;font-size:12px;letter-spacing:-.01em}
.b2b-nav-list a{color:#1d1d1f}
.b2b-nav-list a:hover{color:#000;opacity:.88}
.b2b-nav-list li:last-child a{padding:7px 14px;background:#B50609;color:#fff}



.b2b-section-heading>span{font-size:11px;letter-spacing:.14em;color:#6e6e73;margin-bottom:16px}



.b2b-btn{min-height:44px;padding:0 20px;font-size:16px;font-weight:500}
.b2b-btn:hover{transform:none}
.b2b-link-arrow{font-size:17px;font-weight:500;color:#B50609}
.b2b-link-arrow:hover{color:#940508}
.b2b-link-arrow span{font-size:20px;vertical-align:-1px}













.b2b-section{padding:136px 0}
.b2b-section-heading{margin-bottom:52px}
.b2b-section-heading h2{font-size:clamp(44px,5.6vw,78px);line-height:1.02;letter-spacing:-.055em;max-width:960px}
.b2b-section-heading p{color:#6e6e73;font-size:19px;line-height:1.45;margin-top:14px;max-width:760px}

.b2b-feature-grid,.b2b-resource-grid{gap:22px}
.b2b-feature-card,.b2b-resource-card,.b2b-article-content{border:1px solid rgba(0,0,0,.06);box-shadow:none}
.b2b-feature-card,.b2b-resource-card{border-radius:30px}
.b2b-feature-card{min-height:430px;padding:44px;background:#fff}
.b2b-feature-card h3{font-size:38px;letter-spacing:-.045em;margin:78px 0 12px}
.b2b-feature-card p{font-size:18px;line-height:1.55;color:#6e6e73}
.b2b-feature-card strong{font-size:96px;opacity:.045}
.b2b-icon{width:54px;height:54px;background:#f5f5f7;border:1px solid rgba(0,0,0,.04)}
.b2b-card-dark{background:#000;color:#fff;border-color:#000}
.b2b-card-dark p{color:#a1a1a6}.b2b-card-dark .b2b-icon{background:#1b1b1d;border-color:#1b1b1d}.b2b-card-dark strong{opacity:.075}



.b2b-product-media{padding:22px 22px 0}
.b2b-product-media img,.b2b-product-placeholder{border-radius:22px}
.b2b-product-placeholder{background:linear-gradient(180deg,#fafbfc,#edf1f6 54%,#dde1e6 100%)}
.b2b-product-placeholder:before{border-radius:26px;background:linear-gradient(145deg,#2a2b2f,#121317);box-shadow:14px 18px 26px rgba(0,0,0,.15)}











.b2b-cta-band,.b2b-detail-hero,.b2b-article-aside{background:#000;color:#fff}


.b2b-cta-band p,.b2b-article-aside p{font-size:18px;line-height:1.6;color:#a1a1a6}






.b2b-resource-card{background:#fff}
.b2b-resource-copy h2{letter-spacing:-.045em}
.b2b-resource-copy p{color:#6e6e73}

.b2b-page-hero{background:linear-gradient(180deg,#fff 0,#f7f7f9 100%)}
.b2b-page-hero h1,.b2b-detail-hero h1{font-size:clamp(52px,6vw,92px);letter-spacing:-.06em;line-height:.96}
.b2b-page-hero p,.b2b-detail-hero p{font-size:20px;color:#6e6e73;line-height:1.5;max-width:760px}
.b2b-detail-hero p{color:#a1a1a6}
.b2b-article-content{font-size:17px;line-height:1.85;border-radius:30px}
.b2b-article-content h2{font-size:44px;letter-spacing:-.05em}
.b2b-article-content h3{font-size:30px;letter-spacing:-.035em}






.b2b-footer-main{padding-bottom:42px;border-bottom:1px solid rgba(0,0,0,.08)}
.b2b-footer-main h3{color:#6e6e73}
.b2b-footer-nav a,.b2b-footer-links a{color:#424245}
.b2b-footer-nav a:hover,.b2b-footer-links a:hover{color:#1d1d1f}

.nav-links .page-numbers{background:#fff;border:1px solid rgba(0,0,0,.06)}
.nav-links .current{background:#1d1d1f;border-color:#1d1d1f;color:#fff}

@media (max-width:1180px){.b2b-nav-list{gap:16px;font-size:11.5px}.b2b-section{padding:118px 0}}
@media (max-width:1024px){.b2b-section-heading{text-align:center}.b2b-section-heading p,.b2b-section-heading h2{margin-left:auto;margin-right:auto}.b2b-feature-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.b2b-site-header{background:rgba(251,251,253,.92)}.b2b-header-inner{min-height:48px}.b2b-feature-grid,.b2b-resource-grid{grid-template-columns:1fr}.b2b-feature-card{min-height:auto}.b2b-section{padding:92px 0}.b2b-section-heading h2{font-size:clamp(34px,9vw,48px)}.b2b-section-heading p{font-size:17px}.b2b-feature-card h3{font-size:32px}.b2b-cta-band{padding:40px 24px}}


/* --- Interactive motion modules v1.3.0 --- */
.b2b-interactive-highlights{padding:132px 0 148px;background:#f5f5f7;overflow:hidden}
.b2b-slider-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:46px}
.b2b-slider-heading .b2b-section-heading{margin-bottom:0}
.b2b-slider-controls{display:flex;gap:12px;padding-bottom:5px;flex:0 0 auto}
.b2b-slider-button{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:#e2e2e5;color:#1d1d1f;font-size:30px;line-height:1;cursor:pointer;transition:background .2s ease,opacity .2s ease,transform .2s ease}
.b2b-slider-button:hover:not(:disabled){background:#d7d7db;transform:scale(1.04)}
.b2b-slider-button:focus-visible{outline:3px solid rgba(181,6,9,.3);outline-offset:3px}
.b2b-slider-button:disabled{opacity:.34;cursor:default}
.b2b-slider-viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:max(20px,calc((100vw - var(--b2b-max))/2));scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;outline:none}
.b2b-slider-viewport::-webkit-scrollbar{display:none}
.b2b-slider-viewport:focus-visible{box-shadow:inset 0 0 0 3px rgba(181,6,9,.18)}
.b2b-slider-track{display:flex;gap:24px;width:max-content;padding-left:max(20px,calc((100vw - var(--b2b-max))/2));padding-right:max(20px,calc((100vw - var(--b2b-max))/2))}
.b2b-highlight-slide{scroll-snap-align:start;position:relative;width:min(78vw,960px);min-height:590px;border-radius:34px;overflow:hidden;background:#fff;color:#1d1d1f;border:1px solid rgba(0,0,0,.05);display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s ease}
.b2b-highlight-slide:not(.is-active){opacity:.86}
.b2b-highlight-copy{padding:54px 18px 54px 54px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;z-index:3}
.b2b-highlight-copy small{font-size:11px;font-weight:750;letter-spacing:.14em;color:#86868b}
.b2b-highlight-copy h3{font-size:clamp(42px,4.5vw,66px);line-height:.98;letter-spacing:-.055em;margin:15px 0 18px;max-width:510px}
.b2b-highlight-copy p{font-size:18px;line-height:1.55;color:#6e6e73;max-width:520px;margin:0 0 24px}
.b2b-highlight-link{color:#B50609;font-size:17px;font-weight:500}
.b2b-highlight-link span{font-size:21px;vertical-align:-1px}
.b2b-highlight-art{position:relative;min-height:590px;overflow:hidden}
.b2b-art-core{position:absolute;left:50%;top:50%;width:270px;height:350px;transform:translate(-50%,-48%) rotate(-8deg);border-radius:34px;background:linear-gradient(145deg,#25262a,#08090b);box-shadow:0 45px 70px rgba(0,0,0,.22);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.b2b-highlight-slide.is-active .b2b-art-core{transform:translate(-50%,-50%) rotate(-4deg)}
.b2b-art-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(0,0,0,.10);border-radius:50%;transform:translate(-50%,-50%);transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .5s ease}
.ring-a{width:430px;height:430px}.ring-b{width:560px;height:560px;opacity:.55}
.b2b-highlight-slide.is-active .ring-a{transform:translate(-50%,-50%) scale(1.04)}.b2b-highlight-slide.is-active .ring-b{transform:translate(-50%,-50%) scale(.98)}
.b2b-art-label{position:absolute;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.78);font-size:11px;font-weight:750;letter-spacing:.1em;box-shadow:0 12px 32px rgba(0,0,0,.08)}
.label-a{top:22%;right:12%}.label-b{left:11%;bottom:20%}




.b2b-slider-status{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px}
.b2b-slider-progress{height:3px;border-radius:999px;background:#d2d2d7;overflow:hidden;flex:1;max-width:360px}.b2b-slider-progress span{display:block;width:100%;height:100%;background:#1d1d1f;transform:scaleX(.2);transform-origin:left center;transition:transform .35s ease}
.b2b-slider-count{font-size:12px;font-weight:650;letter-spacing:.08em;color:#86868b}.b2b-slider-current{color:#1d1d1f}.b2b-slider-divider{margin:0 7px;color:#c2c2c7}

.b2b-scroll-story{padding:138px 0;background:#fff}
.b2b-scroll-story-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.74fr);gap:74px;align-items:start}
.b2b-story-stage-wrap{min-width:0}
.b2b-scroll-stage{position:sticky;top:92px;min-height:620px;border-radius:36px;background:#000;color:#fff;overflow:hidden;padding:34px;display:flex;flex-direction:column;border:1px solid #000}
.b2b-scroll-stage-topline{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:4}.b2b-scroll-stage-topline span,.b2b-scroll-stage-copy small{font-size:10px;font-weight:750;letter-spacing:.14em;color:#86868b}.b2b-scroll-stage-topline strong{font-size:12px;letter-spacing:.12em;color:#d2d2d7}
.b2b-scroll-stage-visual{position:relative;flex:1;min-height:390px;margin:20px 0}
.b2b-scroll-object{position:absolute;transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .55s ease,border-radius .55s ease,background .55s ease}
.object-main{width:250px;height:330px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-7deg);border-radius:34px;background:linear-gradient(145deg,#e8e8ea,#7f838a 44%,#2c2e33);box-shadow:0 34px 70px rgba(0,0,0,.55);display:grid;place-items:end center;padding-bottom:28px;z-index:2}
.b2b-scroll-object-label{font-size:11px;letter-spacing:.16em;font-weight:750;color:#fff}
.object-left,.object-right{width:106px;height:106px;border-radius:50%;background:#222429;top:50%;z-index:1}.object-left{left:10%;transform:translateY(-50%)}.object-right{right:10%;transform:translateY(-50%)}
.b2b-scroll-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);left:7%;right:7%;top:50%;transform-origin:center;transition:transform .75s cubic-bezier(.2,.7,.2,1),opacity .5s}.line-two{transform:rotate(90deg);opacity:.45}
.b2b-scroll-stage-copy{position:relative;z-index:4}.b2b-scroll-stage-copy h3{font-size:clamp(34px,4vw,56px);line-height:1;letter-spacing:-.055em;margin:10px 0 0;max-width:520px}
.b2b-scroll-dots{position:absolute;right:30px;bottom:34px;display:flex;gap:7px;z-index:4}.b2b-scroll-dots span{width:6px;height:6px;border-radius:50%;background:#4a4a4e;transition:width .3s ease,background .3s ease}.b2b-scroll-dots span.is-active{width:22px;border-radius:99px;background:#fff}
.b2b-scroll-stage[data-active="1"] .object-main{transform:translate(-50%,-50%) rotate(0deg) scale(.9);border-radius:50%;background:radial-gradient(circle at 40% 35%,#fafafa,#a2a5aa 45%,#44474e 78%)}
.b2b-scroll-stage[data-active="1"] .object-left{transform:translate(65px,-50%) scale(.7);opacity:.65}.b2b-scroll-stage[data-active="1"] .object-right{transform:translate(-65px,-50%) scale(.7);opacity:.65}.b2b-scroll-stage[data-active="1"] .line-one{transform:rotate(20deg)}.b2b-scroll-stage[data-active="1"] .line-two{transform:rotate(160deg)}
.b2b-scroll-stage[data-active="2"] .object-main{transform:translate(-50%,-50%) rotate(6deg) scale(.96);border-radius:26px;background:linear-gradient(145deg,#B50609,#160D0F 60%,#0D090A)}
.b2b-scroll-stage[data-active="2"] .object-left{transform:translate(40px,-130%) scale(.55);background:#B50609}.b2b-scroll-stage[data-active="2"] .object-right{transform:translate(-40px,30%) scale(.55);background:#6e6e73}.b2b-scroll-stage[data-active="2"] .line-one{transform:rotate(-24deg) scaleX(.75)}.b2b-scroll-stage[data-active="2"] .line-two{transform:rotate(24deg) scaleX(.75)}
.b2b-scroll-stage[data-active="3"] .object-main{width:340px;height:220px;transform:translate(-50%,-50%) rotate(0deg);border-radius:22px;background:linear-gradient(145deg,#e3e4e7,#777b82);box-shadow:0 24px 60px rgba(0,0,0,.52)}
.b2b-scroll-stage[data-active="3"] .object-left{transform:translate(-10px,-50%) scale(.8);background:#2b2c30}.b2b-scroll-stage[data-active="3"] .object-right{transform:translate(10px,-50%) scale(.8);background:#2b2c30}.b2b-scroll-stage[data-active="3"] .line-one{transform:scaleX(1.1)}.b2b-scroll-stage[data-active="3"] .line-two{opacity:0}
.b2b-scroll-steps{min-width:0}
.b2b-scroll-step{min-height:520px;padding:86px 12px 70px;border-top:1px solid rgba(0,0,0,.09);opacity:.34;transition:opacity .4s ease,transform .45s ease;display:flex;flex-direction:column;justify-content:center}
.b2b-scroll-step:last-child{border-bottom:1px solid rgba(0,0,0,.09)}
.b2b-scroll-step.is-active{opacity:1;transform:translateX(6px)}
.b2b-scroll-step>small{font-size:11px;font-weight:750;letter-spacing:.14em;color:#86868b}
.b2b-scroll-step h3{font-size:clamp(38px,4vw,58px);line-height:1;letter-spacing:-.055em;margin:14px 0 18px}
.b2b-scroll-step p{font-size:18px;line-height:1.6;color:#6e6e73;max-width:520px;margin:0 0 22px}

@media (max-width:1024px){
  .b2b-interactive-highlights{padding:112px 0 126px}.b2b-highlight-slide{width:min(84vw,820px);grid-template-columns:1fr;min-height:640px}.b2b-highlight-copy{padding:42px 42px 12px}.b2b-highlight-art{min-height:360px}.b2b-art-core{width:220px;height:280px}.ring-a{width:340px;height:340px}.ring-b{width:450px;height:450px}
  .b2b-scroll-story-grid{grid-template-columns:1fr;gap:36px}.b2b-scroll-stage{position:relative;top:auto;min-height:560px}.b2b-scroll-step{min-height:auto;padding:50px 10px}.b2b-scroll-step{opacity:1;transform:none}.b2b-scroll-step.is-active{transform:none}
}
@media (max-width:760px){
  .b2b-interactive-highlights{padding:92px 0 104px}.b2b-slider-heading{align-items:center}.b2b-slider-heading .b2b-section-heading{text-align:left}.b2b-slider-controls{gap:8px}.b2b-slider-button{width:44px;height:44px;font-size:26px}.b2b-slider-track{gap:14px}.b2b-highlight-slide{width:calc(100vw - 54px);min-height:590px;border-radius:28px}.b2b-highlight-copy{padding:34px 28px 8px}.b2b-highlight-copy h3{font-size:40px}.b2b-highlight-copy p{font-size:16px}.b2b-highlight-art{min-height:330px}.b2b-art-core{width:190px;height:250px}.ring-a{width:290px;height:290px}.ring-b{width:380px;height:380px}.label-a{right:6%}.label-b{left:6%}.b2b-slider-status{margin-top:20px}
  .b2b-scroll-story{padding:94px 0}.b2b-scroll-stage{min-height:470px;padding:25px;border-radius:28px}.b2b-scroll-stage-visual{min-height:300px}.object-main{width:185px;height:245px}.object-left,.object-right{width:76px;height:76px}.b2b-scroll-stage[data-active="3"] .object-main{width:250px;height:165px}.b2b-scroll-stage-copy h3{font-size:36px}.b2b-scroll-step{padding:42px 4px}.b2b-scroll-step h3{font-size:38px}.b2b-scroll-step p{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.b2b-highlight-slide,.b2b-art-core,.b2b-art-ring,.b2b-scroll-object,.b2b-scroll-line,.b2b-scroll-step,.b2b-slider-progress span{transition:none!important}.b2b-slider-viewport{scroll-behavior:auto}}

/* =========================================================
   B2B Pro Global v1.4.0 — product-launch homepage system
   Structural rhythm inspired by premium product storytelling.
   ========================================================= */
.b2b-apple-home{background:#fff;color:#1d1d1f}
.b2b-apple-home .b2b-container{width:min(calc(100% - 44px),1200px)}
.b2b-apple-eyebrow{margin:0 0 16px;font-size:12px;font-weight:700;letter-spacing:.12em;color:#6e6e73}








.b2b-apple-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:60px}.b2b-apple-heading-row h2{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.058em;margin:0;max-width:970px}

.orbit-one{width:480px;height:480px}.orbit-two{width:620px;height:620px}.marker-a{left:31%;top:28%}.marker-b{right:25%;bottom:28%}

.wave-a{width:500px;height:500px}.wave-b{width:640px;height:640px}

.art-custom i{position:absolute;width:180px;height:220px;border-radius:30px;background:linear-gradient(145deg,#d6d7d9,#686d76);bottom:0;left:50%;transform:translateX(-50%) rotate(-7deg);box-shadow:0 30px 60px rgba(0,0,0,.35)}.art-custom i:nth-child(2){left:33%;transform:translateX(-50%) rotate(-14deg);opacity:.55}.art-custom i:nth-child(3){left:67%;transform:translateX(-50%) rotate(4deg);opacity:.55}.art-channel i{position:absolute;left:8%;right:8%;height:56px;border-radius:16px;background:#eceef2;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.art-channel i:nth-child(1){bottom:25px}.art-channel i:nth-child(2){bottom:95px;left:17%;right:17%;background:#F4E7E7}.art-channel i:nth-child(3){bottom:165px;left:27%;right:27%;background:#1d1d1f}



.panel-two:before{background:linear-gradient(145deg,#d6d7da,#7e8288);transform:translateX(-50%) rotate(6deg)}.panel-three:before{width:190px;height:155px;border-radius:16px;background:linear-gradient(145deg,#e7dfcf,#baa987);transform:translateX(-50%) rotate(-2deg)}.panel-four:before{width:170px;height:170px;border-radius:50%;background:linear-gradient(145deg,#0c6546,#052d20);transform:translateX(-50%)}





.quality-visual span{position:absolute;width:230px;height:300px;border-radius:32px;background:linear-gradient(145deg,#2b2d31,#090a0b);box-shadow:0 35px 50px rgba(0,0,0,.2)}.quality-visual span:nth-child(1){transform:translateX(-150px) rotate(-8deg);opacity:.55}.quality-visual span:nth-child(2){z-index:2}.quality-visual span:nth-child(3){transform:translateX(150px) rotate(8deg);background:linear-gradient(145deg,#cfd1d5,#737881);opacity:.65}.compliance-visual{background:linear-gradient(145deg,#edf7f1,#d9ece2)}.compliance-visual strong{width:180px;height:180px;border-radius:50%;background:#0e5b3e;color:#fff;display:grid;place-items:center;font-size:72px;box-shadow:0 35px 60px rgba(14,91,62,.23)}.compliance-visual span{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.08);padding:10px 15px;border-radius:999px;font-size:12px;font-weight:700}.compliance-visual span:nth-of-type(1){left:18%;top:23%}.compliance-visual span:nth-of-type(2){right:18%;top:32%}.compliance-visual span:nth-of-type(3){right:25%;bottom:19%}.logistics-visual{background:linear-gradient(145deg,#eff2f7,#EEE7E7);display:block}.logistics-visual i{position:absolute;width:46%;height:120px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.07);left:27%;box-shadow:0 18px 34px rgba(0,0,0,.07)}.logistics-visual i:nth-child(1){top:70px}.logistics-visual i:nth-child(2){top:165px;left:20%}.logistics-visual i:nth-child(3){top:260px;left:34%;background:#1d1d1f}.logistics-visual i:nth-child(4){top:355px;left:24%}







.b2b-apple-compare{padding:150px 0;background:#f5f5f7}.b2b-apple-product-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.b2b-apple-compare-card{background:#fff;border-radius:32px;padding:24px 28px 32px;border:1px solid rgba(0,0,0,.05)}.b2b-apple-compare-media{display:block;min-height:330px;border-radius:22px;background:#f5f5f7;overflow:hidden;margin:-2px -6px 28px}.b2b-apple-compare-media img{width:100%;height:330px;object-fit:contain}.b2b-compare-placeholder{height:330px;display:grid;place-items:center;position:relative;background:linear-gradient(180deg,#f9fafb,#e4e8ed)}.b2b-compare-placeholder:before{content:"";width:160px;height:220px;border-radius:27px;background:linear-gradient(145deg,#292b2f,#08090b);box-shadow:0 30px 40px rgba(0,0,0,.2);transform:rotate(-5deg)}.b2b-compare-placeholder span{position:absolute;z-index:2;color:#fff;font-size:13px;font-weight:700;letter-spacing:.11em}.b2b-apple-compare-card>small{font-size:11px;color:#86868b;font-weight:700;letter-spacing:.1em}.b2b-apple-compare-card h3{font-size:32px;letter-spacing:-.045em;margin:10px 0}.b2b-apple-compare-card>p{color:#6e6e73;line-height:1.55;min-height:72px}.b2b-apple-compare-card ul{list-style:none;margin:26px 0;padding:0;border-top:1px solid rgba(0,0,0,.08)}.b2b-apple-compare-card li{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08);font-size:13px}.b2b-apple-compare-card>div:last-child{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.b2b-apple-compare-card .b2b-btn{min-height:38px;padding:0 16px;font-size:14px}

.b2b-apple-final-cta{padding:160px 0 170px;background:#fff;text-align:center}.b2b-apple-final-cta h2{font-size:clamp(58px,7vw,98px);line-height:.92;letter-spacing:-.067em;margin:0 auto;max-width:1000px}.b2b-apple-final-cta>div>p:not(.b2b-apple-eyebrow){font-size:20px;color:#6e6e73;line-height:1.55;max-width:680px;margin:26px auto}.b2b-apple-final-cta>div>div{display:flex;justify-content:center;gap:28px;align-items:center;margin-top:30px}

/* Integrate existing highlights rail into v1.4 homepage rhythm. */
.b2b-apple-home .b2b-interactive-highlights{padding:145px 0;background:#f5f5f7}.b2b-apple-home .b2b-slider-heading{align-items:flex-end}.b2b-apple-home .b2b-slider-heading .b2b-section-heading{text-align:left}.b2b-apple-home .b2b-slider-heading .b2b-section-heading span{font-size:12px}.b2b-apple-home .b2b-slider-heading .b2b-section-heading h2{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.058em;max-width:900px}.b2b-apple-home .b2b-highlight-slide{border-radius:36px}

@media (max-width:1100px){
  
  .b2b-apple-product-compare-grid{grid-template-columns:1fr 1fr}.b2b-apple-product-compare-grid article:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:760px){
  .b2b-apple-home .b2b-container{width:min(calc(100% - 32px),1200px)}
  .b2b-apple-final-cta>div>div{flex-direction:column;gap:14px}
  .b2b-apple-compare,.b2b-apple-final-cta{padding:96px 0}.b2b-apple-heading-row{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:38px}.b2b-apple-heading-row h2{font-size:clamp(40px,11vw,56px)}.b2b-apple-home .b2b-interactive-highlights{padding:96px 0}.b2b-apple-home .b2b-slider-heading .b2b-section-heading h2{font-size:42px}
  .orbit-one{width:330px;height:330px}.orbit-two{width:430px;height:430px}
  .wave-a{width:340px;height:340px}.wave-b{width:430px;height:430px}
  .b2b-apple-product-compare-grid{grid-template-columns:1fr}.b2b-apple-product-compare-grid article:last-child:nth-child(odd){grid-column:auto}.quality-visual span{width:160px;height:220px}.quality-visual span:nth-child(1){transform:translateX(-95px) rotate(-8deg)}.quality-visual span:nth-child(3){transform:translateX(95px) rotate(8deg)}.b2b-apple-compare-card{padding:20px 22px 28px}.b2b-apple-compare-media,.b2b-compare-placeholder,.b2b-apple-compare-media img{height:270px;min-height:270px}.b2b-apple-final-cta h2{font-size:clamp(49px,13vw,68px)}
}


/* =========================================================
   v1.5.0 — B2B product detail conversion system
   ========================================================= */
.b2b-btn-secondary{background:#fff;color:#B50609;border:1px solid #B50609}
.b2b-btn-secondary:hover{background:#f5faff;color:#B50609}

.b2b-product-localbar{position:sticky;top:52px;z-index:88;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}
.admin-bar .b2b-product-localbar{top:84px}
.b2b-product-localbar-inner{min-height:54px;display:flex;align-items:center;gap:28px}
.b2b-product-local-title{display:flex;align-items:baseline;gap:9px;min-width:0;margin-right:auto}
.b2b-product-local-title strong{font-size:14px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.b2b-product-local-title span{font-size:11px;color:#86868b;font-weight:700;letter-spacing:.06em}
.b2b-product-localbar nav{display:flex;align-items:center;gap:24px;font-size:12px;color:#424245}
.b2b-product-localbar nav a:hover{color:#B50609}
.b2b-product-local-cta{min-height:32px;padding:0 14px;font-size:12px}




































.b2b-product-section{padding:0 0 112px;scroll-margin-top:125px}
.b2b-product-section+.b2b-product-section{padding-top:100px;border-top:1px solid #dcdcdf}
.b2b-product-section-head{max-width:850px;margin-bottom:40px}
.b2b-product-section-head>span{display:block;font-size:10px;letter-spacing:.13em;color:#86868b;font-weight:750;margin-bottom:14px}
.b2b-product-section-head h2{font-size:clamp(38px,4.5vw,60px);line-height:1.04;letter-spacing:-.055em;margin:0}
.b2b-product-section-head p{font-size:17px;line-height:1.6;color:#6e6e73;margin:16px 0 0;max-width:720px}









































.b2b-form-product-context{padding:13px 14px;border-radius:13px;background:#f5f5f7;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center}
.b2b-form-product-context small{grid-column:1/-1;font-size:8px;letter-spacing:.11em;color:#86868b;font-weight:750}.b2b-form-product-context strong{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b2b-form-product-context span{font-size:10px;color:#86868b;font-weight:700}
.b2b-enquiry-form select{width:100%;border:1px solid #d8d8dc;background:#fafafa;color:#111;border-radius:14px;padding:14px 40px 14px 15px;outline:none;transition:.2s ease;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6e6e73 50%),linear-gradient(135deg,#6e6e73 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.b2b-enquiry-form select:focus{border-color:#D76568;box-shadow:0 0 0 3px rgba(181,6,9,.11);background-color:#fff}
.b2b-enquiry-form-compact{gap:12px}.b2b-enquiry-form-compact .b2b-field-row{gap:10px}.b2b-enquiry-form-compact label{gap:6px;font-size:11px}.b2b-enquiry-form-compact input,.b2b-enquiry-form-compact textarea,.b2b-enquiry-form-compact select{padding:11px 12px;border-radius:11px;font-size:13px}.b2b-enquiry-form-compact select{padding-right:36px;background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px}.b2b-enquiry-form-compact textarea{min-height:86px}.b2b-enquiry-form-compact .b2b-btn{min-height:42px;font-size:14px}.b2b-enquiry-form-compact>small{font-size:9px}
.b2b-form-success,.b2b-form-error{padding:13px 14px;border-radius:12px;font-size:12px;line-height:1.5}.b2b-form-success{background:#ecf9ef;color:#176a2f}.b2b-form-error{background:#fff1f0;color:#a32020}




.b2b-mobile-conversion-bar{display:none}
.single-b2b_product .b2b-site-footer{padding-bottom:0}


@media(max-width:900px){
  .b2b-product-localbar{top:48px}.admin-bar .b2b-product-localbar{top:94px}.b2b-product-localbar nav{display:none}.b2b-product-local-title strong{max-width:45vw}.b2b-product-section{padding-bottom:88px}.b2b-product-section+.b2b-product-section{padding-top:80px}
}
@media(max-width:760px){
  .single-b2b_product{padding-bottom:76px}.b2b-product-localbar-inner{min-height:48px;gap:12px}.b2b-product-local-title{gap:6px}.b2b-product-local-title span{display:none}.b2b-product-local-cta{min-height:30px;padding:0 12px}.b2b-product-section-head h2{font-size:38px}.b2b-mobile-conversion-bar{position:fixed;display:grid;grid-template-columns:1fr 1fr;left:0;right:0;bottom:0;z-index:150;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid rgba(0,0,0,.12);padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right));gap:8px}.b2b-mobile-conversion-bar a{min-height:54px;border-radius:12px;background:#f5f5f7;padding:7px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.b2b-mobile-conversion-bar a.is-primary{background:#B50609;color:#fff}.b2b-mobile-conversion-bar small{font-size:8px;line-height:1.1;opacity:.7;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b2b-mobile-conversion-bar strong{font-size:13px;margin-top:3px}.single-b2b_product .b2b-site-footer{padding-bottom:70px}
}

/* Homepage B2B RFQ — v1.5.1. Keeps v1.5.0 page architecture intact. */
.b2b-home-inquiry{padding:130px 0;background:#f5f5f7;scroll-margin-top:110px}
.b2b-home-inquiry-shell{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:72px;align-items:start;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:36px;padding:70px}
.b2b-home-inquiry-copy{position:sticky;top:116px;min-width:0}
.b2b-home-inquiry-copy h2{font-size:clamp(44px,5vw,70px);line-height:1.02;letter-spacing:-.055em;margin:0;max-width:680px}
.b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow){font-size:18px;line-height:1.62;color:#6e6e73;max-width:590px;margin:24px 0 0}




.b2b-home-inquiry-form-wrap{min-width:0;background:#f5f5f7;border-radius:26px;padding:32px}
.b2b-home-rfq-form{gap:15px}
.b2b-home-rfq-form input,.b2b-home-rfq-form textarea,.b2b-home-rfq-form select{background:#fff;border-color:rgba(0,0,0,.12)}
.b2b-home-rfq-form textarea{min-height:132px}
.b2b-home-rfq-form .b2b-btn{margin-top:2px}

@media (max-width:1024px){
  .b2b-home-inquiry-shell{grid-template-columns:1fr;gap:42px;padding:52px 40px}
  .b2b-home-inquiry-copy{position:static;text-align:center}
  .b2b-home-inquiry-copy h2,.b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow){margin-left:auto;margin-right:auto}
  
}
@media (max-width:760px){
  .b2b-home-inquiry{padding:86px 0;scroll-margin-top:82px}
  .b2b-home-inquiry-shell{padding:32px 20px;border-radius:28px;gap:30px}
  .b2b-home-inquiry-copy h2{font-size:clamp(38px,10vw,50px)}
  .b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow){font-size:16px}
  
  
  
  .b2b-home-inquiry-form-wrap{padding:22px 16px;border-radius:22px}
}


/* Elementor editable Home v1.5.2 */
.b2b-el-home-row{margin:0!important;padding:0!important}.b2b-el-home-row>.elementor-container{max-width:none!important}.b2b-elementor-content-grid .b2b-feature-card{border:1px solid rgba(0,0,0,.05)}.b2b-home-module-description{max-width:720px;color:#6e6e73;font-size:17px;line-height:1.6;margin:16px 0 0}.b2b-home-empty-state{grid-column:1/-1;background:#fff;border-radius:28px;padding:56px;text-align:center}.b2b-home-empty-state span{font-size:11px;letter-spacing:.12em;color:#86868b;font-weight:700}.b2b-home-empty-state h3{font-size:32px;letter-spacing:-.04em;margin:12px 0}.b2b-home-empty-state p{color:#6e6e73}.elementor-editor-active .b2b-reveal{opacity:1!important;transform:none!important}


/* Homepage conversion architecture — v1.5.4. Preserves the Apple-inspired visual system. */
.b2b-commercial-proof{padding:0 0 34px;background:#fff}
.b2b-commercial-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.b2b-commercial-proof-item{min-width:0;padding:28px 28px 30px;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:6px}
.b2b-commercial-proof-item:last-child{border-right:0}
.b2b-commercial-proof-item strong{font-size:24px;line-height:1.05;letter-spacing:-.04em;color:#1d1d1f}
.b2b-commercial-proof-item span{font-size:13px;font-weight:650;color:#1d1d1f}
.b2b-commercial-proof-item small{font-size:12px;line-height:1.5;color:#6e6e73;max-width:220px}
.b2b-buyer-paths{background:#f5f5f7}
.b2b-buyer-path-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.b2b-buyer-path-card{min-height:330px;padding:38px;border-radius:30px;background:#fff;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:space-between;gap:34px;overflow:hidden}
.b2b-buyer-path-card.is-featured{background:#000;color:#fff;border-color:#000}
.b2b-buyer-path-card>small{font-size:10px;letter-spacing:.13em;font-weight:750;color:#86868b}
.b2b-buyer-path-card h3{font-size:34px;line-height:1.03;letter-spacing:-.045em;margin:0 0 14px;max-width:460px}
.b2b-buyer-path-card p{font-size:16px;line-height:1.6;color:#6e6e73;margin:0;max-width:520px}
.b2b-buyer-path-card.is-featured p{color:#a1a1a6}
.b2b-buyer-path-card>a{font-size:15px;font-weight:600;color:#B50609;align-self:flex-start}
.b2b-buyer-path-card.is-featured>a{color:#B50609}
.b2b-buyer-path-card>a span{font-size:20px;vertical-align:-1px}




.elementor-widget-b2b-pro-proof-strip + .elementor-widget-b2b-pro-home-products .b2b-section{padding-top:104px}


@media(max-width:1024px){
  .b2b-commercial-proof-grid{grid-template-columns:1fr 1fr}
  .b2b-commercial-proof-item:nth-child(2){border-right:0}.b2b-commercial-proof-item:nth-child(-n/**/+2){border-bottom:1px solid rgba(0,0,0,.08)}
  .b2b-buyer-path-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .b2b-commercial-proof{padding-bottom:18px}.b2b-commercial-proof-grid{grid-template-columns:1fr 1fr}
  .b2b-commercial-proof-item{padding:20px 16px}.b2b-commercial-proof-item strong{font-size:20px}.b2b-commercial-proof-item small{font-size:11px}
  .b2b-buyer-path-grid{grid-template-columns:1fr}.b2b-buyer-path-card{min-height:280px;padding:28px;border-radius:24px}.b2b-buyer-path-card h3{font-size:30px}
  
}

/* Retired v1.5.4 MBP Hero styles removed in v1.5.41.3.64.155. */

/* Simplified B2B homepage v1.5.5 */

.b2b-simplified-home .b2b-commercial-proof{padding-bottom:0}
.b2b-simplified-home .b2b-home-dynamic-products{padding-top:120px;padding-bottom:120px;background:#fff}





.b2b-simplified-home .b2b-home-inquiry{padding-top:120px}
@media (max-width:760px){.b2b-simplified-home .b2b-home-dynamic-products{padding-top:84px;padding-bottom:84px}.b2b-simplified-home .b2b-home-inquiry{padding-top:84px}}


/* Product Center v1.5.6 — listing → detail refinement */

.b2b-product-center{background:#fff}
.b2b-product-center-localbar{position:sticky;top:52px;z-index:86;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid rgba(0,0,0,.07)}
.admin-bar .b2b-product-center-localbar{top:84px}
.b2b-product-center-localbar-inner{min-height:54px;display:flex;align-items:center;gap:28px}
.b2b-product-center-localbar-inner>a:first-child{display:flex;align-items:baseline;gap:9px;min-width:0}
.b2b-product-center-localbar-inner>a:first-child strong{font-size:14px;letter-spacing:-.02em;white-space:nowrap}
.b2b-product-center-localbar-inner>a:first-child span{font-size:10px;color:#86868b;white-space:nowrap}
.b2b-product-center-localbar nav{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:12px;color:#424245}
.b2b-product-center-localbar nav a:hover{color:#B50609}
.b2b-product-center-localbar .b2b-btn{min-height:32px;padding:0 14px;font-size:12px}
.b2b-product-center-hero{padding:96px 0 86px;background:linear-gradient(180deg,#fff 0,#f5f5f7 100%);overflow:hidden}
.b2b-product-center-hero-inner{text-align:center;max-width:980px}
.b2b-product-center-hero-inner>span,.b2b-product-discovery-head>div>span{display:block;font-size:10px;letter-spacing:.14em;font-weight:750;color:#86868b;margin-bottom:18px}
.b2b-product-center-hero h1{font-size:clamp(58px,7vw,102px);line-height:.94;letter-spacing:-.067em;margin:0 auto;max-width:1020px}
.b2b-product-center-hero p{font-size:clamp(19px,2vw,25px);line-height:1.5;color:#6e6e73;max-width:800px;margin:26px auto 0}
.b2b-product-center-hero-actions{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:32px}
.b2b-product-center-stage{height:440px;margin-top:62px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1500px}
.b2b-product-stage-watch{position:absolute;width:210px;height:250px;border-radius:52px;background:linear-gradient(145deg,#25262a,#050506 70%);border:7px solid #9ca0a8;box-shadow:0 42px 62px rgba(0,0,0,.18);display:grid;place-items:center;color:#fff;transition:transform .5s ease}
.b2b-product-stage-watch:before,.b2b-product-stage-watch:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:90px;height:118px;background:linear-gradient(90deg,#aeb2b8,#d3d5d9,#8f949b);z-index:-1}
.b2b-product-stage-watch:before{bottom:calc(100% - 8px);border-radius:25px 25px 8px 8px}.b2b-product-stage-watch:after{top:calc(100% - 8px);border-radius:8px 8px 25px 25px}
.b2b-product-stage-watch span{font-size:10px;letter-spacing:.15em;font-weight:750;color:#d2d2d7}
.b2b-product-stage-watch.watch-main{width:250px;height:300px;z-index:3;transform:translateY(-10px);border-color:#b6bac0}
.b2b-product-stage-watch.watch-left{transform:translateX(-230px) rotateY(24deg) scale(.82);opacity:.75}.b2b-product-stage-watch.watch-right{transform:translateX(230px) rotateY(-24deg) scale(.82);opacity:.75}
.b2b-product-stage-caption{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);display:flex;gap:8px;align-items:baseline;white-space:nowrap}.b2b-product-stage-caption strong{font-size:17px}.b2b-product-stage-caption span{font-size:14px;color:#6e6e73}
.b2b-product-discovery{padding:120px 0 112px;background:#fff;scroll-margin-top:110px}
.b2b-product-discovery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:38px}
.b2b-product-discovery-head>div{max-width:760px}.b2b-product-discovery-head h2{font-size:clamp(40px,5vw,66px);line-height:1.03;letter-spacing:-.055em;margin:0}
.b2b-product-search{width:min(100%,390px);display:flex;align-items:center;background:#f5f5f7;border-radius:999px;padding:4px;border:1px solid rgba(0,0,0,.05)}
.b2b-product-search input{min-width:0;flex:1;border:0;background:transparent;outline:0;padding:0 16px;height:42px;font-size:14px;color:#1d1d1f}.b2b-product-search input::placeholder{color:#86868b}
.b2b-product-search button{height:42px;border:0;background:#1d1d1f;color:#fff;border-radius:999px;padding:0 18px;font-size:12px;cursor:pointer}
.b2b-product-category-rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 24px}.b2b-product-category-rail::-webkit-scrollbar{display:none}
.b2b-product-category-rail a{flex:0 0 auto;min-height:40px;padding:0 16px;border-radius:999px;background:#f5f5f7;display:flex;align-items:center;font-size:12px;color:#424245;border:1px solid transparent}
.b2b-product-category-rail a.is-active{background:#1d1d1f;color:#fff}.b2b-product-category-rail a:hover{border-color:rgba(0,0,0,.12)}
.b2b-product-resultbar{border-top:1px solid rgba(0,0,0,.08);padding:22px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#86868b;font-size:12px}.b2b-product-resultbar p{margin:0}.b2b-product-resultbar p strong{color:#1d1d1f}.b2b-product-resultbar>span{text-align:right}
.b2b-product-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.b2b-catalog-card{min-width:0;border-radius:32px;background:#f5f5f7;border:1px solid rgba(0,0,0,.045);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,background .3s ease}
@media (hover:hover) and (pointer:fine){.b2b-catalog-card:hover{transform:translateY(-3px);background:#f0f0f2}.b2b-catalog-card:hover .b2b-catalog-media img{transform:scale(1.018)}}
.b2b-catalog-media{display:block;position:relative;overflow:hidden;background:#eceef1;padding:18px 18px 0}.b2b-catalog-media img,.b2b-catalog-placeholder{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:23px;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.b2b-catalog-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 50% 36%,#fff,#e8ebf0 55%,#d8dce3)}
.b2b-catalog-watch{width:48%;aspect-ratio:.82/1;border-radius:28%;background:linear-gradient(145deg,#28292d,#08090a 72%);border:5px solid #aeb2b8;box-shadow:0 28px 35px rgba(0,0,0,.18);display:grid;place-items:center;position:relative;color:#fff}.b2b-catalog-watch:before,.b2b-catalog-watch:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:43%;height:45%;background:#b4b8be;z-index:-1}.b2b-catalog-watch:before{bottom:96%;border-radius:15px 15px 3px 3px}.b2b-catalog-watch:after{top:96%;border-radius:3px 3px 15px 15px}.b2b-catalog-watch span{font-size:9px;letter-spacing:.11em;font-weight:750}
.b2b-catalog-category{position:absolute;left:30px;top:30px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.84);backdrop-filter:blur(14px);font-size:9px;letter-spacing:.08em;font-weight:700;color:#424245}
.b2b-catalog-copy{padding:26px 28px 30px;display:flex;flex-direction:column;flex:1}.b2b-catalog-model{font-size:10px;letter-spacing:.13em;font-weight:750;color:#86868b}.b2b-catalog-copy h2{font-size:30px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 12px}.b2b-catalog-copy p{font-size:15px;line-height:1.55;color:#6e6e73;margin:0 0 22px}


.b2b-catalog-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:24px}.b2b-catalog-actions .b2b-btn{min-height:40px;padding:0 17px;font-size:12px}.b2b-catalog-actions .b2b-link-arrow{font-size:13px;white-space:nowrap}
.b2b-product-pagination{margin-top:58px}.b2b-product-pagination .page-numbers{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.b2b-product-pagination .page-numbers li{margin:0}.b2b-product-pagination .page-numbers a,.b2b-product-pagination .page-numbers span{min-width:42px;height:42px;padding:0 14px;border-radius:999px;background:#f5f5f7;display:flex;align-items:center;justify-content:center;font-size:12px}.b2b-product-pagination .page-numbers .current{background:#1d1d1f;color:#fff}
.b2b-product-empty{text-align:center;max-width:850px;margin:0 auto;padding:86px 30px;border-radius:32px;background:#f5f5f7}.b2b-product-empty>span{font-size:10px;letter-spacing:.14em;color:#86868b;font-weight:750}.b2b-product-empty h2{font-size:clamp(36px,4vw,54px);line-height:1.04;letter-spacing:-.05em;margin:18px 0 14px}.b2b-product-empty p{font-size:17px;line-height:1.6;color:#6e6e73;max-width:650px;margin:0 auto 28px}.b2b-product-empty>div{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.b2b-product-sourcing{padding:110px 0 118px;background:#f5f5f7;scroll-margin-top:110px}.b2b-product-sourcing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.b2b-product-sourcing-grid article{background:#fff;border-radius:27px;padding:30px;min-height:300px;border:1px solid rgba(0,0,0,.04)}.b2b-product-sourcing-grid small{font-size:10px;color:#86868b;font-weight:750}.b2b-product-sourcing-grid h3{font-size:30px;letter-spacing:-.045em;margin:74px 0 12px}.b2b-product-sourcing-grid p{font-size:14px;line-height:1.6;color:#6e6e73;margin:0}
.b2b-product-center-final{padding:92px 0 120px;background:#fff}
.b2b-product-detail-categories{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.b2b-product-detail-categories a{font-size:10px;padding:7px 10px;border-radius:999px;background:#f5f5f7;color:#6e6e73}.b2b-product-detail-categories a:hover{color:#B50609}


@media(max-width:1024px){.b2b-product-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-product-discovery-head{align-items:flex-start;flex-direction:column}.b2b-product-search{width:100%;max-width:600px}.b2b-product-sourcing-grid{grid-template-columns:repeat(2,1fr)}.b2b-product-center-stage{transform:scale(.9);margin-left:-5%;margin-right:-5%}}
@media(max-width:760px){.b2b-product-center-localbar{top:48px}.admin-bar .b2b-product-center-localbar{top:94px}.b2b-product-center-localbar nav{display:none}.b2b-product-center-localbar-inner{min-height:48px;gap:10px}.b2b-product-center-localbar-inner>a:first-child span{display:none}.b2b-product-center-localbar .b2b-btn{margin-left:auto;min-height:30px;padding:0 11px}.b2b-product-center-hero{padding:70px 0 54px}.b2b-product-center-hero h1{font-size:clamp(48px,12vw,64px)}.b2b-product-center-hero p{font-size:18px}.b2b-product-center-hero-actions{align-items:center;flex-direction:column;gap:16px}.b2b-product-center-stage{height:310px;margin-top:42px;transform:scale(.75);margin-left:-18%;margin-right:-18%}.b2b-product-stage-watch.watch-left{transform:translateX(-180px) rotateY(24deg) scale(.72)}.b2b-product-stage-watch.watch-right{transform:translateX(180px) rotateY(-24deg) scale(.72)}.b2b-product-stage-caption{bottom:-10px}.b2b-product-discovery{padding:84px 0 80px}.b2b-product-discovery-head{gap:26px;margin-bottom:28px}.b2b-product-discovery-head h2{font-size:40px}.b2b-product-search{border-radius:22px}.b2b-product-search input{height:46px;font-size:16px}.b2b-product-search button{height:42px}.b2b-product-category-rail{margin-right:-20px;padding-right:20px}.b2b-product-resultbar{align-items:flex-start;flex-direction:column;gap:7px}.b2b-product-resultbar>span{text-align:left}.b2b-product-catalog-grid{grid-template-columns:1fr}.b2b-catalog-card{border-radius:26px}.b2b-catalog-copy{padding:24px}.b2b-catalog-copy h2{font-size:31px}.b2b-catalog-actions{gap:12px}.b2b-product-sourcing{padding:82px 0}.b2b-product-sourcing-grid{grid-template-columns:1fr}.b2b-product-sourcing-grid article{min-height:230px}.b2b-product-sourcing-grid h3{margin-top:45px}.b2b-product-center-final{padding:78px 0 92px}}

.b2b-product-center-localbar nav a.is-active{color:#B50609}


/* v1.5.7 product highlight feature viewer */
.b2b-product-feature-viewer{padding:118px 0 124px;background:#000;color:#fff;scroll-margin-top:110px;overflow:hidden}
.b2b-feature-viewer-section-head{margin-bottom:46px;max-width:980px}.b2b-product-feature-viewer .b2b-feature-viewer-section-head span{color:#86868b}.b2b-feature-viewer-section-head h2{color:#f5f5f7;font-size:clamp(44px,5vw,70px);line-height:1.02;letter-spacing:-.055em;margin:0}.b2b-feature-viewer-section-head p{max-width:760px;color:#a1a1a6;font-size:18px;line-height:1.55;margin-top:16px}
.b2b-feature-viewer-shell{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:54px;align-items:center;min-height:680px}
.b2b-feature-viewer-left{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:22px;align-items:center;min-width:0}
.b2b-feature-viewer-nav-rail{display:flex;flex-direction:column;gap:18px;align-items:center}.b2b-feature-viewer-nav-rail button{width:36px;height:36px;border:0;border-radius:999px;background:#202024;color:#f5f5f7;display:grid;place-items:center;font-size:19px;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.b2b-feature-viewer-nav-rail button:hover{background:#303035;transform:scale(1.04)}.b2b-feature-viewer-nav-rail button:focus-visible{outline:2px solid #B50609;outline-offset:3px}
.b2b-feature-viewer-accordion{display:flex;flex-direction:column;gap:12px;min-width:0}
.b2b-feature-viewer-item{min-width:0}.b2b-feature-viewer-tab{width:max-content;max-width:100%;min-height:56px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#1d1d1f;color:#f5f5f7;padding:0 22px 0 14px;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:650;letter-spacing:-.02em;text-align:left;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease}.b2b-feature-viewer-tab:hover{background:#29292d;border-color:rgba(255,255,255,.12)}.b2b-feature-viewer-tab.is-active{background:#252529;border-color:rgba(255,255,255,.16)}.b2b-feature-viewer-tab:focus-visible{outline:2px solid #B50609;outline-offset:3px}
.b2b-feature-viewer-tab-icon{width:27px;height:27px;border-radius:999px;border:1px solid rgba(255,255,255,.30);display:grid;place-items:center;font-size:20px;line-height:1;font-weight:400;flex:0 0 27px;color:#fff}
.b2b-feature-viewer-panel{margin:12px 0 2px;width:100%;padding:28px 30px 30px;border-radius:30px;background:#1d1d1f;border:1px solid rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);animation:b2bFeaturePanelIn .28s ease both}.b2b-feature-viewer-panel[hidden]{display:none}.b2b-feature-viewer-panel small{display:block;font-size:10px;letter-spacing:.14em;font-weight:750;color:#86868b;margin-bottom:12px}.b2b-feature-viewer-panel h3{font-size:30px;line-height:1.09;letter-spacing:-.045em;margin:0 0 12px;color:#fff}.b2b-feature-viewer-panel p{font-size:17px;line-height:1.62;color:#d2d2d7;margin:0}
@keyframes b2bFeaturePanelIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.b2b-feature-viewer-stage{position:relative;min-height:680px;border-radius:42px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;background:radial-gradient(circle at 28% 46%,rgba(181,6,9,.17),rgba(181,6,9,0) 34%),linear-gradient(180deg,#070708 0,#000 100%);border:1px solid rgba(255,255,255,.035)}
.b2b-feature-viewer-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 42%);pointer-events:none;z-index:1}.b2b-feature-viewer-glow{position:absolute;left:12%;top:50%;width:390px;height:390px;transform:translateY(-50%);border-radius:999px;background:radial-gradient(circle,rgba(181,6,9,.22),rgba(255,255,255,0) 64%);filter:blur(10px);opacity:.9;pointer-events:none;transition:background .45s ease,opacity .45s ease,transform .45s ease}
.b2b-feature-viewer-product{position:relative;z-index:2;width:min(92%,620px);height:610px;margin-right:-5%;display:flex;align-items:center;justify-content:center;transition:transform .55s cubic-bezier(.22,.61,.36,1),filter .45s ease,opacity .35s ease}.b2b-feature-viewer-product img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 36px 48px rgba(0,0,0,.42));transition:filter .45s ease}
.b2b-feature-viewer-placeholder{width:390px;height:480px;border-radius:46px;background:linear-gradient(145deg,#28292d,#070708 72%);border:9px solid #898d94;display:grid;place-items:center;position:relative;box-shadow:0 46px 62px rgba(0,0,0,.34)}.b2b-feature-viewer-placeholder:before,.b2b-feature-viewer-placeholder:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:122px;height:150px;background:linear-gradient(90deg,#858990,#d2d5d9,#777b82);z-index:-1}.b2b-feature-viewer-placeholder:before{bottom:calc(100% - 8px);border-radius:30px 30px 8px 8px}.b2b-feature-viewer-placeholder:after{top:calc(100% - 8px);border-radius:8px 8px 30px 30px}.b2b-feature-viewer-placeholder span{font-size:13px;letter-spacing:.14em;font-weight:750;color:#d2d2d7}
.b2b-feature-viewer-stage-label{position:absolute;left:34px;bottom:30px;z-index:4;display:flex;flex-direction:column;gap:5px}.b2b-feature-viewer-stage-label small{font-size:10px;letter-spacing:.14em;font-weight:750;color:#86868b;text-transform:uppercase}.b2b-feature-viewer-stage-label strong{font-size:25px;letter-spacing:-.04em;color:#f5f5f7}
.b2b-product-feature-viewer[data-active="display"] .b2b-feature-viewer-product{transform:translateX(2%) scale(1.08)}.b2b-product-feature-viewer[data-active="display"] .b2b-feature-viewer-glow{background:radial-gradient(circle,rgba(181,6,9,.29),rgba(255,255,255,0) 64%)}
.b2b-product-feature-viewer[data-active="design"] .b2b-feature-viewer-product{transform:translateX(4%) rotate(-2deg) scale(1.03)}.b2b-product-feature-viewer[data-active="design"] .b2b-feature-viewer-glow{background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 64%);transform:translateY(-50%) scale(.92)}
.b2b-product-feature-viewer[data-active="connectivity"] .b2b-feature-viewer-product{transform:translateX(-1%) rotate(1deg) scale(1)}.b2b-product-feature-viewer[data-active="connectivity"] .b2b-feature-viewer-glow{background:radial-gradient(circle,rgba(181,6,9,.3),rgba(255,255,255,0) 64%)}
.b2b-product-feature-viewer[data-active="health"] .b2b-feature-viewer-product{transform:translateX(5%) translateY(8px) scale(1.04)}.b2b-product-feature-viewer[data-active="health"] .b2b-feature-viewer-glow{background:radial-gradient(circle,rgba(48,209,88,.2),rgba(255,255,255,0) 64%)}
.b2b-product-feature-viewer[data-active="battery"] .b2b-feature-viewer-product{transform:translateX(1%) translateY(-5px) scale(.98)}.b2b-product-feature-viewer[data-active="battery"] .b2b-feature-viewer-glow{background:radial-gradient(circle,rgba(255,214,10,.18),rgba(255,255,255,0) 64%)}
.b2b-product-feature-viewer[data-active="oem"] .b2b-feature-viewer-product{transform:translateX(4%) rotate(-1deg) scale(1.02);filter:saturate(.92)}.b2b-product-feature-viewer[data-active="oem"] .b2b-feature-viewer-glow{background:radial-gradient(circle,rgba(255,90,93,.2),rgba(255,255,255,0) 64%)}
@media(max-width:1100px){.b2b-feature-viewer-shell{grid-template-columns:350px minmax(0,1fr);gap:30px}.b2b-feature-viewer-left{grid-template-columns:32px minmax(0,1fr);gap:16px}.b2b-feature-viewer-nav-rail button{width:32px;height:32px}.b2b-feature-viewer-panel h3{font-size:27px}.b2b-feature-viewer-panel p{font-size:16px}.b2b-feature-viewer-stage{min-height:590px}.b2b-feature-viewer-product{height:530px;width:min(96%,540px);margin-right:-9%}}
@media(max-width:900px){.b2b-feature-viewer-shell{grid-template-columns:1fr;gap:28px;min-height:0}.b2b-feature-viewer-left{grid-template-columns:1fr}.b2b-feature-viewer-nav-rail{display:none}.b2b-feature-viewer-accordion{display:grid;grid-template-columns:1fr 1fr;gap:12px}.b2b-feature-viewer-item.is-active{grid-column:1/-1}.b2b-feature-viewer-tab{width:100%}.b2b-feature-viewer-stage{min-height:520px}.b2b-feature-viewer-product{height:470px;width:min(88%,500px);margin:0 auto}.b2b-feature-viewer-stage-label{left:28px;bottom:24px}}
@media(max-width:620px){.b2b-product-feature-viewer{padding:84px 0 88px}.b2b-feature-viewer-section-head{margin-bottom:30px}.b2b-feature-viewer-section-head h2{font-size:40px}.b2b-feature-viewer-section-head p{font-size:16px}.b2b-feature-viewer-accordion{grid-template-columns:1fr}.b2b-feature-viewer-item.is-active{grid-column:auto}.b2b-feature-viewer-tab{min-height:52px;font-size:16px;padding:0 18px 0 13px}.b2b-feature-viewer-panel{padding:25px 22px 27px;border-radius:26px}.b2b-feature-viewer-panel h3{font-size:26px}.b2b-feature-viewer-stage{min-height:410px;border-radius:30px}.b2b-feature-viewer-product{height:355px;width:min(88%,350px)}.b2b-feature-viewer-stage-label{left:20px;bottom:17px}.b2b-feature-viewer-stage-label strong{font-size:21px}.b2b-feature-viewer-placeholder{width:250px;height:310px;border-radius:34px}.b2b-feature-viewer-placeholder:before,.b2b-feature-viewer-placeholder:after{width:78px;height:96px}}
@media(prefers-reduced-motion:reduce){.b2b-feature-viewer-product,.b2b-feature-viewer-glow,.b2b-feature-viewer-tab{transition:none}.b2b-feature-viewer-panel{animation:none}}



/* v1.5.8 Resource Center FAQ + Elementor layout */
.b2b-resource-elementor-layout{overflow:hidden}




.b2b-resource-faq{padding:126px 0 132px;background:#f5f5f7;scroll-margin-top:90px}
.b2b-resource-faq-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:90px;align-items:start}
.b2b-resource-faq-intro{position:sticky;top:110px}.b2b-resource-faq-intro>span{display:block;font-size:11px;line-height:1.2;font-weight:750;letter-spacing:.14em;color:#86868b;margin-bottom:17px}.b2b-resource-faq-intro h2{font-size:clamp(42px,4.6vw,66px);line-height:1.02;letter-spacing:-.055em;margin:0}.b2b-resource-faq-intro p{font-size:18px;line-height:1.58;color:#6e6e73;margin:20px 0 28px;max-width:470px}
.b2b-resource-faq-list{border-top:1px solid rgba(0,0,0,.12)}.b2b-resource-faq-item{border-bottom:1px solid rgba(0,0,0,.12)}
.b2b-resource-faq-question{width:100%;min-height:94px;border:0;background:transparent;color:#1d1d1f;padding:22px 2px;display:flex;align-items:center;justify-content:space-between;gap:28px;text-align:left;cursor:pointer;font-size:24px;line-height:1.2;font-weight:650;letter-spacing:-.035em}.b2b-resource-faq-question:hover{color:#000}.b2b-resource-faq-question:focus-visible{outline:2px solid #B50609;outline-offset:5px;border-radius:8px}
.b2b-resource-faq-question i{position:relative;width:32px;height:32px;border-radius:999px;background:#e8e8ed;flex:0 0 32px;transition:transform .28s ease,background .2s ease}.b2b-resource-faq-question i:before,.b2b-resource-faq-question i:after{content:"";position:absolute;left:9px;right:9px;top:15px;height:1.5px;background:#1d1d1f;border-radius:2px}.b2b-resource-faq-question i:after{transform:rotate(90deg);transition:transform .28s ease}.b2b-resource-faq-item.is-open .b2b-resource-faq-question i{transform:rotate(180deg);background:#1d1d1f}.b2b-resource-faq-item.is-open .b2b-resource-faq-question i:before,.b2b-resource-faq-item.is-open .b2b-resource-faq-question i:after{background:#fff}.b2b-resource-faq-item.is-open .b2b-resource-faq-question i:after{transform:rotate(0)}
.b2b-resource-faq-answer{overflow:hidden}.b2b-resource-faq-answer>div{padding:0 68px 30px 2px}.b2b-resource-faq-answer p{margin:0;color:#6e6e73;font-size:17px;line-height:1.72;max-width:760px}.b2b-resource-faq-answer[hidden]{display:none}
@media(max-width:900px){.b2b-resource-faq{padding:96px 0 104px}.b2b-resource-faq-layout{grid-template-columns:1fr;gap:44px}.b2b-resource-faq-intro{position:relative;top:auto}.b2b-resource-faq-question{font-size:21px;min-height:82px}}
@media(max-width:620px){.b2b-resource-faq{padding:82px 0 88px}.b2b-resource-faq-layout{gap:34px}.b2b-resource-faq-intro h2{font-size:40px}.b2b-resource-faq-intro p{font-size:16px}.b2b-resource-faq-question{font-size:18px;min-height:76px;padding:18px 0;gap:18px}.b2b-resource-faq-question i{width:30px;height:30px;flex-basis:30px}.b2b-resource-faq-question i:before,.b2b-resource-faq-question i:after{top:14px}.b2b-resource-faq-answer>div{padding-right:46px;padding-bottom:24px}.b2b-resource-faq-answer p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.b2b-resource-faq-question i,.b2b-resource-faq-question i:after{transition:none}}

/* v1.5.9 Brand Center — Apple-style Factory Gallery */
.b2b-factory-gallery{padding:132px 0 126px;background:#000;color:#fff;overflow:hidden;scroll-margin-top:88px}
.b2b-factory-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:52px;margin-bottom:48px}
.b2b-factory-gallery-copy{max-width:850px}.b2b-factory-gallery-copy>span{display:block;font-size:11px;line-height:1.2;font-weight:750;letter-spacing:.15em;color:#86868b;margin-bottom:17px}.b2b-factory-gallery-copy h2{font-size:clamp(46px,5.7vw,78px);line-height:1.01;letter-spacing:-.058em;margin:0;max-width:900px}.b2b-factory-gallery-copy p{font-size:19px;line-height:1.55;color:#a1a1a6;max-width:700px;margin:20px 0 0}
.b2b-factory-gallery-controls{display:flex;gap:12px;flex:0 0 auto}.b2b-factory-gallery-controls button{width:50px;height:50px;border:0;border-radius:999px;background:#242426;color:#fff;display:grid;place-items:center;font-size:34px;font-weight:300;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.b2b-factory-gallery-controls button:hover{background:#38383b}.b2b-factory-gallery-controls button:active{transform:scale(.96)}.b2b-factory-gallery-controls button:focus-visible,.b2b-factory-gallery-dots button:focus-visible{outline:2px solid #B50609;outline-offset:4px}
.b2b-factory-gallery-viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:34px;outline:none}.b2b-factory-gallery-viewport::-webkit-scrollbar{display:none}.b2b-factory-gallery-track{display:flex;gap:22px;align-items:stretch;padding-right:max(40px,8vw)}
.b2b-factory-gallery-slide{flex:0 0 min(87%,1080px);scroll-snap-align:start;scroll-snap-stop:always;min-width:0}.b2b-factory-gallery-media{position:relative;aspect-ratio:16/9;min-height:520px;border-radius:34px;overflow:hidden;background:#171719;border:1px solid rgba(255,255,255,.08)}.b2b-factory-gallery-media:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18) 20%,rgba(0,0,0,.88) 100%);pointer-events:none}.b2b-factory-gallery-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.25,1),filter .5s ease}.b2b-factory-gallery-slide.is-active .b2b-factory-gallery-media img{transform:scale(1.018)}
.b2b-factory-gallery-placeholder{position:absolute;inset:0;background:radial-gradient(circle at 72% 20%,rgba(122,28,30,.55),transparent 28%),linear-gradient(145deg,#22242a,#101113 70%);overflow:hidden}.b2b-factory-gallery-placeholder:before{content:"";position:absolute;left:10%;right:10%;bottom:18%;height:43%;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015));transform:perspective(800px) rotateX(4deg);box-shadow:0 30px 80px rgba(0,0,0,.34)}.b2b-factory-gallery-placeholder:after{content:"";position:absolute;left:15%;right:15%;bottom:24%;height:1px;background:rgba(255,255,255,.22);box-shadow:0 -58px 0 rgba(255,255,255,.10),0 -116px 0 rgba(255,255,255,.07)}.b2b-factory-gallery-placeholder span,.b2b-factory-gallery-placeholder i,.b2b-factory-gallery-placeholder b{position:absolute;display:block;border-radius:8px;background:rgba(255,255,255,.13)}.b2b-factory-gallery-placeholder span{width:18%;height:22%;left:18%;bottom:27%}.b2b-factory-gallery-placeholder i{width:20%;height:27%;left:40%;bottom:27%}.b2b-factory-gallery-placeholder b{width:15%;height:19%;left:65%;bottom:27%}
.b2b-factory-gallery-caption{position:absolute;z-index:3;left:42px;right:42px;bottom:38px;max-width:720px}.b2b-factory-gallery-caption small{display:block;color:#c7c7cc;font-size:11px;font-weight:750;letter-spacing:.14em;margin-bottom:10px}.b2b-factory-gallery-caption h3{font-size:clamp(30px,3.3vw,48px);line-height:1.04;letter-spacing:-.045em;margin:0;color:#fff}.b2b-factory-gallery-caption p{font-size:17px;line-height:1.58;color:#d2d2d7;margin:14px 0 0;max-width:680px}
.b2b-factory-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}.b2b-factory-gallery-dots{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.b2b-factory-gallery-dots button{width:34px;height:6px;padding:0;border:0;border-radius:999px;background:#3a3a3c;cursor:pointer;transition:width .25s ease,background .25s ease}.b2b-factory-gallery-dots button[aria-selected="true"]{width:62px;background:#f5f5f7}.b2b-factory-gallery-footer p{margin:0;color:#86868b;font-size:13px;font-weight:700;letter-spacing:.08em}.b2b-factory-gallery-footer [data-factory-current]{color:#fff}
@media(max-width:900px){.b2b-factory-gallery{padding:102px 0 100px}.b2b-factory-gallery-head{align-items:flex-start}.b2b-factory-gallery-copy p{font-size:17px}.b2b-factory-gallery-slide{flex-basis:92%}.b2b-factory-gallery-media{min-height:440px}.b2b-factory-gallery-caption{left:30px;right:30px;bottom:30px}}
@media(max-width:620px){.b2b-factory-gallery{padding:82px 0 84px}.b2b-factory-gallery-head{display:block;margin-bottom:30px}.b2b-factory-gallery-copy h2{font-size:42px}.b2b-factory-gallery-controls{margin-top:26px}.b2b-factory-gallery-controls button{width:46px;height:46px}.b2b-factory-gallery-track{gap:14px;padding-right:18px}.b2b-factory-gallery-slide{flex-basis:94%}.b2b-factory-gallery-media{aspect-ratio:4/5;min-height:0;border-radius:28px}.b2b-factory-gallery-caption{left:24px;right:24px;bottom:24px}.b2b-factory-gallery-caption h3{font-size:30px}.b2b-factory-gallery-caption p{font-size:15px;line-height:1.52}.b2b-factory-gallery-footer{margin-top:20px}.b2b-factory-gallery-dots button{width:22px}.b2b-factory-gallery-dots button[aria-selected="true"]{width:42px}}
@media(prefers-reduced-motion:reduce){.b2b-factory-gallery-controls button,.b2b-factory-gallery-media img,.b2b-factory-gallery-dots button{transition:none}}


/* v1.5.11 — smoother multi-image transitions for Product Feature Explorer */
.b2b-feature-viewer-panel{display:grid;grid-template-rows:0fr;opacity:0;margin:0;width:100%;padding:0;border-radius:30px;background:#1d1d1f;border:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden;transform:translateY(-6px);transition:grid-template-rows .52s cubic-bezier(.25,.8,.25,1),opacity .30s ease,transform .46s cubic-bezier(.25,.8,.25,1),margin .52s cubic-bezier(.25,.8,.25,1),border-color .35s ease}
.b2b-feature-viewer-panel-inner{min-height:0;overflow:hidden;padding:0 30px;transition:padding .52s cubic-bezier(.25,.8,.25,1)}
.b2b-feature-viewer-panel.is-active{grid-template-rows:1fr;opacity:1;transform:translateY(0);margin:12px 0 2px;border-color:rgba(255,255,255,.055)}
.b2b-feature-viewer-panel.is-active .b2b-feature-viewer-panel-inner{padding:28px 30px 30px}
.b2b-feature-viewer-panel small{display:block;font-size:10px;letter-spacing:.14em;font-weight:750;color:#86868b;margin-bottom:12px}.b2b-feature-viewer-panel h3{font-size:30px;line-height:1.09;letter-spacing:-.045em;margin:0 0 12px;color:#fff}.b2b-feature-viewer-panel p{font-size:17px;line-height:1.62;color:#d2d2d7;margin:0}
.b2b-feature-viewer-product{position:relative;z-index:2;width:min(92%,620px);height:610px;margin-right:-5%;display:block;transition:transform .72s cubic-bezier(.2,.7,.2,1),filter .55s ease,opacity .4s ease;will-change:transform}
.b2b-feature-viewer-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate3d(24px,8px,0) scale(.965);filter:blur(7px);pointer-events:none;z-index:1;transition:opacity .46s ease,transform .68s cubic-bezier(.2,.72,.2,1),filter .46s ease;will-change:opacity,transform,filter}
.b2b-feature-viewer-media.is-active{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0);pointer-events:auto;z-index:2}
.b2b-feature-viewer-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 36px 48px rgba(0,0,0,.42));backface-visibility:hidden;transform:translateZ(0)}
.b2b-feature-viewer-placeholder{position:relative}
.b2b-feature-viewer-stage{touch-action:pan-y}
.b2b-product-feature-viewer.is-switching .b2b-feature-viewer-stage:after{opacity:.16}
.b2b-feature-viewer-stage:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 65% 40%,rgba(255,255,255,.025),transparent 44%);opacity:0;transition:opacity .35s ease}
.b2b-feature-viewer-tab-icon{transition:transform .36s cubic-bezier(.2,.75,.2,1),border-color .25s ease,background .25s ease}.b2b-feature-viewer-tab.is-active .b2b-feature-viewer-tab-icon{transform:rotate(180deg);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.48)}
@media(max-width:1100px){.b2b-feature-viewer-product{height:530px;width:min(96%,540px);margin-right:-9%}}
@media(max-width:900px){.b2b-feature-viewer-product{height:470px;width:min(88%,500px);margin:0 auto}}
@media(max-width:620px){.b2b-feature-viewer-panel-inner{padding-left:22px;padding-right:22px}.b2b-feature-viewer-panel.is-active .b2b-feature-viewer-panel-inner{padding:25px 22px 27px}.b2b-feature-viewer-product{height:355px;width:min(88%,350px)}.b2b-feature-viewer-media{transform:translate3d(14px,5px,0) scale(.975)}}
@media(prefers-reduced-motion:reduce){.b2b-feature-viewer-panel,.b2b-feature-viewer-panel-inner,.b2b-feature-viewer-media,.b2b-feature-viewer-product,.b2b-feature-viewer-tab-icon,.b2b-feature-viewer-stage:after{transition:none!important;transform:none!important;filter:none!important}}

/* v1.5.41.3.45 — smooth native-scroll video-through-transparent-text story.
   Canvas is used only as a low-resolution gradient cutout mask; page scrolling remains fully native. */
.b2b-scroll-video-story{
  position:relative;
  width:100vw;
  max-width:none;
  height:300vh;
  margin-left:calc(50% - 50vw);
  background:#000;
  color:#f5f5f7;
  isolation:isolate;
  overflow:visible;
  z-index:12;
  --b2b-video-scale:1.04;
  --b2b-video-shade:.02;
  --b2b-video-gradient-x:0%;
}
.b2b-scroll-video-sticky{
  position:sticky;
  top:0;
  width:100vw;
  max-width:none;
  height:100vh;
  height:100svh;
  min-height:0;
  overflow:hidden;
  background:#000;
  z-index:12;
  isolation:isolate;
  contain:layout paint style;
  transform:translateZ(0);
  backface-visibility:hidden;
}
.b2b-scroll-video-visual{position:absolute;inset:0;z-index:0;overflow:hidden;background:#000;transform:translateZ(0)}
.b2b-scroll-video-media{
  position:absolute;inset:-1px;z-index:0;display:block;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;
  object-fit:cover;object-position:center center;opacity:1;transform:translate3d(0,0,0) scale(var(--b2b-video-scale));
  transform-origin:50% 50%;will-change:transform;backface-visibility:hidden
}
.b2b-scroll-video-shade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(circle at 50% 46%,rgba(0,0,0,0) 0,rgba(0,0,0,.035) 48%,rgba(0,0,0,.24) 100%);
  opacity:var(--b2b-video-shade);will-change:opacity
}
/* The gradient plate is physically punched out by the headline glyphs, so the live video remains visible inside every letter during the zoom-out. */
.b2b-scroll-video-mask{
  position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;max-width:none;pointer-events:none;opacity:0;
  will-change:opacity;transform:translateZ(0);backface-visibility:hidden
}
.b2b-scroll-video-copy{
  position:absolute;z-index:3;left:50%;top:50%;width:min(1660px,92vw);max-width:none;text-align:center;
  transform:translate3d(-50%,-38%,0) scale(4.55);transform-origin:50% 50%;pointer-events:none;will-change:transform
}
.b2b-scroll-video-eyebrow{position:absolute;left:0;right:0;bottom:calc(100% + 18px);margin:0;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.14em;color:rgba(245,245,247,.76);opacity:0;transform:translate3d(0,14px,0);will-change:opacity,transform}
.b2b-scroll-video-copy h2{margin:0 auto;max-width:100%;font-size:clamp(54px,6.4vw,116px);line-height:.94;letter-spacing:-.064em;font-weight:700;opacity:0;text-wrap:balance;will-change:opacity}
.b2b-scroll-video-line{position:relative;display:block;font:inherit;line-height:inherit;letter-spacing:inherit}
.b2b-scroll-video-line-secondary{margin-top:.10em;font-weight:700}
.b2b-scroll-video-line-fill{display:block;width:100%;white-space:nowrap;font:inherit;line-height:inherit;letter-spacing:inherit;opacity:0;will-change:opacity,transform}
/* Final resolved title inherits the v1.5.41.3.43 gradient language after the transparent cutout phase. */
.b2b-scroll-video-line-primary .b2b-scroll-video-line-fill{
  background:linear-gradient(100deg,#8a8a90 0%,#F0E2E3 19%,#B50609 48%,#940508 76%,#FF6B6E 100%);
  background-size:180% 100%;background-position:var(--b2b-video-gradient-x) 50%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent
}
.b2b-scroll-video-line-secondary .b2b-scroll-video-line-fill{
  background:linear-gradient(100deg,#f5f5f7 0%,#DCC5C6 43%,#f5f5f7 100%);
  background-size:170% 100%;background-position:var(--b2b-video-gradient-x) 50%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent
}
.b2b-scroll-video-description{position:absolute;left:50%;top:calc(100% + 30px);width:min(720px,90vw);max-width:720px;margin:0;font-size:17px;line-height:1.58;letter-spacing:-.012em;color:rgba(245,245,247,.86);opacity:0;transform:translate3d(0,22px,0);will-change:opacity,transform}
.b2b-scroll-video-toggle{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:rgba(42,42,45,.62);color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);cursor:pointer;transition:background .2s ease,transform .2s ease}
.b2b-scroll-video-toggle:hover{background:rgba(65,65,68,.78);transform:scale(1.04)}
.b2b-scroll-video-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.b2b-scroll-video-toggle span{font-size:13px;font-weight:700;letter-spacing:-.08em}
.b2b-scroll-video-progress{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.b2b-scroll-video-progress span{display:block;transform-origin:left center;transform:scaleX(0)}
.elementor-widget-b2b-pro-scroll-video-story,.elementor-widget-b2b-pro-scroll-video-story>.elementor-widget-container{overflow:visible!important;max-width:none!important}
.b2b-scroll-video-story + section,.b2b-scroll-video-story + .elementor-element{position:relative;z-index:1}

@media(max-width:1024px){
  .b2b-scroll-video-story{height:280vh}
  .b2b-scroll-video-copy{width:min(1280px,92vw);transform:translate3d(-50%,-38%,0) scale(3.15)}
  .b2b-scroll-video-copy h2{font-size:clamp(44px,7.3vw,78px)}
}
@media(max-width:760px){
  .b2b-scroll-video-story{height:245vh}
  .b2b-scroll-video-copy{width:calc(100% - 20px);top:50%;transform:translate3d(-50%,-39%,0) scale(2.30)}
  .b2b-scroll-video-eyebrow{font-size:10px;margin-bottom:13px}
  .b2b-scroll-video-copy h2{font-size:clamp(26px,6.8vw,52px);line-height:.96;letter-spacing:-.052em}
  .b2b-scroll-video-description{top:calc(100% + 20px);font-size:14px;line-height:1.55;max-width:90%}
  .b2b-scroll-video-toggle{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
  .b2b-scroll-video-story{height:auto;--b2b-video-scale:1.006;--b2b-video-shade:.12;--b2b-video-gradient-x:100%}
  .b2b-scroll-video-sticky{position:relative;top:auto;height:100vh;height:100svh;min-height:620px}
  .b2b-scroll-video-mask{display:none}
  .b2b-scroll-video-copy{transform:translate3d(-50%,-50%,0) scale(1)!important}
  .b2b-scroll-video-copy h2,.b2b-scroll-video-line-fill,.b2b-scroll-video-eyebrow,.b2b-scroll-video-description{opacity:1!important;transform:none!important;will-change:auto}
  .b2b-scroll-video-media,.b2b-scroll-video-copy{will-change:auto}
}

/* v1.5.17 Brand Center — visual-first B2B refinement */
.b2b-brand-cap-head>span,.b2b-brand-process-head>span,.b2b-brand-trust-intro>span{display:block;font-size:11px;font-weight:750;letter-spacing:.15em;color:#86868b;margin-bottom:18px}.b2b-brand-stage-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:32px}

.b2b-brand-proof-v3{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.09);border-bottom:1px solid rgba(0,0,0,.09)}.b2b-brand-proof-v3 article{padding:26px 28px;min-width:0;border-right:1px solid rgba(0,0,0,.08)}.b2b-brand-proof-v3 article:last-child{border-right:0}.b2b-brand-proof-v3 small{display:block;font-size:10px;font-weight:750;letter-spacing:.13em;color:#86868b;margin-bottom:12px}.b2b-brand-proof-v3 strong{display:block;font-size:19px;line-height:1.2;letter-spacing:-.025em}

.b2b-brand-capability-explorer{padding:132px 0;background:#fff;scroll-margin-top:116px}.b2b-brand-cap-head{max-width:900px;margin-bottom:48px}.b2b-brand-cap-head h2,.b2b-brand-process-head h2,.b2b-brand-trust-intro h2{font-size:clamp(44px,5.5vw,74px);line-height:1.01;letter-spacing:-.058em;margin:0}.b2b-brand-cap-head p{font-size:18px;line-height:1.55;color:#6e6e73;max-width:640px;margin:18px 0 0}.b2b-brand-cap-shell{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:22px;min-height:560px}.b2b-brand-cap-tabs{display:flex;flex-direction:column;gap:10px}.b2b-brand-cap-tabs button{min-height:82px;border:0;border-radius:24px;background:#f5f5f7;color:#1d1d1f;padding:0 24px;display:grid;grid-template-columns:34px 1fr 22px;align-items:center;text-align:left;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.b2b-brand-cap-tabs button small{font-size:10px;color:#86868b;font-weight:750}.b2b-brand-cap-tabs button span{font-size:19px;font-weight:650;letter-spacing:-.025em}.b2b-brand-cap-tabs button i{font-style:normal;font-size:28px;color:#86868b;transition:transform .25s ease}.b2b-brand-cap-tabs button.is-active{background:#1d1d1f;color:#fff}.b2b-brand-cap-tabs button.is-active small,.b2b-brand-cap-tabs button.is-active i{color:#a1a1a6}.b2b-brand-cap-tabs button.is-active i{transform:translateX(3px)}.b2b-brand-cap-tabs button:focus-visible{outline:2px solid #B50609;outline-offset:3px}
.b2b-brand-cap-stage{position:relative;border-radius:34px;background:radial-gradient(circle at 55% 37%,#f9fbfe,#F3E9E9 52%,#E9DEDF 100%);overflow:hidden;border:1px solid rgba(0,0,0,.05);padding:44px;display:flex;align-items:flex-end}.b2b-brand-cap-object{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.b2b-brand-cap-object:before,.b2b-brand-cap-object:after{content:"";position:absolute;border:1px solid rgba(29,29,31,.10);border-radius:50%;width:370px;height:370px}.b2b-brand-cap-object:after{width:490px;height:490px}.b2b-brand-cap-watch{width:190px;height:226px;border-radius:48px;background:#0c0c0e;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 34px 70px rgba(0,0,0,.22);transform:rotate(-5deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.b2b-brand-cap-watch span{font-size:10px;letter-spacing:.14em;color:#a1a1a6}.b2b-brand-cap-watch i{display:block;width:58px;height:3px;border-radius:999px;background:#B50609;margin-top:20px}.b2b-brand-cap-object>b,.b2b-brand-cap-object>em{position:absolute;width:104px;height:148px;left:50%;transform:translateX(-50%);background:#c6c9cf;z-index:-1}.b2b-brand-cap-object>b{top:52px;border-radius:30px 30px 7px 7px}.b2b-brand-cap-object>em{bottom:52px;border-radius:7px 7px 30px 30px}.b2b-brand-cap-copy{position:relative;z-index:3;max-width:560px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(16px);border-radius:24px;padding:28px 30px}.b2b-brand-cap-copy small{font-size:10px;font-weight:750;letter-spacing:.14em;color:#86868b}.b2b-brand-cap-copy h3{font-size:34px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 11px;transition:opacity .2s ease,transform .2s ease}.b2b-brand-cap-copy p{font-size:16px;line-height:1.58;color:#6e6e73;margin:0;transition:opacity .2s ease,transform .2s ease}.b2b-brand-cap-stage.is-changing h3,.b2b-brand-cap-stage.is-changing p{opacity:0;transform:translateY(6px)}.b2b-brand-cap-stage.is-changing .b2b-brand-cap-watch{transform:rotate(-2deg) scale(.965)}

.b2b-brand-process-rail{padding:122px 0;background:#f5f5f7;scroll-margin-top:116px}.b2b-brand-process-head{max-width:900px;margin-bottom:54px}.b2b-brand-process-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0}.b2b-brand-process-line:before{content:"";position:absolute;left:8%;right:8%;top:48px;height:1px;background:rgba(0,0,0,.16)}.b2b-brand-process-line article{position:relative;padding:0 22px 20px;min-width:0}.b2b-brand-process-line strong{display:block;font-size:11px;color:#86868b;margin-bottom:24px}.b2b-brand-process-line i{position:relative;z-index:2;display:block;width:15px;height:15px;border-radius:50%;background:#1d1d1f;border:4px solid #f5f5f7;box-shadow:0 0 0 1px rgba(0,0,0,.18);margin-bottom:28px}.b2b-brand-process-line small{font-size:10px;letter-spacing:.13em;font-weight:750;color:#86868b}.b2b-brand-process-line h3{font-size:25px;line-height:1.08;letter-spacing:-.035em;margin:9px 0 0;max-width:220px}

.b2b-brand-trust-stage{padding:132px 0;background:#fff;scroll-margin-top:116px}.b2b-brand-trust-panel-v3{background:#000;color:#fff;border-radius:38px;padding:70px;display:grid;grid-template-columns:.92fr 1.08fr;gap:72px}.b2b-brand-trust-intro p{font-size:17px;line-height:1.62;color:#a1a1a6;max-width:520px;margin:22px 0 30px}.b2b-brand-trust-details{border-top:1px solid #2d2d30}.b2b-brand-trust-details details{border-bottom:1px solid #2d2d30;padding:0}.b2b-brand-trust-details summary{list-style:none;display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:12px;min-height:78px;cursor:pointer}.b2b-brand-trust-details summary::-webkit-details-marker{display:none}.b2b-brand-trust-details summary small{font-size:10px;color:#86868b}.b2b-brand-trust-details summary span{font-size:21px;font-weight:650;letter-spacing:-.025em}.b2b-brand-trust-details summary i{font-style:normal;font-size:25px;color:#86868b;transition:transform .25s ease}.b2b-brand-trust-details details[open] summary i{transform:rotate(45deg)}.b2b-brand-trust-details details>p{margin:-2px 0 24px 50px;color:#a1a1a6;font-size:14px;line-height:1.6;max-width:560px}.b2b-brand-doc-strip{padding-top:30px}.b2b-brand-doc-strip>small{font-size:10px;color:#86868b;letter-spacing:.14em;font-weight:750}.b2b-brand-doc-strip>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.b2b-brand-doc-strip span{border:1px solid #343438;border-radius:999px;padding:8px 12px;color:#d2d2d7;font-size:12px}


/* Elementor wrapper spacing for the v1.5.17 visual-first Brand Center. */
.b2b-el-brand-v3-row{padding:0!important;background:transparent!important}.b2b-el-brand-v3-row>.elementor-container{max-width:none!important}.b2b-el-brand-v3-row .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:0}

@media(max-width:1024px){.b2b-brand-cap-shell{grid-template-columns:1fr;min-height:0}.b2b-brand-cap-tabs{display:grid;grid-template-columns:1fr 1fr}.b2b-brand-cap-stage{min-height:520px}.b2b-brand-process-line{grid-template-columns:1fr 1fr;gap:42px 0}.b2b-brand-process-line:before{display:none}.b2b-brand-trust-panel-v3{grid-template-columns:1fr;gap:40px;padding:54px 40px}}
@media(max-width:760px){.b2b-brand-stage-actions{flex-direction:column;gap:17px}.b2b-brand-proof-v3{grid-template-columns:1fr 1fr}.b2b-brand-proof-v3 article{padding:20px 12px;border-bottom:1px solid rgba(0,0,0,.08)}.b2b-brand-proof-v3 article:nth-child(2){border-right:0}.b2b-brand-proof-v3 article:nth-child(n/**/+3){border-bottom:0}.b2b-brand-proof-v3 strong{font-size:16px}.b2b-brand-capability-explorer,.b2b-brand-trust-stage{padding:92px 0}.b2b-brand-cap-head h2,.b2b-brand-process-head h2,.b2b-brand-trust-intro h2{font-size:41px}.b2b-brand-cap-head p{font-size:16px}.b2b-brand-cap-tabs{grid-template-columns:1fr;gap:8px}.b2b-brand-cap-tabs button{min-height:68px;border-radius:20px}.b2b-brand-cap-stage{min-height:430px;padding:22px;border-radius:28px}.b2b-brand-cap-object:before{width:270px;height:270px}.b2b-brand-cap-object:after{width:350px;height:350px}.b2b-brand-cap-watch{width:145px;height:174px;border-radius:38px}.b2b-brand-cap-object>b,.b2b-brand-cap-object>em{width:78px;height:105px}.b2b-brand-cap-object>b{top:34px}.b2b-brand-cap-object>em{bottom:34px}.b2b-brand-cap-copy{padding:22px;border-radius:20px}.b2b-brand-cap-copy h3{font-size:28px}.b2b-brand-cap-copy p{font-size:14px}.b2b-brand-process-rail{padding:88px 0}.b2b-brand-process-line{grid-template-columns:1fr;gap:28px}.b2b-brand-process-line article{padding:0 0 0 48px}.b2b-brand-process-line strong{position:absolute;left:0;top:1px}.b2b-brand-process-line i{position:absolute;left:0;top:34px}.b2b-brand-process-line small{display:block}.b2b-brand-process-line h3{font-size:23px;max-width:none}.b2b-brand-trust-panel-v3{padding:38px 24px;border-radius:30px}.b2b-brand-trust-details summary{grid-template-columns:30px 1fr 24px;min-height:72px}.b2b-brand-trust-details summary span{font-size:18px}.b2b-brand-trust-details details>p{margin-left:42px}}
@media(prefers-reduced-motion:reduce){.b2b-brand-cap-tabs button,.b2b-brand-cap-tabs button i,.b2b-brand-cap-watch,.b2b-brand-cap-copy h3,.b2b-brand-cap-copy p,.b2b-brand-trust-details summary i{transition:none}}

/* v1.5.22 — simplified Product Detail + independently editable Product Highlights */




/* Keep the highlight module as the single immersive visual moment on Product Detail. */














/* Product body is intentionally shorter: overview (when supplied), specs, quality, FAQ and enquiry. */




















/* =========================================================
   v1.5.23 — Unified Typography, Spacing & Visual Rhythm
   Keeps special motion/display typography (scroll-video story)
   independent while normalizing the rest of the site.
   ========================================================= */

/* Base rhythm ------------------------------------------------ */
.b2b-pro-theme{
  font-family:var(--b2b-font-sans);
  color:var(--b2b-text);
}
.b2b-pro-theme :where(p,li,dd,dt,input,textarea,select,button){
  font-family:inherit;
}
.b2b-pro-theme :where(h1,h2,h3,h4,h5,h6){
  font-family:var(--b2b-font-display);
  font-synthesis:none;
  text-rendering:optimizeLegibility;
}
.b2b-pro-theme :where(p){
  text-wrap:pretty;
}
.b2b-pro-theme :where(h1,h2,h3){
  text-wrap:balance;
}

/* Header / navigation --------------------------------------- */
.b2b-site-header{border-bottom-color:rgba(0,0,0,.065)}
.b2b-header-inner{min-height:56px}
.b2b-brand-name{font-size:17px;line-height:1;font-weight:700;letter-spacing:-.025em}
.b2b-nav-list{gap:24px;font-size:13px;line-height:1.2;font-weight:500;letter-spacing:-.008em}
.b2b-nav-list>li>a{display:flex;align-items:center;min-height:36px}
.b2b-nav-list li:last-child a{min-height:34px;padding:0 15px;font-size:13px;font-weight:500}

/* Eyebrow language ------------------------------------------ */

.b2b-section-heading>span,
.b2b-page-hero span,
.b2b-detail-hero span,
.b2b-generic-hero span,
.b2b-cta-band span,
.b2b-story-copy>span,
.b2b-apple-eyebrow,
.b2b-product-section-head>span,
.b2b-feature-viewer-section-head>span,
.b2b-brand-cap-head>span,
.b2b-brand-process-head>span,
.b2b-brand-trust-intro>span,
.b2b-factory-gallery-copy>span,
.b2b-resource-faq-intro>span,
.b2b-product-center-hero-inner>span,
.b2b-product-discovery-head>div>span{
  font-size:var(--b2b-type-eyebrow);
  line-height:1.25;
  font-weight:700;
  letter-spacing:.13em;
}

/* Main section system --------------------------------------- */
.b2b-section{padding:var(--b2b-section-space) 0}
.b2b-section-heading{margin-bottom:44px}
.b2b-section-heading h2,
.b2b-apple-heading-row h2,
.b2b-home-inquiry-copy h2,
.b2b-product-discovery-head h2,
.b2b-feature-viewer-section-head h2,
.b2b-product-section-head h2,
.b2b-brand-cap-head h2,
.b2b-brand-process-head h2,
.b2b-brand-trust-intro h2,
.b2b-resource-faq-intro h2{
  font-size:var(--b2b-type-section);
  line-height:var(--b2b-leading-tight);
  letter-spacing:var(--b2b-track-display);
  font-weight:700;
}
.b2b-section-heading p,
.b2b-home-module-description,
.b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow),
.b2b-brand-cap-head p,
.b2b-resource-faq-intro p,
.b2b-feature-viewer-section-head p,
.b2b-product-section-head p{
  font-size:var(--b2b-type-body-lg);
  line-height:1.58;
  letter-spacing:-.014em;
  max-width:720px;
}

/* Generic page / archive heroes ----------------------------- */
.b2b-page-hero{padding:100px 0 92px}
.b2b-page-hero h1,
.b2b-detail-hero h1,
.b2b-generic-hero h1,
.b2b-product-center-hero h1{
  font-size:var(--b2b-type-page);
  line-height:.98;
  letter-spacing:-.06em;
  font-weight:700;
}
.b2b-page-hero p,
.b2b-detail-hero p,
.b2b-generic-hero p,
.b2b-product-center-hero p{
  font-size:var(--b2b-type-lead);
  line-height:1.5;
  letter-spacing:-.018em;
  max-width:760px;
  margin-top:22px;
}

/* Controls / buttons / links -------------------------------- */
.b2b-btn{
  min-height:44px;
  padding:0 20px;
  font-size:15px;
  line-height:1;
  font-weight:550;
  letter-spacing:-.006em;
}
.b2b-link-arrow{font-size:15px;line-height:1.4;font-weight:550;letter-spacing:-.01em}
.b2b-link-arrow span{font-size:19px;vertical-align:-1px}

/* Product / resource / editorial card typography ------------ */


.b2b-resource-copy>span{
  font-size:10px;
  line-height:1.3;
  font-weight:700;
  letter-spacing:.12em;
}

.b2b-resource-copy h2,
.b2b-catalog-copy h2{
  font-size:var(--b2b-type-card-title);
  line-height:var(--b2b-leading-heading);
  letter-spacing:var(--b2b-track-heading);
  font-weight:650;
}

.b2b-resource-copy p,
.b2b-catalog-copy p{
  font-size:15px;
  line-height:1.6;
  letter-spacing:-.008em;
}


/* Editorial / solutions ------------------------------------- */






/* Product Detail -------------------------------------------- */







.b2b-feature-viewer-tab{font-size:17px;font-weight:600;letter-spacing:-.016em}
.b2b-feature-viewer-stage-label strong{font-size:23px;line-height:1.1}





/* Brand Center ---------------------------------------------- */


.b2b-brand-proof-v3 strong{font-size:17px;line-height:1.25;letter-spacing:-.02em}
.b2b-brand-cap-tabs button span{font-size:18px;font-weight:600;letter-spacing:-.02em}
.b2b-brand-cap-copy h3{font-size:31px;line-height:1.08;letter-spacing:-.04em}
.b2b-brand-cap-copy p{font-size:16px;line-height:1.62}
.b2b-brand-process-line h3{font-size:24px;line-height:1.12;letter-spacing:-.03em}
.b2b-brand-trust-details summary span{font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.b2b-brand-trust-details details>p{font-size:14px;line-height:1.65}

/* Factory visual module ------------------------------------- */
.b2b-factory-gallery-copy h2{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.055em}
.b2b-factory-gallery-copy p{font-size:18px;line-height:1.58}
.b2b-factory-gallery-caption h3{font-size:clamp(30px,3vw,44px);line-height:1.05;letter-spacing:-.042em}
.b2b-factory-gallery-caption p{font-size:16px;line-height:1.58}

/* Resource Center / articles -------------------------------- */
.b2b-resource-copy{padding:28px}

.b2b-article-content,
.b2b-resource-article{
  font-size:17px;
  line-height:1.78;
  letter-spacing:-.008em;
}
.b2b-article-content h2,.b2b-resource-article h2{font-size:clamp(34px,3.6vw,44px);line-height:1.1;letter-spacing:-.04em}
.b2b-article-content h3,.b2b-resource-article h3{font-size:26px;line-height:1.16;letter-spacing:-.03em}
.b2b-resource-faq-question{font-size:22px;line-height:1.28;font-weight:600;letter-spacing:-.028em}
.b2b-resource-faq-answer p{font-size:16px;line-height:1.7}

/* Contact / forms ------------------------------------------- */



.b2b-enquiry-form label{font-size:12px;line-height:1.35;font-weight:600;letter-spacing:.005em}
.b2b-enquiry-form input,
.b2b-enquiry-form select,
.b2b-enquiry-form textarea,
.b2b-home-rfq-form input,
.b2b-home-rfq-form select,
.b2b-home-rfq-form textarea{
  font-size:15px;
  line-height:1.45;
  letter-spacing:-.006em;
}

/* CTA / footer ---------------------------------------------- */
.b2b-cta-band{padding:52px 56px;border-radius:30px}
.b2b-cta-band h2{font-size:clamp(36px,4vw,52px);line-height:1.04;letter-spacing:-.048em}
.b2b-cta-band p{font-size:16px;line-height:1.62}
.b2b-site-footer{font-size:13px;line-height:1.55}
.b2b-footer-brand{font-size:17px;letter-spacing:-.02em}
.b2b-footer-main h3{font-size:11px;line-height:1.3;letter-spacing:.1em;font-weight:700}
.b2b-footer-intro p,.b2b-footer-nav a,.b2b-footer-contact a,.b2b-footer-contact span{font-size:13px;line-height:1.6}

/* Commercial proof ------------------------------------------ */
.b2b-commercial-proof-item strong{font-size:22px;line-height:1.08;letter-spacing:-.035em}
.b2b-commercial-proof-item span{font-size:13px;line-height:1.35;font-weight:600}
.b2b-commercial-proof-item small{font-size:12px;line-height:1.52}

/* Keep homepage launch hero intentionally larger, but normalize copy. */






/* The fullscreen scroll-video performance story is a deliberate
   oversized display treatment and is not normalized here. */

/* Tablet ----------------------------------------------------- */
@media(max-width:1024px){
  :root{--b2b-section-space:96px;--b2b-type-page:clamp(50px,7.2vw,72px);--b2b-type-section:clamp(38px,5.5vw,56px)}
  .b2b-page-hero{padding:84px 0 78px}
  
  
  
}

/* Mobile ----------------------------------------------------- */
@media(max-width:760px){
  :root{
    --b2b-type-eyebrow:10px;
    --b2b-type-body:16px;
    --b2b-type-body-lg:16px;
    --b2b-type-lead:18px;
    --b2b-type-card-title:28px;
    --b2b-type-section:clamp(36px,9vw,46px);
    --b2b-type-page:clamp(44px,11vw,58px);
    --b2b-section-space:var(--b2b-section-space-mobile);
  }
  .b2b-header-inner{min-height:54px}
  .b2b-primary-nav{top:54px}
  .b2b-nav-list li a{font-size:15px;line-height:1.25;padding:12px 4px}
  .b2b-page-hero{padding:72px 0 66px}
  .b2b-page-hero p,.b2b-detail-hero p,.b2b-product-center-hero p{font-size:18px;line-height:1.52}
  .b2b-section-heading{margin-bottom:30px}
  .b2b-section-heading p,.b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow),.b2b-brand-cap-head p,.b2b-resource-faq-intro p,.b2b-feature-viewer-section-head p,.b2b-product-section-head p{font-size:16px;line-height:1.58}
  .b2b-btn{min-height:44px;font-size:15px;padding:0 19px}
  
  .b2b-resource-copy h2,.b2b-catalog-copy h2{font-size:27px}
  .b2b-resource-copy p,.b2b-catalog-copy p{font-size:15px}
  
  
  
  .b2b-feature-viewer-tab{font-size:16px}
  
  
  .b2b-brand-cap-copy h3{font-size:27px}.b2b-brand-cap-copy p{font-size:15px}.b2b-brand-process-line h3{font-size:22px}
  .b2b-factory-gallery-copy h2{font-size:40px}.b2b-factory-gallery-copy p{font-size:16px}.b2b-factory-gallery-caption h3{font-size:29px}.b2b-factory-gallery-caption p{font-size:15px}
  .b2b-resource-faq-question{font-size:19px;line-height:1.3}.b2b-resource-faq-answer p{font-size:16px}
  
  .b2b-cta-band{padding:36px 26px}.b2b-cta-band h2{font-size:36px}.b2b-cta-band p{font-size:16px}
  .b2b-commercial-proof-item{padding:19px 14px}.b2b-commercial-proof-item strong{font-size:20px}.b2b-commercial-proof-item span{font-size:12px}.b2b-commercial-proof-item small{font-size:11px}
  
}

@media(max-width:430px){
  .b2b-commercial-proof-grid{grid-template-columns:1fr}
  .b2b-commercial-proof-item{border-right:0!important;border-bottom:1px solid rgba(0,0,0,.08)!important}
  .b2b-commercial-proof-item:last-child{border-bottom:0!important}
  .b2b-footer-nav .menu,.b2b-footer-links{grid-template-columns:1fr}
}

/* =========================================================
   v1.5.24 — Product Center / Apple-inspired B2B Catalog
   ========================================================= */
.b2b-pc-hero{
  padding:118px 0 92px;
  background:#fff;
  text-align:center;
}
.b2b-pc-hero-inner{max-width:980px}
.b2b-pc-eyebrow{
  display:block;
  margin-bottom:18px;
  color:#86868b;
  font-size:var(--b2b-type-eyebrow,11px);
  line-height:1.2;
  font-weight:750;
  letter-spacing:.14em;
}
.b2b-pc-hero h1{
  max-width:920px;
  margin:0 auto;
  font-size:clamp(56px,6.4vw,92px);
  line-height:.96;
  letter-spacing:-.062em;
  font-weight:700;
}
.b2b-pc-hero p{
  max-width:720px;
  margin:24px auto 0;
  color:#6e6e73;
  font-size:20px;
  line-height:1.55;
  letter-spacing:-.018em;
}




.b2b-pc-catalog{
  padding:0 0 124px;
  background:#f5f5f7;
}
.b2b-pc-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:26px 0 24px;
}





.b2b-pc-search{
  width:min(100%,330px);
  flex:0 0 330px;
  display:flex;
  align-items:center;
  padding:4px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
}
.b2b-pc-search input{
  min-width:0;
  flex:1;
  height:38px;
  padding:0 14px;
  border:0;
  outline:0;
  background:transparent;
  color:#1d1d1f;
  font-size:13px;
}
.b2b-pc-search input::placeholder{color:#86868b}
.b2b-pc-search button{
  height:38px;
  padding:0 16px;
  border:0;
  border-radius:999px;
  background:#1d1d1f;
  color:#fff;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
}
.b2b-pc-resultline{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(0,0,0,.07);
  color:#86868b;
  font-size:12px;
}
.b2b-pc-resultline p{margin:0}
.b2b-pc-resultline strong{color:#1d1d1f;font-weight:700}
.b2b-pc-resultline a{color:#B50609;font-weight:600}

.b2b-pc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.b2b-pc-card{
  min-width:0;
  overflow:hidden;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(0,0,0,.045);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s ease;
}
@media (hover:hover) and (pointer:fine){
  .b2b-pc-card:hover{transform:translateY(-3px);border-color:rgba(0,0,0,.09)}
  .b2b-pc-card:hover .b2b-pc-media img{transform:scale(1.018)}
}
.b2b-pc-media{
  position:relative;
  min-height:400px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px 28px 26px;
  background:#fafafa;
  overflow:hidden;
}
.b2b-pc-media img{
  width:100%;
  height:330px;
  object-fit:contain;
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.b2b-pc-category{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  max-width:calc(100% - 36px);
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(12px);
  color:#6e6e73;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.035em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.b2b-pc-placeholder{
  width:100%;
  max-width:330px;
  border-radius:24px;
}
.b2b-pc-card-body{padding:28px 28px 30px}
.b2b-pc-model{
  display:block;
  color:#86868b;
  font-size:10px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.b2b-pc-card h2{
  margin:8px 0 10px;
  font-size:29px;
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:700;
}
.b2b-pc-card h2 a:hover{color:#B50609}







.b2b-pc-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:22px;
}
.b2b-pc-actions .b2b-link-arrow{font-size:14px;white-space:nowrap}
.b2b-pc-actions .b2b-btn{min-height:40px;padding:0 17px;font-size:13px;white-space:nowrap}

.b2b-pc-pagination{margin-top:52px;text-align:center}
.b2b-pc-pagination .page-numbers{
  min-width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:3px;
  padding:0 13px;
  border-radius:999px;
  background:#fff;
  color:#424245;
  font-size:12px;
}
.b2b-pc-pagination .current{background:#1d1d1f;color:#fff}
.b2b-pc-empty{
  max-width:760px;
  margin:20px auto 0;
  padding:72px 36px;
  border-radius:30px;
  background:#fff;
  text-align:center;
}
.b2b-pc-empty>span{color:#86868b;font-size:10px;letter-spacing:.13em;font-weight:750}
.b2b-pc-empty h2{max-width:620px;margin:16px auto 12px;font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.05em}
.b2b-pc-empty p{max-width:600px;margin:0 auto 26px;color:#6e6e73;font-size:16px;line-height:1.6}
.b2b-pc-empty>div{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}

.b2b-pc-assist{padding:92px 0 116px;background:#fff}
.b2b-pc-assist-inner{
  min-height:300px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:48px;
  padding:52px 58px;
  border-radius:34px;
  background:#000;
  color:#fff;
}
.b2b-pc-assist-inner>div{max-width:780px}
.b2b-pc-assist-inner span{display:block;margin-bottom:14px;color:#86868b;font-size:10px;font-weight:750;letter-spacing:.14em}
.b2b-pc-assist-inner h2{margin:0;font-size:clamp(38px,4.4vw,58px);line-height:1.02;letter-spacing:-.052em}
.b2b-pc-assist-inner p{max-width:650px;margin:16px 0 0;color:#a1a1a6;font-size:16px;line-height:1.6}
.b2b-pc-assist-inner .b2b-btn{flex:0 0 auto}

@media(max-width:1024px){
  .b2b-pc-hero{padding:96px 0 76px}
  .b2b-pc-tools{align-items:stretch;flex-direction:column;gap:14px}
  .b2b-pc-search{width:100%;flex-basis:auto}
  .b2b-pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b2b-pc-assist-inner{padding:46px 40px}
}
@media(max-width:680px){
  .b2b-pc-hero{padding:78px 0 62px}
  .b2b-pc-hero h1{font-size:clamp(44px,12vw,60px)}
  .b2b-pc-hero p{font-size:17px;line-height:1.56}
  
  
  .b2b-pc-catalog{padding-bottom:88px}
  .b2b-pc-tools{padding-top:18px}
  .b2b-pc-resultline{align-items:flex-start;flex-direction:column;gap:5px;padding:16px 0}
  .b2b-pc-grid{grid-template-columns:1fr;gap:16px}
  .b2b-pc-card{border-radius:26px}
  .b2b-pc-media{min-height:330px;padding:38px 20px 20px}
  .b2b-pc-media img{height:275px}
  .b2b-pc-card-body{padding:24px 22px 25px}
  .b2b-pc-card h2{font-size:27px}
  
  
  
  .b2b-pc-actions{align-items:stretch;flex-direction:column-reverse}
  .b2b-pc-actions .b2b-btn{width:100%}
  .b2b-pc-actions .b2b-link-arrow{text-align:center}
  .b2b-pc-assist{padding:72px 0 88px}
  .b2b-pc-assist-inner{min-height:0;align-items:flex-start;flex-direction:column;padding:36px 26px;border-radius:28px}
  .b2b-pc-assist-inner h2{font-size:38px}
}


/* =========================================================
   v1.5.25 — Product Center / Further Simplified
   ========================================================= */
.b2b-pc-hero-simple{padding:92px 0 70px;background:#fff}
.b2b-pc-hero-simple .b2b-pc-hero-inner{max-width:900px;text-align:center}
.b2b-pc-hero-simple h1{max-width:900px;font-size:clamp(54px,6.4vw,88px);line-height:.96;letter-spacing:-.062em}
.b2b-pc-hero-simple p{max-width:650px;margin-top:20px;font-size:18px;line-height:1.55}
.b2b-pc-catalog-simple{padding:0 0 96px;background:#fff}
.b2b-pc-tools-simple{padding:20px 0 22px;border-top:1px solid rgba(0,0,0,.07);border-bottom:1px solid rgba(0,0,0,.07)}
.b2b-pc-resultline-simple{min-height:46px;padding:13px 0;margin:0;color:#86868b;font-size:12px}
.b2b-pc-resultline-simple p{margin:0}
.b2b-pc-resultline-simple strong{color:#1d1d1f}
.b2b-pc-grid-simple{gap:18px}
.b2b-pc-card-simple{border-radius:26px;background:#f5f5f7;border:0}
@media (hover:hover) and (pointer:fine){.b2b-pc-card-simple:hover{transform:translateY(-2px);border-color:transparent}}
.b2b-pc-media-simple{min-height:390px;padding:40px 26px 18px;background:#f5f5f7}
.b2b-pc-media-simple img{height:320px;max-width:86%;object-fit:contain}
.b2b-pc-card-body-simple{padding:24px 26px 26px;background:#fff;border-radius:0 0 26px 26px}
.b2b-pc-card-body-simple h2{margin:7px 0 10px;font-size:28px;line-height:1.08}





.b2b-pc-actions-simple{margin-top:20px}
.b2b-pc-assist-simple{padding:0 0 104px;background:#fff}
.b2b-pc-assist-inner-simple{min-height:180px;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:#111114;color:#fff;border-radius:30px}
.b2b-pc-assist-inner-simple h2{max-width:680px;margin:0;font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-.05em}
.b2b-pc-assist-inner-simple .b2b-btn{flex:0 0 auto}

@media(max-width:1024px){
  .b2b-pc-media-simple{min-height:340px}.b2b-pc-media-simple img{height:275px}
}
@media(max-width:760px){
  .b2b-pc-hero-simple{padding:68px 0 50px}
  .b2b-pc-hero-simple h1{font-size:clamp(43px,11.5vw,58px)}
  .b2b-pc-hero-simple p{font-size:16px;margin-top:16px}
  .b2b-pc-tools-simple{padding:16px 0 18px}
  .b2b-pc-resultline-simple{min-height:40px;padding:11px 0}
  .b2b-pc-catalog-simple{padding-bottom:72px}
  .b2b-pc-media-simple{min-height:300px;padding:28px 16px 12px}
  .b2b-pc-media-simple img{height:250px}
  .b2b-pc-card-body-simple{padding:22px}
  .b2b-pc-card-body-simple h2{font-size:26px}
  
  
  .b2b-pc-actions-simple{align-items:stretch;flex-direction:column-reverse}
  .b2b-pc-actions-simple .b2b-btn{width:100%}
  .b2b-pc-actions-simple .b2b-link-arrow{text-align:center}
  .b2b-pc-assist-simple{padding-bottom:80px}
  .b2b-pc-assist-inner-simple{min-height:0;padding:32px 24px;align-items:flex-start;flex-direction:column;border-radius:26px}
  .b2b-pc-assist-inner-simple h2{font-size:34px}
}

/* =========================================================
   Brand Center v1.5.26 — Image + brand introduction hero
   ========================================================= */
.b2b-brand-intro-v4{padding:92px 0 0;background:#fff;scroll-margin-top:108px}
.b2b-brand-intro-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"media copy";gap:clamp(54px,6.5vw,94px);align-items:center;min-height:650px;padding:58px 0 70px}
.b2b-brand-intro-copy{grid-area:copy;min-width:0;max-width:620px}
.b2b-brand-intro-copy>span{display:block;font-size:var(--b2b-type-eyebrow,11px);line-height:1.2;font-weight:750;letter-spacing:.14em;color:#86868b;margin-bottom:18px}
.b2b-brand-intro-copy h1{font-size:clamp(50px,5.35vw,76px);line-height:.99;letter-spacing:-.058em;margin:0;max-width:650px;text-wrap:balance}
.b2b-brand-intro-copy>p{font-size:19px;line-height:1.58;letter-spacing:-.018em;color:#6e6e73;margin:24px 0 0;max-width:590px}
.b2b-brand-intro-copy .b2b-brand-stage-actions{margin-top:32px}
.b2b-brand-intro-media{grid-area:media;position:relative;overflow:hidden;min-height:600px;border-radius:36px;background:#f5f5f7}
.b2b-brand-intro-media:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.045)}
.b2b-brand-intro-media img{display:block;width:100%;height:100%;min-height:600px;object-fit:cover;object-position:center;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (pointer:fine){.b2b-brand-intro-grid:hover .b2b-brand-intro-media img{transform:scale(1.018)}}
.b2b-brand-intro-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:48px;background:radial-gradient(circle at 28% 18%,#FCE9EA 0,#FAF0F0 34%,#d6d9df 74%,#c6c9cf 100%);overflow:hidden}
.b2b-brand-intro-placeholder:before{content:"";position:absolute;width:48%;aspect-ratio:.76;right:11%;top:14%;border-radius:52px;background:linear-gradient(145deg,#28292d,#0d0e10);box-shadow:0 42px 70px rgba(0,0,0,.22);transform:rotate(7deg)}
.b2b-brand-intro-placeholder:after{content:"";position:absolute;width:17%;height:27%;right:26%;top:3%;border-radius:28px;background:#b9bcc2;box-shadow:0 385px 0 #b9bcc2}
.b2b-brand-intro-placeholder span,.b2b-brand-intro-placeholder strong{position:relative;z-index:2}.b2b-brand-intro-placeholder span{font-size:10px;letter-spacing:.16em;font-weight:750;color:#6e6e73}.b2b-brand-intro-placeholder strong{font-size:clamp(31px,3vw,46px);line-height:.98;letter-spacing:-.05em;margin-top:10px;max-width:330px}.b2b-brand-intro-placeholder i{position:absolute;left:48px;bottom:42px;width:56px;height:2px;background:#1d1d1f;border-radius:999px}
.b2b-brand-proof-v4{margin-top:0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.b2b-brand-proof-v4 article{min-height:112px;display:flex;flex-direction:column;justify-content:center}

/* With Project Workflow removed, tighten the Capability -> Quality rhythm. */
.b2b-brand-capability-explorer{padding-bottom:118px}
.b2b-brand-trust-stage{padding-top:118px}

@media(max-width:1024px){
  .b2b-brand-intro-v4{padding-top:74px}
  .b2b-brand-intro-grid{grid-template-columns:1fr;grid-template-areas:"copy" "media";gap:42px;min-height:0;padding:48px 0 58px}
  .b2b-brand-intro-copy{max-width:760px;text-align:center;margin-inline:auto}
  .b2b-brand-intro-copy h1,.b2b-brand-intro-copy>p{margin-left:auto;margin-right:auto}
  .b2b-brand-intro-copy .b2b-brand-stage-actions{justify-content:center}
  .b2b-brand-intro-media{min-height:520px;max-width:820px;width:100%;margin-inline:auto}
  .b2b-brand-intro-media img{min-height:520px}
}
@media(max-width:760px){
  .b2b-brand-intro-v4{padding-top:52px}
  .b2b-brand-intro-grid{gap:30px;padding:42px 0 44px}
  .b2b-brand-intro-copy h1{font-size:clamp(43px,11.2vw,57px)}
  .b2b-brand-intro-copy>p{font-size:17px;line-height:1.58;margin-top:19px}
  .b2b-brand-intro-copy .b2b-brand-stage-actions{flex-direction:column;gap:16px;margin-top:26px}
  .b2b-brand-intro-media,.b2b-brand-intro-media img{min-height:410px}
  .b2b-brand-intro-media{border-radius:28px}
  .b2b-brand-intro-placeholder{padding:28px}
  .b2b-brand-intro-placeholder i{left:28px;bottom:26px}
  .b2b-brand-proof-v4{grid-template-columns:1fr 1fr}
  .b2b-brand-proof-v4 article{min-height:94px}
  .b2b-brand-capability-explorer{padding-bottom:92px}
  .b2b-brand-trust-stage{padding-top:92px}
}
@media(prefers-reduced-motion:reduce){.b2b-brand-intro-media img{transition:none}}


/* =========================================================
   v1.5.27 — Unified Proportions & Readability
   Raises undersized UI/detail text while preserving the
   existing Apple-inspired visual hierarchy and motion story.
   ========================================================= */
:root{
  --b2b-type-eyebrow:12px;
  --b2b-type-small:14px;
  --b2b-type-body:17px;
  --b2b-type-body-lg:19px;
  --b2b-type-lead:21px;
  --b2b-type-card-title:clamp(28px,2.2vw,34px);
  --b2b-type-section:clamp(42px,4.8vw,66px);
  --b2b-type-page:clamp(56px,6.1vw,88px);
  --b2b-leading-body:1.64;
}
body{font-size:17px;line-height:1.56}

/* Navigation: slightly larger and easier to scan. */
.b2b-header-inner{min-height:58px}
.b2b-brand-name{font-size:18px}
.b2b-nav-list{font-size:14px;gap:23px;font-weight:520}
.b2b-nav-list>li>a{min-height:38px}
.b2b-nav-list li:last-child a{min-height:36px;padding:0 16px;font-size:14px}

/* Common labels and controls. */

.b2b-section-heading>span,
.b2b-page-hero span,
.b2b-detail-hero span,
.b2b-generic-hero span,
.b2b-cta-band span,
.b2b-story-copy>span,
.b2b-apple-eyebrow,
.b2b-product-section-head>span,
.b2b-feature-viewer-section-head>span,
.b2b-brand-intro-copy>span,
.b2b-brand-cap-head>span,
.b2b-brand-trust-intro>span,
.b2b-factory-gallery-copy>span,
.b2b-resource-faq-intro>span,
.b2b-product-center-hero-inner>span,
.b2b-product-discovery-head>div>span,
.b2b-pc-eyebrow{
  font-size:12px;
  line-height:1.3;
  letter-spacing:.125em;
}
.b2b-btn{min-height:46px;padding:0 22px;font-size:16px;font-weight:560}
.b2b-link-arrow{font-size:16px}
.b2b-link-arrow span{font-size:20px}

/* Section copy: make body/lead copy feel proportional to headings. */
.b2b-section-heading p,
.b2b-home-module-description,
.b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow),
.b2b-brand-cap-head p,
.b2b-resource-faq-intro p,
.b2b-feature-viewer-section-head p,
.b2b-product-section-head p{
  font-size:19px;
  line-height:1.6;
}
.b2b-page-hero p,
.b2b-detail-hero p,
.b2b-generic-hero p,
.b2b-product-center-hero p{font-size:21px;line-height:1.54}

/* Home proof / cards. */
.b2b-commercial-proof-item strong{font-size:24px}
.b2b-commercial-proof-item span{font-size:14px}
.b2b-commercial-proof-item small{font-size:13px;line-height:1.55}
.b2b-feature-card p{font-size:17px;line-height:1.64}

/* Product cards / generic catalog cards. */

.b2b-resource-copy>span{font-size:11px;line-height:1.35}

.b2b-resource-copy p,
.b2b-catalog-copy p{font-size:16px;line-height:1.64}


/* Product Center simple catalog. */
.b2b-pc-hero-simple p{font-size:19px;line-height:1.58}

.b2b-pc-search input{height:40px;font-size:14px}
.b2b-pc-search button{height:40px;padding:0 18px;font-size:13px}
.b2b-pc-resultline,.b2b-pc-resultline-simple{font-size:13px;line-height:1.45}
.b2b-pc-model{font-size:11px;letter-spacing:.12em}
.b2b-pc-card-body-simple h2{font-size:30px;line-height:1.08}



.b2b-pc-actions-simple .b2b-link-arrow{font-size:15px}
.b2b-pc-actions-simple .b2b-btn{font-size:14px;min-height:42px}
.b2b-pc-pagination .page-numbers{font-size:13px}

/* Product detail: raise factual labels and supporting copy. */






.b2b-feature-viewer-tab{font-size:18px}


.b2b-feature-viewer-stage-label strong{font-size:24px}






/* Brand Center: bring intro, proof, gallery and accordions onto the same scale. */
.b2b-brand-intro-copy h1{font-size:clamp(52px,5.5vw,78px)}
.b2b-brand-intro-copy>p{font-size:20px;line-height:1.62}
.b2b-brand-proof-v3 strong,.b2b-brand-proof-v4 strong{font-size:18px;line-height:1.3}
.b2b-brand-proof-v3 span,.b2b-brand-proof-v4 span{font-size:13px;line-height:1.45}
.b2b-brand-cap-tabs button span{font-size:19px}
.b2b-brand-cap-copy h3{font-size:33px}
.b2b-brand-cap-copy p{font-size:17px;line-height:1.65}
.b2b-brand-trust-details summary span{font-size:21px}
.b2b-brand-trust-details details>p{font-size:16px;line-height:1.68}
.b2b-factory-gallery-copy p{font-size:19px;line-height:1.62}
.b2b-factory-gallery-caption p{font-size:17px;line-height:1.62}

/* Solutions and cooperation. */




/* Resource Center / long-form reading. */
.b2b-resource-copy{padding:29px}
.b2b-resource-copy p{font-size:16px}
.b2b-article-content,.b2b-resource-article{font-size:18px;line-height:1.8}
.b2b-article-content h3,.b2b-resource-article h3{font-size:28px}
.b2b-resource-faq-question{font-size:23px;line-height:1.3}
.b2b-resource-faq-answer p{font-size:17px;line-height:1.72}


/* Forms / inquiry: avoid tiny B2B lead-capture UI. */

.b2b-enquiry-form label,
.b2b-home-rfq-form label{font-size:13px;line-height:1.4;font-weight:600}
.b2b-enquiry-form input,
.b2b-enquiry-form select,
.b2b-enquiry-form textarea,
.b2b-home-rfq-form input,
.b2b-home-rfq-form select,
.b2b-home-rfq-form textarea{font-size:16px;line-height:1.5}

/* CTA and footer. */
.b2b-cta-band p{font-size:17px;line-height:1.65}
.b2b-site-footer{font-size:14px;line-height:1.6}
.b2b-footer-main h3{font-size:12px}
.b2b-footer-intro p,
.b2b-footer-nav a,
.b2b-footer-contact a,
.b2b-footer-contact span{font-size:14px;line-height:1.65}

/* Keep the fullscreen video-performance story's bespoke type/mask
   exactly as designed in v1.5.21; no overrides are applied here. */

@media(max-width:1024px){
  :root{
    --b2b-type-eyebrow:11.5px;
    --b2b-type-body:17px;
    --b2b-type-body-lg:18px;
    --b2b-type-lead:20px;
    --b2b-type-card-title:clamp(28px,3.4vw,33px);
    --b2b-type-section:clamp(40px,5.6vw,58px);
    --b2b-type-page:clamp(52px,7.4vw,76px);
  }
  .b2b-nav-list{font-size:13.5px;gap:18px}
  .b2b-brand-intro-copy>p{font-size:19px}
  .b2b-pc-card-body-simple h2{font-size:29px}
}

@media(max-width:760px){
  :root{
    --b2b-type-eyebrow:11px;
    --b2b-type-body:16.5px;
    --b2b-type-body-lg:17px;
    --b2b-type-lead:19px;
    --b2b-type-card-title:29px;
    --b2b-type-section:clamp(37px,9.4vw,48px);
    --b2b-type-page:clamp(46px,11.4vw,60px);
  }
  body{font-size:16.5px;line-height:1.58}
  .b2b-header-inner{min-height:56px}
  .b2b-primary-nav{top:56px}
  .b2b-nav-list li a{font-size:16px;line-height:1.3;padding:13px 4px}
  .b2b-btn{min-height:46px;font-size:16px}
  .b2b-page-hero p,.b2b-detail-hero p,.b2b-product-center-hero p{font-size:19px}
  .b2b-section-heading p,.b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow),.b2b-brand-cap-head p,.b2b-resource-faq-intro p,.b2b-feature-viewer-section-head p,.b2b-product-section-head p{font-size:17px}
  .b2b-resource-copy p,.b2b-catalog-copy p{font-size:16px}
  .b2b-pc-hero-simple p{font-size:17px}
  
  .b2b-pc-search input,.b2b-pc-search button{font-size:14px}
  .b2b-pc-resultline-simple{font-size:12.5px}
  .b2b-pc-model{font-size:11px}
  .b2b-pc-card-body-simple h2{font-size:28px}
  
  
  
  
  
  
  .b2b-feature-viewer-tab{font-size:17px}
  
  
  
  .b2b-brand-intro-copy h1{font-size:clamp(45px,11.6vw,59px)}
  .b2b-brand-intro-copy>p{font-size:18px;line-height:1.62}
  .b2b-brand-proof-v3 strong,.b2b-brand-proof-v4 strong{font-size:17px}
  .b2b-brand-cap-copy h3{font-size:29px}.b2b-brand-cap-copy p{font-size:16px}
  .b2b-factory-gallery-copy p{font-size:17px}.b2b-factory-gallery-caption p{font-size:16px}
  .b2b-resource-faq-question{font-size:20px}.b2b-resource-faq-answer p{font-size:16.5px}
  .b2b-article-content,.b2b-resource-article{font-size:16.5px;line-height:1.76}
  .b2b-enquiry-form label,.b2b-home-rfq-form label{font-size:13px}
  .b2b-enquiry-form input,.b2b-enquiry-form select,.b2b-enquiry-form textarea,.b2b-home-rfq-form input,.b2b-home-rfq-form select,.b2b-home-rfq-form textarea{font-size:16px}
  .b2b-footer-intro p,.b2b-footer-nav a,.b2b-footer-contact a,.b2b-footer-contact span{font-size:14px}
}


/* ==========================================================
   v1.5.28 — Micro Type & Number Scale
   Raise small labels, sequence numbers and utility text without
   changing the established page/section headline hierarchy.
   ========================================================== */
:root{
  --b2b-type-micro:13px;
  --b2b-type-meta:14px;
  --b2b-type-sequence:14px;
}

/* Global minimum for semantic small copy. Decorative text remains compact,
   but no longer drops into the 8–10px range used by earlier revisions. */
.b2b-pro-theme small:not(.screen-reader-text){
  font-size:max(12.5px,.72em) !important;
  line-height:1.45;
}

/* Eyebrows / section labels: slightly stronger and easier to scan. */

.b2b-section-heading>span,
.b2b-page-hero span,
.b2b-detail-hero span,
.b2b-generic-hero span,
.b2b-cta-band span,
.b2b-story-copy>span,
.b2b-apple-eyebrow,
.b2b-product-section-head>span,
.b2b-feature-viewer-section-head>span,
.b2b-brand-intro-copy>span,
.b2b-brand-cap-head>span,
.b2b-brand-trust-intro>span,
.b2b-factory-gallery-copy>span,
.b2b-resource-faq-intro>span,
.b2b-product-center-hero-inner>span,
.b2b-product-discovery-head>div>span,
.b2b-pc-eyebrow{
  font-size:13px;
  line-height:1.35;
  letter-spacing:.095em;
  font-weight:720;
}

/* Sequence numbers / step markers. */
.b2b-highlight-copy small,
.b2b-scroll-step>small,
.b2b-brand-process-line strong,
.b2b-brand-process-line small,
.b2b-brand-proof-v3 small,
.b2b-brand-proof-v4 small,
.b2b-brand-cap-tabs button small,
.b2b-brand-cap-copy small,
.b2b-brand-trust-details summary small,
.b2b-brand-doc-strip>small,
.b2b-feature-viewer-stage-label small,
.b2b-factory-gallery-caption small{
  font-size:13px !important;
  line-height:1.35;
  letter-spacing:.075em;
  font-weight:720;
}

.b2b-brand-process-line strong{font-size:14px !important}
.b2b-slider-count{font-size:14px;line-height:1.35;letter-spacing:.045em;font-weight:650}
.b2b-slider-count strong,.b2b-slider-current{font-size:15px;font-weight:720}

/* Product center — model / commercial facts / results / pagination. */
.b2b-pc-model,
.b2b-catalog-model{font-size:13px;line-height:1.35;letter-spacing:.085em;font-weight:720}


.b2b-pc-resultline,.b2b-pc-resultline-simple{font-size:14px;line-height:1.5}
.b2b-pc-pagination .page-numbers{font-size:14px;font-weight:600}

.b2b-pc-search button{font-size:14px}
.b2b-catalog-category{font-size:12.5px;line-height:1.3;letter-spacing:.055em}
.b2b-catalog-watch span{font-size:12px;letter-spacing:.075em}

.b2b-catalog-actions .b2b-btn{font-size:14px}
.b2b-catalog-actions .b2b-link-arrow{font-size:14px}

/* Product detail — factual labels and enquiry microcopy. */




.b2b-feature-viewer-stage-label small{font-size:13px !important}




.b2b-enquiry-form label,.b2b-home-rfq-form label{font-size:14px;line-height:1.4}
.b2b-enquiry-form small,.b2b-home-rfq-form small{font-size:13px !important;line-height:1.5}

/* Brand / factory — keep visual hierarchy while removing tiny labels. */
.b2b-brand-cap-watch span{font-size:12.5px;letter-spacing:.09em}
.b2b-brand-trust-details details>p{font-size:16.5px;line-height:1.68}
.b2b-brand-doc-strip span{font-size:13px;padding:9px 13px}
.b2b-factory-gallery-caption small{font-size:13px !important;letter-spacing:.085em}


/* Interactive / legacy showcase labels that may still be inserted via Elementor. */
.b2b-scroll-stage-topline span,
.b2b-scroll-stage-copy small{font-size:13px !important;line-height:1.35;letter-spacing:.08em}
.b2b-scroll-stage-topline strong{font-size:14px}


/* Footer / helper text. */
.b2b-site-footer{font-size:14.5px;line-height:1.62}
.b2b-footer-main h3{font-size:13px;line-height:1.35;letter-spacing:.075em}
.b2b-footer-intro p,
.b2b-footer-nav a,
.b2b-footer-contact a,
.b2b-footer-contact span{font-size:14.5px;line-height:1.65}


/* Navigation is utility text, but it should never read as microcopy. */
.b2b-nav-list{font-size:14px}
.b2b-nav-list li:last-child a{font-size:14px}

@media(max-width:760px){
  :root{--b2b-type-micro:12.5px;--b2b-type-meta:13.5px;--b2b-type-sequence:13.5px}
  .b2b-pro-theme small:not(.screen-reader-text){font-size:max(12px,.74em) !important}
  .b2b-section-heading>span,.b2b-page-hero span,.b2b-detail-hero span,.b2b-generic-hero span,.b2b-cta-band span,.b2b-story-copy>span,.b2b-apple-eyebrow,.b2b-product-section-head>span,.b2b-feature-viewer-section-head>span,.b2b-brand-intro-copy>span,.b2b-brand-cap-head>span,.b2b-brand-trust-intro>span,.b2b-factory-gallery-copy>span,.b2b-resource-faq-intro>span,.b2b-pc-eyebrow{font-size:12.5px;letter-spacing:.08em}
  .b2b-highlight-copy small,.b2b-brand-process-line strong,.b2b-brand-process-line small,.b2b-brand-proof-v3 small,.b2b-brand-proof-v4 small,.b2b-brand-cap-tabs button small,.b2b-brand-cap-copy small,.b2b-brand-trust-details summary small,.b2b-brand-doc-strip>small,.b2b-feature-viewer-stage-label small,.b2b-factory-gallery-caption small{font-size:12.5px !important}
  .b2b-slider-count{font-size:13.5px}.b2b-slider-count strong,.b2b-slider-current{font-size:14px}
  .b2b-pc-model,.b2b-catalog-model{font-size:12.5px}
  
  
  .b2b-pc-resultline,.b2b-pc-resultline-simple{font-size:13.5px}
  .b2b-pc-search button,.b2b-pc-pagination .page-numbers{font-size:13.5px}
  
  
  
  .b2b-enquiry-form label,.b2b-home-rfq-form label{font-size:13.5px}
  .b2b-footer-main h3{font-size:12.5px}
  .b2b-footer-intro p,.b2b-footer-nav a,.b2b-footer-contact a,.b2b-footer-contact span{font-size:14px}
}


/* ==========================================================
   v1.5.29 — Site-wide Contrast & Surface System
   Stronger text/background separation across light and dark
   surfaces. The fullscreen cutout-video story is intentionally
   excluded so its bespoke mask animation remains untouched.
   ========================================================== */

/* Core readable colors on light surfaces. */
.b2b-pro-theme{
  --b2b-light-primary:#1d1d1f;
  --b2b-light-secondary:#515154;
  --b2b-light-meta:#5f5f64;
  --b2b-light-placeholder:#717178;
  --b2b-dark-primary:#f5f5f7;
  --b2b-dark-secondary:#d2d2d7;
  --b2b-dark-meta:#b8b8bd;
}

/* Navigation and global utility copy. */
.b2b-nav-list a{color:#2c2c2e}
.b2b-nav-list a:hover{color:#000}
.b2b-link-arrow{color:#B50609}
.b2b-site-footer{color:#515154}
.b2b-footer-intro p,
.b2b-footer-nav a,
.b2b-footer-contact span{color:#515154}
.b2b-footer-contact a{color:#1d1d1f}

/* Light-surface eyebrow/meta language. */

.b2b-section-heading>span,
.b2b-page-hero-light span,
.b2b-generic-hero span,
.b2b-resource-copy>span,
.b2b-pc-eyebrow,
.b2b-pc-model,
.b2b-pc-resultline,
.b2b-pc-resultline-simple,
.b2b-catalog-model,
.b2b-product-empty>span,
.b2b-product-sourcing-grid small,
.b2b-product-detail-categories a,
.b2b-brand-intro-copy>span,
.b2b-brand-cap-head>span,
.b2b-brand-cap-tabs button small,
.b2b-brand-cap-copy small,
.b2b-brand-proof-v3 small,
.b2b-brand-proof-v4 small,
.b2b-footer-main h3{
  color:#5f5f64;
}

/* Primary supporting copy on white / light-gray surfaces. */

.b2b-section-heading p,
.b2b-feature-card p,
.b2b-page-hero-light p,
.b2b-generic-hero p,
.b2b-resource-copy p,
.b2b-story-copy p,
.b2b-product-section-head p,
.b2b-pc-hero p,
.b2b-pc-hero-simple p,
.b2b-catalog-copy p,
.b2b-product-empty p,
.b2b-product-sourcing-grid p,
.b2b-brand-intro-copy>p,
.b2b-brand-cap-head p,
.b2b-brand-cap-copy p,
.b2b-resource-faq-intro p,
.b2b-resource-faq-answer p{
  color:#515154;
}

/* Light cards need a clear text/surface separation. */
.b2b-feature-card,
.b2b-resource-card,
.b2b-content-card,
.b2b-article-content,
.b2b-pc-card-body-simple{
  color:#1d1d1f;
}

/* Contact hero: deliberately high-contrast, with a subtle premium depth. */





/* Generic dark heroes and dark editorial surfaces. */
.b2b-page-hero-dark,
.b2b-detail-hero{background-color:#0b0b0d;color:#fff}
.b2b-page-hero-dark h1,
.b2b-detail-hero h1{color:#fff}
.b2b-page-hero-dark p,
.b2b-detail-hero p{color:#d2d2d7}
.b2b-page-hero-dark span,
.b2b-detail-hero span{color:#b8b8bd}

.b2b-card-dark p,
.b2b-cta-band p,
.b2b-article-aside p,
.b2b-pc-assist-inner p{
  color:#d2d2d7;
}
.b2b-card-dark small,
.b2b-article-aside>span,
.b2b-cta-band>div>span,
.b2b-pc-assist-inner span{
  color:#b8b8bd;
}



/* Product Detail immersive highlights: retain black aesthetic, improve readability. */
.b2b-product-feature-viewer .b2b-feature-viewer-section-head span,
.b2b-feature-viewer-panel small,
.b2b-feature-viewer-stage-label small{color:#b8b8bd !important}
.b2b-feature-viewer-section-head p,
.b2b-feature-viewer-panel p{color:#d2d2d7}
.b2b-feature-viewer-tab{color:#f5f5f7;border-color:rgba(255,255,255,.13)}
.b2b-feature-viewer-tab:hover{border-color:rgba(255,255,255,.22)}
.b2b-feature-viewer-tab.is-active{border-color:rgba(255,255,255,.28)}

/* Brand Center dark modules and factory gallery. */
.b2b-factory-gallery-copy>span{color:#b8b8bd}
.b2b-factory-gallery-copy p{color:#d2d2d7}
.b2b-factory-gallery-caption small{color:#d7d7dc !important}
.b2b-factory-gallery-caption p{color:#ededf0}
.b2b-brand-trust-intro>span{color:#b8b8bd}
.b2b-brand-trust-intro p{color:#d2d2d7}
.b2b-brand-trust-details summary small,
.b2b-brand-trust-details summary i,
.b2b-brand-doc-strip>small{color:#b8b8bd !important}
.b2b-brand-trust-details details>p{color:#d2d2d7}
.b2b-brand-doc-strip span{color:#e1e1e6;border-color:#48484d}
.b2b-brand-cap-tabs button.is-active small,
.b2b-brand-cap-tabs button.is-active i,
.b2b-brand-cap-watch span{color:#c7c7cc}


/* Legacy dark Apple-style modules that may still be used through Elementor. */




/* Forms: stronger labels, values, placeholders and boundaries. */
.b2b-enquiry-form label,
.b2b-home-rfq-form label{color:#3f3f44}
.b2b-enquiry-form input,
.b2b-enquiry-form select,
.b2b-enquiry-form textarea,
.b2b-home-rfq-form input,
.b2b-home-rfq-form select,
.b2b-home-rfq-form textarea{
  color:#1d1d1f;
  background:#fff;
  border-color:#c7c7cc;
}
.b2b-enquiry-form input::placeholder,
.b2b-enquiry-form textarea::placeholder,
.b2b-home-rfq-form input::placeholder,
.b2b-home-rfq-form textarea::placeholder,
.b2b-product-search input::placeholder,
.b2b-pc-search input::placeholder{color:#717178;opacity:1}
.b2b-enquiry-form>small,
.b2b-enquiry-form small,
.b2b-home-rfq-form small{color:#626268}




/* Product Center: improve muted facts without making the catalog noisy. */


.b2b-pc-resultline-simple strong{color:#1d1d1f}


.b2b-product-detail-categories a{color:#515154}

/* Resource/article reading contrast. */
.b2b-article-content p,
.b2b-article-content li,
.b2b-resource-article p,
.b2b-resource-article li{color:#3f3f44}


/* Elementor starter pages: override older inline #6e6e73 defaults while
   preserving user-selected colors outside theme starter sections. */
.b2b-el-hero .elementor-widget-text-editor p,
.b2b-el-section .elementor-widget-text-editor p{color:#515154 !important}
.b2b-el-hero .elementor-widget-heading h6,
.b2b-el-section .elementor-widget-heading h6{color:#5f5f64}



/* Focus indication should also separate clearly from every surface. */
.b2b-pro-theme :where(a,button,input,select,textarea):focus-visible{
  outline:2px solid #B50609;
  outline-offset:3px;
}

@media(max-width:760px){
  
  .b2b-page-hero-dark p,.b2b-detail-hero p{color:#d2d2d7}
  .b2b-factory-gallery-caption p{color:#ededf0}
}

/* ==========================================================
   v1.5.30 — B2B Cooperation Page Refine
   Clear commercial modules, restrained Apple-inspired surfaces,
   and one consistent CTA hierarchy.
   ========================================================== */
.b2b-cooperation-page{background:#fff;color:#1d1d1f}
.b2b-coop-hero{padding:104px 0 88px;background:linear-gradient(180deg,#fff 0%,#f7f7f9 100%)}

.b2b-coop-eyebrow,.b2b-coop-section-head>span,.b2b-coop-section-head>div>span,.b2b-coop-final-inner>div>span{display:block;font-size:13px;line-height:1.25;font-weight:750;letter-spacing:.085em;color:#5f5f64;margin-bottom:18px}


.b2b-coop-hero-actions{display:flex;align-items:center;gap:24px;margin-top:34px;flex-wrap:wrap}
.b2b-coop-text-link{display:inline-flex;align-items:center;gap:8px;color:#B50609;font-size:16px;font-weight:600;letter-spacing:-.012em}
.b2b-coop-text-link span{font-size:18px;transition:transform .2s ease}.b2b-coop-text-link:hover span{transform:translateY(2px)}











.b2b-coop-models{padding:108px 0;background:#fff}
.b2b-coop-section-head{max-width:820px;margin-bottom:44px}
.b2b-coop-section-head h2{font-size:clamp(42px,4.8vw,64px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:700}
.b2b-coop-section-head>p,.b2b-coop-section-head-row>p{font-size:18px;line-height:1.62;letter-spacing:-.014em;color:#515154;margin:20px 0 0;max-width:760px}
.b2b-coop-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b2b-coop-model-card{display:flex;flex-direction:column;min-height:520px;padding:34px;border:1px solid rgba(0,0,0,.08);border-radius:30px;background:#f7f7f9;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.b2b-coop-model-card:hover{transform:translateY(-3px);border-color:rgba(0,0,0,.14);background:#fff}
.b2b-coop-model-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:42px}
.b2b-coop-model-top span,.b2b-coop-model-top small{font-size:13px;line-height:1.25;font-weight:750;letter-spacing:.075em;color:#5f5f64}
.b2b-coop-model-card h3{font-size:38px;line-height:1.02;letter-spacing:-.05em;margin:0 0 14px;font-weight:680}
.b2b-coop-model-card>p{font-size:17px;line-height:1.62;color:#515154;margin:0 0 24px}



.b2b-coop-model-card ul{list-style:none;margin:7px 0 28px;padding:0}
.b2b-coop-model-card li{position:relative;padding:10px 0 10px 20px;font-size:15px;line-height:1.45;color:#3f3f44}
.b2b-coop-model-card li:before{content:"";position:absolute;left:1px;top:17px;width:6px;height:6px;border-radius:50%;background:#B50609}



.b2b-coop-process{padding:108px 0;background:#f5f5f7}
.b2b-coop-section-head-row{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:70px;align-items:end}
.b2b-coop-section-head-row>div h2{font-size:clamp(42px,4.8vw,64px);line-height:1.02;letter-spacing:-.055em;margin:0;max-width:790px}
.b2b-coop-section-head-row>p{margin:0 0 4px}
.b2b-coop-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(0,0,0,.12)}
.b2b-coop-process-grid article{position:relative;padding:28px 28px 10px 0;display:grid;grid-template-columns:42px 1fr;gap:14px;min-height:190px;border-right:1px solid rgba(0,0,0,.1)}
.b2b-coop-process-grid article:not(:first-child){padding-left:28px}
.b2b-coop-process-grid article:last-child{border-right:0;padding-right:0}
.b2b-coop-process-grid article>span{font-size:13px;font-weight:750;color:#5f5f64;padding-top:5px}
.b2b-coop-process-grid h3{font-size:25px;line-height:1.1;letter-spacing:-.035em;margin:0 0 10px}
.b2b-coop-process-grid p{font-size:15px;line-height:1.6;color:#515154;margin:0}











.b2b-coop-final-cta{padding:24px 0 104px;background:#fff}
.b2b-coop-final-inner{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:54px 58px;border-radius:32px;background:#0b0b0d;color:#fff}
.b2b-coop-final-inner>div>span{color:#b8b8bd}
.b2b-coop-final-inner h2{font-size:clamp(38px,4.4vw,58px);line-height:1.03;letter-spacing:-.052em;margin:0;max-width:790px}




/* Elementor starter page support. */
.b2b-el-coop-hero{padding:104px 20px 84px!important;background:linear-gradient(180deg,#fff,#f7f7f9)}
.b2b-el-coop-section{padding:96px 20px!important}
.b2b-el-coop-muted{background:#f5f5f7}
.b2b-el-coop-dark{background:#0b0b0d;color:#fff}
.b2b-el-coop-hero .elementor-heading-title,.b2b-el-coop-section .elementor-heading-title{letter-spacing:-.05em}
.b2b-el-coop-dark .elementor-heading-title{color:#fff}
.b2b-el-coop-dark .elementor-widget-text-editor p{color:#d2d2d7!important}

@media(max-width:1024px){
  
  .b2b-coop-model-grid{grid-template-columns:1fr}.b2b-coop-model-card{min-height:0}
  .b2b-coop-section-head-row{grid-template-columns:1fr;gap:20px}.b2b-coop-section-head-row>p{max-width:700px}
  .b2b-coop-process-grid{grid-template-columns:1fr 1fr}.b2b-coop-process-grid article:nth-child(2){border-right:0}.b2b-coop-process-grid article:nth-child(n/**/+3){border-top:1px solid rgba(0,0,0,.1)}.b2b-coop-process-grid article:nth-child(3){padding-left:0}
  
  .b2b-coop-final-inner{align-items:flex-start;flex-direction:column;gap:30px}
}
@media(max-width:760px){
  .b2b-coop-hero{padding:74px 0 68px}.b2b-coop-hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
  .b2b-coop-models,.b2b-coop-process{padding:82px 0}.b2b-coop-section-head{margin-bottom:34px}.b2b-coop-section-head h2,.b2b-coop-section-head-row>div h2{font-size:clamp(38px,10vw,48px)}.b2b-coop-section-head>p,.b2b-coop-section-head-row>p{font-size:17px}
  .b2b-coop-model-card{padding:28px 24px;border-radius:26px}.b2b-coop-model-top{margin-bottom:32px}.b2b-coop-model-card h3{font-size:34px}.b2b-coop-model-card>p{font-size:16px}
  .b2b-coop-process-grid{grid-template-columns:1fr;border-top:1px solid rgba(0,0,0,.12)}.b2b-coop-process-grid article,.b2b-coop-process-grid article:not(:first-child),.b2b-coop-process-grid article:nth-child(3){padding:24px 0;min-height:0;border-right:0;border-top:1px solid rgba(0,0,0,.1)}.b2b-coop-process-grid article:first-child{border-top:0}
  
  .b2b-coop-final-cta{padding:8px 0 82px}.b2b-coop-final-inner{padding:40px 26px;border-radius:28px}.b2b-coop-final-inner h2{font-size:38px}
}

/* v1.5.31 — Contact Us structure recovery + refined B2B contact experience */
.b2b-contact-page-v2{
  --contact-ink:#1d1d1f;
  --contact-copy:#454548;
  --contact-muted:#66666b;
  --contact-line:rgba(0,0,0,.11);
  --contact-soft:#f5f5f7;
  --contact-dark:#08080a;
  background:#fff;
  color:var(--contact-ink);
}
.b2b-contact-v2-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 12%,rgba(181,6,9,.18),transparent 31%),
    radial-gradient(circle at 66% 90%,rgba(255,90,93,.11),transparent 32%),
    var(--contact-dark);
  color:#fff;
  padding:clamp(92px,10vw,148px) 0 clamp(82px,9vw,126px);
}
.b2b-contact-v2-hero:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:rgba(255,255,255,.1);
}
.b2b-contact-v2-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
  align-items:center;
  gap:clamp(58px,8vw,118px);
}
.b2b-contact-v2-eyebrow,
.b2b-contact-v2-section-head>span,
.b2b-contact-v2-section-head>div>span,
.b2b-contact-v2-brief-title>span,
.b2b-contact-v2-final-inner>div>span{
  display:block;
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.b2b-contact-v2-eyebrow{color:#c9c9cf;margin-bottom:22px}
.b2b-contact-v2-hero-copy h1{
  max-width:820px;
  margin:0;
  color:#fff;
  font-size:clamp(56px,6.35vw,94px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:680;
}
.b2b-contact-v2-hero-copy>p{
  max-width:720px;
  margin:30px 0 0;
  color:#dedee4;
  font-size:clamp(19px,1.55vw,23px);
  line-height:1.55;
  letter-spacing:-.015em;
}
.b2b-contact-v2-actions{display:flex;align-items:center;gap:24px;margin-top:38px}
.b2b-contact-v2-actions .b2b-btn{min-height:48px;padding:0 23px}
.b2b-contact-v2-text-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#f5f5f7;
  font-size:16px;
  font-weight:650;
}
.b2b-contact-v2-text-link span{font-size:22px;line-height:1;transition:transform .2s ease}
.b2b-contact-v2-text-link:hover span{transform:translateX(3px)}
.b2b-contact-v2-desk{
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.14);
  border-radius:30px;
  padding:32px;
  box-shadow:0 32px 90px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
}
.b2b-contact-v2-desk-head{padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.12)}
.b2b-contact-v2-desk-head>span{display:block;color:#bfc0c7;font-size:13px;font-weight:700;letter-spacing:.08em;margin-bottom:10px}
.b2b-contact-v2-desk-head>strong{display:block;color:#fff;font-size:24px;line-height:1.28;letter-spacing:-.02em}
.b2b-contact-v2-desk-list{display:grid}
.b2b-contact-v2-desk-list>div{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.b2b-contact-v2-desk-list small{display:block;color:#bfc0c7;font-size:13px;line-height:1.3;font-weight:650;margin-bottom:7px}
.b2b-contact-v2-desk-list a,
.b2b-contact-v2-desk-list span{display:block;color:#fff;font-size:16px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.b2b-contact-v2-desk-list a:hover{color:#FF9A9D}
.b2b-contact-v2-response{display:flex;align-items:center;gap:12px;padding-top:22px}
.b2b-contact-v2-response-dot{width:10px;height:10px;border-radius:50%;background:#66d17a;box-shadow:0 0 0 5px rgba(102,209,122,.12);flex:none}
.b2b-contact-v2-response small{display:block;color:#bfc0c7;font-size:12.5px;margin-bottom:3px}
.b2b-contact-v2-response strong{display:block;color:#fff;font-size:15px}

.b2b-contact-v2-inquiry{padding:clamp(92px,9vw,138px) 0;background:#fff}
.b2b-contact-v2-section-head{max-width:820px;margin-bottom:44px}
.b2b-contact-v2-section-head>span,
.b2b-contact-v2-section-head>div>span{color:#67676c;margin-bottom:14px}
.b2b-contact-v2-section-head h2{
  margin:0;
  color:var(--contact-ink);
  font-size:clamp(42px,4.8vw,68px);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:680;
}
.b2b-contact-v2-section-head>p,
.b2b-contact-v2-section-head-row>p{
  margin:20px 0 0;
  max-width:760px;
  color:var(--contact-copy);
  font-size:18px;
  line-height:1.65;
}
.b2b-contact-v2-inquiry-grid{
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);
  gap:30px;
  align-items:stretch;
}
.b2b-contact-v2-brief{
  border-radius:30px;
  background:var(--contact-soft);
  padding:34px;
  min-height:100%;
}
.b2b-contact-v2-brief-title>span{color:#67676c;margin-bottom:12px}
.b2b-contact-v2-brief-title h3{
  margin:0;
  font-size:30px;
  line-height:1.16;
  letter-spacing:-.03em;
  color:var(--contact-ink);
}
.b2b-contact-v2-brief-list{margin-top:30px;border-top:1px solid var(--contact-line)}
.b2b-contact-v2-brief-list article{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  padding:22px 0;
  border-bottom:1px solid var(--contact-line);
}
.b2b-contact-v2-brief-list article>span{font-size:14px;font-weight:750;color:#515154;letter-spacing:.03em;padding-top:3px}
.b2b-contact-v2-brief-list h4{margin:0 0 5px;font-size:18px;line-height:1.3;color:var(--contact-ink)}
.b2b-contact-v2-brief-list p{margin:0;color:var(--contact-copy);font-size:15.5px;line-height:1.55}
.b2b-contact-v2-brief-note{margin:24px 0 0;color:#515154;font-size:14.5px;line-height:1.6}
.b2b-contact-v2-form-card{
  background:#fff;
  border:1px solid var(--contact-line);
  border-radius:30px;
  padding:clamp(28px,3vw,42px);
  box-shadow:0 14px 50px rgba(0,0,0,.045);
}
.b2b-contact-v2-form-card .b2b-enquiry-form{margin:0}
.b2b-contact-v2-form-card .b2b-enquiry-form>label>span,
.b2b-contact-v2-form-card .b2b-field-row label>span{color:#303033;font-weight:650}
.b2b-contact-v2-form-card input,
.b2b-contact-v2-form-card select,
.b2b-contact-v2-form-card textarea{background:#f8f8fa;border-color:rgba(0,0,0,.14)}
.b2b-contact-v2-form-card input:focus,
.b2b-contact-v2-form-card select:focus,
.b2b-contact-v2-form-card textarea:focus{background:#fff;border-color:#FF7A7D;box-shadow:0 0 0 3px rgba(181,6,9,.09)}

.b2b-contact-v2-types{padding:clamp(86px,8.5vw,126px) 0;background:var(--contact-soft)}
.b2b-contact-v2-section-head-row{max-width:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr);gap:54px;align-items:end}
.b2b-contact-v2-section-head-row>p{margin:0 0 5px}
.b2b-contact-v2-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.b2b-contact-v2-type-grid article{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:330px;
  padding:30px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(0,0,0,.075);
}
.b2b-contact-v2-type-grid article>span{position:absolute;right:28px;top:27px;color:#77777c;font-size:14px;font-weight:750}
.b2b-contact-v2-type-grid small{display:block;color:#67676c;font-size:13px;font-weight:700;letter-spacing:.075em;margin-bottom:38px}
.b2b-contact-v2-type-grid h3{margin:0;font-size:28px;line-height:1.14;letter-spacing:-.03em;color:var(--contact-ink)}
.b2b-contact-v2-type-grid p{margin:15px 0 28px;color:var(--contact-copy);font-size:16px;line-height:1.65}
.b2b-contact-v2-type-grid a{display:inline-flex;align-items:center;gap:7px;margin-top:auto;color:#B50609;font-size:15.5px;font-weight:680}
.b2b-contact-v2-type-grid a b{font-size:20px;line-height:1;font-weight:500;transition:transform .2s ease}
.b2b-contact-v2-type-grid a:hover b{transform:translateX(3px)}

.b2b-contact-v2-final{background:#fff;padding:72px 0 96px}
.b2b-contact-v2-final-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:42px;
  padding:44px 48px;
  border-radius:30px;
  background:#111113;
  color:#fff;
}
.b2b-contact-v2-final-inner>div>span{color:#bfc0c7;margin-bottom:10px}
.b2b-contact-v2-final-inner h2{margin:0;max-width:760px;color:#fff;font-size:clamp(30px,3.2vw,46px);line-height:1.1;letter-spacing:-.035em}
.b2b-contact-v2-final-inner .b2b-btn{flex:none}

/* Elementor host for the complete Contact shortcode, if the starter is imported. */
.b2b-contact-elementor-host,
.b2b-contact-elementor-host>.elementor-container,
.b2b-contact-elementor-host .elementor-column,
.b2b-contact-elementor-host .elementor-widget-wrap{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
.b2b-contact-elementor-host .elementor-shortcode{width:100%}

@media (max-width:1024px){
  .b2b-contact-v2-hero-grid{grid-template-columns:1fr;gap:46px}
  .b2b-contact-v2-desk{max-width:680px}
  .b2b-contact-v2-inquiry-grid{grid-template-columns:1fr}
  .b2b-contact-v2-brief{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px}
  .b2b-contact-v2-brief-list{margin-top:0}
  .b2b-contact-v2-brief-note{grid-column:1/-1;margin-top:0}
  .b2b-contact-v2-section-head-row{grid-template-columns:1fr;gap:18px;align-items:start}
  .b2b-contact-v2-section-head-row>p{margin:0}
}
@media (max-width:760px){
  .b2b-contact-v2-hero{padding:74px 0 70px}
  .b2b-contact-v2-hero-copy h1{font-size:clamp(48px,14vw,62px)}
  .b2b-contact-v2-hero-copy>p{font-size:18px;margin-top:24px}
  .b2b-contact-v2-actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:30px}
  .b2b-contact-v2-desk{padding:26px;border-radius:24px}
  .b2b-contact-v2-inquiry{padding:76px 0}
  .b2b-contact-v2-section-head{margin-bottom:30px}
  .b2b-contact-v2-section-head h2{font-size:42px}
  .b2b-contact-v2-section-head>p,.b2b-contact-v2-section-head-row>p{font-size:16.5px}
  .b2b-contact-v2-brief{display:block;padding:28px;border-radius:24px}
  .b2b-contact-v2-brief-title h3{font-size:27px}
  .b2b-contact-v2-brief-list{margin-top:26px}
  .b2b-contact-v2-brief-note{margin-top:22px}
  .b2b-contact-v2-form-card{padding:24px 20px;border-radius:24px}
  .b2b-contact-v2-types{padding:74px 0}
  .b2b-contact-v2-type-grid{grid-template-columns:1fr}
  .b2b-contact-v2-type-grid article{min-height:0;border-radius:24px}
  .b2b-contact-v2-final{padding:58px 0 76px}
  .b2b-contact-v2-final-inner{padding:32px 26px;align-items:flex-start;flex-direction:column;border-radius:24px}
  .b2b-contact-v2-final-inner h2{font-size:34px}
}

/* ==========================================================
   v1.5.32 — Resource Center editorial publishing system
   Dynamic article library + coordinated long-form detail page
   ========================================================== */

/* Resource hub hero — editorial, restrained, B2B-first. */
.b2b-resource-hub-hero{padding:118px 0 92px;background:linear-gradient(180deg,#fff 0%,#f7f7f9 100%)}
.b2b-resource-hub-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:80px;align-items:end}
.b2b-resource-hub-title>span,.b2b-resource-section-head>span,.b2b-resource-empty>span,.b2b-resource-related-head span,.b2b-resource-end-cta span{display:block;font-size:13px;line-height:1.2;font-weight:720;letter-spacing:.075em;color:#5f5f64;margin-bottom:17px}
.b2b-resource-hub-title h1{font-size:clamp(58px,6.7vw,96px);line-height:.96;letter-spacing:-.06em;margin:0;max-width:920px;color:#1d1d1f}
.b2b-resource-hub-intro p{font-size:20px;line-height:1.58;letter-spacing:-.018em;color:#515154;margin:0;max-width:520px}
.b2b-resource-hub-intro .b2b-link-arrow{font-size:16px}

/* Keep the existing Elementor Resource Center page visually aligned with the native hub. */
.b2b-resource-elementor-layout .b2b-el-hero{background:linear-gradient(180deg,#fff 0%,#f7f7f9 100%);padding:92px 0 72px!important}
.b2b-resource-elementor-layout .b2b-el-hero .elementor-container{max-width:1180px}
.b2b-resource-elementor-layout .b2b-el-hero .elementor-heading-title{color:#1d1d1f}
.b2b-resource-elementor-layout .b2b-el-hero h1.elementor-heading-title{font-size:clamp(54px,6.2vw,88px);line-height:.97;letter-spacing:-.058em;max-width:950px;margin-left:auto;margin-right:auto}
.b2b-resource-elementor-layout .b2b-el-hero h6.elementor-heading-title{font-size:13px;letter-spacing:.075em;color:#5f5f64}

/* Library navigation. */
.b2b-resource-library{padding:74px 0 122px;background:#f5f5f7;scroll-margin-top:70px}
.b2b-resource-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:34px}
.b2b-resource-filter-scroll{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.b2b-resource-filter-scroll::-webkit-scrollbar{display:none}
.b2b-resource-filter-scroll a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid #d4d4d8;border-radius:999px;background:#fff;color:#3f3f44;font-size:14px;font-weight:590;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.b2b-resource-filter-scroll a:hover{border-color:#a9a9ae;color:#1d1d1f;transform:translateY(-1px)}
.b2b-resource-filter-scroll a.is-active{background:#1d1d1f;border-color:#1d1d1f;color:#fff}
.b2b-resource-count{flex:0 0 auto;font-size:14px;color:#5f5f64;font-weight:560}

/* Featured/latest article. */






.b2b-resource-meta{display:flex;align-items:center;gap:9px 15px;flex-wrap:wrap;color:#5f5f64;font-size:13px;font-weight:600;letter-spacing:.01em}
.b2b-resource-meta span+span:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#a4a4aa;margin:0 15px 3px 0}





/* Article grid. */
.b2b-resource-section-head{margin:0 0 30px;display:flex;flex-direction:column;align-items:flex-start}
.b2b-resource-section-head>span{margin-bottom:12px}
.b2b-resource-section-head h2{font-size:clamp(38px,4.5vw,58px);line-height:1.02;letter-spacing:-.052em;margin:0;color:#1d1d1f}
.b2b-resource-grid-v32{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.b2b-resource-card-v32{display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.055);border-radius:26px;overflow:hidden;min-height:100%;transition:transform .28s ease,border-color .28s ease}
.b2b-resource-card-v32:hover{transform:translateY(-3px);border-color:rgba(0,0,0,.11)}
.b2b-resource-card-v32 .b2b-resource-media{overflow:hidden;background:#e8e8ed}
.b2b-resource-card-v32 .b2b-resource-media img{aspect-ratio:1.48/1;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.b2b-resource-card-v32:hover .b2b-resource-media img{transform:scale(1.022)}
.b2b-resource-card-v32 .b2b-resource-copy{padding:28px 28px 30px;display:flex;flex:1;flex-direction:column}
.b2b-resource-card-v32 .b2b-resource-copy h2{font-size:27px;line-height:1.08;letter-spacing:-.038em;margin:16px 0 13px}
.b2b-resource-card-v32 .b2b-resource-copy h2 a{color:#1d1d1f}
.b2b-resource-card-v32 .b2b-resource-copy p{font-size:16px;line-height:1.62;color:#515154;margin:0 0 24px}
.b2b-resource-card-v32 .b2b-link-arrow{margin-top:auto;font-size:15px}
.b2b-resource-empty{background:#fff;border-radius:30px;padding:70px;max-width:900px}
.b2b-resource-empty h2{font-size:clamp(36px,4vw,52px);line-height:1.03;letter-spacing:-.048em;margin:0 0 18px}
.b2b-resource-empty p{font-size:17px;line-height:1.7;color:#515154;max-width:720px;margin:0}

/* Resource article hero and feature image. */
.b2b-resource-single{background:#fff}
.b2b-resource-article-hero{padding:90px 0 64px;background:#fff}
.b2b-resource-article-hero-inner{max-width:1040px!important}
.b2b-resource-backlink{display:inline-flex;align-items:center;gap:8px;color:#515154;font-size:15px;font-weight:590;margin-bottom:54px}
.b2b-resource-backlink:hover{color:#B50609}
.b2b-resource-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 17px;color:#5f5f64;font-size:13px;font-weight:650;letter-spacing:.02em;margin-bottom:22px}
.b2b-resource-article-meta span+span:before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:#a4a4aa;margin:0 17px 3px 0}
.b2b-resource-article-hero h1{font-size:clamp(52px,6.4vw,88px);line-height:.98;letter-spacing:-.06em;margin:0;color:#1d1d1f;max-width:1000px}
.b2b-resource-article-deck{font-size:clamp(20px,2vw,24px);line-height:1.52;letter-spacing:-.02em;color:#515154;margin:30px 0 0;max-width:850px}
.b2b-resource-article-featured{max-width:1280px!important}
.b2b-resource-article-featured img{display:block;width:100%;max-height:760px;aspect-ratio:1.72/1;object-fit:cover;border-radius:32px}

/* Long-form article layout. */
.b2b-resource-article-shell{padding:94px 0 118px}
.b2b-resource-article-layout{display:grid;grid-template-columns:250px minmax(0,780px);gap:86px;justify-content:center;align-items:start}

.b2b-resource-toc{border-top:1px solid #d7d7db;padding-top:20px}
.b2b-resource-toc>span{display:block;font-size:12.5px;font-weight:720;letter-spacing:.075em;color:#5f5f64;margin-bottom:16px}
.b2b-resource-toc [data-b2b-resource-toc-links]{display:flex;flex-direction:column;gap:3px}
.b2b-resource-toc a{display:block;padding:7px 0;color:#5f5f64;font-size:14px;line-height:1.42;border-left:2px solid transparent;padding-left:12px;transition:color .2s ease,border-color .2s ease}
.b2b-resource-toc a:hover,.b2b-resource-toc a.is-active{color:#1d1d1f;border-left-color:#1d1d1f}
.b2b-resource-toc a.is-sub{padding-left:24px;font-size:13px}
.b2b-resource-toc.is-empty{display:none}





.b2b-resource-article-content{font-size:18px;line-height:1.82;letter-spacing:-.008em;color:#3f3f44;min-width:0}
.b2b-resource-article-content>*:first-child{margin-top:0}
.b2b-resource-article-content>*:last-child{margin-bottom:0}
.b2b-resource-article-content p{margin:0 0 1.55em;color:#3f3f44}
.b2b-resource-article-content h2{scroll-margin-top:100px;font-size:clamp(36px,3.6vw,48px);line-height:1.08;letter-spacing:-.045em;color:#1d1d1f;margin:1.65em 0 .6em}
.b2b-resource-article-content h3{scroll-margin-top:100px;font-size:28px;line-height:1.14;letter-spacing:-.035em;color:#1d1d1f;margin:1.7em 0 .6em}
.b2b-resource-article-content h4{font-size:21px;line-height:1.25;color:#1d1d1f;margin:1.6em 0 .55em}
.b2b-resource-article-content ul,.b2b-resource-article-content ol{padding-left:1.25em;margin:0 0 1.6em}
.b2b-resource-article-content li{margin:.45em 0;color:#3f3f44;padding-left:.18em}
.b2b-resource-article-content a{color:#B50609;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.b2b-resource-article-content img{max-width:100%;height:auto;border-radius:20px;margin:24px 0}
.b2b-resource-article-content figure{margin:36px 0}
.b2b-resource-article-content figcaption{font-size:13px;line-height:1.5;color:#6b6b70;margin-top:10px}
.b2b-resource-article-content blockquote{margin:40px 0;padding:6px 0 6px 28px;border-left:3px solid #1d1d1f;font-size:23px;line-height:1.5;letter-spacing:-.025em;color:#1d1d1f}
.b2b-resource-article-content blockquote p{color:#1d1d1f;margin:0}
.b2b-resource-article-content table{width:100%;border-collapse:collapse;margin:34px 0;font-size:15px;line-height:1.55}
.b2b-resource-article-content th,.b2b-resource-article-content td{text-align:left;padding:14px 12px;border-bottom:1px solid #d7d7db;vertical-align:top}
.b2b-resource-article-content th{color:#1d1d1f;font-weight:680;background:#f7f7f9}
.b2b-resource-article-content .wp-block-separator{border:0;border-top:1px solid #d7d7db;margin:55px 0}

/* Related reading. */
.b2b-resource-related{padding:104px 0 112px;background:#f5f5f7}
.b2b-resource-related-head{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;margin-bottom:34px}
.b2b-resource-related-head span{margin-bottom:10px}
.b2b-resource-related-head h2{font-size:clamp(38px,4.5vw,58px);line-height:1.02;letter-spacing:-.052em;margin:0}
.b2b-resource-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.b2b-resource-related-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid rgba(0,0,0,.055)}
.b2b-resource-related-media{display:block;overflow:hidden;background:#e8e8ed}
.b2b-resource-related-media img{width:100%;aspect-ratio:1.5/1;object-fit:cover;transition:transform .5s ease}
.b2b-resource-related-card:hover img{transform:scale(1.02)}
.b2b-resource-related-card>div{padding:24px 25px 28px}
.b2b-resource-related-card>div>span{font-size:12.5px;color:#5f5f64;font-weight:620}
.b2b-resource-related-card h3{font-size:24px;line-height:1.1;letter-spacing:-.035em;margin:12px 0 0}
.b2b-resource-related-card h3 a{color:#1d1d1f}

/* Final article conversion band. */
.b2b-resource-end-cta{padding:28px 0 110px;background:#f5f5f7}
.b2b-resource-end-cta-inner{background:#101012;color:#fff;border-radius:30px;padding:52px 58px;display:flex;align-items:center;justify-content:space-between;gap:48px}
.b2b-resource-end-cta span{color:#b8b8bd;margin-bottom:12px}
.b2b-resource-end-cta h2{font-size:clamp(34px,4vw,52px);line-height:1.03;letter-spacing:-.05em;margin:0;max-width:760px}

@media(max-width:1024px){
  .b2b-resource-hub-hero-grid{grid-template-columns:1fr;gap:34px;align-items:start}
  .b2b-resource-hub-intro{max-width:690px}
  
  
  .b2b-resource-grid-v32{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b2b-resource-article-layout{grid-template-columns:1fr;gap:48px;max-width:820px!important}
  
  .b2b-resource-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b2b-resource-related-card:last-child{display:none}
}
@media(max-width:760px){
  .b2b-resource-hub-hero{padding:82px 0 66px}
  .b2b-resource-hub-title h1{font-size:clamp(46px,13vw,62px)}
  .b2b-resource-hub-intro p{font-size:18px}
  .b2b-resource-library{padding:54px 0 84px}
  .b2b-resource-toolbar{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:26px}
  .b2b-resource-filter-scroll{width:calc(100% + 20px);padding-right:20px}
  
  
  
  
  
  .b2b-resource-grid-v32{grid-template-columns:1fr}
  .b2b-resource-card-v32 .b2b-resource-copy h2{font-size:27px}
  .b2b-resource-empty{padding:38px 28px;border-radius:24px}
  .b2b-resource-article-hero{padding:64px 0 42px}
  .b2b-resource-backlink{margin-bottom:38px}
  .b2b-resource-article-hero h1{font-size:clamp(44px,12vw,60px)}
  .b2b-resource-article-deck{font-size:19px;margin-top:22px}
  .b2b-resource-article-featured img{border-radius:22px;aspect-ratio:1.28/1}
  .b2b-resource-article-shell{padding:68px 0 86px}
  
  
  .b2b-resource-article-content{font-size:17px;line-height:1.78}
  .b2b-resource-article-content h2{font-size:34px}
  .b2b-resource-article-content h3{font-size:26px}
  .b2b-resource-article-content blockquote{font-size:20px;padding-left:20px}
  .b2b-resource-related{padding:78px 0 84px}
  .b2b-resource-related-head{align-items:flex-start;flex-direction:column}
  .b2b-resource-related-grid{grid-template-columns:1fr}
  .b2b-resource-related-card:last-child{display:block}
  .b2b-resource-end-cta{padding:18px 0 82px}
  .b2b-resource-end-cta-inner{padding:38px 28px;align-items:flex-start;flex-direction:column;gap:28px;border-radius:24px}
  .b2b-resource-end-cta-inner .b2b-btn{width:100%;justify-content:center}
}


/* ==========================================================
   v1.5.33 — Solutions: market, channel and gift programs
   ========================================================== */
.b2b-solutions-page{background:#f5f5f7;color:#1d1d1f;overflow:hidden}
.b2b-solutions-page .b2b-solutions-kicker{display:block;font-size:13px;line-height:1.2;letter-spacing:.075em;font-weight:760;color:#55565b;text-transform:uppercase}
.b2b-solutions-hero{padding:112px 0 42px;background:#fff}
.b2b-solutions-hero-inner{max-width:1120px}
.b2b-solutions-hero h1{max-width:940px;margin:18px 0 22px;font-size:clamp(58px,7.1vw,98px);line-height:.98;letter-spacing:-.061em;font-weight:720}
.b2b-solutions-hero>div>p{max-width:780px;margin:0;font-size:21px;line-height:1.56;letter-spacing:-.018em;color:#515154}
.b2b-solutions-hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}
.b2b-solutions-hero-actions .b2b-link-arrow{font-size:16px;font-weight:650;color:#B50609}
.b2b-solutions-anchor-nav{display:grid;grid-template-columns:repeat(3,1fr);margin-top:78px;border-top:1px solid rgba(0,0,0,.1)}
.b2b-solutions-anchor-nav a{display:flex;align-items:center;gap:12px;padding:22px 2px 18px;border-bottom:1px solid rgba(0,0,0,.1);font-size:15px;font-weight:650;color:#343438;transition:color .2s ease,border-color .2s ease}
.b2b-solutions-anchor-nav a+a{padding-left:28px;border-left:1px solid rgba(0,0,0,.08)}
.b2b-solutions-anchor-nav a:hover{color:#B50609;border-bottom-color:#B50609}
.b2b-solutions-anchor-nav span{font-size:13px;font-variant-numeric:tabular-nums;color:#6e6e73;font-weight:700}

.b2b-solutions-section{padding:118px 0}
.b2b-solutions-section-head{display:grid;grid-template-columns:minmax(0,1.34fr) minmax(300px,.66fr);gap:72px;align-items:end;margin-bottom:52px}
.b2b-solutions-section-head h2{max-width:760px;margin:14px 0 0;font-size:clamp(44px,5vw,68px);line-height:1.01;letter-spacing:-.052em;font-weight:700}
.b2b-solutions-section-head>p{margin:0 0 5px;font-size:18px;line-height:1.62;color:#515154}
.b2b-solutions-section-head-compact{margin-bottom:40px}

.b2b-solutions-market{background:#f5f5f7}
.b2b-market-stage{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);background:#fff;border:1px solid rgba(0,0,0,.065);border-radius:36px;overflow:hidden;min-height:650px}
.b2b-market-visual{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;padding:54px;background:radial-gradient(circle at 48% 42%,#fff 0,#f4f4f6 44%,#e6e8ed 100%);overflow:hidden}
.b2b-market-visual:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(181,6,9,.12);border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%)}
.b2b-market-visual:after{content:"";position:absolute;width:370px;height:370px;border:1px solid rgba(181,6,9,.14);border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%)}
.b2b-market-visual img{position:relative;z-index:2;display:block;width:min(390px,76%);max-height:470px;object-fit:contain;filter:drop-shadow(0 28px 46px rgba(0,0,0,.13))}
.b2b-market-device{position:relative;z-index:2;width:210px;height:265px;border-radius:48px;background:#17171a;box-shadow:0 28px 70px rgba(0,0,0,.2)}
.b2b-market-device:before,.b2b-market-device:after{content:"";position:absolute;left:63px;width:84px;height:145px;background:#232328;z-index:-1}
.b2b-market-device:before{bottom:93%;border-radius:24px 24px 8px 8px}.b2b-market-device:after{top:93%;border-radius:8px 8px 24px 24px}
.b2b-market-device span{position:absolute;inset:10px;border-radius:39px;background:radial-gradient(circle at 65% 25%,#B50609,#10141e 55%,#030303 100%)}
.b2b-market-visual-copy{position:absolute;z-index:3;left:44px;top:42px;display:flex;flex-direction:column;gap:7px}
.b2b-market-visual-copy span{font-size:12px;letter-spacing:.08em;font-weight:750;color:#5b5c61}.b2b-market-visual-copy strong{font-size:20px;letter-spacing:-.025em}
.b2b-market-tags{position:absolute;z-index:3;left:42px;right:42px;bottom:36px;display:flex;flex-wrap:wrap;gap:8px}
.b2b-market-tags span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.075);backdrop-filter:blur(12px);font-size:12.5px;line-height:1;color:#46464b;font-weight:650}
.b2b-market-options{padding:38px 48px 40px;display:flex;flex-direction:column;justify-content:center}
.b2b-market-options article{display:grid;grid-template-columns:36px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid rgba(0,0,0,.085)}
.b2b-market-options article:first-child{border-top:1px solid rgba(0,0,0,.085)}
.b2b-market-options article>span{padding-top:4px;font-size:13px;font-weight:720;color:#6e6e73;font-variant-numeric:tabular-nums}
.b2b-market-options h3{margin:0 0 7px;font-size:21px;line-height:1.16;letter-spacing:-.027em}
.b2b-market-options p{margin:0;color:#55565b;font-size:15.5px;line-height:1.57}
.b2b-market-options>.b2b-link-arrow{margin-top:25px;color:#B50609;font-size:15px;font-weight:650}

.b2b-sales-scenarios{background:#fff}
.b2b-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.b2b-channel-card{position:relative;min-height:440px;padding:34px 32px 32px;border:1px solid rgba(0,0,0,.075);border-radius:30px;background:#f7f7f9;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease}
.b2b-channel-card:hover{transform:translateY(-3px);border-color:rgba(0,0,0,.14)}
.b2b-channel-number{font-size:13px;font-weight:730;color:#6e6e73;font-variant-numeric:tabular-nums}
.b2b-channel-icon{width:72px;height:64px;margin:34px 0 28px;display:flex;align-items:flex-end;gap:5px}
.b2b-channel-icon i{display:block;width:19px;border:2px solid #202124;border-radius:4px 4px 2px 2px;background:#fff}.b2b-channel-icon i:nth-child(1){height:40px}.b2b-channel-icon i:nth-child(2){height:55px}.b2b-channel-icon i:nth-child(3){height:47px}
.b2b-channel-icon-screen{position:relative;display:block;border:2px solid #202124;border-radius:9px;width:72px;height:52px;margin-bottom:40px}
.b2b-channel-icon-screen:after{content:"";position:absolute;left:27px;bottom:-11px;width:16px;height:9px;border-left:2px solid #202124;border-right:2px solid #202124}
.b2b-channel-icon-screen i{position:absolute;inset:7px;border:0;border-radius:4px;width:auto;height:auto;background:linear-gradient(135deg,#FCEBEC,#f7f7f9)}
.b2b-channel-icon-network{position:relative;display:block;height:64px}
.b2b-channel-icon-network:before,.b2b-channel-icon-network:after{content:"";position:absolute;height:1px;background:#202124;top:31px;width:46px;left:13px;transform:rotate(28deg)}.b2b-channel-icon-network:after{transform:rotate(-28deg)}
.b2b-channel-icon-network i{position:absolute;width:17px;height:17px;border:2px solid #202124;border-radius:50%;background:#fff;z-index:2}.b2b-channel-icon-network i:nth-child(1){left:0;top:24px}.b2b-channel-icon-network i:nth-child(2){right:0;top:24px}.b2b-channel-icon-network i:nth-child(3){left:27px;top:0;height:17px}
.b2b-channel-card h3{margin:0 0 12px;font-size:31px;line-height:1.05;letter-spacing:-.04em}
.b2b-channel-card>p{margin:0;color:#515154;font-size:16px;line-height:1.6}
.b2b-channel-card ul{list-style:none;padding:0;margin:auto 0 0;border-top:1px solid rgba(0,0,0,.085)}
.b2b-channel-card li{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.075);font-size:14px;color:#3f4044;font-weight:600}
.b2b-channel-card li:before{content:"✓";color:#B50609;margin-right:9px;font-weight:800}
.b2b-solutions-inline-action{margin-top:24px;padding:24px 28px;border-radius:22px;background:#f5f5f7;display:flex;align-items:center;justify-content:space-between;gap:24px}
.b2b-solutions-inline-action p{margin:0;font-size:16px;font-weight:630;color:#343438}
.b2b-solutions-inline-action .b2b-btn{min-height:44px;padding:0 18px;font-size:14px}

.b2b-gift-section{background:#f5f5f7;padding-top:118px;padding-bottom:118px}
.b2b-gift-panel{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);min-height:680px;border-radius:38px;background:#0b0b0d;color:#fff;overflow:hidden}
.b2b-gift-copy{padding:70px 64px;display:flex;flex-direction:column;align-items:flex-start}
.b2b-gift-copy .b2b-solutions-kicker{color:#b8b8bd}
.b2b-gift-copy h2{max-width:650px;margin:15px 0 20px;font-size:clamp(43px,4.4vw,62px);line-height:1.01;letter-spacing:-.052em}
.b2b-gift-copy>p{max-width:610px;margin:0;color:#d2d2d7;font-size:17px;line-height:1.64}
.b2b-gift-features{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:38px 0 34px;border-top:1px solid rgba(255,255,255,.17)}
.b2b-gift-features>div{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.b2b-gift-features span{display:block;margin-bottom:9px;font-size:12.5px;color:#a9a9af;font-weight:720}.b2b-gift-features strong{display:block;font-size:17px;letter-spacing:-.02em}.b2b-gift-features p{margin:7px 0 0;color:#bfc0c5;font-size:14px;line-height:1.55}
.b2b-gift-copy>.b2b-btn{margin-top:auto}
.b2b-gift-visual{position:relative;min-height:680px;background:radial-gradient(circle at 55% 42%,#343438 0,#18181c 43%,#0c0c0e 76%);overflow:hidden}
.b2b-gift-visual:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;border:1px solid rgba(255,255,255,.09);left:50%;top:44%;transform:translate(-50%,-50%)}
.b2b-gift-visual img{position:absolute;z-index:3;left:49%;top:42%;transform:translate(-50%,-50%) rotate(-5deg);width:min(330px,61%);max-height:400px;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.b2b-gift-box{position:absolute;z-index:2;width:260px;height:215px;left:16%;top:29%;transform:rotate(-7deg);border-radius:18px;background:#f4f4f5;color:#111;box-shadow:0 28px 65px rgba(0,0,0,.42);display:flex;align-items:flex-end;padding:26px}
.b2b-gift-box:before{content:"";position:absolute;inset:12px;border:1px solid rgba(0,0,0,.12);border-radius:11px}.b2b-gift-box span{font-size:20px;line-height:.92;letter-spacing:-.045em;font-weight:760}
.b2b-gift-device{position:absolute;z-index:3;left:49%;top:42%;transform:translate(-50%,-50%) rotate(-5deg);width:160px;height:195px;border-radius:37px;background:#09090a;box-shadow:0 25px 50px rgba(0,0,0,.55)}
.b2b-gift-device:before,.b2b-gift-device:after{content:"";position:absolute;left:49px;width:62px;height:115px;background:#1f1f23;z-index:-1}.b2b-gift-device:before{bottom:92%;border-radius:20px 20px 6px 6px}.b2b-gift-device:after{top:92%;border-radius:6px 6px 20px 20px}.b2b-gift-device span{position:absolute;inset:8px;border-radius:30px;background:radial-gradient(circle at 60% 27%,#B50609,#11151f 57%,#020202)}
.b2b-gift-card{position:absolute;z-index:5;right:32px;bottom:34px;width:245px;padding:18px 19px;border-radius:17px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:5px}.b2b-gift-card small{font-size:11px;color:#bfc0c5;letter-spacing:.075em;font-weight:750}.b2b-gift-card strong{font-size:15px;line-height:1.3;color:#fff}

.b2b-solutions-brief{padding:0 0 104px;background:#f5f5f7}
.b2b-solutions-brief-inner{min-height:185px;display:grid;grid-template-columns:minmax(0,1.15fr) auto auto;gap:42px;align-items:center;padding:38px 44px;border-radius:30px;background:#fff;border:1px solid rgba(0,0,0,.07)}
.b2b-solutions-brief-inner h2{margin:8px 0 0;font-size:clamp(31px,3vw,42px);line-height:1.06;letter-spacing:-.043em}
.b2b-solutions-brief-points{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}
.b2b-solutions-brief-points span{position:relative;padding-left:15px;font-size:13.5px;font-weight:650;color:#515154}.b2b-solutions-brief-points span:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:#B50609;transform:translateY(-50%)}
.b2b-solutions-brief .b2b-btn{white-space:nowrap}

@media (max-width:1024px){
  .b2b-solutions-hero{padding-top:94px}
  .b2b-solutions-section-head{grid-template-columns:1fr;gap:20px;align-items:start}
  .b2b-solutions-section-head>p{max-width:720px}
  .b2b-market-stage{grid-template-columns:1fr}.b2b-market-visual{min-height:560px}.b2b-market-options{padding:32px 42px 40px}
  .b2b-channel-grid{grid-template-columns:1fr 1fr}.b2b-channel-card:last-child{grid-column:1/-1;min-height:350px}.b2b-channel-card:last-child ul{margin-top:34px}
  .b2b-gift-panel{grid-template-columns:1fr}.b2b-gift-visual{min-height:520px}.b2b-gift-copy{padding:58px 52px}
  .b2b-solutions-brief-inner{grid-template-columns:1fr auto}.b2b-solutions-brief-points{grid-column:1/-1;grid-row:2}
}
@media (max-width:760px){
  .b2b-solutions-page .b2b-solutions-kicker{font-size:12px}
  .b2b-solutions-hero{padding:76px 0 26px}.b2b-solutions-hero h1{font-size:clamp(48px,14vw,66px);margin-top:14px}.b2b-solutions-hero>div>p{font-size:18px;line-height:1.58}
  .b2b-solutions-hero-actions{align-items:flex-start;flex-direction:column;gap:17px;margin-top:27px}.b2b-solutions-anchor-nav{grid-template-columns:1fr;margin-top:52px}.b2b-solutions-anchor-nav a,.b2b-solutions-anchor-nav a+a{padding:15px 0;border-left:0}
  .b2b-solutions-section{padding:78px 0}.b2b-solutions-section-head{margin-bottom:30px}.b2b-solutions-section-head h2{font-size:clamp(38px,11vw,50px)}.b2b-solutions-section-head>p{font-size:16.5px}
  .b2b-market-stage{border-radius:28px}.b2b-market-visual{min-height:430px;padding:28px}.b2b-market-visual:before{width:350px;height:350px}.b2b-market-visual:after{width:250px;height:250px}.b2b-market-visual img{width:min(270px,70%);max-height:310px}.b2b-market-visual-copy{left:26px;top:26px}.b2b-market-visual-copy strong{font-size:17px}.b2b-market-tags{left:24px;right:24px;bottom:24px}.b2b-market-tags span{font-size:11.5px;padding:8px 9px}.b2b-market-device{width:150px;height:190px;border-radius:36px}.b2b-market-device:before,.b2b-market-device:after{left:46px;width:58px;height:100px}.b2b-market-device span{border-radius:29px}
  .b2b-market-options{padding:22px 25px 30px}.b2b-market-options article{grid-template-columns:31px 1fr;gap:9px;padding:18px 0}.b2b-market-options h3{font-size:19px}.b2b-market-options p{font-size:15px}
  .b2b-channel-grid{grid-template-columns:1fr;gap:14px}.b2b-channel-card,.b2b-channel-card:last-child{grid-column:auto;min-height:390px;padding:29px 27px 27px;border-radius:25px}.b2b-channel-icon{margin:28px 0 24px}.b2b-channel-card h3{font-size:29px}.b2b-solutions-inline-action{align-items:flex-start;flex-direction:column;padding:22px;border-radius:20px}.b2b-solutions-inline-action .b2b-btn{width:100%;justify-content:center}
  .b2b-gift-section{padding:78px 0}.b2b-gift-panel{border-radius:28px}.b2b-gift-copy{padding:42px 28px 36px}.b2b-gift-copy h2{font-size:clamp(38px,10.5vw,48px)}.b2b-gift-copy>p{font-size:16px}.b2b-gift-features{grid-template-columns:1fr;margin-top:29px}.b2b-gift-copy>.b2b-btn{margin-top:30px}.b2b-gift-visual{min-height:420px}.b2b-gift-visual img{width:min(235px,58%);max-height:275px}.b2b-gift-box{width:190px;height:160px;left:9%;top:31%;padding:20px}.b2b-gift-box span{font-size:16px}.b2b-gift-card{right:19px;bottom:20px;width:210px}.b2b-gift-device{width:125px;height:155px;border-radius:30px}.b2b-gift-device:before,.b2b-gift-device:after{left:39px;width:47px;height:83px}
  .b2b-solutions-brief{padding-bottom:78px}.b2b-solutions-brief-inner{grid-template-columns:1fr;gap:25px;padding:30px 27px;border-radius:25px}.b2b-solutions-brief-points{grid-column:auto;grid-row:auto}.b2b-solutions-brief .b2b-btn{width:100%;justify-content:center}
}

/* Retired v1.5.36–v1.5.37 Product Structure Hero styles removed in v1.5.41.3.64.155. */

/* v1.5.38 — homepage OEM / ODM capability, restrained B2B project-spec layout */

























/* v1.5.39 — concise homepage product showcase + normalized homepage rhythm */
.b2b-simplified-home{
  --b2b-home-section-gap:96px;
  --b2b-home-section-gap-mobile:72px;
}
.b2b-home-product-showcase{
  padding:96px 0 104px;
  background:#f5f5f7;
}
.b2b-home-product-heading{
  margin-bottom:42px;
  align-items:flex-end;
}
.b2b-home-product-heading h2{
  max-width:820px;
}
.b2b-home-product-heading .b2b-home-module-description{
  max-width:620px;
  margin-top:14px;
}
.b2b-home-product-grid{
  gap:20px;
  align-items:stretch;
}
.b2b-home-product-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:18px 18px 22px;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(0,0,0,.055);
  box-shadow:none;
}
.b2b-home-product-media{
  min-height:0;
  height:auto;
  aspect-ratio:1.08/1;
  margin:0 0 24px;
  border-radius:22px;
  background:#f7f7f9;
  overflow:hidden;
}
.b2b-home-product-media img,
.b2b-home-product-media .b2b-home-product-placeholder{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
}
.b2b-home-product-placeholder:before{
  width:42%;
  height:58%;
  border-radius:24px;
}
.b2b-home-product-copy{
  padding:0 8px;
  flex:1 1 auto;
}
.b2b-home-product-card .b2b-home-product-copy h3{
  margin:0;
  font-size:clamp(26px,2.3vw,32px);
  line-height:1.08;
  letter-spacing:-.04em;
}
.b2b-home-product-card .b2b-home-product-copy h3 a{
  color:#1d1d1f;
}
.b2b-home-product-card .b2b-home-product-copy p{
  min-height:0;
  margin:13px 0 0;
  max-width:34ch;
  color:#5b5b60;
  font-size:16px;
  line-height:1.55;
}
.b2b-home-product-inquiry{
  align-self:flex-start;
  min-height:42px!important;
  margin:24px 8px 2px;
  padding:0 18px!important;
  font-size:14.5px!important;
}
@media (hover:hover){
  .b2b-home-product-card{
    transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s ease;
  }
  .b2b-home-product-card:hover{
    transform:translateY(-3px);
    border-color:rgba(0,0,0,.095);
  }
  .b2b-home-product-media img{
    transition:transform .45s cubic-bezier(.2,.7,.2,1);
  }
  .b2b-home-product-card:hover .b2b-home-product-media img{
    transform:scale(1.018);
  }
}

/* Homepage spacing: remove accumulated legacy padding between consecutive modules. */
.b2b-simplified-home .b2b-commercial-proof{
  padding-bottom:0;
}
.b2b-simplified-home .b2b-home-dynamic-products{
  padding-top:96px;
  padding-bottom:104px;
}
.b2b-simplified-home .b2b-scroll-video-story{
  margin-top:0;
  margin-bottom:0;
}

.b2b-simplified-home .b2b-home-inquiry{
  padding-top:96px;
  padding-bottom:96px;
}
/* Elementor widgets sometimes add their own outer spacing; keep homepage modules flush to theme rhythm. */
.b2b-simplified-home .elementor-widget-b2b-pro-home-products,
.b2b-simplified-home .elementor-widget-b2b-pro-scroll-video-story,
.b2b-simplified-home .elementor-widget-b2b-pro-content-grid,
.b2b-simplified-home .elementor-widget-b2b-pro-inquiry{
  margin-bottom:0!important;
}

@media (max-width:1024px){
  .b2b-home-product-showcase,
  .b2b-simplified-home .b2b-home-dynamic-products{
    padding-top:84px;
    padding-bottom:88px;
  }
  .b2b-home-product-heading{margin-bottom:36px}
  .b2b-home-product-grid{grid-template-columns:repeat(2,1fr)}
  .b2b-home-product-grid .b2b-home-product-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 10px);width:100%;justify-self:center}
  
  .b2b-simplified-home .b2b-home-inquiry{padding-top:84px;padding-bottom:84px}
}
@media (max-width:760px){
  .b2b-home-product-showcase,
  .b2b-simplified-home .b2b-home-dynamic-products{
    padding-top:70px;
    padding-bottom:74px;
  }
  .b2b-home-product-heading{
    margin-bottom:30px;
    gap:18px;
  }
  .b2b-home-product-heading .b2b-link-arrow{font-size:15px}
  .b2b-home-product-grid{grid-template-columns:1fr;gap:16px}
  .b2b-home-product-grid .b2b-home-product-card:last-child:nth-child(odd){grid-column:auto;max-width:none}
  .b2b-home-product-card{padding:14px 14px 20px;border-radius:26px}
  .b2b-home-product-media{aspect-ratio:1.12/1;margin-bottom:21px;border-radius:19px}
  .b2b-home-product-copy{padding:0 6px}
  .b2b-home-product-card .b2b-home-product-copy h3{font-size:28px}
  .b2b-home-product-card .b2b-home-product-copy p{font-size:16px;max-width:none;margin-top:11px}
  .b2b-home-product-inquiry{margin:21px 6px 1px}
  
  .b2b-simplified-home .b2b-home-inquiry{padding-top:72px;padding-bottom:72px}
}

/* v1.5.40 — homepage Manufacturing & Supply, factory-led B2B credibility */
.b2b-home-manufacturing-supply{
  background:#fff;
  padding:96px 0;
}
.b2b-supply-shell{
  overflow:hidden;
  border:1px solid rgba(0,0,0,.065);
  border-radius:38px;
  background:#f5f5f7;
}
.b2b-supply-head{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);
  gap:72px;
  align-items:end;
  padding:68px 68px 58px;
}
.b2b-supply-eyebrow{
  display:block;
  margin-bottom:20px;
  color:#5f5f64;
  font-size:13px;
  line-height:1.2;
  font-weight:760;
  letter-spacing:.085em;
}
.b2b-supply-intro h2{
  margin:0;
  max-width:720px;
  color:#1d1d1f;
  font-size:clamp(44px,4.55vw,66px);
  line-height:1.01;
  letter-spacing:-.055em;
}
.b2b-supply-lead{
  max-width:530px;
  justify-self:end;
}
.b2b-supply-lead>p{
  margin:0;
  color:#515154;
  font-size:18px;
  line-height:1.62;
  letter-spacing:-.012em;
}
.b2b-supply-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:21px;
  margin-top:28px;
}
.b2b-supply-actions .b2b-btn{min-height:44px;padding-inline:20px}
.b2b-supply-actions .b2b-link-arrow{font-size:15.5px}









.b2b-factory-production-block{padding:62px 68px 68px}




.b2b-factory-production-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);
  grid-template-rows:repeat(2,minmax(220px,1fr));
  gap:14px;
  min-height:570px;
}
.b2b-factory-production-card{
  min-width:0;
  margin:0;
  border-radius:25px;
  overflow:hidden;
  background:#e8e8eb;
  position:relative;
}
.b2b-factory-production-card.is-primary{grid-row:1 / span 2}
.b2b-factory-production-media{position:absolute;inset:0;overflow:hidden}
.b2b-factory-production-media img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.92) contrast(1.02);
}
.b2b-factory-production-media:after{
  content:"";
  position:absolute;inset:auto 0 0;height:48%;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.58));
  pointer-events:none;
}
.b2b-factory-production-media figcaption{
  position:absolute;z-index:2;left:24px;right:24px;bottom:22px;
  display:flex;flex-direction:column;gap:6px;color:#fff;
}
.b2b-factory-production-media figcaption small{
  color:rgba(255,255,255,.78);
  font-size:12px;line-height:1.2;font-weight:760;letter-spacing:.075em;
}
.b2b-factory-production-media figcaption strong{
  color:#fff;font-size:20px;line-height:1.18;font-weight:650;letter-spacing:-.025em;
}
.b2b-factory-production-placeholder{
  position:absolute;inset:0;
  background:linear-gradient(145deg,#e2e3e6,#c9ccd1);
  overflow:hidden;
}
.b2b-factory-production-placeholder:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(110deg,rgba(255,255,255,.36),transparent 36%),linear-gradient(0deg,rgba(20,23,28,.08) 1px,transparent 1px);
  background-size:auto,100% 42px;
}
.b2b-factory-line{position:absolute;left:8%;right:8%;bottom:28%;height:12px;border-radius:999px;background:#8d9299;box-shadow:0 16px 0 rgba(74,78,84,.16)}
.b2b-factory-unit{position:absolute;bottom:31%;width:17%;height:31%;border-radius:12px 12px 6px 6px;background:linear-gradient(145deg,#f8f8f9,#aeb2b8);border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 35px rgba(45,49,55,.13)}
.b2b-factory-unit:before{content:"";position:absolute;left:18%;right:18%;top:18%;height:25%;border-radius:5px;background:#32363b;opacity:.72}
.b2b-factory-unit.unit-a{left:12%}.b2b-factory-unit.unit-b{left:41%;height:38%}.b2b-factory-unit.unit-c{right:12%;height:26%}
@media (hover:hover){
  
  
  .b2b-factory-production-media img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
  .b2b-factory-production-card:hover img{transform:scale(1.018)}
}
@media(max-width:1024px){
  .b2b-supply-head{grid-template-columns:1fr;gap:28px;padding:54px 54px 46px}
  .b2b-supply-lead{max-width:760px;justify-self:start}
  
  .b2b-factory-production-block{padding:52px 54px 58px}
  
  
  .b2b-factory-production-grid{min-height:500px;grid-template-columns:1.35fr .85fr;grid-template-rows:repeat(2,minmax(190px,1fr))}
}
@media(max-width:760px){
  .b2b-home-manufacturing-supply{padding:72px 0}
  .b2b-supply-shell{border-radius:28px}
  .b2b-supply-head{padding:35px 20px 32px;gap:24px}
  .b2b-supply-eyebrow{font-size:12.5px;margin-bottom:16px}
  .b2b-supply-intro h2{font-size:clamp(36px,10vw,46px)}
  .b2b-supply-lead>p{font-size:17px;line-height:1.58}
  .b2b-supply-actions{align-items:flex-start;flex-direction:column;gap:16px;margin-top:24px}
  
  
  
  
  
  
  
  
  .b2b-factory-production-block{padding:42px 20px 20px}
  
  
  
  
  .b2b-factory-production-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;min-height:0;gap:12px}
  .b2b-factory-production-card,.b2b-factory-production-card.is-primary{grid-row:auto;aspect-ratio:1.25/1}
  .b2b-factory-production-card:not(.is-primary){aspect-ratio:1.45/1}
  .b2b-factory-production-media figcaption{left:18px;right:18px;bottom:17px}
  .b2b-factory-production-media figcaption strong{font-size:18px}
}

/* v1.5.40: home rhythm applies to the new supply section too. */
.b2b-simplified-home .b2b-home-manufacturing-supply{padding-top:96px;padding-bottom:96px}
@media(max-width:1024px){.b2b-simplified-home .b2b-home-manufacturing-supply{padding-top:84px;padding-bottom:84px}}
@media(max-width:760px){.b2b-simplified-home .b2b-home-manufacturing-supply{padding-top:72px;padding-bottom:72px}}

/* v1.5.41 — factory-only homepage section, multi-image panels and tighter rhythm */
.b2b-home-manufacturing-supply{padding:80px 0}
.b2b-supply-head{padding:56px 60px 34px;gap:56px}
.b2b-factory-production-block{padding:0 60px 58px}

.b2b-factory-production-grid{min-height:540px;gap:12px}
.b2b-factory-production-card{border-radius:24px}
.b2b-factory-production-slides{position:absolute;inset:0;z-index:0}
.b2b-factory-production-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .46s cubic-bezier(.2,.65,.25,1),visibility .46s linear;will-change:opacity}
.b2b-factory-production-slide.is-active{opacity:1;visibility:visible}
.b2b-factory-production-slide img{width:100%;height:100%;display:block;object-fit:cover}
.b2b-factory-production-media:after{z-index:2}
.b2b-factory-production-media figcaption{z-index:3}
.b2b-factory-production-controls{
  position:absolute;z-index:5;top:18px;right:18px;display:flex;align-items:center;gap:8px;
  min-height:38px;padding:5px 7px;border:1px solid rgba(255,255,255,.24);border-radius:999px;
  background:rgba(20,20,22,.48);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
}
.b2b-factory-production-controls button{
  width:28px;height:28px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;
  font:500 20px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;transition:background .2s ease,transform .2s ease
}
.b2b-factory-production-controls button:hover{background:rgba(255,255,255,.22)}
.b2b-factory-production-controls button:active{transform:scale(.94)}
.b2b-factory-production-controls span{min-width:48px;text-align:center;color:rgba(255,255,255,.72);font-size:12px;line-height:1;font-weight:650;font-variant-numeric:tabular-nums}
.b2b-factory-production-controls strong{color:#fff;font-weight:760}
.b2b-factory-production-dots{position:absolute;z-index:5;top:24px;left:22px;display:flex;gap:6px}
.b2b-factory-production-dots button{width:20px;height:3px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.36);cursor:pointer;transition:width .25s ease,background .25s ease}
.b2b-factory-production-dots button[aria-selected="true"]{width:34px;background:#fff}
.b2b-factory-production-media:focus-visible{outline:3px solid rgba(181,6,9,.65);outline-offset:-3px}
.b2b-factory-production-placeholder{z-index:0}
.b2b-simplified-home .b2b-home-manufacturing-supply{padding-top:80px;padding-bottom:80px}
.b2b-simplified-home .b2b-home-manufacturing-supply + .b2b-home-inquiry{padding-top:72px}
@media(max-width:1024px){
  .b2b-home-manufacturing-supply,.b2b-simplified-home .b2b-home-manufacturing-supply{padding-top:70px;padding-bottom:70px}
  .b2b-supply-head{padding:46px 46px 28px}
  .b2b-factory-production-block{padding:0 46px 48px}
  .b2b-factory-production-grid{min-height:500px}
}
@media(max-width:760px){
  .b2b-home-manufacturing-supply,.b2b-simplified-home .b2b-home-manufacturing-supply{padding-top:62px;padding-bottom:62px}
  .b2b-supply-head{padding:32px 20px 24px}
  .b2b-factory-production-block{padding:0 20px 20px}
  
  .b2b-factory-production-grid{gap:10px}
  .b2b-factory-production-controls{top:13px;right:13px;min-height:36px}
  .b2b-factory-production-dots{top:18px;left:16px}
  .b2b-factory-production-media figcaption{bottom:16px}
  .b2b-simplified-home .b2b-home-manufacturing-supply + .b2b-home-inquiry{padding-top:58px}
}

/* ==========================================================
   v1.5.41.1 — spacing refinement on the v1.5.41 branch
   Goal: reduce dead vertical space without changing layouts,
   component internals, scroll-story timing or page structure.
   ========================================================== */
:root{
  --b2b-space-page-lg:88px;
  --b2b-space-page-md:76px;
  --b2b-space-page-sm:60px;
  --b2b-space-tight-lg:68px;
  --b2b-space-tight-md:60px;
  --b2b-space-tight-sm:50px;
}

/* Generic / standard content pages. */
.b2b-page-shell{padding-top:72px;padding-bottom:88px}
.b2b-page-hero{padding-top:84px;padding-bottom:72px}


/* Homepage: keep the two fullscreen scroll stories intact; only tune the
   normal content modules that sit around them. */
.b2b-simplified-home .b2b-home-dynamic-products,
.b2b-home-product-showcase{padding-top:78px;padding-bottom:82px}
.b2b-home-manufacturing-supply,
.b2b-simplified-home .b2b-home-manufacturing-supply{padding-top:72px;padding-bottom:46px}
.b2b-simplified-home .b2b-home-manufacturing-supply + .b2b-home-inquiry{padding-top:40px}
.b2b-simplified-home .b2b-home-inquiry{padding-bottom:78px}
.b2b-factory-production-block{padding-bottom:48px}

/* Product Center catalog. */
.b2b-pc-hero-simple{padding-top:62px;padding-bottom:40px}
.b2b-pc-catalog-simple{padding-bottom:62px}
.b2b-pc-assist-simple{padding-bottom:68px}

/* Product detail: retain the immersive Highlights moment while reducing
   repeated large gaps in the technical / commercial body. */








/* Brand Center. The factory gallery remains visually generous, while the
   transitions between brand modules no longer feel like empty sections. */
.b2b-brand-intro-v4{padding-top:72px}
.b2b-factory-gallery{padding-top:88px;padding-bottom:88px}
.b2b-brand-capability-explorer{padding-top:92px;padding-bottom:88px}
.b2b-brand-trust-stage{padding-top:88px;padding-bottom:92px}


/* B2B Cooperation. */
.b2b-coop-hero{padding-top:88px;padding-bottom:72px}
.b2b-coop-models,.b2b-coop-process{padding-top:88px;padding-bottom:88px}
.b2b-coop-final-cta{padding-top:68px;padding-bottom:82px}

/* Solutions — preserve the v1.5.33 content / visual language included in
   the v1.5.41 baseline, only reduce excessive section breathing room. */
.b2b-solutions-hero{padding-top:94px;padding-bottom:36px}
.b2b-solutions-section{padding-top:96px;padding-bottom:96px}
.b2b-gift-section{padding-top:96px;padding-bottom:96px}
.b2b-solutions-brief{padding-bottom:72px}

/* Resource Center hub and article detail. */
.b2b-resource-hub-hero{padding-top:88px;padding-bottom:58px}
.b2b-resource-library{padding-top:64px;padding-bottom:94px}
.b2b-resource-faq{padding-top:88px;padding-bottom:92px}
.b2b-resource-article-hero{padding-top:78px;padding-bottom:48px}
.b2b-resource-article-shell{padding-top:76px;padding-bottom:88px}
.b2b-resource-related{padding-top:84px;padding-bottom:88px}
.b2b-resource-end-cta{padding-top:10px;padding-bottom:78px}

/* Contact page. */
.b2b-contact-v2-hero{padding-top:84px;padding-bottom:72px}
.b2b-contact-v2-inquiry{padding-top:82px;padding-bottom:82px}
.b2b-contact-v2-types{padding-top:80px;padding-bottom:80px}
.b2b-contact-v2-final{padding-top:62px;padding-bottom:82px}

/* Footer: social icons are part of the brand statement, not a fourth column. */
.b2b-site-footer{padding-top:48px;padding-bottom:26px}
.b2b-footer-intro > p{margin-bottom:0;max-width:470px}
.b2b-footer-intro .b2b-footer-social{margin-top:16px}
.b2b-footer-social-list{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.b2b-footer-social-link{
  display:inline-flex;align-items:center;justify-content:center;
  width:39px;height:39px;min-width:39px;min-height:39px;padding:0;
  border:1px solid rgba(29,29,31,.13);border-radius:50%;
  background:rgba(255,255,255,.72);color:#343437;box-shadow:none;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease;
}
.b2b-footer-social-link svg{display:block;width:18px;height:18px;fill:currentColor;overflow:visible}
.b2b-footer-social-link .screen-reader-text{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
@media(hover:hover){
  .b2b-footer-social-link:hover{transform:translateY(-2px);border-color:#1d1d1f;background:#1d1d1f;color:#fff}
}

@media(max-width:1024px){
  .b2b-page-shell{padding-top:64px;padding-bottom:78px}
  .b2b-page-hero{padding-top:76px;padding-bottom:64px}
  .b2b-simplified-home .b2b-home-dynamic-products,.b2b-home-product-showcase{padding-top:70px;padding-bottom:72px}
  .b2b-home-manufacturing-supply,.b2b-simplified-home .b2b-home-manufacturing-supply{padding-top:66px;padding-bottom:42px}
  .b2b-simplified-home .b2b-home-manufacturing-supply + .b2b-home-inquiry{padding-top:36px}
  .b2b-factory-gallery{padding-top:78px;padding-bottom:78px}
  .b2b-brand-capability-explorer,.b2b-brand-trust-stage{padding-top:80px;padding-bottom:80px}
  .b2b-coop-hero{padding-top:78px;padding-bottom:64px}
  .b2b-coop-models,.b2b-coop-process{padding-top:76px;padding-bottom:76px}
  .b2b-solutions-section,.b2b-gift-section{padding-top:82px;padding-bottom:82px}
  .b2b-resource-library{padding-bottom:84px}
}

@media(max-width:760px){
  .b2b-page-shell{padding-top:52px;padding-bottom:66px}
  .b2b-page-hero{padding-top:62px;padding-bottom:54px}
  
  .b2b-simplified-home .b2b-home-dynamic-products,.b2b-home-product-showcase{padding-top:58px;padding-bottom:62px}
  .b2b-home-manufacturing-supply,.b2b-simplified-home .b2b-home-manufacturing-supply{padding-top:56px;padding-bottom:32px}
  .b2b-simplified-home .b2b-home-manufacturing-supply + .b2b-home-inquiry{padding-top:28px}
  .b2b-simplified-home .b2b-home-inquiry{padding-bottom:62px}
  .b2b-factory-production-block{padding-bottom:28px}
  .b2b-pc-hero-simple{padding-top:54px;padding-bottom:34px}
  .b2b-pc-catalog-simple{padding-bottom:52px}
  .b2b-pc-assist-simple{padding-bottom:58px}
  
  
  
  
  
  
  
  .b2b-brand-intro-v4{padding-top:60px}
  .b2b-factory-gallery{padding-top:66px;padding-bottom:68px}
  .b2b-brand-capability-explorer,.b2b-brand-trust-stage{padding-top:68px;padding-bottom:68px}
  .b2b-coop-hero{padding-top:64px;padding-bottom:56px}
  .b2b-coop-models,.b2b-coop-process{padding-top:64px;padding-bottom:64px}
  .b2b-coop-final-cta{padding-top:52px;padding-bottom:66px}
  .b2b-solutions-hero{padding-top:68px;padding-bottom:24px}
  .b2b-solutions-section,.b2b-gift-section{padding-top:68px;padding-bottom:68px}
  .b2b-solutions-brief{padding-bottom:60px}
  .b2b-resource-hub-hero{padding-top:66px;padding-bottom:46px}
  .b2b-resource-library{padding-top:52px;padding-bottom:72px}
  .b2b-resource-faq{padding-top:68px;padding-bottom:72px}
  .b2b-resource-article-hero{padding-top:62px;padding-bottom:38px}
  .b2b-resource-article-shell{padding-top:58px;padding-bottom:70px}
  .b2b-resource-related{padding-top:64px;padding-bottom:70px}
  .b2b-resource-end-cta{padding-bottom:62px}
  .b2b-contact-v2-hero{padding-top:64px;padding-bottom:58px}
  .b2b-contact-v2-inquiry,.b2b-contact-v2-types{padding-top:64px;padding-bottom:64px}
  .b2b-contact-v2-final{padding-top:50px;padding-bottom:66px}
  .b2b-site-footer{padding-top:42px;padding-bottom:22px}
  .b2b-footer-intro .b2b-footer-social{margin-top:15px}
  .b2b-footer-social-list{gap:8px}
  .b2b-footer-social-link{width:40px;height:40px;min-width:40px;min-height:40px}
}

/* ==========================================================
   v1.5.41.2 — B2B Cooperation Simplified
   Four clear sections, less repetition, restrained CTA hierarchy.
   ========================================================== */
.b2b-coop-simple .b2b-coop-hero{
  padding-top:86px;padding-bottom:70px;
  background:linear-gradient(180deg,#fff 0%,#f7f7f9 100%);
}
.b2b-coop-hero-simple-inner{max-width:var(--b2b-max);margin-inline:auto;min-width:0}

.b2b-coop-simple .b2b-coop-hero h1{
  max-width:980px;margin:0;
  font-size:clamp(58px,6.5vw,94px);line-height:.96;letter-spacing:-.062em;font-weight:700;
}
.b2b-coop-simple .b2b-coop-hero p{
  max-width:700px;margin:24px 0 0;
  font-size:20px;line-height:1.55;letter-spacing:-.018em;color:#4b4b50;
}
.b2b-coop-simple .b2b-coop-hero-actions{margin-top:32px}

.b2b-coop-simple .b2b-coop-models{padding:82px 0 86px;background:#fff}
.b2b-coop-section-head-simple{max-width:760px;margin-bottom:34px}
.b2b-coop-simple .b2b-coop-section-head-simple h2{
  font-size:clamp(42px,4.7vw,62px);line-height:1.02;letter-spacing:-.052em;
}
.b2b-coop-model-grid-simple{gap:16px}
.b2b-coop-model-card-simple{
  min-height:430px;padding:30px 30px 28px;
  border-radius:28px;background:#f5f5f7;border:1px solid transparent;
  box-shadow:none;
}
.b2b-coop-model-card-simple:hover{transform:none;background:#f5f5f7;border-color:rgba(0,0,0,.1)}
.b2b-coop-model-card-simple .b2b-coop-model-top{margin-bottom:34px}
.b2b-coop-model-card-simple h3{font-size:36px;margin-bottom:13px}
.b2b-coop-model-card-simple>p{font-size:16.5px;line-height:1.58;margin-bottom:22px;color:#4f4f54}
.b2b-coop-model-card-simple ul{
  margin:0 0 24px;padding:17px 0 0;border-top:1px solid rgba(0,0,0,.09);
}
.b2b-coop-model-card-simple li{padding:7px 0 7px 18px;font-size:15px;color:#3f3f44}
.b2b-coop-model-card-simple li:before{top:14px;width:5px;height:5px}
.b2b-coop-card-link{
  display:inline-flex;align-items:center;gap:7px;margin-top:auto;
  color:#B50609;font-size:15.5px;font-weight:650;letter-spacing:-.01em;
}
.b2b-coop-card-link span{font-size:20px;line-height:1;transition:transform .2s ease}
.b2b-coop-card-link:hover span{transform:translateX(2px)}

.b2b-coop-simple .b2b-coop-process{padding:84px 0 86px;background:#f5f5f7}
.b2b-coop-process-head-simple{margin-bottom:30px}
.b2b-coop-process-head-simple>p{max-width:390px;color:#55555a}
.b2b-coop-process-grid-simple article{min-height:160px;padding-top:24px;padding-bottom:4px}
.b2b-coop-process-grid-simple h3{font-size:23px;margin-bottom:8px}
.b2b-coop-process-grid-simple p{font-size:15px;line-height:1.55}

.b2b-coop-simple .b2b-coop-final-cta{padding:54px 0 78px;background:#fff}
.b2b-coop-final-inner-simple{
  padding:48px 52px;border-radius:30px;gap:44px;
}
.b2b-coop-final-inner-simple h2{font-size:clamp(38px,4.1vw,54px);max-width:780px}
.b2b-coop-final-inner-simple>.b2b-btn{flex:0 0 auto}

/* Elementor starter styling follows the same simplified rhythm. */
.b2b-el-coop-hero{padding:86px 20px 70px!important}
.b2b-el-coop-section{padding:82px 20px!important}
.b2b-el-coop-section.b2b-el-coop-dark{padding-top:54px!important;padding-bottom:78px!important}

@media(max-width:1024px){
  .b2b-coop-simple .b2b-coop-hero{padding-top:76px;padding-bottom:62px}
  .b2b-coop-simple .b2b-coop-models,.b2b-coop-simple .b2b-coop-process{padding-top:74px;padding-bottom:74px}
  .b2b-coop-model-card-simple{min-height:0}
  .b2b-coop-process-head-simple{margin-bottom:24px}
  .b2b-coop-final-inner-simple{padding:44px 42px}
}
@media(max-width:760px){
  .b2b-coop-simple .b2b-coop-hero{padding-top:60px;padding-bottom:52px}
  .b2b-coop-simple .b2b-coop-hero h1{font-size:clamp(48px,12vw,62px)}
  .b2b-coop-simple .b2b-coop-hero p{font-size:18px;margin-top:20px}
  .b2b-coop-simple .b2b-coop-models,.b2b-coop-simple .b2b-coop-process{padding-top:60px;padding-bottom:60px}
  .b2b-coop-section-head-simple{margin-bottom:28px}
  .b2b-coop-model-card-simple{padding:26px 23px 24px;border-radius:24px}
  .b2b-coop-model-card-simple .b2b-coop-model-top{margin-bottom:28px}
  .b2b-coop-model-card-simple h3{font-size:32px}
  .b2b-coop-process-grid-simple article{min-height:0;padding-top:22px;padding-bottom:22px}
  .b2b-coop-simple .b2b-coop-final-cta{padding-top:44px;padding-bottom:62px}
  .b2b-coop-final-inner-simple{padding:38px 25px;border-radius:26px;gap:28px}
  .b2b-coop-final-inner-simple h2{font-size:36px}
}


/* v1.5.41.3.1 — unified title rendering / border-box fix */
.b2b-site-content :where(h1,h2,h3,h4,h5,h6),
.b2b-site-footer :where(h1,h2,h3,h4,h5,h6),
.b2b-site-content .elementor-heading-title,
.b2b-site-footer .elementor-heading-title{
  border:0!important;
  outline:0;
  box-shadow:none!important;
  background-color:transparent;
  background-image:none;
  text-decoration:none;
}

.b2b-site-content :where(h1,h2,h3,h4,h5,h6)>a,
.b2b-site-footer :where(h1,h2,h3,h4,h5,h6)>a,
.b2b-site-content .elementor-heading-title>a,
.b2b-site-footer .elementor-heading-title>a{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  text-decoration:none;
  -webkit-tap-highlight-color:transparent;
}

.b2b-site-content :where(h1,h2,h3,h4,h5,h6)>a:focus,
.b2b-site-footer :where(h1,h2,h3,h4,h5,h6)>a:focus,
.b2b-site-content .elementor-heading-title>a:focus,
.b2b-site-footer .elementor-heading-title>a:focus{
  outline:0!important;
  box-shadow:none!important;
}

.b2b-site-content :where(h1,h2,h3,h4,h5,h6)>a:focus-visible,
.b2b-site-footer :where(h1,h2,h3,h4,h5,h6)>a:focus-visible,
.b2b-site-content .elementor-heading-title>a:focus-visible,
.b2b-site-footer .elementor-heading-title>a:focus-visible{
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
  text-decoration-color:currentColor;
}

/* Keep heading wrappers visually neutral while preserving structural card borders. */
.b2b-section-heading,
.b2b-product-section-head,
.b2b-resource-section-head,
.b2b-resource-related-head,
.b2b-solutions-section-head,
.b2b-coop-section-head,
.b2b-coop-section-head-simple,
.b2b-brand-cap-head,
.b2b-brand-process-head,
.b2b-factory-gallery-head,
.b2b-home-product-heading,
.b2b-contact-v2-section-head{
  outline:0;
  box-shadow:none;
}


/* v1.5.41.3.2 — focused B2B product detail system */
.b2b-product-detail-v2{background:#fff;color:#1d1d1f}
.b2b-product-v2-hero{padding:28px 0 86px;background:#fff}
.b2b-product-v2-breadcrumb{display:flex;align-items:center;gap:9px;color:#6e6e73;font-size:13px;margin:0 0 24px}.b2b-product-v2-breadcrumb a{color:#424245}.b2b-product-v2-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:72px;align-items:center}
.b2b-product-media-gallery{min-width:0}.b2b-product-media-stage{position:relative;min-height:610px;border-radius:32px;background:#f5f5f7;overflow:hidden}.b2b-product-media-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transform:scale(.985);transition:opacity .42s ease,transform .55s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s}.b2b-product-media-slide.is-active{opacity:1;visibility:visible;transform:scale(1);transition-delay:0s}.b2b-product-media-slide img{width:100%;height:100%;max-height:680px;object-fit:contain;display:block;padding:5%}.b2b-product-media-slide video{width:100%;height:100%;min-height:610px;object-fit:contain;background:#000}.b2b-product-media-thumbs{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 2px;scrollbar-width:none}.b2b-product-media-thumbs::-webkit-scrollbar{display:none}.b2b-product-media-thumbs button{position:relative;width:78px;height:78px;flex:0 0 78px;border:1px solid rgba(0,0,0,.10);border-radius:16px;background:#f5f5f7;padding:6px;overflow:hidden;cursor:pointer;transition:.2s ease}.b2b-product-media-thumbs button:hover{border-color:rgba(0,0,0,.28)}.b2b-product-media-thumbs button.is-active{border-color:#1d1d1f;box-shadow:0 0 0 1px #1d1d1f inset}.b2b-product-media-thumbs img{width:100%;height:100%;object-fit:contain}.b2b-product-media-thumbs .is-video{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.b2b-product-media-thumbs .is-video span{font-size:18px}.b2b-product-media-thumbs .is-video small{font-size:10px;font-weight:700;letter-spacing:.05em}
.b2b-product-v2-meta-line{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.b2b-product-v2-meta-line span{font-size:12px;line-height:1;font-weight:700;letter-spacing:.08em;color:#515154}.b2b-product-v2-copy h1{font-size:clamp(50px,5.1vw,76px);line-height:.98;letter-spacing:-.055em;margin:14px 0 20px}.b2b-product-v2-tagline{font-size:20px;line-height:1.55;color:#515154;max-width:620px;margin:0 0 28px}.b2b-product-v2-actions{display:flex;gap:12px;flex-wrap:wrap}.b2b-product-v2-response{font-size:13px;color:#6e6e73;margin:18px 0 0;line-height:1.5}.b2b-product-v2-response span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#30d158;margin-right:7px}.b2b-product-v2-response strong{color:#1d1d1f}
.b2b-product-v2-specs{padding:92px 0;background:#f5f5f7}.b2b-product-v2-section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:60px;align-items:end;margin-bottom:42px}.b2b-product-v2-section-head>span{grid-column:1/-1;font-size:12px;font-weight:700;letter-spacing:.08em;color:#6e6e73;margin-bottom:-44px}.b2b-product-v2-section-head h2{font-size:clamp(40px,4.2vw,62px);line-height:1.02;letter-spacing:-.05em;margin:0}.b2b-product-v2-section-head p{font-size:17px;line-height:1.6;color:#515154;margin:0}
.b2b-product-v2-highlights{margin:0;padding-top:96px;padding-bottom:96px}
.b2b-product-v2-wholesale{padding:96px 0;background:#fff}.b2b-product-v2-wholesale-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:70px;align-items:start}.b2b-product-v2-wholesale-copy>span{font-size:12px;font-weight:700;letter-spacing:.08em;color:#6e6e73}.b2b-product-v2-wholesale-copy h2{font-size:clamp(42px,4.2vw,62px);line-height:1.03;letter-spacing:-.05em;margin:15px 0 20px}.b2b-product-v2-wholesale-copy>p{font-size:17px;line-height:1.65;color:#515154}.b2b-product-v2-form{background:#f5f5f7;border-radius:28px;padding:30px}.b2b-product-v2-form .b2b-enquiry-form{background:transparent;padding:0;border:0}

.b2b-product-v2-oem{padding:96px 0 110px;background:#fff}.b2b-product-v2-oem-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:68px;background:#0b0b0d;color:#f5f5f7;border-radius:34px;padding:58px}.b2b-product-v2-oem-copy>span{font-size:12px;font-weight:700;letter-spacing:.08em;color:#b8b8bd}.b2b-product-v2-oem-copy h2{font-size:clamp(40px,4vw,58px);line-height:1.03;letter-spacing:-.05em;margin:15px 0 20px}.b2b-product-v2-oem-copy p{font-size:16px;line-height:1.65;color:#d2d2d7;margin-bottom:28px}.b2b-product-v2-oem-list{display:grid;grid-template-columns:1fr 1fr}.b2b-product-v2-oem-list article{padding:22px 0;border-top:1px solid rgba(255,255,255,.16)}.b2b-product-v2-oem-list article:nth-child(odd){padding-right:25px;border-right:1px solid rgba(255,255,255,.16)}.b2b-product-v2-oem-list article:nth-child(even){padding-left:25px}.b2b-product-v2-oem-list small{font-size:12px;color:#b8b8bd;font-weight:700}.b2b-product-v2-oem-list h3{font-size:22px;letter-spacing:-.03em;margin:8px 0 9px}.b2b-product-v2-oem-list p{font-size:14px;line-height:1.55;color:#d2d2d7;margin:0}
@media(max-width:1050px){.b2b-product-v2-hero-grid,.b2b-product-v2-wholesale-grid,.b2b-product-v2-oem-panel{grid-template-columns:1fr;gap:44px}.b2b-product-media-stage{min-height:560px}.b2b-product-v2-section-head{grid-template-columns:1fr;gap:16px}.b2b-product-v2-section-head>span{grid-column:auto;margin-bottom:0}}
@media(max-width:767px){.b2b-product-v2-hero{padding:14px 0 58px}.b2b-product-v2-hero-grid{gap:30px}.b2b-product-media-stage{min-height:390px;border-radius:22px}.b2b-product-media-slide video{min-height:390px}.b2b-product-media-thumbs button{width:64px;height:64px;flex-basis:64px;border-radius:13px}.b2b-product-v2-copy h1{font-size:45px}.b2b-product-v2-tagline{font-size:17px}.b2b-product-v2-actions .b2b-btn{flex:1 1 150px}.b2b-product-v2-specs,.b2b-product-v2-wholesale,.b2b-product-v2-oem{padding:68px 0}.b2b-product-v2-section-head h2,.b2b-product-v2-wholesale-copy h2,.b2b-product-v2-oem-copy h2{font-size:38px}.b2b-product-v2-form{padding:20px;border-radius:22px}.b2b-product-v2-oem-panel{padding:30px 24px;border-radius:24px}.b2b-product-v2-oem-list{grid-template-columns:1fr}.b2b-product-v2-oem-list article:nth-child(n){padding:18px 0;border-right:0}.b2b-product-localbar-v2 nav{display:none}}


/* v1.5.41.3.3 — Product Description / Specifications tabs */
.b2b-product-v2-info-tabs{background:#f5f5f7}
.b2b-product-v2-info-head{margin-bottom:34px}
.b2b-product-info-tabs-shell{background:#fff;border-radius:30px;overflow:hidden;border:1px solid rgba(0,0,0,.055)}
.b2b-product-info-tablist{display:flex;align-items:stretch;gap:0;padding:0 32px;border-bottom:1px solid rgba(0,0,0,.08);overflow-x:auto;scrollbar-width:none}
.b2b-product-info-tablist::-webkit-scrollbar{display:none}
.b2b-product-info-tablist button{position:relative;appearance:none;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;color:#6e6e73;font:inherit;font-size:15px;font-weight:650;line-height:1.2;white-space:nowrap;min-height:66px;padding:0 3px;margin-right:34px;cursor:pointer;transition:color .2s ease}
.b2b-product-info-tablist button:last-child{margin-right:0}
.b2b-product-info-tablist button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#1d1d1f;transform:scaleX(0);transform-origin:left center;transition:transform .22s ease}
.b2b-product-info-tablist button.is-active{color:#1d1d1f}
.b2b-product-info-tablist button.is-active:after{transform:scaleX(1)}
.b2b-product-info-tablist button:focus-visible{color:#1d1d1f;text-decoration:underline;text-underline-offset:5px}
.b2b-product-info-panels{min-height:300px}
.b2b-product-info-panel{padding:38px 32px 40px}
.b2b-product-info-panel[hidden]{display:none!important}
/* v1.5.41.3.64.191.42 — product detail information is Specifications-only. */
.b2b-product-specifications-only .b2b-product-info-panels{min-height:0}
.b2b-product-specifications-only .b2b-product-info-panel{display:block!important}

.b2b-product-description-content{max-width:900px;font-size:17px;line-height:1.75;color:#404043}
.b2b-product-description-content>:first-child{margin-top:0}
.b2b-product-description-content>:last-child{margin-bottom:0}
.b2b-product-description-content h2,.b2b-product-description-content h3,.b2b-product-description-content h4{color:#1d1d1f;letter-spacing:-.035em;line-height:1.15;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.b2b-product-description-content h2{font-size:32px;margin:36px 0 14px}
.b2b-product-description-content h3{font-size:24px;margin:30px 0 12px}
.b2b-product-description-content p,.b2b-product-description-content ul,.b2b-product-description-content ol{margin:0 0 18px}
.b2b-product-description-content img{max-width:100%;height:auto;border-radius:22px;margin:20px 0}

@media(max-width:767px){.b2b-product-v2-info-head{margin-bottom:26px}.b2b-product-info-tabs-shell{border-radius:22px}.b2b-product-info-tablist{padding:0 20px}.b2b-product-info-tablist button{flex:1 0 auto;min-height:58px;font-size:14px;margin-right:26px}.b2b-product-info-panel{padding:28px 20px 30px}.b2b-product-info-panels{min-height:260px}.b2b-product-description-content{font-size:16px;line-height:1.7}.b2b-product-description-content h2{font-size:28px}.b2b-product-description-content h3{font-size:22px}}


/* v1.5.41.3.4 — B2B Cooperation hero title alignment / wrapping fix */
.b2b-coop-simple .b2b-coop-hero .b2b-coop-hero-simple-inner{
  width:min(calc(100% - 40px),var(--b2b-max));
  max-width:var(--b2b-max);
  margin-left:auto;
  margin-right:auto;
  min-width:0;
}
.b2b-coop-simple .b2b-coop-hero h1{
  width:100%;
  max-width:980px;
  min-width:0;
  box-sizing:border-box;
  overflow:visible;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
  text-wrap:balance;
}
.b2b-coop-simple .b2b-coop-hero h1 br{display:block}
.b2b-coop-simple .b2b-coop-hero .b2b-coop-eyebrow,
.b2b-coop-simple .b2b-coop-hero p,
.b2b-coop-simple .b2b-coop-hero-actions{position:relative;left:auto;right:auto;transform:none}
@media(max-width:1024px){
  .b2b-coop-simple .b2b-coop-hero .b2b-coop-hero-simple-inner{width:min(calc(100% - 40px),var(--b2b-max))}
  .b2b-coop-simple .b2b-coop-hero h1{max-width:860px;font-size:clamp(54px,8vw,76px);line-height:.98;letter-spacing:-.055em}
}
@media(max-width:760px){
  .b2b-coop-simple .b2b-coop-hero .b2b-coop-hero-simple-inner{width:min(calc(100% - 28px),var(--b2b-max))}
  .b2b-coop-simple .b2b-coop-hero h1{max-width:100%;font-size:clamp(44px,12vw,58px);line-height:1;letter-spacing:-.052em;text-wrap:pretty}
}
@media(max-width:380px){
  .b2b-coop-simple .b2b-coop-hero h1{font-size:42px;letter-spacing:-.045em}
}

/* v1.5.41.3.5 — Brand Center simplified structure + long-title containment */
.b2b-brand-center-v5{background:#fff;color:#1d1d1f;overflow:hidden}
.b2b-brand-center-v5 *{box-sizing:border-box}
.b2b-brand-center-v5 :where(h1,h2,h3,h4),
.b2b-brand-center-v5 :where(h1,h2,h3,h4) a{
  max-width:100%;min-width:0;
  overflow-wrap:anywhere;word-break:normal;hyphens:auto;
  text-wrap:balance;
}
.b2b-brand-center-v5 :where(p,strong,span,a){max-width:100%}

.b2b-brand-local-nav-v5{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(0,0,0,.07);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.b2b-brand-local-nav-v5 .b2b-brand-local-nav-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:0}
.b2b-brand-local-title{font-size:15px;font-weight:700;letter-spacing:-.018em;color:#1d1d1f;white-space:nowrap}
.b2b-brand-local-links{display:flex;align-items:center;justify-content:flex-end;gap:24px;min-width:0}
.b2b-brand-local-links>a{font-size:13px;font-weight:600;color:#515154;white-space:nowrap}
.b2b-brand-local-links>a:hover{color:#1d1d1f}
.b2b-brand-local-links .b2b-brand-local-cta{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:#1d1d1f;color:#fff}

.b2b-brand-story-v5{padding:78px 0 86px;background:#fff;scroll-margin-top:82px}
.b2b-brand-story-grid-v5{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(54px,7vw,98px);align-items:center;min-width:0}
.b2b-brand-story-media-v5{position:relative;min-width:0;aspect-ratio:4/3;overflow:hidden;border-radius:34px;background:#f5f5f7}
.b2b-brand-story-media-v5 img{display:block;width:100%;height:100%;object-fit:cover}
.b2b-brand-story-placeholder-v5{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:44px;background:radial-gradient(circle at 30% 20%,#F8E9E9 0,#eff2f6 38%,#d6d9df 78%,#c7cad0 100%);overflow:hidden}
.b2b-brand-story-placeholder-v5:before{content:"";position:absolute;right:12%;top:13%;width:45%;aspect-ratio:.78;border-radius:48px;background:linear-gradient(145deg,#292a2e,#0c0d0f);box-shadow:0 38px 70px rgba(0,0,0,.22);transform:rotate(7deg)}
.b2b-brand-story-placeholder-v5>span,.b2b-brand-story-placeholder-v5>strong{position:relative;z-index:2}.b2b-brand-story-placeholder-v5>span{font-size:11px;font-weight:750;letter-spacing:.14em;color:#66666b}.b2b-brand-story-placeholder-v5>strong{font-size:clamp(30px,3vw,44px);line-height:.98;letter-spacing:-.05em;margin-top:10px}.b2b-brand-story-placeholder-v5>i{position:absolute;left:44px;bottom:35px;width:54px;height:2px;border-radius:999px;background:#1d1d1f}
.b2b-brand-story-copy-v5{min-width:0}
.b2b-brand-story-copy-v5>span,.b2b-brand-v5-section-head>div>span,.b2b-brand-document-head-v5>span,.b2b-brand-contact-copy-v5>span{display:block;font-size:12px;line-height:1.2;font-weight:750;letter-spacing:.1em;color:#6e6e73;margin-bottom:16px}
.b2b-brand-story-copy-v5 h1{font-size:clamp(50px,5.35vw,76px);line-height:.99;letter-spacing:-.058em;margin:0;max-inline-size:650px}
.b2b-brand-story-copy-v5>p{font-size:19px;line-height:1.62;letter-spacing:-.018em;color:#515154;margin:24px 0 0;max-width:610px}
.b2b-brand-story-actions-v5{margin-top:28px}

.b2b-brand-factory-cert-v5{padding:92px 0 98px;background:#f5f5f7;scroll-margin-top:82px}
.b2b-brand-v5-section-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:60px;align-items:end;margin-bottom:42px;min-width:0}
.b2b-brand-v5-section-head>div{min-width:0}
.b2b-brand-v5-section-head h2{font-size:clamp(42px,4.7vw,64px);line-height:1.01;letter-spacing:-.052em;margin:0;max-inline-size:800px}
.b2b-brand-v5-section-head>p{font-size:17px;line-height:1.65;color:#5d5d62;margin:0;max-width:500px}
.b2b-brand-factory-cert-grid-v5{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:24px;align-items:stretch;min-width:0}
.b2b-brand-factory-visuals-v5{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);grid-template-rows:1fr 1fr;gap:12px;min-height:610px;min-width:0}
.b2b-brand-factory-visual-v5{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:26px;background:#dedfe3}
.b2b-brand-factory-visual-v5.is-primary{grid-row:1/3}
.b2b-brand-factory-visual-v5 img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.b2b-brand-factory-visual-v5:hover img{transform:scale(1.015)}
.b2b-brand-factory-visual-v5:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.64));pointer-events:none}
.b2b-brand-factory-visual-v5 figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;color:#fff;min-width:0}
.b2b-brand-factory-visual-v5 figcaption small{display:block;font-size:10px;font-weight:750;letter-spacing:.1em;color:#d2d2d7;margin-bottom:6px}
.b2b-brand-factory-visual-v5 figcaption strong{display:block;font-size:17px;line-height:1.25;letter-spacing:-.025em;overflow-wrap:anywhere}
.b2b-brand-factory-placeholder-v5{position:absolute;inset:0;background:linear-gradient(145deg,#d9dbe0,#eff0f2);overflow:hidden}
.b2b-brand-factory-placeholder-v5 span{position:absolute;left:10%;right:10%;bottom:18%;height:18%;background:#b7bac1;border-radius:10px}.b2b-brand-factory-placeholder-v5 i{position:absolute;left:18%;top:20%;width:22%;height:42%;background:#c4c7cd;border-radius:8px}.b2b-brand-factory-placeholder-v5 b{position:absolute;right:15%;top:27%;width:28%;height:34%;background:#afb2b9;border-radius:9px}
.b2b-brand-document-panel-v5{min-width:0;background:#fff;border-radius:28px;padding:34px 34px 32px;display:flex;flex-direction:column}
.b2b-brand-document-head-v5{min-width:0}
.b2b-brand-document-head-v5 h3{font-size:clamp(32px,3.15vw,44px);line-height:1.04;letter-spacing:-.048em;margin:0}
.b2b-brand-document-head-v5>p{font-size:15.5px;line-height:1.62;color:#66666b;margin:16px 0 0}
.b2b-brand-document-list-v5{margin:28px 0 30px;border-top:1px solid rgba(0,0,0,.09)}
.b2b-brand-document-list-v5 article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;padding:19px 0;border-bottom:1px solid rgba(0,0,0,.09);min-width:0}
.b2b-brand-document-list-v5 article>small{font-size:11px;font-weight:700;color:#86868b;padding-top:3px}
.b2b-brand-document-list-v5 article>div{min-width:0}
.b2b-brand-document-list-v5 h4{font-size:17px;line-height:1.25;letter-spacing:-.025em;margin:0 0 5px}
.b2b-brand-document-list-v5 p{font-size:13.5px;line-height:1.55;color:#6e6e73;margin:0}
.b2b-brand-document-panel-v5>.b2b-btn{align-self:flex-start;margin-top:auto}

.b2b-brand-market-v5{padding:94px 0 102px;background:#fff;scroll-margin-top:82px}
.b2b-brand-market-head-v5{margin-bottom:36px}








.b2b-brand-contact-v5{padding:0 0 100px;background:#fff;scroll-margin-top:82px}
.b2b-brand-contact-panel-v5{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:70px;background:#0b0b0d;color:#f5f5f7;border-radius:34px;padding:58px;min-width:0}
.b2b-brand-contact-copy-v5{min-width:0}
.b2b-brand-contact-copy-v5>span{color:#b8b8bd}
.b2b-brand-contact-copy-v5 h2{font-size:clamp(42px,4.5vw,64px);line-height:1.01;letter-spacing:-.052em;margin:0;max-inline-size:720px}
.b2b-brand-contact-copy-v5>p{font-size:16px;line-height:1.65;color:#d2d2d7;margin:20px 0 28px;max-width:650px}
.b2b-brand-contact-list-v5{border-top:1px solid rgba(255,255,255,.16);min-width:0}
.b2b-brand-contact-list-v5>a,.b2b-brand-contact-list-v5>div{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 36px 22px 0;border-bottom:1px solid rgba(255,255,255,.16);min-width:0;color:#f5f5f7}
.b2b-brand-contact-list-v5 small{font-size:10px;font-weight:750;letter-spacing:.1em;color:#b8b8bd}
.b2b-brand-contact-list-v5 strong{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere}
.b2b-brand-contact-list-v5>a>span{position:absolute;right:3px;top:50%;transform:translateY(-50%);font-size:18px;color:#d2d2d7}

@media(max-width:1050px){
  .b2b-brand-local-links{gap:17px}
  .b2b-brand-story-grid-v5{grid-template-columns:1fr;gap:38px}.b2b-brand-story-copy-v5{max-width:820px}.b2b-brand-story-media-v5{max-width:900px;width:100%}
  .b2b-brand-v5-section-head{grid-template-columns:1fr;gap:17px}.b2b-brand-v5-section-head>p{max-width:700px}
  .b2b-brand-factory-cert-grid-v5{grid-template-columns:1fr}.b2b-brand-factory-visuals-v5{min-height:560px}.b2b-brand-document-panel-v5{min-height:0}
  
  .b2b-brand-contact-panel-v5{grid-template-columns:1fr;gap:42px}
}
@media(max-width:760px){
  .b2b-brand-local-nav-v5 .b2b-brand-local-nav-inner{min-height:52px;gap:14px;overflow:hidden}.b2b-brand-local-title{font-size:14px}.b2b-brand-local-links{overflow-x:auto;justify-content:flex-start;gap:16px;padding-bottom:1px;scrollbar-width:none}.b2b-brand-local-links::-webkit-scrollbar{display:none}.b2b-brand-local-links>a{font-size:12px}.b2b-brand-local-links .b2b-brand-local-cta{min-height:30px;padding:0 12px}
  .b2b-brand-story-v5{padding:58px 0 64px}.b2b-brand-story-grid-v5{gap:30px}.b2b-brand-story-media-v5{border-radius:26px}.b2b-brand-story-copy-v5 h1{font-size:clamp(43px,11.5vw,58px);line-height:1;letter-spacing:-.052em}.b2b-brand-story-copy-v5>p{font-size:17px;line-height:1.6;margin-top:19px}
  .b2b-brand-factory-cert-v5,.b2b-brand-market-v5{padding:68px 0 72px}.b2b-brand-v5-section-head{margin-bottom:30px}.b2b-brand-v5-section-head h2{font-size:clamp(37px,10vw,48px);line-height:1.03}.b2b-brand-v5-section-head>p{font-size:16px}
  .b2b-brand-factory-visuals-v5{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;min-height:0}.b2b-brand-factory-visual-v5{min-height:220px;border-radius:21px}.b2b-brand-factory-visual-v5.is-primary{grid-column:1/-1;grid-row:auto;min-height:360px}.b2b-brand-factory-visual-v5 figcaption{left:17px;right:17px;bottom:16px}.b2b-brand-document-panel-v5{padding:27px 23px 25px;border-radius:23px}.b2b-brand-document-head-v5 h3{font-size:34px}.b2b-brand-document-list-v5{margin-top:23px}
  
  .b2b-brand-contact-v5{padding-bottom:72px}.b2b-brand-contact-panel-v5{padding:35px 25px;border-radius:26px;gap:34px}.b2b-brand-contact-copy-v5 h2{font-size:38px;line-height:1.03}.b2b-brand-contact-list-v5 strong{font-size:16px}
}
@media(max-width:380px){
  .b2b-brand-story-copy-v5 h1{font-size:40px;letter-spacing:-.045em}
  .b2b-brand-v5-section-head h2,.b2b-brand-contact-copy-v5 h2{font-size:35px;letter-spacing:-.045em}
  .b2b-brand-factory-visuals-v5{grid-template-columns:1fr}.b2b-brand-factory-visual-v5.is-primary{grid-column:auto;min-height:300px}.b2b-brand-factory-visual-v5{min-height:220px}
}


/* v1.5.41.3.6 — Brand Center landscape factory media + Market Results image carousel */
.b2b-brand-factory-visuals-v5{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px;min-height:0;align-content:start}
.b2b-brand-factory-visual-v5{aspect-ratio:16/9;min-height:0}
.b2b-brand-factory-visual-v5.is-primary{grid-column:1/-1;grid-row:auto;aspect-ratio:16/9}
.b2b-brand-factory-placeholder-v5{position:absolute;inset:0}

.b2b-brand-market-carousel-v6{min-width:0}
.b2b-brand-market-viewport-v6{position:relative;overflow:hidden;border-radius:30px;background:#eceef1;isolation:isolate}
.b2b-brand-market-track-v6{display:flex;width:100%;transition:transform .62s cubic-bezier(.22,.7,.24,1);will-change:transform}
.b2b-brand-market-slide-v6{flex:0 0 100%;min-width:0}
.b2b-brand-market-media-v6{position:relative;aspect-ratio:16/8.7;min-height:520px;overflow:hidden;background:#e5e7eb}
.b2b-brand-market-media-v6>img,.b2b-brand-market-media-v6>.b2b-responsive-picture,.b2b-brand-market-media-v6>.b2b-responsive-picture>img{display:block;width:100%;height:100%}
.b2b-brand-market-media-v6>img,.b2b-brand-market-media-v6>.b2b-responsive-picture>img{object-fit:cover;transform:scale(1.002);transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.b2b-brand-market-slide-v6.is-active .b2b-brand-market-media-v6>img,.b2b-brand-market-slide-v6.is-active .b2b-brand-market-media-v6>.b2b-responsive-picture>img{transform:scale(1.015)}
.b2b-brand-market-shade-v6{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 20%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.78) 100%);pointer-events:none}
.b2b-brand-market-slide-copy-v6{position:absolute;left:clamp(28px,4vw,54px);right:clamp(28px,4vw,54px);bottom:clamp(28px,4vw,50px);z-index:2;color:#fff;max-width:760px;min-width:0}
.b2b-brand-market-slide-meta-v6{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.b2b-brand-market-slide-meta-v6 small{font-size:11px;line-height:1.2;font-weight:760;letter-spacing:.12em;color:#e5e5ea}
.b2b-brand-market-slide-meta-v6 strong{font-size:15px;line-height:1;font-weight:720;letter-spacing:-.02em;color:#fff;padding-left:14px;border-left:1px solid rgba(255,255,255,.36)}
.b2b-brand-market-slide-copy-v6 h3{font-size:clamp(34px,4.2vw,58px);line-height:1.01;letter-spacing:-.052em;margin:0;max-width:720px;overflow-wrap:anywhere}
.b2b-brand-market-slide-copy-v6 p{font-size:16px;line-height:1.6;color:#ececef;margin:16px 0 0;max-width:690px}
.b2b-brand-market-placeholder-v6{position:absolute;inset:0;background:linear-gradient(135deg,#d9dce2,#f2f3f5);overflow:hidden}
.b2b-brand-market-placeholder-v6:after{content:"MARKET RESULT";position:absolute;left:7%;top:9%;font-size:11px;font-weight:760;letter-spacing:.13em;color:#777b83}
.b2b-brand-market-placeholder-v6 span{position:absolute;width:38%;height:55%;right:8%;top:13%;border-radius:28px;background:linear-gradient(145deg,#b9bdc5,#8f949d);transform:rotate(5deg);box-shadow:0 34px 65px rgba(0,0,0,.14)}
.b2b-brand-market-placeholder-v6 i{position:absolute;width:46%;height:12px;left:7%;top:42%;border-radius:999px;background:#b8bcc3}.b2b-brand-market-placeholder-v6 b{position:absolute;width:28%;height:12px;left:7%;top:48%;border-radius:999px;background:#c5c8ce}
.b2b-brand-market-carousel-footer-v6{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}
.b2b-brand-market-dots-v6{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none}.b2b-brand-market-dots-v6::-webkit-scrollbar{display:none}
.b2b-brand-market-dots-v6 button{appearance:none;width:26px;height:3px;border:0;border-radius:999px;padding:0;background:#d2d2d7;cursor:pointer;transition:width .25s ease,background .25s ease;flex:0 0 auto}
.b2b-brand-market-dots-v6 button[aria-selected="true"]{width:48px;background:#1d1d1f}
.b2b-brand-market-controls-v6{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.b2b-brand-market-controls-v6>span{font-size:12px;font-weight:650;color:#6e6e73;min-width:58px;text-align:right}.b2b-brand-market-controls-v6>span strong{color:#1d1d1f}
.b2b-brand-market-controls-v6 button{appearance:none;width:42px;height:42px;border:0;border-radius:50%;background:#f0f0f2;color:#1d1d1f;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .2s ease,transform .2s ease}
.b2b-brand-market-controls-v6 button:hover{background:#e4e4e8;transform:translateY(-1px)}
.b2b-brand-market-controls-v6 button:disabled{opacity:.4;cursor:default;transform:none}
.b2b-brand-market-controls-v6 button:focus-visible,.b2b-brand-market-dots-v6 button:focus-visible{outline:2px solid #B50609;outline-offset:3px}
.b2b-brand-market-carousel-v6.is-static .b2b-brand-market-dots-v6,.b2b-brand-market-carousel-v6.is-static .b2b-brand-market-controls-v6 button{display:none}

@media(max-width:1050px){.b2b-brand-market-media-v6{min-height:470px}.b2b-brand-factory-visuals-v5{max-width:900px}}
@media(max-width:760px){
  .b2b-brand-factory-visuals-v5{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:0}.b2b-brand-factory-visual-v5,.b2b-brand-factory-visual-v5.is-primary{aspect-ratio:16/9;min-height:0}.b2b-brand-factory-visual-v5.is-primary{grid-column:1/-1}
  .b2b-brand-market-viewport-v6{border-radius:24px}.b2b-brand-market-media-v6{aspect-ratio:4/3;min-height:390px}.b2b-brand-market-slide-copy-v6{left:22px;right:22px;bottom:24px}.b2b-brand-market-slide-copy-v6 h3{font-size:34px}.b2b-brand-market-slide-copy-v6 p{font-size:14.5px;line-height:1.55;margin-top:12px}.b2b-brand-market-carousel-footer-v6{padding-top:14px}.b2b-brand-market-dots-v6 button{width:20px}.b2b-brand-market-dots-v6 button[aria-selected="true"]{width:36px}.b2b-brand-market-controls-v6 button{width:38px;height:38px}
}
@media(max-width:480px){.b2b-brand-factory-visuals-v5{grid-template-columns:1fr}.b2b-brand-factory-visual-v5.is-primary{grid-column:auto}.b2b-brand-market-media-v6{aspect-ratio:1/1;min-height:360px}.b2b-brand-market-slide-meta-v6{margin-bottom:10px}.b2b-brand-market-slide-copy-v6 h3{font-size:30px}.b2b-brand-market-slide-copy-v6 p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.b2b-brand-market-carousel-footer-v6{gap:10px}.b2b-brand-market-controls-v6>span{display:none}}
@media(prefers-reduced-motion:reduce){.b2b-brand-market-track-v6,.b2b-brand-market-media-v6>img{transition:none!important}}


/* v1.5.41.3.8 Product Center category-first B2B navigation */
.b2b-pc-category-showcase{padding:4px 0 54px;background:#fff}
.b2b-pc-category-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:64px;align-items:end;padding:32px 0 26px;border-top:1px solid rgba(0,0,0,.07)}
.b2b-pc-category-head>div,.b2b-pc-category-head-copy{min-width:0}
.b2b-pc-category-head span,.b2b-pc-list-heading span{display:block;color:#5f5f64;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.b2b-pc-category-head h2{max-width:760px;margin:10px 0 0;font-size:clamp(34px,4.2vw,56px);line-height:1.02;letter-spacing:-.05em;overflow-wrap:anywhere}
.b2b-pc-category-head-copy p{max-width:510px;margin:0;color:#515154;font-size:16px;line-height:1.58}
.b2b-pc-category-head-copy .b2b-link-arrow{display:inline-flex;margin-top:14px;font-size:14px}
.b2b-pc-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b2b-pc-category-card{min-width:0;overflow:hidden;background:#f5f5f7;border:1px solid transparent;border-radius:28px;color:#1d1d1f;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.b2b-pc-category-card:hover{color:#1d1d1f}
.b2b-pc-category-card.is-current{border-color:rgba(181,6,9,.32);box-shadow:0 0 0 3px rgba(181,6,9,.07)}
.b2b-pc-category-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f5f5f7;display:grid;place-items:center}
.b2b-pc-category-media img{display:block;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.65,.3,1)}
.b2b-pc-category-media.is-cover img{object-fit:cover}
.b2b-pc-category-media.is-contain img{object-fit:contain;padding:22px}

.b2b-pc-category-placeholder{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f5f5f7,#ececf0)}
.b2b-pc-category-placeholder:before,.b2b-pc-category-placeholder:after{content:"";position:absolute;border:1px solid rgba(29,29,31,.09);border-radius:38%;transform:rotate(28deg)}
.b2b-pc-category-placeholder:before{width:44%;height:64%;left:15%;top:16%}.b2b-pc-category-placeholder:after{width:35%;height:50%;right:13%;bottom:12%;transform:rotate(-22deg)}
.b2b-pc-category-placeholder span{position:relative;z-index:1;max-width:70%;font-size:12px;font-weight:750;letter-spacing:.09em;text-align:center;color:#6e6e73}
.b2b-pc-category-placeholder i{position:absolute;width:44%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.65);filter:blur(2px)}
.b2b-pc-category-copy{padding:22px 22px 24px;background:#fff}
.b2b-pc-category-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6e6e73;font-size:12px;font-weight:650}
.b2b-pc-category-meta i{font-style:normal;font-size:17px;line-height:1;color:#1d1d1f;transition:transform .25s ease}
.b2b-pc-category-card h3{margin:8px 0 8px;font-size:27px;line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}
.b2b-pc-category-card p{margin:0;color:#5f5f64;font-size:14px;line-height:1.52}
@media (hover:hover) and (pointer:fine){.b2b-pc-category-card:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(0,0,0,.08)}.b2b-pc-category-card:hover .b2b-pc-category-media img{transform:scale(1.025)}.b2b-pc-category-card:hover .b2b-pc-category-meta i{transform:translate(2px,-2px)}}
.b2b-pc-list-tools{justify-content:space-between;gap:32px}
.b2b-pc-list-heading{min-width:0;display:flex;flex-direction:column;gap:5px}
.b2b-pc-list-heading strong{font-size:20px;line-height:1.2;letter-spacing:-.025em;color:#1d1d1f;overflow-wrap:anywhere}
.b2b-pc-list-tools .b2b-pc-search{margin-left:auto}
@media (max-width:1024px){.b2b-pc-category-head{grid-template-columns:1fr;gap:18px}.b2b-pc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b2b-pc-category-head-copy p{max-width:680px}}
@media (max-width:767px){.b2b-pc-category-showcase{padding-bottom:38px}.b2b-pc-category-head{padding:22px 0 20px;gap:14px}.b2b-pc-category-head h2{font-size:34px}.b2b-pc-category-head-copy p{font-size:15px}.b2b-pc-category-grid{display:flex;gap:14px;overflow-x:auto;margin-right:calc(var(--b2b-gutter,20px) * -1);padding-right:var(--b2b-gutter,20px);scroll-snap-type:x mandatory;scrollbar-width:none}.b2b-pc-category-grid::-webkit-scrollbar{display:none}.b2b-pc-category-card{flex:0 0 min(82vw,330px);scroll-snap-align:start;border-radius:24px}.b2b-pc-category-copy{padding:19px 18px 21px}.b2b-pc-category-card h3{font-size:25px}.b2b-pc-category-media.is-contain img{padding:16px}.b2b-pc-list-tools{align-items:stretch;flex-direction:column;gap:14px}.b2b-pc-list-tools .b2b-pc-search{margin-left:0}}

/* v1.5.41.3.8: Product Center main archive is category-only. */
.post-type-archive-b2b_product .b2b-pc-category-showcase{padding-bottom:88px}
.post-type-archive-b2b_product .b2b-pc-category-head{padding-top:36px}
@media (max-width:767px){.post-type-archive-b2b_product .b2b-pc-category-showcase{padding-bottom:56px}}


/* v1.5.41.3.9 Product Center category-detail flow */
.tax-b2b_product_category .b2b-pc-category-showcase{display:none!important}
.b2b-pc-category-page{background:#fff}
.b2b-pc-category-hero{padding:26px 0 68px;background:linear-gradient(180deg,#fff 0,#f5f5f7 100%);overflow:hidden}
.b2b-pc-category-breadcrumb{display:flex;align-items:center;gap:9px;min-width:0;margin:0 0 32px;color:#6e6e73;font-size:13px;line-height:1.4}
.b2b-pc-category-breadcrumb a{color:#515154}.b2b-pc-category-breadcrumb a:hover{color:#B50609}
.b2b-pc-category-breadcrumb span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b2b-pc-category-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:68px;align-items:center}
.b2b-pc-category-hero-copy{min-width:0;max-width:680px}
.b2b-pc-category-hero-copy h1{max-width:100%;margin:12px 0 18px;font-size:clamp(46px,5.2vw,74px);line-height:.98;letter-spacing:-.055em;overflow-wrap:anywhere;word-break:normal}
.b2b-pc-category-hero-copy>p{max-width:650px;margin:0;color:#515154;font-size:18px;line-height:1.6}
.b2b-pc-category-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}







.b2b-pc-category-catalog{padding-top:78px}
.b2b-pc-category-catalog .b2b-pc-list-tools{padding-bottom:24px}
.b2b-pc-list-heading p{max-width:660px;margin:7px 0 0;color:#6e6e73;font-size:14px;line-height:1.55;font-weight:400}
.b2b-pc-category-catalog .b2b-pc-resultline{margin-top:0}
.b2b-pc-result-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.b2b-pc-result-actions a{color:#515154;font-size:13px;font-weight:600}.b2b-pc-result-actions a:hover{color:#B50609}
.b2b-pc-category-empty{margin-top:20px}
.b2b-pc-category-assist{padding-top:30px}
.b2b-pc-category-assist .b2b-pc-assist-inner>div{min-width:0}
.b2b-pc-category-assist .b2b-pc-assist-inner span{display:block;margin-bottom:7px;color:#b8b8bd;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}
.b2b-pc-category-assist .b2b-pc-assist-inner h2{margin:0}
@media (max-width:1024px){.b2b-pc-category-hero-grid{grid-template-columns:1fr;gap:38px}.b2b-pc-category-hero-copy{max-width:780px}.b2b-pc-category-catalog{padding-top:64px}}
@media (max-width:767px){.b2b-pc-category-hero{padding:18px 0 48px}.b2b-pc-category-breadcrumb{margin-bottom:24px}.b2b-pc-category-hero-grid{gap:30px}.b2b-pc-category-hero-copy h1{font-size:clamp(39px,12vw,54px);margin-top:9px}.b2b-pc-category-hero-copy>p{font-size:16px}.b2b-pc-category-hero-actions{align-items:flex-start;flex-direction:column;gap:14px;margin-top:22px}.b2b-pc-category-catalog{padding-top:52px}.b2b-pc-resultline{align-items:flex-start;gap:10px;flex-direction:column}.b2b-pc-category-assist{padding-top:18px}}


/* v1.5.41.3.10 — Homepage B2B promotion modules */
.b2b-home-portals{padding:96px 0 102px;background:#f5f5f7;color:#1d1d1f}
.b2b-home-portals-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);gap:72px;align-items:end;margin-bottom:42px}
.b2b-home-portals-head>div,.b2b-home-portals-head p{min-width:0}
.b2b-home-portals-head span{display:block;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6e6e73;margin-bottom:14px}
.b2b-home-portals-head h2{margin:0;font-size:clamp(42px,4.4vw,66px);line-height:.98;letter-spacing:-.055em;font-weight:650;max-width:820px;overflow-wrap:anywhere}
.b2b-home-portals-head>p{margin:0;color:#5f5f63;font-size:17px;line-height:1.65;max-width:520px}
.b2b-home-portals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b2b-home-portal-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:310px;padding:30px 30px 28px;border-radius:28px;background:#fff;border:1px solid rgba(0,0,0,.055);box-shadow:0 1px 0 rgba(0,0,0,.02);color:#1d1d1f;text-decoration:none;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.b2b-home-portal-card:before{content:"";position:absolute;inset:auto -28px -74px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(181,6,9,.10),rgba(181,6,9,0) 70%);pointer-events:none}
.b2b-home-portal-card:hover{transform:translateY(-4px);border-color:rgba(0,0,0,.09);box-shadow:0 18px 45px rgba(0,0,0,.07)}
.b2b-home-portal-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:52px;color:#86868b}
.b2b-home-portal-meta strong{font-size:12px;letter-spacing:.02em;color:#1d1d1f}
.b2b-home-portal-meta span{font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:right}
.b2b-home-portal-card h3{margin:0;font-size:30px;line-height:1.03;letter-spacing:-.045em;font-weight:630;max-width:300px;overflow-wrap:anywhere}
.b2b-home-portal-card p{margin:15px 0 30px;color:#6e6e73;font-size:15px;line-height:1.62;max-width:330px}
.b2b-home-portal-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:650;color:#1d1d1f}
.b2b-home-portal-link i{font-style:normal;font-size:16px;color:#B50609;transition:transform .25s ease}
.b2b-home-portal-card:hover .b2b-home-portal-link i{transform:translate(2px,-2px)}

















@media(max-width:980px){
  .b2b-home-portals{padding:82px 0 88px}
  .b2b-home-portals-head{grid-template-columns:1fr;gap:22px;margin-bottom:34px}
  .b2b-home-portals-head>p{max-width:680px}
  .b2b-home-portals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b2b-home-portal-card{min-height:286px}
  
}
@media(max-width:640px){
  .b2b-home-portals{padding:68px 0 72px}
  
  .b2b-home-portals-head h2{font-size:clamp(38px,11vw,50px);line-height:1}
  .b2b-home-portals-head>p{font-size:16px}
  .b2b-home-portals-grid{display:flex;overflow-x:auto;gap:14px;margin-right:calc(var(--b2b-page-gutter,20px) * -1);padding-right:20px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .b2b-home-portals-grid::-webkit-scrollbar{display:none}
  .b2b-home-portal-card{flex:0 0 min(84vw,330px);min-height:300px;padding:26px 24px;border-radius:24px;scroll-snap-align:start}
  .b2b-home-portal-meta{margin-bottom:44px}
  .b2b-home-portal-card h3{font-size:28px}
  
  
  
  
}


/* v1.5.41.3.11 — rich Specifications Editor output */
.b2b-product-spec-editor-content{max-width:100%;color:#1d1d1f;font-size:16px;line-height:1.7}
.b2b-product-spec-editor-content>:first-child{margin-top:0}.b2b-product-spec-editor-content>:last-child{margin-bottom:0}
.b2b-product-spec-editor-content h2,.b2b-product-spec-editor-content h3,.b2b-product-spec-editor-content h4{max-width:100%;margin:34px 0 14px;color:#1d1d1f;letter-spacing:-.035em;line-height:1.12;overflow-wrap:anywhere}
.b2b-product-spec-editor-content h2{font-size:30px}.b2b-product-spec-editor-content h3{font-size:23px}.b2b-product-spec-editor-content h4{font-size:18px}
.b2b-product-spec-editor-content p{margin:0 0 18px;color:#515154}.b2b-product-spec-editor-content ul,.b2b-product-spec-editor-content ol{margin:0 0 22px;padding-left:22px;color:#515154}.b2b-product-spec-editor-content li+li{margin-top:7px}
.b2b-product-spec-editor-content table{width:100%;border-collapse:collapse;border-spacing:0;margin:0 0 28px;background:#fff;border-top:1px solid rgba(0,0,0,.12)}
.b2b-product-spec-editor-content th,.b2b-product-spec-editor-content td{padding:17px 18px;border-bottom:1px solid rgba(0,0,0,.10);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.b2b-product-spec-editor-content th{width:32%;color:#6e6e73;font-size:12px;font-weight:700;letter-spacing:.045em;text-transform:uppercase;background:#fafafa}.b2b-product-spec-editor-content td{color:#1d1d1f;font-size:15px;font-weight:600}
.b2b-product-spec-editor-content a{color:#B50609;text-decoration:none}.b2b-product-spec-editor-content a:hover{text-decoration:underline}
@media(max-width:767px){.b2b-product-spec-editor-content{font-size:15px}.b2b-product-spec-editor-content h2{font-size:26px}.b2b-product-spec-editor-content h3{font-size:21px}.b2b-product-spec-editor-content table,.b2b-product-spec-editor-content tbody,.b2b-product-spec-editor-content tr,.b2b-product-spec-editor-content th,.b2b-product-spec-editor-content td{display:block;width:100%}.b2b-product-spec-editor-content tr{border-bottom:1px solid rgba(0,0,0,.10)}.b2b-product-spec-editor-content th,.b2b-product-spec-editor-content td{border-bottom:0;padding:12px 14px}.b2b-product-spec-editor-content th{padding-bottom:5px}.b2b-product-spec-editor-content td{padding-top:5px;padding-bottom:14px}}

/* =========================================================
   v1.5.41.3.12 — Homepage B2B promotion architecture
   ========================================================= */
.b2b-home-section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.62fr);gap:72px;align-items:end;margin-bottom:42px}
.b2b-home-section-head>div,.b2b-home-section-intro{min-width:0}
.b2b-home-section-head>div>span,.b2b-home-support-head>div>span{display:block;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6e6e73;margin-bottom:14px}
.b2b-home-section-head h2,.b2b-home-support-head h2{margin:0;font-size:clamp(42px,4.4vw,66px);line-height:.99;letter-spacing:-.055em;font-weight:650;max-width:850px;overflow-wrap:anywhere}
.b2b-home-section-intro p,.b2b-home-support-head>p{margin:0 0 20px;color:#5f5f63;font-size:17px;line-height:1.65;max-width:540px}

/* Homepage product families */
.b2b-home-product-families{padding:92px 0 98px;background:#fff;color:#1d1d1f}


















/* Homepage solutions */
.b2b-home-solutions{padding:100px 0 106px;background:#f5f5f7;color:#1d1d1f}
.b2b-home-solutions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.b2b-home-solution-card{display:flex;flex-direction:column;min-width:0;min-height:510px;background:#fff;color:#1d1d1f;text-decoration:none;border:1px solid rgba(0,0,0,.055);border-radius:30px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.b2b-home-solution-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.08)}
.b2b-home-solution-visual{position:relative;aspect-ratio:16/10;background:#111114;overflow:hidden}
.b2b-home-solution-visual>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.b2b-home-solution-card:hover .b2b-home-solution-visual>img{transform:scale(1.03)}
.b2b-home-solution-visual>span{position:absolute;left:20px;top:18px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(0,0,0,.22);backdrop-filter:blur(12px);color:#fff;font-size:11px;font-weight:700}
.b2b-home-solution-graphic{position:absolute;inset:0;background:radial-gradient(circle at 72% 26%,rgba(181,6,9,.26),transparent 31%),linear-gradient(145deg,#0b0b0d,#202024)}
.b2b-home-solution-graphic i{position:absolute;display:block;border:1px solid rgba(255,255,255,.17);border-radius:999px}
.b2b-home-solution-graphic i:nth-child(1){width:58%;aspect-ratio:1;right:-12%;top:-25%}
.b2b-home-solution-graphic i:nth-child(2){width:42%;aspect-ratio:1;left:12%;bottom:-17%}
.b2b-home-solution-graphic i:nth-child(3){width:62%;height:1px;left:20%;top:56%;border:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(-18deg)}
.b2b-home-solution-copy{padding:26px 26px 28px;display:flex;flex:1;flex-direction:column;min-width:0}
.b2b-home-solution-copy small{font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.1em;color:#77777c;margin-bottom:15px}
.b2b-home-solution-copy h3{margin:0;font-size:29px;line-height:1.04;letter-spacing:-.045em;overflow-wrap:anywhere}
.b2b-home-solution-copy p{margin:14px 0 24px;color:#646468;font-size:15px;line-height:1.6}
.b2b-home-solution-copy>strong{margin-top:auto;font-size:14px;font-weight:650}
.b2b-home-solution-copy>strong i{font-style:normal;margin-left:4px}

/* Homepage Brand Center feature */
.b2b-home-brand-feature{padding:104px 0;background:#fff;color:#1d1d1f}

.b2b-home-brand-media{position:relative;min-width:0;min-height:610px;background:#e9e9ec;overflow:hidden}
.b2b-home-brand-media img{display:block;width:100%;height:100%;object-fit:cover}
.b2b-home-brand-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#e8e8eb,#f7f7f8);overflow:hidden}
.b2b-home-brand-placeholder span{font-size:11px;letter-spacing:.16em;font-weight:700;color:#85858a}
.b2b-home-brand-placeholder strong{font-size:48px;line-height:.95;letter-spacing:-.06em;text-align:center;margin-top:12px}
.b2b-home-brand-placeholder i{position:absolute;width:360px;height:360px;border:1px solid rgba(0,0,0,.08);border-radius:50%;right:-120px;bottom:-140px}











/* Supporting site entrances: intentionally compact after dedicated homepage modules */
.b2b-home-support-links{padding:86px 0 90px;background:#f5f5f7;color:#1d1d1f}
.b2b-home-support-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:70px;align-items:end;margin-bottom:30px}
.b2b-home-support-head>div,.b2b-home-support-head>p{min-width:0}
.b2b-home-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(0,0,0,.10);border-bottom:1px solid rgba(0,0,0,.10)}
.b2b-home-support-card{min-width:0;display:flex;flex-direction:column;padding:30px 30px 32px;color:#1d1d1f;text-decoration:none;border-right:1px solid rgba(0,0,0,.10);transition:background .25s ease}
.b2b-home-support-card:last-child{border-right:0}
.b2b-home-support-card:hover{background:#fff}
.b2b-home-support-card>small{font-size:10px;font-weight:700;letter-spacing:.1em;color:#77777c}
.b2b-home-support-card h3{margin:24px 0 0;font-size:25px;line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere}
.b2b-home-support-card p{margin:12px 0 26px;color:#66666a;font-size:14px;line-height:1.55}
.b2b-home-support-card>strong{margin-top:auto;font-size:13px;font-weight:650}
.b2b-home-support-card>strong span{margin-left:4px}

/* Simplified premium homepage RFQ */
.b2b-home-inquiry.b2b-home-inquiry-simple{padding:92px 0 96px;background:#0b0b0d;color:#f5f5f7}
.b2b-home-inquiry-simple .b2b-home-inquiry-shell{display:grid;grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);gap:78px;align-items:center;background:transparent;border:0;border-radius:0;padding:0}
.b2b-home-inquiry-simple .b2b-home-inquiry-copy{position:static;top:auto;min-width:0}
.b2b-home-inquiry-simple .b2b-home-inquiry-copy .b2b-apple-eyebrow{color:#a1a1a6}
.b2b-home-inquiry-simple .b2b-home-inquiry-copy h2{color:#fff;font-size:clamp(46px,5vw,72px);line-height:.98;letter-spacing:-.058em;max-width:650px;overflow-wrap:anywhere}
.b2b-home-inquiry-simple .b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow){color:#c7c7cc;font-size:17px;line-height:1.65;max-width:580px;margin:24px 0 0}



.b2b-home-inquiry-simple .b2b-home-inquiry-form-wrap{min-width:0;background:#fff;color:#1d1d1f;border-radius:30px;padding:34px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.24)}
.b2b-home-inquiry-simple .b2b-home-rfq-form-simple{gap:16px}
.b2b-home-inquiry-simple .b2b-home-rfq-form-simple .b2b-field-row{gap:14px}
.b2b-home-inquiry-simple .b2b-home-rfq-form-simple label>span{font-size:11px;font-weight:650;color:#5f5f63}
.b2b-home-inquiry-simple .b2b-home-rfq-form-simple input,.b2b-home-inquiry-simple .b2b-home-rfq-form-simple select,.b2b-home-inquiry-simple .b2b-home-rfq-form-simple textarea{background:#f5f5f7;border-color:rgba(0,0,0,.08)}
.b2b-home-inquiry-simple .b2b-home-rfq-form-simple textarea{min-height:116px}
.b2b-home-inquiry-simple .b2b-home-rfq-form-simple>small{color:#77777c;text-align:center}

@media (max-width:1040px){
  .b2b-home-section-head,.b2b-home-support-head{grid-template-columns:1fr;gap:22px;margin-bottom:34px}
  .b2b-home-section-intro p,.b2b-home-support-head>p{max-width:720px}
  .b2b-home-solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b2b-home-solutions-grid>a:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 9px)}
  
  .b2b-home-brand-media{min-height:500px;aspect-ratio:16/9}
  
  .b2b-home-inquiry-simple .b2b-home-inquiry-shell{grid-template-columns:1fr;gap:44px}
  .b2b-home-inquiry-simple .b2b-home-inquiry-copy{text-align:left}
  .b2b-home-inquiry-simple .b2b-home-inquiry-copy h2,.b2b-home-inquiry-simple .b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow){margin-left:0;margin-right:0}
}
@media (max-width:760px){
  .b2b-home-product-families,.b2b-home-solutions,.b2b-home-brand-feature{padding:70px 0 74px}
  .b2b-home-support-links{padding:62px 0 66px}
  .b2b-home-section-head h2,.b2b-home-support-head h2{font-size:clamp(38px,11vw,50px);line-height:1}
  .b2b-home-section-intro p,.b2b-home-support-head>p{font-size:16px}
  .b2b-home-solutions-grid{display:flex;overflow-x:auto;gap:14px;margin-right:calc(var(--b2b-page-gutter,20px) * -1);padding-right:20px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .b2b-home-solutions-grid::-webkit-scrollbar{display:none}
  .b2b-home-solution-card{flex:0 0 min(84vw,360px);scroll-snap-align:start}
  .b2b-home-solutions-grid>a:last-child:nth-child(odd){max-width:none}
  .b2b-home-solution-card{min-height:480px}
  
  .b2b-home-brand-media{min-height:0;aspect-ratio:16/10}
  
  
  
  .b2b-home-support-grid{grid-template-columns:1fr}
  .b2b-home-support-card{padding:24px 4px;border-right:0;border-bottom:1px solid rgba(0,0,0,.10)}
  .b2b-home-support-card:last-child{border-bottom:0}
  .b2b-home-support-card h3{margin-top:14px}
  .b2b-home-inquiry.b2b-home-inquiry-simple{padding:72px 0 76px}
  .b2b-home-inquiry-simple .b2b-home-inquiry-shell{gap:34px;padding:0}
  .b2b-home-inquiry-simple .b2b-home-inquiry-copy h2{font-size:clamp(40px,12vw,54px)}
  .b2b-home-inquiry-simple .b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow){font-size:16px}
  .b2b-home-inquiry-simple .b2b-home-inquiry-form-wrap{padding:22px 16px;border-radius:24px}
  .b2b-home-inquiry-simple .b2b-home-rfq-form-simple .b2b-field-row{grid-template-columns:1fr}
}


/* v1.5.41.3.13 — Homepage global customer image showcase */
.b2b-home-customers{padding:104px 0 96px;background:#0b0b0d;color:#f5f5f7;overflow:hidden}
.b2b-home-customers-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.62fr);gap:76px;align-items:end;margin-bottom:42px}
.b2b-home-customers-title,.b2b-home-customers-intro{min-width:0}
.b2b-home-customers-title>span{display:block;margin-bottom:14px;color:#a1a1a6;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.b2b-home-customers-title h2{max-width:820px;margin:0;color:#f5f5f7;font-size:clamp(42px,4.4vw,66px);line-height:.98;letter-spacing:-.055em;font-weight:650;overflow-wrap:anywhere}
.b2b-home-customers-intro p{max-width:520px;margin:0 0 22px;color:#c7c7cc;font-size:17px;line-height:1.65}
.b2b-home-customers-intro .b2b-link-arrow{color:#fff}
.b2b-home-customers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.b2b-home-customer-card{min-width:0;color:#f5f5f7}
.b2b-home-customer-media{position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:#17171a;border:1px solid rgba(255,255,255,.09)}
.b2b-home-customer-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.38));pointer-events:none}
.b2b-home-customer-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.b2b-home-customer-card:hover .b2b-home-customer-media img{transform:scale(1.035)}
.b2b-home-customer-index{position:absolute;z-index:2;left:16px;bottom:14px;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:25px;padding:0 9px;border-radius:999px;background:rgba(8,8,9,.62);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em}
.b2b-home-customer-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;background:radial-gradient(circle at 78% 18%,rgba(181,6,9,.22),transparent 34%),linear-gradient(145deg,#1d1d21,#101012 68%)}
.b2b-home-customer-placeholder:before,.b2b-home-customer-placeholder:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.b2b-home-customer-placeholder:before{width:150px;height:150px;right:-46px;top:-54px}.b2b-home-customer-placeholder:after{width:86px;height:86px;right:20px;top:18px}
.b2b-home-customer-placeholder small{position:relative;z-index:1;margin-bottom:8px;color:#98989d;font-size:9px;font-weight:700;letter-spacing:.13em}
.b2b-home-customer-placeholder strong{position:relative;z-index:1;max-width:190px;color:#f5f5f7;font-size:18px;line-height:1.12;letter-spacing:-.025em}
.b2b-home-customer-placeholder i{position:absolute;left:26px;top:26px;width:46px;height:3px;border-radius:8px;background:#fff;opacity:.78}
.b2b-home-customer-copy{padding:18px 3px 0}
.b2b-home-customer-copy small{display:block;margin-bottom:7px;color:#929297;font-size:9px;line-height:1.2;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.b2b-home-customer-copy h3{margin:0;color:#f5f5f7;font-size:21px;line-height:1.08;letter-spacing:-.035em;font-weight:620;overflow-wrap:anywhere}
.b2b-home-customer-copy p{margin:9px 0 0;color:#a8a8ad;font-size:13px;line-height:1.55}
.b2b-home-customers-proof{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:13px 18px;margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);color:#929297;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.b2b-home-customers-proof i{display:block;width:3px;height:3px;border-radius:50%;background:#5e5e63}
@media(max-width:1100px){.b2b-home-customers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}}
@media(max-width:980px){.b2b-home-customers{padding:82px 0 84px}.b2b-home-customers-head{grid-template-columns:1fr;gap:22px;margin-bottom:34px}.b2b-home-customers-intro p{max-width:680px}}
@media(max-width:640px){.b2b-home-customers{padding:72px 0 70px}.b2b-home-customers-title h2{font-size:clamp(38px,11vw,50px);line-height:1}.b2b-home-customers-intro p{font-size:16px}.b2b-home-customers-grid{display:flex;overflow-x:auto;gap:14px;margin-right:calc(var(--b2b-page-gutter,20px) * -1);padding-right:20px;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.b2b-home-customers-grid::-webkit-scrollbar{display:none}.b2b-home-customer-card{flex:0 0 min(78vw,320px);scroll-snap-align:start}.b2b-home-customer-media{border-radius:20px}.b2b-home-customer-copy h3{font-size:20px}.b2b-home-customers-proof{justify-content:flex-start;text-align:left;gap:10px 12px;margin-top:32px}.b2b-home-customers-proof i{display:none}}

/* v1.5.41.3.14 — simplified homepage Brand Center: image + title + short description */
.b2b-home-brand-simple{padding:82px 0;background:#fff;color:#1d1d1f}
.b2b-home-brand-simple .b2b-home-brand-simple-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:stretch;min-height:430px;border-radius:32px;overflow:hidden;background:#f5f5f7;border:1px solid rgba(0,0,0,.055);color:inherit;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease}
.b2b-home-brand-simple .b2b-home-brand-simple-card:hover{transform:translateY(-2px);box-shadow:0 22px 50px rgba(0,0,0,.08)}
.b2b-home-brand-simple .b2b-home-brand-media{min-height:430px;aspect-ratio:auto}
.b2b-home-brand-simple .b2b-home-brand-media img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.b2b-home-brand-simple .b2b-home-brand-simple-card:hover .b2b-home-brand-media img{transform:scale(1.025)}
.b2b-home-brand-simple-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 52px;min-width:0}
.b2b-home-brand-simple-copy h2{margin:0;font-size:clamp(34px,3.2vw,50px);line-height:1.02;letter-spacing:-.048em;font-weight:650;overflow-wrap:anywhere}
.b2b-home-brand-simple-copy p{margin:20px 0 0;max-width:520px;color:#626266;font-size:16px;line-height:1.65}
@media (max-width:980px){
  .b2b-home-brand-simple .b2b-home-brand-simple-card{grid-template-columns:1fr;min-height:0}
  .b2b-home-brand-simple .b2b-home-brand-media{min-height:0;aspect-ratio:16/9}
  .b2b-home-brand-simple-copy{padding:42px 40px 46px}
}
@media (max-width:680px){
  .b2b-home-brand-simple{padding:62px 0 66px}
  .b2b-home-brand-simple .b2b-home-brand-simple-card{border-radius:26px}
  .b2b-home-brand-simple .b2b-home-brand-media{aspect-ratio:4/3}
  .b2b-home-brand-simple-copy{padding:30px 24px 34px}
  .b2b-home-brand-simple-copy h2{font-size:clamp(32px,10vw,42px)}
  .b2b-home-brand-simple-copy p{font-size:15px;margin-top:16px}
}

/* v1.5.41.3.15 — further simplified homepage enquiry */
.b2b-home-inquiry-minimal .b2b-home-inquiry-shell{grid-template-columns:minmax(0,.88fr) minmax(460px,1.02fr);gap:88px;max-width:1180px;margin:0 auto}
.b2b-home-inquiry-minimal .b2b-home-inquiry-copy h2{max-width:570px}
.b2b-home-inquiry-minimal .b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow){max-width:510px}
.b2b-home-inquiry-trust{display:flex;align-items:center;gap:10px;margin-top:30px;color:#b9b9be;font-size:13px;line-height:1.5}
.b2b-home-inquiry-trust>span{width:7px;height:7px;border-radius:50%;background:#34c759;box-shadow:0 0 0 5px rgba(52,199,89,.10);flex:0 0 auto}
.b2b-home-inquiry-trust strong{font-weight:550}
.b2b-home-inquiry-minimal .b2b-home-inquiry-form-wrap{padding:30px;border-radius:26px;box-shadow:0 24px 64px rgba(0,0,0,.20)}
.b2b-home-inquiry-minimal .b2b-home-rfq-form-minimal{gap:14px}
.b2b-home-inquiry-minimal .b2b-home-rfq-form-minimal textarea{min-height:108px;resize:vertical}
.b2b-home-inquiry-minimal .b2b-home-rfq-form-minimal .b2b-btn{min-height:50px;margin-top:0}
@media (max-width:1040px){
  .b2b-home-inquiry-minimal .b2b-home-inquiry-shell{grid-template-columns:1fr;gap:38px;max-width:760px}
  .b2b-home-inquiry-minimal .b2b-home-inquiry-copy h2,.b2b-home-inquiry-minimal .b2b-home-inquiry-copy>p:not(.b2b-apple-eyebrow){max-width:680px}
}
@media (max-width:760px){
  .b2b-home-inquiry-minimal .b2b-home-inquiry-shell{gap:28px}
  .b2b-home-inquiry-minimal .b2b-home-inquiry-form-wrap{padding:20px 15px;border-radius:22px}
  .b2b-home-inquiry-minimal .b2b-home-inquiry-trust{margin-top:24px;font-size:12.5px}
}


/* v1.5.41.3.18 — global back-to-top control */
.b2b-back-to-top{
  position:fixed;
  right:max(22px,env(safe-area-inset-right));
  bottom:max(22px,env(safe-area-inset-bottom));
  z-index:140;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid rgba(0,0,0,.10);
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#1d1d1f;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.b2b-back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.b2b-back-to-top svg{width:22px;height:22px;display:block}
.b2b-back-to-top:hover{
  background:#1d1d1f;
  color:#fff;
  border-color:#1d1d1f;
  box-shadow:0 12px 34px rgba(0,0,0,.18);
}
.b2b-back-to-top:focus-visible{outline:3px solid rgba(181,6,9,.34);outline-offset:3px}
@media(max-width:767px){
  .b2b-back-to-top{
    right:max(14px,env(safe-area-inset-right));
    bottom:max(14px,env(safe-area-inset-bottom));
    width:44px;
    height:44px;
  }
  .single-b2b_product .b2b-back-to-top{
    bottom:calc(78px + env(safe-area-inset-bottom));
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-back-to-top{transition:none}
}

/* v1.5.41.3.26 — Brand Center tab title visibility fix */
.b2b-brand-cap-tabs button span{
  display:block;
  min-width:0;
  opacity:1!important;
  visibility:visible!important;
  color:inherit;
}
.b2b-brand-cap-tabs button.is-active span{
  opacity:1!important;
  visibility:visible!important;
  color:#fff;
}
.b2b-brand-cap-stage.is-changing h3,
.b2b-brand-cap-stage.is-changing p{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}
.b2b-brand-cap-stage.is-switching .b2b-brand-cap-watch{
  transform:rotate(-3deg) scale(.985);
}
.b2b-brand-cap-copy h3,
.b2b-brand-cap-copy p{
  visibility:visible;
}
@media(prefers-reduced-motion:reduce){
  .b2b-brand-cap-stage.is-switching .b2b-brand-cap-watch{transform:rotate(-5deg)}
}



/* v1.5.41.3.27 — Brand Center local navigation persistence fix */
.b2b-brand-local-nav-v5{
  top:var(--b2b-brand-header-bottom,56px);
  z-index:95;
  opacity:1;
  visibility:visible;
  transform:none;
}
.b2b-brand-local-nav-v5 .b2b-brand-local-nav-inner,
.b2b-brand-local-nav-v5 .b2b-brand-local-links{
  visibility:visible;
  opacity:1;
}
.b2b-brand-local-links>a.is-active:not(.b2b-brand-local-cta){
  color:#1d1d1f;
}
.b2b-brand-local-links>a.is-active:not(.b2b-brand-local-cta)::after{
  content:"";
  display:block;
  height:1px;
  margin-top:4px;
  background:currentColor;
}
.b2b-brand-center-v5 section[id]{
  scroll-margin-top:calc(var(--b2b-brand-header-bottom,56px) + var(--b2b-brand-local-nav-height,58px) + 16px);
}
@media(max-width:760px){
  .b2b-brand-local-nav-v5{top:var(--b2b-brand-header-bottom,48px)}
  .b2b-brand-center-v5 section[id]{
    scroll-margin-top:calc(var(--b2b-brand-header-bottom,48px) + var(--b2b-brand-local-nav-height,52px) + 12px);
  }
}


/* v1.5.41.3.28 — Brand Center section navigation mirrors Product Description / Specifications tabs */
.b2b-brand-local-nav-v5 .b2b-brand-local-links{
  align-self:stretch;
  align-items:stretch;
  gap:34px;
}
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta){
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:0 3px;
  color:#6e6e73;
  font:inherit;
  font-size:15px;
  font-weight:650;
  line-height:1.2;
  white-space:nowrap;
  text-decoration:none;
  opacity:1;
  visibility:visible;
  transition:color .2s ease;
}
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  display:block;
  height:2px;
  margin:0;
  background:#1d1d1f;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .22s ease;
}
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta):hover,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta).is-active,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta)[aria-current="location"]{
  color:#1d1d1f;
  opacity:1;
  visibility:visible;
}
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta).is-active::after,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta)[aria-current="location"]::after{
  transform:scaleX(1);
}
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta):focus-visible{
  color:#1d1d1f;
  text-decoration:underline;
  text-underline-offset:5px;
  outline:0;
}
@media(max-width:760px){
  .b2b-brand-local-nav-v5 .b2b-brand-local-links{gap:26px}
  .b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta){
    min-height:58px;
    font-size:14px;
  }
}


/* v1.5.41.3.30 — product media gallery controls */
.b2b-product-media-gallery{position:relative;outline:none}
.b2b-product-media-gallery:focus-visible{outline:2px solid rgba(29,29,31,.34);outline-offset:5px;border-radius:32px}
.b2b-product-media-controls{position:absolute;z-index:5;right:18px;bottom:104px;display:flex;align-items:center;gap:8px;padding:7px;background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.08);border-radius:999px;box-shadow:0 8px 28px rgba(0,0,0,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.b2b-product-media-controls button{width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:#1d1d1f;font:600 25px/1 Arial,sans-serif;cursor:pointer;display:grid;place-items:center;transition:background .18s ease}
.b2b-product-media-controls button:hover{background:#f0f0f2}
.b2b-product-media-controls span{min-width:58px;text-align:center;color:#86868b;font-size:11px;font-weight:650;letter-spacing:.04em}
.b2b-product-media-controls span strong{color:#1d1d1f;font-size:12px}.b2b-product-media-controls span i{font-style:normal;margin:0 5px;color:#c7c7cc}
.b2b-product-media-thumbs .is-video{padding:0;background:#111}
.b2b-product-media-thumbs .is-video>img{width:100%;height:100%;object-fit:cover;opacity:.74}
.b2b-product-media-video-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:999px;background:rgba(255,255,255,.92);color:#1d1d1f!important;display:grid;place-items:center;font-size:12px!important;padding-left:2px;box-shadow:0 4px 16px rgba(0,0,0,.16)}
@media(max-width:767px){
  .b2b-product-media-controls{right:12px;bottom:84px}
  .b2b-product-media-controls button{width:30px;height:30px;font-size:22px}
  .b2b-product-media-controls span{min-width:50px}
}

/* v1.5.41.3.31 — coordinated Product / Brand tab typography and compact enquiry CTAs */
.b2b-product-info-tablist button,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta){
  font-family:var(--b2b-font-sans);
  font-size:14px;
  font-weight:600;
  letter-spacing:-.01em;
  line-height:1.2;
  color:#6e6e73;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.b2b-product-info-tablist button{min-height:60px;margin-right:30px}
.b2b-brand-local-nav-v5 .b2b-brand-local-links{gap:30px}
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta){min-height:54px}
.b2b-product-info-tablist button:hover,
.b2b-product-info-tablist button.is-active,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta):hover,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta).is-active,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta)[aria-current="location"]{
  color:#1d1d1f;
}
.b2b-product-info-tablist button:after,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta)::after{
  height:2px;
  background:#1d1d1f;
}

/* Product sticky section navigation uses the same active-state language at a denser scale. */
.b2b-product-localbar-v2 nav{align-self:stretch;gap:22px}
.b2b-product-localbar-v2 nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:54px;
  font-family:var(--b2b-font-sans);
  font-size:13px;
  font-weight:600;
  letter-spacing:-.005em;
  line-height:1.2;
  color:#6e6e73;
  text-decoration:none;
  transition:color .2s ease;
}
.b2b-product-localbar-v2 nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:2px;
  background:#1d1d1f;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .22s ease;
}
.b2b-product-localbar-v2 nav a:hover,
.b2b-product-localbar-v2 nav a.is-active,
.b2b-product-localbar-v2 nav a[aria-current="location"]{color:#1d1d1f}
.b2b-product-localbar-v2 nav a.is-active::after,
.b2b-product-localbar-v2 nav a[aria-current="location"]::after{transform:scaleX(1)}

/* Enquiry / conversion actions: slightly smaller than global marketing CTAs on these dense pages. */
.single-b2b_product .b2b-product-detail-v2 .b2b-btn:not(.b2b-product-local-cta),
.b2b-brand-center-v5 .b2b-btn{
  min-height:42px;
  padding:0 18px;
  font-family:var(--b2b-font-sans);
  font-size:14px;
  font-weight:600;
  line-height:1.2;
}
.b2b-product-local-cta,
.b2b-brand-local-nav-v5 .b2b-brand-local-links .b2b-brand-local-cta{
  min-height:32px;
  padding:0 12px;
  font-family:var(--b2b-font-sans);
  font-size:12px;
  font-weight:600;
  line-height:1;
  letter-spacing:0;
}
.b2b-brand-local-nav-v5 .b2b-brand-local-links .b2b-brand-local-cta{
  background:var(--b2b-accent);
  color:#fff;
  transition:background .2s ease,transform .2s ease;
}
.b2b-brand-local-nav-v5 .b2b-brand-local-links .b2b-brand-local-cta:hover{
  background:var(--b2b-accent-hover);
  color:#fff;
  transform:translateY(-1px);
}

@media(max-width:760px){
  .b2b-product-info-tablist button,
  .b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta){
    font-size:13px;
    font-weight:600;
  }
  .b2b-product-info-tablist button{min-height:54px;margin-right:24px}
  .b2b-brand-local-nav-v5 .b2b-brand-local-links{gap:22px}
  .b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta){min-height:52px}
  .single-b2b_product .b2b-product-detail-v2 .b2b-btn:not(.b2b-product-local-cta),
  .b2b-brand-center-v5 .b2b-btn{min-height:40px;padding:0 16px;font-size:13px}
  .b2b-brand-local-nav-v5 .b2b-brand-local-links .b2b-brand-local-cta{min-height:30px;padding:0 11px;font-size:11px}
}


/* v1.5.41.3.32 — unified Product / Brand active state uses the existing product blue */
.b2b-product-info-tablist button.is-active,
.b2b-product-info-tablist button[aria-selected="true"],
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta).is-active,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta)[aria-current="location"],
.b2b-product-localbar-v2 nav a.is-active,
.b2b-product-localbar-v2 nav a[aria-current="location"]{
  color:var(--b2b-accent);
}
.b2b-product-info-tablist button.is-active::after,
.b2b-product-info-tablist button[aria-selected="true"]::after,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta).is-active::after,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta)[aria-current="location"]::after,
.b2b-product-localbar-v2 nav a.is-active::after,
.b2b-product-localbar-v2 nav a[aria-current="location"]::after{
  background:var(--b2b-accent);
}
.b2b-product-info-tablist button:hover,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta):hover,
.b2b-product-localbar-v2 nav a:hover{
  color:var(--b2b-accent);
}
.b2b-product-info-tablist button:focus-visible,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta):focus-visible,
.b2b-product-localbar-v2 nav a:focus-visible{
  color:var(--b2b-accent);
}

/* v1.5.41.3.34 — Brand Center sticky tabs exactly match Product Detail local navigation */
.b2b-brand-local-nav-v5 .b2b-brand-local-links{
  gap:22px;
}
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta){
  min-height:54px;
  padding:0;
  font-family:var(--b2b-font-sans);
  font-size:13px;
  font-weight:600;
  letter-spacing:-.005em;
  line-height:1.2;
  color:#6e6e73;
}
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta):hover,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta).is-active,
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta)[aria-current="location"],
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta):focus-visible{
  color:var(--b2b-accent);
}
.b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta)::after{
  bottom:-1px;
  height:2px;
  background:var(--b2b-accent);
}
.b2b-brand-local-nav-v5 .b2b-brand-local-links .b2b-brand-local-cta{
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  font-family:var(--b2b-font-sans);
  font-size:12px;
  font-weight:600;
  line-height:1;
  letter-spacing:0;
}
@media(max-width:760px){
  .b2b-brand-local-nav-v5 .b2b-brand-local-links{gap:22px}
  .b2b-brand-local-nav-v5 .b2b-brand-local-links>a:not(.b2b-brand-local-cta){
    min-height:54px;
    font-size:13px;
    font-weight:600;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-links .b2b-brand-local-cta{
    min-height:32px;
    padding:0 12px;
    font-size:12px;
  }
}


/* v1.5.41.3.35 — Brand Center localbar now reuses Product Detail's actual navigation and CTA components */
.b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner{
  min-height:54px;
  gap:28px;
}
.b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{
  display:flex;
  align-self:stretch;
  align-items:center;
  justify-content:flex-start;
  gap:22px;
  padding:0;
}
.b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  min-height:54px;
  padding:0;
  font-family:var(--b2b-font-sans);
  font-size:13px;
  font-weight:600;
  font-style:normal;
  letter-spacing:-.005em;
  line-height:1.2;
  text-transform:none;
  color:#6e6e73;
  white-space:nowrap;
  text-decoration:none;
  transition:color .2s ease;
}
.b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  display:block;
  height:2px;
  margin:0;
  background:var(--b2b-accent);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .22s ease;
}
.b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a:hover,
.b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a.is-active,
.b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a[aria-current="location"],
.b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a:focus-visible{
  color:var(--b2b-accent);
}
.b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a.is-active::after,
.b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a[aria-current="location"]::after{
  transform:scaleX(1);
}
/* Contact is intentionally the exact Product Detail Get Pricing button component. */
.b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{
  min-height:32px;
  padding:0 12px;
  border:0;
  border-radius:999px;
  background:var(--b2b-accent);
  color:#fff;
  font-family:var(--b2b-font-sans);
  font-size:12px;
  font-weight:600;
  font-style:normal;
  letter-spacing:0;
  line-height:1;
  text-transform:none;
}
.b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta:hover{
  background:var(--b2b-accent-hover);
  color:#fff;
}
@media(max-width:767px){
  /* Product Detail hides its section links on mobile; Brand Center keeps its tabs scrollable. */
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{
    display:flex;
    overflow-x:auto;
    scrollbar-width:none;
    gap:22px;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links::-webkit-scrollbar{display:none}
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner{
    min-height:48px;
    gap:12px;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a{
    min-height:48px;
    font-size:12px;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{
    min-height:30px;
    padding:0 12px;
    font-size:12px;
  }
}

/* v1.5.41.3.36 — full mobile adaptive layer (320–480px + landscape) */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body,
.b2b-site-content{
  min-width:0;
  max-width:100%;
}
.b2b-site-content :where(img,video,iframe,svg){max-width:100%}
.b2b-site-content :where(img,video){height:auto}
.b2b-site-content iframe{width:100%}
.b2b-site-content :where(pre,code){max-width:100%}
.b2b-site-content pre{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Prevent background scroll while the mobile menu is open. */
html.b2b-menu-open,
html.b2b-menu-open body{overflow:hidden;overscroll-behavior:none}

@media(max-width:767px){
  /* One consistent safe gutter on phones, including notched devices. */
  .b2b-container{
    width:auto!important;
    max-width:none;
    margin-left:max(14px,env(safe-area-inset-left));
    margin-right:max(14px,env(safe-area-inset-right));
  }

  /* Header / navigation: always fits the current viewport height. */
  .b2b-header-inner{min-width:0;gap:12px}
  .b2b-brand{min-width:0;max-width:calc(100% - 52px);flex:0 1 auto}
  .custom-logo-link{min-width:0;max-width:100%}
  .custom-logo{display:block;max-width:min(62vw,220px);height:auto}
  .b2b-brand-name{display:block;max-width:min(62vw,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .b2b-menu-toggle{flex:0 0 40px;touch-action:manipulation}
  .b2b-primary-nav{
    max-height:calc(100dvh - 54px - env(safe-area-inset-bottom));
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
    padding-bottom:calc(22px + env(safe-area-inset-bottom));
    box-shadow:0 18px 40px rgba(0,0,0,.08);
  }
  .admin-bar .b2b-primary-nav{max-height:calc(100dvh - 100px - env(safe-area-inset-bottom))}
  .b2b-nav-list,.b2b-nav-list li,.b2b-nav-list a{min-width:0;max-width:100%}
  .b2b-nav-list li a{overflow-wrap:break-word}

  /* Long copy cannot widen a phone layout. */
  .b2b-site-content :where(h1,h2,h3,h4,p,li,dt,dd,strong,a){min-width:0}
  .b2b-site-content :where(h1,h2,h3,h4,p,li,dt,dd,strong){overflow-wrap:break-word;word-break:normal}

  /* Mobile Safari does not zoom form controls when their type size is >= 16px. */
  .b2b-site-content input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]),
  .b2b-site-content select,
  .b2b-site-content textarea{
    width:100%;
    max-width:100%;
    min-width:0;
    font-size:16px!important;
  }
  .b2b-field-row,
  .b2b-enquiry-form,
  .b2b-home-rfq-form,
  .b2b-home-rfq-form-minimal{min-width:0}

  /* Buttons stay compact but never overflow. */
  .b2b-btn{max-width:100%;text-align:center;white-space:normal}
  
  .b2b-product-v2-actions,
  .b2b-pc-category-hero-actions{max-width:100%;flex-wrap:wrap}

  /* Product media becomes fluid rather than using a fixed 390px stage. */
  .b2b-product-media-gallery{width:100%;max-width:100%;min-width:0}
  .b2b-product-media-stage{
    width:100%;
    min-height:0!important;
    aspect-ratio:1/1;
    border-radius:clamp(18px,5vw,22px);
  }
  .b2b-product-media-slide video{min-height:0!important;height:100%;object-fit:contain}
  .b2b-product-media-thumbs{max-width:100%;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .b2b-product-media-thumbs button{scroll-snap-align:start}
  .b2b-product-v2-copy h1{font-size:clamp(40px,11.5vw,48px);overflow-wrap:break-word}
  
  
  .b2b-product-info-tablist{max-width:100%;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .b2b-product-info-tablist button{scroll-snap-align:start;flex:0 0 auto}
  .b2b-product-v2-oem-panel{padding:clamp(24px,7vw,30px) clamp(18px,6vw,24px)}

  /* Product sticky bar and Brand Center sticky tabs: title/CTA stay visible, tabs scroll. */
  .b2b-product-localbar-inner,
  .b2b-brand-local-nav-inner{width:100%;min-width:0}
  .b2b-product-local-title{min-width:0;flex:0 1 auto}
  .b2b-product-local-title strong,
  .b2b-product-local-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .b2b-product-local-cta{flex:0 0 auto}
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{
    flex:1 1 auto;
    min-width:0;
    max-width:100%;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a{scroll-snap-align:start}
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta{flex:0 0 auto}

  /* Resource/article tables remain usable on narrow screens. */
  .b2b-resource-article-content table,
  .b2b-content-card table{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .b2b-resource-filter-scroll{max-width:100%;width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}

  /* Bottom conversion area honours gesture/navigation safe zones. */
  .b2b-mobile-conversion-bar{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    padding-left:max(10px,env(safe-area-inset-left));
    padding-right:max(10px,env(safe-area-inset-right));
    padding-bottom:calc(8px + env(safe-area-inset-bottom));
  }
  .b2b-mobile-conversion-bar a{min-width:0}
  .b2b-mobile-conversion-bar strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .single-b2b_product .b2b-site-footer{padding-bottom:calc(70px + env(safe-area-inset-bottom))}

  /* Cards, panels and media should never retain desktop minimum widths. */
  
  .b2b-home-inquiry-shell,
  .b2b-home-inquiry-form-wrap,
  .b2b-brand-contact-panel-v5,
  .b2b-brand-document-panel-v5,
  .b2b-resource-end-cta-inner,
  .b2b-product-v2-form,
  .b2b-product-v2-oem-panel{min-width:0;max-width:100%}
}

@media(max-width:480px){
  /* Phone typography is fluid across 320/360/375/390/412/430/480 widths. */
  
  .b2b-page-hero h1,
  .b2b-detail-hero h1,
  .b2b-generic-hero h1,
  .b2b-product-center-hero h1,
  .b2b-pc-hero h1,
  .b2b-pc-hero-simple h1,
  .b2b-pc-category-hero-copy h1,
  .b2b-product-v2-copy h1,
  .b2b-brand-intro-copy h1,
  .b2b-brand-story-copy-v5 h1,
  .b2b-resource-hub-title h1,
  .b2b-resource-article-hero h1,
  .b2b-solutions-hero h1,
  .b2b-coop-hero h1,
  .b2b-contact-v2-hero-copy h1{
    font-size:clamp(38px,11.5vw,50px)!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
  }

  .b2b-section-heading h2,
  .b2b-home-section-head h2,
  .b2b-product-v2-section-head h2,
  .b2b-product-v2-wholesale-copy h2,
  .b2b-product-v2-oem-copy h2,
  .b2b-brand-v5-section-head h2,
  .b2b-brand-contact-copy-v5 h2,
  .b2b-resource-section-head h2,
  .b2b-resource-related-head h2,
  .b2b-resource-end-cta h2{
    font-size:clamp(32px,9vw,40px)!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
  }

  
  .b2b-page-hero p,
  .b2b-product-v2-tagline,
  .b2b-brand-story-copy-v5>p,
  .b2b-resource-hub-intro p,
  .b2b-resource-article-deck{font-size:16px!important;line-height:1.55}

  
  
  

  
  .b2b-product-v2-actions .b2b-btn{flex:1 1 135px;min-width:0}
  .b2b-product-info-tablist{padding-left:16px;padding-right:16px}
  .b2b-product-info-panel{padding-left:16px;padding-right:16px}
  .b2b-product-v2-form{padding:18px 14px}

  .b2b-brand-local-title{font-size:13px}
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner{gap:9px}
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{gap:18px}
  .b2b-brand-market-media-v6{min-height:0!important;aspect-ratio:1/1}
  .b2b-brand-market-slide-copy-v6{left:20px;right:20px;bottom:20px}
  .b2b-brand-market-slide-copy-v6 h3{font-size:clamp(28px,8.5vw,36px)}
  .b2b-brand-market-slide-copy-v6 p{font-size:14px;line-height:1.5}

  
  
  .b2b-resource-empty{padding:30px 20px}
  .b2b-resource-article-content{font-size:16.5px;line-height:1.74}
  .b2b-resource-article-content h2{font-size:30px}
  .b2b-resource-article-content h3{font-size:24px}
  .b2b-resource-article-content blockquote{margin:30px 0;font-size:18px;padding-left:16px}
  .b2b-resource-end-cta-inner{padding:32px 22px}

  .b2b-home-inquiry-form-wrap,
  .b2b-home-inquiry-simple .b2b-home-inquiry-form-wrap,
  .b2b-home-inquiry-minimal .b2b-home-inquiry-form-wrap{padding-left:14px;padding-right:14px}
}

@media(max-width:360px){
  .b2b-container{margin-left:max(12px,env(safe-area-inset-left));margin-right:max(12px,env(safe-area-inset-right))}
  .b2b-brand-name{font-size:16px;max-width:58vw}
  .custom-logo{max-width:58vw}

  
  .b2b-page-hero h1,
  .b2b-product-v2-copy h1,
  .b2b-brand-story-copy-v5 h1,
  .b2b-resource-hub-title h1,
  .b2b-resource-article-hero h1,
  .b2b-solutions-hero h1,
  .b2b-coop-hero h1,
  .b2b-contact-v2-hero-copy h1{font-size:clamp(36px,11.5vw,42px)!important}

  
  .b2b-product-v2-actions .b2b-btn,
  .b2b-pc-category-hero-actions .b2b-btn{width:100%;flex-basis:100%}

  .b2b-product-media-thumbs button{width:56px;height:56px;flex-basis:56px}
  
  
  

  .b2b-brand-local-title{display:none}
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{gap:16px}
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a{font-size:11.5px}
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{padding:0 10px;font-size:11px}

  .b2b-mobile-conversion-bar{gap:6px;padding-top:6px}
  .b2b-mobile-conversion-bar a{min-height:50px;padding:6px 8px}
  .b2b-mobile-conversion-bar strong{font-size:12px}
}

/* Short landscape phones: reduce vertical chrome without changing desktop/tablet layouts. */
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
  .b2b-primary-nav{max-height:calc(100dvh - 54px);padding-top:8px;padding-bottom:10px}
  .b2b-nav-list li a{padding-top:8px;padding-bottom:8px}
  .b2b-page-hero,.b2b-resource-hub-hero,.b2b-resource-article-hero{padding-top:34px;padding-bottom:34px}
  .b2b-product-media-stage{max-height:72vh;aspect-ratio:4/3}
  .b2b-product-media-thumbs{padding-top:8px}
  .b2b-mobile-conversion-bar a{min-height:46px}
}

/* ==========================================================
   v1.5.41.3.39 — Homepage launch experience
   Full-screen product hero -> asymmetric Highlights mosaic ->
   scroll-driven detail image + description sequence.
   ========================================================== */
.b2b-home-launch-experience{position:relative;background:#fff;color:#1d1d1f;overflow:clip}
.b2b-home-launch-hero{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  overflow:hidden;
  isolation:isolate;
  background:#050506;
  color:#fff;
}
.b2b-home-launch-hero-media{position:absolute;inset:0}
.b2b-home-launch-hero-media{z-index:0;background:#050506;overflow:hidden}
.b2b-home-launch-hero-media img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
  transform:translate3d(0,0,0) scale(1.025);will-change:transform;
  backface-visibility:hidden;-webkit-backface-visibility:hidden;
}
.b2b-home-launch-hero-media[data-fit="contain"] img{object-fit:contain;padding:4vh 5vw}


.b2b-home-launch-hero-copy{
  width:min(1050px,100%);margin:0 auto;text-align:center;color:#fff;
  will-change:opacity,transform;
}

.b2b-home-launch-hero-copy h1{
  margin:0 auto;max-width:1020px;font-size:clamp(62px,7.6vw,118px);line-height:.91;
  font-weight:650;letter-spacing:-.062em;text-wrap:balance;color:#fff
}









/* Highlights — an original asymmetrical four-image composition using the existing hero + 3 detail images. */
.b2b-home-launch-highlights{padding:clamp(105px,10vw,160px) 0 clamp(120px,11vw,180px);background:#f5f5f7}




















/* Sticky scroll detail sequence. */
.b2b-home-launch-details{position:relative;height:360vh;background:#050506;color:#fff}
.b2b-home-launch-details-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:#050506}
.b2b-home-launch-details-media,.b2b-home-launch-details-shade{position:absolute;inset:0}
.b2b-home-launch-details-media{z-index:0;background:#050506}
.b2b-home-launch-detail-image{
  position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;
  transform:scale(1.035);transition:opacity .42s ease,transform .72s cubic-bezier(.2,.72,.2,1),visibility 0s linear .42s;
  display:grid;place-items:center;will-change:opacity,transform
}
.b2b-home-launch-detail-image.is-active{opacity:1;visibility:visible;transform:scale(1);transition-delay:0s}
.b2b-home-launch-detail-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.b2b-home-launch-detail-image[data-fit="contain"] img{object-fit:contain;padding:6vh 12vw;filter:drop-shadow(0 36px 68px rgba(0,0,0,.32))}
.b2b-home-launch-details-shade{
  z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,5,6,.72) 0%,rgba(5,5,6,.18) 33%,rgba(5,5,6,.10) 67%,rgba(5,5,6,.60) 100%)
}
.b2b-home-launch-details-inner{position:relative;z-index:2;height:100%;color:#fff}
.b2b-home-launch-details-heading{position:absolute;left:0;top:clamp(88px,11vh,126px);display:flex;align-items:center;gap:15px;color:rgba(255,255,255,.64)}
.b2b-home-launch-details-heading span{font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.b2b-home-launch-details-heading span:after{content:"";display:inline-block;width:30px;height:1px;margin-left:14px;vertical-align:middle;background:rgba(255,255,255,.3)}
.b2b-home-launch-details-heading strong{font-size:13px;font-weight:580;color:rgba(255,255,255,.64)}
.b2b-home-launch-detail-copy-wrap{position:absolute;inset:0;pointer-events:none}
.b2b-home-launch-detail-copy{
  position:absolute;top:50%;width:min(470px,36vw);opacity:0;visibility:hidden;
  transform:translate3d(0,calc(-50% + 24px),0);transition:opacity .36s ease,transform .48s ease,visibility 0s linear .36s;
  text-shadow:0 3px 28px rgba(0,0,0,.42)
}
.b2b-home-launch-detail-copy.copy-left{left:0;text-align:left}
.b2b-home-launch-detail-copy.copy-right{right:0;text-align:right}
.b2b-home-launch-detail-copy.is-active{opacity:1;visibility:visible;transform:translate3d(0,-50%,0);transition-delay:0s}
.b2b-home-launch-detail-copy small{display:inline-flex;align-items:center;gap:12px;margin-bottom:17px;color:#FF9699;font-size:12px;font-weight:750;letter-spacing:.1em}
.b2b-home-launch-detail-copy small:after{content:"";width:35px;height:1px;background:rgba(255,90,93,.55)}
.b2b-home-launch-detail-copy.copy-right small{flex-direction:row-reverse}
.b2b-home-launch-detail-copy h2{margin:0;color:#fff;font-size:clamp(43px,4.5vw,72px);line-height:.96;font-weight:650;letter-spacing:-.052em;text-wrap:balance}
.b2b-home-launch-detail-copy p{margin:21px 0 0;max-width:450px;color:rgba(255,255,255,.82);font-size:clamp(17px,1.35vw,20px);line-height:1.58}
.b2b-home-launch-detail-copy.copy-right p{margin-left:auto}
.b2b-home-launch-detail-progress{position:absolute;left:0;right:0;bottom:clamp(25px,4vh,48px);display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.55)}
.b2b-home-launch-detail-count{font-size:11px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.b2b-home-launch-detail-count b{color:#fff;font-size:12px}
.b2b-home-launch-detail-progress>i{position:relative;display:block;width:min(230px,24vw);height:2px;background:rgba(255,255,255,.16);overflow:hidden}
.b2b-home-launch-detail-progress>i>em{position:absolute;left:0;top:0;height:100%;width:0;background:#B50609;transform-origin:left center}

@media(max-width:1024px){
  .b2b-home-launch-hero-copy h1{font-size:clamp(58px,9.5vw,92px)}
  
  .b2b-home-launch-detail-copy{width:min(400px,39vw)}
  .b2b-home-launch-detail-copy h2{font-size:clamp(38px,5vw,58px)}
  .b2b-home-launch-detail-image[data-fit="contain"] img{padding:8vh 10vw}
}

@media(max-width:760px){
  
  .b2b-home-launch-hero-media img{object-position:center}
  .b2b-home-launch-hero-media[data-fit="contain"] img{padding:8vh 2vw 24vh}
  
  
  .b2b-home-launch-hero-copy h1{font-size:clamp(45px,13vw,66px);line-height:.93;letter-spacing:-.055em}
  
  
  
  
  

  .b2b-home-launch-highlights{padding:84px 0 100px}
  
  
  
  
  
  
  
  
  
  
  
  
  

  .b2b-home-launch-details{height:330vh}
  .b2b-home-launch-details-shade{background:linear-gradient(180deg,rgba(5,5,6,.08) 0%,rgba(5,5,6,.10) 46%,rgba(5,5,6,.82) 78%,#050506 100%)}
  .b2b-home-launch-detail-image{align-items:start;padding-top:8vh}
  .b2b-home-launch-detail-image img{height:58vh}
  .b2b-home-launch-detail-image[data-fit="contain"] img{padding:3vh 5vw 0;filter:drop-shadow(0 26px 44px rgba(0,0,0,.28))}
  .b2b-home-launch-details-heading{left:0;right:0;top:72px;gap:10px}
  .b2b-home-launch-details-heading strong{font-size:11px}
  .b2b-home-launch-detail-copy,
  .b2b-home-launch-detail-copy.copy-left,
  .b2b-home-launch-detail-copy.copy-right{
    left:0;right:0;top:auto;bottom:10vh;width:auto;text-align:left;transform:translate3d(0,22px,0);text-shadow:none
  }
  .b2b-home-launch-detail-copy.is-active{transform:translate3d(0,0,0)}
  .b2b-home-launch-detail-copy.copy-right small{flex-direction:row}
  .b2b-home-launch-detail-copy h2{font-size:clamp(38px,10.5vw,52px);line-height:.98}
  .b2b-home-launch-detail-copy p,.b2b-home-launch-detail-copy.copy-right p{margin:16px 0 0;max-width:520px;font-size:16px;line-height:1.52}
  .b2b-home-launch-detail-progress{bottom:20px;gap:12px}
  .b2b-home-launch-detail-progress>i{width:120px}
}

@media(max-width:380px){
  
  .b2b-home-launch-hero-copy h1{font-size:clamp(41px,12.5vw,50px)}
  
  
  .b2b-home-launch-detail-copy{bottom:9vh!important}
  .b2b-home-launch-detail-copy h2{font-size:clamp(35px,10vw,43px)}
}

@media(prefers-reduced-motion:reduce){
  
  .b2b-home-launch-hero-media img{transform:none!important;transition:none!important}
  .b2b-home-launch-details{height:auto;padding:80px 0;background:#050506}
  .b2b-home-launch-details-sticky{position:relative;height:auto;overflow:visible;padding:0}
  .b2b-home-launch-details-media,.b2b-home-launch-details-shade{display:none}
  .b2b-home-launch-details-inner{height:auto}
  .b2b-home-launch-details-heading{position:relative;left:auto;top:auto;margin-bottom:35px}
  .b2b-home-launch-detail-copy-wrap{position:relative;inset:auto;display:grid;gap:18px}
  .b2b-home-launch-detail-copy,.b2b-home-launch-detail-copy.copy-left,.b2b-home-launch-detail-copy.copy-right{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#111114;
    opacity:1;visibility:visible;transform:none;text-align:left
  }
  .b2b-home-launch-detail-copy.copy-right small{flex-direction:row}
  .b2b-home-launch-detail-copy.copy-right p{margin-left:0}
  .b2b-home-launch-detail-progress{display:none}
}

/* ==========================================================
   v1.5.41.3.40 — Luna-style second-screen Highlights Bento
   Dark seven-card feature wall: two wide top cards, two tall
   lower cards and three stacked right-side cards.
   ========================================================== */
.b2b-home-luna-highlights{
  position:relative;
  padding:clamp(108px,9vw,150px) 0 clamp(132px,11vw,182px)!important;
  background:#000!important;
  color:#fff;
  overflow:hidden;
}
.b2b-home-luna-highlights-inner{width:min(1260px,calc(100% - 48px));max-width:none;margin-inline:auto}
.b2b-home-luna-highlights-head{
  max-width:940px;margin:0 auto clamp(50px,5vw,74px);text-align:center;color:#fff
}
.b2b-home-luna-highlights-head>span{display:none}
.b2b-home-luna-highlights-head h2{
  margin:0;color:#fff;font-size:clamp(48px,5.35vw,76px);font-weight:650;line-height:.98;
  letter-spacing:-.052em;text-wrap:balance
}
.b2b-home-luna-bento{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:repeat(9,minmax(54px,5.35vw));
  gap:14px;
}
.b2b-home-luna-card{
  position:relative;min-width:0;overflow:hidden;isolation:isolate;margin:0;border-radius:24px;
  background:#111113;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)
}
.b2b-home-luna-card.card-1{grid-column:1 / 7;grid-row:1 / 4}
.b2b-home-luna-card.card-2{grid-column:7 / 13;grid-row:1 / 4}
.b2b-home-luna-card.card-3{grid-column:1 / 5;grid-row:4 / 10}
.b2b-home-luna-card.card-4{grid-column:5 / 9;grid-row:4 / 10}
.b2b-home-luna-card.card-5{grid-column:9 / 13;grid-row:4 / 6}
.b2b-home-luna-card.card-6{grid-column:9 / 13;grid-row:6 / 8}
.b2b-home-luna-card.card-7{grid-column:9 / 13;grid-row:8 / 10}
.b2b-home-luna-card-media,.b2b-home-luna-card-shade{position:absolute;inset:0}
.b2b-home-luna-card-media{z-index:0;background:#111113}
.b2b-home-luna-card-media img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center;
  transform:scale(1.001);transition:transform .8s cubic-bezier(.2,.72,.2,1),filter .8s ease;
  will-change:transform
}
.b2b-home-luna-card-shade{
  z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.12) 34%,rgba(0,0,0,.02) 62%,rgba(0,0,0,.18) 100%)
}
.b2b-home-luna-card-copy{
  position:absolute;z-index:2;left:clamp(20px,2vw,31px);right:clamp(20px,2vw,31px);top:clamp(20px,2vw,29px);
  color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.22)
}
.b2b-home-luna-card-copy h3{
  margin:0;max-width:88%;color:#fff;font-size:clamp(23px,2vw,32px);font-weight:630;line-height:1.03;
  letter-spacing:-.035em;text-wrap:balance
}
.b2b-home-luna-card.card-3 .b2b-home-luna-card-copy h3,
.b2b-home-luna-card.card-4 .b2b-home-luna-card-copy h3{font-size:clamp(25px,2.25vw,36px)}
.b2b-home-luna-card.card-5 .b2b-home-luna-card-copy,
.b2b-home-luna-card.card-6 .b2b-home-luna-card-copy,
.b2b-home-luna-card.card-7 .b2b-home-luna-card-copy{top:17px;left:20px;right:20px}
.b2b-home-luna-card.card-5 .b2b-home-luna-card-copy h3,
.b2b-home-luna-card.card-6 .b2b-home-luna-card-copy h3,
.b2b-home-luna-card.card-7 .b2b-home-luna-card-copy h3{max-width:74%;font-size:clamp(17px,1.45vw,22px);line-height:1.05}
@media(hover:hover) and (pointer:fine){
  .b2b-home-luna-card:hover .b2b-home-luna-card-media img{transform:scale(1.026)}
}

@media(max-width:980px){
  .b2b-home-luna-highlights-inner{width:min(calc(100% - 36px),900px)}
  .b2b-home-luna-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:12px}
  .b2b-home-luna-card.card-1,.b2b-home-luna-card.card-2{
    grid-column:1 / 3;grid-row:auto;aspect-ratio:16/9
  }
  .b2b-home-luna-card.card-3,.b2b-home-luna-card.card-4{
    grid-column:auto;grid-row:auto;aspect-ratio:4/5.2
  }
  .b2b-home-luna-card.card-5{grid-column:1 / 3;grid-row:auto;aspect-ratio:16/7}
  .b2b-home-luna-card.card-6,.b2b-home-luna-card.card-7{
    grid-column:auto;grid-row:auto;aspect-ratio:1/1
  }
  .b2b-home-luna-card.card-5 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-6 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-7 .b2b-home-luna-card-copy h3{font-size:clamp(18px,2.6vw,24px);max-width:82%}
}

@media(max-width:760px){
  .b2b-home-luna-highlights{padding:82px 0 96px!important}
  .b2b-home-luna-highlights-inner{width:calc(100% - 28px)}
  .b2b-home-luna-highlights-head{margin-bottom:34px;padding:0 8px}
  .b2b-home-luna-highlights-head h2{font-size:clamp(38px,10.6vw,52px);line-height:.98}
  .b2b-home-luna-bento{gap:9px}
  .b2b-home-luna-card{border-radius:18px}
  .b2b-home-luna-card.card-1,.b2b-home-luna-card.card-2{aspect-ratio:16/10}
  .b2b-home-luna-card.card-3,.b2b-home-luna-card.card-4{aspect-ratio:3/4.1}
  .b2b-home-luna-card.card-5{aspect-ratio:16/8.5}
  .b2b-home-luna-card.card-6,.b2b-home-luna-card.card-7{aspect-ratio:1/1.05}
  .b2b-home-luna-card-copy{left:17px;right:17px;top:17px}
  .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-3 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-4 .b2b-home-luna-card-copy h3{font-size:clamp(20px,5.8vw,29px);max-width:90%}
  .b2b-home-luna-card.card-5 .b2b-home-luna-card-copy,
  .b2b-home-luna-card.card-6 .b2b-home-luna-card-copy,
  .b2b-home-luna-card.card-7 .b2b-home-luna-card-copy{top:14px;left:15px;right:15px}
  .b2b-home-luna-card.card-5 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-6 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-7 .b2b-home-luna-card-copy h3{font-size:clamp(16px,4.7vw,21px);max-width:92%}
}

@media(max-width:380px){
  .b2b-home-luna-highlights-inner{width:calc(100% - 22px)}
  .b2b-home-luna-bento{gap:7px}
  .b2b-home-luna-card{border-radius:16px}
  .b2b-home-luna-card.card-3,.b2b-home-luna-card.card-4{aspect-ratio:3/4.45}
  .b2b-home-luna-card-copy{left:14px;right:14px;top:14px}
  .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-3 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-4 .b2b-home-luna-card-copy h3{font-size:clamp(18px,5.4vw,22px)}
  .b2b-home-luna-card.card-6 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-7 .b2b-home-luna-card-copy h3{font-size:15px}
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-luna-card-media img{transition:none!important;transform:none!important}
}

/* ==========================================================
   v1.5.41.3.46 — Insta360 Luna Pro second-screen fidelity pass
   Natural-flow seven-card feature Bento. This intentionally removes
   the invented sticky fly-away/focus choreography from .41/.42.
   The section now follows the reference rhythm: large centered title,
   two landscape cards, two tall cards, three stacked cards, then exit.
   ========================================================== */
.b2b-home-luna-highlights{
  position:relative;
  height:auto!important;
  min-height:0!important;
  padding:clamp(104px,8.4vw,144px) 0 clamp(122px,9.8vw,164px)!important;
  overflow:hidden!important;
  background:#000!important;
  color:#fff;
}
.b2b-home-luna-sticky,
.admin-bar .b2b-home-luna-sticky{
  position:relative!important;
  top:auto!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  overflow:visible!important;
  background:#000;
}
.b2b-home-luna-highlights-inner{
  width:min(1200px,calc(100% - 48px));
  max-width:none;
  margin-inline:auto;
  padding:0;
}
.b2b-home-luna-highlights-head{
  max-width:980px;
  margin:0 auto clamp(46px,4.4vw,64px);
  text-align:center;
  transform:translate3d(0,34px,0);
  opacity:0;
  will-change:transform,opacity;
}
.b2b-home-luna-highlights-head h2{
  margin:0;
  color:#fff;
  font-size:clamp(48px,4.75vw,68px);
  line-height:.98;
  font-weight:650;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.b2b-home-luna-bento{
  display:grid;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:clamp(330px,31vw,400px) repeat(3,clamp(170px,14.8vw,196px));
  gap:14px;
  transform:none!important;
  will-change:auto;
}
.b2b-home-luna-card{
  position:relative;
  min-width:0;
  overflow:hidden;
  isolation:isolate;
  margin:0;
  border-radius:20px;
  background:#111113;
  box-shadow:none;
  transform:translate3d(0,38px,0) scale(.985);
  opacity:0;
  filter:none!important;
  transform-origin:center center;
  backface-visibility:hidden;
  will-change:transform,opacity;
}
.b2b-home-luna-card.card-1{grid-column:1 / 7;grid-row:1}
.b2b-home-luna-card.card-2{grid-column:7 / 13;grid-row:1}
.b2b-home-luna-card.card-3{grid-column:1 / 5;grid-row:2 / 5}
.b2b-home-luna-card.card-4{grid-column:5 / 9;grid-row:2 / 5}
.b2b-home-luna-card.card-5{grid-column:9 / 13;grid-row:2}
.b2b-home-luna-card.card-6{grid-column:9 / 13;grid-row:3}
.b2b-home-luna-card.card-7{grid-column:9 / 13;grid-row:4}
.b2b-home-luna-card.is-luna-focus{
  z-index:auto;
  box-shadow:none;
}
.b2b-home-luna-card-media,.b2b-home-luna-card-shade{position:absolute;inset:0}
.b2b-home-luna-card-media{z-index:0;background:#111113;overflow:hidden}
.b2b-home-luna-card-media img,
.b2b-home-luna-card.is-luna-focus .b2b-home-luna-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.001)!important;
  transition:transform .9s cubic-bezier(.2,.7,.2,1)!important;
  backface-visibility:hidden;
  will-change:transform;
}
.b2b-home-luna-card-shade{
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.50) 0%,rgba(0,0,0,.12) 36%,rgba(0,0,0,.02) 66%,rgba(0,0,0,.10) 100%);
}
.b2b-home-luna-card-copy{
  position:absolute;
  z-index:2;
  left:clamp(20px,2vw,28px);
  right:clamp(20px,2vw,28px);
  top:clamp(20px,2vw,27px);
  color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.22);
}
.b2b-home-luna-card-copy h3{
  margin:0;
  max-width:88%;
  color:#fff;
  font-size:clamp(23px,2vw,30px);
  font-weight:630;
  line-height:1.04;
  letter-spacing:-.035em;
  text-wrap:balance;
}
.b2b-home-luna-card.card-3 .b2b-home-luna-card-copy h3,
.b2b-home-luna-card.card-4 .b2b-home-luna-card-copy h3{
  font-size:clamp(25px,2.2vw,34px);
}
.b2b-home-luna-card.card-5 .b2b-home-luna-card-copy,
.b2b-home-luna-card.card-6 .b2b-home-luna-card-copy,
.b2b-home-luna-card.card-7 .b2b-home-luna-card-copy{
  top:18px;
  left:20px;
  right:20px;
}
.b2b-home-luna-card.card-5 .b2b-home-luna-card-copy h3,
.b2b-home-luna-card.card-6 .b2b-home-luna-card-copy h3,
.b2b-home-luna-card.card-7 .b2b-home-luna-card-copy h3{
  max-width:78%;
  font-size:clamp(17px,1.48vw,21px);
  line-height:1.06;
}
.b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-highlights-head{
  opacity:1;
  transform:translate3d(0,0,0);
  transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);
}
.b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-card{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .92s cubic-bezier(.2,.7,.2,1);
}
.b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-card.card-1{transition-delay:.05s}
.b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-card.card-2{transition-delay:.09s}
.b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-card.card-3{transition-delay:.13s}
.b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-card.card-4{transition-delay:.17s}
.b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-card.card-5{transition-delay:.21s}
.b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-card.card-6{transition-delay:.25s}
.b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-card.card-7{transition-delay:.29s}
@media(hover:hover) and (pointer:fine){
  .b2b-home-luna-card:hover .b2b-home-luna-card-media img{transform:scale(1.022)!important}
}

@media(min-width:1280px){
  .b2b-home-luna-highlights-inner{width:min(1220px,calc(100% - 64px))}
  .b2b-home-luna-bento{
    grid-template-rows:400px repeat(3,196px);
    gap:16px;
  }
}

@media(min-width:768px) and (max-width:980px){
  .b2b-home-luna-highlights{padding:94px 0 112px!important}
  .b2b-home-luna-highlights-inner{width:min(900px,calc(100% - 36px))}
  .b2b-home-luna-highlights-head{margin-bottom:38px}
  .b2b-home-luna-highlights-head h2{font-size:clamp(44px,6.4vw,58px)}
  .b2b-home-luna-bento{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    gap:12px;
  }
  .b2b-home-luna-card.card-1,.b2b-home-luna-card.card-2{
    grid-column:1 / 3;grid-row:auto;aspect-ratio:3/2;
  }
  .b2b-home-luna-card.card-3,.b2b-home-luna-card.card-4{
    grid-column:auto;grid-row:auto;aspect-ratio:3/4.4;
  }
  .b2b-home-luna-card.card-5{grid-column:1 / 3;grid-row:auto;aspect-ratio:16/7}
  .b2b-home-luna-card.card-6,.b2b-home-luna-card.card-7{
    grid-column:auto;grid-row:auto;aspect-ratio:16/10;
  }
}

@media(max-width:767px){
  .b2b-home-luna-highlights{padding:80px 0 92px!important}
  .b2b-home-luna-highlights-inner{width:calc(100% - 28px)}
  .b2b-home-luna-highlights-head{margin-bottom:30px;padding:0 6px}
  .b2b-home-luna-highlights-head h2{font-size:clamp(38px,10.3vw,50px);line-height:.99}
  .b2b-home-luna-bento{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    gap:9px;
  }
  .b2b-home-luna-card{border-radius:17px}
  .b2b-home-luna-card.card-1,.b2b-home-luna-card.card-2{
    grid-column:1 / 3;grid-row:auto;aspect-ratio:3/2;
  }
  .b2b-home-luna-card.card-3,.b2b-home-luna-card.card-4{
    grid-column:auto;grid-row:auto;aspect-ratio:3/4.25;
  }
  .b2b-home-luna-card.card-5{grid-column:1 / 3;grid-row:auto;aspect-ratio:16/7.4}
  .b2b-home-luna-card.card-6,.b2b-home-luna-card.card-7{
    grid-column:auto;grid-row:auto;aspect-ratio:1/1.08;
  }
  .b2b-home-luna-card-copy{left:16px;right:16px;top:16px}
  .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-3 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-4 .b2b-home-luna-card-copy h3{font-size:clamp(19px,5.6vw,27px);max-width:92%}
  .b2b-home-luna-card.card-5 .b2b-home-luna-card-copy,
  .b2b-home-luna-card.card-6 .b2b-home-luna-card-copy,
  .b2b-home-luna-card.card-7 .b2b-home-luna-card-copy{top:14px;left:15px;right:15px}
  .b2b-home-luna-card.card-5 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-6 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-7 .b2b-home-luna-card-copy h3{font-size:clamp(15px,4.45vw,20px);max-width:94%}
}

@media(max-width:380px){
  .b2b-home-luna-highlights-inner{width:calc(100% - 22px)}
  .b2b-home-luna-bento{gap:7px}
  .b2b-home-luna-card{border-radius:15px}
  .b2b-home-luna-card-copy{left:13px;right:13px;top:13px}
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-luna-highlights-head,
  .b2b-home-luna-card,
  .b2b-home-luna-card-media img{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* ==========================================================
   v1.5.41.3.43 — Homepage brand narrative architecture
   Hero / Luna screen preserved. Video is now the explicit third screen.
   The remaining homepage follows a B2B trust sequence:
   product identity -> brand authority -> official source -> genuine supply
   -> manufacturing / OEM-ODM -> enquiry.
   ========================================================== */
.b2b-home-brand-narrative{
  --b2b-home-ink:#1d1d1f;
  --b2b-home-muted:#5f5f64;
  --b2b-home-soft:#f5f5f7;
  --b2b-home-blue:#B50609;
}

/* Product identity: make the first standard module answer "what do you sell?" immediately. */
.b2b-home-brand-narrative .b2b-home-product-families{
  padding:104px 0 112px;
  background:#fff;
}
.b2b-home-brand-narrative .b2b-home-product-families .b2b-home-section-head{
  margin-bottom:48px;
}
.b2b-home-brand-narrative .b2b-home-product-families .b2b-home-section-head h2{
  max-width:800px;
  font-size:clamp(46px,5.2vw,76px);
  line-height:.98;
  letter-spacing:-.058em;
}
.b2b-home-brand-narrative .b2b-home-product-families .b2b-home-section-intro p{
  max-width:520px;
  font-size:18px;
  line-height:1.62;
}

/* Brand authority */
.b2b-home-brand-authority{
  padding:0 0 104px;
  background:#fff;
}
.b2b-brand-authority-shell{
  position:relative;
  overflow:hidden;
  border-radius:40px;
  background:#f5f5f7;
  padding:82px 72px 66px;
}
.b2b-brand-authority-head{
  position:relative;
  z-index:1;
  max-width:980px;
}
.b2b-brand-authority-head>span{
  display:block;
  margin-bottom:18px;
  color:#6e6e73;
  font-size:12.5px;
  line-height:1.2;
  font-weight:760;
  letter-spacing:.105em;
}
.b2b-brand-authority-wordmark{
  position:absolute;
  z-index:-1;
  top:-42px;
  left:-8px;
  margin:0!important;
  color:rgba(29,29,31,.035)!important;
  font-size:clamp(100px,13vw,190px)!important;
  line-height:.8!important;
  font-weight:800!important;
  letter-spacing:-.075em!important;
  white-space:nowrap;
  user-select:none;
  pointer-events:none;
}
.b2b-brand-authority-head h2{
  margin:0;
  max-width:900px;
  color:#1d1d1f;
  font-size:clamp(48px,5.5vw,80px);
  line-height:.96;
  letter-spacing:-.062em;
}
.b2b-brand-authority-head>p:last-child{
  max-width:720px;
  margin:28px 0 0;
  color:#515154;
  font-size:19px;
  line-height:1.62;
  letter-spacing:-.015em;
}
.b2b-brand-authority-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:58px;
}
.b2b-brand-authority-card{
  min-height:245px;
  padding:28px 28px 30px;
  border:1px solid rgba(0,0,0,.06);
  border-radius:26px;
  background:rgba(255,255,255,.88);
}
.b2b-brand-authority-card small{
  display:block;
  margin-bottom:52px;
  color:#77777c;
  font-size:11.5px;
  line-height:1.2;
  font-weight:760;
  letter-spacing:.09em;
}
.b2b-brand-authority-card h3{
  margin:0;
  color:#1d1d1f;
  font-size:clamp(24px,2vw,30px);
  line-height:1.04;
  letter-spacing:-.04em;
}
.b2b-brand-authority-card p{
  margin:13px 0 0;
  color:#626267;
  font-size:15.5px;
  line-height:1.55;
}

/* Official HUAHONG source */
.b2b-home-official-source{
  padding:18px 0 112px;
  background:#fff;
}
.b2b-official-source-shell{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:70px;
  align-items:center;
}
.b2b-official-source-visual{
  position:relative;
  min-height:650px;
  overflow:hidden;
  border-radius:38px;
  background:#111114;
}
.b2b-official-source-visual.has-image img{
  width:100%;
  height:100%;
  min-height:650px;
  display:block;
  object-fit:cover;
}
.b2b-official-source-brand-panel{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:56px;
  color:#fff;
  background:
    radial-gradient(circle at 72% 18%,rgba(181,6,9,.46),transparent 34%),
    radial-gradient(circle at 14% 82%,rgba(126,12,15,.22),transparent 38%),
    linear-gradient(150deg,#08090b 0%,#16171a 52%,#050506 100%);
}
.b2b-official-source-brand-panel:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(180deg,#000,transparent 75%);
}
.b2b-official-source-brand-panel img{
  position:absolute;
  top:42px;
  left:50px;
  width:auto;
  max-width:180px;
  max-height:46px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.b2b-official-source-brand-panel small,
.b2b-official-source-brand-panel strong,
.b2b-official-source-brand-panel span{position:relative;z-index:1}
.b2b-official-source-brand-panel small{
  margin-bottom:18px;
  color:rgba(255,255,255,.65);
  font-size:11.5px;
  font-weight:760;
  letter-spacing:.12em;
}
.b2b-official-source-brand-panel strong{
  font-size:clamp(58px,6.2vw,92px);
  line-height:.9;
  letter-spacing:-.065em;
}
.b2b-official-source-brand-panel span{
  margin-top:22px;
  color:rgba(255,255,255,.55);
  font-size:12px;
  font-weight:700;
  letter-spacing:.12em;
}
.b2b-official-source-copy{max-width:600px}
.b2b-official-source-eyebrow{
  display:block;
  margin-bottom:19px;
  color:#6e6e73;
  font-size:12.5px;
  font-weight:760;
  letter-spacing:.1em;
}
.b2b-official-source-copy h2{
  margin:0;
  color:#1d1d1f;
  font-size:clamp(46px,4.8vw,70px);
  line-height:.98;
  letter-spacing:-.058em;
}
.b2b-official-source-lead{
  margin:26px 0 0;
  color:#515154;
  font-size:18px;
  line-height:1.62;
}
.b2b-official-source-points{
  margin:38px 0 30px;
  border-top:1px solid rgba(0,0,0,.11);
}
.b2b-official-source-points article{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:18px;
  padding:22px 0 23px;
  border-bottom:1px solid rgba(0,0,0,.09);
}
.b2b-official-source-points article>small{
  padding-top:4px;
  color:#8b8b90;
  font-size:11.5px;
  font-weight:760;
  letter-spacing:.06em;
}
.b2b-official-source-points h3{
  margin:0;
  color:#1d1d1f;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.035em;
}
.b2b-official-source-points p{
  margin:8px 0 0;
  color:#6b6b70;
  font-size:15px;
  line-height:1.5;
}

/* Genuine / official supply reassurance */
.b2b-home-authentic-supply{
  padding:0 0 112px;
  background:#fff;
}
.b2b-authentic-supply-shell{
  overflow:hidden;
  border-radius:40px;
  padding:76px 70px 68px;
  color:#fff;
  background:
    radial-gradient(circle at 78% 0%,rgba(181,6,9,.28),transparent 34%),
    linear-gradient(145deg,#09090b,#17171a 62%,#08080a);
}
.b2b-authentic-supply-head{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  gap:30px 70px;
  align-items:end;
}
.b2b-authentic-supply-head>span{
  grid-column:1/-1;
  color:rgba(255,255,255,.58);
  font-size:12px;
  font-weight:760;
  letter-spacing:.12em;
}
.b2b-authentic-supply-head h2{
  margin:0;
  max-width:820px;
  color:#fff;
  font-size:clamp(46px,5vw,74px);
  line-height:.97;
  letter-spacing:-.06em;
}
.b2b-authentic-supply-head p{
  margin:0;
  max-width:520px;
  color:rgba(255,255,255,.66);
  font-size:17px;
  line-height:1.6;
}
.b2b-authentic-supply-head .b2b-btn{
  grid-column:2;
  justify-self:start;
  margin-top:-4px;
}
.b2b-authentic-supply-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:54px;
}
.b2b-authentic-supply-card{
  min-height:260px;
  padding:28px 28px 30px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(12px);
}
.b2b-authentic-supply-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin-bottom:38px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:50%;
  background:rgba(255,255,255,.08);
}
.b2b-authentic-supply-icon span{font-size:17px;font-weight:780}
.b2b-authentic-supply-card small{
  display:block;
  margin-bottom:10px;
  color:rgba(255,255,255,.48);
  font-size:11px;
  font-weight:760;
  letter-spacing:.1em;
}
.b2b-authentic-supply-card h3{
  margin:0;
  color:#fff;
  font-size:25px;
  line-height:1.06;
  letter-spacing:-.04em;
}
.b2b-authentic-supply-card p{
  margin:13px 0 0;
  color:rgba(255,255,255,.62);
  font-size:15px;
  line-height:1.55;
}

/* Manufacturing + OEM / ODM proof cards integrated into the existing factory module. */
.b2b-home-brand-narrative .b2b-home-manufacturing-supply{
  padding:0 0 88px;
}
.b2b-home-brand-narrative .b2b-supply-shell{
  border-radius:40px;
}
.b2b-home-oem-proof-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  padding:0 60px 44px;
}
.b2b-home-oem-proof-card{
  min-height:200px;
  padding:26px 26px 28px;
  border:1px solid rgba(0,0,0,.065);
  border-radius:24px;
  background:#fff;
}
.b2b-home-oem-proof-card small{
  display:block;
  margin-bottom:34px;
  color:#7a7a80;
  font-size:11px;
  font-weight:760;
  letter-spacing:.1em;
}
.b2b-home-oem-proof-card h3{
  margin:0;
  color:#1d1d1f;
  font-size:24px;
  line-height:1.06;
  letter-spacing:-.038em;
}
.b2b-home-oem-proof-card p{
  margin:12px 0 0;
  color:#646469;
  font-size:15px;
  line-height:1.54;
}
.b2b-home-brand-narrative .b2b-factory-production-block{padding-top:0}
.b2b-home-brand-narrative .b2b-home-manufacturing-supply + .b2b-home-inquiry{padding-top:28px}

@media (hover:hover){
  .b2b-brand-authority-card,.b2b-authentic-supply-card,.b2b-home-oem-proof-card{
    transition:transform .28s cubic-bezier(.2,.7,.2,1),border-color .28s ease,background-color .28s ease;
  }
  .b2b-brand-authority-card:hover,.b2b-home-oem-proof-card:hover{transform:translateY(-3px);border-color:rgba(0,0,0,.11)}
  .b2b-authentic-supply-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.17)}
}

@media(max-width:1024px){
  .b2b-home-brand-narrative .b2b-home-product-families{padding:88px 0 94px}
  .b2b-brand-authority-shell{padding:66px 52px 54px}
  .b2b-brand-authority-grid{gap:12px;margin-top:44px}
  .b2b-brand-authority-card{padding:24px;min-height:230px}
  .b2b-brand-authority-card small{margin-bottom:40px}
  .b2b-home-official-source{padding-bottom:94px}
  .b2b-official-source-shell{grid-template-columns:1fr 1fr;gap:44px}
  .b2b-official-source-visual,.b2b-official-source-visual.has-image img{min-height:560px}
  .b2b-official-source-brand-panel{padding:42px}
  .b2b-authentic-supply-shell{padding:62px 52px 56px}
  .b2b-authentic-supply-head{grid-template-columns:1fr;gap:22px}
  .b2b-authentic-supply-head>span,.b2b-authentic-supply-head .b2b-btn{grid-column:auto}
  .b2b-authentic-supply-grid{margin-top:44px}
  .b2b-home-oem-proof-grid{padding:0 46px 36px}
}

@media(max-width:760px){
  .b2b-home-brand-narrative .b2b-home-product-families{padding:72px 0 78px}
  .b2b-home-brand-narrative .b2b-home-product-families .b2b-home-section-head{margin-bottom:32px}
  .b2b-home-brand-narrative .b2b-home-product-families .b2b-home-section-head h2{font-size:clamp(38px,11.4vw,50px)}
  .b2b-home-brand-authority{padding-bottom:72px}
  .b2b-brand-authority-shell{border-radius:28px;padding:48px 20px 22px}
  .b2b-brand-authority-wordmark{top:-18px;font-size:72px!important}
  .b2b-brand-authority-head h2{font-size:clamp(39px,11vw,50px)}
  .b2b-brand-authority-head>p:last-child{font-size:17px;margin-top:22px}
  .b2b-brand-authority-grid{grid-template-columns:1fr;gap:10px;margin-top:34px}
  .b2b-brand-authority-card{min-height:0;padding:22px;border-radius:20px}
  .b2b-brand-authority-card small{margin-bottom:26px}
  .b2b-home-official-source{padding:0 0 76px}
  .b2b-official-source-shell{grid-template-columns:1fr;gap:38px}
  .b2b-official-source-visual,.b2b-official-source-visual.has-image img{min-height:430px;border-radius:28px}
  .b2b-official-source-brand-panel{padding:28px}
  .b2b-official-source-brand-panel strong{font-size:54px}
  .b2b-official-source-copy h2{font-size:clamp(39px,11vw,50px)}
  .b2b-official-source-lead{font-size:17px;margin-top:21px}
  .b2b-official-source-points{margin-top:30px}
  .b2b-home-authentic-supply{padding-bottom:76px}
  .b2b-authentic-supply-shell{border-radius:28px;padding:48px 20px 22px}
  .b2b-authentic-supply-head h2{font-size:clamp(39px,11vw,50px)}
  .b2b-authentic-supply-head p{font-size:16px}
  .b2b-authentic-supply-grid{grid-template-columns:1fr;gap:10px;margin-top:34px}
  .b2b-authentic-supply-card{min-height:0;padding:22px;border-radius:20px}
  .b2b-authentic-supply-icon{margin-bottom:26px}
  .b2b-home-brand-narrative .b2b-home-manufacturing-supply{padding-bottom:64px}
  .b2b-home-oem-proof-grid{grid-template-columns:1fr;gap:10px;padding:0 20px 28px}
  .b2b-home-oem-proof-card{min-height:0;padding:22px;border-radius:20px}
  .b2b-home-oem-proof-card small{margin-bottom:24px}
  .b2b-home-brand-narrative .b2b-home-manufacturing-supply + .b2b-home-inquiry{padding-top:8px}
}

/* ==========================================================
   v1.5.41.3.47 — Luna Pro second-screen scroll focus transition
   Desktop sequence: complete Bento -> hold -> card 01 expands from its
   exact grid position -> the other six cards recede/fade -> detail title
   appears on the full-screen image -> sticky releases naturally.
   Native scroll only; no wheel interception or forced scroll position.
   ========================================================== */
.b2b-home-luna-focus-stage{display:none}

@media(min-width:981px){
  .b2b-home-luna-highlights{
    height:285svh!important;
    min-height:1900px!important;
    padding:0!important;
    overflow:visible!important;
    background:#000!important;
  }
  .b2b-home-luna-sticky,
  .admin-bar .b2b-home-luna-sticky{
    position:sticky!important;
    top:0!important;
    width:100%;
    height:100svh!important;
    min-height:620px!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    background:#000!important;
    contain:paint;
  }
  .admin-bar .b2b-home-luna-sticky{
    top:32px!important;
    height:calc(100svh - 32px)!important;
  }
  .b2b-home-luna-highlights-inner{
    position:relative;
    z-index:1;
    width:min(1220px,calc(100% - 64px))!important;
    height:min(860px,calc(100svh - 72px));
    margin:auto;
    padding:0!important;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    gap:clamp(24px,3.2vh,42px);
    align-content:center;
    will-change:opacity,transform;
  }
  .admin-bar .b2b-home-luna-highlights-inner{
    height:min(828px,calc(100svh - 104px));
  }
  .b2b-home-luna-highlights-head{
    max-width:980px;
    margin:0 auto!important;
    flex:none;
  }
  .b2b-home-luna-highlights-head h2{
    font-size:clamp(46px,4.55vw,66px);
  }
  .b2b-home-luna-bento{
    min-height:0!important;
    height:100%!important;
    max-height:690px!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-template-rows:2fr repeat(3,1fr)!important;
    gap:14px!important;
    align-self:center;
  }
  .b2b-home-luna-card{
    transition:none!important;
    will-change:opacity,transform;
  }
  .b2b-home-luna-card-media img{
    transition:none!important;
    will-change:transform;
  }
  .b2b-home-luna-focus-stage{
    display:block;
    position:absolute;
    z-index:8;
    left:0;
    top:0;
    width:100px;
    height:100px;
    overflow:hidden;
    border-radius:20px;
    background:#09090b;
    opacity:0;
    pointer-events:none;
    transform:translateZ(0);
    backface-visibility:hidden;
    will-change:left,top,width,height,border-radius,opacity;
  }
  .b2b-home-luna-focus-media,
  .b2b-home-luna-focus-shade{
    position:absolute;
    inset:0;
  }
  .b2b-home-luna-focus-media{z-index:0;overflow:hidden;background:#09090b}
  .b2b-home-luna-focus-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transform:scale(1.001);
    backface-visibility:hidden;
    will-change:transform;
  }
  .b2b-home-luna-focus-shade{
    z-index:1;
    background:
      linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.01) 38%,rgba(0,0,0,.06) 62%,rgba(0,0,0,.68) 100%),
      linear-gradient(90deg,rgba(0,0,0,.18),transparent 44%);
    opacity:.72;
    will-change:opacity;
  }
  .b2b-home-luna-focus-copy{
    position:absolute;
    z-index:2;
    left:clamp(34px,6vw,104px);
    right:clamp(34px,6vw,104px);
    bottom:clamp(50px,8vh,104px);
    color:#fff;
    opacity:0;
    transform:translate3d(0,40px,0);
    will-change:opacity,transform;
  }
  .b2b-home-luna-focus-copy span{
    display:block;
    margin:0 0 13px;
    color:rgba(255,255,255,.70);
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:.14em;
  }
  .b2b-home-luna-focus-copy h3{
    margin:0;
    max-width:980px;
    color:#fff;
    font-size:clamp(52px,6.2vw,94px);
    line-height:.93;
    font-weight:650;
    letter-spacing:-.055em;
    text-wrap:balance;
    text-shadow:0 2px 28px rgba(0,0,0,.22);
  }
  .b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-card,
  .b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-highlights-head{
    transition:none!important;
    transition-delay:0s!important;
  }
}

@media(min-width:981px) and (max-height:760px){
  .b2b-home-luna-highlights-inner{
    height:calc(100svh - 46px);
    gap:18px;
  }
  .b2b-home-luna-highlights-head h2{font-size:clamp(38px,4.1vw,54px)}
  .b2b-home-luna-bento{max-height:none!important;gap:11px!important}
  .b2b-home-luna-card{border-radius:17px}
  .b2b-home-luna-card-copy{top:16px;left:18px;right:18px}
  .b2b-home-luna-card-copy h3{font-size:clamp(18px,1.7vw,25px)}
  .b2b-home-luna-card.card-5 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-6 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-7 .b2b-home-luna-card-copy h3{font-size:clamp(14px,1.25vw,18px)}
}

@media(prefers-reduced-motion:reduce) and (min-width:981px){
  .b2b-home-luna-highlights{height:auto!important;min-height:0!important;padding:104px 0 122px!important;overflow:hidden!important}
  .b2b-home-luna-sticky,.admin-bar .b2b-home-luna-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}
  .b2b-home-luna-highlights-inner{height:auto!important;display:block!important}
  .b2b-home-luna-highlights-head{margin-bottom:48px!important}
  .b2b-home-luna-bento{height:860px!important;max-height:none!important}
  .b2b-home-luna-focus-stage{display:none!important}
}

/* ==========================================================
   v1.5.41.3.48 — Luna Pro center-card dive transition
   Full Bento hold -> visual-center card becomes sole focus -> surrounding
   cards disappear -> center card fills viewport -> camera keeps pushing into
   the image -> optional detail image crossfades -> detail title settles in.
   Native scroll only; no wheel interception.
   ========================================================== */
@media(min-width:981px){
  .b2b-home-luna-highlights{
    height:325svh!important;
    min-height:2200px!important;
    background:#000!important;
  }
  .b2b-home-luna-sticky,
  .admin-bar .b2b-home-luna-sticky{
    perspective:1400px;
    transform-style:preserve-3d;
  }
  .b2b-home-luna-highlights-inner{
    transform-origin:center center;
    will-change:opacity,transform;
  }
  .b2b-home-luna-card{
    transform-origin:center center;
    backface-visibility:hidden;
    will-change:opacity,transform;
  }
  .b2b-home-luna-card.is-luna-center-card{
    z-index:6;
  }
  .b2b-home-luna-focus-stage{
    z-index:12;
    transform-origin:center center;
    transform:translateZ(0) scale(1);
    will-change:left,top,width,height,border-radius,opacity,transform;
  }
  .b2b-home-luna-focus-origin,
  .b2b-home-luna-focus-detail{
    position:absolute;
    inset:0;
    opacity:1;
    will-change:opacity,transform;
  }
  .b2b-home-luna-focus-origin{z-index:0}
  .b2b-home-luna-focus-detail{z-index:1;opacity:0}
  .b2b-home-luna-focus-origin img,
  .b2b-home-luna-focus-detail img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
    transform:scale(1.001);
    backface-visibility:hidden;
    will-change:transform;
  }
  .b2b-home-luna-focus-shade{
    z-index:2;
    opacity:.28;
    background:
      linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.01) 38%,rgba(0,0,0,.16) 72%,rgba(0,0,0,.66) 100%),
      radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.10) 78%,rgba(0,0,0,.26) 100%);
  }
  .b2b-home-luna-focus-copy{
    z-index:3;
    left:clamp(34px,6vw,104px);
    right:clamp(34px,6vw,104px);
    bottom:clamp(46px,7.4vh,96px);
    max-width:1100px;
    opacity:0;
    transform:translate3d(0,46px,0) scale(.986);
    transform-origin:left bottom;
    will-change:opacity,transform;
  }
  .b2b-home-luna-focus-copy span{
    display:block;
    margin:0 0 14px;
    color:rgba(255,255,255,.76);
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  .b2b-home-luna-focus-copy h3{
    max-width:1000px;
    font-size:clamp(54px,6.4vw,96px);
    line-height:.92;
    font-weight:650;
    letter-spacing:-.058em;
  }
  .b2b-home-luna-focus-copy p{
    max-width:720px;
    margin:22px 0 0;
    color:rgba(255,255,255,.78);
    font-size:clamp(16px,1.25vw,20px);
    line-height:1.55;
  }
  .b2b-home-luna-focus-copy p:empty{display:none}
}

@media(min-width:981px) and (max-height:760px){
  .b2b-home-luna-highlights{height:315svh!important}
  .b2b-home-luna-focus-copy{bottom:38px}
  .b2b-home-luna-focus-copy h3{font-size:clamp(46px,5.4vw,74px)}
}


/* v1.5.41.3.49 — concise B2B homepage after the retained three-screen launch story. */
.b2b-home-brand-narrative .b2b-home-product-families.is-compact{padding:72px 0 76px}
.b2b-home-product-families.is-compact .b2b-home-section-head{margin-bottom:28px;align-items:end}
.b2b-home-product-families.is-compact .b2b-home-section-intro{justify-content:flex-end}




.b2b-home-official-source.is-compact{padding:0 0 72px}
.b2b-home-official-source.is-compact .b2b-official-source-shell{min-height:0}
.b2b-home-official-source.is-compact .b2b-official-source-copy{padding-top:54px;padding-bottom:54px}
.b2b-home-official-source.is-compact .b2b-official-source-copy h2{max-width:620px}
.b2b-home-official-source.is-compact .b2b-official-source-lead{max-width:520px;margin-bottom:26px}
.b2b-home-official-source.is-compact .b2b-official-source-points{gap:0;margin:6px 0 26px}
.b2b-home-official-source.is-compact .b2b-official-source-points article{padding:16px 0}
.b2b-home-official-source.is-compact .b2b-official-source-points h3{margin:0;font-size:18px}

.b2b-home-manufacturing-supply.is-compact,
.b2b-simplified-home .b2b-home-manufacturing-supply.is-compact{padding:66px 0 38px}
.b2b-home-manufacturing-supply.is-compact .b2b-supply-head{margin-bottom:26px}
.b2b-home-manufacturing-supply.is-compact .b2b-supply-lead{align-self:end}
.b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-grid{margin:0 0 26px;gap:10px}
.b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card{min-height:0;padding:18px 20px}
.b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card h3{margin:7px 0 0;font-size:20px}
.b2b-home-manufacturing-supply.is-compact .b2b-factory-production-block{margin-top:0}
.b2b-home-manufacturing-supply.is-compact .b2b-factory-production-card figcaption{padding:16px 18px}
.b2b-home-manufacturing-supply.is-compact + .b2b-home-inquiry{padding-top:28px}
.b2b-home-brand-narrative .b2b-home-inquiry-minimal{padding-bottom:72px}
.b2b-home-brand-narrative .b2b-home-inquiry-minimal .b2b-home-inquiry-copy{align-self:center}

@media(max-width:1024px){
  .b2b-home-brand-narrative .b2b-home-product-families.is-compact{padding:60px 0 64px}
  .b2b-home-official-source.is-compact{padding-bottom:60px}
  .b2b-home-official-source.is-compact .b2b-official-source-copy{padding-top:42px;padding-bottom:42px}
  .b2b-home-manufacturing-supply.is-compact,.b2b-simplified-home .b2b-home-manufacturing-supply.is-compact{padding:56px 0 34px}
}
@media(max-width:760px){
  .b2b-home-brand-narrative .b2b-home-product-families.is-compact{padding:48px 0 52px}
  .b2b-home-product-families.is-compact .b2b-home-section-head{margin-bottom:22px}
  .b2b-home-official-source.is-compact{padding-bottom:48px}
  .b2b-home-official-source.is-compact .b2b-official-source-copy{padding-top:34px;padding-bottom:34px}
  .b2b-home-manufacturing-supply.is-compact,.b2b-simplified-home .b2b-home-manufacturing-supply.is-compact{padding:48px 0 28px}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;overflow-x:auto}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card{padding:15px 14px;min-width:150px}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card h3{font-size:17px}
}

/* ==========================================================
   v1.5.41.3.50 — Luna Pro 1:1 motion refinement
   Neighbour tiles visibly make room first, then recede in depth, slide down
   and fade. The middle tile crosses fullscreen and the camera continues into
   the detail frame before the title appears.
   ========================================================== */
@media(min-width:981px){
  .b2b-home-luna-highlights{
    height:352svh!important;
    min-height:2360px!important;
  }
  .b2b-home-luna-sticky,
  .admin-bar .b2b-home-luna-sticky{
    perspective:1650px!important;
    perspective-origin:50% 50%;
    transform-style:preserve-3d!important;
  }
  .b2b-home-luna-highlights-inner,
  .b2b-home-luna-bento{
    transform-style:preserve-3d;
    backface-visibility:hidden;
  }
  .b2b-home-luna-card{
    transform-style:preserve-3d;
    backface-visibility:hidden;
    will-change:transform,opacity!important;
  }
  .b2b-home-luna-card.is-luna-center-card{
    z-index:9!important;
  }
  .b2b-home-luna-focus-stage{
    z-index:20!important;
    box-shadow:none!important;
    backface-visibility:hidden;
    transform-style:preserve-3d;
    will-change:left,top,width,height,border-radius,opacity,transform!important;
  }
  .b2b-home-luna-focus-origin,
  .b2b-home-luna-focus-detail,
  .b2b-home-luna-focus-origin img,
  .b2b-home-luna-focus-detail img{
    backface-visibility:hidden;
    will-change:opacity,transform!important;
  }
  .b2b-home-luna-focus-shade{
    background:
      linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.62) 100%),
      radial-gradient(ellipse at 50% 45%,transparent 28%,rgba(0,0,0,.06) 68%,rgba(0,0,0,.22) 100%)!important;
  }
  .b2b-home-luna-focus-copy{
    bottom:clamp(52px,7.6vh,104px)!important;
  }
}
@media(min-width:981px) and (max-height:760px){
  .b2b-home-luna-highlights{height:338svh!important}
}

/* ==========================================================
   v1.5.41.3.51 — Luna Pro post-dive continuous detail story
   The center card still performs the v50 make-way/depth-drop transition.
   After landing, the SAME fullscreen visual anchor remains pinned while
   three new detail images take over in-place. Copy sits on both sides so the
   viewer feels they keep travelling through one continuous product image.
   ========================================================== */
.b2b-home-luna-continuity{display:none}

@media(min-width:981px){
  .b2b-home-luna-highlights{
    height:580svh!important;
    min-height:3600px!important;
  }
  .b2b-home-luna-focus-stage{isolation:isolate}
  .b2b-home-luna-continuity{
    display:block;
    position:absolute;
    inset:0;
    z-index:5;
    opacity:0;
    pointer-events:none;
    overflow:hidden;
    background:transparent;
    transform:translateZ(0);
    will-change:opacity;
  }
  .b2b-home-luna-continuity-media,
  .b2b-home-luna-continuity-shade,
  .b2b-home-luna-continuity-copy{
    position:absolute;
    inset:0;
  }
  .b2b-home-luna-continuity-media{z-index:0;overflow:hidden;background:transparent}
  .b2b-home-luna-continuity-layer{
    position:absolute;
    inset:0;
    margin:0;
    opacity:0;
    overflow:hidden;
    transform:translateZ(0);
    will-change:opacity,transform;
  }
  .b2b-home-luna-continuity-layer img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
    transform:translate3d(0,2%,0) scale(1.045);
    backface-visibility:hidden;
    will-change:transform;
  }
  .b2b-home-luna-continuity-shade{
    z-index:1;
    background:
      linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.34) 16%,rgba(0,0,0,.03) 37%,rgba(0,0,0,.02) 63%,rgba(0,0,0,.34) 84%,rgba(0,0,0,.66) 100%),
      linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 24%,transparent 70%,rgba(0,0,0,.22) 100%);
    opacity:.88;
  }
  .b2b-home-luna-continuity-copy{z-index:2}
  .b2b-home-luna-continuity-scene{
    position:absolute;
    inset:0;
    display:grid;
    grid-template-columns:minmax(230px,29vw) minmax(320px,42vw) minmax(230px,29vw);
    align-items:center;
    padding:0 clamp(34px,4.6vw,84px);
    opacity:0;
    color:#fff;
    will-change:opacity,transform;
  }
  .b2b-home-luna-continuity-left{
    grid-column:1;
    align-self:center;
    max-width:360px;
    transform:translate3d(0,26px,0);
    will-change:transform;
  }
  .b2b-home-luna-continuity-left small{
    display:block;
    margin-bottom:16px;
    color:rgba(255,255,255,.58);
    font-size:12px;
    line-height:1;
    font-weight:700;
    letter-spacing:.16em;
  }
  .b2b-home-luna-continuity-left h3{
    margin:0;
    color:#fff;
    font-size:clamp(36px,4.1vw,64px);
    line-height:.96;
    font-weight:620;
    letter-spacing:-.05em;
    text-wrap:balance;
    text-shadow:0 2px 24px rgba(0,0,0,.18);
  }
  .b2b-home-luna-continuity-right{
    grid-column:3;
    justify-self:end;
    align-self:center;
    width:min(100%,350px);
    transform:translate3d(0,34px,0);
    will-change:transform;
  }
  .b2b-home-luna-continuity-right p{
    margin:0;
    color:rgba(255,255,255,.82);
    font-size:clamp(17px,1.42vw,22px);
    line-height:1.55;
    font-weight:450;
    letter-spacing:-.012em;
  }
  .b2b-home-luna-continuity-right p:empty{display:none}
}

@media(min-width:981px) and (max-height:760px){
  .b2b-home-luna-highlights{height:600svh!important}
  .b2b-home-luna-continuity-scene{padding:0 42px;grid-template-columns:minmax(210px,28vw) minmax(300px,44vw) minmax(210px,28vw)}
  .b2b-home-luna-continuity-left h3{font-size:clamp(31px,3.65vw,50px)}
  .b2b-home-luna-continuity-right p{font-size:clamp(15px,1.25vw,18px)}
}

@media(prefers-reduced-motion:reduce) and (min-width:981px){
  .b2b-home-luna-continuity{display:none!important}
}

/* ==========================================================
   v1.5.41.3.52 — unified site-wide spacing system
   Compact, calm 8pt rhythm. Immersive homepage Hero / Luna / video scenes
   are intentionally excluded so their scroll choreography remains intact.
   ========================================================== */
:root{
  --b2b-space-1:8px;
  --b2b-space-2:12px;
  --b2b-space-3:16px;
  --b2b-space-4:24px;
  --b2b-space-5:32px;
  --b2b-space-6:40px;
  --b2b-space-7:56px;
  --b2b-space-8:72px;
  --b2b-space-9:80px;
  --b2b-space-10:88px;
  --b2b-section-space:80px;
  --b2b-section-space-mobile:52px;
}

/* Shared editorial sections. */
.b2b-section{padding-block:var(--b2b-space-9)}
.b2b-page-shell{padding:64px 0 80px}
.b2b-content-card{padding:40px}
.b2b-section-heading,
.b2b-product-section-head,
.b2b-product-v2-section-head,
.b2b-coop-section-head,
.b2b-contact-v2-section-head,
.b2b-resource-section-head,
.b2b-solutions-section-head,
.b2b-brand-v5-section-head,
.b2b-pc-category-head{margin-bottom:32px}

/* Home: keep the first three immersive screens untouched; normalize only the conversion half. */
.b2b-home-brand-narrative .b2b-home-product-families.is-compact{padding:64px 0 68px}
.b2b-home-product-families.is-compact .b2b-home-section-head{margin-bottom:28px}
.b2b-home-official-source.is-compact{padding:0 0 64px}
.b2b-home-official-source.is-compact .b2b-official-source-copy{padding-top:44px;padding-bottom:44px}
.b2b-home-official-source.is-compact .b2b-official-source-lead{margin-bottom:22px}
.b2b-home-official-source.is-compact .b2b-official-source-points{margin:4px 0 22px}
.b2b-home-official-source.is-compact .b2b-official-source-points article{padding:14px 0}
.b2b-home-manufacturing-supply.is-compact,
.b2b-simplified-home .b2b-home-manufacturing-supply.is-compact{padding:56px 0 30px}
.b2b-home-manufacturing-supply.is-compact .b2b-supply-head{padding:46px 50px 30px;margin-bottom:22px;gap:40px}
.b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-grid{margin-bottom:22px;gap:10px}
.b2b-home-manufacturing-supply.is-compact .b2b-factory-production-block{padding:0 50px 46px}
.b2b-home-manufacturing-supply.is-compact + .b2b-home-inquiry{padding-top:0}
.b2b-home-brand-narrative .b2b-home-inquiry-minimal,
.b2b-home-inquiry.b2b-home-inquiry-simple.b2b-home-inquiry-minimal{padding:64px 0}
.b2b-home-inquiry-minimal .b2b-home-inquiry-shell{gap:56px}
.b2b-home-inquiry-minimal .b2b-home-inquiry-trust{margin-top:22px}

/* Product Center / categories. */
.b2b-product-center-hero{padding:72px 0 56px}
.b2b-product-discovery{padding:80px 0}
.b2b-product-discovery-head{margin-bottom:32px}
.b2b-product-sourcing{padding:72px 0 76px}
.b2b-product-center-final{padding:48px 0 76px}
.b2b-pc-hero-simple{padding:72px 0 54px}
.b2b-pc-category-showcase{padding:0 0 56px}
.b2b-pc-catalog-simple{padding:0 0 72px}
.b2b-pc-assist-simple{padding:0 0 76px}
.b2b-pc-category-hero{padding:24px 0 56px}

/* Product detail. */
.b2b-product-v2-hero{padding:24px 0 68px}
.b2b-product-v2-specs{padding:76px 0}
.b2b-product-v2-highlights{padding-top:88px;padding-bottom:88px}
.b2b-product-feature-viewer{padding:88px 0 92px}
.b2b-product-v2-wholesale{padding:76px 0}
.b2b-product-v2-oem{padding:76px 0 84px}
.b2b-product-v2-oem-panel{padding:46px;gap:52px}
.b2b-product-v2-section-head{gap:44px;margin-bottom:34px}
.b2b-product-v2-wholesale-grid{gap:52px}

/* Brand Center. */
.b2b-brand-story-v5{padding:72px 0 76px}
.b2b-brand-factory-cert-v5{padding:76px 0 80px}
.b2b-brand-market-v5{padding:76px 0 80px}
.b2b-brand-contact-v5{padding:0 0 76px}
.b2b-brand-contact-panel-v5{padding:46px;gap:52px}

/* B2B Cooperation. */
.b2b-coop-hero{padding:80px 0 64px}

.b2b-coop-models,
.b2b-coop-process,
.b2b-coop-simple .b2b-coop-models,
.b2b-coop-simple .b2b-coop-process{padding:76px 0 80px}
.b2b-coop-section-head{margin-bottom:32px}
.b2b-coop-section-head-row{gap:48px}

.b2b-coop-final-cta,
.b2b-coop-simple .b2b-coop-final-cta{padding:32px 0 76px}
.b2b-coop-final-inner{padding:44px 48px;gap:44px}

/* Contact. */
.b2b-contact-v2-hero{padding:84px 0 72px}
.b2b-contact-v2-hero-grid{gap:56px}
.b2b-contact-v2-inquiry{padding:76px 0}
.b2b-contact-v2-types{padding:72px 0 76px}
.b2b-contact-v2-final{padding:48px 0 72px}

/* Resources. */
.b2b-resource-hub-hero{padding:80px 0 64px}
.b2b-resource-hub-hero-grid{gap:56px}
.b2b-resource-library{padding:56px 0 80px}
.b2b-resource-article-hero{padding:72px 0 48px}
.b2b-resource-article-shell{padding:72px 0 80px}
.b2b-resource-article-layout{gap:64px}
.b2b-resource-related{padding:72px 0 76px}
.b2b-resource-end-cta{padding:24px 0 76px}

/* Solutions. */
.b2b-solutions-hero{padding:80px 0 34px}
.b2b-solutions-section{padding:80px 0}
.b2b-solutions-section-head{gap:48px;margin-bottom:36px}
.b2b-solutions-brief{padding-bottom:72px}

/* Generic CTA and Elementor-owned theme sections. */

.b2b-cta-band{padding:46px 50px;gap:40px}
.b2b-el-hero{padding:80px 20px 64px!important}
.b2b-el-section{padding:72px 20px!important}
.b2b-el-coop-hero{padding:80px 20px 64px!important}
.b2b-el-coop-section{padding:72px 20px!important}

/* Footer: finish the page without another oversized blank band. */
.b2b-site-footer{padding:40px 0 22px}
.b2b-footer-main{gap:52px;padding-bottom:30px}
.b2b-footer-main h3{margin-bottom:12px}
.b2b-footer-nav .menu,.b2b-footer-links{gap:8px 20px}
.b2b-footer-bottom{padding-top:18px}

@media(max-width:1024px){
  :root{--b2b-section-space:64px}
  .b2b-section{padding-block:64px}
  .b2b-page-shell{padding:56px 0 68px}
  .b2b-content-card{padding:34px}
  .b2b-home-brand-narrative .b2b-home-product-families.is-compact{padding:56px 0 60px}
  .b2b-home-official-source.is-compact{padding-bottom:56px}
  .b2b-home-official-source.is-compact .b2b-official-source-copy{padding-top:38px;padding-bottom:38px}
  .b2b-home-manufacturing-supply.is-compact,.b2b-simplified-home .b2b-home-manufacturing-supply.is-compact{padding:52px 0 28px}
  .b2b-home-manufacturing-supply.is-compact .b2b-supply-head{padding:40px 40px 26px;gap:32px}
  .b2b-home-manufacturing-supply.is-compact .b2b-factory-production-block{padding:0 40px 40px}
  .b2b-home-brand-narrative .b2b-home-inquiry-minimal,.b2b-home-inquiry.b2b-home-inquiry-simple.b2b-home-inquiry-minimal{padding:56px 0}
  .b2b-home-inquiry-minimal .b2b-home-inquiry-shell{gap:40px}
  .b2b-product-center-hero,.b2b-coop-hero,.b2b-resource-hub-hero{padding-top:64px;padding-bottom:52px}
  .b2b-product-discovery,.b2b-product-sourcing,.b2b-coop-models,.b2b-coop-process,.b2b-contact-v2-inquiry,.b2b-contact-v2-types,.b2b-solutions-section{padding-top:64px;padding-bottom:68px}
  .b2b-brand-story-v5,.b2b-brand-factory-cert-v5,.b2b-brand-market-v5{padding-top:64px;padding-bottom:68px}
  .b2b-product-v2-specs,.b2b-product-v2-wholesale{padding-top:64px;padding-bottom:64px}
  .b2b-product-feature-viewer,.b2b-product-v2-highlights{padding-top:72px;padding-bottom:72px}
  .b2b-product-v2-oem{padding:64px 0 72px}
  .b2b-product-v2-oem-panel,.b2b-brand-contact-panel-v5{padding:40px;gap:40px}
  .b2b-resource-library{padding:48px 0 68px}
  .b2b-resource-article-shell,.b2b-resource-related{padding-top:64px;padding-bottom:68px}
  .b2b-cta-band{padding:40px 42px}
  .b2b-site-footer{padding-top:36px}
}

@media(max-width:760px){
  :root{--b2b-section-space:52px;--b2b-section-space-mobile:52px}
  .b2b-section{padding-block:52px}
  .b2b-page-shell{padding:44px 0 56px}
  .b2b-content-card{padding:26px}
  .b2b-section-heading,.b2b-product-section-head,.b2b-product-v2-section-head,.b2b-coop-section-head,.b2b-contact-v2-section-head,.b2b-resource-section-head,.b2b-solutions-section-head,.b2b-brand-v5-section-head,.b2b-pc-category-head{margin-bottom:24px}
  .b2b-home-brand-narrative .b2b-home-product-families.is-compact{padding:48px 0 52px}
  .b2b-home-product-families.is-compact .b2b-home-section-head{margin-bottom:22px}
  .b2b-home-official-source.is-compact{padding-bottom:48px}
  .b2b-home-official-source.is-compact .b2b-official-source-copy{padding-top:32px;padding-bottom:32px}
  .b2b-home-manufacturing-supply.is-compact,.b2b-simplified-home .b2b-home-manufacturing-supply.is-compact{padding:44px 0 24px}
  .b2b-home-manufacturing-supply.is-compact .b2b-supply-head{padding:32px 24px 22px;gap:24px}
  .b2b-home-manufacturing-supply.is-compact .b2b-factory-production-block{padding:0 24px 30px}
  .b2b-home-brand-narrative .b2b-home-inquiry-minimal,.b2b-home-inquiry.b2b-home-inquiry-simple.b2b-home-inquiry-minimal{padding:48px 0 52px}
  .b2b-home-inquiry-minimal .b2b-home-inquiry-shell{gap:28px}
  .b2b-product-center-hero,.b2b-coop-hero,.b2b-contact-v2-hero,.b2b-resource-hub-hero{padding:52px 0 44px}
  .b2b-product-discovery,.b2b-product-sourcing,.b2b-coop-models,.b2b-coop-process,.b2b-contact-v2-inquiry,.b2b-contact-v2-types,.b2b-solutions-section{padding:52px 0 56px}
  .b2b-product-center-final,.b2b-coop-final-cta,.b2b-coop-simple .b2b-coop-final-cta{padding:28px 0 56px}
  .b2b-pc-hero-simple{padding:52px 0 42px}
  .b2b-pc-category-showcase{padding-bottom:48px}
  .b2b-pc-catalog-simple,.b2b-pc-assist-simple{padding-bottom:56px}
  .b2b-pc-category-hero{padding:20px 0 46px}
  .b2b-product-v2-hero{padding:20px 0 52px}
  .b2b-product-v2-specs,.b2b-product-v2-wholesale{padding:52px 0}
  .b2b-product-feature-viewer,.b2b-product-v2-highlights{padding-top:60px;padding-bottom:60px}
  .b2b-product-v2-oem{padding:52px 0 60px}
  .b2b-product-v2-oem-panel,.b2b-brand-contact-panel-v5{padding:30px 24px;gap:30px}
  .b2b-brand-story-v5,.b2b-brand-factory-cert-v5,.b2b-brand-market-v5{padding:52px 0 56px}
  .b2b-brand-contact-v5{padding-bottom:56px}
  .b2b-resource-library{padding:42px 0 56px}
  .b2b-resource-article-hero{padding:52px 0 36px}
  .b2b-resource-article-shell,.b2b-resource-related{padding:52px 0 56px}
  .b2b-resource-end-cta{padding:18px 0 56px}
  .b2b-solutions-hero{padding:54px 0 28px}
  .b2b-solutions-brief{padding-bottom:56px}
  
  .b2b-cta-band{padding:32px 26px;gap:28px}
  .b2b-el-hero,.b2b-el-coop-hero{padding:56px 16px 44px!important}
  .b2b-el-section,.b2b-el-coop-section{padding:52px 16px!important}
  .b2b-site-footer{padding:32px 0 20px}
  .b2b-footer-main{gap:30px;padding-bottom:24px}
  .b2b-footer-bottom{padding-top:16px}
}


/* v1.5.41.3.52 coverage addendum — legacy/generic templates share the same rhythm. */
.b2b-page-hero{padding:80px 0 64px}
.b2b-generic-hero{padding:72px 0 34px}
.b2b-detail-hero{padding:76px 0}
.b2b-detail-hero-grid{gap:56px}
.b2b-article-shell{padding:72px 0 80px}
.b2b-article-layout{gap:60px}
.b2b-article-content{padding:42px}


@media(max-width:1024px){
  .b2b-page-hero{padding:64px 0 54px}
  .b2b-generic-hero{padding:58px 0 30px}
  .b2b-detail-hero{padding:64px 0}
  .b2b-detail-hero-grid,.b2b-article-layout{gap:42px}
  .b2b-article-shell{padding:64px 0 68px}
  .b2b-article-content{padding:36px}
  
}
@media(max-width:760px){
  .b2b-page-hero{padding:52px 0 44px}
  .b2b-generic-hero{padding:48px 0 24px}
  .b2b-detail-hero{padding:52px 0}
  .b2b-detail-hero-grid,.b2b-article-layout{gap:28px}
  .b2b-article-shell{padding:52px 0 56px}
  .b2b-article-content{padding:26px}
  
}

/* ==========================================================
   v1.5.41.3.53 — mobile-first readability & responsive UX pass
   Phone layouts are treated as a separate reading experience rather
   than a scaled desktop canvas. Desktop Luna/video interactions remain
   untouched; expensive or overly tall storytelling is simplified below 768px.
   ========================================================== */
@media(max-width:767px){
  :root{
    --b2b-mobile-gutter:max(16px,env(safe-area-inset-left));
    --b2b-mobile-section:48px;
    --b2b-mobile-radius:20px;
  }

  html{scroll-padding-top:58px}
  body{font-size:16px;line-height:1.55}
  .b2b-site-content{overflow-x:clip}
  .b2b-container{
    width:auto!important;
    margin-left:max(16px,env(safe-area-inset-left))!important;
    margin-right:max(16px,env(safe-area-inset-right))!important;
  }

  /* Header: 54px chrome, 48px touch rows, full-width readable menu. */
  .b2b-site-header{background:rgba(251,251,253,.96);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%)}
  .b2b-header-inner{min-height:54px!important;gap:10px}
  .custom-logo{max-height:28px;max-width:min(58vw,190px)}
  .b2b-brand-name{font-size:16px;max-width:min(58vw,190px)}
  .b2b-menu-toggle{width:44px;height:44px;flex-basis:44px;border-radius:50%}
  .b2b-menu-toggle span:not(.screen-reader-text){left:11px;width:22px}
  .b2b-menu-toggle span:first-child{top:17px}.b2b-menu-toggle span:nth-child(2){top:25px}
  .b2b-menu-toggle.is-open span:first-child,.b2b-menu-toggle.is-open span:nth-child(2){top:21px}
  .b2b-primary-nav{
    top:54px!important;
    padding:10px max(18px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
    border-top:1px solid rgba(0,0,0,.06);
    box-shadow:0 18px 36px rgba(0,0,0,.08);
  }
  .b2b-nav-list li a{min-height:48px;display:flex;align-items:center;padding:0 4px!important;font-size:16px!important;line-height:1.25}
  .b2b-nav-list li:last-child a{justify-content:center;margin-top:8px;min-height:46px;border-radius:14px}

  /* Universal reading rhythm. */
  .b2b-section,
  .b2b-product-discovery,.b2b-product-sourcing,
  .b2b-coop-models,.b2b-coop-process,
  .b2b-contact-v2-inquiry,.b2b-contact-v2-types,
  .b2b-solutions-section,
  .b2b-resource-library,.b2b-resource-article-shell,.b2b-resource-related{
    padding-top:var(--b2b-mobile-section)!important;
    padding-bottom:calc(var(--b2b-mobile-section) + 4px)!important;
  }
  .b2b-page-hero,.b2b-detail-hero,.b2b-generic-hero,
  .b2b-product-center-hero,.b2b-coop-hero,.b2b-contact-v2-hero,
  .b2b-resource-hub-hero,.b2b-resource-article-hero,.b2b-solutions-hero{
    padding-top:42px!important;padding-bottom:38px!important;
  }
  .b2b-section-heading,.b2b-product-section-head,
  .b2b-product-v2-section-head,.b2b-coop-section-head,.b2b-contact-v2-section-head,
  .b2b-resource-section-head,.b2b-solutions-section-head,.b2b-brand-v5-section-head,
  .b2b-pc-category-head{margin-bottom:22px!important}
  .b2b-site-content :where(p,li){line-height:1.58}
  .b2b-site-content :where(p){max-width:68ch}
  .b2b-site-content :where(h1,h2,h3){text-wrap:balance}
  .b2b-btn{min-height:46px;padding-inline:18px;font-size:15px;touch-action:manipulation}
  .b2b-link-arrow{display:inline-flex;align-items:center;min-height:42px}

  /* Cards: less desktop padding and less decorative height. */
  .b2b-feature-card,
  .b2b-resource-card,.b2b-catalog-card,.b2b-coop-model-card{
    border-radius:var(--b2b-mobile-radius)!important;
  }
  .b2b-feature-card{min-height:0!important;padding:22px!important}
  .b2b-feature-card h3{margin-top:30px!important}
  .b2b-feature-card strong{font-size:58px!important}

  /* HOME — Hero stays premium but becomes a one-screen reading surface. */
  .b2b-home-launch-hero{
    min-height:calc(100svh - 54px)!important;
    max-height:none;
  }
  
  .b2b-home-launch-hero-copy{width:100%;max-width:620px;margin-inline:auto;padding:0 2px;text-align:left!important}
  
  .b2b-home-launch-hero-copy h1{font-size:clamp(42px,12vw,58px)!important;line-height:.96!important;letter-spacing:-.052em!important}
  
  
  
  
  
  

  /* HOME — Luna: no sticky/dive story on phones. A horizontal snap rail keeps all 7 highlights accessible without a very long page. */
  .b2b-home-luna-highlights{
    height:auto!important;min-height:0!important;padding:52px 0 58px!important;overflow:hidden!important;background:#000!important;
  }
  .b2b-home-luna-sticky,.admin-bar .b2b-home-luna-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important}
  .b2b-home-luna-highlights-inner{width:auto!important;margin:0 max(0px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))!important;padding:0!important}
  .b2b-home-luna-highlights-head{max-width:none!important;margin:0 16px 24px 0!important;padding:0!important;text-align:left!important;opacity:1!important;transform:none!important}
  .b2b-home-luna-highlights-head h2{font-size:clamp(34px,9.7vw,44px)!important;line-height:1!important;letter-spacing:-.045em!important}
  .b2b-home-luna-bento{
    display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;
    gap:10px!important;height:auto!important;min-height:0!important;max-height:none!important;
    overflow-x:auto!important;overflow-y:hidden!important;padding:0 16px 4px 0!important;
    scroll-snap-type:x mandatory;scroll-padding-left:0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  .b2b-home-luna-bento::-webkit-scrollbar{display:none}
  .b2b-home-luna-card,
  .b2b-home-luna-card.card-1,.b2b-home-luna-card.card-2,.b2b-home-luna-card.card-3,.b2b-home-luna-card.card-4,
  .b2b-home-luna-card.card-5,.b2b-home-luna-card.card-6,.b2b-home-luna-card.card-7{
    flex:0 0 min(82vw,360px)!important;grid-column:auto!important;grid-row:auto!important;
    aspect-ratio:4/5!important;min-height:0!important;border-radius:20px!important;
    opacity:1!important;transform:none!important;filter:none!important;scroll-snap-align:start;scroll-snap-stop:always;
  }
  .b2b-home-luna-card-copy,.b2b-home-luna-card.card-5 .b2b-home-luna-card-copy,.b2b-home-luna-card.card-6 .b2b-home-luna-card-copy,.b2b-home-luna-card.card-7 .b2b-home-luna-card-copy{left:18px!important;right:18px!important;top:18px!important}
  .b2b-home-luna-card-copy h3,.b2b-home-luna-card.card-3 .b2b-home-luna-card-copy h3,.b2b-home-luna-card.card-4 .b2b-home-luna-card-copy h3,.b2b-home-luna-card.card-5 .b2b-home-luna-card-copy h3,.b2b-home-luna-card.card-6 .b2b-home-luna-card-copy h3,.b2b-home-luna-card.card-7 .b2b-home-luna-card-copy h3{font-size:clamp(23px,7vw,30px)!important;max-width:92%!important;line-height:1.02!important}
  .b2b-home-luna-focus-stage,.b2b-home-luna-continuity{display:none!important}

  /* HOME — Video story: phone version is a normal media block + readable copy, not a 245vh sticky effect. */
  .b2b-scroll-video-story,.b2b-simplified-home .b2b-scroll-video-story{
    width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;background:#000!important;overflow:hidden!important;
  }
  .b2b-scroll-video-sticky{
    position:relative!important;top:auto!important;width:100%!important;height:auto!important;min-height:0!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;contain:none!important;background:#000!important;
  }
  .b2b-scroll-video-visual{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:4/5;max-height:560px;flex:0 0 auto;background:#050506!important}
  .b2b-scroll-video-media{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;will-change:auto!important}
  .b2b-scroll-video-shade{opacity:1!important;background:linear-gradient(180deg,rgba(0,0,0,.02) 35%,rgba(0,0,0,.18) 100%)!important}
  .b2b-scroll-video-mask{display:none!important}
  .b2b-scroll-video-copy{
    position:relative!important;left:auto!important;top:auto!important;width:auto!important;max-width:none!important;
    order:2;padding:24px 18px 30px!important;text-align:left!important;transform:none!important;will-change:auto!important;background:#000!important;
  }
  .b2b-scroll-video-eyebrow{position:static!important;margin:0 0 10px!important;font-size:10px!important;opacity:1!important;transform:none!important;color:#a1a1a6!important}
  .b2b-scroll-video-copy h2{font-size:clamp(32px,9.2vw,42px)!important;line-height:1!important;letter-spacing:-.045em!important;opacity:1!important}
  .b2b-scroll-video-line-fill{white-space:normal!important;opacity:1!important;transform:none!important;background-position:100% 50%!important}
  .b2b-scroll-video-description{position:static!important;width:auto!important;max-width:36rem!important;margin:16px 0 0!important;font-size:15px!important;line-height:1.55!important;opacity:1!important;transform:none!important;color:#c7c7cc!important}
  .b2b-scroll-video-toggle{top:14px!important;right:14px!important;bottom:auto!important;width:42px!important;height:42px!important;background:rgba(20,20,22,.62)!important}
  .b2b-scroll-video-progress{display:none!important}

  /* HOME — Product families: compact swipe rail, not three tall cards stacked. */
  .b2b-home-brand-narrative .b2b-home-product-families.is-compact{padding:46px 0 50px!important}
  .b2b-home-product-families.is-compact .b2b-home-section-head{display:block!important;margin-bottom:20px!important}
  .b2b-home-product-families.is-compact .b2b-home-section-head h2{font-size:clamp(34px,9.6vw,42px)!important;max-width:100%}
  .b2b-home-product-families.is-compact .b2b-home-section-intro{margin-top:8px;justify-content:flex-start!important}
  
  
  
  
  
  

  /* HOME — Official brand block: copy first, decorative visual second; on very narrow phones the visual is omitted below. */
  .b2b-home-official-source.is-compact{padding:0 0 48px!important}
  .b2b-official-source-shell{display:flex!important;flex-direction:column!important;min-height:0!important;border-radius:22px!important;overflow:hidden}
  .b2b-official-source-copy{order:1!important;padding:28px 22px!important}
  .b2b-official-source-visual{order:2!important;min-height:0!important;aspect-ratio:16/9!important}
  .b2b-official-source-copy h2{font-size:clamp(34px,9.5vw,42px)!important;line-height:1!important}
  .b2b-official-source-lead{font-size:16px!important;line-height:1.5!important;margin:14px 0 18px!important}
  .b2b-official-source-points{margin:0 0 18px!important}
  .b2b-official-source-points article{padding:12px 0!important;gap:12px!important}
  .b2b-official-source-points h3{font-size:17px!important}

  /* HOME — Manufacturing: compact proof rows + horizontally swipable factory images. */
  .b2b-home-manufacturing-supply.is-compact,.b2b-simplified-home .b2b-home-manufacturing-supply.is-compact{padding:44px 0 24px!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-supply-head{display:block!important;padding:28px 20px 22px!important;margin-bottom:0!important}
  .b2b-supply-head h2{font-size:clamp(34px,9.6vw,42px)!important;line-height:1!important}
  .b2b-supply-lead{margin-top:16px!important}
  .b2b-supply-actions{gap:10px!important;flex-wrap:wrap}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0 20px 14px!important;overflow:visible!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card{min-width:0!important;padding:14px 0!important;border-radius:0!important;border:0!important;border-top:1px solid rgba(0,0,0,.08)!important;background:transparent!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card small{margin:0 0 5px!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card h3{font-size:19px!important;margin:0!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-factory-production-block{padding:0 0 28px!important;overflow:hidden}
  .b2b-factory-production-grid{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:0 20px 4px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
  .b2b-factory-production-grid::-webkit-scrollbar{display:none}
  .b2b-factory-production-card,.b2b-factory-production-card.is-primary{flex:0 0 min(84vw,360px)!important;min-width:0!important;grid-column:auto!important;scroll-snap-align:center;margin:0!important}
  .b2b-factory-production-media{min-height:0!important;aspect-ratio:4/3!important;border-radius:18px!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-factory-production-card figcaption{padding:14px 16px!important}

  /* HOME — Enquiry: short intro followed by a one-column form. */
  .b2b-home-brand-narrative .b2b-home-inquiry-minimal,.b2b-home-inquiry.b2b-home-inquiry-simple.b2b-home-inquiry-minimal{padding:46px 0 50px!important}
  .b2b-home-inquiry-minimal .b2b-home-inquiry-shell{grid-template-columns:1fr!important;gap:22px!important}
  .b2b-home-inquiry-minimal .b2b-home-inquiry-copy h2{font-size:clamp(34px,9.6vw,42px)!important;line-height:1!important}
  .b2b-home-inquiry-minimal .b2b-home-inquiry-form-wrap{padding:18px 14px!important;border-radius:18px!important;box-shadow:none!important}
  .b2b-home-inquiry-minimal .b2b-home-rfq-form-minimal{gap:11px!important}
  .b2b-home-inquiry-minimal .b2b-home-rfq-form-minimal textarea{min-height:96px!important}

  /* PRODUCT CENTER — remove the desktop showcase sculpture; search/catalog becomes the priority. */
  .b2b-product-center-stage{display:none!important}
  .b2b-product-center-hero{padding:46px 0 38px!important}
  .b2b-product-center-hero h1{font-size:clamp(40px,11vw,50px)!important}
  .b2b-product-center-hero p{font-size:16px!important;line-height:1.5!important;margin-top:16px!important}
  .b2b-product-center-hero-actions{flex-direction:row!important;align-items:center!important;gap:10px!important;margin-top:20px!important}
  .b2b-product-discovery-head{gap:18px!important;margin-bottom:20px!important}
  .b2b-product-discovery-head h2{font-size:34px!important}
  .b2b-product-category-rail{margin-right:-16px!important;padding-right:16px!important;scrollbar-width:none}
  .b2b-product-category-rail::-webkit-scrollbar{display:none}
  .b2b-product-catalog-grid{grid-template-columns:1fr!important;gap:12px!important}
  .b2b-catalog-copy{padding:20px!important}
  .b2b-catalog-copy h2{font-size:28px!important}
  .b2b-product-sourcing-grid{grid-template-columns:1fr!important;gap:10px!important}
  .b2b-product-sourcing-grid article{min-height:0!important;padding:22px!important}

  /* PRODUCT DETAIL — media first, readable spec blocks, no cramped multi-column commercial data. */
  .b2b-product-v2-hero-grid{grid-template-columns:1fr!important;gap:26px!important}
  .b2b-product-v2-copy h1{font-size:clamp(38px,10.8vw,48px)!important;line-height:.98!important}
  .b2b-product-v2-tagline{font-size:16px!important;line-height:1.5!important}
  
  
  .b2b-product-v2-actions{gap:8px!important}
  .b2b-product-v2-actions .b2b-btn{flex:1 1 145px}
  .b2b-product-info-tablist{gap:18px!important;padding-inline:16px!important}
  .b2b-product-info-tablist button{min-height:44px}
  .b2b-product-info-panel{padding:22px 16px!important}
  .b2b-product-v2-oem-panel{border-radius:20px!important}
  .b2b-product-localbar-v2 nav:not(.b2b-brand-local-links){display:none!important}

  /* Brand / solutions / cooperation / contact — flatten desktop storytelling into normal reading order. */
  
  .b2b-brand-story-copy-v5 h1{font-size:clamp(40px,11vw,50px)!important}
  .b2b-brand-story-copy-v5>p{font-size:16px!important;line-height:1.52!important}
  .b2b-brand-stage-actions{flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important}
  
  .b2b-brand-proof-v3{grid-template-columns:1fr 1fr!important}
  .b2b-brand-capability-explorer,.b2b-brand-trust-stage,.b2b-brand-process-rail{padding:52px 0!important}
  .b2b-brand-cap-stage{min-height:360px!important;border-radius:22px!important;padding:18px!important}
  .b2b-brand-cap-copy{padding:18px!important}
  .b2b-brand-trust-panel-v3{padding:28px 20px!important;border-radius:22px!important}
  .b2b-brand-trust-details summary{min-height:64px!important}
  .b2b-contact-v2-hero-grid{grid-template-columns:1fr!important;gap:24px!important}
  .b2b-coop-model-grid,.b2b-coop-process-grid{grid-template-columns:1fr!important;gap:10px!important}

  /* Resources / articles: comfortable measure and compact cards. */
  .b2b-resource-hub-hero-grid,.b2b-resource-article-layout{grid-template-columns:1fr!important;gap:28px!important}
  .b2b-resource-grid{grid-template-columns:1fr!important;gap:12px!important}
  .b2b-resource-copy{padding:20px!important}
  .b2b-resource-copy h2{font-size:28px!important}
  .b2b-resource-article-content{font-size:16.5px!important;line-height:1.72!important}
  .b2b-resource-article-content h2{font-size:29px!important;line-height:1.08!important;margin-top:38px!important}
  .b2b-resource-article-content h3{font-size:23px!important;line-height:1.12!important;margin-top:30px!important}

  /* Footer: compact, scan-friendly, no oversized dead space. */
  .b2b-site-footer{padding:30px 0 calc(18px + env(safe-area-inset-bottom))!important}
  .b2b-footer-main{grid-template-columns:1fr!important;gap:24px!important;padding-bottom:22px!important}
  .b2b-footer-intro{max-width:34rem}
  .b2b-footer-main h3{margin-bottom:10px!important}
  .b2b-footer-nav .menu,.b2b-footer-links{grid-template-columns:1fr 1fr!important;gap:6px 18px!important}
  .b2b-footer-nav a,.b2b-footer-links a{display:flex;align-items:center;min-height:36px}
  .b2b-footer-bottom{padding-top:16px!important;gap:6px!important;font-size:12px}

  /* Phone input comfort / no iOS zoom. */
  .b2b-site-content input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),
  .b2b-site-content select,.b2b-site-content textarea{min-height:46px;font-size:16px!important;border-radius:12px!important}
  .b2b-site-content textarea{min-height:104px}

  /* Decorative motion should never delay reading on touch devices. */
  .b2b-reveal{transition-duration:.35s!important;transition-delay:0s!important}
  
}

@media(max-width:480px){
  
  
  
  .b2b-home-luna-card,.b2b-home-luna-card.card-1,.b2b-home-luna-card.card-2,.b2b-home-luna-card.card-3,.b2b-home-luna-card.card-4,.b2b-home-luna-card.card-5,.b2b-home-luna-card.card-6,.b2b-home-luna-card.card-7{flex-basis:84vw!important}
  .b2b-official-source-visual{display:none!important}
  .b2b-official-source-shell{display:block!important}
  .b2b-factory-production-card,.b2b-factory-production-card.is-primary{flex-basis:86vw!important}
  
  
  
  .b2b-brand-cap-stage{min-height:320px!important}
  .b2b-footer-nav .menu,.b2b-footer-links{grid-template-columns:1fr!important}
}

@media(max-width:360px){
  .b2b-home-launch-hero-copy h1{font-size:40px!important}
  
  
  
  .b2b-home-luna-card,.b2b-home-luna-card.card-1,.b2b-home-luna-card.card-2,.b2b-home-luna-card.card-3,.b2b-home-luna-card.card-4,.b2b-home-luna-card.card-5,.b2b-home-luna-card.card-6,.b2b-home-luna-card.card-7{flex-basis:88vw!important}
}

/* Tablet: preserve richer visuals, but reduce excess depth and keep touch-friendly controls. */
@media(min-width:768px) and (max-width:1024px){
  .b2b-container{width:min(calc(100% - 40px),var(--b2b-max))}
  .b2b-btn{min-height:46px}
  
  .b2b-home-luna-highlights{padding-top:72px!important;padding-bottom:82px!important}
  .b2b-scroll-video-story{height:220vh}
  .b2b-scroll-video-copy{width:min(880px,90vw);transform:translate3d(-50%,-42%,0) scale(2.4)}
  .b2b-product-center-stage{height:360px;transform:scale(.86)}
  .b2b-footer-main{gap:34px}
}

/* v1.5.41.3.53 sticky chrome alignment after the 54px mobile header refinement. */
@media(max-width:767px){
  .b2b-product-localbar,.b2b-product-center-localbar,.b2b-brand-local-nav-v5{top:54px!important}
  .admin-bar .b2b-product-localbar,.admin-bar .b2b-product-center-localbar,.admin-bar .b2b-brand-local-nav-v5{top:100px!important}
  .b2b-brand-center-v5 section[id]{scroll-margin-top:118px!important}
  .single-b2b_product section[id]{scroll-margin-top:112px}
}

/* v1.5.41.3.54 — compact B2B MANUFACTURING rhythm
   Tightens only the homepage manufacturing module while preserving hierarchy. */
.b2b-home-manufacturing-supply.is-compact,
.b2b-simplified-home .b2b-home-manufacturing-supply.is-compact{
  padding:36px 0 18px;
}
.b2b-home-manufacturing-supply.is-compact .b2b-supply-shell{
  border-radius:30px;
}
.b2b-home-manufacturing-supply.is-compact .b2b-supply-head{
  padding:30px 36px 18px;
  margin-bottom:12px;
  gap:24px;
  align-items:center;
}
.b2b-home-manufacturing-supply.is-compact .b2b-supply-eyebrow{
  margin-bottom:10px;
}
.b2b-home-manufacturing-supply.is-compact .b2b-supply-lead{
  align-self:center;
}
.b2b-home-manufacturing-supply.is-compact .b2b-supply-actions{
  margin-top:0;
  gap:14px;
}
.b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-grid{
  padding:0 36px;
  margin:0 0 12px;
  gap:8px;
}
.b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card{
  min-height:0;
  padding:15px 18px 16px;
  border-radius:18px;
}
.b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card small{
  margin-bottom:6px;
}
.b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card h3{
  margin:0;
  font-size:19px;
}
.b2b-home-manufacturing-supply.is-compact .b2b-factory-production-block{
  padding:0 36px 30px;
}
.b2b-home-manufacturing-supply.is-compact .b2b-factory-production-grid{
  min-height:460px;
  gap:8px;
}
.b2b-home-manufacturing-supply.is-compact .b2b-factory-production-card{
  border-radius:18px;
}
.b2b-home-manufacturing-supply.is-compact .b2b-factory-production-media figcaption{
  left:18px;
  right:18px;
  bottom:16px;
  gap:4px;
}
.b2b-home-manufacturing-supply.is-compact + .b2b-home-inquiry{
  padding-top:0;
}

@media(max-width:1024px){
  .b2b-home-manufacturing-supply.is-compact,
  .b2b-simplified-home .b2b-home-manufacturing-supply.is-compact{padding:32px 0 16px}
  .b2b-home-manufacturing-supply.is-compact .b2b-supply-head{padding:26px 28px 16px;gap:20px}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-grid{padding:0 28px;margin-bottom:10px}
  .b2b-home-manufacturing-supply.is-compact .b2b-factory-production-block{padding:0 28px 26px}
  .b2b-home-manufacturing-supply.is-compact .b2b-factory-production-grid{min-height:420px}
}

@media(max-width:760px){
  .b2b-home-manufacturing-supply.is-compact,
  .b2b-simplified-home .b2b-home-manufacturing-supply.is-compact{padding:30px 0 14px!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-supply-shell{border-radius:22px!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-supply-head{padding:22px 20px 14px!important;margin-bottom:0!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-supply-eyebrow{margin-bottom:8px!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-supply-lead{margin-top:14px!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-supply-actions{margin-top:0!important;gap:8px!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-grid{padding:0 20px 8px!important;margin:0!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card{padding:10px 0!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card small{margin-bottom:4px!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card h3{font-size:18px!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-factory-production-block{padding:0 0 20px!important}
  .b2b-home-manufacturing-supply.is-compact .b2b-factory-production-grid{min-height:0!important;gap:10px!important;padding-top:0!important}
}


/* v1.5.41.3.55 — streamlined homepage enquiry
   Keep the conversion area visually connected to the compact Manufacturing section.
   Homepage intentionally has no product selector: model/product context belongs on product-detail RFQs. */
.b2b-home-inquiry-streamlined{
  padding:48px 0 60px!important;
  background:#0b0b0d;
}
.b2b-home-inquiry-streamlined .b2b-home-inquiry-shell{
  grid-template-columns:minmax(0,.78fr) minmax(420px,.92fr);
  gap:48px;
  max-width:1080px;
  align-items:center;
}
.b2b-home-inquiry-streamlined .b2b-home-inquiry-copy .b2b-apple-eyebrow{
  margin-bottom:12px;
}
.b2b-home-inquiry-streamlined .b2b-home-inquiry-copy h2{
  max-width:500px;
  font-size:clamp(42px,4.25vw,60px);
  line-height:.98;
}
.b2b-home-inquiry-streamlined .b2b-home-inquiry-trust{
  margin-top:18px;
}
.b2b-home-inquiry-streamlined .b2b-home-inquiry-form-wrap{
  padding:24px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 46px rgba(0,0,0,.16)!important;
}
.b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined{
  gap:12px!important;
}
.b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined .b2b-field-row{
  gap:10px!important;
}
.b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined label{
  gap:6px;
}
.b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined label>span{
  font-size:10.5px;
  letter-spacing:.012em;
}
.b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined input,
.b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined textarea{
  min-height:46px;
  border-radius:12px;
  padding:12px 13px;
  background:#f5f5f7;
}
.b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined textarea{
  min-height:92px!important;
  max-height:190px;
}
.b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined .b2b-btn{
  min-height:48px;
  border-radius:999px;
  margin-top:1px;
}
@media(max-width:1024px){
  .b2b-home-inquiry-streamlined{padding:42px 0 52px!important}
  .b2b-home-inquiry-streamlined .b2b-home-inquiry-shell{grid-template-columns:1fr;gap:26px;max-width:720px}
  .b2b-home-inquiry-streamlined .b2b-home-inquiry-copy h2{max-width:620px}
}
@media(max-width:760px){
  .b2b-home-inquiry-streamlined{padding:34px 0 44px!important}
  .b2b-home-inquiry-streamlined .b2b-home-inquiry-shell{gap:18px!important}
  .b2b-home-inquiry-streamlined .b2b-home-inquiry-copy .b2b-apple-eyebrow{margin-bottom:8px}
  .b2b-home-inquiry-streamlined .b2b-home-inquiry-copy h2{font-size:clamp(32px,9vw,40px)!important;line-height:1.02!important}
  .b2b-home-inquiry-streamlined .b2b-home-inquiry-trust{margin-top:14px!important}
  .b2b-home-inquiry-streamlined .b2b-home-inquiry-form-wrap{padding:16px 13px!important;border-radius:18px!important;box-shadow:none!important}
  .b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined{gap:10px!important}
  .b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined .b2b-field-row{grid-template-columns:1fr!important;gap:10px!important}
  .b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined input,
  .b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined textarea{font-size:16px!important;min-height:46px;padding:11px 12px}
  .b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined textarea{min-height:88px!important}
  .b2b-home-inquiry-streamlined .b2b-home-rfq-form-streamlined .b2b-btn{min-height:48px}
}

/* ==========================================================
   v1.5.41.3.56 — coordinated compact typography system
   Goal: a calmer B2B editorial hierarchy with smaller, more consistent
   headings. Keeps display moments premium without letting titles dominate
   the viewport or create unnecessary visual gaps.
   ========================================================== */
:root{
  --b2b-type-display:clamp(48px,5.1vw,68px);
  --b2b-type-page:clamp(44px,4.5vw,60px);
  --b2b-type-section:clamp(34px,3.3vw,48px);
  --b2b-type-card:clamp(21px,1.8vw,27px);
  --b2b-type-sub:18px;
}

/* Baseline hierarchy across templates. */
.b2b-site-content h1{
  font-size:var(--b2b-type-page)!important;
  line-height:1.01!important;
  letter-spacing:-.042em!important;
}
.b2b-site-content h2{
  font-size:var(--b2b-type-section)!important;
  line-height:1.055!important;
  letter-spacing:-.038em!important;
}
.b2b-site-content h3{
  font-size:var(--b2b-type-card)!important;
  line-height:1.1!important;
  letter-spacing:-.028em!important;
}

/* Premium display moments: still larger, but no longer oversized. */
.b2b-home-launch-hero-copy h1{
  font-size:var(--b2b-type-display)!important;
  line-height:.98!important;
  letter-spacing:-.047em!important;
}
.b2b-page-hero h1,.b2b-detail-hero h1,.b2b-generic-hero h1,
.b2b-product-center-hero h1,.b2b-coop-hero h1,.b2b-contact-v2-hero-copy h1,.b2b-brand-story-copy-v5 h1,
.b2b-resource-hub-hero h1,.b2b-resource-article-hero h1,
.b2b-product-v2-copy h1{
  font-size:var(--b2b-type-page)!important;
  line-height:1.01!important;
  letter-spacing:-.042em!important;
}

/* Homepage section headings: one consistent editorial scale. */

.b2b-home-section-head h2,.b2b-home-support-head h2,
.b2b-home-customers-title h2,.b2b-home-brand-simple-copy h2,
.b2b-home-product-families .b2b-home-section-head h2,
.b2b-brand-authority-head h2,.b2b-official-source-copy h2,.b2b-authentic-supply-head h2,
.b2b-supply-head h2,.b2b-home-inquiry-copy h2,
.b2b-home-inquiry-simple .b2b-home-inquiry-copy h2,
.b2b-home-inquiry-streamlined .b2b-home-inquiry-copy h2{
  font-size:var(--b2b-type-section)!important;
  line-height:1.055!important;
  letter-spacing:-.038em!important;
}

/* Luna stays cinematic, but the title no longer overwhelms the card grid. */
.b2b-home-luna-highlights-head h2{
  font-size:clamp(38px,3.9vw,52px)!important;
  line-height:1.01!important;
  letter-spacing:-.042em!important;
}
.b2b-home-luna-card-copy h3,
.b2b-home-luna-card.card-3 .b2b-home-luna-card-copy h3,
.b2b-home-luna-card.card-4 .b2b-home-luna-card-copy h3,
.b2b-home-luna-card.card-5 .b2b-home-luna-card-copy h3,
.b2b-home-luna-card.card-6 .b2b-home-luna-card-copy h3{
  font-size:clamp(17px,1.55vw,23px)!important;
  line-height:1.08!important;
}
.b2b-home-luna-card.card-7 .b2b-home-luna-card-copy h3{
  font-size:clamp(14px,1.15vw,18px)!important;
}
.b2b-home-luna-focus-copy h3{
  font-size:clamp(38px,4.15vw,56px)!important;
  line-height:1!important;
}
.b2b-home-luna-continuity-left h3{
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.04!important;
}

/* Video story: premium headline, but comfortably below hero scale. */
.b2b-scroll-video-copy h2,.b2b-home-launch-detail-copy h2{
  font-size:clamp(38px,4vw,54px)!important;
  line-height:1!important;
  letter-spacing:-.042em!important;
}

/* Standard section headings across inner pages. */
.b2b-section-heading h2,
.b2b-product-section-head h2,.b2b-product-v2-section-head h2,
.b2b-product-v2-wholesale-copy h2,.b2b-product-v2-oem-copy h2,
.b2b-coop-section-head h2,.b2b-contact-v2-section-head h2,
.b2b-resource-section-head h2,
.b2b-solutions-section-head h2,.b2b-brand-v5-section-head h2,
.b2b-pc-category-head h2,.b2b-product-discovery-head h2,.b2b-cta-band h2{
  font-size:var(--b2b-type-section)!important;
  line-height:1.055!important;
  letter-spacing:-.038em!important;
}

/* Card/title scale: readable, compact, consistent. */
.b2b-feature-card h3,.b2b-resource-card h3,.b2b-catalog-copy h2,
.b2b-coop-model-card h3,.b2b-coop-model-card-simple h3,.b2b-coop-process-grid-simple h3,.b2b-home-solution-copy h3,.b2b-home-support-card h3,
.b2b-home-oem-proof-card h3,.b2b-official-source-points h3,
.b2b-product-v2-oem-list h3,.b2b-article-aside h3{
  font-size:var(--b2b-type-card)!important;
  line-height:1.1!important;
  letter-spacing:-.028em!important;
}

/* Long-form content needs editorial rather than display-sized subheads. */
.b2b-article-content h2,.b2b-resource-article-content h2,
.b2b-product-spec-editor-content h2{
  font-size:clamp(27px,2.4vw,34px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
}
.b2b-article-content h3,.b2b-resource-article-content h3,
.b2b-product-spec-editor-content h3{
  font-size:clamp(21px,1.8vw,25px)!important;
  line-height:1.18!important;
  letter-spacing:-.018em!important;
}

/* Tablet: keep the same hierarchy without oversized two-line headings. */
@media(max-width:1024px){
  :root{
    --b2b-type-display:clamp(44px,7.2vw,60px);
    --b2b-type-page:clamp(40px,6.4vw,52px);
    --b2b-type-section:clamp(32px,5.2vw,42px);
    --b2b-type-card:clamp(20px,3vw,25px);
  }
  .b2b-home-luna-highlights-head h2{font-size:clamp(36px,5.8vw,46px)!important}
  .b2b-scroll-video-copy h2,.b2b-home-launch-detail-copy h2{font-size:clamp(34px,5.7vw,46px)!important}
}

/* Phone: optimize for reading first. Major titles should not occupy half a screen. */
@media(max-width:767px){
  :root{
    --b2b-type-display:clamp(36px,10.4vw,44px);
    --b2b-type-page:clamp(34px,9.6vw,40px);
    --b2b-type-section:clamp(28px,8.2vw,35px);
    --b2b-type-card:clamp(20px,6vw,24px);
  }
  .b2b-site-content h1{line-height:1.02!important;letter-spacing:-.038em!important}
  .b2b-site-content h2{line-height:1.08!important;letter-spacing:-.032em!important}
  .b2b-site-content h3{line-height:1.14!important;letter-spacing:-.022em!important}

  .b2b-home-launch-hero-copy h1{font-size:var(--b2b-type-display)!important;line-height:.99!important}
  .b2b-home-luna-highlights-head h2{font-size:clamp(30px,8.8vw,36px)!important;line-height:1.05!important}
  .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-3 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-4 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-5 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-6 .b2b-home-luna-card-copy h3,
  .b2b-home-luna-card.card-7 .b2b-home-luna-card-copy h3{font-size:clamp(20px,6vw,25px)!important;line-height:1.08!important}
  .b2b-scroll-video-copy h2{font-size:clamp(29px,8.5vw,36px)!important;line-height:1.05!important}
  .b2b-home-product-families.is-compact .b2b-home-section-head h2,
  .b2b-official-source-copy h2,.b2b-supply-head h2,
  .b2b-home-inquiry-minimal .b2b-home-inquiry-copy h2,
  .b2b-home-inquiry-streamlined .b2b-home-inquiry-copy h2,
  .b2b-product-discovery-head h2{
    font-size:var(--b2b-type-section)!important;
    line-height:1.08!important;
  }
  .b2b-home-manufacturing-supply.is-compact .b2b-home-oem-proof-card h3,
  .b2b-official-source-points h3,.b2b-catalog-copy h2{
    font-size:var(--b2b-type-card)!important;
  }
  .b2b-resource-article-content h2,.b2b-article-content h2,.b2b-product-spec-editor-content h2{font-size:27px!important}
  .b2b-resource-article-content h3,.b2b-article-content h3,.b2b-product-spec-editor-content h3{font-size:21px!important}
}

@media(max-width:420px){
  :root{
    --b2b-type-display:36px;
    --b2b-type-page:34px;
    --b2b-type-section:28px;
    --b2b-type-card:20px;
  }
}


/* ==========================================================
   v1.5.41.3.57 — HOMEPAGE TYPOGRAPHY SYSTEM / SITE-WIDE
   Homepage is the canonical type source. This block normalizes not only
   heading sizes, but also font family, weight, tracking, body rhythm,
   labels, navigation, forms and footer typography across every template.
   ========================================================== */
:root{
  --b2b-home-font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Arial,sans-serif;
  --b2b-home-font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;
  --b2b-type-display:clamp(48px,5.1vw,68px);
  --b2b-type-page:clamp(44px,4.5vw,60px);
  --b2b-type-section:clamp(34px,3.3vw,48px);
  --b2b-type-card:clamp(21px,1.8vw,27px);
  --b2b-type-body:16px;
  --b2b-type-body-lg:17px;
  --b2b-type-lead:clamp(17px,1.35vw,19px);
  --b2b-type-small:13px;
  --b2b-type-eyebrow:11px;
  --b2b-weight-display:650;
  --b2b-weight-heading:640;
  --b2b-weight-card:620;
}

/* One font voice everywhere. */
html,body,button,input,textarea,select,option{font-family:var(--b2b-home-font-sans)!important}
.b2b-site-content h1,.b2b-site-content h2,.b2b-site-content h3,.b2b-site-content h4,
.b2b-site-header h1,.b2b-site-header h2,.b2b-site-footer h2,.b2b-site-footer h3{font-family:var(--b2b-home-font-display)!important}

/* Global editorial hierarchy mirrors the homepage. */
.b2b-site-content h1{
  font-size:var(--b2b-type-page)!important;line-height:1.01!important;letter-spacing:-.042em!important;
  font-weight:var(--b2b-weight-display)!important;text-wrap:balance
}
.b2b-site-content h2{
  font-size:var(--b2b-type-section)!important;line-height:1.055!important;letter-spacing:-.038em!important;
  font-weight:var(--b2b-weight-heading)!important;text-wrap:balance
}
.b2b-site-content h3{
  font-size:var(--b2b-type-card)!important;line-height:1.1!important;letter-spacing:-.028em!important;
  font-weight:var(--b2b-weight-card)!important;text-wrap:balance
}
.b2b-site-content h4{font-size:18px!important;line-height:1.2!important;letter-spacing:-.018em!important;font-weight:620!important}

/* Body copy: same compact, quiet rhythm used on the homepage. */
.b2b-site-content p,.b2b-site-content li,.b2b-site-content dd,.b2b-site-content dt{
  font-size:var(--b2b-type-body);line-height:1.6;letter-spacing:-.011em
}
.b2b-site-content .b2b-lead,.b2b-site-content .b2b-product-v2-tagline,
.b2b-site-content .b2b-page-hero p,.b2b-site-content .b2b-detail-hero p,.b2b-site-content .b2b-generic-hero p,
.b2b-site-content .b2b-product-center-hero p,.b2b-site-content .b2b-contact-v2-hero-copy>p,.b2b-site-content .b2b-brand-story-copy-v5>p{
  font-size:var(--b2b-type-lead)!important;line-height:1.55!important;letter-spacing:-.016em!important
}

/* Page heroes use the homepage's restrained premium scale. */
.b2b-page-hero h1,.b2b-detail-hero h1,.b2b-generic-hero h1,
.b2b-product-center-hero h1,.b2b-coop-hero h1,.b2b-contact-v2-hero-copy h1,.b2b-brand-story-copy-v5 h1,.b2b-resource-hub-hero h1,
.b2b-resource-article-hero h1,.b2b-product-v2-copy h1{
  font-size:var(--b2b-type-page)!important;line-height:1.01!important;letter-spacing:-.042em!important;font-weight:650!important
}

/* Home remains the source of truth: special cinematic moments are preserved. */
.b2b-home-launch-hero-copy h1{font-size:var(--b2b-type-display)!important;line-height:.98!important;letter-spacing:-.047em!important;font-weight:650!important}
.b2b-home-luna-highlights-head h2{font-size:clamp(38px,3.9vw,52px)!important}
.b2b-scroll-video-copy h2,.b2b-home-launch-detail-copy h2{font-size:clamp(38px,4vw,54px)!important}

/* All standard section-head components inherit one homepage scale. */
.b2b-section-heading h2,.b2b-product-section-head h2,.b2b-product-v2-section-head h2,
.b2b-product-v2-wholesale-copy h2,.b2b-product-v2-oem-copy h2,.b2b-coop-section-head h2,.b2b-contact-v2-section-head h2,
.b2b-resource-section-head h2,.b2b-solutions-section-head h2,.b2b-brand-v5-section-head h2,
.b2b-pc-category-head h2,.b2b-product-discovery-head h2,.b2b-cta-band h2,
.b2b-story-copy h2{
  font-size:var(--b2b-type-section)!important;line-height:1.055!important;letter-spacing:-.038em!important;font-weight:640!important
}

/* Card names / component headings follow homepage card title sizing. */
.b2b-feature-card h3,
.b2b-resource-card h3,.b2b-resource-copy h2,.b2b-catalog-copy h2,.b2b-coop-model-card h3,.b2b-coop-model-card-simple h3,
.b2b-coop-process-grid-simple h3,.b2b-home-solution-copy h3,.b2b-home-support-card h3,
.b2b-home-oem-proof-card h3,.b2b-official-source-points h3,.b2b-product-v2-oem-list h3,.b2b-article-aside h3,.b2b-pc-category-card h3{
  font-size:var(--b2b-type-card)!important;line-height:1.1!important;letter-spacing:-.028em!important;font-weight:620!important
}

/* Eyebrows and metadata: same small-caps rhythm as homepage. */

.b2b-section-heading>span,.b2b-product-section-head>span,.b2b-product-v2-section-head>span,
.b2b-coop-section-head>span,.b2b-contact-v2-section-head>span,.b2b-resource-section-head>span,.b2b-solutions-section-head>span,
.b2b-brand-v5-section-head>span,.b2b-resource-copy>span{
  font-family:var(--b2b-home-font-sans)!important;font-size:var(--b2b-type-eyebrow)!important;line-height:1.2!important;
  letter-spacing:.13em!important;font-weight:750!important;text-transform:uppercase
}
.b2b-footer-bottom,.b2b-resource-meta,.b2b-product-v2-meta{
  font-size:var(--b2b-type-small)!important;line-height:1.4!important;letter-spacing:0!important
}

/* Navigation and controls use the same calm UI typography as homepage CTAs. */
.b2b-nav-list a{font-size:14px!important;line-height:1.2!important;font-weight:560!important;letter-spacing:-.006em!important}
.b2b-btn,.b2b-link-arrow,button,input[type=submit],input[type=button]{font-size:14px!important;font-weight:600!important;letter-spacing:-.008em!important}
.b2b-site-content label{font-size:13px!important;line-height:1.3!important;font-weight:600!important;letter-spacing:-.006em!important}
.b2b-site-content input,.b2b-site-content textarea,.b2b-site-content select{font-size:15.5px!important;line-height:1.4!important;letter-spacing:-.008em!important}

/* Footer should finish with the same hierarchy instead of reverting to an older theme scale. */
.b2b-site-footer{font-size:14px;line-height:1.5;letter-spacing:-.006em}
.b2b-site-footer h2,.b2b-site-footer h3{font-size:16px!important;line-height:1.2!important;letter-spacing:-.018em!important;font-weight:650!important}
.b2b-site-footer a,.b2b-site-footer p,.b2b-site-footer li{font-size:14px!important;line-height:1.5!important}

/* Long-form editorial typography stays smaller than landing-page section headings. */
.b2b-article-content,.b2b-resource-article-content,.b2b-product-spec-editor-content{font-size:16.5px!important;line-height:1.72!important}
.b2b-article-content h2,.b2b-resource-article-content h2,.b2b-product-spec-editor-content h2{font-size:clamp(27px,2.4vw,34px)!important;line-height:1.12!important}
.b2b-article-content h3,.b2b-resource-article-content h3,.b2b-product-spec-editor-content h3{font-size:clamp(21px,1.8vw,25px)!important;line-height:1.18!important}

@media(max-width:1024px){
  :root{--b2b-type-display:clamp(44px,7.2vw,60px);--b2b-type-page:clamp(40px,6.4vw,52px);--b2b-type-section:clamp(32px,5.2vw,42px);--b2b-type-card:clamp(20px,3vw,25px)}
}
@media(max-width:767px){
  :root{--b2b-type-display:clamp(36px,10.4vw,44px);--b2b-type-page:clamp(34px,9.6vw,40px);--b2b-type-section:clamp(28px,8.2vw,35px);--b2b-type-card:clamp(20px,6vw,24px);--b2b-type-body:16px;--b2b-type-lead:16px}
  .b2b-nav-list a{font-size:16px!important;font-weight:560!important}
  .b2b-site-content input,.b2b-site-content textarea,.b2b-site-content select{font-size:16px!important}
  .b2b-home-luna-highlights-head h2{font-size:clamp(30px,8.8vw,36px)!important}
  .b2b-scroll-video-copy h2{font-size:clamp(29px,8.5vw,36px)!important}
}
@media(max-width:420px){
  :root{--b2b-type-display:36px;--b2b-type-page:34px;--b2b-type-section:28px;--b2b-type-card:20px}
}

/* ==========================================================
   v1.5.41.3.58 — WHY HUAHONG simplified trust block
   Clean visual + one concise proof paragraph; no numbered claims.
   ========================================================== */
.b2b-home-official-source.is-compact{
  padding:24px 0 54px;
}
.b2b-home-official-source.is-compact .b2b-official-source-shell{
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:44px;
  align-items:center;
  min-height:0;
}
.b2b-home-official-source.is-compact .b2b-official-source-visual,
.b2b-home-official-source.is-compact .b2b-official-source-visual.has-image img{
  min-height:440px;
  border-radius:28px;
}
.b2b-home-official-source.is-compact .b2b-official-source-visual.has-image img{
  height:440px;
}
.b2b-home-official-source.is-compact .b2b-official-source-brand-panel.is-clean{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
  background:
    radial-gradient(circle at 72% 20%,rgba(181,6,9,.34),transparent 34%),
    radial-gradient(circle at 18% 82%,rgba(126,12,15,.16),transparent 38%),
    linear-gradient(150deg,#0a0b0d 0%,#16171a 56%,#08090a 100%);
}
.b2b-home-official-source.is-compact .b2b-official-source-brand-panel.is-clean:before{
  opacity:.18;
}
.b2b-home-official-source.is-compact .b2b-official-source-brand-panel.is-clean img{
  position:relative;
  top:auto;
  left:auto;
  width:auto;
  max-width:min(42%,210px);
  max-height:54px;
  filter:brightness(0) invert(1);
  opacity:.92;
}
.b2b-home-official-source.is-compact .b2b-official-source-copy{
  max-width:560px;
  padding:28px 0;
}
.b2b-home-official-source.is-compact .b2b-official-source-eyebrow{
  margin-bottom:12px;
}
.b2b-home-official-source.is-compact .b2b-official-source-copy h2{
  max-width:540px;
}
.b2b-home-official-source.is-compact .b2b-official-source-lead{
  max-width:545px;
  margin:16px 0 22px;
  color:#5d5d62;
  font-size:17px;
  line-height:1.55;
}
.b2b-home-official-source.is-compact .b2b-link-arrow{
  margin-top:0;
}

@media(max-width:1024px){
  .b2b-home-official-source.is-compact{padding:20px 0 48px}
  .b2b-home-official-source.is-compact .b2b-official-source-shell{grid-template-columns:1fr 1fr;gap:30px}
  .b2b-home-official-source.is-compact .b2b-official-source-visual,
  .b2b-home-official-source.is-compact .b2b-official-source-visual.has-image img{min-height:380px;height:380px;border-radius:24px}
  .b2b-home-official-source.is-compact .b2b-official-source-copy{padding:20px 0}
  .b2b-home-official-source.is-compact .b2b-official-source-lead{font-size:16.5px;margin:14px 0 20px}
}

@media(max-width:760px){
  .b2b-home-official-source.is-compact{padding:14px 0 42px!important}
  .b2b-home-official-source.is-compact .b2b-official-source-shell{display:flex!important;flex-direction:column!important;gap:20px!important}
  .b2b-home-official-source.is-compact .b2b-official-source-copy{order:1!important;max-width:none;padding:0!important}
  .b2b-home-official-source.is-compact .b2b-official-source-visual{order:2!important;width:100%;min-height:0!important;aspect-ratio:16/10;border-radius:20px!important}
  .b2b-home-official-source.is-compact .b2b-official-source-visual.has-image img{width:100%;height:100%!important;min-height:0!important;border-radius:20px!important}
  .b2b-home-official-source.is-compact .b2b-official-source-eyebrow{margin-bottom:10px}
  .b2b-home-official-source.is-compact .b2b-official-source-lead{margin:12px 0 18px!important;font-size:16px!important;line-height:1.52!important}
}


/* ==========================================================
   v1.5.41.3.59 — Screen-2 Bento geometry alignment only
   Layout: top 2 / lower-left 2 / center 1 / lower-right 3.
   Motion, focus, make-way, dive, continuity and video behavior are unchanged.
   ========================================================== */
@media(min-width:981px){
  .b2b-home-luna-bento{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-template-rows:minmax(0,2.6fr) repeat(6,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .b2b-home-luna-card.card-1{grid-column:1 / 7!important;grid-row:1!important}
  .b2b-home-luna-card.card-2{grid-column:7 / 13!important;grid-row:1!important}

  /* Lower stage: two aligned left cards / one full-height center / three aligned right cards. */
  .b2b-home-luna-card.card-3{grid-column:1 / 5!important;grid-row:2 / 5!important}
  .b2b-home-luna-card.card-8{grid-column:1 / 5!important;grid-row:5 / 8!important}
  .b2b-home-luna-card.card-4{grid-column:5 / 9!important;grid-row:2 / 8!important}
  .b2b-home-luna-card.card-5{grid-column:9 / 13!important;grid-row:2 / 4!important}
  .b2b-home-luna-card.card-6{grid-column:9 / 13!important;grid-row:4 / 6!important}
  .b2b-home-luna-card.card-7{grid-column:9 / 13!important;grid-row:6 / 8!important}

  .b2b-home-luna-card.card-8 .b2b-home-luna-card-copy{
    top:clamp(18px,1.7vw,24px);left:clamp(19px,1.8vw,25px);right:clamp(19px,1.8vw,25px);
  }
  .b2b-home-luna-card.card-8 .b2b-home-luna-card-copy h3{
    font-size:clamp(17px,1.55vw,23px)!important;line-height:1.08!important;max-width:88%;
  }
  .b2b-home-luna-highlights.is-luna-visible .b2b-home-luna-card.card-8{transition-delay:.33s}
}

/* Tablet keeps all eight highlights readable without changing the desktop motion system. */
@media(min-width:768px) and (max-width:980px){
  .b2b-home-luna-card.card-8{
    grid-column:1 / 3!important;grid-row:auto!important;aspect-ratio:16/7!important;
  }
  .b2b-home-luna-card.card-8 .b2b-home-luna-card-copy h3{
    font-size:clamp(18px,2.6vw,24px)!important;max-width:82%;
  }
}

/* Mobile remains the existing horizontal snap experience; card 08 simply joins the same rail. */
@media(max-width:767px){
  .b2b-home-luna-card.card-8{
    flex:0 0 min(82vw,360px)!important;grid-column:auto!important;grid-row:auto!important;
    aspect-ratio:4/5!important;min-height:0!important;border-radius:20px!important;
    opacity:1!important;transform:none!important;filter:none!important;scroll-snap-align:start;scroll-snap-stop:always;
  }
  .b2b-home-luna-card.card-8 .b2b-home-luna-card-copy{left:18px!important;right:18px!important;top:18px!important}
  .b2b-home-luna-card.card-8 .b2b-home-luna-card-copy h3{
    font-size:clamp(23px,7vw,30px)!important;max-width:92%!important;line-height:1.02!important;
  }
}

@media(max-width:380px){
  .b2b-home-luna-card.card-8{flex-basis:88vw!important}
}

/* ==========================================================
   v1.5.41.3.62 — WHY HUAHONG strength counters
   Borderless typography-aligned strength strip.
   ========================================================== */
.b2b-home-official-source.is-compact .b2b-official-strength{
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-start;
  width:100%;
  margin-top:20px;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
}
.b2b-home-official-source.is-compact .b2b-official-strength-item{
  position:relative;
  flex:1 1 0;
  min-width:0;
  padding:16px 22px 14px 0;
  border:0;
  background:transparent;
  transition:transform .58s cubic-bezier(.22,.61,.36,1),opacity .45s ease;
}
.b2b-home-official-source.is-compact .b2b-official-strength-item + .b2b-official-strength-item{
  padding-left:22px;
}
.b2b-home-official-source.is-compact .b2b-official-strength-value{
  display:block;
  white-space:nowrap;
  font-family:var(--b2b-font-display);
  font-size:var(--b2b-type-section);
  line-height:.96;
  letter-spacing:-.045em;
  font-weight:700;
  color:#111113;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
  transform:translateZ(0);
}
.b2b-home-official-source.is-compact .b2b-official-strength-item small{
  display:block;
  margin-top:10px;
  font-size:11px;
  line-height:1.2;
  font-weight:720;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#86868b;
}
.b2b-home-official-source.is-compact .b2b-official-strength-item p{
  margin:5px 0 0;
  max-width:180px;
  font-size:13.5px;
  line-height:1.36;
  font-weight:500;
  color:#515154;
}
/* The strip remains readable even if JS is unavailable. JS only adds motion. */
.b2b-home-official-source.is-compact .b2b-official-strength.is-counter-armed:not(.is-counter-active) .b2b-official-strength-item{
  transform:translate3d(0,6px,0);
  opacity:.72;
}
.b2b-home-official-source.is-compact .b2b-official-strength.is-counter-active .b2b-official-strength-item{
  transform:none;
  opacity:1;
}
.b2b-home-official-source.is-compact .b2b-official-strength.is-counter-active .b2b-official-strength-item:nth-child(2){transition-delay:.055s}
.b2b-home-official-source.is-compact .b2b-official-strength.is-counter-active .b2b-official-strength-item:nth-child(3){transition-delay:.11s}
.b2b-home-official-source.is-compact .b2b-official-strength.is-counter-active .b2b-official-strength-item:nth-child(4){transition-delay:.165s}

@media(max-width:900px){
  .b2b-home-official-source.is-compact .b2b-official-strength{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .b2b-home-official-source.is-compact .b2b-official-strength::-webkit-scrollbar{display:none}
  .b2b-home-official-source.is-compact .b2b-official-strength-item{
    flex:0 0 min(48vw,230px);
    scroll-snap-align:start;
    padding:15px 18px 14px 0;
  }
  .b2b-home-official-source.is-compact .b2b-official-strength-item + .b2b-official-strength-item{padding-left:18px}
  .b2b-home-official-source.is-compact .b2b-official-strength-value{
    font-size:var(--b2b-type-section);
  }
}
@media(max-width:600px){
  .b2b-home-official-source.is-compact .b2b-official-strength{
    margin-top:14px;
    margin-right:calc(var(--b2b-mobile-gutter,20px) * -1);
    width:calc(100% + var(--b2b-mobile-gutter,20px));
    border:0;
    border-radius:0;
    background:transparent;
  }
  .b2b-home-official-source.is-compact .b2b-official-strength-item{
    flex-basis:min(62vw,220px);
    padding:14px 16px 13px 0;
  }
  .b2b-home-official-source.is-compact .b2b-official-strength-item + .b2b-official-strength-item{padding-left:16px}
  .b2b-home-official-source.is-compact .b2b-official-strength-value{font-size:var(--b2b-type-section)}
  .b2b-home-official-source.is-compact .b2b-official-strength-item p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-official-source.is-compact .b2b-official-strength-item{transition:none!important;transform:none!important;opacity:1!important}
}


/* =========================================================
   v1.5.41.3.63 — Product detail cleanup
   Comparison removed; enquiry reduced to the essentials.
   ========================================================= */
.b2b-product-inquiry-anchor{display:block;position:relative;top:-96px;visibility:hidden;pointer-events:none}
.b2b-product-v2-wholesale-simple{padding:64px 0 68px}
.b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-grid{grid-template-columns:minmax(0,.82fr) minmax(430px,1.08fr);gap:48px;align-items:center}
.b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy h2{margin:10px 0 12px;font-size:var(--b2b-type-section);line-height:1.04;letter-spacing:-.045em}
.b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy>p{margin:0;max-width:520px;font-size:16px;line-height:1.6;color:#515154}
.b2b-product-v2-reply-note{display:flex;align-items:baseline;gap:10px;margin-top:20px}
.b2b-product-v2-reply-note strong{font-size:22px;line-height:1;font-weight:700;letter-spacing:-.035em;color:#1d1d1f}
.b2b-product-v2-reply-note span{font-size:12px;line-height:1.4;color:#6e6e73}
.b2b-product-v2-wholesale-simple .b2b-product-v2-form{padding:24px;border-radius:22px;background:#f5f5f7}
.b2b-product-enquiry-simple{gap:11px}
.b2b-product-enquiry-context{display:flex;align-items:baseline;gap:9px;padding:0 0 11px;border-bottom:1px solid rgba(0,0,0,.08);min-width:0}
.b2b-product-enquiry-context span{font-size:10px;font-weight:700;letter-spacing:.08em;color:#86868b;white-space:nowrap}
.b2b-product-enquiry-context strong{font-size:14px;font-weight:700;letter-spacing:-.015em;white-space:nowrap}
.b2b-product-enquiry-context small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#6e6e73}
.b2b-product-enquiry-simple .b2b-field-row{gap:10px}
.b2b-product-enquiry-simple label{gap:5px}
.b2b-product-enquiry-simple input,.b2b-product-enquiry-simple textarea{background:#fff;border-color:rgba(0,0,0,.10)}
.b2b-product-enquiry-simple textarea{min-height:92px;resize:vertical}
.b2b-product-enquiry-simple .b2b-btn{margin-top:1px;min-height:44px}

@media(max-width:1050px){
  .b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-grid{grid-template-columns:1fr;gap:28px}
  .b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy{text-align:center}
  .b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy>p{margin-left:auto;margin-right:auto}
  .b2b-product-v2-reply-note{justify-content:center}
}
@media(max-width:767px){
  .b2b-product-v2-wholesale-simple{padding:48px 0 52px}
  .b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-grid{gap:22px}
  .b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy h2{font-size:var(--b2b-type-section)}
  .b2b-product-v2-wholesale-simple .b2b-product-v2-form{padding:17px 14px;border-radius:18px}
  .b2b-product-enquiry-simple .b2b-field-row{grid-template-columns:1fr}
  .b2b-product-enquiry-context{align-items:flex-start;flex-wrap:wrap}
  .b2b-product-enquiry-context small{flex-basis:100%}
  .b2b-product-v2-reply-note{margin-top:15px}
}

/* =========================================================
   v1.5.41.3.64 — Product detail order + faster RFQ
   Highlights before Product Information; three-field enquiry.
   ========================================================= */
.b2b-product-v2-wholesale-simple{padding:56px 0 60px}
.b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:20px;
  max-width:920px;
  margin:0 auto;
  align-items:start;
}
.b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  column-gap:28px;
  row-gap:6px;
  align-items:end;
}
.b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy>span,
.b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy>h2,
.b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy>p{grid-column:1}
.b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy h2{margin:4px 0 2px}
.b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy>p{max-width:640px;font-size:15px;line-height:1.55}
.b2b-product-v2-wholesale-simple .b2b-product-v2-reply-note{
  grid-column:2;
  grid-row:1 / span 3;
  margin:0;
  align-self:center;
  white-space:nowrap;
}
.b2b-product-v2-wholesale-simple .b2b-product-v2-form{
  padding:18px 20px 20px;
  border-radius:18px;
  background:#f5f5f7;
}
.b2b-product-enquiry-simple{gap:10px}
.b2b-product-enquiry-context{
  padding:0 0 9px;
  border-bottom:1px solid rgba(0,0,0,.07);
}
.b2b-product-enquiry-simple .b2b-product-enquiry-primary-row{
  grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);
  gap:10px;
}
.b2b-product-enquiry-simple input,.b2b-product-enquiry-simple textarea{
  background:#fff;
  border-color:rgba(0,0,0,.09);
}
.b2b-product-enquiry-simple textarea{min-height:76px}
.b2b-product-enquiry-simple .b2b-btn{min-height:42px}

@media(max-width:767px){
  .b2b-product-v2-wholesale-simple{padding:44px 0 48px}
  .b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-grid{gap:16px}
  .b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy{grid-template-columns:1fr;gap:5px;text-align:left}
  .b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy>span,
  .b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy>h2,
  .b2b-product-v2-wholesale-simple .b2b-product-v2-wholesale-copy>p,
  .b2b-product-v2-wholesale-simple .b2b-product-v2-reply-note{grid-column:1;grid-row:auto}
  .b2b-product-v2-wholesale-simple .b2b-product-v2-reply-note{justify-content:flex-start;margin-top:8px}
  .b2b-product-v2-wholesale-simple .b2b-product-v2-form{padding:15px 13px 16px;border-radius:16px}
  .b2b-product-enquiry-simple .b2b-product-enquiry-primary-row{grid-template-columns:1fr}
  .b2b-product-enquiry-simple textarea{min-height:82px}
}

/* === v1.5.41.3.64.2 · HUAHONG Premium Red System =====================
   Deep wine-red foundation + controlled #DC080B highlight.
   Gradients are reserved for primary conversion surfaces and subtle ambience. */
:root{
  --b2b-accent:#B50609;
  --b2b-accent-vivid:#DC080B;
  --b2b-accent-hover:#940508;
  --b2b-accent-deep:#780407;
  --b2b-accent-wine:#51080A;
  --b2b-accent-soft:#FCF6F6;
  --b2b-accent-soft-strong:#F5E8E9;
  --b2b-accent-border:rgba(181,6,9,.22);
  --b2b-accent-focus:rgba(181,6,9,.16);
  --b2b-accent-on-dark:#E75B5F;
  --b2b-accent-gradient:linear-gradient(135deg,#7B0407 0%,#A80609 48%,#DC080B 100%);
  --b2b-accent-gradient-hover:linear-gradient(135deg,#670306 0%,#8E0508 52%,#BE070A 100%);
  --b2b-dark-red-surface:
    radial-gradient(circle at 86% 4%,rgba(144,5,8,.16),transparent 34%),
    linear-gradient(145deg,#0A0A0C 0%,#110A0B 55%,#080809 100%);
}

/* Primary conversion surfaces: rich, deep gradient instead of flat bright red. */
.b2b-btn-primary,
.b2b-nav-list li:last-child a,
.b2b-mobile-conversion-bar a.is-primary,
.b2b-product-local-cta,
.b2b-back-to-top{
  background:var(--b2b-accent-gradient);
  color:#fff;
  border-color:transparent;
  box-shadow:0 8px 22px rgba(92,4,7,.14),inset 0 1px 0 rgba(255,255,255,.10);
}
.b2b-btn-primary:hover,
.b2b-nav-list li:last-child a:hover,
.b2b-mobile-conversion-bar a.is-primary:hover,
.b2b-product-local-cta:hover,
.b2b-back-to-top:hover{
  background:var(--b2b-accent-gradient-hover);
  color:#fff;
  box-shadow:0 10px 26px rgba(76,3,6,.18),inset 0 1px 0 rgba(255,255,255,.08);
}

/* Secondary conversion controls stay quiet and architectural. */
.b2b-btn-secondary{
  color:var(--b2b-accent-deep);
  border-color:rgba(143,5,8,.42);
  background:rgba(255,255,255,.94);
}
.b2b-btn-secondary:hover{
  color:var(--b2b-accent-hover);
  border-color:rgba(143,5,8,.55);
  background:var(--b2b-accent-soft);
}

/* Links and active states: solid deep red, never gradient text. */
.b2b-link-arrow,
.b2b-highlight-link,
.b2b-product-localbar nav a:hover,
.b2b-pc-category-breadcrumb a:hover,
.b2b-pc-result-actions a:hover,
.b2b-home-portal-link i,
.b2b-product-spec-editor-content a{
  color:var(--b2b-accent);
}
.b2b-link-arrow:hover,.b2b-product-spec-editor-content a:hover{color:var(--b2b-accent-hover)}


/* Progress, tiny indicators and markers use vivid red sparingly. */
.b2b-brand-cap-watch i,
.b2b-home-launch-detail-progress>i>em,
.b2b-solutions-brief-points span:before{
  background:var(--b2b-accent-vivid);
}


/* Focus and selected surfaces use warm red-gray, not pink. */
.b2b-enquiry-form input:focus,
.b2b-enquiry-form textarea:focus,
.b2b-enquiry-form select:focus{
  border-color:#C45154;
  box-shadow:0 0 0 3px var(--b2b-accent-focus);
  background:#fff;
}
.b2b-slider-button:focus-visible,
.b2b-slider-viewport:focus-visible,
.b2b-factory-production-media:focus-visible,
.b2b-back-to-top:focus-visible,
.b2b-feature-viewer-nav-rail button:focus-visible,
.b2b-feature-viewer-tab:focus-visible,
.b2b-factory-gallery-controls button:focus-visible,
.b2b-factory-gallery-dots button:focus-visible,
.b2b-brand-cap-tabs button:focus-visible,
.b2b-brand-market-controls-v6 button:focus-visible,
.b2b-brand-market-dots-v6 button:focus-visible{
  outline-color:var(--b2b-accent);
}
.b2b-pc-category-card.is-current{
  border-color:var(--b2b-accent-border);
  background:linear-gradient(180deg,#fff 0%,var(--b2b-accent-soft) 100%);
  box-shadow:0 0 0 3px rgba(181,6,9,.045);
}

/* Dark B2B surfaces get one shared subtle wine-red ambience. */
.b2b-page-hero-dark,
.b2b-home-inquiry.b2b-home-inquiry-simple,
.b2b-product-v2-oem-panel,
.b2b-brand-trust-panel-v3,
.b2b-brand-contact-panel-v5{
  background:var(--b2b-dark-red-surface);
}

.b2b-buyer-path-card.is-featured>a{
  color:var(--b2b-accent-on-dark);
}

/* Product/brand visual placeholders: warm neutral with a restrained wine highlight. */



.b2b-home-solution-graphic{
  background:radial-gradient(circle at 72% 26%,rgba(181,6,9,.24),transparent 31%),linear-gradient(145deg,#0B0B0D,#171012);
}
.b2b-home-customer-placeholder{
  background:radial-gradient(circle at 78% 18%,rgba(181,6,9,.20),transparent 34%),linear-gradient(145deg,#1B1718,#0E0D0E 68%);
}

/* Keep the cinematic sections black; only their red light becomes deeper. */
.b2b-home-launch-hero-media,
.b2b-home-launch-details,
.b2b-home-launch-details-sticky,
.b2b-home-launch-details-media{background:#050506}

/* Small screens: reduce shadows/gradient drama for clarity and performance. */
@media(max-width:767px){
  .b2b-btn-primary,
  .b2b-nav-list li:last-child a,
  .b2b-mobile-conversion-bar a.is-primary,
  .b2b-product-local-cta{
    box-shadow:0 5px 14px rgba(92,4,7,.12);
  }
  .b2b-page-hero-dark,
  .b2b-home-inquiry.b2b-home-inquiry-simple,
  .b2b-product-v2-oem-panel,
  .b2b-brand-trust-panel-v3,
  .b2b-brand-contact-panel-v5{
    background:linear-gradient(160deg,#0A0A0C 0%,#100A0B 58%,#080809 100%);
  }
}


/* ==========================================================
   v1.5.41.3.64.3 — UltraView-inspired homepage first screen
   Central product object + oversized ghost category word +
   floating detail markers + horizontal product thumbnail rail.
   ========================================================== */
.b2b-home-ultraview-hero{
  position:relative;
  min-height:calc(100svh - 58px);
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 46%,rgba(181,6,9,.055),rgba(181,6,9,0) 28%),
    linear-gradient(180deg,#f4f4f2 0%,#f8f8f6 68%,#fff 100%);
  color:#141416;
  isolation:isolate;
}
.b2b-home-ultraview-inner{
  min-height:calc(100svh - 58px);
  display:grid;
  grid-template-rows:minmax(430px,1fr) auto;
  padding-top:clamp(18px,2.2vh,30px);
  padding-bottom:clamp(22px,3vh,38px);
}
.b2b-home-ultraview-stage{
  position:relative;
  min-height:0;
  display:grid;
  place-items:center;
}
.b2b-home-ultraview-ghost{
  position:absolute;
  left:50%;top:49%;
  transform:translate(-50%,-50%);
  width:100%;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  font-size:clamp(116px,17.6vw,286px);
  line-height:.78;
  font-weight:700;
  letter-spacing:-.072em;
  color:rgba(20,20,22,.038);
  pointer-events:none;
  user-select:none;
  transition:opacity .3s ease,transform .48s cubic-bezier(.22,1,.36,1);
}
.b2b-home-ultraview-products{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  pointer-events:none;
}
.b2b-home-ultraview-product{
  position:absolute;
  inset:4% 13% 2%;
  margin:0;
  display:grid;
  place-items:center;
  opacity:0;
  visibility:hidden;
  transform:translate3d(0,18px,0) scale(.94) rotate(-1.2deg);
  transition:opacity .38s ease,transform .64s cubic-bezier(.22,1,.36,1),visibility 0s linear .4s;
  will-change:transform,opacity;
}
.b2b-home-ultraview-product.is-active{
  opacity:1;
  visibility:visible;
  transform:translate3d(0,0,0) scale(1) rotate(0deg);
  transition-delay:0s;
}
.b2b-home-ultraview-product img{
  display:block;
  width:min(48vw,670px);
  height:min(62vh,610px);
  max-width:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 35px 36px rgba(18,18,20,.16));
}
.b2b-home-ultraview-stage:after{
  content:"";
  position:absolute;
  left:50%;bottom:5.5%;
  width:min(42vw,560px);height:42px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(20,20,22,.16) 0,rgba(20,20,22,.055) 46%,rgba(20,20,22,0) 74%);
  filter:blur(8px);
  opacity:.7;
  pointer-events:none;
}
.b2b-home-ultraview-marker{
  position:absolute;
  z-index:4;
  display:flex;
  align-items:center;
  gap:12px;
}
.b2b-home-ultraview-marker.marker-a{left:14%;top:42%}
.b2b-home-ultraview-marker.marker-b{right:13%;top:43%;flex-direction:row-reverse}
.b2b-home-ultraview-marker.marker-c{left:49%;top:15%;flex-direction:column}
.b2b-home-ultraview-marker>button{
  position:relative;
  width:30px;height:30px;
  padding:0;border:0;background:transparent;
  display:grid;place-items:center;
  cursor:pointer;
}
.b2b-home-ultraview-marker>button:before{
  content:"";position:absolute;inset:1px;border:1px solid rgba(20,20,22,.20);border-radius:50%;
  transform:scale(.54);opacity:.72;transition:transform .25s ease,opacity .25s ease,background .25s ease;
}
.b2b-home-ultraview-marker>button i{
  position:relative;width:6px;height:6px;border-radius:50%;background:#151517;box-shadow:0 0 0 4px rgba(255,255,255,.72);
}
.b2b-home-ultraview-marker:hover>button:before,
.b2b-home-ultraview-marker:focus-within>button:before,
.b2b-home-ultraview-marker.is-open>button:before{transform:scale(1);opacity:1;background:rgba(255,255,255,.5)}
.b2b-home-ultraview-tip{
  width:220px;
  padding:13px 15px 14px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:14px;
  background:rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 14px 34px rgba(17,17,20,.08);
  opacity:0;visibility:hidden;
  transform:translateY(6px) scale(.98);
  transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .2s;
  pointer-events:none;
}
.b2b-home-ultraview-marker.marker-c .b2b-home-ultraview-tip{position:absolute;top:34px;left:50%;transform:translate(-50%,6px) scale(.98)}
.b2b-home-ultraview-marker:hover .b2b-home-ultraview-tip,
.b2b-home-ultraview-marker:focus-within .b2b-home-ultraview-tip,
.b2b-home-ultraview-marker.is-open .b2b-home-ultraview-tip{
  opacity:1;visibility:visible;transform:translateY(0) scale(1);transition-delay:0s
}
.b2b-home-ultraview-marker.marker-c:hover .b2b-home-ultraview-tip,
.b2b-home-ultraview-marker.marker-c:focus-within .b2b-home-ultraview-tip,
.b2b-home-ultraview-marker.marker-c.is-open .b2b-home-ultraview-tip{transform:translate(-50%,0) scale(1)}
.b2b-home-ultraview-tip strong{display:block;font-size:12px;line-height:1.25;font-weight:720;letter-spacing:-.01em;color:#151517}
.b2b-home-ultraview-tip span{display:block;margin-top:5px;font-size:11.5px;line-height:1.42;color:#68686d}

.b2b-home-ultraview-footer{
  position:relative;z-index:5;
  display:grid;
  grid-template-columns:minmax(320px,470px) minmax(0,1fr);
  gap:clamp(38px,6vw,90px);
  align-items:end;
}
.b2b-home-ultraview-copy{
  transition:opacity .18s ease,transform .28s cubic-bezier(.22,1,.36,1);
}
.b2b-home-ultraview-copy.is-changing{opacity:.18;transform:translateY(5px)}


.b2b-home-ultraview-copy h1{
  margin:0;
  max-width:470px;
  font-size:clamp(38px,4.15vw,62px)!important;
  line-height:.94!important;
  font-weight:650!important;
  letter-spacing:-.052em!important;
  color:#151517!important;
  text-wrap:balance;
}
.b2b-home-ultraview-copy>p{
  max-width:500px;
  margin:14px 0 0;
  font-size:14px;
  line-height:1.55;
  color:#5e5e63;
}
.b2b-home-ultraview-actions{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}
.b2b-home-ultraview-link{display:inline-flex;align-items:center;gap:5px;color:#7f0507;font-size:12.5px;font-weight:680;text-decoration:none}
.b2b-home-ultraview-link:hover{color:#DC080B}
.b2b-home-ultraview-link.is-muted{color:#4e4e52}
.b2b-home-ultraview-link span{transition:transform .2s ease}
.b2b-home-ultraview-link:hover span{transform:translate(2px,-1px)}

.b2b-home-ultraview-thumbs{
  min-width:0;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:flex-end;
  justify-content:flex-end;
  gap:10px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:4px 1px 3px;
}
.b2b-home-ultraview-thumbs::-webkit-scrollbar{display:none}
.b2b-home-ultraview-thumb{
  position:relative;
  flex:0 0 88px;
  width:88px;height:64px;
  padding:5px;
  border:1px solid rgba(20,20,22,.09);
  border-radius:13px;
  background:rgba(255,255,255,.56);
  cursor:pointer;
  overflow:hidden;
  transition:border-color .2s ease,background .2s ease,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .2s ease;
}
.b2b-home-ultraview-thumb span{display:grid;place-items:center;width:100%;height:100%;border-radius:9px;overflow:hidden;background:rgba(248,248,246,.82)}
.b2b-home-ultraview-thumb img{width:100%;height:100%;object-fit:contain;padding:2px;display:block;filter:saturate(.92)}
.b2b-home-ultraview-thumb:hover{transform:translateY(-2px);border-color:rgba(20,20,22,.22);background:#fff}
.b2b-home-ultraview-thumb.is-active{
  border-color:rgba(181,6,9,.62);
  background:#fff;
  box-shadow:0 0 0 1px rgba(181,6,9,.08),0 8px 22px rgba(20,20,22,.07);
}
.b2b-home-ultraview-thumb.is-active:after{
  content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:99px;background:linear-gradient(90deg,#7f0507,#DC080B)
}

/* Product-detail media thumbnails: force the same compact horizontal rhythm. */
.b2b-product-media-thumbs{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow-x:auto!important;
}

@media(max-width:1050px){
  .b2b-home-ultraview-inner{grid-template-rows:minmax(430px,1fr) auto}
  .b2b-home-ultraview-product{inset:4% 10% 1%}
  .b2b-home-ultraview-product img{width:min(56vw,610px);height:min(57vh,560px)}
  .b2b-home-ultraview-marker.marker-a{left:7%;top:44%}
  .b2b-home-ultraview-marker.marker-b{right:6%;top:44%}
  .b2b-home-ultraview-tip{width:190px}
  .b2b-home-ultraview-footer{grid-template-columns:minmax(280px,400px) 1fr;gap:34px}
  .b2b-home-ultraview-thumb{flex-basis:76px;width:76px;height:58px}
}

@media(max-width:760px){
  .b2b-home-ultraview-hero{min-height:auto}
  .b2b-home-ultraview-inner{min-height:auto;display:block;padding-top:10px;padding-bottom:28px}
  .b2b-home-ultraview-stage{height:clamp(390px,72vw,500px)}
  .b2b-home-ultraview-ghost{top:48%;font-size:clamp(82px,25vw,142px);letter-spacing:-.066em;color:rgba(20,20,22,.035)}
  .b2b-home-ultraview-product{inset:5% 1% 3%}
  .b2b-home-ultraview-product img{width:min(82vw,470px);height:100%;filter:drop-shadow(0 24px 26px rgba(18,18,20,.14))}
  .b2b-home-ultraview-stage:after{bottom:2%;width:72vw;height:34px}
  .b2b-home-ultraview-marker{display:none}
  .b2b-home-ultraview-footer{display:flex;flex-direction:column;align-items:stretch;gap:22px}
  .b2b-home-ultraview-copy{order:1}
  .b2b-home-ultraview-thumbs{order:2;width:100%;justify-content:flex-start;gap:8px;padding-bottom:5px;scroll-snap-type:x proximity}
  .b2b-home-ultraview-thumb{flex:0 0 72px;width:72px;height:56px;border-radius:12px;scroll-snap-align:start}
  .b2b-home-ultraview-copy h1{font-size:clamp(36px,10.6vw,48px)!important;line-height:.96!important}
  .b2b-home-ultraview-copy>p{font-size:13.5px;line-height:1.52;max-width:520px}
  .b2b-home-ultraview-actions{margin-top:13px}
}

@media(max-width:420px){
  .b2b-home-ultraview-stage{height:360px}
  .b2b-home-ultraview-ghost{font-size:24vw}
  .b2b-home-ultraview-product img{width:88vw}
  
  .b2b-home-ultraview-copy h1{font-size:36px!important}
  .b2b-home-ultraview-thumb{flex-basis:66px;width:66px;height:52px}
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-ultraview-product,.b2b-home-ultraview-copy,.b2b-home-ultraview-thumb,.b2b-home-ultraview-ghost{transition:none!important}
}

/* v1.5.41.3.64.5 — Apple "Get the highlights"-style homepage product center. */
.b2b-home-product-families.is-apple-highlights{
  --b2b-highlight-gutter:max(24px,calc((100vw - 1220px)/2));
  padding:88px 0 76px!important;
  background:#f5f5f7;
  color:#1d1d1f;
  overflow:hidden;
}
.b2b-apple-highlights-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
  margin-bottom:34px;
}
.b2b-apple-highlights-heading>span{
  display:block;
  margin-bottom:10px;
  font-size:11px;
  line-height:1.2;
  font-weight:720;
  letter-spacing:.12em;
  color:#7b7b80;
}
.b2b-apple-highlights-heading h2{
  margin:0!important;
  max-width:760px;
  font-size:clamp(40px,4.3vw,58px)!important;
  line-height:.98!important;
  font-weight:650!important;
  letter-spacing:-.052em!important;
  color:#1d1d1f!important;
  text-wrap:balance;
}
.b2b-apple-highlights-all{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 8px 8px 16px;
  border-radius:999px;
  background:#e8e8ed;
  color:#1d1d1f;
  font-size:13px;
  font-weight:650;
  text-decoration:none;
  transition:background .2s ease,transform .25s cubic-bezier(.22,1,.36,1);
}
.b2b-apple-highlights-all i{
  display:grid;
  place-items:center;
  width:32px;height:32px;
  border-radius:50%;
  background:linear-gradient(145deg,#7f0507,#DC080B);
  color:#fff;
  font-style:normal;
  font-size:14px;
}
.b2b-apple-highlights-all:hover{background:#dedee3;transform:translateY(-1px)}

.b2b-apple-highlights-viewport{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scroll-padding-inline-start:var(--b2b-highlight-gutter);
  outline:none;
}
.b2b-apple-highlights-viewport::-webkit-scrollbar{display:none}
.b2b-apple-highlights-track{
  display:flex;
  align-items:stretch;
  gap:20px;
  width:max-content;
  padding:0 var(--b2b-highlight-gutter) 4px;
}
.b2b-apple-highlight-card{
  position:relative;
  flex:0 0 min(76vw,900px);
  width:min(76vw,900px);
  min-width:680px;
  aspect-ratio:1.47/1;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  scroll-snap-align:start;
  scroll-snap-stop:always;
  overflow:hidden;
  border-radius:30px;
  background:#fff;
  color:#1d1d1f;
  text-decoration:none;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  transform:scale(.988);
  transform-origin:center;
  opacity:.94;
  transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .35s ease,box-shadow .45s ease;
  contain:layout paint;
}
.b2b-apple-highlight-card.is-current,
.b2b-apple-highlight-card:first-child{transform:scale(1);opacity:1}
@media(hover:hover) and (pointer:fine){
  .b2b-apple-highlight-card:hover{
    transform:scale(1) translateY(-2px);
    opacity:1;
    box-shadow:0 24px 55px rgba(0,0,0,.08);
  }
}
.b2b-apple-highlight-copy{
  position:relative;
  z-index:2;
  padding:38px 42px 10px;
}
.b2b-apple-highlight-meta{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:15px;
  color:#77777c;
}
.b2b-apple-highlight-meta span,
.b2b-apple-highlight-meta small{
  font-size:10px;
  line-height:1.25;
  font-weight:720;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.b2b-apple-highlight-meta small{font-weight:620;letter-spacing:.06em;text-transform:none}
.b2b-apple-highlight-copy h3{
  margin:0!important;
  max-width:660px;
  font-size:clamp(32px,3.25vw,46px)!important;
  line-height:1.02!important;
  font-weight:650!important;
  letter-spacing:-.046em!important;
  color:#1d1d1f!important;
  text-wrap:balance;
}
.b2b-apple-highlight-copy p{
  max-width:540px;
  margin:11px 0 0;
  font-size:15px;
  line-height:1.5;
  color:#68686d;
}
.b2b-apple-highlight-media{
  position:relative;
  min-height:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  margin:0 24px 24px;
  border-radius:22px;
  background:linear-gradient(145deg,#f2f2f4 0%,#fafafa 54%,#ededf0 100%);
}
.b2b-apple-highlight-media img{
  display:block;
  width:100%;
  height:100%;
  object-position:center;
  transition:transform .75s cubic-bezier(.22,1,.36,1);
}
.b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img{
  width:82%;
  height:82%;
  object-fit:contain;
}
.b2b-apple-highlight-card.is-cover .b2b-apple-highlight-media img{object-fit:cover}
@media(hover:hover) and (pointer:fine){
  .b2b-apple-highlight-card:hover.is-contain .b2b-apple-highlight-media img{transform:scale(1.025)}
  .b2b-apple-highlight-card:hover.is-cover .b2b-apple-highlight-media img{transform:scale(1.018)}
}
.b2b-apple-highlight-placeholder{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:linear-gradient(145deg,#ededf0,#fafafa);
  color:#77777c;
}
.b2b-apple-highlight-placeholder span{position:relative;z-index:2;font-size:12px;font-weight:720;letter-spacing:.12em}
.b2b-apple-highlight-placeholder i{position:absolute;width:30%;aspect-ratio:1;border:14px solid rgba(181,6,9,.09);border-radius:34%;transform:rotate(45deg)}
.b2b-apple-highlight-open{
  position:absolute;
  z-index:4;
  right:38px;
  bottom:38px;
  display:grid;
  place-items:center;
  width:44px;height:44px;
  border-radius:50%;
  background:rgba(29,29,31,.82);
  color:#fff;
  font-size:18px;
  font-weight:500;
  backdrop-filter:blur(12px);
  transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s ease;
}
.b2b-apple-highlight-card:hover .b2b-apple-highlight-open{transform:scale(1.06);background:linear-gradient(145deg,#7f0507,#DC080B)}

.b2b-apple-highlights-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:22px;
}


.b2b-apple-highlights-nav{display:flex;align-items:center;gap:10px}
.b2b-apple-highlights-nav button{
  display:grid;
  place-items:center;
  width:44px;height:44px;
  border:0;
  border-radius:50%;
  background:#e2e2e7;
  color:#333336;
  font:500 28px/1 var(--b2b-home-font-sans,Arial,sans-serif);
  cursor:pointer;
  transition:background .2s ease,color .2s ease,transform .2s ease,opacity .2s ease;
}
.b2b-apple-highlights-nav button:not(:disabled):hover{background:#d7d7dc;transform:scale(1.04)}
.b2b-apple-highlights-nav button:disabled{opacity:.36;cursor:default}

@media(max-width:980px){
  .b2b-home-product-families.is-apple-highlights{--b2b-highlight-gutter:24px;padding:72px 0 66px!important}
  .b2b-apple-highlights-head{margin-bottom:28px}
  .b2b-apple-highlight-card{flex-basis:min(82vw,760px);width:min(82vw,760px);min-width:620px}
  .b2b-apple-highlight-copy{padding:32px 34px 8px}
  .b2b-apple-highlight-media{margin:0 20px 20px}
  .b2b-apple-highlight-open{right:32px;bottom:32px}
}

@media(max-width:760px){
  .b2b-home-product-families.is-apple-highlights{--b2b-highlight-gutter:20px;padding:54px 0 48px!important}
  .b2b-apple-highlights-head{align-items:flex-start;gap:20px;margin-bottom:22px}
  .b2b-apple-highlights-heading>span{font-size:10px;margin-bottom:8px}
  .b2b-apple-highlights-heading h2{font-size:clamp(32px,9.6vw,40px)!important;line-height:1!important}
  .b2b-apple-highlights-all{padding:7px;background:#e8e8ed}
  .b2b-apple-highlights-all>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  .b2b-apple-highlights-all i{width:34px;height:34px}
  .b2b-apple-highlights-track{gap:12px}
  .b2b-apple-highlight-card{
    flex:0 0 84vw;
    width:84vw;
    min-width:0;
    aspect-ratio:auto;
    min-height:520px;
    border-radius:24px;
    transform:none;
    opacity:1;
  }
  .b2b-apple-highlight-copy{padding:26px 24px 8px}
  .b2b-apple-highlight-meta{margin-bottom:12px}
  .b2b-apple-highlight-copy h3{font-size:clamp(28px,8vw,34px)!important;line-height:1.02!important}
  .b2b-apple-highlight-copy p{font-size:14px;line-height:1.48;margin-top:9px;max-width:94%}
  .b2b-apple-highlight-media{min-height:318px;margin:0 14px 14px;border-radius:18px}
  .b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img{width:88%;height:88%}
  .b2b-apple-highlight-open{right:24px;bottom:24px;width:40px;height:40px}
  .b2b-apple-highlights-footer{margin-top:16px}
  .b2b-apple-highlights-nav button{width:40px;height:40px;font-size:25px}
}

@media(max-width:420px){
  .b2b-home-product-families.is-apple-highlights{--b2b-highlight-gutter:16px;padding:48px 0 44px!important}
  .b2b-apple-highlight-card{flex-basis:86vw;width:86vw;min-height:480px}
  .b2b-apple-highlight-copy{padding:23px 20px 6px}
  .b2b-apple-highlight-media{min-height:292px;margin:0 12px 12px}
  .b2b-apple-highlight-copy p{font-size:13.5px}
  .b2b-apple-highlight-open{right:20px;bottom:20px}
}

@media(prefers-reduced-motion:reduce){
  .b2b-apple-highlight-card,.b2b-apple-highlight-media img,.b2b-apple-highlights-viewport{scroll-behavior:auto!important;transition:none!important}
}

/* ==========================================================
   v1.5.41.3.64.6 — Screenshot-matched split manufacturing hero
   Layout only: preserves the existing UltraView product-selector DOM/JS.
   ========================================================== */
.b2b-home-ultraview-hero{
  min-height:calc(100svh - 58px);
  background:#171719;
  color:#fff;
  overflow:hidden;
}
.b2b-home-ultraview-background,
.b2b-home-ultraview-overlay{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.b2b-home-ultraview-background{z-index:-3;background:#252629}
.b2b-home-ultraview-background img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transform:scale(1.015);
}
.b2b-home-ultraview-overlay{
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(10,11,13,.34) 0%,rgba(12,13,15,.42) 35%,rgba(18,18,20,.72) 56%,rgba(20,20,22,.94) 76%,rgba(18,18,20,.98) 100%),
    linear-gradient(180deg,rgba(9,10,12,.10) 0%,rgba(9,10,12,.18) 52%,rgba(9,10,12,.34) 100%);
}
.b2b-home-ultraview-inner{
  position:relative;
  min-height:calc(100svh - 58px);
  display:block;
  padding-top:0;
  padding-bottom:0;
}
.b2b-home-ultraview-stage{
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  width:48%;
  height:100%;
  min-height:0;
  display:grid;
  place-items:center;
}
.b2b-home-ultraview-ghost{display:none!important}
.b2b-home-ultraview-products{
  position:absolute;
  inset:6% 0 15% 2%;
  display:grid;
  place-items:center;
}
.b2b-home-ultraview-product{
  inset:0;
  display:grid;
  place-items:center;
  transform:translate3d(0,18px,0) scale(.94);
}
.b2b-home-ultraview-product.is-active{transform:translate3d(0,0,0) scale(1)}
.b2b-home-ultraview-product img{
  width:min(31vw,500px);
  height:min(56vh,540px);
  max-width:92%;
  max-height:72%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 26px 38px rgba(0,0,0,.38));
}
.b2b-home-ultraview-stage:after{
  left:52%;
  bottom:21%;
  width:min(28vw,430px);
  height:34px;
  opacity:.82;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.38) 0,rgba(0,0,0,.16) 46%,rgba(0,0,0,0) 76%);
}
/* The supplied composition is intentionally clean; keep old hotspots functional in DOM but visually out of this layout. */
.b2b-home-ultraview-marker{display:none!important}

.b2b-home-ultraview-footer{
  position:absolute;
  z-index:5;
  inset:0;
  display:block;
  pointer-events:none;
}
.b2b-home-ultraview-copy{
  position:absolute;
  left:0;
  bottom:clamp(92px,11vh,134px);
  width:min(47%,610px);
  color:#fff;
  pointer-events:auto;
  text-shadow:0 1px 18px rgba(0,0,0,.20);
}
.b2b-home-ultraview-brandmark{
  display:flex;
  align-items:center;
  min-height:74px;
  margin:0 0 26px;
}
.b2b-home-ultraview-brandmark img{
  display:block;
  width:auto;
  max-width:min(340px,78%);
  max-height:104px;
  object-fit:contain;
  object-position:left center;
  filter:saturate(1.08) contrast(1.04);
}
.b2b-home-ultraview-brandmark strong{
  color:#DC080B;
  font-size:clamp(44px,4.5vw,68px);
  line-height:.88;
  font-weight:760;
  letter-spacing:.06em;
}


.b2b-home-ultraview-copy h1{
  max-width:650px;
  margin:0;
  color:#fff!important;
  font-size:clamp(28px,2.55vw,42px)!important;
  line-height:1.09!important;
  font-weight:520!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
.b2b-home-ultraview-copy>p{
  max-width:610px;
  margin:14px 0 0;
  color:rgba(255,255,255,.80);
  font-size:clamp(14px,1.1vw,17px);
  line-height:1.58;
}
.b2b-home-ultraview-actions{
  margin-top:25px;
  gap:14px;
}
.b2b-home-ultraview-link{
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.72);
  background:rgba(255,255,255,.92);
  color:#202023;
  box-shadow:0 8px 26px rgba(0,0,0,.10);
  font-size:12px;
  font-weight:680;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.b2b-home-ultraview-link:hover{
  color:#7f0507;
  background:#fff;
  transform:translateY(-1px);
}
.b2b-home-ultraview-link.is-muted{
  color:#fff;
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.12);
}
.b2b-home-ultraview-link.is-muted:hover{
  color:#fff;
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.18);
}
.b2b-home-ultraview-thumbs{
  position:absolute;
  right:3.5%;
  bottom:clamp(74px,9vh,112px);
  width:min(40%,520px);
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  padding:0;
  overflow-x:auto;
  pointer-events:auto;
}
.b2b-home-ultraview-thumb{
  flex:0 0 66px;
  width:66px;
  height:54px;
  padding:4px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(8,8,10,.58);
  box-shadow:none;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.b2b-home-ultraview-thumb span{
  border-radius:8px;
  background:rgba(18,18,20,.68);
}
.b2b-home-ultraview-thumb img{
  padding:1px;
  filter:none;
}
.b2b-home-ultraview-thumb:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.30);
  background:rgba(16,16,18,.76);
}
.b2b-home-ultraview-thumb.is-active{
  border-color:rgba(220,8,11,.82);
  background:rgba(10,10,12,.82);
  box-shadow:0 0 0 1px rgba(220,8,11,.12),0 8px 20px rgba(0,0,0,.18);
}
.b2b-home-ultraview-thumb.is-active:after{
  left:10px;
  right:10px;
  bottom:-1px;
  background:linear-gradient(90deg,#7f0507,#DC080B);
}

@media(max-width:1120px){
  .b2b-home-ultraview-stage{width:46%}
  .b2b-home-ultraview-products{inset:8% 0 17% 0}
  .b2b-home-ultraview-product img{width:min(38vw,470px);height:min(51vh,500px)}
  .b2b-home-ultraview-copy{width:50%;bottom:90px}
  .b2b-home-ultraview-brandmark{margin-bottom:20px}
  .b2b-home-ultraview-thumbs{right:2%;width:42%;bottom:72px}
}

@media(max-width:760px){
  .b2b-home-ultraview-hero{min-height:760px}
  .b2b-home-ultraview-background img{object-position:34% center}
  .b2b-home-ultraview-overlay{
    background:
      linear-gradient(180deg,rgba(12,13,15,.34) 0%,rgba(15,15,17,.56) 42%,rgba(17,17,19,.94) 73%,rgba(17,17,19,.99) 100%),
      linear-gradient(90deg,rgba(12,13,15,.14),rgba(20,20,22,.55));
  }
  .b2b-home-ultraview-inner{min-height:760px;padding:0}
  .b2b-home-ultraview-stage{
    top:24px;
    left:0;
    right:0;
    width:100%;
    height:47%;
  }
  .b2b-home-ultraview-products{inset:2% 4% 5%}
  .b2b-home-ultraview-product img{
    width:min(72vw,430px);
    height:100%;
    max-height:340px;
    filter:drop-shadow(0 22px 28px rgba(0,0,0,.34));
  }
  .b2b-home-ultraview-stage:after{left:50%;bottom:4%;width:62vw}
  .b2b-home-ultraview-copy{
    left:0;
    right:0;
    bottom:108px;
    width:auto;
    padding:0 20px;
  }
  .b2b-home-ultraview-brandmark{min-height:0;margin-bottom:14px}
  .b2b-home-ultraview-brandmark img{max-width:220px;max-height:68px}
  .b2b-home-ultraview-brandmark strong{font-size:42px}
  
  .b2b-home-ultraview-copy h1{font-size:clamp(28px,8.5vw,38px)!important;line-height:1.02!important}
  .b2b-home-ultraview-copy>p{font-size:13.5px;line-height:1.5;max-width:540px}
  .b2b-home-ultraview-actions{margin-top:17px;gap:10px}
  .b2b-home-ultraview-link{min-height:40px;padding:0 15px}
  .b2b-home-ultraview-thumbs{
    left:20px;
    right:20px;
    bottom:26px;
    width:auto;
    justify-content:flex-start;
    gap:8px;
    scroll-snap-type:x proximity;
  }
  .b2b-home-ultraview-thumb{flex:0 0 64px;width:64px;height:52px;scroll-snap-align:start}
}

@media(max-width:420px){
  .b2b-home-ultraview-hero,.b2b-home-ultraview-inner{min-height:720px}
  .b2b-home-ultraview-stage{height:43%}
  .b2b-home-ultraview-product img{width:78vw;max-height:300px}
  .b2b-home-ultraview-copy{bottom:102px}
  .b2b-home-ultraview-copy>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .b2b-home-ultraview-thumb{flex-basis:60px;width:60px;height:49px}
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-ultraview-background img{transform:none}
}

/* v1.5.41.3.64.8 — product-driven homepage highlights */
.b2b-home-product-families.is-product-driven .b2b-apple-highlight-media{
  display:flex;
  align-items:center;
  justify-content:center;
}
.b2b-home-product-families.is-product-driven .b2b-apple-highlight-media img{
  width:min(82%,680px);
  height:88%;
  object-fit:contain;
  object-position:center;
}
@media (max-width:767px){
  .b2b-home-product-families.is-product-driven .b2b-apple-highlight-media img{
    width:88%;
    height:88%;
  }
}


/* ==========================================================
   v1.5.41.3.64.9 — UltraView hero motion refinement
   - active product floats vertically in place
   - newly selected product scales in with a soft overshoot
   - active thumbnail enlarges instead of using red border/line
   ========================================================== */
@keyframes b2bUvProductFloat{
  0%,100%{transform:translate3d(0,-6px,0) rotate(-.15deg)}
  50%{transform:translate3d(0,10px,0) rotate(.15deg)}
}
@keyframes b2bUvProductSwitchZoom{
  0%{transform:translate3d(0,16px,0) scale(.84);opacity:.18}
  64%{transform:translate3d(0,-3px,0) scale(1.035);opacity:1}
  100%{transform:translate3d(0,0,0) scale(1);opacity:1}
}
.b2b-home-ultraview-product.is-active{
  transform:translate3d(0,0,0) scale(1);
}
.b2b-home-ultraview-product.is-active.is-entering{
  animation:b2bUvProductSwitchZoom .66s cubic-bezier(.18,.78,.22,1) both;
}
.b2b-home-ultraview-product.is-active img{
  animation:b2bUvProductFloat 4.8s ease-in-out .28s infinite;
  transform-origin:50% 52%;
  will-change:transform;
}

/* Thumbnail selector: rounded, neutral, scale-led active state. */
.b2b-home-ultraview-thumbs{
  gap:11px;
  padding:8px 5px 10px;
}
.b2b-home-ultraview-thumb{
  border-radius:16px;
  border-color:rgba(255,255,255,.13);
  background:rgba(9,9,11,.56);
  transform-origin:center bottom;
  transition:transform .36s cubic-bezier(.18,.82,.22,1),background .25s ease,border-color .25s ease,box-shadow .32s ease,opacity .25s ease;
}
.b2b-home-ultraview-thumb span{
  border-radius:12px;
}
.b2b-home-ultraview-thumb:hover{
  transform:translateY(-3px) scale(1.035);
  border-color:rgba(255,255,255,.27);
  background:rgba(20,20,22,.76);
}
.b2b-home-ultraview-thumb.is-active{
  transform:translateY(-5px) scale(1.105);
  border-color:rgba(255,255,255,.34);
  background:rgba(20,20,22,.84);
  box-shadow:0 12px 28px rgba(0,0,0,.24),0 0 0 1px rgba(255,255,255,.06);
  z-index:2;
}
.b2b-home-ultraview-thumb.is-active:hover{
  transform:translateY(-6px) scale(1.12);
}
.b2b-home-ultraview-thumb.is-active:after{
  content:none!important;
  display:none!important;
}

@media(max-width:760px){
  .b2b-home-ultraview-thumbs{gap:10px;padding:7px 4px 9px}
  .b2b-home-ultraview-thumb{border-radius:15px}
  .b2b-home-ultraview-thumb span{border-radius:11px}
  .b2b-home-ultraview-thumb.is-active{transform:translateY(-3px) scale(1.075)}
  .b2b-home-ultraview-thumb.is-active:hover{transform:translateY(-3px) scale(1.075)}
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-ultraview-product.is-active,
  .b2b-home-ultraview-product.is-active.is-entering,
  .b2b-home-ultraview-product.is-active img,
  .b2b-home-ultraview-thumb,
  .b2b-home-ultraview-thumb.is-active{
    animation:none!important;
    transition:none!important;
  }
  .b2b-home-ultraview-product.is-active img{transform:none!important}
}

/* ==========================================================
   v1.5.41.3.64.11 — Hero proportion + motion harmony
   - calmer product scale and anchor
   - better left/right visual weight
   - softer floating/switch motion
   - compact neutral thumbnail rhythm
   ========================================================== */
@keyframes b2bUvProductFloatBalanced{
  0%,100%{transform:translate3d(0,-3px,0)}
  50%{transform:translate3d(0,5px,0)}
}
@keyframes b2bUvProductSwitchBalanced{
  0%{transform:translate3d(0,10px,0) scale(.93);opacity:0}
  62%{transform:translate3d(0,-2px,0) scale(1.012);opacity:1}
  100%{transform:translate3d(0,0,0) scale(1);opacity:1}
}

.b2b-home-ultraview-overlay{
  background:
    linear-gradient(90deg,rgba(10,11,13,.30) 0%,rgba(12,13,15,.38) 34%,rgba(17,17,19,.66) 55%,rgba(19,19,21,.90) 75%,rgba(17,17,19,.97) 100%),
    linear-gradient(180deg,rgba(9,10,12,.08) 0%,rgba(9,10,12,.15) 55%,rgba(9,10,12,.30) 100%);
}
.b2b-home-ultraview-stage{
  top:5.5%;
  right:1.5%;
  width:44.5%;
  height:72%;
}
.b2b-home-ultraview-stage:before{
  content:"";
  position:absolute;
  left:50%;
  top:47%;
  width:min(34vw,520px);
  height:min(50vh,500px);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.045) 0%,rgba(255,255,255,.018) 42%,rgba(255,255,255,0) 72%);
  pointer-events:none;
}
.b2b-home-ultraview-products{
  inset:2.5% 5% 5%;
}
.b2b-home-ultraview-product{
  transform:translate3d(0,10px,0) scale(.965);
  transition:opacity .48s cubic-bezier(.25,.1,.25,1),transform .72s cubic-bezier(.2,.72,.22,1),visibility 0s linear .58s;
}
.b2b-home-ultraview-product.is-active{
  transform:translate3d(0,0,0) scale(1);
  transition-delay:0s;
}
.b2b-home-ultraview-product.is-active.is-entering{
  animation:b2bUvProductSwitchBalanced .80s cubic-bezier(.18,.76,.2,1) both;
}
.b2b-home-ultraview-product img{
  width:clamp(300px,26vw,470px);
  height:clamp(330px,48vh,495px);
  max-width:86%;
  max-height:86%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.34));
}
.b2b-home-ultraview-product.is-active img{
  animation:b2bUvProductFloatBalanced 6.4s cubic-bezier(.45,.05,.55,.95) .48s infinite;
  transform-origin:50% 50%;
}
.b2b-home-ultraview-stage:after{
  left:50%;
  bottom:8%;
  width:min(24vw,370px);
  height:28px;
  opacity:.68;
  filter:blur(9px);
  background:radial-gradient(ellipse at center,rgba(0,0,0,.36) 0,rgba(0,0,0,.13) 48%,rgba(0,0,0,0) 76%);
}
.b2b-home-ultraview-copy{
  bottom:clamp(88px,10.2vh,122px);
  width:min(48%,620px);
  transition:opacity .28s ease,transform .34s cubic-bezier(.22,1,.36,1);
}
.b2b-home-ultraview-copy.is-changing{
  opacity:.38;
  transform:translateY(3px);
}
.b2b-home-ultraview-brandmark{
  margin-bottom:22px;
}
.b2b-home-ultraview-copy h1{
  max-width:610px;
  font-size:clamp(27px,2.35vw,39px)!important;
  line-height:1.10!important;
  letter-spacing:-.033em!important;
}
.b2b-home-ultraview-copy>p{
  max-width:570px;
  margin-top:12px;
  line-height:1.55;
}
.b2b-home-ultraview-actions{
  margin-top:21px;
}
.b2b-home-ultraview-thumbs{
  right:2.4%;
  bottom:clamp(70px,8.4vh,100px);
  width:min(41%,500px);
  gap:9px;
  padding:6px 4px 8px;
}
.b2b-home-ultraview-thumb{
  flex:0 0 62px;
  width:62px;
  height:51px;
  padding:4px;
  border-radius:14px;
  transform-origin:center bottom;
  transition:transform .34s cubic-bezier(.2,.75,.22,1),background .24s ease,border-color .24s ease,box-shadow .3s ease,opacity .24s ease;
}
.b2b-home-ultraview-thumb span{border-radius:10px}
.b2b-home-ultraview-thumb:hover{
  transform:translateY(-2px) scale(1.02);
}
.b2b-home-ultraview-thumb.is-active{
  transform:translateY(-3px) scale(1.065);
  border-color:rgba(255,255,255,.26);
  box-shadow:0 9px 23px rgba(0,0,0,.21),0 0 0 1px rgba(255,255,255,.045);
}
.b2b-home-ultraview-thumb.is-active:hover{
  transform:translateY(-3px) scale(1.065);
}

@media(max-width:1120px){
  .b2b-home-ultraview-stage{right:0;width:45.5%;height:70%;top:6%}
  .b2b-home-ultraview-products{inset:4% 3% 6%}
  .b2b-home-ultraview-product img{
    width:clamp(270px,33vw,420px);
    height:clamp(310px,45vh,450px);
  }
  .b2b-home-ultraview-copy{width:50%;bottom:82px}
  .b2b-home-ultraview-thumbs{right:1%;width:43%;bottom:66px}
}

@media(max-width:760px){
  .b2b-home-ultraview-hero,
  .b2b-home-ultraview-inner{min-height:730px}
  .b2b-home-ultraview-stage{
    top:18px;
    left:0;
    right:0;
    width:100%;
    height:42%;
  }
  .b2b-home-ultraview-stage:before{
    width:78vw;
    height:300px;
  }
  .b2b-home-ultraview-products{inset:4% 8% 6%}
  .b2b-home-ultraview-product img{
    width:min(66vw,350px);
    height:min(34vh,285px);
    max-width:82%;
    max-height:88%;
    filter:drop-shadow(0 17px 23px rgba(0,0,0,.30));
  }
  .b2b-home-ultraview-product.is-active img{
    animation-duration:6.8s;
  }
  .b2b-home-ultraview-stage:after{bottom:5%;width:48vw;height:22px}
  .b2b-home-ultraview-copy{bottom:100px}
  .b2b-home-ultraview-brandmark{margin-bottom:12px}
  .b2b-home-ultraview-copy h1{font-size:clamp(27px,8vw,36px)!important;line-height:1.04!important}
  .b2b-home-ultraview-copy>p{font-size:13px;line-height:1.48}
  .b2b-home-ultraview-actions{margin-top:15px}
  .b2b-home-ultraview-thumbs{
    left:20px;
    right:20px;
    bottom:24px;
    width:auto;
    gap:8px;
    padding:5px 3px 7px;
  }
  .b2b-home-ultraview-thumb{flex:0 0 58px;width:58px;height:48px;border-radius:13px}
  .b2b-home-ultraview-thumb span{border-radius:9px}
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{transform:translateY(-2px) scale(1.055)}
}

@media(max-width:420px){
  .b2b-home-ultraview-hero,
  .b2b-home-ultraview-inner{min-height:700px}
  .b2b-home-ultraview-stage{height:40%}
  .b2b-home-ultraview-product img{width:68vw;height:min(32vh,260px)}
  .b2b-home-ultraview-copy{bottom:96px}
  .b2b-home-ultraview-thumb{flex-basis:56px;width:56px;height:46px}
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-ultraview-product.is-active,
  .b2b-home-ultraview-product.is-active.is-entering,
  .b2b-home-ultraview-product.is-active img{animation:none!important}
}


/* ==========================================================
   v1.5.41.3.64.12 — UltraView continuous product float replica
   Keep the switch/scale handoff on the slide wrapper and run the
   product image on an independent, uninterrupted vertical loop.
   ========================================================== */
@keyframes b2bUvProductFloatUltraview{
  0%,100%{transform:translate3d(0,-8px,0)}
  50%{transform:translate3d(0,8px,0)}
}

/* The active category visual never settles: it keeps the same vertical
   rhythm after the selection handoff, matching the reference hero feel. */
.b2b-home-ultraview-product.is-active img,
.b2b-home-ultraview-product.is-active.is-entering img{
  animation-name:b2bUvProductFloatUltraview!important;
  animation-duration:4.4s!important;
  animation-timing-function:cubic-bezier(.45,.05,.55,.95)!important;
  animation-delay:0s!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
  animation-fill-mode:both!important;
  animation-play-state:running!important;
  transform-origin:50% 50%;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform;
}

/* A very subtle floor-shadow pulse reinforces the vertical depth without
   changing the product position or the existing layout proportions. */
@keyframes b2bUvProductShadowUltraview{
  0%,100%{transform:translateX(-50%) scaleX(.94);opacity:.56}
  50%{transform:translateX(-50%) scaleX(1.04);opacity:.72}
}
.b2b-home-ultraview-stage:after{
  animation:b2bUvProductShadowUltraview 4.4s cubic-bezier(.45,.05,.55,.95) infinite;
  transform-origin:50% 50%;
  will-change:transform,opacity;
}

@media(max-width:760px){
  .b2b-home-ultraview-product.is-active img,
  .b2b-home-ultraview-product.is-active.is-entering img{
    animation-duration:4.8s!important;
    /* Slightly shorter travel on small screens keeps the object stable. */
  }
  @keyframes b2bUvProductFloatUltraviewMobile{
    0%,100%{transform:translate3d(0,-6px,0)}
    50%{transform:translate3d(0,6px,0)}
  }
  .b2b-home-ultraview-product.is-active img,
  .b2b-home-ultraview-product.is-active.is-entering img{
    animation-name:b2bUvProductFloatUltraviewMobile!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-ultraview-product.is-active img,
  .b2b-home-ultraview-product.is-active.is-entering img,
  .b2b-home-ultraview-stage:after{
    animation:none!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.14 — MacBook Pro "Get the highlights" gallery parity
   Apple layout tokens: 87.5vw / 1260px content, 20px gutter,
   28px cards and alpha paddle controls. Product data remains dynamic.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights{
  --b2b-apple-gallery-width:min(87.5vw,1260px);
  --b2b-apple-gallery-margin:max(6.25vw,calc((100vw - 1260px)/2));
  --b2b-apple-gallery-gap:20px;
  padding:150px 0 118px!important;
  background:#f5f5f7!important;
  color:#1d1d1f;
  overflow:hidden;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-head,
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-footer{
  width:var(--b2b-apple-gallery-width)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
  margin-bottom:54px!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-heading>span{
  display:none!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-heading h2{
  margin:0!important;
  max-width:none!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif!important;
  font-size:56px!important;
  line-height:1.07143!important;
  font-weight:600!important;
  letter-spacing:-.018em!important;
  color:#1d1d1f!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-all{
  flex:0 0 auto;
  padding:0!important;
  gap:6px;
  border-radius:0;
  background:transparent!important;
  color:#B50609;
  font-size:17px;
  line-height:1.23536;
  font-weight:400;
  transform:none!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-all i{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:transparent!important;
  color:inherit;
  font-size:15px;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-all:hover{text-decoration:underline}

.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-viewport{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scroll-padding-inline-start:var(--b2b-apple-gallery-margin);
  scroll-behavior:auto!important;
  outline:none;
  touch-action:pan-x pan-y;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-viewport.is-programmatic{
  scroll-snap-type:none;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-track{
  display:flex;
  align-items:stretch;
  gap:var(--b2b-apple-gallery-gap)!important;
  width:max-content;
  padding:0 var(--b2b-apple-gallery-margin)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card{
  position:relative;
  flex:0 0 var(--b2b-apple-gallery-width)!important;
  width:var(--b2b-apple-gallery-width)!important;
  min-width:0!important;
  aspect-ratio:1.78/1!important;
  display:block!important;
  overflow:hidden;
  border-radius:28px!important;
  background:#fff!important;
  color:#1d1d1f;
  text-decoration:none;
  box-shadow:none!important;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  contain:layout paint;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-enhanced .b2b-apple-highlight-card{
  opacity:0!important;
  transform:translate3d(0,30px,0)!important;
  transition:opacity .72s cubic-bezier(.28,.11,.32,1),transform .72s cubic-bezier(.28,.11,.32,1)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-enhanced.is-gallery-inview .b2b-apple-highlight-card{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-enhanced.is-gallery-inview .b2b-apple-highlight-card:nth-child(2){transition-delay:.045s!important}
.b2b-home-product-families.is-apple-highlights.is-gallery-enhanced.is-gallery-inview .b2b-apple-highlight-card:nth-child(3){transition-delay:.09s!important}
.b2b-home-product-families.is-apple-highlights.is-gallery-enhanced.is-gallery-inview .b2b-apple-highlight-card:nth-child(4){transition-delay:.135s!important}
.b2b-home-product-families.is-apple-highlights.is-gallery-enhanced.is-gallery-inview .b2b-apple-highlight-card:nth-child(5){transition-delay:.18s!important}

.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-copy{
  position:absolute!important;
  z-index:3;
  top:0;
  left:0;
  width:min(58%,650px);
  padding:48px 54px!important;
  pointer-events:none;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-meta{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 12px!important;
  color:#6e6e73;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-meta span,
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-meta small{
  font-size:12px!important;
  line-height:1.25;
  font-weight:600!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-copy h3{
  margin:0!important;
  max-width:610px;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif!important;
  font-size:clamp(34px,3.1vw,48px)!important;
  line-height:1.0835!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  color:#1d1d1f!important;
  text-wrap:balance;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-copy p{
  display:none!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-media{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  min-height:0!important;
  margin:0!important;
  border-radius:inherit!important;
  overflow:hidden;
  background:linear-gradient(145deg,#fff 0%,#f5f5f7 62%,#ececef 100%)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-media:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:6.5%;
  width:44%;
  height:7%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(0,0,0,.15) 0%,rgba(0,0,0,.055) 42%,rgba(0,0,0,0) 74%);
  transform:translateX(-50%);
  filter:blur(14px);
  opacity:.55;
  pointer-events:none;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-media img{
  position:relative;
  z-index:1;
  display:block;
  width:68%!important;
  height:68%!important;
  max-width:900px;
  max-height:570px;
  object-fit:contain!important;
  object-position:center!important;
  transform:translate3d(7%,7%,0)!important;
  transition:none!important;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.10));
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card:hover .b2b-apple-highlight-media img{
  transform:translate3d(7%,7%,0)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-open{
  position:absolute;
  z-index:4;
  right:30px;
  bottom:30px;
  display:grid;
  place-items:center;
  width:36px!important;
  height:36px!important;
  border-radius:50%;
  background:rgba(29,29,31,.78)!important;
  color:#fff;
  font-size:16px;
  font-weight:500;
  backdrop-filter:saturate(180%) blur(20px);
  transform:none!important;
  transition:background .2s ease!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card:hover .b2b-apple-highlight-open{
  background:rgba(29,29,31,.9)!important;
  transform:none!important;
}

.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-footer{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center;
  min-height:36px;
  margin-top:36px!important;
}

.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav{
  display:flex;
  align-items:center;
  gap:10px;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button{
  display:grid;
  place-items:center;
  width:36px!important;
  height:36px!important;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(210,210,215,.64)!important;
  color:rgba(0,0,0,.56)!important;
  cursor:pointer;
  opacity:1;
  transform:none!important;
  transition:background-color .2s ease,color .2s ease,opacity .2s ease!important;
  -webkit-tap-highlight-color:transparent;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button svg{
  width:36px;
  height:36px;
  display:block;
  fill:currentColor;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button:not(:disabled):hover{
  background:rgba(223,223,227,.6976)!important;
  color:rgba(0,0,0,.64)!important;
  transform:none!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button:not(:disabled):active{
  background:rgba(193,193,198,.6544)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button:disabled{
  opacity:.42!important;
  cursor:default;
}

@media(max-width:1068px){
  .b2b-home-product-families.is-apple-highlights{padding:120px 0 96px!important}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-head{margin-bottom:42px!important}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-heading h2{font-size:48px!important}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-copy{width:62%;padding:40px 42px!important}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-media img{width:70%!important;height:70%!important}
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights{
    --b2b-apple-gallery-width:87.5vw;
    --b2b-apple-gallery-margin:6.25vw;
    padding:86px 0 72px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-head{
    align-items:flex-end!important;
    gap:16px;
    margin-bottom:30px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-heading h2{
    font-size:40px!important;
    line-height:1.1!important;
    letter-spacing:-.018em!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-all{
    font-size:15px;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-all>span{display:none}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-track{gap:12px!important}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card{
    min-height:560px!important;
    aspect-ratio:auto!important;
    border-radius:24px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-copy{
    width:100%;
    padding:30px 28px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-meta{margin-bottom:9px!important}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-meta span,
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-meta small{font-size:10px!important}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-copy h3{
    max-width:92%;
    font-size:32px!important;
    line-height:1.09375!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-media img{
    width:84%!important;
    height:62%!important;
    transform:translate3d(0,14%,0)!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card:hover .b2b-apple-highlight-media img{transform:translate3d(0,14%,0)!important}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-open{right:20px;bottom:20px}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-footer{margin-top:22px!important}
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-enhanced .b2b-apple-highlight-card{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.14 — Apple media-card gallery refinement
   Adds Apple-style dotnav + paddlenav state sync, fuller next-card
   reveal, and a softer media-card motion system.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights{
  --b2b-apple-gallery-shell:min(87.5vw,1260px);
  --b2b-apple-gallery-margin:max(6.25vw,calc((100vw - 1260px)/2));
  --b2b-apple-card-width:min(78vw,1160px);
  --b2b-apple-gallery-gap:20px;
  padding:132px 0 104px!important;
  background:#f5f5f7!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-head,
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-footer{
  width:var(--b2b-apple-gallery-shell)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-head{
  margin-bottom:44px!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-heading h2{
  font-size:clamp(48px,4vw,56px)!important;
  line-height:1.07143!important;
  letter-spacing:-.021em!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-viewport{
  scroll-padding-inline-start:var(--b2b-apple-gallery-margin)!important;
  cursor:grab;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-viewport:active{cursor:grabbing}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-track{
  gap:var(--b2b-apple-gallery-gap)!important;
  padding:0 var(--b2b-apple-gallery-margin)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card{
  flex:0 0 var(--b2b-apple-card-width)!important;
  width:var(--b2b-apple-card-width)!important;
  height:clamp(590px,44vw,700px)!important;
  aspect-ratio:auto!important;
  border-radius:28px!important;
  background:#fff!important;
  isolation:isolate;
  scroll-snap-align:start!important;
  scroll-margin-inline-start:var(--b2b-apple-gallery-margin);
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-copy{
  width:min(56%,620px)!important;
  padding:48px 52px!important;
  opacity:.84;
  transform:translate3d(0,5px,0);
  transition:opacity .7s cubic-bezier(.28,.11,.32,1),transform .7s cubic-bezier(.28,.11,.32,1)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy{
  opacity:1;
  transform:translate3d(0,0,0);
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-media img{
  width:min(66%,820px)!important;
  height:66%!important;
  max-width:820px!important;
  max-height:520px!important;
  transform:translate3d(8%,8%,0) scale(.985)!important;
  transition:transform .82s cubic-bezier(.28,.11,.32,1),filter .82s cubic-bezier(.28,.11,.32,1)!important;
  will-change:transform;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  transform:translate3d(8%,7%,0) scale(1)!important;
  filter:drop-shadow(0 26px 32px rgba(0,0,0,.11));
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card:hover .b2b-apple-highlight-media img{
  transform:translate3d(8%,7%,0) scale(1)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-open{
  width:36px!important;
  height:36px!important;
  right:28px!important;
  bottom:28px!important;
}

/* Apple-style footer: dotnav stays visually centered while paddlenav sits right. */
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-footer{
  position:relative;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:44px!important;
  margin-top:24px!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-dotnav{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:2;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-dotnav ul{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-dotnav li{
  margin:0;
  padding:0;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot{
  position:relative;
  display:grid;
  place-items:center;
  width:28px;
  height:36px;
  margin:0;
  padding:0;
  border:0;
  border-radius:18px;
  background:transparent!important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:rgba(0,0,0,.42);
  transform:scale(1);
  transition:background-color .2s ease,transform .3s cubic-bezier(.28,.11,.32,1);
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot:hover:after{
  background:rgba(0,0,0,.54);
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot.is-current:after,
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot[aria-selected="true"]:after{
  background:rgba(0,0,0,.80);
  transform:scale(1.06);
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot:focus-visible{
  outline:2px solid rgba(0,0,0,.72);
  outline-offset:1px;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav{
  gap:10px!important;
  margin-left:auto;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button{
  width:36px!important;
  height:36px!important;
  background:rgba(210,210,215,.64)!important;
  color:rgba(0,0,0,.56)!important;
  transition:background-color .2s ease,color .2s ease,opacity .2s ease,transform .18s ease!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button:not(:disabled):hover{
  background:rgba(223,223,227,.6976)!important;
  color:rgba(0,0,0,.64)!important;
  transform:scale(1.035)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button:not(:disabled):active{
  background:rgba(193,193,198,.6544)!important;
  transform:scale(.96)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button:disabled{
  opacity:.38!important;
}

/* A tiny settling cue after a dot/paddle switch. */
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-copy{
  animation:b2bAppleHighlightCopySettle .72s cubic-bezier(.28,.11,.32,1) both;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img{
  animation:b2bAppleHighlightMediaSettle .78s cubic-bezier(.28,.11,.32,1) both;
}
@keyframes b2bAppleHighlightCopySettle{
  0%{opacity:.72;transform:translate3d(0,10px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes b2bAppleHighlightMediaSettle{
  0%{transform:translate3d(8%,8.5%,0) scale(.975)}
  72%{transform:translate3d(8%,6.7%,0) scale(1.006)}
  100%{transform:translate3d(8%,7%,0) scale(1)}
}

@media(max-width:1068px){
  .b2b-home-product-families.is-apple-highlights{
    --b2b-apple-card-width:82vw;
    padding:108px 0 88px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card{
    height:clamp(540px,60vw,650px)!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-copy{
    width:62%!important;
    padding:40px 42px!important;
  }
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights{
    --b2b-apple-gallery-shell:87.5vw;
    --b2b-apple-gallery-margin:6.25vw;
    --b2b-apple-card-width:87.5vw;
    --b2b-apple-gallery-gap:12px;
    padding:82px 0 66px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-head{
    margin-bottom:28px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-heading h2{
    font-size:40px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card{
    height:548px!important;
    min-height:0!important;
    border-radius:24px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-copy{
    width:100%!important;
    padding:29px 27px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-media img{
    width:84%!important;
    height:60%!important;
    max-height:340px!important;
    transform:translate3d(0,16%,0) scale(.985)!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card:hover .b2b-apple-highlight-media img{
    transform:translate3d(0,15%,0) scale(1)!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-footer{
    min-height:42px!important;
    margin-top:18px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot{
    width:22px;
    height:34px;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button{
    width:36px!important;
    height:36px!important;
  }
  @keyframes b2bAppleHighlightMediaSettle{
    0%{transform:translate3d(0,16.5%,0) scale(.975)}
    72%{transform:translate3d(0,14.7%,0) scale(1.006)}
    100%{transform:translate3d(0,15%,0) scale(1)}
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-copy,
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-copy,
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img{
    animation:none!important;
    transition:none!important;
  }
}
/* Keep the final card aligned to the same Apple-style leading gutter. */
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-track{
  padding-left:var(--b2b-apple-gallery-margin)!important;
  padding-right:max(var(--b2b-apple-gallery-margin),calc(100vw - var(--b2b-apple-gallery-margin) - var(--b2b-apple-card-width)))!important;
}


/* ==========================================================
   v1.5.41.3.64.15 — Product Highlights media scale refinement
   Reduces dead space around product renders and adds a subtle
   active-card focus zoom while preserving Apple gallery controls.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card{
  height:clamp(560px,42vw,660px)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-media:after{
  bottom:4.8%!important;
  width:50%!important;
  height:7.5%!important;
  opacity:.48!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-media img{
  width:min(82%,980px)!important;
  height:84%!important;
  max-width:980px!important;
  max-height:600px!important;
  transform:translate3d(10%,8%,0) scale(.97)!important;
  transform-origin:50% 54%!important;
  transition:transform .86s cubic-bezier(.28,.11,.32,1),filter .86s cubic-bezier(.28,.11,.32,1)!important;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.095));
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  transform:translate3d(10%,7%,0) scale(1.025)!important;
  filter:drop-shadow(0 28px 36px rgba(0,0,0,.12));
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card:not(.is-current):hover .b2b-apple-highlight-media img{
  transform:translate3d(10%,7.5%,0) scale(.985)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img{
  transform:translate3d(10%,7%,0) scale(1.025)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img{
  animation:b2bAppleHighlightMediaFocus6415 .82s cubic-bezier(.28,.11,.32,1) both!important;
}
@keyframes b2bAppleHighlightMediaFocus6415{
  0%{transform:translate3d(10%,8.4%,0) scale(.975)}
  68%{transform:translate3d(10%,6.7%,0) scale(1.042)}
  100%{transform:translate3d(10%,7%,0) scale(1.025)}
}

@media(max-width:1068px){
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card{
    height:clamp(520px,57vw,620px)!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-media img{
    width:84%!important;
    height:82%!important;
    max-width:840px!important;
    max-height:535px!important;
  }
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card{
    height:520px!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-media img{
    width:92%!important;
    height:72%!important;
    max-width:92%!important;
    max-height:390px!important;
    transform:translate3d(0,16%,0) scale(.965)!important;
    transform-origin:50% 55%!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
    transform:translate3d(0,15%,0) scale(1.02)!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card:not(.is-current):hover .b2b-apple-highlight-media img{
    transform:translate3d(0,15.5%,0) scale(.98)!important;
  }
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img{
    transform:translate3d(0,15%,0) scale(1.02)!important;
  }
  @keyframes b2bAppleHighlightMediaFocus6415{
    0%{transform:translate3d(0,16.4%,0) scale(.97)}
    68%{transform:translate3d(0,14.6%,0) scale(1.035)}
    100%{transform:translate3d(0,15%,0) scale(1.02)}
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img{
    animation:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.16 — centered Apple Highlights composition
   Current card is centered; previous/next cards remain visible at both
   edges. Edge mirror cards keep the same composition at the first/last item.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered{
  --b2b-apple-card-width:min(76vw,1260px);
  --b2b-apple-gallery-gap:20px;
  --b2b-apple-center-gutter:max(24px,calc((100vw - var(--b2b-apple-card-width))/2));
  overflow:hidden!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-viewport{
  width:100%!important;
  opacity:0;
  transition:opacity .35s ease;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-inline:0!important;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-viewport::-webkit-scrollbar{display:none}

.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-ready .b2b-apple-highlights-viewport{opacity:1}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-viewport.is-programmatic,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-viewport.is-normalizing{
  scroll-snap-type:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-track{
  display:flex!important;
  gap:var(--b2b-apple-gallery-gap)!important;
  padding-left:var(--b2b-apple-center-gutter)!important;
  padding-right:var(--b2b-apple-center-gutter)!important;
  width:max-content!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card{
  flex:0 0 var(--b2b-apple-card-width)!important;
  width:var(--b2b-apple-card-width)!important;
  scroll-snap-align:center!important;
  scroll-snap-stop:always;
  scroll-margin-inline:0!important;
  transform:translateZ(0);
}

/* Keep side previews calm: the crop at each viewport edge creates the Apple-like depth cue. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card:not(.is-current){
  opacity:.985;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current{
  opacity:1;
}
/* Center cards get the earlier focus zoom; adjacent cards stay slightly quieter. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card:not(.is-current) .b2b-apple-highlight-copy{
  opacity:.78!important;
  transform:translate3d(0,7px,0)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-footer{
  margin-top:26px!important;
}

@media(max-width:1068px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered{
    --b2b-apple-card-width:80vw;
    --b2b-apple-gallery-gap:16px;
    --b2b-apple-center-gutter:calc((100vw - var(--b2b-apple-card-width))/2);
  }
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered{
    --b2b-apple-card-width:82vw;
    --b2b-apple-gallery-gap:12px;
    --b2b-apple-center-gutter:calc((100vw - var(--b2b-apple-card-width))/2);
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-footer{
    margin-top:20px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{
    transition:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.17 — Apple-style in-card headline overlay
   Keeps the headline inside the image stage at top-left and
   fades it in whenever a card becomes the centered current item.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card{
  display:block!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{
  position:absolute!important;
  top:0!important;
  left:0!important;
  z-index:5!important;
  width:min(46%,560px)!important;
  max-width:none!important;
  padding:46px 50px 0!important;
  margin:0!important;
  pointer-events:none;
  opacity:.52!important;
  transform:translate3d(0,10px,0)!important;
  transition:opacity .62s cubic-bezier(.28,.11,.32,1),transform .62s cubic-bezier(.28,.11,.32,1)!important;
  will-change:opacity,transform;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-meta{
  gap:12px!important;
  margin-bottom:10px!important;
  color:#6e6e73!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-meta span,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-meta small{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:600!important;
  letter-spacing:.012em!important;
  text-transform:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy h3{
  max-width:520px!important;
  font-size:clamp(30px,2.35vw,38px)!important;
  line-height:1.08!important;
  font-weight:600!important;
  letter-spacing:-.028em!important;
  color:#1d1d1f!important;
  text-wrap:balance;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy p{
  display:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card:not(.is-current) .b2b-apple-highlight-copy{
  opacity:.42!important;
  transform:translate3d(0,10px,0)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-copy{
  animation:b2bAppleCardTitleFade6417 .68s cubic-bezier(.28,.11,.32,1) both!important;
}
@keyframes b2bAppleCardTitleFade6417{
  0%{opacity:0;transform:translate3d(0,18px,0)}
  42%{opacity:.72}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
/* Give the product render a little more right/down bias so the title and image breathe as one composition. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-media img{
  transform:translate3d(11%,8%,0) scale(.97)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  transform:translate3d(11%,7%,0) scale(1.025)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card:not(.is-current):hover .b2b-apple-highlight-media img{
  transform:translate3d(11%,7.5%,0) scale(.985)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img{
  transform:translate3d(11%,7%,0) scale(1.025)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img{
  animation:b2bAppleHighlightMediaFocus6417 .82s cubic-bezier(.28,.11,.32,1) both!important;
}
@keyframes b2bAppleHighlightMediaFocus6417{
  0%{transform:translate3d(11%,8.4%,0) scale(.975)}
  68%{transform:translate3d(11%,6.7%,0) scale(1.042)}
  100%{transform:translate3d(11%,7%,0) scale(1.025)}
}

@media(max-width:1068px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{
    width:min(52%,500px)!important;
    padding:38px 40px 0!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy h3{
    font-size:clamp(28px,3.15vw,36px)!important;
  }
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{
    width:74%!important;
    padding:28px 27px 0!important;
    opacity:.46!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy{
    opacity:1!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy h3{
    max-width:330px!important;
    font-size:28px!important;
    line-height:1.08!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-meta span,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-meta small{
    font-size:11px!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-contain .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-media img{
    transform:translate3d(0,18%,0) scale(.965)!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
    transform:translate3d(0,17%,0) scale(1.02)!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img{
    animation:b2bAppleHighlightMediaFocus6417Mobile .82s cubic-bezier(.28,.11,.32,1) both!important;
  }
  @keyframes b2bAppleHighlightMediaFocus6417Mobile{
    0%{transform:translate3d(0,18.4%,0) scale(.97)}
    68%{transform:translate3d(0,16.6%,0) scale(1.035)}
    100%{transform:translate3d(0,17%,0) scale(1.02)}
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-copy{
    animation:none!important;
    transition:none!important;
    opacity:1!important;
    transform:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.18 — Apple-style full-bleed Highlights cards
   Full-frame product imagery, in-image headline only, and a
   reliable per-activation headline fade using an inner layer.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card{
  position:relative!important;
  isolation:isolate;
  background:#111!important;
  border-radius:28px!important;
}
/* The product visual IS the card: no inset image stage or dead space. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border-radius:inherit!important;
  background:#111!important;
  overflow:hidden!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-media:after{
  display:none!important;
  content:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-cover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-media img{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  transform:scale(1.018)!important;
  transform-origin:50% 50%!important;
  filter:none!important;
  transition:transform .95s cubic-bezier(.28,.11,.32,1),filter .95s cubic-bezier(.28,.11,.32,1)!important;
  will-change:transform;
}
/* A subtle Apple-like readability veil lives INSIDE the card, never outside it. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(118deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.28) 26%,rgba(0,0,0,.08) 49%,rgba(0,0,0,0) 68%),
    linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,0) 34%);
}
/* Product title exists only as an overlay on the image/card. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{
  position:absolute!important;
  top:0!important;
  left:0!important;
  z-index:5!important;
  display:block!important;
  width:min(54%,620px)!important;
  max-width:none!important;
  padding:44px 48px 0!important;
  margin:0!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  pointer-events:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy-inner{
  opacity:.58;
  transform:translate3d(0,10px,0);
  transition:opacity .42s ease,transform .58s cubic-bezier(.28,.11,.32,1);
  will-change:opacity,transform;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy-inner{
  opacity:1;
  transform:translate3d(0,0,0);
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-meta{
  display:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy h3{
  margin:0!important;
  max-width:560px!important;
  color:#fff!important;
  font-size:clamp(30px,2.45vw,40px)!important;
  line-height:1.08!important;
  font-weight:600!important;
  letter-spacing:-.028em!important;
  text-wrap:balance;
  text-shadow:0 1px 18px rgba(0,0,0,.20);
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy p{
  display:none!important;
}
/* Real fade/up animation: applied to the inner layer so old !important
   current-card positioning cannot suppress the keyframes. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-copy{
  animation:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-copy-inner{
  animation:b2bAppleCardTitleFade6418 .76s cubic-bezier(.28,.11,.32,1) both;
}
@keyframes b2bAppleCardTitleFade6418{
  0%{opacity:0;transform:translate3d(0,22px,0)}
  40%{opacity:.56}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
/* Active visual gets only a small cinematic push, matching the text arrival. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  transform:scale(1.038)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card:not(.is-current):hover .b2b-apple-highlight-media img{
  transform:scale(1.027)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img{
  transform:scale(1.038)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img{
  animation:b2bAppleFullBleedMediaFocus6418 .88s cubic-bezier(.28,.11,.32,1) both!important;
}
@keyframes b2bAppleFullBleedMediaFocus6418{
  0%{transform:scale(1.012)}
  66%{transform:scale(1.047)}
  100%{transform:scale(1.038)}
}
/* Keep the open action above the full-bleed image/scrim. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-open{
  z-index:6!important;
  background:rgba(255,255,255,.88)!important;
  color:#1d1d1f!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card:hover .b2b-apple-highlight-open{
  background:#fff!important;
}

@media(max-width:1068px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{
    width:min(60%,540px)!important;
    padding:38px 40px 0!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy h3{
    font-size:clamp(28px,3.2vw,36px)!important;
  }
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card:before{
    background:
      linear-gradient(135deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.25) 32%,rgba(0,0,0,0) 66%),
      linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,0) 36%);
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{
    width:82%!important;
    padding:28px 28px 0!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy h3{
    max-width:340px!important;
    font-size:28px!important;
    line-height:1.08!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-cover .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-media img{
    object-position:50% 50%!important;
    transform:scale(1.025)!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
    transform:scale(1.045)!important;
  }
  @keyframes b2bAppleFullBleedMediaFocus6418{
    0%{transform:scale(1.018)}
    66%{transform:scale(1.054)}
    100%{transform:scale(1.045)}
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy-inner,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-copy-inner,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img{
    animation:none!important;
    transition:none!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy-inner{
    opacity:1!important;
    transform:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.19 — Apple Highlights directional title reveal
   The active card's headline enters from the same horizontal direction
   as the gallery transition. Forward/right travel enters from +X;
   backward/left travel enters from -X. Touch/trackpad direction is
   detected from the live scroll movement as well.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered
.b2b-apple-highlight-card.is-activating .b2b-apple-highlight-copy-inner{
  animation:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered
.b2b-apple-highlight-card.is-activating.is-entering-forward .b2b-apple-highlight-copy-inner{
  animation:b2bAppleTitleInForward6419 .74s cubic-bezier(.28,.11,.32,1) both!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered
.b2b-apple-highlight-card.is-activating.is-entering-backward .b2b-apple-highlight-copy-inner{
  animation:b2bAppleTitleInBackward6419 .74s cubic-bezier(.28,.11,.32,1) both!important;
}
@keyframes b2bAppleTitleInForward6419{
  0%{opacity:0;transform:translate3d(30px,2px,0)}
  36%{opacity:.48}
  72%{opacity:.92;transform:translate3d(3px,0,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes b2bAppleTitleInBackward6419{
  0%{opacity:0;transform:translate3d(-30px,2px,0)}
  36%{opacity:.48}
  72%{opacity:.92;transform:translate3d(-3px,0,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@media(max-width:734px){
  @keyframes b2bAppleTitleInForward6419{
    0%{opacity:0;transform:translate3d(22px,1px,0)}
    38%{opacity:.5}
    74%{opacity:.94;transform:translate3d(2px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
  }
  @keyframes b2bAppleTitleInBackward6419{
    0%{opacity:0;transform:translate3d(-22px,1px,0)}
    38%{opacity:.5}
    74%{opacity:.94;transform:translate3d(-2px,0,0)}
    100%{opacity:1;transform:translate3d(0,0,0)}
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered
  .b2b-apple-highlight-card.is-activating.is-entering-forward .b2b-apple-highlight-copy-inner,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered
  .b2b-apple-highlight-card.is-activating.is-entering-backward .b2b-apple-highlight-copy-inner{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.20 — Apple Highlights timing + proportion pass
   Delays headline/image activation until the incoming card approaches
   the centerline, and reduces the overall module/card scale.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered{
  --b2b-apple-gallery-shell:min(84vw,1180px);
  --b2b-apple-card-width:min(72vw,1120px);
  --b2b-apple-gallery-gap:18px;
  --b2b-apple-center-gutter:calc((100vw - var(--b2b-apple-card-width))/2);
  padding:104px 0 82px!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-head{
  margin-bottom:34px!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-heading h2{
  font-size:clamp(42px,3.55vw,50px)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card{
  height:clamp(500px,37vw,600px)!important;
  border-radius:26px!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{
  width:min(52%,560px)!important;
  padding:38px 42px 0!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy h3{
  max-width:500px!important;
  font-size:clamp(28px,2.2vw,36px)!important;
  line-height:1.085!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-footer{
  margin-top:20px!important;
}

/* Stable card states. The incoming current card is held visually quiet
   until JS marks it as actually approaching the viewport center. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy-inner{
  opacity:.62;
  transform:translate3d(0,0,0);
  filter:blur(0);
  transition:opacity .38s ease,transform .48s cubic-bezier(.28,.11,.32,1),filter .38s ease;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy-inner{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current.is-awaiting-activation .b2b-apple-highlight-copy-inner{
  opacity:0!important;
  transition:none!important;
  filter:blur(2.5px)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current.is-awaiting-forward .b2b-apple-highlight-copy-inner{
  transform:translate3d(36px,0,0)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current.is-awaiting-backward .b2b-apple-highlight-copy-inner{
  transform:translate3d(-36px,0,0)!important;
}

/* Directional reveal is deliberately triggered late in the card travel,
   so the motion is visible where the user is actually looking: center. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating.is-entering-forward .b2b-apple-highlight-copy-inner{
  animation:b2bAppleTitleInForward6420 .70s cubic-bezier(.28,.11,.32,1) both!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating.is-entering-backward .b2b-apple-highlight-copy-inner{
  animation:b2bAppleTitleInBackward6420 .70s cubic-bezier(.28,.11,.32,1) both!important;
}
@keyframes b2bAppleTitleInForward6420{
  0%{opacity:0;transform:translate3d(36px,0,0);filter:blur(2.5px)}
  34%{opacity:.50;filter:blur(1px)}
  76%{opacity:.96;transform:translate3d(2px,0,0);filter:blur(0)}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes b2bAppleTitleInBackward6420{
  0%{opacity:0;transform:translate3d(-36px,0,0);filter:blur(2.5px)}
  34%{opacity:.50;filter:blur(1px)}
  76%{opacity:.96;transform:translate3d(-2px,0,0);filter:blur(0)}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}

/* Full-bleed image focus: adjacent cards remain calm, then the target
   image performs a small, visible push only as it becomes the current card. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-cover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-media img{
  transform:scale(1.012)!important;
  transition:transform .78s cubic-bezier(.28,.11,.32,1)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  transform:scale(1.035)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current.is-awaiting-activation .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-card.is-current.is-awaiting-activation .b2b-apple-highlight-media img{
  transform:scale(1.012)!important;
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img{
  animation:b2bAppleFullBleedMediaFocus6420 .78s cubic-bezier(.28,.11,.32,1) both!important;
}
@keyframes b2bAppleFullBleedMediaFocus6420{
  0%{transform:scale(1.012)}
  62%{transform:scale(1.052)}
  100%{transform:scale(1.035)}
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card:not(.is-current):hover .b2b-apple-highlight-media img{
  transform:scale(1.02)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current:not(.is-awaiting-activation):hover .b2b-apple-highlight-media img{
  transform:scale(1.035)!important;
}

@media(max-width:1068px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered{
    --b2b-apple-gallery-shell:86vw;
    --b2b-apple-card-width:76vw;
    --b2b-apple-gallery-gap:16px;
    padding:88px 0 70px!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-head{margin-bottom:30px!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-heading h2{font-size:44px!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card{height:clamp(470px,52vw,560px)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{width:58%!important;padding:34px 36px 0!important}
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered{
    --b2b-apple-gallery-shell:88vw;
    --b2b-apple-card-width:84vw;
    --b2b-apple-gallery-gap:12px;
    padding:70px 0 56px!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-head{margin-bottom:24px!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-heading h2{font-size:36px!important;line-height:1.1!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card{height:460px!important;border-radius:22px!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{width:84%!important;padding:25px 25px 0!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy h3{font-size:26px!important;max-width:320px!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-footer{margin-top:16px!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current.is-awaiting-forward .b2b-apple-highlight-copy-inner{transform:translate3d(25px,0,0)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current.is-awaiting-backward .b2b-apple-highlight-copy-inner{transform:translate3d(-25px,0,0)!important}
  @keyframes b2bAppleTitleInForward6420{
    0%{opacity:0;transform:translate3d(25px,0,0);filter:blur(2px)}
    36%{opacity:.52;filter:blur(.8px)}
    76%{opacity:.96;transform:translate3d(2px,0,0);filter:blur(0)}
    100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
  }
  @keyframes b2bAppleTitleInBackward6420{
    0%{opacity:0;transform:translate3d(-25px,0,0);filter:blur(2px)}
    36%{opacity:.52;filter:blur(.8px)}
    76%{opacity:.96;transform:translate3d(-2px,0,0);filter:blur(0)}
    100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
  }
  @keyframes b2bAppleFullBleedMediaFocus6420{
    0%{transform:scale(1.012)}
    62%{transform:scale(1.045)}
    100%{transform:scale(1.03)}
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{transform:scale(1.03)!important}
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-awaiting-activation .b2b-apple-highlight-copy-inner,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-copy-inner,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-awaiting-activation .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img{
    animation:none!important;
    transition:none!important;
    filter:none!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.21 — Apple Highlights smoother focus + capsule dotnav
   - Active indicator expands from dot to horizontal capsule.
   - Product visual scale follows center proximity continuously.
   - Slightly tighter overall gallery proportions.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered{
  --b2b-apple-gallery-shell:min(82vw,1140px);
  --b2b-apple-card-width:min(70vw,1080px);
  --b2b-apple-gallery-gap:18px;
  --b2b-apple-center-gutter:calc((100vw - var(--b2b-apple-card-width))/2);
  padding:92px 0 72px!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-head{
  margin-bottom:30px!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-heading h2{
  font-size:clamp(40px,3.35vw,48px)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card{
  height:clamp(470px,34vw,560px)!important;
  border-radius:26px!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{
  width:min(50%,530px)!important;
  padding:36px 40px 0!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy h3{
  max-width:480px!important;
  font-size:clamp(27px,2.05vw,34px)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-footer{
  min-height:40px!important;
  margin-top:18px!important;
}

/* The zoom no longer depends on a one-shot activation keyframe. The JS
   updates this inherited scale from each card's center proximity. This is
   both more visible and more fluid during paddle, dot and gesture travel. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-focus-follow .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-focus-follow .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-focus-follow .b2b-apple-highlight-card.is-current.is-awaiting-activation .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-focus-follow .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-focus-follow .b2b-apple-highlight-card:hover .b2b-apple-highlight-media img{
  transform:scale(var(--b2b-gallery-image-scale,1.012))!important;
  animation:none!important;
  transition:none!important;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* Apple-like dotnav: inactive items are dots; the active item becomes a
   horizontal capsule without changing the hit-area or shifting layout. */
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-dotnav ul{
  gap:2px!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot{
  width:34px!important;
  height:34px!important;
  border-radius:17px!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot:after{
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.34)!important;
  transform:none!important;
  transition:width .46s cubic-bezier(.28,.11,.32,1),background-color .28s ease,opacity .28s ease!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot:hover:after{
  background:rgba(0,0,0,.48)!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot.is-current:after,
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot[aria-selected="true"]:after{
  width:26px!important;
  height:8px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.78)!important;
  transform:none!important;
}

/* A slightly calmer directional title entrance now pairs with the continuous
   image zoom, avoiding two strong animations competing for attention. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating.is-entering-forward .b2b-apple-highlight-copy-inner{
  animation:b2bAppleTitleInForward6421 .66s cubic-bezier(.28,.11,.32,1) both!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-activating.is-entering-backward .b2b-apple-highlight-copy-inner{
  animation:b2bAppleTitleInBackward6421 .66s cubic-bezier(.28,.11,.32,1) both!important;
}
@keyframes b2bAppleTitleInForward6421{
  0%{opacity:0;transform:translate3d(30px,0,0);filter:blur(2px)}
  44%{opacity:.62;filter:blur(.6px)}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes b2bAppleTitleInBackward6421{
  0%{opacity:0;transform:translate3d(-30px,0,0);filter:blur(2px)}
  44%{opacity:.62;filter:blur(.6px)}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}

@media(max-width:1068px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered{
    --b2b-apple-gallery-shell:85vw;
    --b2b-apple-card-width:75vw;
    --b2b-apple-gallery-gap:16px;
    padding:82px 0 64px!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card{
    height:clamp(450px,50vw,530px)!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{
    width:57%!important;
    padding:32px 34px 0!important;
  }
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered{
    --b2b-apple-card-width:82vw;
    --b2b-apple-gallery-gap:12px;
    padding:68px 0 54px!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-head{margin-bottom:24px!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-heading h2{font-size:36px!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card{
    height:470px!important;
    border-radius:24px!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy{
    width:82%!important;
    padding:26px 26px 0!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-copy h3{font-size:27px!important}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot{width:30px!important;height:32px!important}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot.is-current:after,
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot[aria-selected="true"]:after{width:22px!important}
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-focus-follow .b2b-apple-highlight-media img{
    transform:scale(1.03)!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.22 — Apple autoplay progress + committed focus motion
   - Only becoming current triggers the image push; pointer hover/click does not.
   - Active dot is a progress capsule whose fill drives autoplay.
   - Removes per-frame scale updates to keep the scroll animation compositor-light.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered{
  --b2b-apple-progress-track:rgba(0,0,0,.18);
  --b2b-apple-progress-fill:rgba(29,29,31,.88);
}

/* Stable image states. Side cards stay at 1.00; the committed current card
   rests at 1.06. JS supplies the small overshoot only when current changes. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-autoplay .b2b-apple-highlight-card:hover .b2b-apple-highlight-media img{
  transform:scale(1)!important;
  transition:transform .86s cubic-bezier(.22,.61,.36,1)!important;
  animation:none!important;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-autoplay .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img{
  transform:scale(1)!important;
}

/* Pointer hover/click is visually neutral; motion belongs to gallery state. */
@media(hover:hover) and (pointer:fine){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card:hover,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current:hover{
    transform:translateZ(0)!important;
    box-shadow:0 1px 0 rgba(0,0,0,.02)!important;
  }
}

/* Let JS/Web Animations own the directional title reveal. These stable styles
   prevent earlier high-specificity keyframes from masking the new motion. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-autoplay .b2b-apple-highlight-copy-inner,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-autoplay .b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy-inner,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-autoplay .b2b-apple-highlight-card.is-motion-entering .b2b-apple-highlight-copy-inner{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  filter:blur(0)!important;
  animation:none!important;
  transition:none!important;
  will-change:opacity,transform,filter;
}

/* Real progress capsule. The button remains a generous 32px target while the
   visual track morphs from an 8px dot into a 30px pill. */
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-dotnav ul{
  display:flex!important;
  align-items:center!important;
  gap:2px!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  border-radius:17px!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot:after{
  display:none!important;
  content:none!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-progress{
  position:relative;
  display:block;
  width:8px;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(0,0,0,.34);
  transition:width .48s cubic-bezier(.28,.11,.32,1),background-color .28s ease;
  transform:translateZ(0);
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-progress-fill{
  position:absolute;
  inset:0;
  display:block;
  border-radius:inherit;
  background:var(--b2b-apple-progress-fill);
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot.is-current .b2b-apple-highlight-progress,
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot[aria-selected="true"] .b2b-apple-highlight-progress{
  width:30px;
  background:var(--b2b-apple-progress-track);
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot.is-current .b2b-apple-highlight-progress-fill,
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot[aria-selected="true"] .b2b-apple-highlight-progress-fill{
  transform:scaleX(var(--b2b-progress,0));
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot:not(.is-current):hover .b2b-apple-highlight-progress{
  background:rgba(0,0,0,.50);
}

/* A touch more breathing room between indicator and paddles, matching the
   visual separation of Apple's highlight controls. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlights-footer{
  margin-top:20px!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav{
  gap:8px!important;
}

@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot{width:31px!important;height:32px!important}
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot.is-current .b2b-apple-highlight-progress,
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-dot[aria-selected="true"] .b2b-apple-highlight-progress{width:26px}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-product-driven .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{transform:scale(1.048)!important}
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-progress-fill{transform:scaleX(0)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered .b2b-apple-highlight-media img{transition:none!important}
}

/* v1.5.41.3.64.22 compositor fix: zoom the full-bleed media layer rather
   than the img node so legacy image !important rules cannot mask the effect. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-autoplay .b2b-apple-highlight-media{
  transform:scale(1);
  transform-origin:50% 50%;
  transition:transform .86s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-autoplay .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media{
  transform:scale(1.06);
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-autoplay .b2b-apple-highlight-copy-inner > *{
  will-change:opacity,transform,filter;
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-autoplay .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media{transform:scale(1.048)}
}


/* ==========================================================
   v1.5.41.3.64.23 — Apple Highlights card-copy stability pass
   Keep card copy visually attached to the media card. Only the newly current
   card receives one coherent directional reveal; no per-line stagger/blur.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-copy-inner{
  opacity:.72!important;
  transform:translate3d(0,0,0)!important;
  filter:none!important;
  animation:none!important;
  transition:opacity .34s cubic-bezier(.28,.11,.32,1)!important;
  will-change:opacity,transform;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy-inner{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  filter:none!important;
}
/* Kill all legacy child-level reveal states. The title must behave as one unit. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-copy-inner>*{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
  transition:none!important;
}
/* Old CSS generations used .is-activating keyframes on the wrapper. The v23
   runtime uses Web Animations on the single copy-inner layer instead. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-activating .b2b-apple-highlight-copy-inner,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-motion-entering .b2b-apple-highlight-copy-inner{
  animation:none!important;
  filter:none!important;
}
/* Keep the text anchored exactly where Apple-style media cards expect it:
   inside the full-bleed image, top-left, never outside the card. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-copy{
  top:0!important;
  left:0!important;
  margin:0!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:none!important;
}
/* Current-image focus is owned by the media layer; pointer hover stays neutral. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media{
  transform:scale(1)!important;
  transition:transform .78s cubic-bezier(.28,.11,.32,1)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media{
  transform:scale(1.06)!important;
}
@media(hover:hover) and (pointer:fine){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:hover .b2b-apple-highlight-media,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media{
    transform:scale(1)!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media{
    transform:scale(1.06)!important;
  }
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-copy-inner{opacity:.78!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy-inner{opacity:1!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media{transform:scale(1.048)!important}
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-copy-inner,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media{
    animation:none!important;
    transition:none!important;
  }
}


/* v1.5.41.3.64.23 state-driven motion patch — no WAAPI/!important conflict. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-entering-forward{--b2b-copy-enter-x:22px}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-entering-backward{--b2b-copy-enter-x:-22px}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-copy-prepared .b2b-apple-highlight-copy-inner{
  opacity:.46!important;
  transform:translate3d(var(--b2b-copy-enter-x,0),0,0)!important;
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-copy-revealing .b2b-apple-highlight-copy-inner{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  transition:
    opacity .58s cubic-bezier(.28,.11,.32,1),
    transform .72s cubic-bezier(.28,.11,.32,1)!important;
}
/* Current-image focus: paint at 1.00, ease to a restrained peak, then settle. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media{
  transform:scale(1)!important;
  transition:transform .30s cubic-bezier(.28,.11,.32,1)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media{
  transform:scale(1.06)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-focus-prepared .b2b-apple-highlight-media{
  transform:scale(1)!important;
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-focus-peak .b2b-apple-highlight-media{
  transform:scale(1.078)!important;
  transition:transform .54s cubic-bezier(.28,.11,.32,1)!important;
}
@media(hover:hover) and (pointer:fine){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:hover .b2b-apple-highlight-media{transform:scale(1)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media{transform:scale(1.06)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current.is-focus-peak:hover .b2b-apple-highlight-media{transform:scale(1.078)!important}
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-entering-forward{--b2b-copy-enter-x:16px}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-entering-backward{--b2b-copy-enter-x:-16px}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media{transform:scale(1.048)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-focus-peak .b2b-apple-highlight-media{transform:scale(1.06)!important}
}


/* ==========================================================
   v1.5.41.3.64.24 — Apple Highlights cadence + directional-copy polish
   Shorter autoplay dwell, tighter travel timing, and one coherent copy reveal.
   The copy follows the gallery direction but remains visually attached to card.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-copy-inner{
  opacity:.82!important;
  transform:translate3d(0,0,0)!important;
  transition:opacity .26s cubic-bezier(.28,.11,.32,1)!important;
  will-change:opacity,transform;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy-inner{
  opacity:1!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-entering-forward{--b2b-copy-enter-x:24px}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-entering-backward{--b2b-copy-enter-x:-24px}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-copy-prepared .b2b-apple-highlight-copy-inner{
  opacity:.38!important;
  transform:translate3d(var(--b2b-copy-enter-x,0),0,0)!important;
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-copy-revealing .b2b-apple-highlight-copy-inner{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  transition:
    opacity .38s cubic-bezier(.22,.61,.36,1),
    transform .56s cubic-bezier(.28,.11,.32,1)!important;
}
/* Current-card focus is synchronized with the copy reveal: a short push toward
   the viewer, then a restrained settled scale. Hover/click never owns scale. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media{
  transform:scale(1)!important;
  transition:transform .40s cubic-bezier(.28,.11,.32,1)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media{
  transform:scale(1.055)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-focus-prepared .b2b-apple-highlight-media{
  transform:scale(1)!important;
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-focus-peak .b2b-apple-highlight-media{
  transform:scale(1.082)!important;
  transition:transform .47s cubic-bezier(.22,.61,.36,1)!important;
}
@media(hover:hover) and (pointer:fine){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:hover .b2b-apple-highlight-media{transform:scale(1)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media{transform:scale(1.055)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current.is-focus-peak:hover .b2b-apple-highlight-media{transform:scale(1.082)!important}
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-entering-forward{--b2b-copy-enter-x:18px}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-entering-backward{--b2b-copy-enter-x:-18px}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media{transform:scale(1.045)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-focus-peak .b2b-apple-highlight-media{transform:scale(1.065)!important}
}


/* ==========================================================
   v1.5.41.3.64.25 — Apple Highlights pre-armed directional text reveal
   Incoming copy is prepared while the card is travelling and resolves just
   before center. The media push is intentionally quieter so copy leads motion.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-copy-inner{
  opacity:.58!important;
  transform:translate3d(0,0,0)!important;
  filter:blur(0)!important;
  transition:opacity .34s cubic-bezier(.28,.11,.32,1)!important;
  will-change:opacity,transform,filter;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy-inner{
  opacity:1!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-entering-forward{--b2b-copy-enter-x:20px;--b2b-copy-child-x:5px}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-entering-backward{--b2b-copy-enter-x:-20px;--b2b-copy-child-x:-5px}

/* Prepared during travel: keep the copy almost invisible and slightly ahead of
   its final position. The reveal direction therefore always matches the rail. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-copy-prepared .b2b-apple-highlight-copy-inner{
  opacity:.16!important;
  transform:translate3d(var(--b2b-copy-enter-x,0),2px,0)!important;
  filter:blur(1.15px)!important;
  transition:
    opacity .18s cubic-bezier(.28,.11,.32,1),
    filter .18s cubic-bezier(.28,.11,.32,1)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-copy-revealing .b2b-apple-highlight-copy-inner{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  filter:blur(0)!important;
  transition:
    opacity .46s cubic-bezier(.22,.61,.36,1),
    transform .68s cubic-bezier(.28,.11,.32,1),
    filter .54s cubic-bezier(.22,.61,.36,1)!important;
}

/* Apple-like micro-stagger: metadata resolves first, then the main headline.
   It remains subtle enough to read as one text block rather than separate lines. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-copy-prepared .b2b-apple-highlight-copy-inner>*{
  opacity:0!important;
  transform:translate3d(var(--b2b-copy-child-x,0),4px,0)!important;
  filter:blur(.8px)!important;
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-copy-revealing .b2b-apple-highlight-copy-inner>*{
  opacity:1!important;
  transform:translate3d(0,0,0)!important;
  filter:blur(0)!important;
  transition:
    opacity .46s cubic-bezier(.22,.61,.36,1),
    transform .64s cubic-bezier(.28,.11,.32,1),
    filter .50s cubic-bezier(.22,.61,.36,1)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-copy-revealing .b2b-apple-highlight-meta{
  transition-delay:0s!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-copy-revealing .b2b-apple-highlight-copy-inner h3{
  transition-delay:.035s!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-copy-revealing .b2b-apple-highlight-copy-inner p{
  transition-delay:.07s!important;
}

/* Quieter image focus: text is now the primary switching cue. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media{
  transform:scale(1)!important;
  transition:transform .62s cubic-bezier(.28,.11,.32,1)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media{
  transform:scale(1.04)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-focus-prepared .b2b-apple-highlight-media{
  transform:scale(1)!important;
  transition:transform .20s cubic-bezier(.28,.11,.32,1)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-focus-peak .b2b-apple-highlight-media{
  transform:scale(1.058)!important;
  transition:transform .56s cubic-bezier(.22,.61,.36,1)!important;
}
@media(hover:hover) and (pointer:fine){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:hover .b2b-apple-highlight-media{transform:scale(1)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media{transform:scale(1.04)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current.is-focus-peak:hover .b2b-apple-highlight-media{transform:scale(1.058)!important}
}
@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-copy-inner{opacity:.64!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-entering-forward{--b2b-copy-enter-x:14px;--b2b-copy-child-x:4px}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-entering-backward{--b2b-copy-enter-x:-14px;--b2b-copy-child-x:-4px}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media{transform:scale(1.035)!important}
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-focus-peak .b2b-apple-highlight-media{transform:scale(1.05)!important}
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-copy-inner,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-copy-inner>*,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media{
    filter:none!important;
    transition:none!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.26 — Hero typography / CTA / category-media proportion pass
   Keeps the current dark split-hero language while balancing text weight,
   category render scale and the thumbnail rail. Motion stays restrained and
   compositor-friendly so switching feels continuous rather than jumpy.
   ========================================================== */
@keyframes b2bUvHeroCategoryFloat6426{
  0%,100%{transform:translate3d(0,-5px,0) scale(1.025)}
  50%{transform:translate3d(0,6px,0) scale(1.025)}
}
@keyframes b2bUvHeroCopyInForward6426{
  0%{opacity:0;transform:translate3d(13px,3px,0);filter:blur(.75px)}
  52%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes b2bUvHeroCopyInBackward6426{
  0%{opacity:0;transform:translate3d(-13px,3px,0);filter:blur(.75px)}
  52%{opacity:1;filter:blur(0)}
  100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}

.b2b-home-ultraview-overlay{
  background:
    linear-gradient(90deg,rgba(10,11,13,.31) 0%,rgba(12,13,15,.37) 32%,rgba(17,17,19,.62) 53%,rgba(19,19,21,.88) 73%,rgba(17,17,19,.965) 100%),
    linear-gradient(180deg,rgba(9,10,12,.07) 0%,rgba(9,10,12,.14) 54%,rgba(9,10,12,.31) 100%);
}
.b2b-home-ultraview-stage{
  top:2.5%;
  right:.5%;
  width:48.5%;
  height:78%;
}
.b2b-home-ultraview-products{inset:1.5% 2.5% 3.5%}
.b2b-home-ultraview-product img{
  width:clamp(340px,30vw,560px);
  height:clamp(380px,56vh,575px);
  max-width:94%;
  max-height:92%;
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.34));
}
.b2b-home-ultraview-product.is-active img,
.b2b-home-ultraview-product.is-active.is-entering img{
  animation-name:b2bUvHeroCategoryFloat6426!important;
  animation-duration:5.2s!important;
  animation-timing-function:cubic-bezier(.45,.05,.55,.95)!important;
  animation-delay:0s!important;
}
.b2b-home-ultraview-stage:after{
  bottom:6.5%;
  width:min(26vw,400px);
  height:27px;
  opacity:.58;
  filter:blur(10px);
}

.b2b-home-ultraview-copy{
  left:0;
  bottom:clamp(82px,9.4vh,112px);
  width:min(45%,570px);
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.b2b-home-ultraview-brandmark{
  min-height:52px;
  margin:0 0 17px;
}
.b2b-home-ultraview-brandmark img{
  max-width:min(270px,72%);
  max-height:72px;
}
.b2b-home-ultraview-brandmark strong{
  font-size:clamp(38px,3.7vw,58px);
  line-height:.9;
}


.b2b-home-ultraview-copy h1{
  max-width:560px;
  font-size:clamp(32px,2.65vw,44px)!important;
  line-height:1.055!important;
  font-weight:560!important;
  letter-spacing:-.038em!important;
}
.b2b-home-ultraview-copy>p{
  max-width:535px;
  margin-top:12px;
  font-size:clamp(14px,.98vw,16px);
  line-height:1.53;
  color:rgba(255,255,255,.82);
}
.b2b-home-ultraview-actions{
  margin-top:20px;
  gap:10px;
}
.b2b-home-ultraview-link{
  min-height:44px;
  padding:0 19px;
  gap:6px;
  font-size:13.5px;
  font-weight:620;
  letter-spacing:-.005em;
  box-shadow:0 7px 22px rgba(0,0,0,.095);
  transition:transform .34s cubic-bezier(.2,.75,.22,1),background-color .28s ease,border-color .28s ease,color .28s ease,box-shadow .34s ease;
}
.b2b-home-ultraview-link.is-muted{padding-inline:17px}
.b2b-home-ultraview-link:hover{
  transform:translateY(-1px) scale(1.012);
  box-shadow:0 10px 28px rgba(0,0,0,.13);
}
.b2b-home-ultraview-link:active{transform:translateY(0) scale(.985)}
.b2b-home-ultraview-link span{transition:transform .34s cubic-bezier(.2,.75,.22,1)}

/* Only the changeable copy moves. The logo/brandmark stays anchored, avoiding
   the whole left column blinking when a category is selected. */

.b2b-home-ultraview-copy h1,
.b2b-home-ultraview-copy>p,
.b2b-home-ultraview-copy .b2b-home-ultraview-actions{
  will-change:opacity,transform,filter;
}

.b2b-home-ultraview-copy.is-changing-forward h1,
.b2b-home-ultraview-copy.is-changing-forward>p,
.b2b-home-ultraview-copy.is-changing-forward .b2b-home-ultraview-actions{
  opacity:0;
  transform:translate3d(-9px,-1px,0);
  filter:blur(.55px);
  transition:opacity .18s ease,transform .24s cubic-bezier(.4,0,1,1),filter .18s ease;
}

.b2b-home-ultraview-copy.is-changing-backward h1,
.b2b-home-ultraview-copy.is-changing-backward>p,
.b2b-home-ultraview-copy.is-changing-backward .b2b-home-ultraview-actions{
  opacity:0;
  transform:translate3d(9px,-1px,0);
  filter:blur(.55px);
  transition:opacity .18s ease,transform .24s cubic-bezier(.4,0,1,1),filter .18s ease;
}

.b2b-home-ultraview-copy.is-entering-forward h1,
.b2b-home-ultraview-copy.is-entering-forward>p,
.b2b-home-ultraview-copy.is-entering-forward .b2b-home-ultraview-actions{
  animation:b2bUvHeroCopyInForward6426 .54s cubic-bezier(.22,.61,.36,1) both;
}

.b2b-home-ultraview-copy.is-entering-backward h1,
.b2b-home-ultraview-copy.is-entering-backward>p,
.b2b-home-ultraview-copy.is-entering-backward .b2b-home-ultraview-actions{
  animation:b2bUvHeroCopyInBackward6426 .54s cubic-bezier(.22,.61,.36,1) both;
}
.b2b-home-ultraview-copy.is-entering-forward h1,
.b2b-home-ultraview-copy.is-entering-backward h1{animation-delay:.025s}
.b2b-home-ultraview-copy.is-entering-forward>p,
.b2b-home-ultraview-copy.is-entering-backward>p{animation-delay:.055s}
.b2b-home-ultraview-copy.is-entering-forward .b2b-home-ultraview-actions,
.b2b-home-ultraview-copy.is-entering-backward .b2b-home-ultraview-actions{animation-delay:.08s}

.b2b-home-ultraview-thumbs{
  right:.7%;
  bottom:clamp(44px,5.8vh,70px);
  width:min(46%,575px);
  justify-content:center;
  gap:10px;
  padding:7px 6px 9px;
}
.b2b-home-ultraview-thumb{
  flex:0 0 72px;
  width:72px;
  height:58px;
  padding:4px;
  border-radius:14px;
  border-color:rgba(255,255,255,.13);
  background:rgba(10,10,12,.54);
  transition:transform .42s cubic-bezier(.2,.75,.22,1),background-color .28s ease,border-color .28s ease,box-shadow .38s ease,opacity .28s ease;
}
.b2b-home-ultraview-thumb span{
  border-radius:10px;
  background:rgba(18,18,20,.58);
}
.b2b-home-ultraview-thumb img{
  padding:3px;
  object-fit:contain;
  object-position:center;
}
.b2b-home-ultraview-thumb:hover{transform:translateY(-2px) scale(1.018)}
.b2b-home-ultraview-thumb.is-active,
.b2b-home-ultraview-thumb.is-active:hover{
  transform:translateY(-3px) scale(1.06);
  border-color:rgba(255,255,255,.28);
  background:rgba(22,22,24,.82);
  box-shadow:0 10px 24px rgba(0,0,0,.20),0 0 0 1px rgba(255,255,255,.045);
}

@media(max-width:1120px){
  .b2b-home-ultraview-stage{top:3%;right:0;width:47.5%;height:75%}
  .b2b-home-ultraview-products{inset:2% 1% 5%}
  .b2b-home-ultraview-product img{width:clamp(300px,36vw,465px);height:clamp(340px,49vh,485px)}
  .b2b-home-ultraview-copy{width:48%;bottom:78px}
  .b2b-home-ultraview-copy h1{font-size:clamp(30px,3.5vw,40px)!important}
  .b2b-home-ultraview-thumbs{right:0;width:44%;bottom:46px}
  .b2b-home-ultraview-thumb{flex-basis:68px;width:68px;height:55px}
}

@media(max-width:760px){
  .b2b-home-ultraview-hero,
  .b2b-home-ultraview-inner{min-height:760px}
  .b2b-home-ultraview-stage{
    top:10px;
    left:0;
    right:0;
    width:100%;
    height:43.5%;
  }
  .b2b-home-ultraview-products{inset:1% 6% 3%}
  .b2b-home-ultraview-product img{
    width:min(74vw,390px);
    height:min(36vh,318px);
    max-width:86%;
    max-height:94%;
    filter:drop-shadow(0 18px 24px rgba(0,0,0,.31));
  }
  .b2b-home-ultraview-stage:after{bottom:3%;width:50vw;height:21px}
  .b2b-home-ultraview-copy{
    left:0;
    right:0;
    bottom:104px;
    width:auto;
    padding:0 20px;
  }
  .b2b-home-ultraview-brandmark{min-height:0;margin-bottom:11px}
  .b2b-home-ultraview-brandmark img{max-width:190px;max-height:54px}
  .b2b-home-ultraview-brandmark strong{font-size:38px}
  
  .b2b-home-ultraview-copy h1{font-size:clamp(29px,8.1vw,37px)!important;line-height:1.035!important;max-width:520px}
  .b2b-home-ultraview-copy>p{margin-top:9px;font-size:13.5px;line-height:1.48;max-width:520px}
  .b2b-home-ultraview-actions{margin-top:14px;gap:8px}
  .b2b-home-ultraview-link{min-height:42px;padding:0 16px;font-size:13px}
  .b2b-home-ultraview-link.is-muted{padding-inline:15px}
  .b2b-home-ultraview-thumbs{
    left:18px;
    right:18px;
    bottom:20px;
    width:auto;
    justify-content:flex-start;
    gap:8px;
    padding:5px 3px 8px;
    scroll-padding-inline:3px;
  }
  .b2b-home-ultraview-thumb{flex:0 0 62px;width:62px;height:50px;border-radius:12px;scroll-snap-align:start}
  .b2b-home-ultraview-thumb span{border-radius:9px}
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{transform:translateY(-2px) scale(1.045)}
}

@media(max-width:420px){
  .b2b-home-ultraview-hero,.b2b-home-ultraview-inner{min-height:730px}
  .b2b-home-ultraview-stage{height:41.5%}
  .b2b-home-ultraview-product img{width:76vw;height:min(34vh,285px)}
  .b2b-home-ultraview-copy{bottom:100px}
  .b2b-home-ultraview-copy h1{font-size:clamp(28px,8.7vw,35px)!important}
  .b2b-home-ultraview-copy>p{-webkit-line-clamp:3}
  .b2b-home-ultraview-thumb{flex-basis:59px;width:59px;height:48px}
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-ultraview-product.is-active img,
  .b2b-home-ultraview-product.is-active.is-entering img,
  .b2b-home-ultraview-copy h1,
  .b2b-home-ultraview-copy>p,
  .b2b-home-ultraview-copy .b2b-home-ultraview-actions,
  .b2b-home-ultraview-thumb{
    animation:none!important;
    transition:none!important;
    filter:none!important;
    transform:none!important;
  }
}



/* ==========================================================
   v1.5.41.3.64.27 — Mobile UltraView hero polish
   - convert the mobile hero from bottom-anchored absolute stacking
     to a cleaner stage → thumbnails → copy flow
   - enlarge CTA tap areas and equalize button widths
   - tighten product/thumb spacing and improve visual balance
   ========================================================== */
@media(max-width:760px){
  .b2b-home-ultraview-hero{
    min-height:auto;
    padding-bottom:max(18px,env(safe-area-inset-bottom));
  }
  .b2b-home-ultraview-background img{
    object-position:center 34%;
    transform:scale(1.03);
  }
  .b2b-home-ultraview-overlay{
    background:
      linear-gradient(180deg,rgba(12,13,15,.28) 0%,rgba(14,15,17,.48) 28%,rgba(16,16,18,.76) 56%,rgba(18,18,20,.95) 76%,rgba(18,18,20,.99) 100%),
      linear-gradient(90deg,rgba(14,15,17,.14) 0%,rgba(18,18,20,.48) 100%);
  }
  .b2b-home-ultraview-inner{
    min-height:auto;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding-top:0;
    padding-bottom:0;
  }
  .b2b-home-ultraview-stage{
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    width:100%;
    height:clamp(400px,49vh,520px);
    margin-top:8px;
    display:block;
    flex:0 0 auto;
  }
  .b2b-home-ultraview-stage:before{
    top:45%;
    width:min(86vw,460px);
    height:min(72vw,360px);
    background:radial-gradient(ellipse at center,rgba(255,255,255,.05) 0%,rgba(255,255,255,.018) 44%,rgba(255,255,255,0) 72%);
  }
  .b2b-home-ultraview-products{
    inset:0 2% 14%;
  }
  .b2b-home-ultraview-product{
    transform:translate3d(0,8px,0) scale(.97);
  }
  .b2b-home-ultraview-product img{
    width:min(84vw,430px);
    height:min(43vh,360px);
    max-width:100%;
    max-height:100%;
    filter:drop-shadow(0 18px 26px rgba(0,0,0,.34));
  }
  .b2b-home-ultraview-stage:after{
    left:50%;
    bottom:10%;
    width:min(52vw,240px);
    height:22px;
    opacity:.62;
  }
  .b2b-home-ultraview-footer{
    position:relative;
    inset:auto;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:14px;
    padding:0 20px 0;
    pointer-events:auto;
  }
  .b2b-home-ultraview-thumbs{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    order:1;
    width:100%;
    justify-content:center;
    align-items:center;
    gap:9px;
    margin-top:-22px;
    padding:0 0 2px;
    overflow-x:auto;
    overflow-y:visible;
    scroll-padding-inline:20px;
  }
  .b2b-home-ultraview-thumb{
    flex:0 0 62px;
    width:62px;
    height:48px;
    padding:4px;
    border-radius:13px;
  }
  .b2b-home-ultraview-thumb span{border-radius:9px}
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translateY(-2px) scale(1.06);
  }
  .b2b-home-ultraview-copy{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    order:2;
    width:100%;
    padding:0;
    text-shadow:none;
  }
  .b2b-home-ultraview-brandmark{
    margin:8px 0 12px;
    min-height:0;
  }
  .b2b-home-ultraview-brandmark img{
    max-width:min(240px,62vw);
    max-height:84px;
  }
  
  .b2b-home-ultraview-copy h1{
    max-width:16ch;
    font-size:clamp(31px,7.9vw,38px)!important;
    line-height:1.08!important;
    letter-spacing:-.03em!important;
    text-wrap:balance;
  }
  .b2b-home-ultraview-copy>p{
    max-width:34ch;
    margin-top:12px;
    color:rgba(255,255,255,.82);
    font-size:14px;
    line-height:1.58;
  }
  .b2b-home-ultraview-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:12px;
    margin-top:18px;
    width:100%;
  }
  .b2b-home-ultraview-link{
    justify-content:center;
    width:100%;
    min-height:46px;
    padding:0 14px;
    border-radius:999px;
    font-size:13px;
    line-height:1;
    white-space:nowrap;
  }
  .b2b-home-ultraview-link.is-muted{
    background:rgba(145,176,204,.34);
    border-color:rgba(197,219,238,.14);
    color:#eef5fd;
  }
  .b2b-home-ultraview-link.is-muted:hover{
    background:rgba(145,176,204,.42);
    border-color:rgba(197,219,238,.22);
  }
}

@media(max-width:420px){
  .b2b-home-ultraview-stage{
    height:clamp(350px,42vh,420px);
    margin-top:4px;
  }
  .b2b-home-ultraview-products{inset:2% 1% 16%}
  .b2b-home-ultraview-product img{
    width:min(86vw,360px);
    height:min(35vh,300px);
  }
  .b2b-home-ultraview-footer{
    gap:12px;
    padding-inline:18px;
  }
  .b2b-home-ultraview-thumbs{
    gap:8px;
    margin-top:-18px;
  }
  .b2b-home-ultraview-thumb{
    flex-basis:58px;
    width:58px;
    height:45px;
  }
  .b2b-home-ultraview-copy h1{
    font-size:clamp(28px,8.3vw,34px)!important;
  }
  .b2b-home-ultraview-copy>p{
    max-width:31ch;
    font-size:13.5px;
  }
  .b2b-home-ultraview-actions{
    gap:10px;
  }
  .b2b-home-ultraview-link{
    min-height:44px;
    padding:0 12px;
    font-size:12.5px;
  }
}

@media(max-width:370px){
  .b2b-home-ultraview-actions{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   v1.5.41.3.64.28 — Apple Highlights jitter-free unified media zoom
   One compositor-owned transform controls every card image. The old outer
   media focus/peak transforms are neutralized so switching cannot stack two
   scale transitions. All cards use the same 1.000 -> 1.045 focus curve.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card{
  overflow-anchor:none;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-focus-prepared .b2b-apple-highlight-media,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-focus-peak .b2b-apple-highlight-media{
  transform:translateZ(0)!important;
  transition:none!important;
  will-change:auto!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-gallery-autoplay
.b2b-apple-highlight-card:hover .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:50% 50%!important;
  transition:transform .76s cubic-bezier(.28,.11,.32,1)!important;
  animation:none!important;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-gallery-autoplay
.b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(1.045)!important;
}
/* During invisible clone -> real-card normalization, paint the real card at
   the already-reached focus scale with no second transition. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-media img{
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(1.045)!important;
}
@media(hover:hover) and (pointer:fine){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:hover .b2b-apple-highlight-media img{
    transform:translate3d(0,0,0) scale(1)!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img{
    transform:translate3d(0,0,0) scale(1.045)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{
    transition:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.29 — Apple Highlights center-synced cinematic zoom
   The image scale is now a live CSS variable supplied by the carousel RAF.
   This removes the independent .is-current CSS clock: slide travel and zoom
   therefore begin, accelerate and settle on the exact same rendered frames.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-gallery-autoplay
.b2b-apple-highlight-card:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(var(--b2b-media-scale,1))!important;
  transform-origin:50% 50%!important;
  transition:none!important;
  animation:none!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform;
}
@media(hover:hover) and (pointer:fine){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:hover .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img{
    transform:translate3d(0,0,0) scale(var(--b2b-media-scale,1))!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{
    transform:translate3d(0,0,0) scale(1)!important;
    transition:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.30 — Apple Highlights current-card cinematic zoom
   Faithful interaction model: no click/hover/distance-follow enlargement.
   A card image remains at 1.000 until the gallery makes that card current,
   then eases to one restrained focus scale. Outgoing cards ease back to 1.000.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-gallery-autoplay
.b2b-apple-highlight-card:hover .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:50% 50%!important;
  transition-property:transform!important;
  transition-duration:1080ms!important;
  transition-timing-function:cubic-bezier(.20,.72,.20,1)!important;
  transition-delay:0ms!important;
  animation:none!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-gallery-autoplay
.b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(1.052)!important;
}
/* Infinite-loop clone normalization must inherit the already-finished scale
   without starting a second zoom after the invisible scrollLeft correction. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-media img{
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(1.052)!important;
}
@media(max-width:760px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img{
    transform:translate3d(0,0,0) scale(1.044)!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{
    transition-duration:980ms!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
    transform:translate3d(0,0,0) scale(1.044)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
    transform:translate3d(0,0,0) scale(1)!important;
    transition:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.31 — Apple Highlights pointer-neutral + stronger soft zoom
   Mouse press/hover/drag are visually neutral. Only a real current-card
   handoff owns image scale. The focus zoom is slightly stronger than .30,
   while the longer zero-overshoot ease keeps the finish quiet and fluid.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
  --b2b-highlight-current-scale:1.068;
  --b2b-highlight-zoom-duration:1180ms;
  --b2b-highlight-zoom-ease:cubic-bezier(.18,.72,.18,1);
}

/* Remove every legacy pointer-driven card lift / image zoom. A mouse click,
   active press or hover must not change card geometry or media scale. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active{
  transform:translate3d(0,0,0)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.02)!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card img{
  -webkit-user-drag:none;
  user-select:none;
  -webkit-user-select:none;
}

/* One transform owner only: base/non-current is exactly 1.000. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:50% 50%!important;
  transition:transform var(--b2b-highlight-zoom-duration) var(--b2b-highlight-zoom-ease)!important;
  transition-delay:0ms!important;
  animation:none!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform;
}

/* Current state alone owns the focus scale. Hover/press cannot add to it. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:active .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(var(--b2b-highlight-current-scale))!important;
}

/* Hidden infinite-loop correction must keep the finished frame and never
   replay the zoom after clone → real-card normalization. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-media img{
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(var(--b2b-highlight-current-scale))!important;
}

@media(max-width:760px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-highlight-current-scale:1.056;
    --b2b-highlight-zoom-duration:1060ms;
  }
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-highlight-current-scale:1;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{
    transition:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.32 — Apple Highlights mouse-inert current zoom
   Desktop mouse interaction is visually and behaviorally neutral. Only the
   gallery's actual current-item handoff owns the automatic image enlargement.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
  --b2b-highlight-current-scale:1.074;
  --b2b-highlight-zoom-duration:1240ms;
  --b2b-highlight-zoom-ease:cubic-bezier(.28,.11,.32,1);
}

/* A highlight card is not a mouse selection control. Keep every pointer state
   geometrically identical so press/click cannot resemble a selected state. */
@media (hover:hover) and (pointer:fine){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:hover,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:active,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:focus{
    transform:translate3d(0,0,0)!important;
    box-shadow:0 1px 0 rgba(0,0,0,.02)!important;
    outline:none!important;
    cursor:default;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:hover .b2b-apple-highlight-open,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:active .b2b-apple-highlight-open{
    transform:none!important;
  }
}

/* Non-current = exactly 1. Current = one automatic Apple-style zoom. Pointer
   pseudo-classes deliberately resolve to the same state as their parent card. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:focus .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(1)!important;
  transition:transform var(--b2b-highlight-zoom-duration) var(--b2b-highlight-zoom-ease)!important;
  transition-delay:0ms!important;
  animation:none!important;
  transform-origin:50% 50%!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:active .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:focus .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(var(--b2b-highlight-current-scale))!important;
}

/* The invisible clone → real-card wrap keeps the completed frame. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-media img{
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(var(--b2b-highlight-current-scale))!important;
}

@media(max-width:760px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-highlight-current-scale:1.060;
    --b2b-highlight-zoom-duration:1120ms;
  }
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-highlight-current-scale:1;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{transition:none!important}
}


/* ==========================================================
   v1.5.41.3.64.33 — cross-card travel stability guard
   Keep native snap/scroll anchoring out of a programmatic multi-card move.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-cross-card-motion{
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
  overflow-anchor:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-cross-card-motion .b2b-apple-highlight-card{
  scroll-snap-stop:normal!important;
}


/* ==========================================================
   v1.5.41.3.64.34 — mouse-inert rail + long Apple-style current zoom
   Desktop card surfaces do not accept mouse interaction at all. This removes
   native anchor hover/active/focus/click feedback at the source instead of
   trying to visually cancel it after the browser has already reacted.
   The current-item zoom is intentionally longer and slightly stronger, with
   one non-overshooting ease shared by incoming and outgoing images.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
  --b2b-highlight-current-scale:1.085;
  --b2b-highlight-zoom-duration:2100ms;
  --b2b-highlight-zoom-ease:cubic-bezier(.25,.10,.25,1);
}

@media (hover:hover) and (pointer:fine){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlights-viewport{
    cursor:default!important;
    -webkit-tap-highlight-color:transparent!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:hover,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:active,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:focus,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:focus-visible{
    pointer-events:none!important;
    cursor:default!important;
    outline:0!important;
    transform:translate3d(0,0,0)!important;
    box-shadow:0 1px 0 rgba(0,0,0,.02)!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card .b2b-apple-highlight-open,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:hover .b2b-apple-highlight-open,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:active .b2b-apple-highlight-open{
    transform:none!important;
  }
}

/* Single transform authority. Pointer pseudo-classes can never alter media
   scale; only .is-current promotes the image from 1.000 to the focus scale. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:focus .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:focus-visible .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:50% 50%!important;
  transition-property:transform!important;
  transition-duration:var(--b2b-highlight-zoom-duration)!important;
  transition-timing-function:var(--b2b-highlight-zoom-ease)!important;
  transition-delay:0ms!important;
  animation:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  will-change:transform;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:active .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:focus .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:focus-visible .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(var(--b2b-highlight-current-scale))!important;
}

/* Loop normalization is invisible and must preserve the completed scale frame. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-media img{
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(var(--b2b-highlight-current-scale))!important;
}

@media(max-width:760px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-highlight-current-scale:1.064;
    --b2b-highlight-zoom-duration:1850ms;
  }
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-highlight-current-scale:1;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{transition:none!important}
}

/* ==========================================================
   v1.5.41.3.64.35 — mouse-inert cards + zero-kick RAF zoom
   The image transform reads one JS-owned custom property only. Current state
   no longer changes scale by itself, so there is no instant CSS kick when a
   card becomes current. Desktop card surfaces are visually inert to mouse.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
  --b2b-highlight-current-scale:1.076;
}

/* One transform authority only. JS updates --b2b-media-scale frame-by-frame
   with a smootherstep curve; all legacy hover/current transition clocks are
   disabled here at the end of the cascade. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:focus .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:active .b2b-apple-highlight-media img{
  transform:translate3d(0,0,0) scale(var(--b2b-media-scale,1))!important;
  transform-origin:50% 50%!important;
  transition:none!important;
  animation:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  will-change:transform;
}

/* Kill every visible pointer-state difference on the card surface. This is
   deliberately broader than the old image-only override because older theme
   layers also changed card shadow/opacity and the lower-right action bubble. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:focus:not(:focus-visible){
  transform:translateZ(0)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.02)!important;
  outline:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:not(.is-current),
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:not(.is-current):hover,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:not(.is-current):active{
  opacity:.985!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:hover,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current:active{
  opacity:1!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-open,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover .b2b-apple-highlight-open,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active .b2b-apple-highlight-open{
  transform:none!important;
  background:rgba(255,255,255,.88)!important;
  color:#1d1d1f!important;
  box-shadow:0 1px 2px rgba(0,0,0,.08)!important;
}

/* Fine-pointer desktops: the entire card subtree is removed from mouse hit
   testing. Wheel/trackpad scrolling still lands on the viewport underneath;
   dedicated paddles/dots remain interactive because they live outside cards. */
@media (hover:hover) and (pointer:fine){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlights-viewport{
    cursor:default!important;
    -webkit-tap-highlight-color:transparent!important;
    user-select:none!important;
    -webkit-user-select:none!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card *{
    pointer-events:none!important;
    cursor:default!important;
    user-select:none!important;
    -webkit-user-select:none!important;
    -webkit-user-drag:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }
}

@media(max-width:760px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-highlight-current-scale:1.058;
  }
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{
    transform:translate3d(0,0,0) scale(1)!important;
    transition:none!important;
    animation:none!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.36 — Enhanced HERO product levitation
   A deeper but calmer 3D float: vertical travel, micro lateral drift,
   tiny breathing scale and synchronized floor-shadow / halo response.
   ========================================================== */
@keyframes b2bUvHeroLevitate6436{
  0%,100%{
    transform:translate3d(-1px,-12px,0) rotate(-.18deg) scale(1.026);
  }
  24%{
    transform:translate3d(2px,-4px,0) rotate(.06deg) scale(1.031);
  }
  50%{
    transform:translate3d(3px,13px,0) rotate(.20deg) scale(1.038);
  }
  76%{
    transform:translate3d(-1px,4px,0) rotate(-.05deg) scale(1.032);
  }
}
@keyframes b2bUvHeroLevitateShadow6436{
  0%,100%{
    transform:translateX(-50%) scaleX(.87) scaleY(.86);
    opacity:.43;
    filter:blur(11px);
  }
  24%{
    transform:translateX(-50%) scaleX(.92) scaleY(.91);
    opacity:.49;
    filter:blur(10.5px);
  }
  50%{
    transform:translateX(-50%) scaleX(1.065) scaleY(1.04);
    opacity:.66;
    filter:blur(9px);
  }
  76%{
    transform:translateX(-50%) scaleX(.98) scaleY(.96);
    opacity:.54;
    filter:blur(10px);
  }
}
@keyframes b2bUvHeroLevitateHalo6436{
  0%,100%{transform:translate(-50%,-50%) scale(.97);opacity:.66}
  50%{transform:translate(-50%,-50%) scale(1.045);opacity:.90}
}

.b2b-home-ultraview-product.is-active img,
.b2b-home-ultraview-product.is-active.is-entering img{
  animation-name:b2bUvHeroLevitate6436!important;
  animation-duration:6.8s!important;
  animation-timing-function:cubic-bezier(.37,0,.63,1)!important;
  animation-delay:0s!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
  animation-fill-mode:both!important;
  transform-origin:50% 52%!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform;
}
.b2b-home-ultraview-stage:after{
  animation:b2bUvHeroLevitateShadow6436 6.8s cubic-bezier(.37,0,.63,1) infinite!important;
  transform-origin:50% 50%;
  will-change:transform,opacity,filter;
}
.b2b-home-ultraview-stage:before{
  animation:b2bUvHeroLevitateHalo6436 6.8s cubic-bezier(.37,0,.63,1) infinite;
  transform-origin:50% 50%;
  will-change:transform,opacity;
}

@media(max-width:760px){
  @keyframes b2bUvHeroLevitateMobile6436{
    0%,100%{transform:translate3d(-.5px,-8px,0) rotate(-.10deg) scale(1.018)}
    25%{transform:translate3d(1px,-2px,0) rotate(.03deg) scale(1.021)}
    50%{transform:translate3d(1.5px,9px,0) rotate(.11deg) scale(1.026)}
    75%{transform:translate3d(-.5px,3px,0) rotate(-.03deg) scale(1.022)}
  }
  @keyframes b2bUvHeroLevitateShadowMobile6436{
    0%,100%{transform:translateX(-50%) scaleX(.90) scaleY(.90);opacity:.42;filter:blur(9px)}
    50%{transform:translateX(-50%) scaleX(1.035) scaleY(1.02);opacity:.60;filter:blur(8px)}
  }
  .b2b-home-ultraview-product.is-active img,
  .b2b-home-ultraview-product.is-active.is-entering img{
    animation-name:b2bUvHeroLevitateMobile6436!important;
    animation-duration:7.1s!important;
  }
  .b2b-home-ultraview-stage:after{
    animation-name:b2bUvHeroLevitateShadowMobile6436!important;
    animation-duration:7.1s!important;
  }
  .b2b-home-ultraview-stage:before{
    animation-duration:7.1s!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-ultraview-product.is-active img,
  .b2b-home-ultraview-product.is-active.is-entering img,
  .b2b-home-ultraview-stage:after,
  .b2b-home-ultraview-stage:before{
    animation:none!important;
    transform:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.37 — Current-card-only Highlights copy
   Non-current cards are image-only. Copy becomes eligible to render only
   after the card is promoted to .is-current, then uses the existing
   directional pre-arm/reveal state for a soft Apple-like entrance.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:not(.is-current) .b2b-apple-highlight-copy-inner,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:not(.is-current):hover .b2b-apple-highlight-copy-inner,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:not(.is-current):active .b2b-apple-highlight-copy-inner,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:not(.is-current):focus .b2b-apple-highlight-copy-inner{
  opacity:0!important;
  visibility:hidden!important;
  transform:translate3d(0,8px,0)!important;
  filter:blur(1px)!important;
  transition:none!important;
}

/* A settled current card is the only state allowed to show copy. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy-inner{
  opacity:1!important;
  visibility:visible!important;
  transform:translate3d(0,0,0)!important;
  filter:blur(0)!important;
}

/* During a programmed handoff the newly-current card stays hidden for its
   prepared frame, then resolves in the same direction as the gallery travel. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current.is-copy-prepared .b2b-apple-highlight-copy-inner{
  opacity:0!important;
  visibility:visible!important;
  transform:translate3d(var(--b2b-copy-enter-x,0),3px,0)!important;
  filter:blur(1.15px)!important;
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current.is-copy-revealing .b2b-apple-highlight-copy-inner{
  opacity:1!important;
  visibility:visible!important;
  transform:translate3d(0,0,0)!important;
  filter:blur(0)!important;
  transition:
    opacity .48s cubic-bezier(.22,.61,.36,1),
    transform .72s cubic-bezier(.28,.11,.32,1),
    filter .56s cubic-bezier(.22,.61,.36,1)!important;
}

/* Prevent any legacy child-level reveal rule from leaking text on side cards. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:not(.is-current) .b2b-apple-highlight-copy-inner>*{
  opacity:0!important;
  visibility:hidden!important;
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy-inner>*{
  visibility:visible!important;
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-copy-inner{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:not(.is-current) .b2b-apple-highlight-copy-inner{
    opacity:0!important;
    visibility:hidden!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.38 — Cross-browser Highlights scale stability
   Isolate the animated texture, keep the card geometry fixed, and use the
   individual `scale` transform where supported so WebKit/Blink/Gecko do not
   rebuild a compound translate+scale matrix on every animation frame.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport{
  overflow-anchor:none!important;
  scroll-behavior:auto!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active{
  transform:translateZ(0)!important;
  transform-origin:50% 50%!important;
  transition-property:opacity,box-shadow!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media{
  contain:paint;
  isolation:isolate;
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* Common baseline. The fast-changing variable now lives on the IMG itself,
   so sibling copy/buttons are not style-invalidated on every RAF. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active .b2b-apple-highlight-media img{
  transform-origin:50% 50%!important;
  transition:none!important;
  animation:none!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  -webkit-font-smoothing:antialiased;
  image-rendering:auto;
}

/* Modern engines: keep transform matrix constant and animate only individual
   scale. This has proven more stable than rewriting translate3d()+scale(). */
@supports (scale:1){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
  .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
    scale:var(--b2b-media-scale,1)!important;
    will-change:scale;
  }
}

/* Conservative fallback for engines without individual transform properties. */
@supports not (scale:1){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
  .b2b-apple-highlight-media img,
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
    transform:translate3d(0,0,0) scale(var(--b2b-media-scale,1))!important;
    -webkit-transform:translate3d(0,0,0) scale(var(--b2b-media-scale,1))!important;
    will-change:transform;
  }
}

/* While the rail is moving, no snap/transition/anchor correction may compete
   with the explicit scrollLeft animation. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-programmatic,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-cross-card-motion,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing{
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
  overflow-anchor:none!important;
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{
    --b2b-media-scale:1!important;
    scale:1!important;
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
    will-change:auto!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.39 — Brand-led HERO copy balance
   Static editable headline/description, stronger CTAs, higher copy position,
   and a slightly farther-right product composition. Category text no longer
   drives the HERO copy; category imagery remains a visual selector only.
   ========================================================== */
@media(min-width:761px){
  .b2b-home-ultraview-copy-static{
    left:0;
    bottom:clamp(150px,18vh,210px);
    width:min(52%,680px);
    text-shadow:0 1px 22px rgba(0,0,0,.22);
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandmark{
    margin-bottom:18px;
  }
  .b2b-home-ultraview-copy-static h1{
    max-width:720px;
    font-size:clamp(48px,4.9vw,76px)!important;
    line-height:.98!important;
    font-weight:560!important;
    letter-spacing:-.052em!important;
    text-wrap:balance;
  }
  .b2b-home-ultraview-copy-static>p{
    max-width:590px;
    margin-top:20px;
    color:rgba(255,255,255,.84);
    font-size:clamp(16px,1.35vw,19px);
    line-height:1.58;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    margin-top:30px;
    gap:14px;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link{
    min-height:50px;
    padding:0 24px;
    border-radius:999px;
    font-size:14px;
    font-weight:720;
    letter-spacing:-.01em;
    box-shadow:0 12px 32px rgba(0,0,0,.18);
    transition:transform .42s cubic-bezier(.22,1,.36,1),background .3s ease,border-color .3s ease,box-shadow .3s ease;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link.is-primary{
    color:#fff;
    border-color:rgba(220,8,11,.92);
    background:#DC080B;
    box-shadow:0 14px 34px rgba(181,6,9,.28),0 1px 0 rgba(255,255,255,.12) inset;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link.is-primary:hover{
    color:#fff;
    background:#ee1114;
    border-color:#ee1114;
    transform:translateY(-2px);
    box-shadow:0 18px 38px rgba(181,6,9,.34),0 1px 0 rgba(255,255,255,.14) inset;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link.is-secondary{
    color:#fff;
    border-color:rgba(255,255,255,.34);
    background:rgba(255,255,255,.14);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link.is-secondary:hover{
    color:#fff;
    border-color:rgba(255,255,255,.50);
    background:rgba(255,255,255,.20);
    transform:translateY(-2px);
  }

  /* Move the product composition farther right without changing its float. */
  .b2b-home-ultraview-stage{
    right:-2.2%;
    width:46.5%;
  }
  .b2b-home-ultraview-products{
    inset:2.5% 1.5% 5% 4%;
    transform:translate3d(clamp(18px,2.6vw,44px),0,0);
  }
  .b2b-home-ultraview-stage:before{left:56%}
  .b2b-home-ultraview-stage:after{left:56%}
  .b2b-home-ultraview-thumbs{
    right:1.2%;
    width:min(42%,520px);
  }
}

@media(min-width:761px) and (max-width:1120px){
  .b2b-home-ultraview-copy-static{
    bottom:clamp(132px,16vh,176px);
    width:52%;
  }
  .b2b-home-ultraview-copy-static h1{
    font-size:clamp(42px,5.25vw,60px)!important;
    max-width:610px;
  }
  .b2b-home-ultraview-copy-static>p{
    max-width:520px;
    font-size:16px;
  }
  .b2b-home-ultraview-stage{
    right:-2.6%;
    width:47.5%;
  }
  .b2b-home-ultraview-products{
    transform:translate3d(clamp(14px,2vw,28px),0,0);
  }
}

@media(max-width:760px){
  .b2b-home-ultraview-copy-static{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    width:100%;
    padding:0;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandmark{
    margin:4px 0 12px;
  }
  .b2b-home-ultraview-copy-static h1{
    max-width:13ch;
    font-size:clamp(34px,9.8vw,46px)!important;
    line-height:1.01!important;
    font-weight:570!important;
    letter-spacing:-.045em!important;
  }
  .b2b-home-ultraview-copy-static>p{
    max-width:35ch;
    margin-top:14px;
    font-size:14px;
    line-height:1.58;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    margin-top:20px;
    gap:11px;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link{
    min-height:48px;
    padding:0 15px;
    font-size:13px;
    font-weight:720;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link.is-primary{
    color:#fff;
    border-color:#DC080B;
    background:#DC080B;
    box-shadow:0 12px 28px rgba(181,6,9,.26);
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link.is-secondary{
    color:#fff;
    border-color:rgba(255,255,255,.30);
    background:rgba(255,255,255,.14);
  }
  .b2b-home-ultraview-products{
    transform:translate3d(2.5vw,0,0);
  }
  .b2b-home-ultraview-stage:before,
  .b2b-home-ultraview-stage:after{left:52%}
}

@media(max-width:420px){
  .b2b-home-ultraview-copy-static h1{
    font-size:clamp(31px,9.7vw,39px)!important;
  }
  .b2b-home-ultraview-copy-static>p{
    font-size:13.5px;
    max-width:32ch;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link{
    min-height:46px;
    font-size:12.5px;
  }
}

/* ==========================================================
   v1.5.41.3.64.40 — Highlights no-blank media handoff
   The rail may move only after its target image has loaded/decoded. Keep the
   media plane opaque and paint-ready so WebKit/Blink/Gecko never expose an
   empty card background between current states.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media{
  background:linear-gradient(145deg,#fff 0%,#f5f5f7 62%,#ececef 100%)!important;
  opacity:1!important;
  visibility:visible!important;
  content-visibility:visible!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img{
  opacity:1!important;
  visibility:visible!important;
  content-visibility:visible!important;
}
/* Current-only copy remains hidden on side cards, but once Current is
   committed it begins resolving immediately instead of leaving a long empty
   beat after the rail has already stopped. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current.is-copy-revealing .b2b-apple-highlight-copy-inner{
  transition:
    opacity .34s cubic-bezier(.22,.61,.36,1),
    transform .54s cubic-bezier(.28,.11,.32,1),
    filter .40s cubic-bezier(.22,.61,.36,1)!important;
}


/* ==========================================================
   v1.5.41.3.64.41 — Highlights paddle/autoplay motion parity
   Paddle clicks must not add a second tactile transform on top of the rail
   motion. The gallery card handoff is now serialized in JS, so these controls
   stay visually neutral while manual and autoplay transitions share one curve.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button,
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button:hover,
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button:active,
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button:focus{
  transform:none!important;
}
.b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-nav button{
  transition:background-color .26s cubic-bezier(.28,.11,.32,1),color .26s cubic-bezier(.28,.11,.32,1),opacity .26s ease!important;
}

/* ==========================================================
   v1.5.41.3.64.46 — Clean Product Category detail page
   Remove category hero media and duplicate sourcing copy. Keep the page
   focused on category title, product discovery and the actual product cards.
   ========================================================== */
.tax-b2b_product_category .b2b-pc-category-hero-clean{
  padding:30px 0 54px;
  background:linear-gradient(180deg,#fff 0%,#f7f7f9 100%);
}
.tax-b2b_product_category .b2b-pc-category-hero-clean .b2b-pc-category-breadcrumb{
  margin-bottom:42px;
}
.tax-b2b_product_category .b2b-pc-category-hero-grid.is-copy-only{
  display:block;
  max-width:980px;
}
.tax-b2b_product_category .b2b-pc-category-hero-clean .b2b-pc-category-hero-copy{
  max-width:900px;
}
.tax-b2b_product_category .b2b-pc-category-hero-clean .b2b-pc-category-hero-copy h1{
  margin:0;
  max-width:900px;
  font-size:clamp(54px,6.4vw,92px);
  line-height:.94;
  letter-spacing:-.062em;
  font-weight:650;
}
.tax-b2b_product_category .b2b-pc-category-hero-clean .b2b-pc-category-hero-actions{
  margin-top:28px;
  gap:22px;
}
.tax-b2b_product_category .b2b-pc-category-catalog{
  padding-top:58px;
}
.tax-b2b_product_category .b2b-pc-category-catalog .b2b-pc-list-tools{
  align-items:center;
  padding-bottom:22px;
  border-bottom:1px solid rgba(0,0,0,.075);
}
.tax-b2b_product_category .b2b-pc-list-heading-clean{
  gap:0;
}
.tax-b2b_product_category .b2b-pc-list-heading-clean strong{
  font-size:clamp(27px,2.5vw,36px);
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:650;
}
.tax-b2b_product_category .b2b-pc-category-catalog .b2b-pc-resultline{
  padding-top:18px;
}
.tax-b2b_product_category .b2b-pc-card-body-simple .b2b-pc-model{
  margin-bottom:8px;
}
.tax-b2b_product_category .b2b-pc-card-body-simple h2{
  margin-top:0;
}
.tax-b2b_product_category .b2b-pc-card-body-simple .b2b-pc-model + h2{
  margin-top:7px;
}
.tax-b2b_product_category .b2b-pc-card-body-simple h2 + .b2b-pc-actions{
  margin-top:18px;
}
.tax-b2b_product_category .b2b-pc-category-assist .b2b-pc-assist-inner h2{
  max-width:640px;
}

@media(max-width:767px){
  .tax-b2b_product_category .b2b-pc-category-hero-clean{
    padding:18px 0 42px;
  }
  .tax-b2b_product_category .b2b-pc-category-hero-clean .b2b-pc-category-breadcrumb{
    margin-bottom:28px;
  }
  .tax-b2b_product_category .b2b-pc-category-hero-clean .b2b-pc-category-hero-copy h1{
    font-size:clamp(44px,13vw,62px);
  }
  .tax-b2b_product_category .b2b-pc-category-hero-clean .b2b-pc-category-hero-actions{
    margin-top:24px;
  }
  .tax-b2b_product_category .b2b-pc-category-catalog{
    padding-top:42px;
  }
  .tax-b2b_product_category .b2b-pc-category-catalog .b2b-pc-list-tools{
    align-items:stretch;
    gap:18px;
  }
  .tax-b2b_product_category .b2b-pc-list-heading-clean strong{
    font-size:30px;
  }
}

/* ==========================================================
   v1.5.41.3.64.46 — Product Center category-card surface parity
   Keep every category card visually continuous when editorial descriptions
   have different lengths. The media retains its neutral canvas, while the
   card/copy surface stays white through the bottom edge with no grey tail.
   ========================================================== */
.post-type-archive-b2b_product .b2b-pc-category-card{
  display:flex;
  flex-direction:column;
  height:100%;
  background:#fff;
}
.post-type-archive-b2b_product .b2b-pc-category-media{
  flex:0 0 auto;
}
.post-type-archive-b2b_product .b2b-pc-category-copy{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  width:100%;
  background:#fff;
}
.post-type-archive-b2b_product .b2b-pc-category-card p{
  margin-bottom:0;
}
.post-type-archive-b2b_product .b2b-pc-category-card.is-current{
  background:#fff;
}


/* ==========================================================
   v1.5.41.3.64.47 — Category hero description + product-card surface fix
   The category Hero now uses the current taxonomy Description as its only
   description source. Product cards on category archives stay white through
   the full equal-height card, preventing the old grey tail below short copy.
   ========================================================== */
.tax-b2b_product_category .b2b-pc-category-hero-description{
  max-width:760px;
  margin-top:20px;
  color:#6e6e73;
  font-size:clamp(17px,1.45vw,20px);
  line-height:1.58;
  letter-spacing:-.012em;
}
.tax-b2b_product_category .b2b-pc-category-hero-description p{
  margin:0;
}
.tax-b2b_product_category .b2b-pc-category-hero-description p + p{
  margin-top:10px;
}
.tax-b2b_product_category .b2b-pc-category-hero-description + .b2b-pc-category-hero-actions{
  margin-top:28px;
}

/* Category archive product cards: the media may keep its neutral image canvas,
   but the card shell and the entire content tail are always white. */
.tax-b2b_product_category .b2b-pc-grid-simple{
  align-items:stretch;
}
.tax-b2b_product_category .b2b-pc-card-simple{
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:100%;
  overflow:hidden;
  background:#fff!important;
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple{
  flex:0 0 auto;
  width:100%;
  background:#f5f5f7;
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-card-body-simple{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:0;
  background:#fff!important;
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-actions-simple{
  margin-top:auto;
  padding-top:20px;
}
/* Existing selectors add margin-top to actions after h2/spec. Neutralize that
   in favor of the flex spacer above so cards with different copy lengths end
   on one continuous white surface. */
.tax-b2b_product_category .b2b-pc-card-body-simple h2 + .b2b-pc-actions-simple{
  margin-top:auto;
}

@media(max-width:767px){
  .tax-b2b_product_category .b2b-pc-category-hero-description{
    max-width:34em;
    margin-top:16px;
    font-size:16px;
    line-height:1.56;
  }
  .tax-b2b_product_category .b2b-pc-category-hero-description + .b2b-pc-category-hero-actions{
    margin-top:22px;
  }
}


/* ==========================================================
   v1.5.41.3.64.48 — Product category detail proportion polish
   Refine product-card scale, typography and whitespace while keeping the
   category description editorially complete and naturally wrapping by a
   readable character measure instead of pixel-width truncation.
   ========================================================== */
.tax-b2b_product_category .b2b-pc-category-hero-clean{
  padding-bottom:50px;
}
.tax-b2b_product_category .b2b-pc-category-hero-grid.is-copy-only{
  max-width:1040px;
}
.tax-b2b_product_category .b2b-pc-category-hero-clean .b2b-pc-category-hero-copy{
  max-width:960px;
}
.tax-b2b_product_category .b2b-pc-category-hero-description{
  width:min(100%,54ch);
  max-width:none;
  margin-top:18px;
  font-size:clamp(17px,1.28vw,19px);
  line-height:1.62;
  letter-spacing:-.008em;
  text-wrap:pretty;
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}
.tax-b2b_product_category .b2b-pc-category-hero-description p{
  max-width:100%;
}
.tax-b2b_product_category .b2b-pc-category-hero-description + .b2b-pc-category-hero-actions{
  margin-top:24px;
}

.tax-b2b_product_category .b2b-pc-category-catalog{
  padding-top:52px;
  padding-bottom:90px;
}
.tax-b2b_product_category .b2b-pc-category-catalog .b2b-pc-list-tools{
  padding-bottom:20px;
}
.tax-b2b_product_category .b2b-pc-category-catalog .b2b-pc-resultline{
  padding:15px 0 18px;
}
.tax-b2b_product_category .b2b-pc-grid-simple{
  gap:22px;
}
.tax-b2b_product_category .b2b-pc-card-simple{
  border-radius:24px;
  box-shadow:0 1px 0 rgba(0,0,0,.025);
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple{
  min-height:330px;
  padding:30px 22px 14px;
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple img{
  height:268px;
  max-width:84%;
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-card-body-simple{
  padding:21px 23px 23px;
  border-radius:0 0 24px 24px;
}
.tax-b2b_product_category .b2b-pc-card-body-simple .b2b-pc-model{
  margin-bottom:6px;
  font-size:10px;
  line-height:1.3;
  letter-spacing:.10em;
}
.tax-b2b_product_category .b2b-pc-card-body-simple h2{
  margin:5px 0 9px;
  font-size:clamp(22px,1.7vw,25px);
  line-height:1.12;
  letter-spacing:-.035em;
  font-weight:650;
  text-wrap:balance;
  overflow-wrap:anywhere;
}
.tax-b2b_product_category .b2b-pc-card-body-simple .b2b-pc-model + h2{
  margin-top:5px;
}

.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-actions-simple{
  gap:14px;
  padding-top:18px;
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-actions-simple .b2b-btn{
  min-height:40px;
  padding-inline:15px;
  font-size:13px;
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-actions-simple .b2b-link-arrow{
  font-size:14px;
}

@media(max-width:1024px){
  .tax-b2b_product_category .b2b-pc-category-hero-description{
    width:min(100%,52ch);
  }
  .tax-b2b_product_category .b2b-pc-grid-simple{
    gap:20px;
  }
  .tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple{
    min-height:305px;
    padding:26px 20px 12px;
  }
  .tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple img{
    height:248px;
  }
  .tax-b2b_product_category .b2b-pc-card-body-simple h2{
    font-size:24px;
  }
}

@media(max-width:767px){
  .tax-b2b_product_category .b2b-pc-category-hero-clean{
    padding-bottom:38px;
  }
  .tax-b2b_product_category .b2b-pc-category-hero-description{
    width:min(100%,33ch);
    margin-top:15px;
    font-size:16px;
    line-height:1.6;
    letter-spacing:-.006em;
  }
  .tax-b2b_product_category .b2b-pc-category-hero-description + .b2b-pc-category-hero-actions{
    margin-top:20px;
  }
  .tax-b2b_product_category .b2b-pc-category-catalog{
    padding-top:38px;
    padding-bottom:72px;
  }
  .tax-b2b_product_category .b2b-pc-category-catalog .b2b-pc-list-tools{
    gap:16px;
    padding-bottom:18px;
  }
  .tax-b2b_product_category .b2b-pc-category-catalog .b2b-pc-resultline{
    padding:13px 0 16px;
  }
  .tax-b2b_product_category .b2b-pc-grid-simple{
    gap:18px;
  }
  .tax-b2b_product_category .b2b-pc-card-simple{
    border-radius:22px;
  }
  .tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple{
    min-height:270px;
    padding:22px 16px 10px;
  }
  .tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple img{
    height:224px;
    max-width:86%;
  }
  .tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-card-body-simple{
    padding:19px 20px 21px;
    border-radius:0 0 22px 22px;
  }
  .tax-b2b_product_category .b2b-pc-card-body-simple h2{
    margin-bottom:8px;
    font-size:23px;
    line-height:1.13;
  }
  
  .tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-actions-simple{
    gap:11px;
    padding-top:16px;
  }
}

@media(max-width:420px){
  .tax-b2b_product_category .b2b-pc-category-hero-description{
    width:min(100%,31ch);
  }
  .tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple{
    min-height:248px;
  }
  .tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple img{
    height:204px;
  }
  .tax-b2b_product_category .b2b-pc-card-body-simple h2{
    font-size:22px;
  }
}


/* ==========================================================
   v1.5.41.3.64.49 — Tighter category-product card typography
   Reduce product-title visual weight and remove the flex-auto spacer that
   created an oversized gap between short titles and the enquiry actions.
   ========================================================== */
.tax-b2b_product_category .b2b-pc-card-body-simple h2{
  margin:3px 0 5px;
  font-size:clamp(18px,1.42vw,21px);
  line-height:1.16;
  letter-spacing:-.028em;
  font-weight:650;
}
.tax-b2b_product_category .b2b-pc-card-body-simple .b2b-pc-model + h2{
  margin-top:3px;
}

.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-card-body-simple{
  padding-top:18px;
  padding-bottom:20px;
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-actions-simple{
  margin-top:9px!important;
  padding-top:0;
  gap:11px;
}
.tax-b2b_product_category .b2b-pc-card-body-simple h2 + .b2b-pc-actions-simple{
  margin-top:9px!important;
}

@media(max-width:1024px){
  .tax-b2b_product_category .b2b-pc-card-body-simple h2{
    font-size:20px;
  }
}

@media(max-width:767px){
  .tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-card-body-simple{
    padding:17px 19px 19px;
  }
  .tax-b2b_product_category .b2b-pc-card-body-simple h2{
    margin-bottom:4px;
    font-size:19px;
    line-height:1.17;
  }
  .tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-actions-simple,
  .tax-b2b_product_category .b2b-pc-card-body-simple h2 + .b2b-pc-actions-simple{
    margin-top:8px!important;
    padding-top:0;
  }
}

@media(max-width:420px){
  .tax-b2b_product_category .b2b-pc-card-body-simple h2{
    font-size:18px;
  }
}


/* ==========================================================
   v1.5.41.3.64.57 — Product detail field-to-image interaction polish
   Keep the v49 left-controls / right-stage structure. Refine the pacing to
   Apple's current MacBook Pro viewer: stable stage, decode-first crossfade,
   tiny directional drift, zero blur, and geometry-drawn controls.
   ========================================================== */
.b2b-product-feature-viewer{
  --b2b-feature-ease:cubic-bezier(.22,1,.36,1);
  --b2b-feature-fade:900ms;
  background:#000;
}
.b2b-product-feature-viewer .b2b-feature-viewer-section-head{
  max-width:920px;
  margin-bottom:50px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{
  max-width:820px;
  font-size:clamp(46px,5.15vw,70px);
  line-height:1.01;
  letter-spacing:-.054em;
}
.b2b-product-feature-viewer .b2b-feature-viewer-section-head p{
  max-width:660px;
  margin-top:15px;
  font-size:17px;
  line-height:1.55;
  color:#a1a1a6;
}
.b2b-product-feature-viewer .b2b-feature-viewer-shell{
  grid-template-columns:minmax(350px,410px) minmax(0,1fr);
  gap:clamp(40px,4.6vw,70px);
  min-height:650px;
  align-items:center;
}
.b2b-product-feature-viewer .b2b-feature-viewer-left{
  grid-template-columns:40px minmax(0,1fr);
  gap:20px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-nav-rail{
  gap:12px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-nav-rail button{
  position:relative;
  width:40px;
  height:40px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  color:#f5f5f7;
  font-size:0;
  line-height:0;
  transform:none!important;
  box-shadow:none;
  transition:background-color .34s ease,color .34s ease,opacity .34s ease;
  -webkit-tap-highlight-color:transparent;
}
.b2b-product-feature-viewer .b2b-feature-viewer-nav-rail button:hover{
  background:rgba(255,255,255,.17);
  transform:none!important;
}
.b2b-feature-arrow{
  display:block;
  width:8px;
  height:8px;
  border-left:1.75px solid currentColor;
  border-top:1.75px solid currentColor;
  transform-origin:center;
}
.b2b-feature-arrow-up{transform:translateY(2px) rotate(45deg)}
.b2b-feature-arrow-down{transform:translateY(-2px) rotate(225deg)}

.b2b-product-feature-viewer .b2b-feature-viewer-accordion{
  gap:10px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-tab{
  min-height:52px;
  padding:0 20px 0 13px;
  gap:11px;
  border-color:rgba(255,255,255,.055);
  background:#1c1c1e;
  color:#e8e8ed;
  font-size:17px;
  font-weight:600;
  letter-spacing:-.018em;
  transform:none!important;
  transition:background-color .38s ease,border-color .38s ease,color .38s ease;
  -webkit-tap-highlight-color:transparent;
}
.b2b-product-feature-viewer .b2b-feature-viewer-tab:hover{
  background:#262629;
  border-color:rgba(255,255,255,.10);
  transform:none!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-tab.is-active{
  background:#2a2a2e;
  border-color:rgba(255,255,255,.13);
  color:#fff;
}
.b2b-product-feature-viewer .b2b-feature-viewer-tab-icon{
  position:relative;
  width:26px;
  height:26px;
  flex:0 0 26px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:rgba(255,255,255,.02);
  transform:none!important;
  transition:border-color .38s ease,background-color .38s ease;
}
.b2b-product-feature-viewer .b2b-feature-viewer-tab-icon:before,
.b2b-product-feature-viewer .b2b-feature-viewer-tab-icon:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:10px;
  height:1.5px;
  border-radius:2px;
  background:currentColor;
  transform:translate(-50%,-50%);
  transform-origin:center;
  transition:opacity .42s var(--b2b-feature-ease),transform .52s var(--b2b-feature-ease);
}
.b2b-product-feature-viewer .b2b-feature-viewer-tab-icon:after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.b2b-product-feature-viewer .b2b-feature-viewer-tab.is-active .b2b-feature-viewer-tab-icon{
  border-color:rgba(255,255,255,.50);
  background:rgba(255,255,255,.055);
}
.b2b-product-feature-viewer .b2b-feature-viewer-tab.is-active .b2b-feature-viewer-tab-icon:after{
  opacity:0;
  transform:translate(-50%,-50%) rotate(90deg) scaleX(.2);
}

.b2b-product-feature-viewer .b2b-feature-viewer-panel{
  border-radius:28px;
  background:#1c1c1e;
  transform:translate3d(0,-5px,0);
  transition:grid-template-rows .66s var(--b2b-feature-ease),opacity .34s ease,transform .58s var(--b2b-feature-ease),margin .66s var(--b2b-feature-ease),border-color .34s ease;
}
.b2b-product-feature-viewer .b2b-feature-viewer-panel-inner{
  transition:padding .66s var(--b2b-feature-ease);
}
.b2b-product-feature-viewer .b2b-feature-viewer-panel.is-active{
  transform:translate3d(0,0,0);
  margin:10px 0 1px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-panel.is-active .b2b-feature-viewer-panel-inner{
  padding:26px 28px 28px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-panel h3{
  font-size:28px;
  line-height:1.1;
  margin-bottom:11px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-panel p{
  font-size:16px;
  line-height:1.58;
  color:#d2d2d7;
}
.b2b-product-feature-viewer .b2b-feature-viewer-panel.is-copy-entering .b2b-feature-viewer-panel-inner{
  animation:b2bFeatureCopyApple .70s var(--b2b-feature-ease) both;
}
@keyframes b2bFeatureCopyApple{
  0%{opacity:.18;transform:translate3d(0,8px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}

.b2b-product-feature-viewer .b2b-feature-viewer-stage{
  min-height:650px;
  border-radius:42px;
  isolation:isolate;
  contain:layout paint;
  transform:translateZ(0);
  background:radial-gradient(circle at 48% 46%,rgba(255,255,255,.045),rgba(255,255,255,0) 38%),linear-gradient(180deg,#080809 0%,#020203 100%);
  border-color:rgba(255,255,255,.045);
}
.b2b-product-feature-viewer .b2b-feature-viewer-stage:before{
  background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,0) 38%);
}
.b2b-product-feature-viewer .b2b-feature-viewer-stage:after{
  display:none;
}
.b2b-product-feature-viewer .b2b-feature-viewer-glow{
  left:50%;
  top:50%;
  width:min(54vw,520px);
  height:min(54vw,520px);
  transform:translate(-50%,-50%)!important;
  background:radial-gradient(circle,rgba(181,6,9,.16),rgba(181,6,9,.055) 35%,rgba(0,0,0,0) 69%)!important;
  filter:blur(18px);
  opacity:.68;
  transition:opacity .8s var(--b2b-feature-ease),transform .9s var(--b2b-feature-ease);
}
/* The source images own the composition. Keep the stage geometry stable across states. */
.b2b-product-feature-viewer[data-active] .b2b-feature-viewer-product{
  transform:none!important;
  filter:none!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-product{
  position:relative;
  z-index:2;
  width:100%;
  height:650px;
  margin:0;
  transform:none!important;
  filter:none!important;
  opacity:1;
  display:block;
  contain:layout paint;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(30px,3.6vw,52px);
  opacity:0;
  transform:translate3d(0,0,0) scale(.992);
  filter:none!important;
  pointer-events:none;
  z-index:1;
  transition:opacity .72s var(--b2b-feature-ease),transform var(--b2b-feature-fade) var(--b2b-feature-ease);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-active{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  z-index:3;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-forward{
  opacity:0;
  transform:translate3d(16px,0,0) scale(.992);
  z-index:4;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-backward{
  opacity:0;
  transform:translate3d(-16px,0,0) scale(.992);
  z-index:4;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-forward{
  opacity:0;
  transform:translate3d(-10px,0,0) scale(1.004);
  z-index:2;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-backward{
  opacity:0;
  transform:translate3d(10px,0,0) scale(1.004);
  z-index:2;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-transition-layer{
  will-change:opacity,transform;
}
.b2b-product-feature-viewer .b2b-feature-viewer-image{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.34));
}
.b2b-product-feature-viewer .b2b-feature-viewer-stage-label{
  display:none;
}

@media(max-width:1100px){
  .b2b-product-feature-viewer .b2b-feature-viewer-shell{grid-template-columns:330px minmax(0,1fr);gap:34px;min-height:580px}
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{min-height:580px}
  .b2b-product-feature-viewer .b2b-feature-viewer-product{height:580px}
  .b2b-product-feature-viewer .b2b-feature-viewer-panel h3{font-size:26px}
}
@media(max-width:900px){
  .b2b-product-feature-viewer .b2b-feature-viewer-shell{grid-template-columns:1fr;gap:30px;min-height:0}
  .b2b-product-feature-viewer .b2b-feature-viewer-left{grid-template-columns:1fr}
  .b2b-product-feature-viewer .b2b-feature-viewer-nav-rail{display:none}
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{grid-template-columns:1fr 1fr;gap:10px}
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{min-height:510px}
  .b2b-product-feature-viewer .b2b-feature-viewer-product{height:510px}
}
@media(max-width:620px){
  .b2b-product-feature-viewer{--b2b-feature-fade:760ms}
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head{margin-bottom:28px}
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{font-size:38px;line-height:1.02}
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head p{font-size:15px;line-height:1.52}
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{grid-template-columns:1fr;gap:8px}
  .b2b-product-feature-viewer .b2b-feature-viewer-tab{min-height:50px;font-size:16px}
  .b2b-product-feature-viewer .b2b-feature-viewer-panel.is-active .b2b-feature-viewer-panel-inner{padding:23px 20px 24px}
  .b2b-product-feature-viewer .b2b-feature-viewer-panel h3{font-size:24px}
  .b2b-product-feature-viewer .b2b-feature-viewer-panel p{font-size:15px;line-height:1.56}
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{min-height:390px;border-radius:30px}
  .b2b-product-feature-viewer .b2b-feature-viewer-product{height:390px}
  .b2b-product-feature-viewer .b2b-feature-viewer-media{padding:24px 18px}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-forward{transform:translate3d(11px,0,0) scale(.994)}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-backward{transform:translate3d(-11px,0,0) scale(.994)}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-forward{transform:translate3d(-7px,0,0) scale(1.002)}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-backward{transform:translate3d(7px,0,0) scale(1.002)}
  .b2b-product-feature-viewer .b2b-feature-viewer-image{filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}
}
@media(prefers-reduced-motion:reduce){
  .b2b-product-feature-viewer .b2b-feature-viewer-panel,
  .b2b-product-feature-viewer .b2b-feature-viewer-panel-inner,
  .b2b-product-feature-viewer .b2b-feature-viewer-panel.is-copy-entering .b2b-feature-viewer-panel-inner,
  .b2b-product-feature-viewer .b2b-feature-viewer-media,
  .b2b-product-feature-viewer .b2b-feature-viewer-tab-icon:before,
  .b2b-product-feature-viewer .b2b-feature-viewer-tab-icon:after,
  .b2b-product-feature-viewer .b2b-feature-viewer-glow{
    animation:none!important;
    transition:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.57 — Product highlight field hit-area polish
   The complete left-hand field selects its matching media. Keep the requested
   state calm while decode/transition finishes; never use a press-scale effect.
   ========================================================== */
.b2b-product-feature-viewer .b2b-feature-viewer-item{
  position:relative;
  width:100%;
  min-width:0;
  border-radius:24px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.b2b-product-feature-viewer .b2b-feature-viewer-tab{
  width:100%!important;
  max-width:none!important;
  justify-content:flex-start;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  touch-action:manipulation;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-requested:not(.is-active) .b2b-feature-viewer-tab,
.b2b-product-feature-viewer .b2b-feature-viewer-tab.is-requested:not(.is-active){
  background:#242427;
  border-color:rgba(255,255,255,.10);
  color:#f5f5f7;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item:active .b2b-feature-viewer-tab,
.b2b-product-feature-viewer .b2b-feature-viewer-tab:active{
  transform:none!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-panel.is-active{
  cursor:default;
}
@media(hover:hover) and (pointer:fine){
  .b2b-product-feature-viewer .b2b-feature-viewer-item:not(.is-active):hover .b2b-feature-viewer-tab{
    background:#262629;
    border-color:rgba(255,255,255,.10);
  }
}


/* ==========================================================
   v1.5.41.3.64.58 — Design & Color variants
   Color swatches live inside the active Design & Color field. Each swatch can
   crossfade to its own corresponding product image without restarting the
   overall highlight transition.
   ========================================================== */
.b2b-product-feature-viewer .b2b-feature-color-picker{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
  margin-top:20px;
}



.b2b-product-feature-viewer .b2b-feature-color-swatches{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
}
.b2b-product-feature-viewer .b2b-feature-color-swatch{
  appearance:none;
  -webkit-appearance:none;
  position:relative;
  width:32px;
  height:32px;
  min-width:32px;
  min-height:32px;
  margin:0;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  display:grid;
  place-items:center;
  cursor:pointer;
  transform:none!important;
  -webkit-tap-highlight-color:transparent;
}
.b2b-product-feature-viewer .b2b-feature-color-swatch>span{
  display:block;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--b2b-color-swatch,#1d1d1f);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 0 0 1px rgba(0,0,0,.28);
  transition:transform .35s var(--b2b-feature-ease);
}
.b2b-product-feature-viewer .b2b-feature-color-swatch:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:50%;
  border:1.5px solid transparent;
  transition:border-color .3s ease;
}
.b2b-product-feature-viewer .b2b-feature-color-swatch.is-active:before{
  border-color:rgba(255,255,255,.78);
}
.b2b-product-feature-viewer .b2b-feature-color-swatch.is-active>span{
  transform:scale(.88);
}
@media(hover:hover) and (pointer:fine){
  .b2b-product-feature-viewer .b2b-feature-color-swatch:not(.is-active):hover>span{transform:scale(1.08)}
}
.b2b-product-feature-viewer .b2b-feature-color-swatch:focus-visible{
  outline:2px solid rgba(255,255,255,.82);
  outline-offset:3px;
}

.b2b-product-feature-viewer .b2b-feature-color-scenes{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.b2b-product-feature-viewer .b2b-feature-color-scene{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(30px,3.6vw,52px);
  opacity:0;
  transform:translate3d(0,0,0) scale(.994);
  pointer-events:none;
  z-index:1;
  transition:opacity .68s cubic-bezier(.25,.1,.25,1),transform .82s var(--b2b-feature-ease);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.b2b-product-feature-viewer .b2b-feature-color-scene.is-active{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  z-index:3;
}
.b2b-product-feature-viewer .b2b-feature-color-scene.is-color-preparing{
  opacity:0;
  transform:translate3d(0,0,0) scale(.988);
  z-index:4;
}
.b2b-product-feature-viewer .b2b-feature-color-scene.is-color-leaving{
  opacity:0;
  transform:translate3d(0,0,0) scale(1.006);
  z-index:2;
}
.b2b-product-feature-viewer .b2b-feature-color-scene.is-color-transition-layer{
  will-change:opacity,transform;
}
.b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-image{
  max-width:100%;
  max-height:100%;
}
@media(max-width:620px){
  .b2b-product-feature-viewer .b2b-feature-color-picker{margin-top:16px;gap:9px}
  .b2b-product-feature-viewer .b2b-feature-color-swatch{width:30px;height:30px;min-width:30px;min-height:30px}
  .b2b-product-feature-viewer .b2b-feature-color-swatch>span{width:18px;height:18px}
  .b2b-product-feature-viewer .b2b-feature-color-scene{padding:24px 18px}
}
@media(prefers-reduced-motion:reduce){
  .b2b-product-feature-viewer .b2b-feature-color-scene,
  .b2b-product-feature-viewer .b2b-feature-color-swatch>span,
  .b2b-product-feature-viewer .b2b-feature-color-swatch:before{transition:none!important}
}

/* ==========================================================
   v1.5.41.3.64.59 — Apple-style inline color field
   The active Design & Color item becomes the field itself: description and
   finish swatches live in one expanded card, while inactive states remain
   compact selector rows. Color taps only change the matching media scene.
   ========================================================== */
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active > .b2b-feature-viewer-tab{
  display:none;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel{
  margin:0;
  border-radius:28px;
  background:#1c1c1e;
  transform:none;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel-inner{
  padding:28px 30px 26px;
}
.b2b-product-feature-viewer .b2b-feature-color-copy{
  margin:0!important;
  max-width:34ch;
  color:#f5f5f7!important;
  font-size:17px!important;
  line-height:1.48!important;
  letter-spacing:-.018em;
  text-wrap:pretty;
}
.b2b-product-feature-viewer .b2b-feature-color-copy strong{
  color:#f5f5f7;
  font-weight:700;
}
.b2b-product-feature-viewer .b2b-feature-color-copy > span{
  color:#d2d2d7;
}
.b2b-product-feature-viewer .b2b-feature-color-copy .b2b-feature-color-current{
  color:#d2d2d7;
}
.b2b-product-feature-viewer .b2b-feature-color-copy [data-b2b-feature-color-name]{
  color:#f5f5f7;
  font-weight:650;
}
.b2b-product-feature-viewer .b2b-feature-color-picker{
  width:100%;
  display:block;
  margin-top:20px;
}
.b2b-product-feature-viewer .b2b-feature-color-swatches{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}
.b2b-product-feature-viewer .b2b-feature-color-swatch{
  width:36px;
  height:36px;
  min-width:36px;
  min-height:36px;
  border-radius:50%;
}
.b2b-product-feature-viewer .b2b-feature-color-swatch>span{
  width:22px;
  height:22px;
  transform:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),0 0 0 1px rgba(0,0,0,.30);
  transition:transform .32s var(--b2b-feature-ease),box-shadow .32s ease;
}
.b2b-product-feature-viewer .b2b-feature-color-swatch:before{
  inset:0;
  border-width:2px;
  border-color:transparent;
  transition:border-color .26s ease,opacity .26s ease;
}
.b2b-product-feature-viewer .b2b-feature-color-swatch.is-active:before{
  border-color:rgba(245,245,247,.96);
}
.b2b-product-feature-viewer .b2b-feature-color-swatch.is-active>span{
  transform:none;
}
@media(hover:hover) and (pointer:fine){
  .b2b-product-feature-viewer .b2b-feature-color-swatch:not(.is-active):hover>span{
    transform:scale(1.055);
  }
}
@media(max-width:620px){
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel-inner{
    padding:24px 22px 23px;
  }
  .b2b-product-feature-viewer .b2b-feature-color-copy{
    max-width:31ch;
    font-size:16px!important;
    line-height:1.5!important;
  }
  .b2b-product-feature-viewer .b2b-feature-color-picker{margin-top:18px}
  .b2b-product-feature-viewer .b2b-feature-color-swatches{gap:11px}
  .b2b-product-feature-viewer .b2b-feature-color-swatch{width:34px;height:34px;min-width:34px;min-height:34px}
  .b2b-product-feature-viewer .b2b-feature-color-swatch>span{width:21px;height:21px}
}

/* ==========================================================
   v1.5.41.3.64.61 — Product-highlight image / video parity
   Highlight fields and Design & Color variants share the same stage geometry.
   Video is intentionally chrome-free on the storefront and is played only
   while its field/color scene is current.
   ========================================================== */
.b2b-product-feature-viewer .b2b-feature-viewer-video{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  background:transparent;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.34));
}
.b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-video{
  max-width:100%;
  max-height:100%;
}
@media(max-width:620px){
  .b2b-product-feature-viewer .b2b-feature-viewer-video{
    filter:drop-shadow(0 18px 28px rgba(0,0,0,.28));
  }
}


/* ==========================================================
   v1.5.41.3.64.61 — Highlight media full-bleed rounded stage
   Images and videos share one clipped geometry so every transition keeps the
   same rounded silhouette. Media fills the stage with cover instead of
   floating inside padded/contain boxes.
   ========================================================== */
.b2b-product-feature-viewer .b2b-feature-viewer-stage{
  overflow:hidden;
}
.b2b-product-feature-viewer .b2b-feature-viewer-product{
  overflow:hidden;
  border-radius:38px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media,
.b2b-product-feature-viewer .b2b-feature-color-scene{
  padding:0;
  overflow:hidden;
  border-radius:38px;
}
.b2b-product-feature-viewer .b2b-feature-color-scenes{
  overflow:hidden;
  border-radius:38px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-viewer-video,
.b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-video{
  display:block;
  width:100%;
  height:100%;
  min-width:100%;
  min-height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:38px;
  background:#050506;
  filter:none;
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

@media(max-width:900px){
  .b2b-product-feature-viewer .b2b-feature-viewer-product,
  .b2b-product-feature-viewer .b2b-feature-viewer-media,
  .b2b-product-feature-viewer .b2b-feature-color-scenes,
  .b2b-product-feature-viewer .b2b-feature-color-scene,
  .b2b-product-feature-viewer .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-viewer-video,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-video{
    border-radius:32px;
  }
}
@media(max-width:620px){
  .b2b-product-feature-viewer .b2b-feature-viewer-product,
  .b2b-product-feature-viewer .b2b-feature-viewer-media,
  .b2b-product-feature-viewer .b2b-feature-color-scenes,
  .b2b-product-feature-viewer .b2b-feature-color-scene,
  .b2b-product-feature-viewer .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-viewer-video,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-video{
    border-radius:28px;
  }
}


/* ==========================================================
   v1.5.41.3.64.62 — Product highlight visual finish
   Keep the v61 full-bleed image/video behavior, but make the stage itself the
   single visual frame: stable responsive geometry, matched radii, subtle
   edge treatment and calmer crossfades across image/video/color states.
   ========================================================== */
.b2b-product-feature-viewer{
  --b2b-feature-fade:1040ms;
  --b2b-feature-stage-radius:34px;
  --b2b-feature-stage-height:clamp(560px,47vw,700px);
}
.b2b-product-feature-viewer .b2b-feature-viewer-shell{
  align-items:stretch;
  gap:clamp(42px,4.8vw,72px);
}
.b2b-product-feature-viewer .b2b-feature-viewer-left{
  align-self:center;
}
.b2b-product-feature-viewer .b2b-feature-viewer-stage{
  position:relative;
  min-height:0!important;
  height:var(--b2b-feature-stage-height);
  border-radius:var(--b2b-feature-stage-radius)!important;
  overflow:hidden;
  isolation:isolate;
  contain:layout paint style;
  background:#09090b;
  border:1px solid rgba(255,255,255,.075);
  box-shadow:
    0 30px 76px rgba(0,0,0,.30),
    0 8px 26px rgba(0,0,0,.18);
  transform:translateZ(0);
  -webkit-mask-image:-webkit-radial-gradient(white,black);
}
.b2b-product-feature-viewer .b2b-feature-viewer-stage:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0) 18%,rgba(0,0,0,0) 70%,rgba(0,0,0,.055));
}
.b2b-product-feature-viewer .b2b-feature-viewer-stage:after{
  content:"";
  display:block!important;
  position:absolute;
  inset:0;
  z-index:9;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
.b2b-product-feature-viewer .b2b-feature-viewer-glow{
  opacity:.22;
  filter:blur(28px);
}
.b2b-product-feature-viewer .b2b-feature-viewer-product{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border-radius:inherit!important;
  overflow:hidden;
  contain:layout paint;
  transform:translateZ(0)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media,
.b2b-product-feature-viewer .b2b-feature-color-scenes,
.b2b-product-feature-viewer .b2b-feature-color-scene{
  inset:0;
  width:100%;
  height:100%;
  border-radius:inherit!important;
  overflow:hidden;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media{
  padding:0!important;
  transition:
    opacity .82s cubic-bezier(.28,.11,.32,1),
    transform var(--b2b-feature-fade) cubic-bezier(.22,1,.36,1);
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-forward{
  transform:translate3d(10px,0,0) scale(1.008);
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-backward{
  transform:translate3d(-10px,0,0) scale(1.008);
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-forward{
  transform:translate3d(-6px,0,0) scale(1.012);
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-backward{
  transform:translate3d(6px,0,0) scale(1.012);
}
.b2b-product-feature-viewer .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-viewer-video,
.b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-video{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  border-radius:inherit!important;
  background:#09090b;
  filter:none!important;
  transform:translateZ(0);
  will-change:auto;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-transition-layer,
.b2b-product-feature-viewer .b2b-feature-color-scene.is-color-transition-layer{
  will-change:opacity,transform;
}
.b2b-product-feature-viewer .b2b-feature-color-scene{
  padding:0!important;
  transition:
    opacity .78s cubic-bezier(.28,.11,.32,1),
    transform .96s cubic-bezier(.22,1,.36,1);
}
.b2b-product-feature-viewer .b2b-feature-color-scene.is-color-preparing{
  transform:translate3d(0,0,0) scale(1.008);
}
.b2b-product-feature-viewer .b2b-feature-color-scene.is-color-leaving{
  transform:translate3d(0,0,0) scale(1.012);
}

/* Give the left controls slightly tighter visual rhythm so the large media
   frame stays dominant without making the selector feel disconnected. */
.b2b-product-feature-viewer .b2b-feature-viewer-accordion{gap:9px}
.b2b-product-feature-viewer .b2b-feature-viewer-tab{
  min-height:50px;
  border-radius:25px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-panel,
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel{
  border-radius:26px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-panel.is-active .b2b-feature-viewer-panel-inner{
  padding:24px 26px 26px;
}

@media(max-width:1100px){
  .b2b-product-feature-viewer{
    --b2b-feature-stage-radius:32px;
    --b2b-feature-stage-height:clamp(520px,52vw,610px);
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-shell{gap:34px}
}
@media(max-width:900px){
  .b2b-product-feature-viewer{
    --b2b-feature-stage-radius:30px;
    --b2b-feature-stage-height:clamp(460px,67vw,570px);
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{order:2}
  .b2b-product-feature-viewer .b2b-feature-viewer-left{order:1;align-self:stretch}
}
@media(max-width:620px){
  .b2b-product-feature-viewer{
    --b2b-feature-fade:860ms;
    --b2b-feature-stage-radius:24px;
    --b2b-feature-stage-height:clamp(340px,92vw,430px);
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-shell{gap:22px}
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{
    border-width:1px;
    box-shadow:0 18px 42px rgba(0,0,0,.25);
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-forward{transform:translate3d(6px,0,0) scale(1.006)}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-backward{transform:translate3d(-6px,0,0) scale(1.006)}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-forward{transform:translate3d(-4px,0,0) scale(1.008)}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-backward{transform:translate3d(4px,0,0) scale(1.008)}
  .b2b-product-feature-viewer .b2b-feature-viewer-panel.is-active .b2b-feature-viewer-panel-inner{padding:21px 20px 22px}
}
@media(prefers-reduced-motion:reduce){
  .b2b-product-feature-viewer .b2b-feature-viewer-stage,
  .b2b-product-feature-viewer .b2b-feature-viewer-product,
  .b2b-product-feature-viewer .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-viewer-video{
    transform:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.64 — Apple-style Closer Look directional slide-in
   Preserve the v62 full-bleed rounded stage. The incoming media now travels
   visibly from the navigation direction while the previous scene remains
   underneath and eases away, producing a continuous slide + dissolve handoff.
   Only opacity/transform are animated for compositor-friendly rendering.
   ========================================================== */
.b2b-product-feature-viewer{
  --b2b-feature-slide-ease:cubic-bezier(.28,.11,.32,1);
  --b2b-feature-slide-duration:1180ms;
  --b2b-feature-opacity-duration:900ms;
  --b2b-feature-slide-in:clamp(38px,4.1vw,66px);
  --b2b-feature-slide-out:clamp(14px,1.7vw,26px);
}
.b2b-product-feature-viewer .b2b-feature-viewer-stage{
  overflow:hidden!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media{
  opacity:0;
  transform:translate3d(0,0,0) scale(1.006);
  transition-property:opacity,transform;
  transition-duration:var(--b2b-feature-opacity-duration),var(--b2b-feature-slide-duration);
  transition-timing-function:cubic-bezier(.32,.72,0,1),var(--b2b-feature-slide-ease);
  transition-delay:0ms,0ms;
  transform-origin:50% 50%;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-active{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  z-index:3;
}
/* The new scene starts farther off-axis than v62, but at almost full scale.
   This reads as an image gliding into place instead of a zoom animation. */
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-forward{
  opacity:.01;
  transform:translate3d(var(--b2b-feature-slide-in),0,0) scale(1.012);
  z-index:5;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-backward{
  opacity:.01;
  transform:translate3d(calc(var(--b2b-feature-slide-in) * -1),0,0) scale(1.012);
  z-index:5;
}
/* Keep the previous scene visible underneath for most of the incoming travel.
   A shorter reverse drift avoids the two layers feeling like a generic carousel. */
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-forward{
  opacity:0;
  transform:translate3d(calc(var(--b2b-feature-slide-out) * -1),0,0) scale(1.004);
  z-index:2;
  transition-duration:760ms,1040ms;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-backward{
  opacity:0;
  transform:translate3d(var(--b2b-feature-slide-out),0,0) scale(1.004);
  z-index:2;
  transition-duration:760ms,1040ms;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-active.is-transition-layer{
  z-index:5;
  will-change:opacity,transform;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-transition-layer{
  will-change:opacity,transform;
}
/* The asset itself stays locked to the full-bleed frame while its layer moves.
   Prevent nested transforms from adding wobble during the slide. */
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-transition-layer .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-transition-layer .b2b-feature-viewer-video{
  transform:translateZ(0)!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* Colors on Apple's viewer feel like a quieter state change inside the same
   feature. Give variants a much smaller lateral drift than feature changes. */
.b2b-product-feature-viewer .b2b-feature-color-scene{
  transition-property:opacity,transform;
  transition-duration:760ms,940ms;
  transition-timing-function:cubic-bezier(.32,.72,0,1),var(--b2b-feature-slide-ease);
  transform-origin:50% 50%;
}
.b2b-product-feature-viewer .b2b-feature-color-scene.is-color-preparing{
  opacity:.01;
  transform:translate3d(12px,0,0) scale(1.006);
}
.b2b-product-feature-viewer .b2b-feature-color-scene.is-color-leaving{
  opacity:0;
  transform:translate3d(-7px,0,0) scale(1.003);
}

@media(max-width:900px){
  .b2b-product-feature-viewer{
    --b2b-feature-slide-in:clamp(28px,5.5vw,46px);
    --b2b-feature-slide-out:clamp(11px,2.4vw,20px);
  }
}
@media(max-width:620px){
  .b2b-product-feature-viewer{
    --b2b-feature-slide-duration:980ms;
    --b2b-feature-opacity-duration:780ms;
    --b2b-feature-slide-in:28px;
    --b2b-feature-slide-out:12px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-forward,
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-backward{
    transition-duration:680ms,900ms;
  }
  .b2b-product-feature-viewer .b2b-feature-color-scene.is-color-preparing{
    transform:translate3d(8px,0,0) scale(1.004);
  }
  .b2b-product-feature-viewer .b2b-feature-color-scene.is-color-leaving{
    transform:translate3d(-5px,0,0) scale(1.002);
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-product-feature-viewer .b2b-feature-viewer-media,
  .b2b-product-feature-viewer .b2b-feature-color-scene{
    transition:none!important;
    transform:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.64 — Remove selector-row bottom rules
   Product highlight switch cards should read as independent rounded controls,
   without any underline/divider tail beneath each field in any state.
   ========================================================== */
.b2b-product-feature-viewer .b2b-feature-viewer-item,
.b2b-product-feature-viewer .b2b-feature-viewer-tab,
.b2b-product-feature-viewer .b2b-feature-viewer-panel{
  border-bottom-width:0!important;
  border-bottom-color:transparent!important;
  text-decoration:none!important;
  background-image:none!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item::before,
.b2b-product-feature-viewer .b2b-feature-viewer-item::after,
.b2b-product-feature-viewer .b2b-feature-viewer-tab::before,
.b2b-product-feature-viewer .b2b-feature-viewer-tab::after{
  content:none!important;
  display:none!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item:focus,
.b2b-product-feature-viewer .b2b-feature-viewer-item:active,
.b2b-product-feature-viewer .b2b-feature-viewer-tab:focus,
.b2b-product-feature-viewer .b2b-feature-viewer-tab:active{
  border-bottom-color:transparent!important;
  box-shadow:none;
}


/* ==========================================================
   v1.5.41.3.64.65 — Apple Closer Look mobile composition
   Mobile follows the reference rhythm: concise heading, dominant full-height
   media stage, then a single horizontal row of compact feature pills. The
   Design & Color pill carries the current finish dot and expands inline only
   when the user asks for the color choices.
   ========================================================== */
@media(max-width:620px){
  .b2b-product-feature-viewer{
    --b2b-feature-stage-radius:24px;
    --b2b-feature-stage-height:clamp(448px,68svh,548px);
    padding:38px 0 max(34px,env(safe-area-inset-bottom));
    overflow:hidden;
    background:#000;
  }
  .b2b-product-feature-viewer > .b2b-container{
    width:100%;
    max-width:none;
    padding-left:0;
    padding-right:0;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head{
    width:auto;
    max-width:none;
    margin:0 0 18px;
    padding:0 18px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head>span,
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head>p{
    display:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{
    max-width:none;
    margin:0;
    font-size:clamp(30px,8.4vw,36px)!important;
    line-height:1.04!important;
    letter-spacing:-.045em!important;
    font-weight:680;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-shell{
    display:flex;
    flex-direction:column;
    gap:14px;
    min-height:0;
    align-items:stretch;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{
    order:1!important;
    width:calc(100% - 28px);
    height:var(--b2b-feature-stage-height)!important;
    min-height:0!important;
    margin:0 14px;
    border:0!important;
    border-radius:var(--b2b-feature-stage-radius)!important;
    background:#000!important;
    box-shadow:none!important;
    overflow:hidden!important;
    contain:layout paint;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage:before,
  .b2b-product-feature-viewer .b2b-feature-viewer-stage:after,
  .b2b-product-feature-viewer .b2b-feature-viewer-glow{
    display:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-product{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-media,
  .b2b-product-feature-viewer .b2b-feature-color-scene{
    border-radius:var(--b2b-feature-stage-radius)!important;
    overflow:hidden!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-viewer-video,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-video{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:var(--b2b-feature-stage-radius)!important;
  }

  /* Controls live after the image, as a horizontally scrolling Apple-style rail. */
  .b2b-product-feature-viewer .b2b-feature-viewer-left{
    order:2!important;
    display:block!important;
    width:100%;
    min-width:0;
    align-self:auto!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-nav-rail{display:none!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{
    display:flex!important;
    flex-direction:row!important;
    align-items:center;
    gap:10px!important;
    width:100%;
    max-width:none;
    margin:0;
    padding:0 18px 5px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    scroll-padding-inline:18px;
    scrollbar-width:none;
    -ms-overflow-style:none;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion::-webkit-scrollbar{display:none}
  .b2b-product-feature-viewer .b2b-feature-viewer-item{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    border-radius:999px!important;
    scroll-snap-align:center;
    background:transparent!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active > .b2b-feature-viewer-tab{
    display:flex!important;
    width:auto!important;
    min-width:max-content!important;
    min-height:56px!important;
    padding:0 18px 0 12px!important;
    gap:10px!important;
    border:0!important;
    border-radius:999px!important;
    background:#1d1d1f!important;
    color:#f5f5f7!important;
    box-shadow:none!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:-.012em!important;
    white-space:nowrap;
    transform:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab.is-active,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-requested .b2b-feature-viewer-tab{
    background:#242426!important;
    border:0!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab-icon{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    border:1.5px solid rgba(245,245,247,.88)!important;
    background:transparent!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab-icon:before,
  .b2b-product-feature-viewer .b2b-feature-viewer-tab-icon:after{
    width:9px!important;
    height:1.5px!important;
  }
  /* Color is a state control, so the plus becomes the currently selected finish dot. */
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants .b2b-feature-viewer-tab-icon{
    border:1px solid rgba(255,255,255,.13)!important;
    background:var(--b2b-active-color,#2b2b2e)!important;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.20)!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants .b2b-feature-viewer-tab-icon:before,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants .b2b-feature-viewer-tab-icon:after{
    content:none!important;
    display:none!important;
  }

  /* Do not let an active field grow into a tall accordion block on phones. */
  .b2b-product-feature-viewer .b2b-feature-viewer-item .b2b-feature-viewer-panel,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel{
    display:none!important;
    grid-template-rows:0fr!important;
    margin:0!important;
  }
  /* A second tap on Color expands only the finish dots inside the same pill. */
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open{
    display:flex!important;
    align-items:center;
    gap:0;
    padding-right:7px;
    background:#242426!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open > .b2b-feature-viewer-tab{
    padding-right:10px!important;
    background:transparent!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open .b2b-feature-viewer-panel{
    display:block!important;
    width:auto!important;
    min-width:0;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    transform:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open .b2b-feature-viewer-panel-inner{
    padding:0!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open .b2b-feature-color-copy{
    display:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open .b2b-feature-color-picker{
    display:block!important;
    width:auto!important;
    margin:0!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open .b2b-feature-color-swatches{
    display:flex!important;
    width:auto!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    gap:4px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open .b2b-feature-color-swatch{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open .b2b-feature-color-swatch>span{
    width:19px!important;
    height:19px!important;
  }
}

@media(max-width:390px){
  .b2b-product-feature-viewer{
    --b2b-feature-stage-height:clamp(430px,66svh,500px);
    padding-top:32px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head{padding-inline:17px;margin-bottom:14px}
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{font-size:30px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{width:calc(100% - 20px);margin-inline:10px}
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{padding-inline:17px;gap:9px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-tab,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active > .b2b-feature-viewer-tab{
    min-height:54px!important;
    padding-right:16px!important;
    font-size:14.5px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.66 — Apple-style inline mobile color variants
   Show Design & Color variants in a dedicated mobile card beneath the pill rail.
   The card carries the current color copy and swatches, while each swatch keeps
   the existing image/video scene switching behavior.
   ========================================================== */

@media(max-width:620px){
  
  
  
  
  
  
  
  
  
  
  /* Mobile now uses the dedicated color card instead of the old inline pill expansion. */
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open{
    background:transparent!important;
    padding-right:0!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open > .b2b-feature-viewer-tab{background:#242426!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open .b2b-feature-viewer-panel{display:none!important}
}



/* ==========================================================
   v1.5.41.3.64.68 — Compact mobile footer navigation
   Keep the full desktop footer menu, but collapse Explore into one calm
   disclosure row on phones so a long WordPress footer menu does not dominate
   the end of the page. No links are removed; the complete menu stays accessible.
   ========================================================== */
.b2b-footer-nav-toggle{display:none}
.b2b-footer-nav-panel{display:block}
@media(max-width:760px){
  .b2b-site-footer{
    padding-top:26px!important;
  }
  .b2b-footer-main{
    gap:20px!important;
    padding-bottom:18px!important;
  }
  .b2b-footer-intro > p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    max-width:34rem;
  }
  .b2b-footer-nav{
    border-top:1px solid rgba(0,0,0,.10);
    border-bottom:1px solid rgba(0,0,0,.10);
  }
  .b2b-footer-nav-heading-desktop{display:none!important}
  .b2b-footer-nav-toggle{
    appearance:none;
    -webkit-appearance:none;
    display:flex;
    width:100%;
    min-height:50px;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#1d1d1f;
    font:inherit;
    text-align:left;
    cursor:pointer;
  }
  .b2b-footer-nav-toggle span{
    font-size:14px;
    line-height:1.2;
    font-weight:650;
    letter-spacing:-.012em;
  }
  .b2b-footer-nav-toggle i{
    position:relative;
    display:block;
    width:20px;
    height:20px;
    flex:0 0 20px;
    transition:transform .38s cubic-bezier(.22,1,.36,1);
  }
  .b2b-footer-nav-toggle i::before,
  .b2b-footer-nav-toggle i::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:12px;
    height:1.25px;
    border-radius:999px;
    background:#6e6e73;
    transform:translate(-50%,-50%);
    transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .25s ease;
  }
  .b2b-footer-nav-toggle i::after{transform:translate(-50%,-50%) rotate(90deg)}
  .b2b-footer-nav-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
  .b2b-footer-nav-toggle[aria-expanded="true"] i::after{transform:translate(-50%,-50%) rotate(0);opacity:0}
  .b2b-footer-nav-panel{
    display:grid;
    grid-template-rows:0fr;
    visibility:hidden;
    opacity:0;
    transition:grid-template-rows .46s cubic-bezier(.22,1,.36,1),opacity .28s ease,visibility 0s linear .46s;
  }
  .b2b-footer-nav-panel > .menu,
  .b2b-footer-nav-panel > .b2b-footer-links{
    min-height:0;
    overflow:hidden;
  }
  .b2b-footer-nav.is-open .b2b-footer-nav-panel{
    grid-template-rows:1fr;
    visibility:visible;
    opacity:1;
    transition:grid-template-rows .46s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility 0s linear 0s;
  }
  .b2b-footer-nav .menu,
  .b2b-footer-links{
    grid-template-columns:1fr 1fr!important;
    gap:0 18px!important;
    padding:2px 0 14px!important;
  }
  .b2b-footer-nav li{
    margin:0!important;
    min-width:0;
  }
  .b2b-footer-nav a,
  .b2b-footer-links a{
    min-height:34px!important;
    padding:6px 0!important;
    font-size:13px!important;
    line-height:1.35!important;
  }
  .b2b-footer-contact{
    gap:5px!important;
  }
  .b2b-footer-main h3{
    margin-bottom:7px!important;
  }
  .b2b-footer-bottom{
    padding-top:14px!important;
  }
}
@media(max-width:390px){
  .b2b-footer-nav .menu,
  .b2b-footer-links{
    grid-template-columns:1fr 1fr!important;
    gap:0 12px!important;
  }
  .b2b-footer-nav a,
  .b2b-footer-links a{font-size:12.5px!important}
}
@media(prefers-reduced-motion:reduce){
  .b2b-footer-nav-toggle i,
  .b2b-footer-nav-toggle i::before,
  .b2b-footer-nav-toggle i::after,
  .b2b-footer-nav-panel{transition:none!important}
}


/* ==========================================================
   v1.5.41.3.64.69 — Apple-style mobile highlight field display
   On phones, collapsed items remain compact pills with a + and title.
   When a field becomes current, hide its pill header and reveal only the
   content card. This mirrors the Apple mobile closer-look rhythm where the
   description itself becomes the expanded state.
   ========================================================== */
@media(max-width:620px){
  
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:12px!important;
    padding:0 18px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    scroll-padding-inline:0!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item{
    width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
    background:transparent!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item:not(.is-active){
    width:auto!important;
    align-self:flex-start!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item > .b2b-feature-viewer-tab{
    display:flex!important;
    width:auto!important;
    min-width:max-content!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active > .b2b-feature-viewer-tab{
    display:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item .b2b-feature-viewer-panel{
    display:none!important;
    margin:0!important;
    grid-template-rows:0fr!important;
    opacity:0!important;
    transform:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel{
    display:block!important;
    width:100%!important;
    grid-template-rows:1fr!important;
    opacity:1!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:28px!important;
    background:linear-gradient(180deg,#1f1f23 0%,#1a1a1d 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
    overflow:hidden!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner{
    padding:20px 22px 22px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel small,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel h3{
    display:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel p{
    margin:0!important;
    color:#f5f5f7!important;
    font-size:15px!important;
    line-height:1.48!important;
    font-weight:500!important;
    letter-spacing:-.015em!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel p strong,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel p b{
    color:#fff!important;
    font-weight:700!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel .b2b-feature-color-current{
    display:inline!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel .b2b-feature-color-picker{
    display:block!important;
    margin-top:16px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel .b2b-feature-color-swatches{
    justify-content:center!important;
    gap:14px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel .b2b-feature-color-swatch{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel .b2b-feature-color-swatch>span{
    width:22px!important;
    height:22px!important;
  }
}
@media(max-width:390px){
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{padding:0 14px!important;gap:10px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel{border-radius:26px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner{padding:18px 18px 20px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel p{font-size:14.5px!important;line-height:1.5!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel .b2b-feature-color-picker{margin-top:14px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel .b2b-feature-color-swatches{gap:12px!important}
}


/* ==========================================================
   v1.5.41.3.64.69 — Apple-style active-field accordion parity
   Inactive controls stay as compact "+ title" pills. Once selected, the pill
   itself disappears and the field expands directly into its description card.
   This removes the duplicated title row and mirrors Apple's Closer Look control
   hierarchy. On phones the controls return to a vertical rail with the up/down
   navigation on the left and the active description occupying the field row.
   ========================================================== */

/* Selected field: hide the selector pill completely. */
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active > .b2b-feature-viewer-tab{
  display:none!important;
}

/* The expanded card replaces the pill in-place; there is no duplicated kicker/title. */
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel{
  margin:0!important;
  border:0!important;
  border-radius:28px!important;
  background:#1c1c1e!important;
  transform:none!important;
  box-shadow:none!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner{
  padding:26px 28px 28px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active:not(.has-color-variants) .b2b-feature-viewer-panel small,
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active:not(.has-color-variants) .b2b-feature-viewer-panel h3{
  display:none!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active:not(.has-color-variants) .b2b-feature-viewer-panel p{
  margin:0!important;
  max-width:35ch;
  color:#f5f5f7!important;
  font-size:17px!important;
  line-height:1.5!important;
  letter-spacing:-.018em;
  text-wrap:pretty;
}

/* The expanded copy gets a calm Apple-like reveal without moving the outer row. */
@keyframes b2bFeatureFieldReveal69{
  0%{opacity:0;transform:translate3d(0,8px,0)}
  45%{opacity:.82}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner{
  animation:b2bFeatureFieldReveal69 .68s cubic-bezier(.22,1,.36,1) both;
}

/* The separate v66 mobile color card is intentionally retired: the active
   Design & Color row itself is now the Apple-style description + swatch card. */


@media(max-width:620px){
  /* Keep media first, then use Apple's vertical selector stack below it. */
  .b2b-product-feature-viewer .b2b-feature-viewer-shell{
    gap:18px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-left{
    order:2!important;
    width:100%!important;
    padding:0 18px 0 10px;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-nav-rail{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    padding-top:2px;
    align-self:stretch;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-nav-rail button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    background:#202024!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:11px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    border-radius:28px!important;
    background:transparent!important;
    scroll-snap-align:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active{
    width:100%!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab{
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    min-height:56px!important;
    padding:0 20px 0 13px!important;
    gap:10px!important;
    border:0!important;
    border-radius:999px!important;
    background:#1d1d1f!important;
    color:#f5f5f7!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:650!important;
    letter-spacing:-.012em!important;
    white-space:nowrap!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active > .b2b-feature-viewer-tab{
    display:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab-icon{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    border:1.5px solid rgba(245,245,247,.88)!important;
    background:transparent!important;
  }
  /* Keep the literal plus on every collapsed selector, including Color. */
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants:not(.is-active) .b2b-feature-viewer-tab-icon{
    border:1.5px solid rgba(245,245,247,.88)!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants:not(.is-active) .b2b-feature-viewer-tab-icon:before,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants:not(.is-active) .b2b-feature-viewer-tab-icon:after{
    content:""!important;
    display:block!important;
  }

  /* Collapse every inactive description; the selected row becomes the card. */
  .b2b-product-feature-viewer .b2b-feature-viewer-item .b2b-feature-viewer-panel{
    display:none!important;
    width:100%!important;
    margin:0!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    grid-template-rows:1fr!important;
    border-radius:28px!important;
    background:#1d1d1f!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner{
    padding:24px 26px 25px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active:not(.has-color-variants) .b2b-feature-viewer-panel p{
    max-width:32ch;
    font-size:15.5px!important;
    line-height:1.52!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-copy{
    max-width:32ch!important;
    font-size:15.5px!important;
    line-height:1.5!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-picker{
    margin-top:18px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatches{
    justify-content:center!important;
    gap:12px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch>span{
    width:22px!important;
    height:22px!important;
  }

  /* Retire the old inline-color-pill expansion path completely. */
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open{
    display:block!important;
    padding:0!important;
    background:transparent!important;
  }
}

@media(max-width:390px){
  .b2b-product-feature-viewer .b2b-feature-viewer-left{
    grid-template-columns:36px minmax(0,1fr)!important;
    padding:0 14px 0 6px;
    gap:9px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-nav-rail button{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab{
    min-height:54px!important;
    padding:0 17px 0 12px!important;
    font-size:14.5px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner{
    padding:21px 20px 22px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner{
    animation:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.70 — Apple-style Color field refinement
   The active Color field remains a single description card. Swatches are the
   only sub-controls, with Apple's quiet two-ring selection treatment and a
   compact, no-wrap rail for any number of configured finishes.
   ========================================================== */
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel{
  background:#1d1d1f!important;
  border-radius:30px!important;
  overflow:hidden!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel-inner{
  padding:28px 30px 27px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-copy{
  margin:0!important;
  max-width:36ch!important;
  color:#f5f5f7!important;
  font-size:16px!important;
  line-height:1.48!important;
  font-weight:560!important;
  letter-spacing:-.018em!important;
  text-wrap:pretty;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-copy strong{
  color:#fff!important;
  font-weight:700!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-current{
  display:inline!important;
  color:#f5f5f7!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-picker{
  display:block!important;
  width:100%!important;
  margin:20px 0 0!important;
  overflow:hidden;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatches{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  min-height:38px;
  padding:3px 6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatches::-webkit-scrollbar{display:none}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch{
  position:relative!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  scroll-snap-align:center;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  border:2px solid transparent!important;
  box-shadow:none!important;
  opacity:0!important;
  transform:scale(.86)!important;
  transition:opacity .26s ease,transform .46s cubic-bezier(.22,1,.36,1),border-color .26s ease!important;
  pointer-events:none;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch>span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:22px!important;
  height:22px!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%) scale(1)!important;
  background:var(--b2b-color-swatch,#777)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)!important;
  transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .28s ease!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch.is-active:before{
  opacity:1!important;
  transform:scale(1)!important;
  border-color:#f5f5f7!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch.is-active>span{
  transform:translate(-50%,-50%) scale(.91)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.24),0 0 0 2px #1d1d1f!important;
}
@media(hover:hover){
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch:not(.is-active):hover>span{
    transform:translate(-50%,-50%) scale(1.08)!important;
  }
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch:focus-visible:before{
  opacity:1!important;
  transform:scale(1)!important;
  border-color:#f5f5f7!important;
}

@media(max-width:620px){
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel{
    border-radius:28px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel-inner{
    padding:22px 26px 23px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-copy{
    max-width:31ch!important;
    font-size:15px!important;
    line-height:1.5!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-picker{
    margin-top:17px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatches{
    justify-content:center!important;
    gap:14px!important;
    padding:3px 4px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatches.is-many-colors{
    justify-content:flex-start!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch{
    flex-basis:30px!important;
  }
}
@media(max-width:390px){
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel-inner{
    padding:20px 22px 21px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-copy{
    font-size:14.5px!important;
    max-width:29ch!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch:before,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch>span{
    transition:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.71 — Highlight field stability + rule cleanup
   - remove every legacy divider/underline source from the field stack
   - keep only one copy-reveal animation (panel-inner)
   - isolate media compositing from accordion layout work
   - avoid duplicate borders/shadows across browser engines
   ========================================================== */
.b2b-product-feature-viewer .b2b-feature-viewer-accordion,
.b2b-product-feature-viewer .b2b-feature-viewer-item,
.b2b-product-feature-viewer .b2b-feature-viewer-tab,
.b2b-product-feature-viewer .b2b-feature-viewer-panel,
.b2b-product-feature-viewer .b2b-feature-viewer-panel-inner{
  border-bottom:0!important;
  border-bottom-width:0!important;
  border-bottom-style:none!important;
  border-bottom-color:transparent!important;
  text-decoration:none!important;
  background-image:none!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-accordion::before,
.b2b-product-feature-viewer .b2b-feature-viewer-accordion::after,
.b2b-product-feature-viewer .b2b-feature-viewer-item::before,
.b2b-product-feature-viewer .b2b-feature-viewer-item::after,
.b2b-product-feature-viewer .b2b-feature-viewer-tab::before,
.b2b-product-feature-viewer .b2b-feature-viewer-tab::after,
.b2b-product-feature-viewer .b2b-feature-viewer-panel::before,
.b2b-product-feature-viewer .b2b-feature-viewer-panel::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
}
/* Retire the legacy outer panel animation. It was running together with the
   newer inner-copy reveal and caused a double-paint hitch during each switch. */
.b2b-product-feature-viewer .b2b-feature-viewer-panel{
  animation:none!important;
  transition:none!important;
  outline:0!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel{
  box-shadow:none!important;
}
@keyframes b2bFeatureFieldReveal71{
  0%{opacity:0;transform:translate3d(0,6px,0)}
  58%{opacity:.94}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner{
  animation:b2bFeatureFieldReveal71 .56s cubic-bezier(.22,1,.36,1) both!important;
  transform-origin:50% 0;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
/* Media layers are isolated compositor surfaces; expensive full-stage images
   no longer participate in surrounding accordion painting during transitions. */
.b2b-product-feature-viewer .b2b-feature-viewer-product,
.b2b-product-feature-viewer .b2b-feature-viewer-media,
.b2b-product-feature-viewer .b2b-feature-color-scene{
  contain:paint;
  isolation:isolate;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media{
  transition-duration:820ms,1040ms!important;
  transition-timing-function:cubic-bezier(.32,.72,0,1),cubic-bezier(.22,1,.36,1)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-forward{
  transform:translate3d(clamp(30px,3.4vw,52px),0,0) scale(1.007)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-backward{
  transform:translate3d(clamp(-52px,-3.4vw,-30px),0,0) scale(1.007)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-forward{
  transform:translate3d(-16px,0,0) scale(1.002)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-backward{
  transform:translate3d(16px,0,0) scale(1.002)!important;
}
.b2b-product-feature-viewer .b2b-feature-color-scene{
  transition-duration:700ms,880ms!important;
}
/* Keep native button focus accessible without recreating the old underline bug. */
.b2b-product-feature-viewer .b2b-feature-viewer-tab:focus,
.b2b-product-feature-viewer .b2b-feature-viewer-tab:active,
.b2b-product-feature-viewer .b2b-feature-viewer-item:focus,
.b2b-product-feature-viewer .b2b-feature-viewer-item:active{
  border-bottom:0!important;
  text-decoration:none!important;
}
@media(max-width:620px){
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{
    scroll-behavior:auto!important;
    overflow-x:visible!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item{
    transform:none;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-media{
    transition-duration:720ms,900ms!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-forward{transform:translate3d(24px,0,0) scale(1.005)!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-backward{transform:translate3d(-24px,0,0) scale(1.005)!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-forward{transform:translate3d(-10px,0,0) scale(1.001)!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-backward{transform:translate3d(10px,0,0) scale(1.001)!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner{
    animation-duration:.48s!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner{
    animation:none!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.73 — Product highlight proportion harmony
   Based on v71 stability. Rebalance the entire Closer Look composition rather
   than scaling only the media: heading, selector rail, expanded copy, stage,
   and responsive spacing now share one calmer visual rhythm.
   ========================================================== */
.b2b-product-feature-viewer{
  --b2b-highlight-control-width:35%;
  --b2b-highlight-stage-height:clamp(510px,42vw,610px);
  --b2b-highlight-stage-radius:32px;
  --b2b-highlight-media-inset:12px;
  padding:96px 0 104px!important;
}
.b2b-product-feature-viewer > .b2b-container{
  max-width:1240px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-section-head{
  max-width:860px;
  margin-bottom:38px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{
  max-width:780px;
  font-size:clamp(42px,4.35vw,62px)!important;
  line-height:1.03!important;
  letter-spacing:-.052em!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-section-head>p{
  max-width:660px;
  margin-top:14px!important;
  font-size:17px!important;
  line-height:1.55!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-shell{
  width:100%;
  max-width:1180px;
  margin-inline:auto;
  grid-template-columns:minmax(310px,var(--b2b-highlight-control-width)) minmax(0,1fr)!important;
  gap:clamp(36px,4vw,54px)!important;
  align-items:center!important;
  min-height:0!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-left{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:17px!important;
  align-self:center!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-nav-rail{
  gap:13px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-nav-rail button{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-accordion{
  gap:9px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-tab{
  min-height:50px!important;
  padding:0 19px 0 12px!important;
  gap:10px!important;
  font-size:16px!important;
  border-radius:999px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-tab-icon{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel,
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel{
  width:100%!important;
  max-width:390px;
  border-radius:26px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner,
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel-inner{
  padding:23px 24px 24px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.is-active:not(.has-color-variants) .b2b-feature-viewer-panel p{
  max-width:33ch!important;
  font-size:15.8px!important;
  line-height:1.56!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-copy{
  max-width:33ch!important;
  font-size:15.5px!important;
  line-height:1.52!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-picker{
  margin-top:17px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-stage{
  justify-self:end;
  width:100%;
  max-width:760px;
  height:var(--b2b-highlight-stage-height)!important;
  min-height:0!important;
  border-radius:var(--b2b-highlight-stage-radius)!important;
  background:#08080a!important;
  border-color:rgba(255,255,255,.055)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.25),0 6px 18px rgba(0,0,0,.14)!important;
}
/* Keep the stage large, but let the media breathe inside it instead of visually
   touching every edge. The source still uses cover, preserving the full-frame
   image/video treatment configured in v61. */
.b2b-product-feature-viewer .b2b-feature-viewer-product{
  inset:var(--b2b-highlight-media-inset)!important;
  width:auto!important;
  height:auto!important;
  border-radius:calc(var(--b2b-highlight-stage-radius) - 8px)!important;
  overflow:hidden!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media,
.b2b-product-feature-viewer .b2b-feature-color-scenes,
.b2b-product-feature-viewer .b2b-feature-color-scene,
.b2b-product-feature-viewer .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-viewer-video,
.b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-video{
  border-radius:calc(var(--b2b-highlight-stage-radius) - 8px)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-stage-label{
  left:28px!important;
  bottom:24px!important;
  gap:4px!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-stage-label strong{
  font-size:22px!important;
}

@media(max-width:1100px) and (min-width:901px){
  .b2b-product-feature-viewer{
    --b2b-highlight-control-width:34%;
    --b2b-highlight-stage-height:clamp(480px,48vw,560px);
    --b2b-highlight-media-inset:10px;
    padding:88px 0 94px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-shell{
    grid-template-columns:minmax(292px,var(--b2b-highlight-control-width)) minmax(0,1fr)!important;
    gap:30px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-left{
    grid-template-columns:32px minmax(0,1fr)!important;
    gap:14px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-nav-rail button{
    width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab{font-size:15.5px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel-inner{
    padding:21px 22px 22px!important;
  }
}

@media(max-width:900px) and (min-width:621px){
  .b2b-product-feature-viewer{
    --b2b-highlight-stage-height:clamp(430px,64vw,540px);
    --b2b-highlight-stage-radius:30px;
    --b2b-highlight-media-inset:10px;
    padding:80px 0 88px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head{margin-bottom:30px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{font-size:clamp(38px,6vw,50px)!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-shell{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-left{
    order:2!important;
    width:min(100%,680px);
    margin-inline:auto;
    grid-template-columns:34px minmax(0,1fr)!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{
    order:1!important;
    justify-self:center;
    width:min(100%,760px);
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active{grid-column:1/-1!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel{
    max-width:none;
  }
}

@media(max-width:620px){
  .b2b-product-feature-viewer{
    --b2b-highlight-stage-height:clamp(360px,96vw,455px);
    --b2b-highlight-stage-radius:25px;
    --b2b-highlight-media-inset:7px;
    padding:56px 0 max(62px,env(safe-area-inset-bottom))!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head{
    margin-bottom:18px!important;
    padding-inline:18px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{
    font-size:clamp(30px,8.2vw,35px)!important;
    line-height:1.05!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-shell{gap:16px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{
    width:calc(100% - 28px)!important;
    max-width:none!important;
    margin-inline:14px!important;
    box-shadow:0 14px 36px rgba(0,0,0,.20)!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-left{
    padding:0 15px 0 8px!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{gap:9px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-tab{
    min-height:52px!important;
    padding:0 17px 0 12px!important;
    font-size:14.5px!important;
    gap:9px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab-icon{
    width:24px!important;height:24px!important;flex-basis:24px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel{
    max-width:none;
    border-radius:25px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel-inner{
    padding:19px 20px 20px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active:not(.has-color-variants) .b2b-feature-viewer-panel p,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-copy{
    max-width:31ch!important;
    font-size:14.5px!important;
    line-height:1.52!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-picker{
    margin-top:14px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage-label{
    left:20px!important;
    bottom:18px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage-label strong{font-size:19px!important}
}

@media(max-width:390px){
  .b2b-product-feature-viewer{
    --b2b-highlight-stage-height:clamp(338px,94vw,400px);
    --b2b-highlight-media-inset:6px;
    padding-top:50px!important;
    padding-bottom:max(56px,env(safe-area-inset-bottom))!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head{padding-inline:16px!important;margin-bottom:16px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{font-size:29px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{width:calc(100% - 20px)!important;margin-inline:10px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-left{padding:0 12px 0 6px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-tab{min-height:50px!important;font-size:14px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active .b2b-feature-viewer-panel-inner,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel-inner{
    padding:18px 18px 19px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.74 — Full-bleed media with a calmer overall scale
   Keep image/video content edge-to-edge inside the stage. The visual is made
   slightly smaller by reducing the stage itself, not by inset-padding media.
   ========================================================== */
.b2b-product-feature-viewer{
  --b2b-highlight-stage-height:clamp(482px,39.5vw,570px);
  --b2b-highlight-stage-radius:30px;
  --b2b-highlight-media-inset:0px;
}
.b2b-product-feature-viewer .b2b-feature-viewer-stage{
  width:96%;
  max-width:720px;
  border:0!important;
  outline:0!important;
  background:#08080a!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-product{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  outline:0!important;
  border-radius:var(--b2b-highlight-stage-radius)!important;
  overflow:hidden!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media,
.b2b-product-feature-viewer .b2b-feature-color-scenes,
.b2b-product-feature-viewer .b2b-feature-color-scene,
.b2b-product-feature-viewer .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-viewer-video,
.b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-video{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
  outline:0!important;
  border-radius:var(--b2b-highlight-stage-radius)!important;
  object-fit:cover!important;
  overflow:hidden!important;
}

@media(max-width:1100px) and (min-width:901px){
  .b2b-product-feature-viewer{
    --b2b-highlight-stage-height:clamp(452px,45vw,525px);
    --b2b-highlight-stage-radius:29px;
    --b2b-highlight-media-inset:0px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{
    width:95%;
    max-width:680px;
  }
}

@media(max-width:900px) and (min-width:621px){
  .b2b-product-feature-viewer{
    --b2b-highlight-stage-height:clamp(405px,59vw,500px);
    --b2b-highlight-stage-radius:28px;
    --b2b-highlight-media-inset:0px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{
    width:min(94%,700px)!important;
    max-width:700px;
    margin-inline:auto;
  }
}

@media(max-width:620px){
  .b2b-product-feature-viewer{
    --b2b-highlight-stage-height:clamp(342px,90vw,425px);
    --b2b-highlight-stage-radius:24px;
    --b2b-highlight-media-inset:0px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{
    width:calc(100% - 36px)!important;
    max-width:none!important;
    margin-inline:18px!important;
    border:0!important;
    box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
  }
}

@media(max-width:390px){
  .b2b-product-feature-viewer{
    --b2b-highlight-stage-height:clamp(322px,88vw,382px);
    --b2b-highlight-media-inset:0px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{
    width:calc(100% - 28px)!important;
    margin-inline:14px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.75 — Mobile HERO CTA-first thumbnail placement
   Mobile order becomes product → copy/CTA → category thumbnails. The entire
   first screen is tightened so the next section heading naturally peeks into
   view without sacrificing the primary product or inquiry action.
   ========================================================== */
@media(max-width:760px){
  .b2b-home-ultraview-hero{
    min-height:0!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
  }
  .b2b-home-ultraview-inner{
    min-height:0!important;
    padding:0!important;
  }
  .b2b-home-ultraview-stage{
    height:clamp(250px,32svh,290px)!important;
    margin-top:2px!important;
  }
  .b2b-home-ultraview-products{
    inset:1% 5% 7%!important;
    transform:translate3d(1.5vw,0,0)!important;
  }
  .b2b-home-ultraview-product img{
    width:min(72vw,330px)!important;
    height:min(30svh,255px)!important;
    max-width:94%!important;
    max-height:96%!important;
    filter:drop-shadow(0 15px 22px rgba(0,0,0,.30))!important;
  }
  .b2b-home-ultraview-stage:before{
    width:min(74vw,360px)!important;
    height:min(58vw,270px)!important;
    top:45%!important;
  }
  .b2b-home-ultraview-stage:after{
    bottom:5%!important;
    width:min(44vw,190px)!important;
    height:18px!important;
  }
  .b2b-home-ultraview-footer{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    padding:0 18px 2px!important;
  }
  /* Copy first: thumbnails now sit directly after the inquiry/actions row. */
  .b2b-home-ultraview-copy,
  .b2b-home-ultraview-copy-static{
    order:1!important;
    width:100%!important;
    padding:0!important;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandmark{
    margin:0 0 7px!important;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandmark img{
    max-width:min(158px,46vw)!important;
    max-height:44px!important;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandmark strong{
    font-size:34px!important;
  }
  .b2b-home-ultraview-copy-static h1{
    max-width:14ch!important;
    font-size:clamp(29px,8.2vw,35px)!important;
    line-height:1.02!important;
    letter-spacing:-.042em!important;
  }
  .b2b-home-ultraview-copy-static>p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    max-width:34ch!important;
    margin-top:9px!important;
    font-size:13px!important;
    line-height:1.46!important;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
    margin-top:14px!important;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link{
    min-height:44px!important;
    padding:0 12px!important;
    font-size:12.5px!important;
  }
  .b2b-home-ultraview-thumbs{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    order:2!important;
    width:100%!important;
    margin:11px 0 0!important;
    padding:3px 0 2px!important;
    gap:7px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-padding-inline:0!important;
  }
  .b2b-home-ultraview-thumb{
    flex:0 0 54px!important;
    width:54px!important;
    height:43px!important;
    padding:3px!important;
    border-radius:11px!important;
  }
  .b2b-home-ultraview-thumb span{border-radius:8px!important}
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translateY(-1px) scale(1.04)!important;
  }
  /* Pull the next story closer so its title is intentionally visible below
     the compact HERO on common phone viewports. */
  .b2b-home-luna-highlights{
    padding-top:44px!important;
  }
}

@media(max-width:420px){
  .b2b-home-ultraview-stage{
    height:clamp(238px,31svh,270px)!important;
  }
  .b2b-home-ultraview-product img{
    width:min(70vw,300px)!important;
    height:min(28svh,235px)!important;
  }
  .b2b-home-ultraview-footer{padding-inline:16px!important}
  .b2b-home-ultraview-copy-static h1{font-size:clamp(27px,8.3vw,32px)!important}
  .b2b-home-ultraview-copy-static>p{font-size:12.75px!important;max-width:32ch!important}
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{margin-top:12px!important;gap:8px!important}
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link{min-height:42px!important;font-size:12px!important;padding-inline:10px!important}
  .b2b-home-ultraview-thumbs{margin-top:9px!important;gap:6px!important}
  .b2b-home-ultraview-thumb{flex-basis:51px!important;width:51px!important;height:41px!important}
  .b2b-home-luna-highlights{padding-top:40px!important}
}

@media(max-width:350px){
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-link{
    font-size:11.5px!important;
    padding-inline:8px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.76 — Mobile HERO thumbnail polish
   Remove inherited white rings/borders and use compositor-friendly active
   feedback. Selection is expressed by scale/opacity/depth only, keeping the
   thumbnail rail visually clean on iOS/Android browsers.
   ========================================================== */
@media(max-width:760px){
  .b2b-home-ultraview-thumbs{
    -webkit-tap-highlight-color:transparent;
    scroll-behavior:auto;
  }
  .b2b-home-ultraview-thumb{
    -webkit-appearance:none!important;
    appearance:none!important;
    border:0!important;
    outline:0;
    box-shadow:none!important;
    background:rgba(13,13,15,.52)!important;
    opacity:.74;
    transform:translate3d(0,0,0) scale(.985)!important;
    transform-origin:50% 50%;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transition:
      transform .48s cubic-bezier(.22,.61,.36,1),
      opacity .34s ease,
      background-color .34s ease,
      box-shadow .48s cubic-bezier(.22,.61,.36,1)!important;
    will-change:transform,opacity;
  }
  .b2b-home-ultraview-thumb span{
    border:0!important;
    box-shadow:none!important;
    background:rgba(15,15,17,.66)!important;
  }
  .b2b-home-ultraview-thumb img{
    padding:1px!important;
    transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  .b2b-home-ultraview-thumb:hover{
    border:0!important;
    box-shadow:none!important;
    background:rgba(13,13,15,.52)!important;
    transform:translate3d(0,0,0) scale(.985)!important;
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    border:0!important;
    opacity:1;
    background:rgba(28,28,31,.84)!important;
    transform:translate3d(0,-1px,0) scale(1.045)!important;
    box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  }
  .b2b-home-ultraview-thumb::before,
  .b2b-home-ultraview-thumb::after,
  .b2b-home-ultraview-thumb.is-active::before,
  .b2b-home-ultraview-thumb.is-active::after{
    content:none!important;
    display:none!important;
  }
  .b2b-home-ultraview-thumb:focus{outline:0!important}
  .b2b-home-ultraview-thumb:focus-visible{
    outline:2px solid rgba(220,8,11,.58)!important;
    outline-offset:2px;
  }
}
@media(max-width:420px){
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translate3d(0,-1px,0) scale(1.04)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-ultraview-thumb{transition:none!important}
}


/* ==========================================================
   v1.5.41.3.64.77 — Mobile HERO proportion rebalance
   Slightly taller mobile HERO, clearer/larger category thumbnails, centered
   content rhythm, while still allowing only a partial peek of the next section.
   ========================================================== */
@media(max-width:760px){
  .b2b-home-ultraview-hero{
    padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
  }
  .b2b-home-ultraview-stage{
    height:clamp(286px,36svh,326px)!important;
    margin-top:4px!important;
  }
  .b2b-home-ultraview-products{
    inset:1% 4% 7%!important;
    transform:none!important;
  }
  .b2b-home-ultraview-product img{
    width:min(77vw,350px)!important;
    height:min(33svh,282px)!important;
    max-width:96%!important;
    max-height:97%!important;
  }
  .b2b-home-ultraview-stage:before{
    width:min(78vw,382px)!important;
    height:min(61vw,288px)!important;
    left:50%!important;
  }
  .b2b-home-ultraview-stage:after{
    left:50%!important;
    width:min(47vw,205px)!important;
  }
  .b2b-home-ultraview-footer{
    padding:0 18px 4px!important;
    align-items:center!important;
  }
  .b2b-home-ultraview-copy,
  .b2b-home-ultraview-copy-static{
    text-align:center!important;
    align-items:center!important;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandmark{
    justify-content:center!important;
    margin-bottom:8px!important;
  }
  .b2b-home-ultraview-copy-static h1{
    margin-left:auto!important;
    margin-right:auto!important;
    max-width:15ch!important;
  }
  .b2b-home-ultraview-copy-static>p{
    margin-left:auto!important;
    margin-right:auto!important;
    max-width:35ch!important;
  }
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    width:min(100%,380px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .b2b-home-ultraview-thumbs{
    width:100%!important;
    margin-top:14px!important;
    padding:5px 2px 6px!important;
    gap:9px!important;
    justify-content:flex-start!important;
    scroll-padding-inline:8px!important;
  }
  .b2b-home-ultraview-thumbs.is-centered{
    justify-content:center!important;
  }
  .b2b-home-ultraview-thumb{
    flex:0 0 64px!important;
    width:64px!important;
    height:51px!important;
    padding:3px!important;
    border-radius:12px!important;
  }
  .b2b-home-ultraview-thumb span{
    border-radius:10px!important;
  }
  .b2b-home-ultraview-thumb img{
    padding:1px!important;
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translate3d(0,-1px,0) scale(1.045)!important;
  }
  /* Keep the next section as a deliberate peek, not a second full screen. */
  .b2b-home-luna-highlights{
    padding-top:58px!important;
  }
}

@media(max-width:420px){
  .b2b-home-ultraview-stage{
    height:clamp(272px,35svh,304px)!important;
  }
  .b2b-home-ultraview-product img{
    width:min(76vw,326px)!important;
    height:min(31svh,262px)!important;
  }
  .b2b-home-ultraview-footer{
    padding-inline:16px!important;
  }
  .b2b-home-ultraview-copy-static h1{
    font-size:clamp(28px,8.3vw,33px)!important;
  }
  .b2b-home-ultraview-copy-static>p{
    max-width:33ch!important;
  }
  .b2b-home-ultraview-thumbs{
    margin-top:12px!important;
    gap:8px!important;
  }
  .b2b-home-ultraview-thumb{
    flex-basis:60px!important;
    width:60px!important;
    height:48px!important;
  }
  .b2b-home-luna-highlights{
    padding-top:54px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.78 — Highlights uniform zoom + borderless media
   Loop-edge cards inherit the live scale in JS and continue the same zoom
   curve as ordinary cards. Remove every CSS hairline around card/media/image
   surfaces so WebKit/Blink/Gecko cannot expose a 1px seam during scaling.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background-clip:padding-box!important;
  -webkit-mask-image:-webkit-radial-gradient(white,black);
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-media img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  display:block!important;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
}
/* Normalization is an invisible rail-position handoff only. It must never
   impose a special final-scale frame; JS transfers the live scale value. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-normalizing .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  transition:none!important;
  animation:none!important;
}
@media(max-width:760px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.79 — Highlights compact cards + single-edge clipping
   Reduce the gallery/card footprint while keeping the media fully immersive.
   Only the outer card owns the rounded clip; the media bleeds 1px beyond it so
   no double-antialiased rounded edge can expose a light hairline in browsers.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
  --b2b-apple-gallery-shell:min(79vw,1060px);
  --b2b-apple-card-width:min(65vw,980px);
  --b2b-apple-gallery-gap:16px;
  --b2b-apple-center-gutter:calc((100vw - var(--b2b-apple-card-width))/2);
  padding-top:84px!important;
  padding-bottom:66px!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:focus{
  height:clamp(430px,31vw,510px)!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:24px!important;
  background:transparent!important;
  overflow:hidden!important;
  isolation:isolate;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  background-clip:border-box!important;
}
/* One rounded clip only. Bleeding the media by a physical pixel prevents the
   card background from peeking through the antialiased corner during scale. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media{
  inset:-1px!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  background-clip:border-box!important;
  overflow:hidden!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-media img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  min-width:100.2%!important;
  min-height:100.2%!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:before{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-copy{
  width:min(52%,500px)!important;
  padding:31px 35px 0!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-copy h3{
  max-width:450px!important;
  font-size:clamp(25px,1.9vw,31px)!important;
  line-height:1.09!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-open{
  right:24px!important;
  bottom:24px!important;
  width:34px!important;
  height:34px!important;
}

@media(max-width:1068px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-apple-gallery-shell:83vw;
    --b2b-apple-card-width:70vw;
    --b2b-apple-gallery-gap:15px;
    padding-top:76px!important;
    padding-bottom:60px!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card{
    height:clamp(410px,45vw,480px)!important;
    border-radius:23px!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-copy{
    width:58%!important;
    padding:29px 31px 0!important;
  }
}

@media(max-width:734px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-apple-card-width:78vw;
    --b2b-apple-gallery-gap:11px;
    padding-top:62px!important;
    padding-bottom:50px!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card{
    height:420px!important;
    border-radius:21px!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-copy{
    width:84%!important;
    padding:23px 23px 0!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-copy h3{
    font-size:25px!important;
    max-width:300px!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-open{
    right:20px!important;
    bottom:20px!important;
    width:32px!important;
    height:32px!important;
  }
}

@media(max-width:480px){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-apple-card-width:80vw;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card{
    height:400px!important;
    border-radius:20px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.80 — Infinite-loop zero-blank handoff
   During clone -> real-card normalization both copies stay fully rendered for
   a couple of compositor frames. No opacity/geometry transitions are allowed
   to create a background-only frame while scrollLeft is corrected.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-loop-handoff{
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  overflow-anchor:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-loop-handoff .b2b-apple-highlight-card.is-loop-donor,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-loop-handoff .b2b-apple-highlight-card.is-loop-receiver{
  opacity:1!important;
  visibility:visible!important;
  transition:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-loop-handoff .b2b-apple-highlight-card.is-loop-donor .b2b-apple-highlight-media,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-loop-handoff .b2b-apple-highlight-card.is-loop-receiver .b2b-apple-highlight-media,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-loop-handoff .b2b-apple-highlight-card.is-loop-donor .b2b-apple-highlight-media img,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-loop-handoff .b2b-apple-highlight-card.is-loop-receiver .b2b-apple-highlight-media img{
  opacity:1!important;
  visibility:visible!important;
}


/* ==========================================================
   v1.5.41.3.64.81 — compositor bridge for zero-blank loop reset
   A temporary visual copy is positioned over the currently visible edge card
   outside the horizontal track. It masks the large scrollLeft normalization
   until the real destination has painted for multiple frames.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
  position:relative!important;
}





/* ==========================================================
   v1.5.41.3.64.81 — Loop rebase + GPU pressure reduction
   Programmatic last↔first navigation now rebases before travel. Keep the
   identical clone fully painted during that invisible jump, and only promote
   media that is actively scaling so mobile browsers do not keep every full-size
   card texture on a compositor layer at once.
   ========================================================== */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-loop-rebase{
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  overflow-anchor:none!important;
}
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-loop-rebase .b2b-apple-highlight-card.is-current,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-loop-rebase .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media,
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlights-viewport.is-loop-rebase .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img{
  opacity:1!important;
  visibility:visible!important;
  transition:none!important;
  animation:none!important;
}

/* The media wrapper carries the same decoded image as a fallback paint layer.
   If a browser briefly drops the IMG texture while rebasing, the user still
   sees an identical frame instead of the section background. */
.b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* Avoid permanent GPU promotion of every full-resolution card image. That was
   expensive on mobile Safari/Chrome and could cause texture eviction exactly
   at the loop boundary. Only the one or two actively scaling images get a
   short-lived compositor hint. */
@supports (scale:1){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{
    will-change:auto!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-scaling .b2b-apple-highlight-media img{
    will-change:scale!important;
  }
}
@supports not (scale:1){
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{
    will-change:auto!important;
  }
  .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-scaling .b2b-apple-highlight-media img{
    will-change:transform!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.82 — Mobile fixed header / seamless navigation chrome
   Keep the global mobile menu permanently pinned to the visual viewport.
   WordPress admin-bar offset is supplied by JS so the header returns to top:0
   as soon as the admin bar scrolls away. Remove 1px seams from layered blur.
   ========================================================== */
@media(max-width:767px){
  :root{
    --b2b-mobile-header-height:54px;
    --b2b-mobile-admin-offset:0px;
  }
  html{
    scroll-padding-top:calc(var(--b2b-mobile-header-height) + var(--b2b-mobile-admin-offset) + 4px)!important;
  }
  .b2b-site-header,
  .admin-bar .b2b-site-header{
    position:fixed!important;
    top:var(--b2b-mobile-admin-offset)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:var(--b2b-mobile-header-height);
    margin:0!important;
    padding:0!important;
    z-index:1000!important;
    border:0!important;
    border-top:0!important;
    border-bottom:0!important;
    outline:0!important;
    background:rgba(251,251,253,.965)!important;
    -webkit-backdrop-filter:blur(20px) saturate(165%)!important;
    backdrop-filter:blur(20px) saturate(165%)!important;
    box-shadow:none!important;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    isolation:isolate;
  }
  .b2b-site-header::before,
  .b2b-site-header::after{content:none!important;display:none!important}
  .b2b-site-header.is-scrolled{
    box-shadow:0 10px 28px rgba(0,0,0,.055)!important;
  }
  .b2b-header-inner{
    height:var(--b2b-mobile-header-height)!important;
    min-height:var(--b2b-mobile-header-height)!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    box-sizing:border-box;
  }
  /* Fixed chrome no longer occupies document flow. Restore exactly one header height. */
  .b2b-site-content{
    padding-top:var(--b2b-mobile-header-height)!important;
  }
  /* Overlap the dropdown by one physical CSS pixel to remove the translucent seam. */
  .b2b-primary-nav{
    top:calc(var(--b2b-mobile-header-height) - 1px)!important;
    margin:0!important;
    border:0!important;
    border-top:0!important;
    border-bottom:0!important;
    outline:0!important;
    background:rgba(251,251,253,.985)!important;
    box-shadow:0 22px 38px rgba(0,0,0,.09)!important;
    max-height:calc(100dvh - var(--b2b-mobile-header-height) - var(--b2b-mobile-admin-offset) + 1px)!important;
  }
  .b2b-primary-nav::before,
  .b2b-primary-nav::after{content:none!important;display:none!important}

  /* All secondary sticky bars track the actual fixed-header position, so an
     admin bar that scrolls away cannot leave a visible gap above them. */
  .b2b-product-localbar,
  .b2b-product-center-localbar,
  .b2b-brand-local-nav-v5,
  .admin-bar .b2b-product-localbar,
  .admin-bar .b2b-product-center-localbar,
  .admin-bar .b2b-brand-local-nav-v5{
    top:calc(var(--b2b-mobile-admin-offset) + var(--b2b-mobile-header-height))!important;
  }
  .b2b-product-localbar,
  .b2b-product-center-localbar,
  .b2b-brand-local-nav-v5{
    border-top:0!important;
  }
  .b2b-brand-center-v5 section[id],
  .single-b2b_product section[id]{
    scroll-margin-top:calc(var(--b2b-mobile-admin-offset) + var(--b2b-mobile-header-height) + 58px)!important;
  }
}

@media(max-width:600px){
  /* WP's admin bar becomes document-positioned on many phone layouts. The JS
     offset follows only its visible portion, avoiding the classic empty strip. */
  .admin-bar .b2b-site-header{top:var(--b2b-mobile-admin-offset)!important}
}


/* ==========================================================
   v1.5.41.3.64.83 — Mobile menu scroll-unlock
   Keep the fixed header/menu visible without freezing document scrolling.
   The dropdown remains independently scrollable when its own content exceeds
   the viewport, while normal vertical gestures can continue through the page.
   ========================================================== */
@media(max-width:767px){
  html.b2b-menu-open,
  html.b2b-menu-open body{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    height:auto!important;
    max-height:none!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
  }
  html.b2b-menu-open body{
    position:static!important;
    width:auto!important;
  }
  .b2b-primary-nav,
  .b2b-primary-nav.is-open{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y!important;
    scrollbar-gutter:stable;
  }
  .b2b-primary-nav.is-open{
    pointer-events:auto!important;
  }
  .b2b-primary-nav .b2b-nav-list{
    touch-action:pan-y!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.84 — Mobile Product Center category carousel controls
   Add compact previous/next paddles below the horizontally scrolling category
   cards. Desktop stays unchanged; touch scrolling and scroll snap remain native.
   ========================================================== */
.b2b-pc-category-mobile-nav{display:none}
@media(max-width:767px){
  .post-type-archive-b2b_product .b2b-pc-category-mobile-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin-top:16px;
    padding-right:1px;
  }
  
  
  
  
  
  
  
  .post-type-archive-b2b_product .b2b-pc-category-grid{
    scroll-behavior:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
}
@media(max-width:420px){
  .post-type-archive-b2b_product .b2b-pc-category-mobile-nav{margin-top:14px;gap:9px}
  
}



/* ==========================================================
   v1.5.41.3.64.85 — Mobile Product Center centered dot pager
   Replace previous/next paddles with a compact centered pagination rail.
   Touch swiping remains native and updates the active dot automatically.
   ========================================================== */
@media(max-width:767px){
  .post-type-archive-b2b_product .b2b-pc-category-mobile-nav{
    display:flex!important;
    align-items:center;
    justify-content:center!important;
    gap:7px!important;
    width:100%;
    min-height:28px;
    margin:14px auto 0!important;
    padding:0!important;
  }
  .post-type-archive-b2b_product .b2b-pc-category-dot{
    appearance:none;
    -webkit-appearance:none;
    width:18px;
    height:18px;
    flex:0 0 18px;
    display:grid;
    place-items:center;
    padding:0;
    margin:0;
    border:0!important;
    border-radius:50%;
    background:transparent!important;
    box-shadow:none!important;
    cursor:pointer;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    outline:0;
  }
  .post-type-archive-b2b_product .b2b-pc-category-dot>span{
    display:block;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#c7c7cc;
    transform:scale(1);
    transform-origin:center;
    transition:background-color .28s ease,transform .42s cubic-bezier(.22,.61,.36,1),opacity .28s ease;
  }
  .post-type-archive-b2b_product .b2b-pc-category-dot.is-active>span{
    background:#1d1d1f;
    transform:scale(1.34);
  }
  @media(hover:hover) and (pointer:fine){
    .post-type-archive-b2b_product .b2b-pc-category-dot:hover>span{background:#86868b}
    .post-type-archive-b2b_product .b2b-pc-category-dot.is-active:hover>span{background:#1d1d1f}
  }
  .post-type-archive-b2b_product .b2b-pc-category-dot:focus-visible{
    outline:2px solid rgba(181,6,9,.72);
    outline-offset:1px;
  }
  .post-type-archive-b2b_product .b2b-pc-category-grid{
    scroll-behavior:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
  }
}
@media(max-width:420px){
  .post-type-archive-b2b_product .b2b-pc-category-mobile-nav{gap:6px!important;margin-top:12px!important}
  .post-type-archive-b2b_product .b2b-pc-category-dot{width:17px;height:17px;flex-basis:17px}
  .post-type-archive-b2b_product .b2b-pc-category-dot>span{width:6.5px;height:6.5px}
}
@media(prefers-reduced-motion:reduce){
  .post-type-archive-b2b_product .b2b-pc-category-dot>span{transition:none!important}
}

/* ==========================================================
   v1.5.41.3.64.86 — Mobile header top-gap hardening
   Cover the visual viewport by a tiny amount instead of relying on a flush
   0px compositor boundary. This removes the 1–2px bright strip that can be
   exposed by fixed + backdrop-filter layers on Safari/Chromium while keeping
   the header's bottom geometry unchanged for local navigation bars.
   ========================================================== */
@media(max-width:767px){
  :root{--b2b-mobile-header-overlap:2px}
  html{background:#fbfbfd!important}
  .b2b-site-header,
  .admin-bar .b2b-site-header{
    top:calc(var(--b2b-mobile-admin-offset) - var(--b2b-mobile-header-overlap))!important;
    height:calc(var(--b2b-mobile-header-height) + var(--b2b-mobile-header-overlap))!important;
    padding:var(--b2b-mobile-header-overlap) 0 0!important;
    background-color:#fbfbfd!important;
    border:0!important;
    outline:0!important;
    transform:none!important;
    -webkit-transform:none!important;
    box-shadow:none!important;
    background-clip:border-box!important;
  }
  .b2b-site-header.is-scrolled{
    box-shadow:0 9px 26px rgba(0,0,0,.05)!important;
  }
  .b2b-header-inner{
    height:var(--b2b-mobile-header-height)!important;
    min-height:var(--b2b-mobile-header-height)!important;
  }
  /* The dropdown overlaps the header paint by 2px as well, so neither the top
     edge nor the header/menu join can expose the page background. */
  .b2b-primary-nav{
    top:calc(var(--b2b-mobile-header-height) - var(--b2b-mobile-header-overlap))!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.87 — Mobile browser/device compatibility layer
   iOS Safari / iOS Chrome / Android Chrome / Samsung Internet / WebViews.
   Keep visual layout unchanged while hardening dynamic viewport, safe-area,
   touch input, fixed chrome and backdrop-filter fallbacks.
   ========================================================== */
@media(max-width:767px){
  :root{
    --b2b-mobile-visual-height:100vh;
  }

  /* Old engines that do not understand newer viewport units still receive a
     valid vh fallback; current engines use the JS-measured visual viewport. */
  .b2b-primary-nav{
    max-height:calc(100vh - var(--b2b-mobile-header-height) - var(--b2b-mobile-admin-offset) + 1px)!important;
    max-height:calc(var(--b2b-mobile-visual-height,100vh) - var(--b2b-mobile-header-height) - var(--b2b-mobile-admin-offset) + 1px)!important;
    box-sizing:border-box!important;
    padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
  }

  /* The 2px seam cover is paint-only. The base header geometry remains the
     measured inner height, avoiding ResizeObserver feedback across browsers. */
  .b2b-site-header,
  .admin-bar .b2b-site-header{
    min-height:calc(var(--b2b-mobile-header-height) + var(--b2b-mobile-header-overlap))!important;
    box-sizing:border-box!important;
    -webkit-font-smoothing:antialiased;
  }
  .b2b-header-inner{
    box-sizing:border-box!important;
    min-height:var(--b2b-mobile-header-height)!important;
    height:var(--b2b-mobile-header-height)!important;
  }

  /* Avoid horizontal page drift on browsers without overflow:clip support. */
  html,body{max-width:100%;overflow-x:hidden}
  @supports (overflow:clip){
    html,body{overflow-x:clip}
  }

  /* Mobile controls use native vertical panning and remove sticky tap glow. */
  .b2b-menu-toggle,
  .b2b-primary-nav a,
  .b2b-btn,
  .b2b-pc-category-dot,
  .b2b-home-ultraview-thumb,
  .b2b-feature-viewer-tab,
  .b2b-feature-color-swatch{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }

  /* Fixed/floating chrome should never be clipped by notches in landscape. */
  .b2b-header-inner{
    padding-left:max(0px,env(safe-area-inset-left))!important;
    padding-right:max(0px,env(safe-area-inset-right))!important;
  }
  .b2b-primary-nav{
    padding-left:max(18px,env(safe-area-inset-left))!important;
    padding-right:max(18px,env(safe-area-inset-right))!important;
  }

  /* Video elements stay inline and do not expose browser-default controls or
     unexpected intrinsic sizing when swapping image/video highlight scenes. */
  video{
    max-width:100%;
    -webkit-transform:translateZ(0);
  }
  .b2b-feature-viewer-video,
  .b2b-product-media-video video{
    display:block;
    width:100%;
  }
}

/* Opaque fallbacks for browsers/WebViews without backdrop-filter support. */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  @media(max-width:767px){
    .b2b-site-header,
    .b2b-primary-nav{background:#fbfbfd!important}
    .b2b-product-localbar,
    .b2b-product-center-localbar,
    .b2b-brand-local-nav-v5{background:#fff!important}
    .b2b-mobile-conversion-bar{background:#fff!important}
  }
}

/* Prevent synthetic hover states from sticking after taps on touch-only devices. */
@media(hover:none) and (pointer:coarse){
  .b2b-menu-toggle:hover,
  .b2b-pc-category-dot:hover,
  .b2b-home-ultraview-thumb:not(.is-active):hover,
  .b2b-feature-color-swatch:not(.is-active):hover{
    transform:none;
  }
}

/* Short landscape phones: keep fixed chrome usable without consuming the
   entire visual viewport. */
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
  :root{--b2b-mobile-header-height:50px}
  .b2b-header-inner{min-height:50px!important;height:50px!important}
  .b2b-primary-nav{
    padding-top:6px!important;
    padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  .b2b-nav-list li a{min-height:42px!important}
}

/* ==========================================================
   v1.5.41.3.64.88 — Product detail mobile fit + CTA hardening
   Keep product media fully visible on narrow devices and guarantee enquiry
   actions remain readable across 320–480px phones and common mobile browsers.
   ========================================================== */
@media(max-width:767px){
  .single-b2b_product .b2b-product-v2-hero{
    padding-top:12px!important;
    padding-bottom:50px!important;
  }
  .single-b2b_product .b2b-product-v2-hero-grid{
    gap:24px!important;
    min-width:0;
  }
  .single-b2b_product .b2b-product-media-gallery{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible;
  }
  .single-b2b_product .b2b-product-media-stage{
    width:100%!important;
    height:clamp(300px,calc(100vw - 28px),480px)!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    border-radius:clamp(18px,5vw,22px)!important;
    overflow:hidden!important;
    background:#f5f5f7!important;
    isolation:isolate;
  }
  .single-b2b_product .b2b-product-media-slide{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .single-b2b_product .b2b-product-media-slide img,
  .single-b2b_product .b2b-product-media-slide video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    box-sizing:border-box!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
  }
  .single-b2b_product .b2b-product-media-slide img{
    padding:clamp(10px,4vw,18px)!important;
  }
  .single-b2b_product .b2b-product-media-slide video{
    padding:0!important;
    background:#f5f5f7!important;
  }
  .single-b2b_product .b2b-product-media-thumbs{
    gap:8px!important;
    padding:10px 1px 1px!important;
    max-width:100%!important;
  }
  .single-b2b_product .b2b-product-media-thumbs button{
    width:60px!important;
    height:60px!important;
    flex:0 0 60px!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
  }
  .single-b2b_product .b2b-product-media-controls{
    right:10px!important;
    bottom:72px!important;
    max-width:calc(100% - 20px);
  }

  /* Hero copy/actions: never let a long B2B label clip on a narrow phone. */
  .single-b2b_product .b2b-product-v2-copy{
    width:100%;
    min-width:0;
  }
  .single-b2b_product .b2b-product-v2-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .single-b2b_product .b2b-product-v2-actions .b2b-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:44px!important;
    padding:8px 12px!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    line-height:1.2!important;
    text-align:center!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* Sticky local CTA wins space before the title and always remains complete. */
  .single-b2b_product .b2b-product-localbar-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  .single-b2b_product .b2b-product-local-title{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden;
  }
  .single-b2b_product .b2b-product-local-title strong{
    display:block;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .single-b2b_product .b2b-product-local-cta{
    display:inline-flex!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    max-width:46vw!important;
    min-height:32px!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }

  /* Bottom enquiry actions respect safe areas and do not truncate labels. */
  .single-b2b_product .b2b-mobile-conversion-bar{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    width:auto!important;
    left:0!important;
    right:0!important;
    box-sizing:border-box!important;
    padding:7px max(10px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right))!important;
  }
  .single-b2b_product .b2b-mobile-conversion-bar a{
    min-width:0!important;
    width:100%!important;
    min-height:52px!important;
    padding:6px 8px!important;
    box-sizing:border-box!important;
    overflow:hidden;
  }
  .single-b2b_product .b2b-mobile-conversion-bar small,
  .single-b2b_product .b2b-mobile-conversion-bar strong{
    width:100%;
    max-width:100%!important;
    text-align:center;
  }
  .single-b2b_product .b2b-mobile-conversion-bar small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .single-b2b_product .b2b-mobile-conversion-bar strong{
    margin-top:3px!important;
    font-size:12.5px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.single-b2b_product{
    padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
  .single-b2b_product .b2b-site-footer{
    padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
}

/* Common iPhone/Android portrait widths: stack the long hero enquiry labels so
   both remain fully legible rather than squeezing or clipping. */
@media(max-width:430px){
  .single-b2b_product .b2b-product-v2-actions{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .single-b2b_product .b2b-product-v2-actions .b2b-btn{
    min-height:44px!important;
  }
  .single-b2b_product .b2b-product-media-stage{
    height:clamp(300px,calc(100vw - 24px),410px)!important;
  }
}

@media(max-width:360px){
  .single-b2b_product .b2b-product-v2-hero{padding-bottom:44px!important}
  .single-b2b_product .b2b-product-media-stage{
    height:clamp(292px,calc(100vw - 18px),350px)!important;
  }
  .single-b2b_product .b2b-product-media-slide img{padding:10px!important}
  .single-b2b_product .b2b-product-media-thumbs button{
    width:54px!important;
    height:54px!important;
    flex-basis:54px!important;
  }
  .single-b2b_product .b2b-product-media-controls{bottom:65px!important}
  .single-b2b_product .b2b-product-local-title strong{font-size:12px!important}
  .single-b2b_product .b2b-product-local-cta{
    max-width:48vw!important;
    padding-inline:10px!important;
    font-size:11px!important;
  }
  .single-b2b_product .b2b-mobile-conversion-bar{gap:6px!important;padding-top:6px!important}
  .single-b2b_product .b2b-mobile-conversion-bar a{min-height:48px!important;padding-inline:6px!important}
  .single-b2b_product .b2b-mobile-conversion-bar small{font-size:7.5px!important}
  .single-b2b_product .b2b-mobile-conversion-bar strong{font-size:11.5px!important}
}

/* Landscape phones often exceed the portrait 767px breakpoint. Keep the media
   complete and the gallery usable when Safari/Chrome rotates to 812–896px wide. */
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
  .single-b2b_product .b2b-product-v2-hero-grid{gap:20px!important}
  .single-b2b_product .b2b-product-media-stage{
    width:min(100%,620px)!important;
    height:min(68vh,360px)!important;
    height:min(68dvh,360px)!important;
    min-height:280px!important;
    max-height:360px!important;
    aspect-ratio:auto!important;
    margin-inline:auto;
  }
  .single-b2b_product .b2b-product-media-slide img,
  .single-b2b_product .b2b-product-media-slide video{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    box-sizing:border-box!important;
    object-fit:contain!important;
  }
  .single-b2b_product .b2b-product-media-slide img{padding:10px!important}
}


/* ==========================================================
   v1.5.41.3.64.89 — Product detail multi-image pagination dots
   The existing Featured Image + Additional Gallery Images workflow remains the
   data source. Dots sit directly below the media card and stay synchronized
   with thumbnails, arrows, keyboard and touch swipes.
   ========================================================== */
.single-b2b_product .b2b-product-media-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  min-height:22px;
  padding:10px 10px 2px;
  box-sizing:border-box;
}
.single-b2b_product .b2b-product-media-dots button{
  appearance:none;
  -webkit-appearance:none;
  display:grid;
  place-items:center;
  width:16px;
  height:16px;
  min-width:16px;
  padding:0;
  margin:0;
  border:0;
  outline:0;
  border-radius:999px;
  background:transparent;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
.single-b2b_product .b2b-product-media-dots button>span{
  display:block;
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(29,29,31,.24);
  transform:scale(1);
  transition:width .34s cubic-bezier(.22,.61,.36,1),background-color .28s ease,transform .34s cubic-bezier(.22,.61,.36,1);
}
.single-b2b_product .b2b-product-media-dots button.is-active>span,
.single-b2b_product .b2b-product-media-dots button[aria-selected="true"]>span{
  width:18px;
  background:#1d1d1f;
}
.single-b2b_product .b2b-product-media-dots button:focus-visible{
  outline:2px solid rgba(181,6,9,.55);
  outline-offset:1px;
}
@media(hover:hover) and (pointer:fine){
  .single-b2b_product .b2b-product-media-dots button:not(.is-active):hover>span{
    background:rgba(29,29,31,.46);
    transform:scale(1.08);
  }
}
@media(max-width:767px){
  .single-b2b_product .b2b-product-media-dots{
    gap:6px;
    min-height:20px;
    padding:9px 8px 0;
  }
  .single-b2b_product .b2b-product-media-dots button{
    width:15px;
    height:15px;
    min-width:15px;
  }
  .single-b2b_product .b2b-product-media-dots button>span{width:5.5px;height:5.5px}
  .single-b2b_product .b2b-product-media-dots button.is-active>span,
  .single-b2b_product .b2b-product-media-dots button[aria-selected="true"]>span{width:16px}
  /* Dots become the primary compact pagination cue on phones. Keep thumbnails
     available directly below for visual selection without making the hero taller. */
  .single-b2b_product .b2b-product-media-thumbs{padding-top:7px!important}
}
@media(max-width:360px){
  .single-b2b_product .b2b-product-media-dots{gap:5px;padding-top:7px}
  .single-b2b_product .b2b-product-media-dots button{width:14px;height:14px;min-width:14px}
  .single-b2b_product .b2b-product-media-dots button.is-active>span,
  .single-b2b_product .b2b-product-media-dots button[aria-selected="true"]>span{width:14px}
}
@media(prefers-reduced-motion:reduce){
  .single-b2b_product .b2b-product-media-dots button>span{transition:none!important}
}

/* ==========================================================
   v1.5.41.3.64.92 — Product detail hero proportion refinement
   Reduce the gallery stage itself (not the product inside it), keep all media
   fully contained, and rebalance media/copy/controls across desktop and mobile.
   ========================================================== */
@media(min-width:1051px){
  .single-b2b_product .b2b-product-v2-hero{padding:24px 0 74px}
  .single-b2b_product .b2b-product-v2-hero-grid{
    grid-template-columns:minmax(0,.94fr) minmax(400px,1.06fr);
    gap:clamp(46px,5vw,66px);
    align-items:center;
  }
  .single-b2b_product .b2b-product-media-gallery{
    width:100%;
    max-width:620px;
    justify-self:center;
  }
  .single-b2b_product .b2b-product-media-stage{
    width:100%;
    height:clamp(470px,39vw,535px);
    min-height:0;
    border-radius:28px;
  }
  .single-b2b_product .b2b-product-media-slide img{
    width:100%;height:100%;max-height:none;
    box-sizing:border-box;
    object-fit:contain;
    padding:clamp(24px,3vw,40px);
  }
  .single-b2b_product .b2b-product-media-slide video{
    width:100%;height:100%;min-height:0;
    object-fit:contain;
  }
  .single-b2b_product .b2b-product-media-thumbs{
    justify-content:center;
    gap:8px;
    padding-top:9px;
  }
  .single-b2b_product .b2b-product-media-thumbs button{
    width:68px;height:68px;flex-basis:68px;border-radius:14px;
  }
  .single-b2b_product .b2b-product-media-dots{padding-top:8px;min-height:20px}
  .single-b2b_product .b2b-product-v2-copy{max-width:610px}
  .single-b2b_product .b2b-product-v2-copy h1{
    font-size:clamp(46px,4.6vw,68px);
    margin:12px 0 18px;
  }
  .single-b2b_product .b2b-product-v2-tagline{
    max-width:570px;
    font-size:18px;
    line-height:1.55;
    margin-bottom:24px;
  }
}

@media(min-width:768px) and (max-width:1050px){
  .single-b2b_product .b2b-product-v2-hero{padding-bottom:68px}
  .single-b2b_product .b2b-product-v2-hero-grid{gap:34px}
  .single-b2b_product .b2b-product-media-gallery{
    width:min(100%,650px);
    margin-inline:auto;
  }
  .single-b2b_product .b2b-product-media-stage{
    height:clamp(430px,55vw,520px);
    min-height:0;
    border-radius:28px;
  }
  .single-b2b_product .b2b-product-media-slide img{
    width:100%;height:100%;max-height:none;
    box-sizing:border-box;object-fit:contain;padding:26px;
  }
  .single-b2b_product .b2b-product-media-slide video{height:100%;min-height:0;object-fit:contain}
  .single-b2b_product .b2b-product-media-thumbs{justify-content:center}
  .single-b2b_product .b2b-product-v2-copy{width:min(100%,650px);margin-inline:auto}
}

@media(max-width:767px){
  .single-b2b_product .b2b-product-v2-hero{
    padding-top:10px!important;
    padding-bottom:42px!important;
  }
  .single-b2b_product .b2b-product-v2-hero-grid{gap:20px!important}
  .single-b2b_product .b2b-product-media-gallery{
    width:min(calc(100% - 12px),440px)!important;
    max-width:440px!important;
    margin-inline:auto!important;
  }
  .single-b2b_product .b2b-product-media-stage{
    width:100%!important;
    height:clamp(278px,82vw,380px)!important;
    min-height:0!important;
    max-height:380px!important;
    border-radius:20px!important;
  }
  .single-b2b_product .b2b-product-media-slide img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    box-sizing:border-box!important;
    padding:clamp(10px,3vw,14px)!important;
  }
  .single-b2b_product .b2b-product-media-slide video{
    width:100%!important;height:100%!important;min-height:0!important;
    max-height:100%!important;object-fit:contain!important;
  }
  .single-b2b_product .b2b-product-media-dots{
    padding-top:7px;
    min-height:18px;
  }
  .single-b2b_product .b2b-product-media-thumbs{
    justify-content:center;
    gap:7px!important;
    padding-top:5px!important;
  }
  .single-b2b_product .b2b-product-media-thumbs button{
    width:54px!important;height:54px!important;flex-basis:54px!important;
    border-radius:11px!important;
  }
  .single-b2b_product .b2b-product-media-controls{
    right:9px!important;
    bottom:62px!important;
    transform:scale(.94);
    transform-origin:right bottom;
  }
  .single-b2b_product .b2b-product-v2-copy h1{
    font-size:clamp(36px,10vw,44px)!important;
    margin-top:10px;
    margin-bottom:15px;
  }
  .single-b2b_product .b2b-product-v2-tagline{
    font-size:16px!important;
    line-height:1.52;
    margin-bottom:20px;
  }
  .single-b2b_product .b2b-product-v2-response{margin-top:14px}
}

@media(max-width:430px){
  .single-b2b_product .b2b-product-media-gallery{
    width:min(calc(100% - 16px),400px)!important;
  }
  .single-b2b_product .b2b-product-media-stage{
    height:clamp(270px,80vw,345px)!important;
    max-height:345px!important;
  }
}

@media(max-width:360px){
  .single-b2b_product .b2b-product-media-gallery{width:calc(100% - 10px)!important}
  .single-b2b_product .b2b-product-media-stage{
    height:clamp(258px,79vw,300px)!important;
    max-height:300px!important;
  }
  .single-b2b_product .b2b-product-media-thumbs button{
    width:50px!important;height:50px!important;flex-basis:50px!important;
  }
  .single-b2b_product .b2b-product-media-controls{bottom:58px!important;transform:scale(.9)}
}

@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
  .single-b2b_product .b2b-product-media-gallery{width:min(100%,560px)!important}
  .single-b2b_product .b2b-product-media-stage{
    height:min(62dvh,320px)!important;
    min-height:245px!important;
    max-height:320px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.94 — Desktop HERO larger thumbnail harmony
   On desktop, the category thumbnail rail shares one visual baseline with
   the primary inquiry actions. Thumbnails are enlarged one step for clearer
   category recognition while active scaling stays restrained and balanced.
   Mobile keeps the v77+ CTA-first stacked composition unchanged.
   ========================================================== */
@media(min-width:1121px){
  .b2b-home-ultraview-copy-static{
    --b2b-hero-control-line:clamp(150px,18vh,210px);
    bottom:var(--b2b-hero-control-line)!important;
  }
  .b2b-home-ultraview-thumbs{
    right:1.35%!important;
    bottom:var(--b2b-hero-control-line,clamp(150px,18vh,210px))!important;
    width:min(43%,560px)!important;
    min-height:60px;
    justify-content:center!important;
    align-items:flex-end!important;
    gap:10px!important;
    padding:0 4px!important;
    overflow-y:visible!important;
  }
  .b2b-home-ultraview-thumb{
    flex:0 0 72px!important;
    width:72px!important;
    height:58px!important;
    padding:4px!important;
    border-radius:14px!important;
    transform-origin:50% 100%!important;
  }
  .b2b-home-ultraview-thumb span{
    border-radius:10px!important;
  }
  .b2b-home-ultraview-thumb img{
    padding:2px!important;
  }
  .b2b-home-ultraview-thumb:hover{
    transform:translateY(-1px) scale(1.012)!important;
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translateY(-2px) scale(1.035)!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  .b2b-home-ultraview-copy-static{
    --b2b-hero-control-line:clamp(132px,16vh,176px);
    bottom:var(--b2b-hero-control-line)!important;
  }
  .b2b-home-ultraview-thumbs{
    right:.5%!important;
    bottom:var(--b2b-hero-control-line,clamp(132px,16vh,176px))!important;
    width:min(44%,470px)!important;
    min-height:54px;
    justify-content:center!important;
    align-items:flex-end!important;
    gap:8px!important;
    padding:0 3px!important;
  }
  .b2b-home-ultraview-thumb{
    flex:0 0 64px!important;
    width:64px!important;
    height:52px!important;
    padding:3px!important;
    border-radius:12px!important;
    transform-origin:50% 100%!important;
  }
  .b2b-home-ultraview-thumb span{border-radius:9px!important}
  .b2b-home-ultraview-thumb img{padding:2px!important}
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translateY(-2px) scale(1.035)!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.95 — HERO thumbnail clarity refinement
   Slightly enlarge desktop thumbnails and increase the useful image area on
   phones. Keep the desktop CTA baseline alignment and the mobile centered rail.
   ========================================================== */
@media(min-width:1121px){
  .b2b-home-ultraview-thumbs{
    width:min(45%,620px)!important;
    min-height:66px!important;
    gap:11px!important;
  }
  .b2b-home-ultraview-thumb{
    flex:0 0 80px!important;
    width:80px!important;
    height:64px!important;
    padding:3px!important;
    border-radius:15px!important;
  }
  .b2b-home-ultraview-thumb span{border-radius:11px!important}
  .b2b-home-ultraview-thumb img{
    padding:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  .b2b-home-ultraview-thumb:hover{
    transform:translateY(-1px) scale(1.01)!important;
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translateY(-2px) scale(1.03)!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  .b2b-home-ultraview-thumbs{
    width:min(45%,510px)!important;
    min-height:59px!important;
    gap:9px!important;
  }
  .b2b-home-ultraview-thumb{
    flex:0 0 70px!important;
    width:70px!important;
    height:56px!important;
    padding:3px!important;
    border-radius:13px!important;
  }
  .b2b-home-ultraview-thumb span{border-radius:10px!important}
  .b2b-home-ultraview-thumb img{
    padding:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translateY(-2px) scale(1.03)!important;
  }
}

@media(max-width:760px){
  .b2b-home-ultraview-thumbs{
    margin-top:14px!important;
    padding:5px 2px 7px!important;
    gap:10px!important;
    scroll-padding-inline:10px!important;
  }
  .b2b-home-ultraview-thumb{
    flex:0 0 70px!important;
    width:70px!important;
    height:56px!important;
    padding:2px!important;
    border-radius:13px!important;
  }
  .b2b-home-ultraview-thumb span{
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .b2b-home-ultraview-thumb img{
    width:100%!important;
    height:100%!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translate3d(0,-1px,0) scale(1.035)!important;
  }
}

@media(max-width:420px){
  .b2b-home-ultraview-thumbs{gap:9px!important}
  .b2b-home-ultraview-thumb{
    flex-basis:66px!important;
    width:66px!important;
    height:53px!important;
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translate3d(0,-1px,0) scale(1.032)!important;
  }
}

@media(max-width:350px){
  .b2b-home-ultraview-thumb{
    flex-basis:62px!important;
    width:62px!important;
    height:50px!important;
  }
  .b2b-home-ultraview-thumbs{gap:8px!important}
}

/* ==========================================================
   v1.5.41.3.64.96 — HERO thumbnail borderless cross-device polish
   Remove legacy 1px rings / active strokes / backdrop-filter seams on desktop
   and mobile. Keep selection depth through opacity, scale and soft shadow only.
   ========================================================== */
.b2b-home-ultraview-thumb,
.b2b-home-ultraview-thumb:hover,
.b2b-home-ultraview-thumb.is-active,
.b2b-home-ultraview-thumb.is-active:hover{
  -webkit-appearance:none!important;
  appearance:none!important;
  border:0!important;
  outline:0;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.b2b-home-ultraview-thumb::before,
.b2b-home-ultraview-thumb::after,
.b2b-home-ultraview-thumb.is-active::before,
.b2b-home-ultraview-thumb.is-active::after{
  content:none!important;
  display:none!important;
}
.b2b-home-ultraview-thumb span,
.b2b-home-ultraview-thumb:hover span,
.b2b-home-ultraview-thumb.is-active span{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:rgba(18,18,20,.78)!important;
  overflow:hidden!important;
}
.b2b-home-ultraview-thumb img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  display:block!important;
}
.b2b-home-ultraview-thumb{
  background:rgba(14,14,16,.62)!important;
  box-shadow:none!important;
  opacity:.82;
  transition:
    transform .46s cubic-bezier(.22,.61,.36,1),
    opacity .30s ease,
    background-color .30s ease,
    box-shadow .46s cubic-bezier(.22,.61,.36,1)!important;
}
.b2b-home-ultraview-thumb:hover{
  background:rgba(20,20,22,.72)!important;
  box-shadow:none!important;
  opacity:.92;
}
.b2b-home-ultraview-thumb.is-active,
.b2b-home-ultraview-thumb.is-active:hover{
  background:rgba(28,28,31,.92)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.24)!important;
  opacity:1;
}
.b2b-home-ultraview-thumb:focus{outline:0!important}
.b2b-home-ultraview-thumb:focus:not(:focus-visible){box-shadow:none!important}
.b2b-home-ultraview-thumb:focus-visible{
  outline:2px solid rgba(220,8,11,.56)!important;
  outline-offset:2px!important;
}

@media(min-width:1121px){
  .b2b-home-ultraview-thumb{
    border-radius:15px!important;
    overflow:hidden!important;
  }
  .b2b-home-ultraview-thumb span{border-radius:12px!important}
  .b2b-home-ultraview-thumb img{padding:0!important}
  .b2b-home-ultraview-thumb:hover{transform:translateY(-1px) scale(1.008)!important}
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{transform:translateY(-2px) scale(1.028)!important}
}

@media(min-width:761px) and (max-width:1120px){
  .b2b-home-ultraview-thumb{
    border-radius:13px!important;
    overflow:hidden!important;
  }
  .b2b-home-ultraview-thumb span{border-radius:10px!important}
  .b2b-home-ultraview-thumb img{padding:0!important}
}

@media(max-width:760px){
  .b2b-home-ultraview-thumbs{
    gap:10px!important;
    padding:5px 3px 8px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }
  .b2b-home-ultraview-thumbs.is-centered{justify-content:center!important}
  .b2b-home-ultraview-thumbs.is-overflowing{justify-content:flex-start!important}
  .b2b-home-ultraview-thumb{
    flex:0 0 72px!important;
    width:72px!important;
    height:58px!important;
    padding:2px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    opacity:.80;
    transform:translate3d(0,0,0) scale(.992)!important;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }
  .b2b-home-ultraview-thumb span{
    border-radius:11px!important;
    width:100%!important;
    height:100%!important;
  }
  .b2b-home-ultraview-thumb img{
    width:100%!important;
    height:100%!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  @media(hover:hover) and (pointer:fine){
    .b2b-home-ultraview-thumb:hover{transform:translate3d(0,0,0) scale(.992)!important}
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translate3d(0,-1px,0) scale(1.03)!important;
    box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
  }
}

@media(max-width:420px){
  .b2b-home-ultraview-thumbs{gap:9px!important}
  .b2b-home-ultraview-thumb{
    flex-basis:68px!important;
    width:68px!important;
    height:55px!important;
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{transform:translate3d(0,-1px,0) scale(1.028)!important}
}

@media(max-width:350px){
  .b2b-home-ultraview-thumbs{gap:8px!important}
  .b2b-home-ultraview-thumb{
    flex-basis:64px!important;
    width:64px!important;
    height:52px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.97 — Mobile Color variants visibility / touch stability
   One active Color field owns the swatch controls. Retire every historical
   mobile-color branch and explicitly keep the active picker visible/clickable.
   ========================================================== */
@media(max-width:620px){
  /* Historical standalone mobile color UI is permanently retired. */
  
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-mobile-color-open{
    display:block!important;
    width:100%!important;
    padding:0!important;
    background:transparent!important;
  }

  /* When Color is active, the field itself is the only visible color control. */
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    position:relative!important;
    z-index:6;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active > .b2b-feature-viewer-tab{
    display:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    grid-template-rows:1fr!important;
    overflow:visible!important;
    pointer-events:auto!important;
    position:relative!important;
    z-index:7!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-viewer-panel-inner{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-copy{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-current{
    display:inline!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-picker{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-height:42px!important;
    overflow:visible!important;
    pointer-events:auto!important;
    position:relative!important;
    z-index:9!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatches{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    min-height:40px!important;
    gap:14px!important;
    padding:4px 6px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    pointer-events:auto!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatches::-webkit-scrollbar{display:none!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:50%!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
    position:relative!important;
    z-index:10!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch::before{
    pointer-events:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch>span{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:none!important;
  }

  /* Keep the corresponding image/video scenes stable on mobile. */
  .b2b-product-feature-viewer .b2b-feature-color-scenes{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }
  .b2b-product-feature-viewer .b2b-feature-color-scene{
    display:flex!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }
  .b2b-product-feature-viewer .b2b-feature-color-scene.is-active,
  .b2b-product-feature-viewer .b2b-feature-color-scene.is-color-transition-layer{
    visibility:visible!important;
  }
}

@media(max-width:390px){
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatches{
    gap:12px!important;
    padding-inline:3px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active .b2b-feature-color-swatch{
    flex-basis:32px!important;
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.98 — Desktop HERO right-shift + copy breathing room
   Move the category product stage and its thumbnail rail farther right as one
   composition while preserving their shared CTA control baseline. Widen the
   static brand copy so desktop lines carry more text before wrapping.
   ========================================================== */
@media(min-width:1121px){
  .b2b-home-ultraview-copy-static{
    width:min(54.5%,740px)!important;
  }
  .b2b-home-ultraview-copy-static h1{
    max-width:760px!important;
    text-wrap:balance;
  }
  .b2b-home-ultraview-copy-static>p{
    width:min(100%,680px)!important;
    max-width:680px!important;
    font-size:clamp(16.5px,1.28vw,19.5px)!important;
    line-height:1.60!important;
    text-wrap:pretty;
  }

  /* Stage + thumbnails move as a single right-side composition. */
  .b2b-home-ultraview-stage{
    right:-4.4%!important;
    width:46.5%!important;
  }
  .b2b-home-ultraview-products{
    inset:2.5% 1% 5% 4.5%!important;
    transform:translate3d(clamp(22px,3vw,52px),0,0)!important;
  }
  .b2b-home-ultraview-stage:before,
  .b2b-home-ultraview-stage:after{
    left:58.5%!important;
  }
  .b2b-home-ultraview-thumbs{
    right:-.85%!important;
    width:min(45%,620px)!important;
    /* Keep the existing --b2b-hero-control-line baseline with the CTA. */
    align-items:flex-end!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  .b2b-home-ultraview-copy-static{
    width:53.5%!important;
  }
  .b2b-home-ultraview-copy-static h1{
    max-width:650px!important;
  }
  .b2b-home-ultraview-copy-static>p{
    width:min(100%,590px)!important;
    max-width:590px!important;
    line-height:1.58!important;
  }
  .b2b-home-ultraview-stage{
    right:-4.2%!important;
    width:48%!important;
  }
  .b2b-home-ultraview-products{
    transform:translate3d(clamp(18px,2.45vw,34px),0,0)!important;
  }
  .b2b-home-ultraview-stage:before,
  .b2b-home-ultraview-stage:after{
    left:57%!important;
  }
  .b2b-home-ultraview-thumbs{
    right:-1.1%!important;
    width:min(45%,510px)!important;
    align-items:flex-end!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.99 — Desktop HERO shared visual axis
   Align the product visual and the thumbnail rail to the same X axis so the
   center thumbnail sits directly beneath the product center on desktop.
   ========================================================== */
@media(min-width:1121px){
  .b2b-home-ultraview-hero{
    --b2b-hero-visual-axis:76.3%;
  }
  .b2b-home-ultraview-thumbs{
    left:var(--b2b-hero-visual-axis)!important;
    right:auto!important;
    width:min(45%,620px)!important;
    transform:translate3d(-50%,0,0)!important;
    justify-content:center!important;
    align-items:flex-end!important;
  }
  .b2b-home-ultraview-thumbs.is-overflowing{
    justify-content:flex-start!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  .b2b-home-ultraview-hero{
    --b2b-hero-visual-axis:75.2%;
  }
  .b2b-home-ultraview-thumbs{
    left:var(--b2b-hero-visual-axis)!important;
    right:auto!important;
    width:min(45%,510px)!important;
    transform:translate3d(-50%,0,0)!important;
    justify-content:center!important;
    align-items:flex-end!important;
  }
  .b2b-home-ultraview-thumbs.is-overflowing{
    justify-content:flex-start!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.100 — HERO CTA spacing + thumbnail focus depth
   Give the two desktop CTA buttons more breathing room. Selecting a product
   thumbnail gently pulls visual focus inward: the active item stays crisp,
   its immediate neighbours ease smaller, and distant items recede slightly.
   ========================================================== */
@media(min-width:1121px){
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:24px!important;
  }
}
@media(min-width:761px) and (max-width:1120px){
  .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:19px!important;
  }
}

/* Use one calm transform curve for the whole thumbnail rail so the neighbour
   shrink reads as a single focus handoff rather than three independent jumps. */
.b2b-home-ultraview-thumb{
  transform-origin:50% 50%!important;
  transition:
    transform .58s cubic-bezier(.22,.61,.36,1),
    opacity .42s cubic-bezier(.22,.61,.36,1),
    background-color .36s ease,
    box-shadow .52s cubic-bezier(.22,.61,.36,1)!important;
}

@media(min-width:1121px){
  .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:translate3d(0,0,0) scale(.935)!important;
    opacity:.70!important;
  }
  .b2b-home-ultraview-thumb.is-thumb-distant:not(.is-active){
    transform:translate3d(0,0,0) scale(.975)!important;
    opacity:.76!important;
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translate3d(0,-2px,0) scale(1.04)!important;
    opacity:1!important;
  }
  .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active):hover{
    transform:translate3d(0,-1px,0) scale(.95)!important;
    opacity:.82!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:translate3d(0,0,0) scale(.945)!important;
    opacity:.72!important;
  }
  .b2b-home-ultraview-thumb.is-thumb-distant:not(.is-active){
    transform:translate3d(0,0,0) scale(.98)!important;
    opacity:.78!important;
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translate3d(0,-1px,0) scale(1.038)!important;
    opacity:1!important;
  }
}

@media(max-width:760px){
  .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:translate3d(0,0,0) scale(.955)!important;
    opacity:.68!important;
  }
  .b2b-home-ultraview-thumb.is-thumb-distant:not(.is-active){
    transform:translate3d(0,0,0) scale(.982)!important;
    opacity:.73!important;
  }
  .b2b-home-ultraview-thumb.is-active,
  .b2b-home-ultraview-thumb.is-active:hover{
    transform:translate3d(0,-1px,0) scale(1.032)!important;
    opacity:1!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .b2b-home-ultraview-thumb{
    transition:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.101 — force-applied HERO CTA + thumbnail focus handoff
   Scope to the current UltraView homepage DOM and keep these rules at EOF so
   legacy thumbnail generations cannot override the visible state.
   ========================================================== */
@media (min-width:1121px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:28px!important;
    column-gap:28px!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb{
    opacity:.82!important;
    transform:translate3d(0,0,0) scale(.982)!important;
    transition:transform .62s cubic-bezier(.22,.61,.36,1),opacity .48s cubic-bezier(.22,.61,.36,1),box-shadow .52s cubic-bezier(.22,.61,.36,1)!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    opacity:.66!important;
    transform:translate3d(0,0,0) scale(.91)!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-distant:not(.is-active){
    opacity:.76!important;
    transform:translate3d(0,0,0) scale(.965)!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active,
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active:hover{
    opacity:1!important;
    transform:translate3d(0,-2px,0) scale(1.045)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.23)!important;
  }
  body.home .b2b-home-ultraview-hero.is-thumb-focus-pulsing .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:translate3d(0,1px,0) scale(.875)!important;
    opacity:.58!important;
  }
}
@media (min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:22px!important;
    column-gap:22px!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:translate3d(0,0,0) scale(.925)!important;
    opacity:.68!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active,
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active:hover{
    transform:translate3d(0,-1px,0) scale(1.04)!important;
    opacity:1!important;
  }
  body.home .b2b-home-ultraview-hero.is-thumb-focus-pulsing .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:translate3d(0,1px,0) scale(.895)!important;
    opacity:.60!important;
  }
}
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:translate3d(0,0,0) scale(.94)!important;
    opacity:.70!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active,
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active:hover{
    transform:translate3d(0,-1px,0) scale(1.03)!important;
    opacity:1!important;
  }
  body.home .b2b-home-ultraview-hero.is-thumb-focus-pulsing .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:translate3d(0,0,0) scale(.915)!important;
    opacity:.64!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb{transition:none!important}
}

/* ==========================================================
   v1.5.41.3.64.102 — HERO exact product / center-thumb axis
   Use one geometric X axis for the desktop product stage, product layer,
   halo/floor shadow and thumbnail rail. Previous revisions mixed right offsets,
   asymmetric insets and translateX, so the visual centers could never match.
   ========================================================== */
@media(min-width:1121px){
  .b2b-home-ultraview-hero{
    --b2b-hero-visual-axis:80.5%;
    --b2b-hero-stage-width:46.5%;
  }
  .b2b-home-ultraview-stage{
    left:calc(var(--b2b-hero-visual-axis) - (var(--b2b-hero-stage-width) / 2))!important;
    right:auto!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  .b2b-home-ultraview-products{
    left:2.5%!important;
    right:2.5%!important;
    transform:none!important;
  }
  .b2b-home-ultraview-stage:before,
  .b2b-home-ultraview-stage:after{
    left:50%!important;
  }
  .b2b-home-ultraview-thumbs{
    left:var(--b2b-hero-visual-axis)!important;
    right:auto!important;
    transform:translate3d(-50%,0,0)!important;
    transform-origin:50% 50%!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  .b2b-home-ultraview-hero{
    --b2b-hero-visual-axis:79.8%;
    --b2b-hero-stage-width:48%;
  }
  .b2b-home-ultraview-stage{
    left:calc(var(--b2b-hero-visual-axis) - (var(--b2b-hero-stage-width) / 2))!important;
    right:auto!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  .b2b-home-ultraview-products{
    left:2%!important;
    right:2%!important;
    transform:none!important;
  }
  .b2b-home-ultraview-stage:before,
  .b2b-home-ultraview-stage:after{
    left:50%!important;
  }
  .b2b-home-ultraview-thumbs{
    left:var(--b2b-hero-visual-axis)!important;
    right:auto!important;
    transform:translate3d(-50%,0,0)!important;
    transform-origin:50% 50%!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.103 — Desktop HERO outward composition
   Move the brand copy and the complete product/thumbnail composition toward
   opposite edges to create a calmer center gutter. The product, halo, shadow
   and thumbnail rail continue to share the exact X axis established in v102.
   Mobile is intentionally unchanged.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-visual-axis:82.1%;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    transform:translate3d(clamp(-38px,-2.35vw,-30px),0,0)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:calc(var(--b2b-hero-visual-axis) - (var(--b2b-hero-stage-width) / 2))!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:var(--b2b-hero-visual-axis)!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-visual-axis:81.0%;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    transform:translate3d(clamp(-22px,-1.7vw,-14px),0,0)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:calc(var(--b2b-hero-visual-axis) - (var(--b2b-hero-stage-width) / 2))!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:var(--b2b-hero-visual-axis)!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.104 — HERO thumbnail focus direct-state guard
   JS owns transform/opacity inline to avoid legacy !important collisions.
   Keep hover from adding a second transform while depth focus is active.
   ========================================================== */
.b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb:hover{
  filter:none!important;
}
@media (hover:none),(pointer:coarse){
  .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb:hover{
    box-shadow:none;
  }
}


/* ==========================================================
   v1.5.41.3.64.105 — stronger readable HERO thumbnail focus
   JS owns the actual button transforms. These inner-layer rules make the
   depth difference read clearly even on dark/low-contrast product thumbnails.
   ========================================================== */
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb{
  will-change:transform,opacity;
}
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb span,
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb img{
  transition:filter .58s cubic-bezier(.22,.61,.36,1),opacity .58s cubic-bezier(.22,.61,.36,1)!important;
}
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active span,
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active img{
  filter:saturate(1.06) brightness(1.04)!important;
  opacity:1!important;
}
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active) span,
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active) img{
  filter:saturate(.84) brightness(.86)!important;
}
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-distant:not(.is-active) span,
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-distant:not(.is-active) img{
  filter:saturate(.92) brightness(.93)!important;
}
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active) span,
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active) img{
    filter:saturate(.90) brightness(.91)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb{will-change:auto!important}
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb span,
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb img{transition:none!important}
}

/* ==========================================================
   v1.5.41.3.64.106 — HERO symmetric outer composition
   Use one real desktop content frame instead of opposing translate offsets.
   Copy is pinned to the left safe edge, product/stage to the equal right safe
   edge, leaving a deliberately wider center gutter while preserving the exact
   product / middle-thumbnail axis.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-side-safe:clamp(34px,4.25vw,68px);
    --b2b-hero-stage-width:40%;
    --b2b-hero-visual-axis:80%;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-inner{
    width:min(calc(100% - (var(--b2b-hero-side-safe) * 2)),1480px)!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    left:0!important;
    right:auto!important;
    width:min(43%,700px)!important;
    transform:none!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static h1{
    max-width:700px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    max-width:650px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:auto!important;
    right:0!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-products{
    left:2.5%!important;
    right:2.5%!important;
    transform:none!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:before,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:after{
    left:50%!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:var(--b2b-hero-visual-axis)!important;
    right:auto!important;
    width:var(--b2b-hero-stage-width)!important;
    max-width:none!important;
    transform:translate3d(-50%,0,0)!important;
    justify-content:center!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs.is-overflowing{
    justify-content:flex-start!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-side-safe:clamp(24px,3.2vw,38px);
    --b2b-hero-stage-width:44%;
    --b2b-hero-visual-axis:78%;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-inner{
    width:calc(100% - (var(--b2b-hero-side-safe) * 2))!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    left:0!important;
    right:auto!important;
    width:46%!important;
    transform:none!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:auto!important;
    right:0!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-products{
    left:2%!important;
    right:2%!important;
    transform:none!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:before,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:after{
    left:50%!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:var(--b2b-hero-visual-axis)!important;
    right:auto!important;
    width:var(--b2b-hero-stage-width)!important;
    max-width:none!important;
    transform:translate3d(-50%,0,0)!important;
    justify-content:center!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs.is-overflowing{
    justify-content:flex-start!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.107 — HERO thumbnail borderless two-level focus
   One selected thumbnail stays crisp and prominent; every unselected thumbnail
   contracts uniformly, regardless of whether the selected item is left,
   center, or right. Final overrides also remove every possible rounded seam.
   ========================================================== */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb:hover,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb:active,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb.is-active,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb.is-active:hover{
  border:0!important;
  border-width:0!important;
  border-color:transparent!important;
  outline:0!important;
  background-clip:padding-box!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb::before,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb::after,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span::before,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span::after{
  content:none!important;
  display:none!important;
  border:0!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:rgba(13,13,15,.72)!important;
  overflow:hidden!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb img{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0!important;
  /* A tiny overscan hides sub-pixel antialias seams on Safari/Chromium. */
  width:calc(100% + 2px)!important;
  height:calc(100% + 2px)!important;
  max-width:none!important;
  max-height:none!important;
  margin:-1px!important;
  object-fit:contain!important;
}
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-unselected span,
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-unselected img{
  filter:saturate(.86) brightness(.88)!important;
}
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active span,
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active img{
  filter:saturate(1.05) brightness(1.035)!important;
}
body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb:focus:not(:focus-visible){
  outline:0!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-unselected span,
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-unselected img{
    filter:saturate(.92) brightness(.92)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-unselected{
    opacity:.78!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.108 — HERO thumbnail single-surface borderless finish
   Remove the double rounded surface (button padding/background + inner span)
   that could read as a 1px border on Safari/Chromium. The button is now a
   transparent hit target and the inner span is the only painted/clipped card.
   Slightly enlarge thumbnails while preserving the selected/unselected focus.
   ========================================================== */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb:hover,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb:active,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb:focus,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb:focus-visible,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb.is-active,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb.is-active:hover{
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  overflow:visible!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb:hover span,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb:active span,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb.is-active span{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:rgba(14,14,16,.76)!important;
  background-clip:border-box!important;
  overflow:hidden!important;
  isolation:isolate;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb.is-active span{
  background:rgba(25,25,28,.92)!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  object-position:center!important;
  -webkit-clip-path:none!important;
  clip-path:none!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb::before,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb::after,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span::before,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span::after{
  content:none!important;
  display:none!important;
}

@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    gap:12px!important;
    min-height:71px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb{
    flex:0 0 86px!important;
    width:86px!important;
    height:69px!important;
    border-radius:16px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span{
    border-radius:16px!important;
  }
}
@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    gap:10px!important;
    min-height:63px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb{
    flex:0 0 76px!important;
    width:76px!important;
    height:61px!important;
    border-radius:14px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span{
    border-radius:14px!important;
  }
}
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    gap:10px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb{
    flex:0 0 76px!important;
    width:76px!important;
    height:61px!important;
    border-radius:15px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span{
    border-radius:15px!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb{
    flex-basis:72px!important;
    width:72px!important;
    height:58px!important;
    border-radius:14px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span{
    border-radius:14px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb{
    flex-basis:68px!important;
    width:68px!important;
    height:55px!important;
    border-radius:13px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span{
    border-radius:13px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.109 — Mobile HERO vertical balance
   Reclaim excess empty space below the thumbnail rail by giving more height
   to the actual product stage, while tightening pure bottom whitespace. The
   next section still peeks into view without becoming a second full screen.
   ========================================================== */
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero{
    min-height:0!important;
    padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-inner{
    min-height:0!important;
    padding-bottom:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    height:clamp(310px,39svh,348px)!important;
    min-height:310px!important;
    margin-top:3px!important;
  }
  @supports(height:1dvh){
    body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
      height:clamp(310px,39dvh,348px)!important;
    }
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-products{
    inset:1% 3.5% 5%!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product img{
    width:min(79vw,362px)!important;
    height:min(36svh,296px)!important;
    max-width:97%!important;
    max-height:98%!important;
  }
  @supports(height:1dvh){
    body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product img{
      height:min(36dvh,296px)!important;
    }
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-footer{
    padding-bottom:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    margin-top:12px!important;
    padding-top:4px!important;
    padding-bottom:2px!important;
  }
  body.home .b2b-home-luna-highlights{
    padding-top:42px!important;
  }
}

@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    height:clamp(292px,37svh,326px)!important;
    min-height:292px!important;
  }
  @supports(height:1dvh){
    body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
      height:clamp(292px,37dvh,326px)!important;
    }
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product img{
    width:min(78vw,338px)!important;
    height:min(34svh,276px)!important;
  }
  @supports(height:1dvh){
    body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product img{
      height:min(34dvh,276px)!important;
    }
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    margin-top:10px!important;
    padding-bottom:1px!important;
  }
  body.home .b2b-home-luna-highlights{
    padding-top:38px!important;
  }
}

@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    height:286px!important;
    min-height:286px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product img{
    width:min(78vw,300px)!important;
    height:258px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.110 — Mobile HERO taller stage + tighter handoff
   Give the product stage a little more vertical room while reducing the pure
   whitespace between HERO and the next highlights section. The extra height
   belongs to the product visual, not to empty bottom padding.
   ========================================================== */
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero{
    padding-bottom:max(4px,env(safe-area-inset-bottom))!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    height:clamp(338px,42svh,382px)!important;
    min-height:338px!important;
  }
  @supports(height:1dvh){
    body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
      height:clamp(338px,42dvh,382px)!important;
    }
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product img{
    width:min(82vw,376px)!important;
    height:min(39svh,324px)!important;
    max-width:98%!important;
    max-height:98%!important;
  }
  @supports(height:1dvh){
    body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product img{
      height:min(39dvh,324px)!important;
    }
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    margin-top:8px!important;
    padding-top:3px!important;
    padding-bottom:1px!important;
  }
  body.home .b2b-home-luna-highlights{
    padding-top:24px!important;
  }
}

@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    height:clamp(318px,40svh,356px)!important;
    min-height:318px!important;
  }
  @supports(height:1dvh){
    body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
      height:clamp(318px,40dvh,356px)!important;
    }
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product img{
    width:min(80vw,348px)!important;
    height:min(37svh,298px)!important;
  }
  @supports(height:1dvh){
    body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product img{
      height:min(37dvh,298px)!important;
    }
  }
  body.home .b2b-home-luna-highlights{
    padding-top:22px!important;
  }
}

@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    height:304px!important;
    min-height:304px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product img{
    width:min(79vw,310px)!important;
    height:276px!important;
  }
  body.home .b2b-home-luna-highlights{
    padding-top:20px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.111 — Mobile HERO / next-section seam tightening
   The HERO is not a page-bottom surface, so it must not consume the device
   bottom safe-area inset. Removing that false 30–34px iPhone spacer and
   trimming the next section top padding creates a deliberate, compact handoff.
   ========================================================== */
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero{
    padding-bottom:2px!important;
    margin-bottom:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-inner,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-footer{
    padding-bottom:0!important;
    margin-bottom:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    padding-bottom:0!important;
    margin-bottom:0!important;
  }
  body.home .b2b-home-luna-highlights{
    padding-top:12px!important;
    margin-top:0!important;
  }
  body.home .b2b-home-luna-highlights-head{
    margin-top:0!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero{padding-bottom:1px!important}
  body.home .b2b-home-luna-highlights{padding-top:10px!important}
}
@media(max-width:350px){
  body.home .b2b-home-luna-highlights{padding-top:8px!important}
}


/* ==========================================================
   v1.5.41.3.64.112 — Real mobile HERO -> Screen 2 seam fix
   Previous seam rules targeted the disabled Luna section. On the live home
   template the actual next sibling is Product Families / Apple Highlights,
   whose 62px mobile top padding was the visible gap. Target the rendered
   adjacent section directly so legacy gallery rules cannot win the cascade.
   ========================================================== */
@media(max-width:760px){
  body.home .b2b-home-launch-experience{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }
  body.home .b2b-home-launch-experience > .b2b-home-ultraview-hero{
    margin-bottom:0!important;
    padding-bottom:1px!important;
  }
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights,
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights.is-gallery-centered,
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    margin-top:0!important;
    padding-top:16px!important;
  }
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights .b2b-apple-highlights-head{
    margin-top:0!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights,
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    padding-top:13px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights,
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    padding-top:10px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.113 — Screen 2 single-scale authority + paint continuity
   Fix HK02 / browser-specific blank frames by removing every legacy transform
   from the media wrapper. Only the IMG's JS-owned --b2b-media-scale changes.
   Incoming/outgoing cards are temporarily armed after decode and two paint
   frames before rail travel, keeping a same-image fallback underneath.
   ========================================================== */
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media,
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-current .b2b-apple-highlight-media,
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:hover .b2b-apple-highlight-media,
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card:active .b2b-apple-highlight-media,
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-focus-prepared .b2b-apple-highlight-media,
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-focus-peak .b2b-apple-highlight-media{
  transform:none!important;
  -webkit-transform:none!important;
  scale:none!important;
  transition:none!important;
  animation:none!important;
  opacity:1!important;
  visibility:visible!important;
  will-change:auto!important;
}

/* Every card gets a stable full-bleed media geometry. This removes product-
   specific sizing/crop differences from the animation equation. */
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media{
  background-color:#f5f5f7!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  contain:paint;
  isolation:isolate;
}
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-media img,
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
.b2b-apple-highlight-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  transition:none!important;
  animation:none!important;
  transform-origin:50% 50%!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}

/* Only the two cards participating in a handoff are temporarily promoted.
   Keeping all full-size textures promoted was a source of mobile GPU eviction. */
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-media-armed .b2b-apple-highlight-media,
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
.b2b-apple-highlight-card.is-media-armed .b2b-apple-highlight-media img{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
@supports (scale:1){
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{
    transform:translateZ(0)!important;
    -webkit-transform:translateZ(0)!important;
    scale:var(--b2b-media-scale,1)!important;
    will-change:auto!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-armed .b2b-apple-highlight-media img,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-scaling .b2b-apple-highlight-media img{
    will-change:scale!important;
  }
}
@supports not (scale:1){
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img{
    transform:translate3d(0,0,0) scale(var(--b2b-media-scale,1))!important;
    -webkit-transform:translate3d(0,0,0) scale(var(--b2b-media-scale,1))!important;
    will-change:auto!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-armed .b2b-apple-highlight-media img,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-scaling .b2b-apple-highlight-media img{
    will-change:transform!important;
  }
}

/* Keep the zoom deliberately subtle and identical on every card. HK02 no
   longer receives a double media-wrapper + image scale. */
@media(min-width:761px){
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-highlight-current-scale:1.052;
  }
}
@media(max-width:760px){
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    --b2b-highlight-current-scale:1.040;
  }
}


/* ==========================================================
   v1.5.41.3.64.114 — Instant Design & Color media switching
   Color variant image/video changes intentionally have no slide, scale or
   crossfade. The regular highlight-field media transition remains unchanged.
   ========================================================== */
.b2b-product-feature-viewer .b2b-feature-color-scene,
.b2b-product-feature-viewer .b2b-feature-color-scene.is-active,
.b2b-product-feature-viewer .b2b-feature-color-scene.is-color-preparing,
.b2b-product-feature-viewer .b2b-feature-color-scene.is-color-leaving,
.b2b-product-feature-viewer .b2b-feature-color-scene.is-color-transition-layer{
  transition:none!important;
  transform:none!important;
  animation:none!important;
}

/* ==========================================================
   v1.5.41.3.64.116 — Product detail mobile local-nav completeness
   Restore the product-section menu on phones as a compact second row beneath
   Product Center + Get Pricing. Keep every section reachable without clipping,
   respect safe-area insets, and keep the sticky chrome below the fixed header.
   ========================================================== */
@media(max-width:767px){
  .single-b2b_product .b2b-product-localbar{
    z-index:990!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border:0!important;
    outline:0!important;
    background:rgba(255,255,255,.97)!important;
    -webkit-backdrop-filter:blur(18px) saturate(160%);
    backdrop-filter:blur(18px) saturate(160%);
    box-shadow:0 8px 22px rgba(0,0,0,.045)!important;
    overflow:visible!important;
  }
  .single-b2b_product .b2b-product-localbar-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:4px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:6px max(14px,env(safe-area-inset-right)) 5px max(14px,env(safe-area-inset-left))!important;
    box-sizing:border-box!important;
  }
  .single-b2b_product .b2b-product-local-title{
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:baseline!important;
    gap:6px!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .single-b2b_product .b2b-product-local-title strong{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:12.5px!important;
    line-height:1.15!important;
  }
  .single-b2b_product .b2b-product-local-title span{
    display:block!important;
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:34vw!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9.5px!important;
    line-height:1!important;
  }
  .single-b2b_product .b2b-product-local-cta{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    min-width:max-content!important;
    max-width:none!important;
    min-height:32px!important;
    height:32px!important;
    margin:0!important;
    padding:0 12px!important;
    border-radius:999px!important;
    font-size:11.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  /* Override the legacy mobile rule that hid this nav entirely. */
  .single-b2b_product .b2b-product-localbar-v2 nav:not(.b2b-brand-local-links),
  .single-b2b_product .b2b-product-localbar-v2 nav{
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    align-self:auto!important;
    gap:20px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 1px 1px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-inline:1px!important;
  }
  .single-b2b_product .b2b-product-localbar-v2 nav::-webkit-scrollbar{display:none!important}
  .single-b2b_product .b2b-product-localbar-v2 nav a{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    min-height:31px!important;
    padding:3px 0 5px!important;
    font-size:11.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
    color:#6e6e73!important;
  }
  .single-b2b_product .b2b-product-localbar-v2 nav a.is-active,
  .single-b2b_product .b2b-product-localbar-v2 nav a[aria-current="location"]{
    color:#1d1d1f!important;
  }
  .single-b2b_product .b2b-product-localbar-v2 nav a::after{
    bottom:0!important;
    height:1.5px!important;
  }
  .single-b2b_product section[id]{
    scroll-margin-top:calc(var(--b2b-mobile-admin-offset) + var(--b2b-mobile-header-height) + 92px)!important;
  }
}

@media(max-width:390px){
  .single-b2b_product .b2b-product-localbar-inner{
    column-gap:7px!important;
    row-gap:3px!important;
    padding:5px max(11px,env(safe-area-inset-right)) 4px max(11px,env(safe-area-inset-left))!important;
  }
  .single-b2b_product .b2b-product-local-title{gap:4px!important}
  .single-b2b_product .b2b-product-local-title strong{font-size:11.5px!important}
  .single-b2b_product .b2b-product-local-title span{max-width:25vw!important;font-size:8.5px!important}
  .single-b2b_product .b2b-product-local-cta{
    height:30px!important;
    min-height:30px!important;
    padding:0 10px!important;
    font-size:10.5px!important;
  }
  .single-b2b_product .b2b-product-localbar-v2 nav{gap:16px!important}
  .single-b2b_product .b2b-product-localbar-v2 nav a{font-size:11px!important;min-height:29px!important}
  .single-b2b_product section[id]{
    scroll-margin-top:calc(var(--b2b-mobile-admin-offset) + var(--b2b-mobile-header-height) + 86px)!important;
  }
}

/* Narrow landscape phones can exceed the normal portrait breakpoint. Keep the
   product section links reachable instead of allowing the row to clip. */
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
  .single-b2b_product .b2b-product-localbar-inner{
    grid-template-columns:minmax(130px,.75fr) minmax(0,1.6fr) auto!important;
    grid-template-rows:1fr!important;
    gap:12px!important;
    min-height:44px!important;
    padding:4px max(14px,env(safe-area-inset-right)) 4px max(14px,env(safe-area-inset-left))!important;
  }
  .single-b2b_product .b2b-product-local-title{grid-column:1!important;grid-row:1!important}
  .single-b2b_product .b2b-product-local-title span{display:none!important}
  .single-b2b_product .b2b-product-localbar-v2 nav:not(.b2b-brand-local-links),
  .single-b2b_product .b2b-product-localbar-v2 nav{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    gap:18px!important;
    padding:0!important;
  }
  .single-b2b_product .b2b-product-local-cta{
    grid-column:3!important;
    grid-row:1!important;
    min-height:30px!important;
    height:30px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.117 — Smooth mobile product local-nav switching
   One JS animation owns both axes. Disable CSS/native smooth scrolling and
   horizontal snap for this rail, and temporarily drop backdrop-filter during
   travel to reduce sticky-layer repaint cost on iOS/Android WebViews.
   ========================================================== */
@media(max-width:767px){
  html.b2b-product-localnav-moving{scroll-behavior:auto!important}
  html.b2b-product-localnav-moving body{scroll-behavior:auto!important}
  .single-b2b_product .b2b-product-localbar-v2 nav{
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    overscroll-behavior-inline:auto!important;
  }
  .single-b2b_product .b2b-product-localbar-v2 nav a{
    scroll-snap-align:none!important;
    transition:color .28s cubic-bezier(.22,.61,.36,1)!important;
  }
  .single-b2b_product .b2b-product-localbar-v2 nav a::after{
    transition:transform .38s cubic-bezier(.22,.61,.36,1),opacity .28s ease!important;
    will-change:transform;
  }
  .single-b2b_product .b2b-product-localbar.is-nav-switching{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(0,0,0,.032)!important;
  }
  .single-b2b_product .b2b-product-localbar.is-nav-switching nav{
    pointer-events:none;
  }
  .single-b2b_product .b2b-product-localbar,
  .single-b2b_product .b2b-product-localbar-inner,
  .single-b2b_product .b2b-product-localbar-v2 nav{
    transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
}
@media(prefers-reduced-motion:reduce){
  .single-b2b_product .b2b-product-localbar-v2 nav a,
  .single-b2b_product .b2b-product-localbar-v2 nav a::after{transition:none!important}
}


/* ==========================================================
   v1.5.41.3.64.118 — Product local-nav seam + gallery thumb cleanup
   - overlap local bar with the fixed header by 2px to remove compositor gaps
   - keep local bar opaque/stable during scroll (no blur state toggling)
   - product-gallery active thumbnails use no border/ring in any pointer state
   ========================================================== */
@media(max-width:767px){
  .single-b2b_product .b2b-product-localbar{
    top:calc(var(--b2b-mobile-admin-offset) + var(--b2b-mobile-header-height) - 2px)!important;
    padding-top:2px!important;
    background:#fff!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    border:0!important;
    outline:0!important;
    box-shadow:0 7px 18px rgba(0,0,0,.035)!important;
    transform:none!important;
    -webkit-transform:none!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }
  .single-b2b_product .b2b-product-localbar.is-nav-switching{
    background:#fff!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:0 7px 18px rgba(0,0,0,.035)!important;
  }
  .single-b2b_product .b2b-product-localbar-inner,
  .single-b2b_product .b2b-product-localbar-v2 nav{
    transform:none!important;
    -webkit-transform:none!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }
  .single-b2b_product .b2b-product-localbar-v2 nav{
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    overscroll-behavior-inline:auto!important;
  }
  .single-b2b_product .b2b-product-localbar.is-nav-switching nav{pointer-events:none}

  /* Remove every legacy active/selected frame from product media thumbnails. */
  .single-b2b_product .b2b-product-media-thumbs button,
  .single-b2b_product .b2b-product-media-thumbs button:hover,
  .single-b2b_product .b2b-product-media-thumbs button:focus,
  .single-b2b_product .b2b-product-media-thumbs button:active,
  .single-b2b_product .b2b-product-media-thumbs button.is-active,
  .single-b2b_product .b2b-product-media-thumbs button[aria-pressed="true"]{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:#f5f5f7!important;
  }
  .single-b2b_product .b2b-product-media-thumbs button::before,
  .single-b2b_product .b2b-product-media-thumbs button::after{
    content:none!important;
    display:none!important;
  }
  .single-b2b_product .b2b-product-media-thumbs button.is-active,
  .single-b2b_product .b2b-product-media-thumbs button[aria-pressed="true"]{
    background:#ececef!important;
    opacity:1!important;
  }
  .single-b2b_product .b2b-product-media-thumbs button:not(.is-active){opacity:.82}
  .single-b2b_product .b2b-product-media-thumbs button:focus-visible{
    outline:0!important;
    box-shadow:none!important;
  }
}
@media(min-width:768px){
  .single-b2b_product .b2b-product-media-thumbs button,
  .single-b2b_product .b2b-product-media-thumbs button:hover,
  .single-b2b_product .b2b-product-media-thumbs button:focus,
  .single-b2b_product .b2b-product-media-thumbs button:active,
  .single-b2b_product .b2b-product-media-thumbs button.is-active,
  .single-b2b_product .b2b-product-media-thumbs button[aria-pressed="true"]{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
  .single-b2b_product .b2b-product-media-thumbs button::before,
  .single-b2b_product .b2b-product-media-thumbs button::after{content:none!important;display:none!important}
  .single-b2b_product .b2b-product-media-thumbs button.is-active,
  .single-b2b_product .b2b-product-media-thumbs button[aria-pressed="true"]{background:#ececef!important}
}

/* ==========================================================
   v1.5.41.3.64.119 — Brand Center mobile local-nav completeness
   Mobile uses a compact two-row bar: Brand Center + Contact on row one,
   and the full section tab rail on row two. This prevents long labels from
   being squeezed or clipped by the CTA on 320–430px devices.
   ========================================================== */
@media(max-width:767px){
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2{
    background:#fff!important;
    border:0!important;
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:0 8px 22px rgba(0,0,0,.045)!important;
    overflow:visible!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "brand contact"
      "tabs tabs"!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:88px!important;
    column-gap:10px!important;
    row-gap:0!important;
    padding-top:5px!important;
    padding-bottom:4px!important;
    box-sizing:border-box!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-title{
    grid-area:brand!important;
    display:flex!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    font-size:13px!important;
    line-height:1.1!important;
    overflow:hidden!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-title strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{
    grid-area:contact!important;
    justify-self:end!important;
    align-self:center!important;
    min-height:30px!important;
    height:30px!important;
    margin:0!important;
    padding:0 12px!important;
    font-size:11.5px!important;
    line-height:30px!important;
    white-space:nowrap!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{
    grid-area:tabs!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:43px!important;
    margin:0!important;
    padding:0 2px 1px!important;
    gap:20px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-inline:2px!important;
    touch-action:pan-x pan-y!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links::-webkit-scrollbar{
    display:none!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a{
    flex:0 0 auto!important;
    min-height:42px!important;
    height:42px!important;
    padding:0!important;
    font-size:12px!important;
    line-height:42px!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a::after{
    bottom:0!important;
    height:2px!important;
  }
  .b2b-brand-center-v5 section[id]{
    scroll-margin-top:calc(var(--b2b-mobile-admin-offset,0px) + var(--b2b-mobile-header-height,54px) + 96px)!important;
  }
}

@media(max-width:390px){
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner{
    min-height:84px!important;
    column-gap:8px!important;
    padding-top:4px!important;
    padding-bottom:3px!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-title{
    display:flex!important;
    font-size:12.5px!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{
    min-height:28px!important;
    height:28px!important;
    line-height:28px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{
    height:41px!important;
    gap:17px!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a{
    min-height:40px!important;
    height:40px!important;
    line-height:40px!important;
    font-size:11.5px!important;
  }
  .b2b-brand-center-v5 section[id]{
    scroll-margin-top:calc(var(--b2b-mobile-admin-offset,0px) + var(--b2b-mobile-header-height,54px) + 92px)!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.120 — Brand Center mobile nav seam + jank cleanup
   No active underline or compositing seam on mobile. The tab rail never uses
   scroll-snap/smooth behavior while the page motion owns the transition.
   ========================================================== */
@media(max-width:767px){
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2{
    top:calc(var(--b2b-mobile-admin-offset,0px) + var(--b2b-mobile-header-height,54px) - 2px)!important;
    padding-top:2px!important;
    background:#fff!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2::before,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2::after,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner::before,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner::after{
    content:none!important;
    display:none!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    overscroll-behavior-inline:auto!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:#fff!important;
    transform:none!important;
    -webkit-transform:none!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a:hover,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a:active,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a:focus,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a:focus-visible,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a.is-active,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a[aria-current="location"]{
    border:0!important;
    border-bottom:0!important;
    outline:0!important;
    box-shadow:none!important;
    text-decoration:none!important;
    background-image:none!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a::before,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a::after,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a.is-active::after,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a[aria-current="location"]::after{
    content:none!important;
    display:none!important;
    height:0!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a:not(.b2b-brand-local-cta){
    color:#77777c!important;
    opacity:1!important;
    transition:color .18s ease,opacity .18s ease!important;
    scroll-snap-align:none!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a.is-active:not(.b2b-brand-local-cta),
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a[aria-current="location"]:not(.b2b-brand-local-cta){
    color:#1d1d1f!important;
    font-weight:680!important;
  }
  .b2b-brand-local-nav-v5.is-nav-switching,
  .b2b-brand-local-nav-v5.is-nav-switching .b2b-brand-local-nav-inner,
  .b2b-brand-local-nav-v5.is-nav-switching nav.b2b-brand-local-links{
    background:#fff!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  .b2b-brand-local-nav-v5.is-nav-switching nav.b2b-brand-local-links{pointer-events:none}
  .b2b-brand-center-v5 section[id]{
    scroll-margin-top:calc(var(--b2b-mobile-admin-offset,0px) + var(--b2b-mobile-header-height,54px) + var(--b2b-brand-local-nav-height,88px) + 8px)!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.121 — Brand Center mobile top CTA fit
   Keep the inquiry/contact pill fully visible on 320–430px devices. The CTA
   owns its intrinsic width and never shrinks; the Brand Center title yields
   first, so Safe Area and narrow WebViews cannot clip the button edge/text.
   ========================================================== */
@media(max-width:767px){
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner{
    grid-template-columns:minmax(0,1fr) max-content!important;
    column-gap:10px!important;
    overflow:visible!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-title{
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    padding-right:2px!important;
    overflow:hidden!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-title strong{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{
    display:inline-flex!important;
    flex:0 0 auto!important;
    justify-self:end!important;
    align-self:center!important;
    width:auto!important;
    min-width:82px!important;
    max-width:none!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 15px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
    line-height:1!important;
    font-size:12px!important;
    font-weight:650!important;
    border-radius:999px!important;
    transform:none!important;
    -webkit-transform:none!important;
    z-index:3!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta:hover,
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta:active,
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta:focus{
    transform:none!important;
    -webkit-transform:none!important;
  }
}
@media(max-width:390px){
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner{
    column-gap:8px!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{
    min-width:76px!important;
    min-height:30px!important;
    height:30px!important;
    padding:0 13px!important;
    font-size:11.5px!important;
  }
}
@media(max-width:330px){
  .b2b-brand-local-nav-v5 .b2b-brand-local-title{font-size:12px!important}
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{
    min-width:72px!important;
    padding:0 11px!important;
    font-size:11px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.122 — Mobile HERO thumbnail breathing room + clarity
   Keep the compact HERO handoff, but give the enlarged thumbnail rail enough
   vertical room so selected cards never look clipped. Increase the mobile
   thumbnail footprint slightly and preserve the existing centered/scrolling
   behavior without reintroducing borders.
   ========================================================== */
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero{
    padding-bottom:10px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-inner,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-footer{
    padding-bottom:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    gap:11px!important;
    min-height:80px!important;
    margin-top:9px!important;
    margin-bottom:0!important;
    padding:7px 4px 12px!important;
    align-items:center!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb{
    flex:0 0 82px!important;
    width:82px!important;
    height:66px!important;
    border-radius:16px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span{
    width:100%!important;
    height:100%!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb img{
    width:100%!important;
    height:100%!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  /* Keep the visible section handoff tight after adding real rail breathing room. */
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights,
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights.is-gallery-centered,
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    padding-top:12px!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero{padding-bottom:9px!important}
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    gap:10px!important;
    min-height:76px!important;
    padding:6px 3px 11px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb{
    flex-basis:78px!important;
    width:78px!important;
    height:63px!important;
    border-radius:15px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span{border-radius:15px!important}
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights,
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    padding-top:10px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero{padding-bottom:8px!important}
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    min-height:71px!important;
    padding-bottom:10px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb{
    flex-basis:72px!important;
    width:72px!important;
    height:58px!important;
    border-radius:14px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb span{border-radius:14px!important}
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights,
  body.home .b2b-home-launch-experience + .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable{
    padding-top:8px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.124 — mobile Highlights zoom compositor stability
   On phones/tablets the current-card image uses exactly one scale3d transform
   path. Do not permanently promote every card, and never combine independent
   `scale` with card/rail scrolling. The JS waits for the rail to be stable
   before zooming and freezes the zoom immediately when native touch scrolling
   starts.
   ========================================================== */
@media(max-width:760px){
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:hover,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:active,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card:focus{
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    backface-visibility:visible!important;
    -webkit-backface-visibility:visible!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media{
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    contain:paint!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media img,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
  .b2b-apple-highlight-media img{
    scale:none!important;
    transform:translate3d(0,0,0) scale3d(1,1,1)!important;
    -webkit-transform:translate3d(0,0,0) scale3d(1,1,1)!important;
    transform-origin:50% 50%!important;
    -webkit-transform-origin:50% 50%!important;
    transform-style:flat!important;
    -webkit-transform-style:flat!important;
    will-change:auto!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-scaling .b2b-apple-highlight-media img,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-armed .b2b-apple-highlight-media img{
    will-change:transform!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlights-viewport.is-programmatic,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlights-viewport.is-cross-card-motion,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlights-viewport.is-normalizing,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlights-viewport.is-loop-rebase{
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    overflow-anchor:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.125 — mobile Highlights native compositor zoom
   The decoded IMG remains fixed at 100% geometry. A dedicated wrapper owns the
   zoom transform and is animated by Web Animations on the compositor instead
   of receiving a new fractional matrix from JS every frame. This removes the
   high-DPR raster shimmer visible on iOS Safari / Chrome WebView while zooming.
   ========================================================== */
@media(max-width:760px){
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media{
    contain:layout paint!important;
    isolation:isolate!important;
    overflow:hidden!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-highlight-zoom-surface{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    transform:translate3d(0,0,0) scale3d(1,1,1);
    -webkit-transform:translate3d(0,0,0) scale3d(1,1,1);
    transform-origin:50% 50%!important;
    -webkit-transform-origin:50% 50%!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    transform-style:flat!important;
    -webkit-transform-style:flat!important;
    will-change:auto;
    pointer-events:none!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-scaling .b2b-highlight-zoom-surface,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-armed .b2b-highlight-zoom-surface{
    will-change:transform!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-highlight-zoom-surface > img,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
  .b2b-highlight-zoom-surface > img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:50% 50%!important;
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-media{
    -webkit-font-smoothing:antialiased;
  }
}
@media(prefers-reduced-motion:reduce){
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-highlight-zoom-surface{
    animation:none!important;
    transition:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.126 — Product Highlights media switch motion
   Faster, cleaner directional handoff when switching highlight fields.
   The outgoing visual recedes while the incoming visual glides in; only
   compositor-friendly opacity/transform are animated for smoother mobile use.
   ========================================================== */
.b2b-product-feature-viewer .b2b-feature-viewer-media{
  opacity:0!important;
  transform:translate3d(0,0,0) scale(.988)!important;
  filter:none!important;
  transition-property:opacity,transform!important;
  transition-duration:440ms,720ms!important;
  transition-timing-function:cubic-bezier(.2,.7,.2,1),cubic-bezier(.16,1,.3,1)!important;
  will-change:opacity,transform;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-active{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-forward{
  opacity:0!important;
  transform:translate3d(clamp(22px,2.6vw,40px),0,0) scale(.982)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-backward{
  opacity:0!important;
  transform:translate3d(clamp(-40px,-2.6vw,-22px),0,0) scale(.982)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-forward{
  opacity:0!important;
  transform:translate3d(-14px,0,0) scale(1.012)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-backward{
  opacity:0!important;
  transform:translate3d(14px,0,0) scale(1.012)!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-transition-layer{
  pointer-events:none;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-active.is-transition-layer{
  pointer-events:auto;
}
/* Give the product itself a very small settle motion, making the switch feel
   dimensional without moving the surrounding stage or causing layout shift. */
.b2b-product-feature-viewer .b2b-feature-viewer-media .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-viewer-media .b2b-feature-viewer-video{
  transform:translateZ(0) scale(.994);
  transition:transform 760ms cubic-bezier(.16,1,.3,1)!important;
  will-change:transform;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-active .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-active .b2b-feature-viewer-video{
  transform:translateZ(0) scale(1);
}
@media(max-width:620px){
  .b2b-product-feature-viewer .b2b-feature-viewer-media{
    transition-duration:360ms,620ms!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-forward{transform:translate3d(18px,0,0) scale(.986)!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-backward{transform:translate3d(-18px,0,0) scale(.986)!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-forward{transform:translate3d(-8px,0,0) scale(1.008)!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-backward{transform:translate3d(8px,0,0) scale(1.008)!important}
}
@media(prefers-reduced-motion:reduce){
  .b2b-product-feature-viewer .b2b-feature-viewer-media,
  .b2b-product-feature-viewer .b2b-feature-viewer-media .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-viewer-media .b2b-feature-viewer-video{
    transition:none!important;
    transform:none!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.127 — Product Highlights instant media switch
   Product-highlight field changes now swap images/videos directly with no
   fade, slide, scale, settle, or other media transition effect.
   ========================================================== */
.b2b-product-feature-viewer .b2b-feature-viewer-media,
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-active,
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-forward,
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-preparing-backward,
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-forward,
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-leaving-backward,
.b2b-product-feature-viewer .b2b-feature-viewer-media .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-viewer-media .b2b-feature-viewer-video,
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-active .b2b-feature-viewer-image,
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-active .b2b-feature-viewer-video{
  transition:none!important;
  animation:none!important;
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
}
.b2b-product-feature-viewer .b2b-feature-viewer-media{opacity:0!important}
.b2b-product-feature-viewer .b2b-feature-viewer-media.is-active{opacity:1!important}

/* ==========================================================
   v1.5.41.3.64.128 — Homepage Highlights anti-jitter zoom stabilization
   Preserve the existing 1.00 -> 1.04 gradual product enlargement while
   keeping the current mobile zoom surface promoted before motion begins.
   The animated wrapper owns paint containment; IMG geometry remains frozen.
   ========================================================== */
@media(max-width:760px){
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-highlight-zoom-surface,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-armed .b2b-highlight-zoom-surface,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-scaling .b2b-highlight-zoom-surface{
    contain:layout paint!important;
    isolation:isolate!important;
    overflow:hidden!important;
    will-change:transform!important;
    transform-origin:50% 50%!important;
    -webkit-transform-origin:50% 50%!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-highlight-zoom-surface > img{
    contain:paint!important;
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    will-change:auto!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.129 — mobile WHY HUAHONG strength navigation dots
   Dots mirror the existing horizontal strength strip without
   changing the desktop layout or the counter animation.
   ========================================================== */
.b2b-home-official-source.is-compact .b2b-official-strength-dots{
  display:none;
}
@media(max-width:900px){
  .b2b-home-official-source.is-compact .b2b-official-strength-dots{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:2px;
    width:100%;
    min-height:24px;
    margin:8px 0 0;
  }
  .b2b-home-official-source.is-compact .b2b-official-strength-dot{
    -webkit-appearance:none;
    appearance:none;
    display:grid;
    place-items:center;
    width:22px;
    height:22px;
    padding:0;
    margin:0;
    border:0;
    border-radius:50%;
    background:transparent;
    box-shadow:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .b2b-home-official-source.is-compact .b2b-official-strength-dot::before{
    content:"";
    display:block;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#c7c7cc;
    opacity:.78;
    transform:scale(1);
    transition:transform .22s ease,background-color .22s ease,opacity .22s ease;
  }
  .b2b-home-official-source.is-compact .b2b-official-strength-dot.is-active::before{
    background:#1d1d1f;
    opacity:1;
    transform:scale(1.18);
  }
  .b2b-home-official-source.is-compact .b2b-official-strength-dot:focus-visible{
    outline:2px solid #0071e3;
    outline-offset:1px;
  }
}
@media(max-width:600px){
  .b2b-home-official-source.is-compact .b2b-official-strength-dots{
    margin-top:6px;
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-home-official-source.is-compact .b2b-official-strength-dot::before{transition:none!important}
}

/* ==========================================================
   v1.5.41.3.64.132 — Brand Center mobile local-nav CTA fit
   Keep the section tabs horizontally scrollable while reserving a dedicated,
   non-shrinking column for the enquiry/contact action on narrow viewports.
   ========================================================== */
@media(max-width:767px){
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:10px!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-title{
    display:none!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{
    grid-column:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0 2px 1px 0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links::-webkit-scrollbar{
    display:none!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{
    grid-column:2!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:none!important;
    min-height:32px!important;
    padding:0 13px!important;
    margin:0!important;
    flex:none!important;
    white-space:nowrap!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    position:relative!important;
    z-index:2!important;
  }
}
@media(max-width:380px){
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner{
    gap:8px!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{
    min-height:30px!important;
    padding:0 11px!important;
    font-size:11px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.133 — Brand Center mobile local-nav response tuning
   Native page scrolling now owns the transition. Keep tabs tappable while a
   previous transition is settling and prevent horizontal snap from competing
   with a fast second tap.
   ========================================================== */
@media(max-width:767px){
  .b2b-brand-local-nav-v5.is-nav-switching nav.b2b-brand-local-links{
    pointer-events:auto!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a{
    scroll-snap-align:none!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
  }
}
@media(max-width:767px){
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a.is-active:not(.b2b-brand-local-cta),
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a[aria-current="location"]:not(.b2b-brand-local-cta){
    font-weight:600!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.134 — Brand Center mobile local-nav structural fix
   Restore the Brand Center label and reserve the CTA on its own first-row
   column. Section tabs occupy a full-width second row, so long labels never
   compete with or clip the Contact / enquiry action on narrow phones.
   ========================================================== */
@media(max-width:767px){
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2{
    overflow:visible!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-rows:36px 42px!important;
    grid-template-areas:
      "brand contact"
      "tabs tabs"!important;
    align-items:center!important;
    justify-content:stretch!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    min-height:84px!important;
    margin-left:max(16px,env(safe-area-inset-left))!important;
    margin-right:max(16px,env(safe-area-inset-right))!important;
    padding:3px 0 2px!important;
    column-gap:10px!important;
    row-gap:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-title{
    grid-area:brand!important;
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    width:auto!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#1d1d1f!important;
    font-size:13px!important;
    line-height:1.1!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-title strong{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{
    grid-area:contact!important;
    grid-column:2!important;
    grid-row:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    align-self:center!important;
    flex:none!important;
    width:max-content!important;
    min-width:78px!important;
    max-width:100%!important;
    min-height:32px!important;
    height:32px!important;
    margin:0!important;
    padding:0 14px!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
    font-weight:650!important;
    line-height:1!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    -webkit-transform:none!important;
    position:relative!important;
    z-index:4!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{
    grid-area:tabs!important;
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 1px!important;
    gap:18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:none!important;
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    box-sizing:border-box!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links::-webkit-scrollbar{
    display:none!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a.is-active,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a[aria-current="location"]{
    display:inline-flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    min-height:40px!important;
    height:40px!important;
    padding:0!important;
    color:#77777c!important;
    font-size:11.5px!important;
    font-weight:650!important;
    line-height:40px!important;
    white-space:nowrap!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a.is-active,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a[aria-current="location"]{
    color:#1d1d1f!important;
  }
  .b2b-brand-center-v5 section[id]{
    scroll-margin-top:calc(var(--b2b-mobile-admin-offset,0px) + var(--b2b-mobile-header-height,54px) + var(--b2b-brand-local-nav-height,84px) + 8px)!important;
  }
}
@media(max-width:380px){
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 .b2b-brand-local-nav-inner{
    grid-template-rows:34px 40px!important;
    min-height:80px!important;
    margin-left:max(12px,env(safe-area-inset-left))!important;
    margin-right:max(12px,env(safe-area-inset-right))!important;
    column-gap:8px!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-title{
    font-size:12.5px!important;
  }
  .b2b-brand-local-nav-v5 .b2b-brand-local-cta.b2b-btn.b2b-btn-primary.b2b-product-local-cta{
    min-width:74px!important;
    min-height:30px!important;
    height:30px!important;
    padding:0 12px!important;
    font-size:11px!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links{
    height:40px!important;
    min-height:40px!important;
    gap:16px!important;
  }
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a.is-active,
  .b2b-brand-local-nav-v5.b2b-product-localbar-v2 nav.b2b-brand-local-links>a[aria-current="location"]{
    min-height:38px!important;
    height:38px!important;
    font-size:11px!important;
    line-height:38px!important;
  }
  .b2b-brand-center-v5 section[id]{
    scroll-margin-top:calc(var(--b2b-mobile-admin-offset,0px) + var(--b2b-mobile-header-height,54px) + var(--b2b-brand-local-nav-height,80px) + 8px)!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.135 — Resource Center mobile filter navigation fit
   Keep every resource category readable/tappable without widening the page.
   The active taxonomy remains visible after navigation on narrow viewports.
   ========================================================== */
@media(max-width:760px){
  .b2b-resource-toolbar{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-bottom:28px!important;
    overflow:visible!important;
  }
  .b2b-resource-filter-scroll{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:2px 0 5px!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    scrollbar-width:none!important;
    box-sizing:border-box!important;
  }
  .b2b-resource-filter-scroll::-webkit-scrollbar{display:none!important}
  .b2b-resource-filter-scroll::after{
    content:"";
    display:block;
    flex:0 0 10px;
    width:10px;
    height:1px;
  }
  .b2b-resource-filter-scroll a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 15px!important;
    border-radius:999px!important;
    box-sizing:border-box!important;
    font-size:13.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    transform:none!important;
    -webkit-transform:none!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .b2b-resource-filter-scroll a:hover{transform:none!important;-webkit-transform:none!important}
  .b2b-resource-count{
    display:block!important;
    width:100%!important;
    margin-top:10px!important;
    padding-left:2px!important;
    font-size:12.5px!important;
    line-height:1.35!important;
    color:#6e6e73!important;
    white-space:normal!important;
  }
}
@media(max-width:390px){
  .b2b-resource-filter-scroll{gap:7px!important}
  .b2b-resource-filter-scroll a{
    min-height:42px!important;
    padding:0 13px!important;
    font-size:13px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.136 — Resource Center 10-article progressive list
   Denser editorial cards + compact featured story + View More control.
   ========================================================== */





.b2b-resource-library .b2b-resource-section-head{margin-bottom:22px}
.b2b-resource-library .b2b-resource-section-head h2{font-size:clamp(32px,3.7vw,46px)}
.b2b-resource-library .b2b-resource-grid-v32{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.b2b-resource-library .b2b-resource-card-v32{
  border-radius:20px;
  min-width:0;
}
.b2b-resource-library .b2b-resource-card-v32 .b2b-resource-media img,
.b2b-resource-library .b2b-resource-card-v32 .b2b-resource-media .b2b-resource-placeholder{
  aspect-ratio:1.58/1;
}
.b2b-resource-library .b2b-resource-card-v32 .b2b-resource-copy{padding:20px 20px 22px}
.b2b-resource-library .b2b-resource-card-v32 .b2b-resource-meta{
  gap:6px 10px;
  font-size:11.5px;
}
.b2b-resource-library .b2b-resource-card-v32 .b2b-resource-meta span+span:before{margin-right:10px}
.b2b-resource-library .b2b-resource-card-v32 .b2b-resource-copy h2{
  font-size:21px;
  line-height:1.12;
  letter-spacing:-.03em;
  margin:11px 0 9px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.b2b-resource-library .b2b-resource-card-v32 .b2b-resource-copy p{
  font-size:13.5px;
  line-height:1.5;
  margin:0 0 16px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.b2b-resource-library .b2b-resource-card-v32 .b2b-link-arrow{font-size:13px}
.b2b-resource-load-more-wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding-top:40px;
}
.b2b-resource-load-more{
  appearance:none;
  -webkit-appearance:none;
  min-height:48px;
  padding:0 22px;
  border:1px solid rgba(29,29,31,.18);
  border-radius:999px;
  background:#fff;
  color:#1d1d1f;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font:inherit;
  font-size:14px;
  font-weight:640;
  line-height:1;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  transition:background .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease;
}
.b2b-resource-load-more:hover{background:#1d1d1f;color:#fff;border-color:#1d1d1f;transform:translateY(-1px)}
.b2b-resource-load-more:focus-visible{outline:3px solid rgba(220,8,11,.2);outline-offset:3px}
.b2b-resource-load-more:disabled{cursor:progress;opacity:.58;transform:none}
.b2b-resource-load-more[hidden]{display:none!important}
.b2b-resource-load-more-icon{font-size:15px;line-height:1;transition:transform .2s ease}
.b2b-resource-load-more:hover .b2b-resource-load-more-icon{transform:translateY(2px)}
.b2b-resource-load-more-status{min-height:18px;font-size:12px;line-height:1.4;color:#6e6e73;text-align:center}

@media(max-width:1180px){
  .b2b-resource-library .b2b-resource-grid-v32{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  
  
  .b2b-resource-library .b2b-resource-grid-v32{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .b2b-resource-library .b2b-resource-section-head{margin-bottom:18px}
  .b2b-resource-library .b2b-resource-section-head>span{margin-bottom:8px}
  .b2b-resource-library .b2b-resource-section-head h2{font-size:31px}
  .b2b-resource-library .b2b-resource-grid-v32{grid-template-columns:1fr;gap:16px}

  /* v1.5.41.3.64.157 — mobile Resource cards use a true stacked layout:
     full image first, editorial copy below. This prevents wide featured
     images from being cropped inside the old narrow side thumbnail. */
  .b2b-resource-library .b2b-resource-card-v32{
    display:flex;
    flex-direction:column;
    min-height:0;
    border-radius:18px;
    overflow:hidden;
  }
  .b2b-resource-library .b2b-resource-card-v32 .b2b-resource-media{
    display:block;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#f5f5f7;
  }
  .b2b-resource-library .b2b-resource-card-v32 .b2b-resource-media picture{
    display:block;
    width:100%;
    height:100%;
  }
  .b2b-resource-library .b2b-resource-card-v32 .b2b-resource-media img,
  .b2b-resource-library .b2b-resource-card-v32 .b2b-resource-media .b2b-resource-placeholder{
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    aspect-ratio:auto!important;
    object-fit:contain;
    object-position:center center;
    transform:none!important;
  }
  .b2b-resource-library .b2b-resource-card-v32 .b2b-resource-copy{
    padding:16px 17px 18px;
    display:flex;
    flex-direction:column;
  }
  .b2b-resource-library .b2b-resource-card-v32 .b2b-resource-meta{
    order:2;
    font-size:10.5px;
    gap:4px 8px;
    margin:0 0 12px;
  }
  .b2b-resource-library .b2b-resource-card-v32 .b2b-resource-meta span+span:before{margin-right:8px}
  .b2b-resource-library .b2b-resource-card-v32 .b2b-resource-copy h2{
    order:1;
    font-size:20px;
    line-height:1.16;
    margin:0 0 10px;
    display:block;
    overflow:visible;
    -webkit-line-clamp:unset;
    -webkit-box-orient:initial;
  }
  .b2b-resource-library .b2b-resource-card-v32 .b2b-resource-copy p{display:none}
  .b2b-resource-library .b2b-resource-card-v32 .b2b-link-arrow{order:3;font-size:12px;margin-top:0}
  .b2b-resource-load-more-wrap{padding-top:30px}
  .b2b-resource-load-more{width:100%;min-height:48px;padding:0 18px}
}
@media(max-width:390px){
  .b2b-resource-library .b2b-resource-grid-v32{gap:14px}
  .b2b-resource-library .b2b-resource-card-v32 .b2b-resource-copy{padding:14px 15px 16px}
  .b2b-resource-library .b2b-resource-card-v32 .b2b-resource-copy h2{font-size:18px;margin:0 0 9px}
}


/* ==========================================================
   v1.5.41.3.64.152 - Resource category button immediate tap feedback
   Visual press begins on pointer-down; actual navigation/filter state stays on click.
   ========================================================== */
.b2b-resource-filter-scroll a{
  -webkit-tap-highlight-color:transparent;
  transition:border-color .045s linear,box-shadow .055s ease,transform .065s ease!important;
}
.b2b-resource-filter-scroll a.is-active{
  transition:border-color .035s linear,box-shadow .05s ease,transform .06s ease!important;
}
.b2b-resource-filter-scroll a.is-pressing,
.b2b-resource-filter-scroll a:active{
  background:#1d1d1f!important;
  border-color:#1d1d1f!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(29,29,31,.08)!important;
  transform:scale(.985)!important;
}
@media(max-width:760px){
  .b2b-resource-filter-scroll a{
    touch-action:manipulation!important;
    transition:border-color .035s linear,box-shadow .045s ease!important;
  }
  .b2b-resource-filter-scroll a.is-pressing,
  .b2b-resource-filter-scroll a:active{
    transform:scale(.975)!important;
    -webkit-transform:scale(.975)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-resource-filter-scroll a,
  .b2b-resource-filter-scroll a.is-active,
  .b2b-resource-filter-scroll a.is-pressing,
  .b2b-resource-filter-scroll a:active{transition:none!important}
}

/* ==========================================================
   v1.5.41.3.64.159 — Header primary navigation state hierarchy
   Selected and unselected states are intentionally different without
   changing font weight, so the menu never shifts width when state changes.
   Scoped to the site header only; local/page navigation is untouched.
   ========================================================== */
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:not(:last-child)>a{
  position:relative;
  color:#6e6e73!important;
  opacity:.86;
  transition:color .14s ease,opacity .14s ease!important;
}
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:not(:last-child)>a:hover,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:not(:last-child)>a:focus-visible{
  color:#1d1d1f!important;
  opacity:1;
}
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current-menu-item:not(:last-child)>a,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current_page_item:not(:last-child)>a,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current-menu-parent:not(:last-child)>a,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current-menu-ancestor:not(:last-child)>a,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li.b2b-current-nav-item:not(:last-child)>a,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:not(:last-child)>a[aria-current="page"]{
  color:#8E0508!important;
  opacity:1;
}
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:not(:last-child)>a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:1px;
  width:0;
  height:2px;
  border-radius:999px;
  background:var(--b2b-accent-vivid,#DC080B);
  transform:translateX(-50%);
  opacity:0;
  transition:width .16s ease,opacity .12s ease;
  pointer-events:none;
}
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current-menu-item:not(:last-child)>a::after,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current_page_item:not(:last-child)>a::after,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current-menu-parent:not(:last-child)>a::after,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current-menu-ancestor:not(:last-child)>a::after,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li.b2b-current-nav-item:not(:last-child)>a::after,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:not(:last-child)>a[aria-current="page"]::after{
  width:20px;
  opacity:1;
}
/* Contact/Enquiry remains the primary CTA. Its selected state is indicated
   inside the button so it stays visually distinct from standard menu items. */
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:last-child>a{
  position:relative;
  opacity:1!important;
}
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:last-child>a::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:0;
  height:2px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  transform:translateX(-50%);
  opacity:0;
  transition:width .16s ease,opacity .12s ease;
  pointer-events:none;
}
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:last-child.current-menu-item>a::after,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:last-child.current_page_item>a::after,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:last-child.current-menu-parent>a::after,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:last-child.current-menu-ancestor>a::after,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:last-child.b2b-current-nav-item>a::after,
.b2b-site-header .b2b-primary-nav .b2b-nav-list>li:last-child>a[aria-current="page"]::after{
  width:18px;
  opacity:1;
}
@media(max-width:767px){
  .b2b-site-header .b2b-primary-nav .b2b-nav-list>li:not(:last-child)>a{
    color:#5f5f64!important;
    opacity:.88;
  }
  .b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current-menu-item:not(:last-child)>a,
  .b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current_page_item:not(:last-child)>a,
  .b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current-menu-parent:not(:last-child)>a,
  .b2b-site-header .b2b-primary-nav .b2b-nav-list>li.current-menu-ancestor:not(:last-child)>a,
  .b2b-site-header .b2b-primary-nav .b2b-nav-list>li.b2b-current-nav-item:not(:last-child)>a,
  .b2b-site-header .b2b-primary-nav .b2b-nav-list>li:not(:last-child)>a[aria-current="page"]{
    color:#8E0508!important;
    opacity:1;
  }
  /* Mobile: distinguish the current item by text color only.
     Hide every header-nav underline, including the Contact/Enquiry CTA. */
  .b2b-site-header .b2b-primary-nav .b2b-nav-list>li>a::after{
    content:none!important;
    display:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-site-header .b2b-primary-nav .b2b-nav-list>li>a,
  .b2b-site-header .b2b-primary-nav .b2b-nav-list>li>a::after{
    transition:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.160 — HERO left-shift + wider center breathing room
   Keep the product stage and thumbnail rail on the same X axis while moving
   both farther left. The copy is rebalanced outward so the center gutter grows
   instead of collapsing as the product composition shifts left.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-visual-shift-left:clamp(36px,3.4vw,58px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    width:40.5%!important;
    transform:translate3d(clamp(-44px,-2.7vw,-28px),0,0)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:auto!important;
    right:var(--b2b-hero-visual-shift-left)!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:calc(var(--b2b-hero-visual-axis) - var(--b2b-hero-visual-shift-left))!important;
    right:auto!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-visual-shift-left:clamp(18px,2.4vw,28px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    width:44.5%!important;
    transform:translate3d(clamp(-22px,-1.8vw,-12px),0,0)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:auto!important;
    right:var(--b2b-hero-visual-shift-left)!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:calc(var(--b2b-hero-visual-axis) - var(--b2b-hero-visual-shift-left))!important;
    right:auto!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.161 — HERO continuous levitation smoothing
   Remove the intermediate 24% / 76% braking points from the product float.
   One clean top -> bottom -> top path now owns the vertical motion, while the
   floor shadow keeps a fixed blur so the compositor does not repaint blur on
   every frame. Layout / Hero alignment from .160 is intentionally unchanged.
   ========================================================== */
@keyframes b2bUvHeroLevitateSmooth6461{
  0%,100%{
    transform:translate3d(0,-11px,0) scale(1.025);
  }
  50%{
    transform:translate3d(0,11px,0) scale(1.032);
  }
}
@keyframes b2bUvHeroLevitateShadowSmooth6461{
  0%,100%{
    transform:translate3d(-50%,0,0) scaleX(.89) scaleY(.90);
    opacity:.44;
  }
  50%{
    transform:translate3d(-50%,0,0) scaleX(1.045) scaleY(1.018);
    opacity:.61;
  }
}
@keyframes b2bUvHeroLevitateHaloSmooth6461{
  0%,100%{
    transform:translate3d(-50%,-50%,0) scale(.982);
    opacity:.69;
  }
  50%{
    transform:translate3d(-50%,-50%,0) scale(1.03);
    opacity:.86;
  }
}

body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product.is-active img,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product.is-active.is-entering img{
  animation-name:b2bUvHeroLevitateSmooth6461!important;
  animation-duration:7.2s!important;
  animation-timing-function:cubic-bezier(.42,0,.58,1)!important;
  animation-delay:0s!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
  animation-fill-mode:both!important;
  transform-origin:50% 52%!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  will-change:transform!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:after{
  animation-name:b2bUvHeroLevitateShadowSmooth6461!important;
  animation-duration:7.2s!important;
  animation-timing-function:cubic-bezier(.42,0,.58,1)!important;
  animation-delay:0s!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
  animation-fill-mode:both!important;
  /* Keep blur static: animating filter forces expensive repaints and was a
     visible source of dropped frames on Safari / mid-range mobile GPUs. */
  filter:blur(9.5px)!important;
  will-change:transform,opacity!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:before{
  animation-name:b2bUvHeroLevitateHaloSmooth6461!important;
  animation-duration:7.2s!important;
  animation-timing-function:cubic-bezier(.42,0,.58,1)!important;
  animation-delay:0s!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
  animation-fill-mode:both!important;
  will-change:transform,opacity!important;
}

@media(max-width:760px){
  @keyframes b2bUvHeroLevitateSmoothMobile6461{
    0%,100%{
      transform:translate3d(0,-8px,0) scale(1.018);
    }
    50%{
      transform:translate3d(0,8px,0) scale(1.023);
    }
  }
  @keyframes b2bUvHeroLevitateShadowSmoothMobile6461{
    0%,100%{
      transform:translate3d(-50%,0,0) scaleX(.91) scaleY(.92);
      opacity:.42;
    }
    50%{
      transform:translate3d(-50%,0,0) scaleX(1.025) scaleY(1.01);
      opacity:.56;
    }
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product.is-active img,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product.is-active.is-entering img{
    animation-name:b2bUvHeroLevitateSmoothMobile6461!important;
    animation-duration:7.5s!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:after{
    animation-name:b2bUvHeroLevitateShadowSmoothMobile6461!important;
    animation-duration:7.5s!important;
    filter:blur(8.5px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:before{
    animation-duration:7.5s!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product.is-active img,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product.is-active.is-entering img,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:after,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:before{
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.162 — HERO wider center gap / outward balance
   Reverse the inward product offset introduced in .160. The copy moves toward
   the left safe edge while the complete product composition moves toward the
   right safe edge. Product artwork scale is unchanged; stage, floor shadow and
   thumbnail rail keep one shared visual axis.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-outward-shift:clamp(30px,2.35vw,46px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    transform:translate3d(clamp(-58px,-3.35vw,-38px),0,0)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:auto!important;
    right:calc(0px - var(--b2b-hero-outward-shift))!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:calc(var(--b2b-hero-visual-axis) + var(--b2b-hero-outward-shift))!important;
    right:auto!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-outward-shift:clamp(14px,1.7vw,22px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    transform:translate3d(clamp(-28px,-2.15vw,-16px),0,0)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:auto!important;
    right:calc(0px - var(--b2b-hero-outward-shift))!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:calc(var(--b2b-hero-visual-axis) + var(--b2b-hero-outward-shift))!important;
    right:auto!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.165 — HERO levitation compositor / stability pass
   Only the visible settled product owns a continuous compositor animation.
   Inactive products are not pre-promoted, and levitation pauses while the
   outer product-switch animation is running so the two transforms never fight
   for the same frame budget. The float resumes after the 900 ms handoff.
   ========================================================== */
@keyframes b2bUvHeroLevitateComposited6465{
  0%,100%{transform:translate3d(0,-9px,0)}
  50%{transform:translate3d(0,9px,0)}
}

body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product{
  /* Override old global promotion rules: hidden products stay ordinary layers. */
  will-change:auto!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product.is-entering{
  /* The outer figure only needs promotion during the short switch animation. */
  will-change:transform,opacity!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-float-layer{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  transform:none;
  transform-origin:50% 52%;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:auto;
  animation:none;
}
body.home .b2b-home-ultraview-hero.is-uv-motion-active
.b2b-home-ultraview-product.is-active:not(.is-entering)
.b2b-home-ultraview-float-layer{
  /* Negative quarter-cycle delay starts near the visual centre instead of
     jumping to an extreme when levitation resumes after a product handoff. */
  will-change:transform;
  animation:b2bUvHeroLevitateComposited6465 7.8s cubic-bezier(.37,0,.63,1) -1.95s infinite both;
}

/* Legacy float rules targeted the filtered IMG directly. Keep that raster
   static and move only the settled wrapper so switch + float stay independent. */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product.is-active img,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product.is-active.is-entering img{
  animation:none!important;
  transform:none!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}

/* The shadow/halo are visual support only. Keep them static to avoid two extra
   full-time compositor/paint lanes while the product itself is moving. */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:after,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:before{
  animation:none!important;
  will-change:auto!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:after{
  transform:translate3d(-50%,0,0)!important;
  opacity:.53!important;
  filter:blur(9px)!important;
}

@media(max-width:760px){
  @keyframes b2bUvHeroLevitateCompositedMobile6465{
    0%,100%{transform:translate3d(0,-7px,0)}
    50%{transform:translate3d(0,7px,0)}
  }
  body.home .b2b-home-ultraview-hero.is-uv-motion-active
  .b2b-home-ultraview-product.is-active:not(.is-entering)
  .b2b-home-ultraview-float-layer{
    animation-name:b2bUvHeroLevitateCompositedMobile6465;
    animation-duration:8.2s;
    animation-delay:-2.05s;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:after{
    filter:blur(8px)!important;
    opacity:.48!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-float-layer{
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.167 — HERO mobile levitation frame-budget guard
   The continuous motion already lives on a transform-only wrapper. On touch /
   phone GPUs, also keep the moving raster free of CSS drop-shadow filters and
   let the static radial floor shadow provide depth. This avoids Safari/Android
   offscreen-filter recomposition while preserving the same product placement.
   A slightly smaller travel distance further protects 60 Hz frame pacing.
   ========================================================== */
@keyframes b2bUvHeroLevitateCompositedTouch6467{
  0%,100%{transform:translate3d(0,-5px,0)}
  50%{transform:translate3d(0,5px,0)}
}

@media(max-width:760px), (hover:none) and (pointer:coarse){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-product img{
    filter:none!important;
    -webkit-filter:none!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:after{
    /* The radial gradient is already soft; avoiding blur removes another
       offscreen filtered surface from the mobile HERO composition. */
    filter:none!important;
    opacity:.46!important;
  }
  body.home .b2b-home-ultraview-hero.is-uv-motion-active
  .b2b-home-ultraview-product.is-active:not(.is-entering)
  .b2b-home-ultraview-float-layer{
    animation-name:b2bUvHeroLevitateCompositedTouch6467!important;
    animation-duration:8.8s!important;
    animation-delay:-2.2s!important;
    animation-timing-function:cubic-bezier(.37,0,.63,1)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-float-layer{
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }
}


/* v1.5.41.3.64.170 — mobile B2B MANUFACTURING swipe pagination */
.b2b-factory-mobile-pagination{display:none}
@media(max-width:760px){
  .b2b-factory-mobile-pagination{
    display:flex;align-items:center;justify-content:center;gap:9px;
    min-height:28px;margin:8px 0 0;padding:0 20px;
  }
  .b2b-factory-mobile-pagination button{
    width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:50%;
    background:rgba(29,29,31,.24);box-shadow:none;cursor:pointer;
    transition:transform .22s ease,background-color .22s ease,opacity .22s ease;
    opacity:.78;touch-action:manipulation;
  }
  .b2b-factory-mobile-pagination button[aria-current="true"],
  .b2b-factory-mobile-pagination button.is-active{
    background:#b50609;transform:scale(1.35);opacity:1;
  }
  .b2b-factory-mobile-pagination button:focus-visible{
    outline:2px solid rgba(181,6,9,.42);outline-offset:4px;
  }
}
@media(prefers-reduced-motion:reduce){
  .b2b-factory-mobile-pagination button{transition:none}
}


/* ==========================================================
   v1.5.41.3.64.171 — HERO wider center breathing room + title logo
   Push the copy/product composition to the safe outer edges without reducing
   the product artwork scale. The copy column is slightly narrower so the
   center remains visibly open. The optional Hero logo occupies no space when
   no image is configured in B2B Content Manager.
   ========================================================== */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-title-logo{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:min(210px,46vw);
  min-height:0;
  margin:0 0 clamp(12px,1.2vw,18px);
  line-height:0;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-title-logo img{
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:58px;
  object-fit:contain;
  object-position:left center;
}

@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-outward-shift:clamp(42px,3.2vw,56px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    width:38.5%!important;
    transform:translate3d(clamp(-62px,-4vw,-50px),0,0)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static h1{
    max-width:640px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    max-width:610px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:auto!important;
    right:calc(0px - var(--b2b-hero-outward-shift))!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:calc(var(--b2b-hero-visual-axis) + var(--b2b-hero-outward-shift))!important;
    right:auto!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-outward-shift:clamp(22px,2.6vw,32px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    width:42.5%!important;
    transform:translate3d(clamp(-34px,-2.8vw,-22px),0,0)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:auto!important;
    right:calc(0px - var(--b2b-hero-outward-shift))!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:calc(var(--b2b-hero-visual-axis) + var(--b2b-hero-outward-shift))!important;
    right:auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-title-logo img{
    max-height:50px;
  }
}

@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-title-logo{
    width:min(170px,52vw);
    margin-bottom:10px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-title-logo img{
    max-height:44px;
  }
}


/* ==========================================================
   v1.5.41.3.64.172 — HERO structural center-gutter correction
   The previous .171 pass only added ~10px per side over .170, so its visual
   delta was easy to miss. This pass changes real occupied widths instead of
   relying on incremental transforms: a narrower copy column and a narrower
   right visual column create a persistent open center gutter, while the frame
   itself expands toward the viewport edges. Product artwork sizing is not
   reduced; the existing image clamp continues to own artwork scale.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-side-safe:clamp(20px,2.1vw,36px);
    --b2b-hero-stage-width:34%;
    --b2b-hero-visual-axis:83%;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-inner{
    width:min(calc(100% - (var(--b2b-hero-side-safe) * 2)),1600px)!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    left:0!important;
    right:auto!important;
    width:30%!important;
    max-width:520px!important;
    transform:none!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static h1{
    max-width:520px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    max-width:500px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:auto!important;
    right:-8px!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:var(--b2b-hero-visual-axis)!important;
    right:auto!important;
    width:var(--b2b-hero-stage-width)!important;
    max-width:none!important;
    transform:translate3d(-50%,0,0)!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-side-safe:clamp(16px,2vw,24px);
    --b2b-hero-stage-width:40%;
    --b2b-hero-visual-axis:80%;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-inner{
    width:calc(100% - (var(--b2b-hero-side-safe) * 2))!important;
    max-width:none!important;
    margin-inline:auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    left:0!important;
    right:auto!important;
    width:37%!important;
    transform:none!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage{
    left:auto!important;
    right:-4px!important;
    width:var(--b2b-hero-stage-width)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    left:var(--b2b-hero-visual-axis)!important;
    right:auto!important;
    width:var(--b2b-hero-stage-width)!important;
    max-width:none!important;
    transform:translate3d(-50%,0,0)!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.174 — restore red Hero site title + larger title logo
   The independent Hero logo no longer replaces the historical red brand/site
   title. Both share one compact row above the H1. Logo height is keyed to the
   product thumbnail-card height at each breakpoint so the two visual systems
   carry comparable weight without changing the product rail itself.
   ========================================================== */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
  --b2b-hero-logo-card-height:69px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(16px,1.55vw,26px);
  min-width:0;
  min-height:var(--b2b-hero-logo-card-height);
  margin:0 0 clamp(12px,1.15vw,18px);
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark{
  display:flex!important;
  align-items:center!important;
  flex:0 1 auto;
  min-width:0;
  min-height:0!important;
  margin:0!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark strong{
  display:block;
  color:#DC080B!important;
  white-space:nowrap;
  line-height:.9!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 1 auto;
  width:auto!important;
  max-width:min(270px,48%);
  min-width:0;
  min-height:0!important;
  height:var(--b2b-hero-logo-card-height);
  margin:0!important;
  line-height:0;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo img{
  display:block!important;
  width:auto!important;
  height:100%!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
    --b2b-hero-logo-card-height:61px;
    gap:clamp(12px,1.5vw,20px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    max-width:min(230px,46%);
  }
}

@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
    --b2b-hero-logo-card-height:66px;
    justify-content:center;
    gap:12px;
    width:100%;
    margin-bottom:10px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark{
    justify-content:center!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark strong{
    font-size:clamp(28px,8.4vw,36px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    max-width:min(190px,44vw);
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
    --b2b-hero-logo-card-height:63px;
    gap:10px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark strong{
    font-size:clamp(25px,7.8vw,32px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    max-width:min(166px,42vw);
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
    --b2b-hero-logo-card-height:58px;
    gap:8px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark strong{
    font-size:25px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    max-width:min(148px,41vw);
  }
}

/* ==========================================================
   v1.5.41.3.64.175 — Hero site title automatic wrapping
   Long red site names may wrap naturally instead of forcing the Hero brand row
   wider. The logo keeps its existing card-matched height; only the title takes
   the remaining flexible width. On narrow phones the row itself may wrap when
   needed so neither the title nor logo is squeezed into an unusable width.
   ========================================================== */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark{
  flex:1 1 0!important;
  max-width:100%;
  min-width:0!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark strong{
  width:100%;
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:anywhere;
  word-break:normal;
  text-wrap:balance;
  line-height:.96!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
  flex:0 1 auto!important;
}

@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
    flex-wrap:wrap;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark{
    flex:1 1 min(210px,100%)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark strong{
    text-align:center;
  }
}


/* ==========================================================
   v1.5.41.3.64.177 — Hero logo stacked above managed red title
   The Hero logo now owns its own row above the red title. Its rendered height
   continues to match the product thumbnail-card height at every breakpoint,
   while the red title keeps the automatic wrapping behavior introduced in .175.
   ========================================================== */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:clamp(8px,.7vw,12px)!important;
  min-height:0!important;
  width:100%;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
  order:1;
  flex:0 0 auto!important;
  width:min(420px,100%)!important;
  max-width:100%!important;
  height:var(--b2b-hero-logo-card-height)!important;
  margin:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo img{
  width:auto!important;
  height:100%!important;
  max-width:100%!important;
  max-height:var(--b2b-hero-logo-card-height)!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark{
  order:2;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  justify-content:flex-start!important;
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(360px,100%)!important;
  }
}

@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
    align-items:center!important;
    gap:9px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(280px,78vw)!important;
    justify-content:center!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo img{
    object-position:center center!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark{
    justify-content:center!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(250px,76vw)!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(225px,74vw)!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.179 — Hero logo scale + wider copy frame + CTA spacing
   Give the left brand/copy composition more visual authority without changing
   the right product artwork scale. The logo grows as part of the same system,
   and the two Hero actions receive a clearer separation at every breakpoint.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-card-height:92px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    width:35%!important;
    max-width:640px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static h1{
    max-width:630px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    max-width:600px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(520px,100%)!important;
    height:var(--b2b-hero-logo-card-height)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:42px!important;
    column-gap:42px!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-card-height:82px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    width:42%!important;
    max-width:520px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static h1{
    max-width:510px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    max-width:490px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(430px,100%)!important;
    height:var(--b2b-hero-logo-card-height)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:32px!important;
    column-gap:32px!important;
  }
}

@media(max-width:760px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-card-height:76px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(320px,84vw)!important;
    height:var(--b2b-hero-logo-card-height)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:18px!important;
    column-gap:18px!important;
  }
}

@media(max-width:420px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-card-height:70px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(290px,82vw)!important;
  }
}

@media(max-width:350px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-card-height:64px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(260px,80vw)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:14px!important;
    column-gap:14px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.180 — force-applied Hero logo scale + visual top-line alignment
   .179 set the logo-size custom property on the Hero, but the older .174
   brandline declared the same variable locally (69px), so the inherited 92px
   value never won. Define the final value on the actual brandline and anchor
   desktop/tablet copy from the top so the logo begins on the same visual
   horizontal band as the right-side primary product artwork.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:clamp(116px,17vh,176px)!important;
    bottom:auto!important;
    width:38%!important;
    max-width:700px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static h1{
    max-width:690px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    max-width:650px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
    --b2b-hero-logo-card-height:118px;
    width:100%!important;
    margin-bottom:clamp(14px,1.25vw,20px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(620px,100%)!important;
    max-width:100%!important;
    height:118px!important;
    min-height:118px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo img{
    width:auto!important;
    height:118px!important;
    max-width:100%!important;
    max-height:118px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:clamp(92px,14vh,128px)!important;
    bottom:auto!important;
    width:44%!important;
    max-width:560px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
    --b2b-hero-logo-card-height:100px;
    width:100%!important;
    margin-bottom:14px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(500px,100%)!important;
    max-width:100%!important;
    height:100px!important;
    min-height:100px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo img{
    width:auto!important;
    height:100px!important;
    max-width:100%!important;
    max-height:100px!important;
  }
}

@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
    --b2b-hero-logo-card-height:90px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(360px,88vw)!important;
    height:90px!important;
    min-height:90px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo img{
    width:auto!important;
    height:90px!important;
    max-width:100%!important;
    max-height:90px!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
    --b2b-hero-logo-card-height:82px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(320px,86vw)!important;
    height:82px!important;
    min-height:82px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo img{
    height:82px!important;
    max-height:82px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline{
    --b2b-hero-logo-card-height:74px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(286px,84vw)!important;
    height:74px!important;
    min-height:74px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo img{
    height:74px!important;
    max-height:74px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.181 — HERO dual vertical alignment rails
   Undo the .180 whole-copy top shift. On desktop/tablet the left copy now
   spans between two measured rails: the logo starts on the same horizontal
   line as the active product artwork, while the CTA row finishes on the same
   visual centerline as the product-thumbnail rail. Mobile keeps its existing
   stacked flow.
   ========================================================== */
@media(min-width:761px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-copy-top-rail:clamp(104px,13vh,142px);
    --b2b-hero-copy-bottom-rail:clamp(48px,6vh,72px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-copy-top-rail)!important;
    bottom:var(--b2b-hero-copy-bottom-rail)!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline{
    flex:0 0 auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static h1,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    flex:0 0 auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    flex:0 0 auto!important;
    margin-top:auto!important;
    margin-bottom:0!important;
  }
}

@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    width:38%!important;
    max-width:700px!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    width:44%!important;
    max-width:560px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.182 — compact Hero copy-to-CTA spacing
   Preserve the .181 dual alignment rails: logo remains pinned to the upper
   product-artwork rail and CTA remains pinned to the thumbnail center rail.
   The flexible space is moved between the logo and managed red title so the
   red title, headline, description and enquiry actions read as one tighter
   lower cluster instead of leaving a large dead gap above the buttons.
   ========================================================== */
@media(min-width:761px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline{
    flex:1 1 auto!important;
    min-height:0!important;
    margin-bottom:8px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline .b2b-home-ultraview-brandmark{
    margin-top:auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    margin-top:clamp(10px,.9vw,14px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    margin-top:clamp(10px,.85vw,14px)!important;
    margin-bottom:0!important;
  }
}

@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    margin-top:8px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    margin-top:10px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.183 — static / decoupled HERO left content
   The left-side brand/logo/copy/actions no longer depend on the right-side
   product artwork or thumbnail geometry. The two rails are now pure CSS
   responsive constants, so product autoplay, floating transforms and manual
   thumbnail changes cannot move or reflow the left content.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-copy-top-rail:clamp(108px,13vh,140px)!important;
    --b2b-hero-copy-bottom-rail:clamp(50px,6vh,70px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-copy-top-rail)!important;
    bottom:var(--b2b-hero-copy-bottom-rail)!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-copy-top-rail:clamp(88px,11vh,118px)!important;
    --b2b-hero-copy-bottom-rail:clamp(38px,5vh,58px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-copy-top-rail)!important;
    bottom:var(--b2b-hero-copy-bottom-rail)!important;
  }
}

/* Keep the left visual system inert. Button hover remains available as direct
   affordance, but the copy/logo itself has no autoplay-linked transitions. */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo img,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandmark,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static h1,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
  animation:none!important;
  transition:none!important;
}


/* ==========================================================
   v1.5.41.3.64.184 — static HERO precision alignment
   Keep the left content completely decoupled from product autoplay / float.
   Two fixed responsive rails now define the desktop/tablet composition:
   1) the Hero logo starts on the visual top line of the primary product card;
   2) the CTA row bottom and product-thumbnail rail bottom share the exact
      same --b2b-hero-control-line. No right-side measurements are performed.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-top-line:clamp(84px,max(calc(12.72vh - 24px),calc(40.72vh - 311px)),176px);
    --b2b-hero-control-line:clamp(150px,18vh,210px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-logo-top-line)!important;
    bottom:var(--b2b-hero-control-line)!important;
    height:auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline{
    margin-top:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    margin-top:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    margin-bottom:0!important;
    flex-wrap:nowrap!important;
    align-items:flex-end!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    bottom:var(--b2b-hero-control-line)!important;
    align-items:flex-end!important;
    padding-bottom:0!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-top-line:clamp(78px,calc(14.875vh - 23px),116px);
    --b2b-hero-control-line:clamp(132px,16vh,176px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-logo-top-line)!important;
    bottom:var(--b2b-hero-control-line)!important;
    height:auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    margin-top:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    margin-bottom:0!important;
    flex-wrap:nowrap!important;
    align-items:flex-end!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    bottom:var(--b2b-hero-control-line)!important;
    align-items:flex-end!important;
    padding-bottom:0!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.185 — HERO optical logo rail + flatter/wider copy
   The product artwork files include transparent breathing room, so the raw
   image-box top used by .184 reads visually higher than the visible product.
   Keep the left side fully static, but add a fixed optical offset to place the
   logo on the visible product-card top line. Widen the managed headline /
   supporting-copy measure so OEM/ODM messaging reads flatter and longer.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    /* .184 geometric image-box rail + ~24px optical transparency correction. */
    --b2b-hero-logo-top-line:clamp(108px,max(calc(12.72vh + 0px),calc(40.72vh - 287px)),196px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-logo-top-line)!important;
    width:42%!important;
    max-width:780px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(680px,100%)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandmark{
    max-width:760px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static h1{
    width:min(112%,760px)!important;
    max-width:760px!important;
    line-height:1.025!important;
    text-wrap:balance;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    width:min(114%,760px)!important;
    max-width:760px!important;
    font-size:clamp(15px,1.02vw,17.5px)!important;
    line-height:1.42!important;
    letter-spacing:-.006em;
    text-wrap:pretty;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    /* Tablet product artwork has a smaller transparent top margin. */
    --b2b-hero-logo-top-line:clamp(94px,calc(14.875vh - 5px),134px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-logo-top-line)!important;
    width:47%!important;
    max-width:620px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(540px,100%)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandmark{
    max-width:610px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static h1{
    width:min(110%,650px)!important;
    max-width:650px!important;
    line-height:1.035!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    width:min(112%,640px)!important;
    max-width:640px!important;
    line-height:1.44!important;
    letter-spacing:-.004em;
  }
}

/* Phones stay in the stacked composition, but the supporting line can use a
   little more of the viewport so it also reads less tall. */
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static h1,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    max-width:min(94vw,620px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    line-height:1.42!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.187 — HERO logo true top-edge alignment + scale
   The previous pass aligned the logo container, but a wide logo could still
   render vertically centered inside that box. Align the actual contained logo
   artwork to the top edge, enlarge both its width and height envelope, and
   place the static logo rail on the neutral visible-product top line. The left
   side remains fully static and does not follow product autoplay/levitation.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    /* Neutral product-image box top + optical allowance for transparent product
       artwork. This is static by design; the product may float +/-9px around it. */
    --b2b-hero-logo-top-line:clamp(124px,max(calc(12.72vh + 24px),calc(40.72vh - 263px)),214px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-logo-top-line)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline{
    overflow:visible!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(820px,56vw)!important;
    max-width:none!important;
    height:156px!important;
    min-height:156px!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left top!important;
    transform:none!important;
    transform-origin:left top!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-top-line:clamp(108px,calc(14.875vh + 12px),150px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-logo-top-line)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline{
    overflow:visible!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(620px,60vw)!important;
    max-width:none!important;
    height:126px!important;
    min-height:126px!important;
    align-items:flex-start!important;
    overflow:visible!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left top!important;
    transform:none!important;
    transform-origin:left top!important;
  }
}

@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(390px,88vw)!important;
    height:104px!important;
    min-height:104px!important;
    align-items:flex-start!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center top!important;
    transform:none!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(350px,86vw)!important;
    height:96px!important;
    min-height:96px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(304px,82.32vw)!important;
    height:88px!important;
    min-height:88px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.188 — HERO neutral-product top rail + larger logo
   Align the left logo to the product image's neutral (non-levitating) box top.
   The rail is derived from the desktop/tablet stage geometry only and never
   reads the live transform of the floating layer. Increase both dimensions of
   the logo canvas so wide brand artwork carries stronger visual weight.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    /* Desktop neutral product-image top:
       stage 2.5% + product inset 1.5% of the 78% stage + centered image box.
       This intentionally excludes the +/- levitation transform. */
    --b2b-hero-neutral-product-top:clamp(76px,max(calc(12.72svh - 24px),calc(40.72svh - 311px)),188px)!important;
    --b2b-hero-logo-top-line:var(--b2b-hero-neutral-product-top)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-neutral-product-top)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(980px,64vw)!important;
    height:180px!important;
    min-height:180px!important;
    max-width:none!important;
    margin-top:0!important;
    margin-bottom:clamp(8px,.7vw,12px)!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left top!important;
    transform:none!important;
    transform-origin:left top!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    /* Tablet neutral product-image top:
       stage 3% + product inset 2% of the 75% stage + centered image box. */
    --b2b-hero-neutral-product-top:clamp(72px,max(calc(14.875svh - 23px),calc(39.375svh - 265px)),162px)!important;
    --b2b-hero-logo-top-line:var(--b2b-hero-neutral-product-top)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-neutral-product-top)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(760px,68vw)!important;
    height:150px!important;
    min-height:150px!important;
    max-width:none!important;
    margin-top:0!important;
    margin-bottom:10px!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left top!important;
    transform:none!important;
  }
}

@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(430px,92vw)!important;
    height:116px!important;
    min-height:116px!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(382px,90vw)!important;
    height:106px!important;
    min-height:106px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(332px,88vw)!important;
    height:96px!important;
    min-height:96px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.189 — HERO exact neutral-card rail + larger logo
   Recalculate the static logo top rail from the FINAL product geometry rather
   than the older pre-.39 inset values. Desktop product content currently uses
   a 2.5%/5% vertical inset inside a 78% stage; tablet uses the same inset
   inside a 75% stage. The formulas below therefore match the actual neutral
   (transform:none) product IMG box, including the image-height clamp and the
   92% max-height fallback. Levitation is intentionally excluded.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-neutral-product-top:max(
      calc(40.525svh - 23.5px - clamp(190px,28vh,287.5px)),
      calc(7.336svh - 4.26px)
    )!important;
    --b2b-hero-logo-top-line:var(--b2b-hero-neutral-product-top)!important;
    --b2b-hero-logo-display-height:clamp(200px,22svh,230px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-neutral-product-top)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(1040px,68vw)!important;
    height:var(--b2b-hero-logo-display-height)!important;
    min-height:var(--b2b-hero-logo-display-height)!important;
    max-width:none!important;
    margin-top:0!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left top!important;
    transform:none!important;
    transform-origin:left top!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-neutral-product-top:max(
      calc(39.5625svh - 22.95px - clamp(170px,24.5vh,242.5px)),
      calc(7.65svh - 4.44px)
    )!important;
    --b2b-hero-logo-top-line:var(--b2b-hero-neutral-product-top)!important;
    --b2b-hero-logo-display-height:clamp(165px,18svh,190px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:var(--b2b-hero-neutral-product-top)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(820px,72vw)!important;
    height:var(--b2b-hero-logo-display-height)!important;
    min-height:var(--b2b-hero-logo-display-height)!important;
    max-width:none!important;
    margin-top:0!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:visible!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left top!important;
    transform:none!important;
    transform-origin:left top!important;
  }
}

/* Mobile remains stacked rather than horizontally rail-aligned, but the logo
   receives the same proportional scale increase without linking it to product
   levitation or autoplay. */
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(460px,94vw)!important;
    height:128px!important;
    min-height:128px!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(400px,92vw)!important;
    height:116px!important;
    min-height:116px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(344px,90vw)!important;
    height:104px!important;
    min-height:104px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.190 — HERO visible-pixel logo alignment
   .189 aligned the IMG element boxes exactly, but transparent breathing room
   inside uploaded PNG/WebP artwork can make the visible silhouettes start on
   different rows. Keep the neutral product rail as the layout baseline, then
   apply one static alpha-bound correction computed at load/resize. Product
   levitation/autoplay never participates in this correction.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-display-height:clamp(228px,25.5svh,270px);
    --b2b-hero-visible-logo-adjust:0px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:calc(var(--b2b-hero-neutral-product-top) + var(--b2b-hero-visible-logo-adjust,0px))!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(1160px,78vw)!important;
    height:var(--b2b-hero-logo-display-height)!important;
    min-height:var(--b2b-hero-logo-display-height)!important;
    max-width:none!important;
    overflow:visible!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left top!important;
    transform:none!important;
    transform-origin:left top!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-display-height:clamp(182px,20svh,215px);
    --b2b-hero-visible-logo-adjust:0px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    top:calc(var(--b2b-hero-neutral-product-top) + var(--b2b-hero-visible-logo-adjust,0px))!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(900px,78vw)!important;
    height:var(--b2b-hero-logo-display-height)!important;
    min-height:var(--b2b-hero-logo-display-height)!important;
    max-width:none!important;
    overflow:visible!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left top!important;
    transform:none!important;
    transform-origin:left top!important;
  }
}

/* Mobile stays stacked; enlarge the uploaded brand mark without linking it to
   the product stage or its motion. */
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(500px,96vw)!important;
    height:140px!important;
    min-height:140px!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(420px,94vw)!important;
    height:126px!important;
    min-height:126px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(356px,92vw)!important;
    height:112px!important;
    min-height:112px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.191 — HERO text-label cleanup + equal content spacing
   HUAHONG/legacy eyebrow text is no longer part of the HERO composition.
   Preserve .190 logo/product visible-pixel alignment and all existing logo /
   product dimensions. Only the two vertical gaps around the managed text block
   are normalized to one shared responsive value.
   ========================================================== */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
  --b2b-hero-logo-text-gap:clamp(16px,1.45vw,24px);
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline{
  flex:0 0 auto!important;
  min-height:0!important;
  margin:0 0 var(--b2b-hero-logo-text-gap)!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
  margin-top:0!important;
  margin-bottom:0!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
  flex:0 0 auto!important;
  margin-top:var(--b2b-hero-logo-text-gap)!important;
  margin-bottom:0!important;
}
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    --b2b-hero-logo-text-gap:16px;
  }
}


/* ==========================================================
   v1.5.41.3.64.191.1 — stronger HERO product levitation
   Preserve the .191 geometry / logo alignment exactly. Only the settled
   product compositor layer moves, so dimensions, neutral product rail and
   visible-pixel logo calibration remain unchanged. The floor shadow breathes
   in sync on non-touch layouts to make the added vertical travel read as real
   separation from the surface without animating blur/filter values.
   ========================================================== */
@keyframes b2bUvHeroFloatEnhanced1911{
  0%,100%{
    transform:translate3d(-2px,-15px,0) rotate(-.16deg);
  }
  50%{
    transform:translate3d(2px,15px,0) rotate(.16deg);
  }
}
@keyframes b2bUvHeroFloatShadow1911{
  0%,100%{
    transform:translate3d(-50%,0,0) scaleX(.86) scaleY(.90);
    opacity:.39;
  }
  50%{
    transform:translate3d(-50%,0,0) scaleX(1.075) scaleY(1.035);
    opacity:.62;
  }
}
@keyframes b2bUvHeroFloatHalo1911{
  0%,100%{
    transform:translate3d(-50%,-50%,0) scale(.975);
    opacity:.66;
  }
  50%{
    transform:translate3d(-50%,-50%,0) scale(1.035);
    opacity:.84;
  }
}

body.home .b2b-home-ultraview-hero.is-uv-motion-active
.b2b-home-ultraview-product.is-active:not(.is-entering)
.b2b-home-ultraview-float-layer{
  animation-name:b2bUvHeroFloatEnhanced1911!important;
  animation-duration:5.6s!important;
  animation-delay:-1.4s!important;
  animation-timing-function:cubic-bezier(.45,.02,.55,.98)!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
  animation-fill-mode:both!important;
  transform-origin:50% 52%!important;
  will-change:transform!important;
}

/* Shadow + halo only animate where pointer hardware is normally composited
   comfortably. Touch devices keep the enhanced object float but avoid two
   additional continuous compositor lanes. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){
  body.home .b2b-home-ultraview-hero.is-uv-motion-active .b2b-home-ultraview-stage:after{
    animation:b2bUvHeroFloatShadow1911 5.6s cubic-bezier(.45,.02,.55,.98) -1.4s infinite both!important;
    filter:blur(9px)!important;
    will-change:transform,opacity!important;
  }
  body.home .b2b-home-ultraview-hero.is-uv-motion-active .b2b-home-ultraview-stage:before{
    animation:b2bUvHeroFloatHalo1911 5.6s cubic-bezier(.45,.02,.55,.98) -1.4s infinite both!important;
    will-change:transform,opacity!important;
  }
}

@keyframes b2bUvHeroFloatEnhancedMobile1911{
  0%,100%{
    transform:translate3d(-1px,-8px,0) rotate(-.08deg);
  }
  50%{
    transform:translate3d(1px,8px,0) rotate(.08deg);
  }
}

@media(max-width:760px), (hover:none) and (pointer:coarse){
  body.home .b2b-home-ultraview-hero.is-uv-motion-active
  .b2b-home-ultraview-product.is-active:not(.is-entering)
  .b2b-home-ultraview-float-layer{
    animation-name:b2bUvHeroFloatEnhancedMobile1911!important;
    animation-duration:6.4s!important;
    animation-delay:-1.6s!important;
    animation-timing-function:cubic-bezier(.45,.02,.55,.98)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-float-layer,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:after,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-stage:before{
    animation:none!important;
    will-change:auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-float-layer{
    transform:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.191.2 — HERO cross-browser / reduced-motion hardening
   Modern Chrome/Edge/Firefox/Safari keep the exact .191.1 geometry and float.
   1) Give browsers that predate small viewport units a vh-based fallback for
      the final neutral product/logo rail. Custom properties accept unknown
      units as tokens, so an explicit @supports fallback is required.
   2) Match the enhanced animation selector specificity inside reduced-motion;
      otherwise the .191.1 !important animation declarations can outrank the
      older accessibility rule.
   ========================================================== */
@supports not (height:1svh){
  @media(min-width:1121px){
    body.home .b2b-home-ultraview-hero{
      --b2b-hero-neutral-product-top:max(
        calc(40.525vh - 23.5px - clamp(190px,28vh,287.5px)),
        calc(7.336vh - 4.26px)
      )!important;
      --b2b-hero-logo-top-line:var(--b2b-hero-neutral-product-top)!important;
      --b2b-hero-logo-display-height:clamp(228px,25.5vh,270px)!important;
    }
  }
  @media(min-width:761px) and (max-width:1120px){
    body.home .b2b-home-ultraview-hero{
      --b2b-hero-neutral-product-top:max(
        calc(39.5625vh - 22.95px - clamp(170px,24.5vh,242.5px)),
        calc(7.65vh - 4.44px)
      )!important;
      --b2b-hero-logo-top-line:var(--b2b-hero-neutral-product-top)!important;
      --b2b-hero-logo-display-height:clamp(182px,20vh,215px)!important;
    }
  }
}

@media(prefers-reduced-motion:reduce){
  body.home .b2b-home-ultraview-hero.is-uv-motion-active
  .b2b-home-ultraview-product.is-active:not(.is-entering)
  .b2b-home-ultraview-float-layer{
    animation:none!important;
    transform:none!important;
    will-change:auto!important;
  }
  body.home .b2b-home-ultraview-hero.is-uv-motion-active .b2b-home-ultraview-stage:after,
  body.home .b2b-home-ultraview-hero.is-uv-motion-active .b2b-home-ultraview-stage:before{
    animation:none!important;
    will-change:auto!important;
  }
}

/* Short landscape phones can cross the 760px width breakpoint while retaining
   a phone-height viewport. The tablet rail geometry is still valid, but a
   100svh-58px HERO can become shorter than its fixed logo/copy/action stack and
   clip the CTA/product at the section's overflow edge. Keep all .191 geometry
   and motion sizes unchanged; only give this narrow-height orientation enough
   scrollable section height to contain the existing composition. */
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
  body.home .b2b-home-ultraview-hero,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-inner{
    min-height:max(430px,calc(100vh - 58px))!important;
    min-height:max(430px,calc(100svh - 58px))!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.3 — HERO title removal + balanced three-part rhythm
   Smartwatch Pro / the managed HERO title is no longer rendered. Preserve
   the exact .190 logo dimensions/alignment and .191.2 product geometry/motion.
   The remaining composition is LOGO -> message -> enquiry actions, with one
   shared responsive gap on both sides of the message block.
   ========================================================== */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
  --b2b-hero-content-gap:clamp(18px,1.35vw,23px);
}
/* Defensive fallback for cached/legacy HERO markup: never leave the retired
   managed title visible or reserving layout space. */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>h1{
  display:none!important;
  margin:0!important;
  padding:0!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline{
  flex:0 0 auto!important;
  margin:0 0 var(--b2b-hero-content-gap)!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-ultraview-message,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
  flex:0 0 auto!important;
  margin-top:var(--b2b-hero-content-gap)!important;
  margin-bottom:0!important;
}
@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    --b2b-hero-content-gap:clamp(18px,1.7vw,21px);
  }
}
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    --b2b-hero-content-gap:16px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-ultraview-message,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.191.4 — HERO dual-edge balance
   Preserve the .190 visible-pixel logo/product top alignment and the .191.2
   product motion. On desktop/tablet the left composition spans the same two
   rails already used by the right controls: logo remains on the established
   upper rail, while the enquiry-action row finishes on the exact same lower
   rail as the product thumbnails. With the retired HERO title removed, the
   remaining three blocks (logo / message / actions) use space-between so the
   two visible vertical gaps are mathematically identical at every supported
   desktop/tablet height without changing logo or product dimensions.
   Thumbnail scale now grows from its bottom edge and no longer lifts vertically,
   keeping the visible card bottoms on the same baseline as the CTA row.
   ========================================================== */
@media(min-width:761px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    bottom:var(--b2b-hero-control-line)!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline{
    flex:0 0 auto!important;
    margin:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-ultraview-message,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    flex:0 0 auto!important;
    margin:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    flex:0 0 auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
    align-self:flex-start!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    bottom:var(--b2b-hero-control-line)!important;
    align-items:flex-end!important;
    padding-bottom:0!important;
  }

  /* Keep selected/unselected depth emphasis, but anchor every thumbnail to
     the lower rail. Scaling therefore expands upward instead of moving the
     visible bottom edge away from the enquiry-button baseline. */
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb,
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb:hover,
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb:active{
    transform-origin:50% 100%!important;
  }
}

@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb{
    transform:scale(.982)!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:scale(.91)!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-distant:not(.is-active){
    transform:scale(.965)!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active,
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active:hover{
    transform:scale(1.045)!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active):hover{
    transform:scale(.93)!important;
  }
  body.home .b2b-home-ultraview-hero.is-thumb-focus-pulsing.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:scale(.875)!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb{
    transform:scale(.98)!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:scale(.925)!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-distant:not(.is-active){
    transform:scale(.98)!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active,
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-active:hover{
    transform:scale(1.04)!important;
  }
  body.home .b2b-home-ultraview-hero.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active):hover{
    transform:scale(.94)!important;
  }
  body.home .b2b-home-ultraview-hero.is-thumb-focus-pulsing.has-hero-thumb-depth .b2b-home-ultraview-thumb.is-thumb-neighbor:not(.is-active){
    transform:scale(.895)!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.5 — HERO enquiry-action breathing room
   Increase only the horizontal separation between the two HERO enquiry
   actions. Preserve the .191.4 dual-edge baseline, equal vertical rhythm,
   logo/product geometry, thumbnail rail and .191.2 levitation behavior.
   Responsive limits keep both actions on one row without squeezing labels on
   narrow touch devices.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:clamp(52px,4.1vw,56px)!important;
    column-gap:clamp(52px,4.1vw,56px)!important;
  }
}
@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:clamp(38px,3.7vw,42px)!important;
    column-gap:clamp(38px,3.7vw,42px)!important;
  }
}
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:22px!important;
    column-gap:22px!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:18px!important;
    column-gap:18px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    gap:16px!important;
    column-gap:16px!important;
  }
}

/* Narrow touch layouts use a two-column action grid. Make each pill consume
   the grid track itself (rather than track width + horizontal padding) so the
   larger visual gap stays genuine and the controls never overlap at 320–420px. */
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-link{
    box-sizing:border-box!important;
    min-width:0!important;
  }
}

/* Preserve .191.4's CTA/thumb bottom rail on short landscape phones. The
   fixed-height logo and a two-line message can otherwise consume the complete
   tablet rail and push the action row a few pixels below the thumbnail line.
   Move the shared lower rail only; logo height/top, product geometry and all
   motion values remain unchanged. */
@media(min-width:761px) and (max-width:900px) and (max-height:520px) and (orientation:landscape){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-control-line:120px!important;
  }
}
@media(min-width:761px) and (max-width:900px) and (max-height:520px) and (orientation:landscape){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    --b2b-hero-control-line:120px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.6 — HERO hard shared bottom baseline
   Treat the enquiry buttons and product thumbnails as one optical control rail.
   Both desktop/tablet groups now consume one final HERO-level baseline variable
   instead of resolving legacy element-local control variables independently.
   CTA hover/active feedback scales from the bottom edge (no vertical lift), so
   the button bottoms remain parallel with the thumbnail bottoms at rest, hover
   and press states. Logo/product sizing and levitation geometry are untouched.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-shared-bottom-baseline:clamp(150px,18vh,210px);
  }
}
@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-shared-bottom-baseline:clamp(132px,16vh,176px);
  }
}
@media(min-width:761px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    bottom:var(--b2b-hero-shared-bottom-baseline)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    align-items:flex-end!important;
    padding-bottom:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    margin-bottom:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-link{
    align-self:flex-end!important;
    margin-bottom:0!important;
    transform-origin:50% 100%!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-link:hover{
    transform:scale(1.012)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-link:active{
    transform:scale(.985)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumb{
    margin-bottom:0!important;
    transform-origin:50% 100%!important;
  }
}
@media(min-width:761px) and (max-width:900px) and (max-height:520px) and (orientation:landscape){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-shared-bottom-baseline:120px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.7 — HERO three-line copy guard + exact equal rhythm
   Keep the .190 logo envelope/visible-pixel alignment and the .191.6 shared
   CTA/thumbnail bottom baseline unchanged. The managed supporting copy may be
   any length in Content Manager, but the visual HERO exposes at most three
   lines. Desktop/tablet continue to distribute the remaining vertical space
   equally above and below the message; phones use one identical explicit gap
   on both sides. The full stored copy is not modified.
   ========================================================== */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-ultraview-message,
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  line-clamp:3;
  overflow:hidden!important;
  text-overflow:ellipsis;
  max-height:4.32em!important; /* legacy fallback */
  max-height:3lh!important;
  min-height:0!important;
}

/* Desktop/tablet are bounded by the already-fixed logo top rail and shared
   control bottom rail. Three flex items + space-between yields two identical
   free-space intervals regardless of whether the message occupies 1, 2 or 3
   lines. Explicitly neutralize legacy margins/gaps so no earlier rule can skew
   one interval independently. */
@media(min-width:761px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    row-gap:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-ultraview-message,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    margin-top:0!important;
    margin-bottom:0!important;
  }
}

/* Short landscape touch screens have the least vertical room because logo
   height and the shared bottom baseline are intentionally fixed. Two visible
   lines are enough there and still satisfy the global "three lines maximum"
   requirement while protecting equal spacing and the baseline lock. */
@media(min-width:761px) and (max-width:900px) and (max-height:520px) and (orientation:landscape){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-ultraview-message,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    -webkit-line-clamp:2!important;
    line-clamp:2;
    max-height:2.88em!important; /* legacy fallback */
    max-height:2lh!important;
  }
}
@media(min-width:761px) and (max-width:900px) and (max-height:430px) and (orientation:landscape){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-ultraview-message,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    -webkit-line-clamp:1!important;
    line-clamp:1;
    max-height:1.44em!important; /* legacy fallback */
    max-height:1lh!important;
    white-space:normal!important;
  }
}

/* Stacked phone layout: use one and the same explicit spacing token on both
   sides of the message. This preserves the current logo dimensions and CTA
   sizing while guaranteeing equal visual rhythm. */
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    --b2b-hero-copy-equal-gap:16px;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-brandline{
    margin-top:0!important;
    margin-bottom:var(--b2b-hero-copy-equal-gap)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-ultraview-message,
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>p{
    margin-top:0!important;
    margin-bottom:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-actions{
    margin-top:var(--b2b-hero-copy-equal-gap)!important;
    margin-bottom:0!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.8 — Mobile HERO thumbnail bottom breathing room
   Preserve the .191.7 mobile composition, thumbnail sizes and product motion,
   but give the horizontally scrollable thumbnail rail a little more internal
   room below transformed/active cards and add a modest HERO tail. This avoids
   the optical "clipped at the bottom" finish without loosening the handoff to
   the next section or affecting the desktop/tablet shared CTA/thumb baseline.
   ========================================================== */
@media(max-width:760px){
  body.home .b2b-home-launch-experience > .b2b-home-ultraview-hero{
    padding-bottom:6px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    padding-bottom:16px!important;
    margin-bottom:0!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-launch-experience > .b2b-home-ultraview-hero{
    padding-bottom:5px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    padding-bottom:15px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-launch-experience > .b2b-home-ultraview-hero{
    padding-bottom:4px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    padding-bottom:14px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.191.9 — Product Highlights card navigation
   Restore the semantic anchor as the hit target after historical mouse-inert
   gallery layers. Keep child media/copy passive so the entire visible card is
   one reliable click/tap target. The old corner-arrow element is hidden for
   cache/backward compatibility; current PHP no longer renders it.
   ========================================================== */
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable .b2b-apple-highlight-card,
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable .b2b-apple-highlight-card:hover,
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable .b2b-apple-highlight-card:active,
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable .b2b-apple-highlight-card:focus,
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable .b2b-apple-highlight-card:focus-visible{
  pointer-events:auto!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:rgba(0,0,0,.08);
}
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable .b2b-apple-highlight-card *{
  pointer-events:none!important;
}
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable .b2b-apple-highlight-card:focus-visible{
  outline:3px solid rgba(181,6,9,.62)!important;
  outline-offset:4px!important;
}
body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable .b2b-apple-highlight-card:focus:not(:focus-visible){
  outline:none!important;
}
body.home .b2b-home-product-families.is-apple-highlights .b2b-apple-highlight-open{
  display:none!important;
}

/* ==========================================================
   v1.5.41.3.64.191.13 — Mobile HERO thumbnail safe-area increase
   Give the mobile thumbnail rail a visibly more generous lower breathing zone
   so active-card rounding/shadow never feels clipped against the HERO edge.
   Desktop/tablet CTA-to-thumbnail baseline logic is intentionally untouched.
   ========================================================== */
@media(max-width:760px){
  body.home .b2b-home-launch-experience > .b2b-home-ultraview-hero{
    padding-bottom:10px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    padding-bottom:25px!important;
    margin-bottom:0!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-launch-experience > .b2b-home-ultraview-hero{
    padding-bottom:9px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    padding-bottom:24px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-launch-experience > .b2b-home-ultraview-hero{
    padding-bottom:8px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-thumbs{
    padding-bottom:22px!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.15 — Product detail 1:1 main-media fit
   Make the PDP media frame genuinely square so a clean 1:1 upload can fill
   the frame without cover-cropping. Non-square gallery images remain fully
   visible via contain. Keep the responsive <picture> wrapper dimensionally
   neutral so desktop/mobile art direction behaves identically.
   ========================================================== */
.single-b2b_product .b2b-product-media-slide > .b2b-responsive-picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
}
.single-b2b_product .b2b-product-media-slide img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
}
.single-b2b_product .b2b-product-media-slide[data-product-media-slide="0"] img{
  padding:0!important;
}

@media(min-width:1051px){
  .single-b2b_product .b2b-product-media-gallery{
    width:100%!important;
    max-width:560px!important;
  }
  .single-b2b_product .b2b-product-media-stage{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
  }
}

@media(min-width:768px) and (max-width:1050px){
  .single-b2b_product .b2b-product-media-gallery{
    width:min(100%,clamp(470px,62vw,540px))!important;
    max-width:540px!important;
  }
  .single-b2b_product .b2b-product-media-stage{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
  }
}

@media(max-width:767px){
  .single-b2b_product .b2b-product-media-stage{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
  }
}

/* Preserve the compact short-landscape treatment while still giving a clean
   square image surface when space permits. */
@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
  .single-b2b_product .b2b-product-media-gallery{
    width:min(58vh,360px,100%)!important;
    width:min(58dvh,360px,100%)!important;
    max-width:360px!important;
  }
  .single-b2b_product .b2b-product-media-stage{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.17 — Product-category card depth polish
   Give product cards on child/category archives a restrained soft shadow.
   The shadow is visual only (no geometry changes), with a slightly stronger
   hover state on fine-pointer devices and a lighter mobile treatment.
   ========================================================== */
.tax-b2b_product_category .b2b-pc-card-simple{
  box-shadow:
    0 10px 28px rgba(15,23,42,.065),
    0 2px 7px rgba(15,23,42,.035)!important;
  transition:
    transform .3s cubic-bezier(.2,.7,.2,1),
    border-color .3s ease,
    box-shadow .3s ease;
}
@media (hover:hover) and (pointer:fine){
  .tax-b2b_product_category .b2b-pc-card-simple:hover{
    box-shadow:
      0 15px 36px rgba(15,23,42,.085),
      0 4px 10px rgba(15,23,42,.045)!important;
  }
}
@media(max-width:767px){
  .tax-b2b_product_category .b2b-pc-card-simple{
    box-shadow:
      0 7px 20px rgba(15,23,42,.055),
      0 2px 5px rgba(15,23,42,.03)!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.18 — Product-category 1:1 full-bleed media
   Product-category listing cards use a genuine square media canvas so a
   clean 1:1 featured image can fill the image area edge-to-edge.  This is
   intentionally scoped to taxonomy archives only; card shadow, hover scale,
   copy spacing and every non-category surface keep their existing behavior.
   ========================================================== */
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple{
  width:100%;
  min-height:0;
  height:auto;
  aspect-ratio:1/1;
  padding:0;
  display:block;
  overflow:hidden;
  background:#f5f5f7;
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple > .b2b-responsive-picture{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:50% 50%;
  border-radius:0;
}
.tax-b2b_product_category .b2b-pc-card-simple .b2b-pc-media-simple .b2b-pc-placeholder{
  width:100%;
  height:100%;
  max-width:none;
  border-radius:0;
}

/* ==========================================================
   v1.5.41.3.64.191.19 — Unified card shadow refinement
   Slightly deepen the restrained depth treatment on product cards inside
   category archives and apply the same visual language to Product Center
   category cards. Geometry, media scaling, hover lift and responsive layout
   stay unchanged; only the shadow paint is refined.
   ========================================================== */
.tax-b2b_product_category .b2b-pc-card-simple,
.post-type-archive-b2b_product .b2b-pc-category-card{
  box-shadow:
    0 11px 30px rgba(15,23,42,.075),
    0 3px 8px rgba(15,23,42,.04)!important;
}
.post-type-archive-b2b_product .b2b-pc-category-card.is-current{
  box-shadow:
    0 0 0 3px rgba(181,6,9,.07),
    0 11px 30px rgba(15,23,42,.075),
    0 3px 8px rgba(15,23,42,.04)!important;
}
@media (hover:hover) and (pointer:fine){
  .tax-b2b_product_category .b2b-pc-card-simple:hover,
  .post-type-archive-b2b_product .b2b-pc-category-card:hover{
    box-shadow:
      0 16px 38px rgba(15,23,42,.095),
      0 4px 11px rgba(15,23,42,.05)!important;
  }
  .post-type-archive-b2b_product .b2b-pc-category-card.is-current:hover{
    box-shadow:
      0 0 0 3px rgba(181,6,9,.07),
      0 16px 38px rgba(15,23,42,.095),
      0 4px 11px rgba(15,23,42,.05)!important;
  }
}
@media(max-width:767px){
  .tax-b2b_product_category .b2b-pc-card-simple,
  .post-type-archive-b2b_product .b2b-pc-category-card{
    box-shadow:
      0 8px 22px rgba(15,23,42,.062),
      0 2px 6px rgba(15,23,42,.034)!important;
  }
  .post-type-archive-b2b_product .b2b-pc-category-card.is-current{
    box-shadow:
      0 0 0 3px rgba(181,6,9,.07),
      0 8px 22px rgba(15,23,42,.062),
      0 2px 6px rgba(15,23,42,.034)!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.20 — Product detail main image full-bleed rounding
   The primary PDP image fills the existing square media stage edge-to-edge
   and follows the stage corner radius. Secondary gallery images/video keep
   their established contain behavior so current gallery presentation remains
   unchanged outside the main product image.
   ========================================================== */
.single-b2b_product .b2b-product-media-stage{
  overflow:hidden!important;
}
.single-b2b_product .b2b-product-media-slide[data-product-media-slide="0"]{
  border-radius:inherit!important;
  overflow:hidden!important;
}
.single-b2b_product .b2b-product-media-slide[data-product-media-slide="0"] > .b2b-responsive-picture{
  border-radius:inherit!important;
  overflow:hidden!important;
}
.single-b2b_product .b2b-product-media-slide[data-product-media-slide="0"] img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  border-radius:inherit!important;
}

/* ==========================================================
   v1.5.41.3.64.191.23 — Native five-letter enquiry verification
   Compact, dependency-free verification. The challenge is visually distinct
   while the answer field remains touch-friendly and consistent across forms.
   ========================================================== */
.b2b-enquiry-verification{
  display:flex;
  flex-direction:column;
  gap:9px;
  min-width:0;
}
.b2b-letter-verification-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  min-width:0;
}
.b2b-letter-verification-head>span{
  color:#1d1d1f;
  font-size:12px;
  line-height:1.35;
  font-weight:650;
}
.b2b-letter-verification-head>small{
  color:#86868b;
  font-size:10px;
  line-height:1.35;
  text-align:right;
}
.b2b-letter-verification-row{
  display:grid;
  grid-template-columns:minmax(128px,152px) minmax(112px,1fr);
  align-items:stretch;
  gap:10px;
  min-width:0;
}
.b2b-letter-code{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:48px;
  padding:8px 13px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.10);
  border-radius:13px;
  background:
    linear-gradient(128deg,transparent 0 29%,rgba(181,6,9,.055) 29.5% 30.5%,transparent 31% 67%,rgba(0,0,0,.045) 67.5% 68.5%,transparent 69%),
    #f5f5f7;
  color:#1d1d1f;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:20px;
  font-weight:800;
  letter-spacing:.02em;
  line-height:1;
  user-select:none;
  -webkit-user-select:none;
}
.b2b-letter-code::after{
  content:"";
  position:absolute;
  inset:50% -8px auto;
  height:1px;
  background:rgba(181,6,9,.12);
  transform:rotate(-5deg);
  pointer-events:none;
}
.b2b-letter-code span{
  position:relative;
  z-index:1;
  display:inline-block;
  transform:translateY(var(--b2b-cap-shift,0)) rotate(var(--b2b-cap-rotate,0));
}
.b2b-enquiry-form input.b2b-letter-answer,
.b2b-home-rfq-form input.b2b-letter-answer{
  width:100%!important;
  min-width:0;
  height:48px;
  margin:0!important;
  padding:10px 14px!important;
  border-radius:13px!important;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  font-size:16px!important;
  font-weight:750;
}
.b2b-letter-answer::placeholder{
  letter-spacing:.15em;
  color:#b0b0b5!important;
}
@media(max-width:430px){
  .b2b-letter-verification-head{align-items:flex-start;flex-direction:column;gap:2px}
  .b2b-letter-verification-head>small{text-align:left}
  .b2b-letter-verification-row{grid-template-columns:1fr minmax(108px,42%);gap:8px}
  .b2b-letter-code{gap:6px;padding-inline:10px;font-size:19px}
}
@media(max-width:340px){
  .b2b-letter-verification-row{grid-template-columns:1fr}
  .b2b-enquiry-form input.b2b-letter-answer,
  .b2b-home-rfq-form input.b2b-letter-answer{max-width:152px}
}


/* ==========================================================
   v1.5.41.3.64.191.25 — Global navigation logo proportion refinement
   Enlarge the real brand mark without changing navigation chrome geometry.
   Desktop gets the strongest lift; tablet stays conservative to protect the
   seven-item primary menu; phones gain presence without crowding the menu CTA.
   ========================================================== */
.b2b-site-header .b2b-brand{
  flex:0 1 auto;
  min-width:0;
  max-width:min(260px,25vw);
}
.b2b-site-header .b2b-brand-has-logo{line-height:0}
.b2b-site-header .b2b-brand.custom-logo-link{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
}
.b2b-site-header .custom-logo{
  display:block;
  width:auto!important;
  height:auto!important;
  max-height:40px;
  max-width:240px;
  object-fit:contain;
  object-position:left center;
}

/* Tablet keeps the full desktop navigation, so logo growth is deliberately
   smaller here to avoid squeezing long menu labels. */
@media(min-width:768px) and (max-width:1099px){
  .b2b-site-header .b2b-brand{max-width:min(190px,19vw)}
  .b2b-site-header .custom-logo{max-height:35px;max-width:min(190px,19vw)}
}

/* Mobile fixed header remains 54px tall. A 33px mark leaves comfortable
   vertical breathing room around the 44px menu control and respects notches. */
@media(max-width:767px){
  /* Keep the navigation breakpoint consistent through the full fixed-header
     range (761–767px used to fall between the old 760/767 rules). */
  .b2b-menu-toggle{display:block}
  .b2b-primary-nav{display:none}
  .b2b-primary-nav.is-open{display:block}
  .b2b-site-header .b2b-brand{
    flex:0 1 auto;
    min-width:0;
    max-width:calc(100% - 54px);
  }
  .b2b-site-header .custom-logo{
    max-height:33px!important;
    max-width:min(64vw,210px)!important;
  }
}
@media(max-width:360px){
  .b2b-site-header .custom-logo{
    max-height:31px!important;
    max-width:min(62vw,190px)!important;
  }
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
  .b2b-site-header .custom-logo{max-height:30px!important}
}

/* ==========================================================
   v1.5.41.3.64.191.26 — Header logo visual balance refinement
   Keep the premium compact header while giving the brand mark more presence.
   The logo scale is stepped by viewport so it never crowds the primary nav,
   and the mobile dropdown is anchored to the actual header height.
   ========================================================== */
.b2b-site-header .b2b-header-inner{
  min-height:64px;
}
.b2b-site-header .b2b-brand{
  max-width:min(280px,28vw);
}
.b2b-site-header .custom-logo{
  max-height:46px!important;
  max-width:260px!important;
}

/* Mid-size desktop: preserve menu breathing room while keeping the logo
   clearly larger than the pre-.25 navigation mark. */
@media(min-width:1100px) and (max-width:1279px){
  .b2b-site-header .b2b-header-inner{min-height:62px}
  .b2b-site-header .b2b-brand{max-width:min(235px,22vw)}
  .b2b-site-header .custom-logo{max-height:42px!important;max-width:235px!important}
}

/* Tablet / compact desktop still uses the full navigation. The brand gets a
   controlled lift but yields width first when menu labels need the space. */
@media(min-width:768px) and (max-width:1099px){
  .b2b-site-header .b2b-header-inner{min-height:60px;gap:18px}
  .b2b-site-header .b2b-brand{max-width:min(205px,20vw)}
  .b2b-site-header .custom-logo{max-height:38px!important;max-width:min(205px,20vw)!important}
}

/* Mobile: slightly larger mark, comfortable vertical air, and dropdown tied
   to the real header bottom so logo growth cannot create a 1–4px seam. */
@media(max-width:767px){
  .b2b-site-header .b2b-header-inner{min-height:60px;gap:12px}
  .b2b-site-header .b2b-brand{
    max-width:calc(100% - 58px);
    padding-block:3px;
  }
  .b2b-site-header .custom-logo{
    max-height:36px!important;
    max-width:min(68vw,220px)!important;
  }
  .b2b-menu-toggle{
    flex:0 0 44px;
    width:44px;
    height:44px;
  }
  .b2b-menu-toggle span:not(.screen-reader-text){left:12px;width:20px}
  .b2b-primary-nav{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    background:rgba(250,250,252,.98);
    border-top:1px solid rgba(0,0,0,.06);
    padding:14px 20px 24px;
  }
  .b2b-nav-list{flex-direction:column;align-items:stretch;gap:0}
  .b2b-nav-list li a{display:block;padding:13px 4px;font-size:16px}
  .b2b-nav-list li:last-child a{text-align:center;margin-top:8px;padding:11px 14px}
}
@media(max-width:390px){
  .b2b-site-header .custom-logo{max-height:34px!important;max-width:min(67vw,205px)!important}
}
@media(max-width:340px){
  .b2b-site-header .custom-logo{max-height:32px!important;max-width:min(65vw,186px)!important}
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
  .b2b-site-header .b2b-header-inner{min-height:56px}
  .b2b-site-header .custom-logo{max-height:33px!important}
}


/* ==========================================================
   v1.5.41.3.64.191.27 — Managed HERO text layout
   Editors may explicitly enable a protected three-line text composition from
   B2B Content Manager. Every managed entry occupies at most one visual row,
   with independent desktop/tablet/mobile font sizes and weights. The existing
   .191.7 equal logo-to-copy / copy-to-CTA rhythm and .191.6 shared CTA/thumb
   bottom baseline remain authoritative because this block is still one flex
   item between the fixed logo and action rails. Legacy supporting copy remains
   unchanged until the custom layout switch is enabled.
   ========================================================== */
body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-hero-text-layout{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  width:100%!important;
  max-width:610px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  max-height:none!important;
  line-height:normal!important;
  letter-spacing:var(--b2b-hero-copy-letter-spacing-desktop,var(--b2b-hero-copy-letter-spacing,0px))!important;
  text-align:var(--b2b-hero-copy-align-desktop,left)!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .b2b-home-hero-text-line{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:var(--b2b-hero-copy-line-height,1.28)!important;
  letter-spacing:inherit!important;
  color:inherit!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-1{
  font-size:var(--b2b-hero-copy-l1-desktop,20px)!important;
  font-weight:var(--b2b-hero-copy-l1-weight,600)!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-2{
  font-size:var(--b2b-hero-copy-l2-desktop,17px)!important;
  font-weight:var(--b2b-hero-copy-l2-weight,500)!important;
}
body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-3{
  font-size:var(--b2b-hero-copy-l3-desktop,14px)!important;
  font-weight:var(--b2b-hero-copy-l3-weight,500)!important;
}
@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-hero-text-layout{letter-spacing:var(--b2b-hero-copy-letter-spacing-tablet,var(--b2b-hero-copy-letter-spacing-desktop,var(--b2b-hero-copy-letter-spacing,0px)))!important}
  body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-1{font-size:var(--b2b-hero-copy-l1-tablet,18px)!important}
  body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-2{font-size:var(--b2b-hero-copy-l2-tablet,16px)!important}
  body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-3{font-size:var(--b2b-hero-copy-l3-tablet,14px)!important}
}
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-hero-text-layout{
    text-align:var(--b2b-hero-copy-align-mobile,center)!important;
    letter-spacing:var(--b2b-hero-copy-letter-spacing-mobile,var(--b2b-hero-copy-letter-spacing,0px))!important;
    max-width:min(94vw,610px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-1{font-size:var(--b2b-hero-copy-l1-mobile,17px)!important}
  body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-2{font-size:var(--b2b-hero-copy-l2-mobile,15px)!important}
  body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-3{font-size:var(--b2b-hero-copy-l3-mobile,13px)!important}
}
@media(max-width:480px){
  /* v1.5.41.3.64.191.29: keep the editor's chosen mobile size authoritative.
     hero-text-layout.js now reduces only a line that truly overflows its own
     available width, so short lines retain the exact configured size. */
  body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .b2b-home-hero-text-line{max-width:100%!important}
}
/* Preserve the existing short-landscape safety policy: the editor can define
   three lines globally, while devices without enough vertical room suppress
   lower-priority lines instead of squeezing the logo/buttons or breaking the
   shared CTA-thumbnail bottom rail. */
@media(min-width:761px) and (max-width:900px) and (max-height:520px) and (orientation:landscape){
  body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-3{display:none!important}
}
@media(min-width:761px) and (max-width:900px) and (max-height:430px) and (orientation:landscape){
  body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-2,
  body.home .b2b-home-ultraview-hero .b2b-home-hero-text-layout .line-3{display:none!important}
}


/* v1.5.41.3.64.191.28 — Solutions Market Customization: custom artwork fills the visual frame.
   Product-thumbnail fallback keeps the original contained presentation. */
.b2b-solutions-page .b2b-market-visual.is-full-bleed{padding:0}
.b2b-solutions-page .b2b-market-visual.is-full-bleed>.b2b-responsive-picture{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%}
.b2b-solutions-page .b2b-market-visual.is-full-bleed>img,
.b2b-solutions-page .b2b-market-visual.is-full-bleed>.b2b-responsive-picture>img{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center center;filter:none;border-radius:0}
.b2b-solutions-page .b2b-market-visual.is-full-bleed:before{content:"";position:absolute;inset:0;z-index:2;width:auto;height:auto;left:0;top:0;border:0;border-radius:0;transform:none;background:linear-gradient(180deg,rgba(247,247,249,.78) 0%,rgba(247,247,249,.25) 20%,rgba(247,247,249,0) 48%,rgba(0,0,0,.04) 100%);pointer-events:none}
.b2b-solutions-page .b2b-market-visual.is-full-bleed:after{display:none}


/* ==========================================================
   v1.5.41.3.64.191.29 — HERO typography controls verified + responsive tracking
   B2B Content Manager font sizes are now true target sizes on every viewport.
   The previous <=480px CSS cap no longer silently overrides the selected mobile
   size; the existing JS fitter intervenes only when the actual line overflows.
   Desktop/tablet/mobile letter spacing can be tuned independently and inherits
   through the protected three-line composition without changing the logo/copy/CTA
   rhythm or CTA-to-thumbnail baseline.
   ========================================================== */

/* ==========================================================
   v1.5.41.3.64.191.30 — HERO desktop copy canvas expansion
   Give the managed left-side copy substantially more horizontal and vertical
   breathing room on PC without changing the established logo size, product
   geometry, CTA/thumb shared bottom rail, or mobile composition. The parent
   copy column becomes wider only from the desktop breakpoint upward; the
   managed three-line copy receives a taller internal canvas and modest row
   separation, while the existing flex space-between layout continues to keep
   LOGO→copy and copy→CTA free-space intervals mathematically equal.
   ========================================================== */
@media(min-width:1121px) and (max-width:1279px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    width:44%!important;
    max-width:680px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-hero-text-layout{
    width:100%!important;
    max-width:100%!important;
    min-height:clamp(76px,12vh,108px)!important;
    row-gap:clamp(3px,.34vw,5px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-ultraview-message:not(.b2b-home-hero-text-layout){
    max-width:100%!important;
  }
}

@media(min-width:1280px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    width:46%!important;
    max-width:820px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-hero-text-layout{
    width:100%!important;
    max-width:100%!important;
    min-height:clamp(86px,12vh,124px)!important;
    row-gap:clamp(4px,.38vw,7px)!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-ultraview-message:not(.b2b-home-hero-text-layout){
    max-width:760px!important;
  }
}

@media(min-width:1600px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static{
    max-width:860px!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static>.b2b-home-hero-text-layout{
    max-width:100%!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.31 — HERO brand mark scale refinement
   Increase only the homepage HERO brand mark, keeping the established copy
   canvas, equal logo-to-copy / copy-to-CTA rhythm, CTA-to-thumbnail baseline,
   product geometry, and navigation logo untouched. Desktop receives the most
   visual lift; tablet is increased modestly, while phones gain width without
   adding unnecessary fixed vertical blank space around wide logo artwork.
   ========================================================== */
@media(min-width:1121px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-display-height:clamp(252px,28svh,300px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(1260px,84vw)!important;
  }
}

@media(min-width:761px) and (max-width:1120px){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-display-height:clamp(198px,22svh,232px);
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-copy-static .b2b-home-ultraview-title-logo{
    width:min(980px,84vw)!important;
  }
}

/* Preserve the compact short-landscape composition: there is not enough
   vertical room to enlarge the logo safely without stealing the balanced copy
   gaps or the shared CTA/thumbnail baseline. */
@media(min-width:761px) and (max-width:900px) and (max-height:520px) and (orientation:landscape){
  body.home .b2b-home-ultraview-hero{
    --b2b-hero-logo-display-height:clamp(182px,20svh,215px);
  }
}

@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(431px,86.24vw)!important;
    height:auto!important;
    min-height:0!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(363px,84.28vw)!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(304px,82.32vw)!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.32 — Header brand visibility enhancement
   Increase the *usable* wordmark canvas as well as its height. Wide logos
   were often width-limited before they could reach the intended height.
   Desktop gets the strongest lift; compact desktop/tablet yields width first
   to protect the primary navigation; mobile keeps a 44px menu target clear.
   ========================================================== */
.b2b-site-header .b2b-header-inner{
  min-height:70px;
}
.b2b-site-header .b2b-brand{
  flex:0 1 auto;
  min-width:0;
  max-width:min(330px,31vw);
}
.b2b-site-header .custom-logo{
  display:block;
  width:auto!important;
  height:auto!important;
  max-height:52px!important;
  max-width:320px!important;
  object-fit:contain;
  object-position:left center;
}

/* Standard laptop / compact desktop. */
@media(min-width:1100px) and (max-width:1279px){
  .b2b-site-header .b2b-header-inner{min-height:66px;gap:20px}
  .b2b-site-header .b2b-brand{max-width:min(268px,23vw)}
  .b2b-site-header .custom-logo{max-height:47px!important;max-width:268px!important}
}

/* Full-nav tablet and small laptop. Keep menu labels safe. */
@media(min-width:900px) and (max-width:1099px){
  .b2b-site-header .b2b-header-inner{min-height:64px;gap:16px}
  .b2b-site-header .b2b-brand{max-width:min(220px,20vw)}
  .b2b-site-header .custom-logo{max-height:41px!important;max-width:min(220px,20vw)!important}
}
@media(min-width:768px) and (max-width:899px){
  .b2b-site-header .b2b-header-inner{min-height:62px;gap:12px}
  .b2b-site-header .b2b-brand{max-width:min(184px,21vw)}
  .b2b-site-header .custom-logo{max-height:37px!important;max-width:min(184px,21vw)!important}
}

/* Mobile keeps the logo prominent while reserving the 44px menu hit area. */
@media(max-width:767px){
  .b2b-site-header .b2b-header-inner{min-height:62px;gap:10px}
  .b2b-site-header .b2b-brand{
    max-width:calc(100% - 56px);
    padding-block:2px;
  }
  .b2b-site-header .custom-logo{
    max-height:39px!important;
    max-width:min(70vw,238px)!important;
  }
  .b2b-primary-nav{top:100%}
}
@media(max-width:390px){
  .b2b-site-header .custom-logo{max-height:37px!important;max-width:min(69vw,218px)!important}
}
@media(max-width:340px){
  .b2b-site-header .custom-logo{max-height:35px!important;max-width:min(67vw,196px)!important}
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
  .b2b-site-header .b2b-header-inner{min-height:58px}
  .b2b-site-header .custom-logo{max-height:35px!important}
}


/* ==========================================================
   v1.5.41.3.64.191.33 — Product Center category-copy safe area
   Give taxonomy descriptions a clearer inner breathing zone so long editorial
   copy never visually runs into the category-card border. Full descriptions
   remain readable (no line clamp/truncation); only spacing and robust wrapping
   are refined. Existing media, shadow, hover and card geometry stay intact.
   ========================================================== */
.post-type-archive-b2b_product .b2b-pc-category-copy{
  box-sizing:border-box;
  padding:24px 26px 32px;
}
.post-type-archive-b2b_product .b2b-pc-category-card h3,
.post-type-archive-b2b_product .b2b-pc-category-card p{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
.post-type-archive-b2b_product .b2b-pc-category-card p{
  line-height:1.58;
  padding-bottom:2px;
}
@media(max-width:1024px){
  .post-type-archive-b2b_product .b2b-pc-category-copy{
    padding:23px 24px 30px;
  }
}
@media(max-width:767px){
  .post-type-archive-b2b_product .b2b-pc-category-copy{
    padding:21px 20px 28px;
  }
  .post-type-archive-b2b_product .b2b-pc-category-card p{
    line-height:1.56;
  }
}

/* ==========================================================
   v1.5.41.3.64.191.34 — Product Center category description clamp
   Keep category-card descriptions visually consistent: at most two lines,
   with an ellipsis for overflow. Preserve the v191.33 safe-area spacing.
   ========================================================== */
.post-type-archive-b2b_product .b2b-pc-category-card p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  min-height:calc(2 * 1.58em);
  max-height:calc(2 * 1.58em);
}
@media(max-width:767px){
  .post-type-archive-b2b_product .b2b-pc-category-card p{
    min-height:calc(2 * 1.56em);
    max-height:calc(2 * 1.56em);
  }
}

/* Enquiry form response & email privacy microcopy. */
.b2b-enquiry-form .b2b-form-privacy-note,
.b2b-home-rfq-form .b2b-form-privacy-note{
  display:block;
  margin-top:-4px;
  font-size:11px !important;
  line-height:1.45;
  font-weight:400;
  color:#6e6e73;
}

/* ==========================================================
   v1.5.41.3.64.191.37 — Header logo / navigation balance
   Keep a wide wordmark prominent without consuming the menu area.
   The theme no longer injects a language switcher; translation plugins
   own their language UI entirely, preventing duplicate switchers.
   ========================================================== */
.b2b-site-header .b2b-header-inner{
  min-height:64px;
  gap:clamp(18px,2vw,28px);
}
.b2b-site-header .b2b-brand{
  flex:0 1 auto;
  min-width:0;
  max-width:240px;
}
.b2b-site-header .custom-logo{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:240px!important;
  max-height:42px!important;
  object-fit:contain;
  object-position:left center;
}
.b2b-site-header .b2b-primary-nav{
  flex:1 1 auto;
  min-width:0;
}
.b2b-site-header .b2b-nav-list{
  justify-content:flex-end;
}

/* Compact desktop / laptop: yield logo width before squeezing nav labels. */
@media(min-width:1100px) and (max-width:1279px){
  .b2b-site-header .b2b-header-inner{min-height:64px;gap:18px}
  .b2b-site-header .b2b-brand{max-width:220px}
  .b2b-site-header .custom-logo{max-width:220px!important;max-height:40px!important}
}

/* Small laptop / tablet with full navigation. */
@media(min-width:900px) and (max-width:1099px){
  .b2b-site-header .b2b-header-inner{min-height:62px;gap:15px}
  .b2b-site-header .b2b-brand{max-width:min(195px,19vw)}
  .b2b-site-header .custom-logo{max-width:min(195px,19vw)!important;max-height:36px!important}
}
@media(min-width:768px) and (max-width:899px){
  .b2b-site-header .b2b-header-inner{min-height:60px;gap:12px}
  .b2b-site-header .b2b-brand{max-width:min(180px,21vw)}
  .b2b-site-header .custom-logo{max-width:min(180px,21vw)!important;max-height:34px!important}
}

/* Mobile: logo remains visually strong while reserving the menu hit target. */
@media(max-width:767px){
  .b2b-site-header .b2b-header-inner{min-height:60px;gap:10px}
  .b2b-site-header .b2b-brand{
    max-width:calc(100% - 56px);
    padding-block:2px;
  }
  .b2b-site-header .custom-logo{
    max-width:min(66vw,210px)!important;
    max-height:34px!important;
  }
  .b2b-primary-nav{top:100%}
}
@media(max-width:390px){
  .b2b-site-header .custom-logo{max-width:min(65vw,195px)!important;max-height:32px!important}
}
@media(max-width:340px){
  .b2b-site-header .custom-logo{max-width:min(63vw,180px)!important;max-height:30px!important}
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
  .b2b-site-header .b2b-header-inner{min-height:56px}
  .b2b-site-header .custom-logo{max-height:31px!important}
}

/* ==========================================================
   v1.5.41.3.64.191.43 — Product detail gallery true 1:1 geometry
   One authoritative geometry for every PDP product image. The media stage is
   always square; slide/frame/picture/image are dimensionless overlays; images
   preserve their intrinsic proportions via object-fit:cover. No scale-based
   slide animation is used, so a changing slide never exposes the stage edge.
   ========================================================== */
.single-b2b_product .b2b-product-media-gallery{
  min-width:0!important;
}
.single-b2b_product .b2b-product-media-stage{
  --b2b-product-gallery-radius:28px;
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1 / 1!important;
  box-sizing:border-box!important;
  border-radius:var(--b2b-product-gallery-radius)!important;
  overflow:hidden!important;
  background:#f5f5f7!important;
  isolation:isolate;
  contain:layout paint;
  clip-path:inset(0 round var(--b2b-product-gallery-radius));
  -webkit-mask-image:-webkit-radial-gradient(white,black);
}
.single-b2b_product .b2b-product-media-slide{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  opacity:0;
  visibility:hidden;
  transform:none!important;
  transition:opacity .32s ease,visibility 0s linear .32s!important;
}
.single-b2b_product .b2b-product-media-slide.is-active{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition-delay:0s!important;
}
.single-b2b_product .b2b-product-media-slide:not(.is-video) .b2b-product-media-frame{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}
.single-b2b_product .b2b-product-media-frame>.b2b-responsive-picture{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}
.single-b2b_product .b2b-product-media-frame img,
.single-b2b_product .b2b-product-media-frame>.b2b-responsive-picture>img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  border:0!important;
  border-radius:inherit!important;
  transform:none!important;
}
/* Thumbnails use the same no-padding, proportional cover behavior. */
.single-b2b_product .b2b-product-media-thumbs button:not(.is-video){
  --b2b-product-thumb-radius:14px;
  padding:0!important;
  border-radius:var(--b2b-product-thumb-radius)!important;
  overflow:hidden!important;
  clip-path:inset(0 round var(--b2b-product-thumb-radius));
}
.single-b2b_product .b2b-product-media-thumbs button:not(.is-video)>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  transform:none!important;
}
/* Video is intentionally fitted, not cropped. */
.single-b2b_product .b2b-product-media-slide.is-video{
  border-radius:inherit!important;
  background:#000!important;
}
.single-b2b_product .b2b-product-media-slide.is-video video{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  object-fit:contain!important;
  border-radius:inherit!important;
}
@media(max-width:767px){
  .single-b2b_product .b2b-product-media-stage{--b2b-product-gallery-radius:20px}
  .single-b2b_product .b2b-product-media-thumbs button:not(.is-video){--b2b-product-thumb-radius:11px}
}
@media(max-width:360px){
  .single-b2b_product .b2b-product-media-stage{--b2b-product-gallery-radius:18px}
  .single-b2b_product .b2b-product-media-thumbs button:not(.is-video){--b2b-product-thumb-radius:10px}
}

/* ==========================================================
   v1.5.41.3.64.191.44 — Product gallery seam-free switching
   Keep one and only one rounded clipping surface: the outer 1:1 media stage.
   Slides and image wrappers stay square-edged internally, and slide changes are
   atomic (no semi-transparent crossfade). This prevents the 1px anti-aliased
   halo/edge that can appear during GPU compositing, especially in Safari/iOS.
   ========================================================== */
.single-b2b_product .b2b-product-media-stage{
  overflow:hidden!important;
  border-radius:var(--b2b-product-gallery-radius)!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  -webkit-transform:none!important;
  transform:none!important;
}
.single-b2b_product .b2b-product-media-slide{
  z-index:0!important;
  border-radius:0!important;
  overflow:visible!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:none!important;
  animation:none!important;
  -webkit-transform:none!important;
  transform:none!important;
  will-change:auto!important;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.single-b2b_product .b2b-product-media-slide.is-active{
  z-index:2!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:none!important;
  -webkit-transform:none!important;
  transform:none!important;
}
.single-b2b_product .b2b-product-media-slide:not(.is-video) .b2b-product-media-frame,
.single-b2b_product .b2b-product-media-frame>.b2b-responsive-picture,
.single-b2b_product .b2b-product-media-frame img,
.single-b2b_product .b2b-product-media-frame>.b2b-responsive-picture>img{
  border-radius:0!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.single-b2b_product .b2b-product-media-slide:not(.is-video) .b2b-product-media-frame,
.single-b2b_product .b2b-product-media-frame>.b2b-responsive-picture{
  overflow:visible!important;
}
.single-b2b_product .b2b-product-media-slide.is-video,
.single-b2b_product .b2b-product-media-slide.is-video video{
  border-radius:0!important;
  clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}



/* ==========================================================
   v1.5.41.3.64.191.45 — Product gallery stable swipe / drag input
   Horizontal gestures belong to the gallery; vertical gestures and pinch zoom
   remain native page interactions. Images cannot start the browser's native
   drag operation, which previously competed with desktop pointer handling.
   ========================================================== */
.single-b2b_product .b2b-product-media-stage{
  touch-action:pan-y pinch-zoom!important;
  overscroll-behavior-x:contain;
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-tap-highlight-color:transparent;
}
.single-b2b_product .b2b-product-media-frame,
.single-b2b_product .b2b-product-media-frame picture,
.single-b2b_product .b2b-product-media-frame img{
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.single-b2b_product .b2b-product-media-frame img{pointer-events:none!important}
.single-b2b_product .b2b-product-media-stage.is-dragging{cursor:grabbing}
@media(hover:hover) and (pointer:fine){
  .single-b2b_product .b2b-product-media-stage{cursor:grab}
}


/* ==========================================================
   v1.5.41.3.64.191.46 — Product gallery hover-reveal side paddles
   Previous/next controls live inside the 1:1 media stage. On desktop they
   appear only after real pointer movement, then fade away after pointer idle
   or leave. Touch/coarse-pointer devices keep swipe navigation without
   persistent overlay controls. Keyboard focus always reveals the focused paddle.
   ========================================================== */
.single-b2b_product .b2b-product-media-stage>.b2b-product-media-controls{
  position:absolute!important;
  inset:0!important;
  z-index:12!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  pointer-events:none!important;
}
.single-b2b_product .b2b-product-media-stage>.b2b-product-media-controls>span{
  display:none!important;
}
.single-b2b_product .b2b-product-media-stage>.b2b-product-media-controls>button{
  position:absolute!important;
  top:50%!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  padding:0 0 3px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  color:#1d1d1f!important;
  box-shadow:0 8px 28px rgba(0,0,0,.14)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.15)!important;
  backdrop-filter:blur(14px) saturate(1.15)!important;
  font:500 32px/1 Arial,sans-serif!important;
  cursor:pointer!important;
  opacity:0!important;
  visibility:visible!important;
  pointer-events:none!important;
  transform:translateY(-50%) scale(.92)!important;
  transition:opacity .16s ease,transform .18s cubic-bezier(.22,1,.36,1),background-color .16s ease,visibility 0s linear .18s!important;
  -webkit-tap-highlight-color:transparent;
}
.single-b2b_product .b2b-product-media-stage>.b2b-product-media-controls>[data-product-media-prev]{left:18px!important}
.single-b2b_product .b2b-product-media-stage>.b2b-product-media-controls>[data-product-media-next]{right:18px!important}
@media(hover:hover) and (pointer:fine){
  .single-b2b_product .b2b-product-media-stage.is-nav-visible>.b2b-product-media-controls>button,
  .single-b2b_product .b2b-product-media-stage>.b2b-product-media-controls>button:focus-visible{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(-50%) scale(1)!important;
    transition-delay:0s!important;
  }
  .single-b2b_product .b2b-product-media-stage>.b2b-product-media-controls>button:hover{
    background:rgba(255,255,255,.98)!important;
    transform:translateY(-50%) scale(1.055)!important;
  }
  .single-b2b_product .b2b-product-media-stage>.b2b-product-media-controls>button:focus-visible{
    outline:3px solid rgba(220,8,11,.34)!important;
    outline-offset:3px!important;
  }
}
@media(max-width:767px){
  .single-b2b_product .b2b-product-media-stage>.b2b-product-media-controls>[data-product-media-prev]{left:12px!important}
  .single-b2b_product .b2b-product-media-stage>.b2b-product-media-controls>[data-product-media-next]{right:12px!important}
}

/* Keyboard focus is an explicit navigation intent even on devices that do not
   report a fine hovering pointer. Keep the paddles visually hidden by opacity
   until focus lands on one, rather than using visibility:hidden (which removes
   them from the tab order). */
.single-b2b_product .b2b-product-media-stage>.b2b-product-media-controls>button:focus-visible{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(-50%) scale(1)!important;
  outline:3px solid rgba(220,8,11,.34)!important;
  outline-offset:3px!important;
  transition-delay:0s!important;
}


/* ==========================================================
   v1.5.41.3.64.191.50 — Mobile menu trigger moved to the left
   Phones keep the existing logo scale, dropdown geometry and menu behavior.
   Only the visible flex order changes: hamburger first, brand second.
   ========================================================== */
@media(max-width:767px){
  .b2b-site-header .b2b-header-inner{
    justify-content:flex-start;
  }
  .b2b-site-header .b2b-menu-toggle{
    order:1;
  }
  .b2b-site-header .b2b-brand{
    order:2;
  }
  .b2b-site-header .b2b-primary-nav{
    order:3;
  }
}


/* ==========================================================
   v1.5.41.3.64.191.52 — Homepage social profile strip refinement
   Keeps every configured social icon on one centered row, including narrow
   phones, while visually blending the strip into the Hero-to-content transition.
   ========================================================== */
.b2b-home-social-strip{
  position:relative;
  z-index:3;
  width:100%;
  background:#fff;
  color:#1d1d1f;
  border-top:1px solid rgba(29,29,31,.035);
  border-bottom:1px solid rgba(29,29,31,.035);
}
.b2b-home-social-strip__inner{
  width:min(100%,1440px);
  margin:0 auto;
  padding:16px clamp(20px,4vw,56px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.b2b-home-social-strip__nav{
  display:flex;
  justify-content:center;
  width:100%;
  min-width:0;
}
.b2b-home-social-strip__list{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:0;
}
.b2b-home-social-strip__link{
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(29,29,31,.09);
  border-radius:999px;
  background:rgba(29,29,31,.018);
  color:#2b2b2f;
  text-decoration:none;
  box-shadow:none;
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.b2b-home-social-strip__link svg{
  display:block;
  width:18px;
  height:18px;
  fill:currentColor;
  overflow:visible;
}
@media(hover:hover) and (pointer:fine){
  .b2b-home-social-strip__link:hover{
    transform:translateY(-1px);
    border-color:rgba(29,29,31,.18);
    background:rgba(29,29,31,.055);
    color:#1d1d1f;
  }
}
.b2b-home-social-strip__link:focus-visible{
  outline:3px solid rgba(220,8,11,.22);
  outline-offset:2px;
}
@media(max-width:767px){
  .b2b-home-social-strip__inner{
    padding:12px 10px;
  }
  .b2b-home-social-strip__list{
    flex-wrap:nowrap;
    gap:clamp(6px,2.1vw,9px);
    width:auto;
    max-width:100%;
  }
  .b2b-home-social-strip__link{
    width:clamp(32px,9.4vw,38px);
    height:clamp(32px,9.4vw,38px);
    min-width:clamp(32px,9.4vw,38px);
    min-height:clamp(32px,9.4vw,38px);
    flex:0 0 clamp(32px,9.4vw,38px);
  }
  .b2b-home-social-strip__link svg{
    width:clamp(15px,4.35vw,17px);
    height:clamp(15px,4.35vw,17px);
  }
}
@media(max-width:350px){
  .b2b-home-social-strip__inner{
    padding-left:8px;
    padding-right:8px;
  }
  .b2b-home-social-strip__list{
    gap:5px;
  }
  .b2b-home-social-strip__link{
    width:31px;
    height:31px;
    min-width:31px;
    min-height:31px;
    flex-basis:31px;
  }
  .b2b-home-social-strip__link svg{
    width:14px;
    height:14px;
  }
}


/* ==========================================================
   Mobile homepage Highlights — dedicated artwork + static media
   Phone cards may use their own backend-uploaded cover. Mobile keeps artwork
   completely static: no active-card enlargement, transform interpolation or
   scale transition. Desktop/tablet retain the established slow zoom behavior.
   ========================================================== */
@media(max-width:767px){
  body.home .b2b-home-product-families.is-apple-highlights
  .b2b-highlight-zoom-surface,
  body.home .b2b-home-product-families.is-apple-highlights
  .b2b-apple-highlight-card.is-current .b2b-highlight-zoom-surface,
  body.home .b2b-home-product-families.is-apple-highlights
  .b2b-apple-highlight-card.is-media-armed .b2b-highlight-zoom-surface,
  body.home .b2b-home-product-families.is-apple-highlights
  .b2b-apple-highlight-card.is-media-scaling .b2b-highlight-zoom-surface{
    transform:none!important;
    -webkit-transform:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights
  .b2b-apple-highlight-media img,
  body.home .b2b-home-product-families.is-apple-highlights
  .b2b-highlight-zoom-surface img{
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}

/* ==========================================================
   v1.5.41.3.64.196 — Resource Center article detail repair
   Restores the missing contents rail expected by the existing desktop grid/JS,
   styles adjacent-article navigation, and prevents long-form content overflow.
   ========================================================== */
.single-b2b_resource .b2b-resource-article-layout{
  grid-template-columns:250px minmax(0,780px);
  gap:64px;
  justify-content:center;
  align-items:start;
}
.single-b2b_resource .b2b-resource-toc{
  display:block;
  position:sticky;
  top:96px;
  align-self:start;
  max-height:calc(100vh - 126px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.single-b2b_resource .b2b-resource-article-content{
  width:100%;
  max-width:780px;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:normal;
}
.single-b2b_resource .b2b-resource-article-content figure,
.single-b2b_resource .b2b-resource-article-content .wp-block-image,
.single-b2b_resource .b2b-resource-article-content .wp-block-embed,
.single-b2b_resource .b2b-resource-article-content .wp-block-video{
  max-width:100%;
}
.single-b2b_resource .b2b-resource-article-content iframe,
.single-b2b_resource .b2b-resource-article-content video,
.single-b2b_resource .b2b-resource-article-content canvas,
.single-b2b_resource .b2b-resource-article-content svg{
  max-width:100%;
}
.single-b2b_resource .b2b-resource-article-content pre{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding:18px 20px;
  border-radius:16px;
  background:#f5f5f7;
}
.single-b2b_resource .b2b-resource-article-content table{
  display:block;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  white-space:normal;
}
.single-b2b_resource .b2b-resource-article-nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:68px;
  padding-top:32px;
  border-top:1px solid #d7d7db;
}
.single-b2b_resource .b2b-resource-article-nav-link{
  min-width:0;
  min-height:128px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  border:1px solid rgba(0,0,0,.07);
  border-radius:20px;
  background:#f7f7f9;
  color:#1d1d1f!important;
  text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,background-color .2s ease;
}
.single-b2b_resource .b2b-resource-article-nav-link.is-next{
  text-align:right;
  align-items:flex-end;
}
.single-b2b_resource .b2b-resource-article-nav-link.is-next:first-child{
  grid-column:2;
}
.single-b2b_resource .b2b-resource-article-nav-direction{
  display:flex;
  align-items:center;
  gap:7px;
  color:#6b6b70;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.single-b2b_resource .b2b-resource-article-nav-link.is-next .b2b-resource-article-nav-direction{
  justify-content:flex-end;
}
.single-b2b_resource .b2b-resource-article-nav-direction i{
  font-style:normal;
  font-size:14px;
}
.single-b2b_resource .b2b-resource-article-nav-link strong{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  font-size:18px;
  line-height:1.25;
  letter-spacing:-.02em;
}
@media(hover:hover) and (pointer:fine){
  .single-b2b_resource .b2b-resource-article-nav-link:hover{
    transform:translateY(-2px);
    border-color:rgba(0,0,0,.14);
    background:#fff;
  }
}
.single-b2b_resource .b2b-resource-article-nav-link:focus-visible{
  outline:3px solid rgba(220,8,11,.2);
  outline-offset:3px;
}
@media(max-width:1024px){
  .single-b2b_resource .b2b-resource-article-layout{
    grid-template-columns:minmax(0,780px)!important;
    gap:0!important;
    max-width:820px!important;
  }
  .single-b2b_resource .b2b-resource-toc{
    display:none!important;
  }
}
@media(max-width:760px){
  .single-b2b_resource .b2b-resource-article-nav{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:48px;
    padding-top:28px;
  }
  .single-b2b_resource .b2b-resource-article-nav-link,
  .single-b2b_resource .b2b-resource-article-nav-link.is-next{
    min-height:0;
    padding:18px 18px 19px;
    border-radius:16px;
    text-align:left;
    align-items:flex-start;
  }
  .single-b2b_resource .b2b-resource-article-nav-link.is-next:first-child{
    grid-column:auto;
  }
  .single-b2b_resource .b2b-resource-article-nav-link.is-next .b2b-resource-article-nav-direction{
    justify-content:flex-start;
  }
  .single-b2b_resource .b2b-resource-article-nav-link strong{
    font-size:16.5px;
    -webkit-line-clamp:2;
  }
  .single-b2b_resource .b2b-resource-article-content table{
    font-size:14px;
  }
}

/* Resource article grid placement guard: the article stays in the reading column
   even when an article has no H2/H3 headings and the generated TOC is empty. */
@media(min-width:1025px){
  .single-b2b_resource .b2b-resource-article-content{grid-column:2}
  .single-b2b_resource .b2b-resource-toc.is-empty{display:none!important}
}
@media(max-width:1024px){
  .single-b2b_resource .b2b-resource-article-content{grid-column:1}
}


/* ==========================================================
   v1.5.41.3.64.198 — Product Highlights mobile readability pass
   Product detail mobile: smaller section title, 4:3 landscape media stage,
   stage/buttons kept closer together, and mobile-art-direction guidance.
   ========================================================== */
@media(max-width:767px){
  .b2b-product-feature-viewer .b2b-feature-viewer-shell{
    display:flex;
    flex-direction:column;
    gap:18px;
    min-height:0;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{
    order:1;
    width:100%;
    min-height:0;
    aspect-ratio:4/3;
    border-radius:24px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-left{
    order:2;
    width:100%;
    grid-template-columns:1fr;
    gap:12px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head{
    margin-bottom:22px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{
    font-size:clamp(28px,7vw,34px);
    line-height:1.08;
    letter-spacing:-.038em;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head p{
    font-size:14px;
    line-height:1.5;
    margin-top:12px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-product,
  .b2b-product-feature-viewer .b2b-feature-color-scenes,
  .b2b-product-feature-viewer .b2b-feature-color-scene{
    width:100%;
    height:100%;
    min-height:0;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-media,
  .b2b-product-feature-viewer .b2b-feature-color-scene{
    padding:16px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-viewer-video,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-video,
  .b2b-product-feature-viewer .b2b-responsive-media-desktop,
  .b2b-product-feature-viewer .b2b-responsive-media-mobile,
  .b2b-product-feature-viewer .b2b-responsive-picture{
    max-width:100%;
    max-height:100%;
    width:100%;
    height:100%;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-viewer-video,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-video{
    object-fit:contain;
    object-position:center;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{
    grid-template-columns:1fr;
    gap:8px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab{
    min-height:48px;
    font-size:15px;
    padding:0 16px 0 12px;
    gap:10px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab-icon{
    width:24px;
    height:24px;
    flex-basis:24px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-panel.is-active .b2b-feature-viewer-panel-inner{
    padding:20px 18px 22px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-panel h3{
    font-size:21px;
    line-height:1.16;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-panel p,
  .b2b-product-feature-viewer .b2b-feature-color-copy{
    font-size:14px;
    line-height:1.55;
  }
}
@media(max-width:430px){
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{border-radius:22px}
  .b2b-product-feature-viewer .b2b-feature-viewer-media,
  .b2b-product-feature-viewer .b2b-feature-color-scene{padding:14px}
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{font-size:clamp(26px,7vw,30px)}
}


/* ==========================================================
   v1.5.41.3.64.199 — regression hardening
   Keeps the cumulative mobile upgrades stable after the Product Highlights
   pass: empty Resource TOCs center correctly, responsive video/image pairs
   expose only the intended breakpoint asset, and mobile Highlight controls
   stay compact enough to remain visually connected to the 4:3 stage.
   ========================================================== */
@media(min-width:1025px){
  .single-b2b_resource .b2b-resource-article-layout.has-empty-toc{
    grid-template-columns:minmax(0,780px)!important;
    gap:0!important;
    justify-content:center;
  }
  .single-b2b_resource .b2b-resource-article-layout.has-empty-toc .b2b-resource-article-content{
    grid-column:1!important;
  }
}

.single-b2b_product .b2b-product-feature-viewer .b2b-responsive-media-desktop{
  display:block;
  width:100%;
  height:100%;
}
.single-b2b_product .b2b-product-feature-viewer .b2b-responsive-media-mobile{
  display:none;
  width:100%;
  height:100%;
}
.single-b2b_product .b2b-product-feature-viewer .b2b-responsive-media-desktop > .b2b-feature-viewer-video,
.single-b2b_product .b2b-product-feature-viewer .b2b-responsive-media-mobile > .b2b-feature-viewer-image{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center;
}

@media(max-width:767px){
  .single-b2b_product .b2b-product-feature-viewer .b2b-responsive-media-desktop{
    display:none!important;
  }
  .single-b2b_product .b2b-product-feature-viewer .b2b-responsive-media-mobile{
    display:block!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active{
    grid-column:1/-1;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab{
    min-height:46px;
    padding:0 12px 0 10px;
    gap:8px;
    font-size:14px;
    line-height:1.18;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab-icon{
    width:22px;
    height:22px;
    flex-basis:22px;
  }
}
@media(max-width:340px){
  .b2b-product-feature-viewer .b2b-feature-viewer-tab{
    font-size:13px;
    padding-right:9px;
    padding-left:9px;
  }
}

/* v1.5.41.3.64.199 — final mobile Product Highlights geometry lock.
   Older historical highlight revisions use !important fixed stage heights and
   title sizes, so the final regression layer must explicitly neutralize them. */
@media(max-width:767px){
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{
    font-size:clamp(26px,6.8vw,32px)!important;
    line-height:1.07!important;
    letter-spacing:-.038em!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-shell{
    gap:14px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-stage{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    aspect-ratio:4/3!important;
    border-radius:24px!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-product,
  .b2b-product-feature-viewer .b2b-feature-viewer-media,
  .b2b-product-feature-viewer .b2b-feature-color-scenes,
  .b2b-product-feature-viewer .b2b-feature-color-scene{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-viewer-video,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-image,
  .b2b-product-feature-viewer .b2b-feature-color-scene .b2b-feature-viewer-video{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding-inline:0!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active{
    grid-column:1/-1!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active > .b2b-feature-viewer-tab{
    min-height:46px!important;
    padding:0 11px 0 10px!important;
    gap:8px!important;
    font-size:14px!important;
    line-height:1.18!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-tab-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    flex-basis:22px!important;
  }
}
@media(max-width:340px){
  .b2b-product-feature-viewer .b2b-feature-viewer-section-head h2{font-size:26px!important}
  .b2b-product-feature-viewer .b2b-feature-viewer-tab,
  .b2b-product-feature-viewer .b2b-feature-viewer-item.has-color-variants.is-active > .b2b-feature-viewer-tab{
    font-size:13px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
}

/* v1.5.41.3.64.199 — hard lock homepage Highlights artwork on phones.
   Historical gallery rules carry very high specificity. Match/exceed that
   specificity so mobile never inherits an old 1.02/1.055 scale before JS runs. */
@media(max-width:767px){
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven{
    --b2b-media-scale:1!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card .b2b-apple-highlight-media img,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable.is-product-driven
  .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-armed .b2b-apple-highlight-media img,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-scaling .b2b-apple-highlight-media img,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-highlight-zoom-surface img{
    --b2b-media-scale:1!important;
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-highlight-zoom-surface,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-current .b2b-highlight-zoom-surface,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-armed .b2b-highlight-zoom-surface,
  body.home .b2b-home-product-families.is-apple-highlights.is-gallery-centered.is-gallery-copy-stable
  .b2b-apple-highlight-card.is-media-scaling .b2b-highlight-zoom-surface{
    transform:none!important;
    -webkit-transform:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}

/* v1.5.41.3.64.199 — keep mobile Product Highlights controls in the same view.
   Replace the legacy vertical arrow rail with a compact two-column selector
   grid beneath the 4:3 stage. The active item continues to expand as copy. */
@media(max-width:767px){
  .b2b-product-feature-viewer .b2b-feature-viewer-left{
    order:2!important;
    display:block!important;
    width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-nav-rail{
    display:none!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-accordion{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    align-items:start!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    gap:8px!important;
    overflow:visible!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item,
  .b2b-product-feature-viewer .b2b-feature-viewer-item:not(.is-active),
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    align-self:stretch!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active{
    grid-column:1/-1!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item:not(.is-active) > .b2b-feature-viewer-tab{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    white-space:normal!important;
    justify-content:flex-start!important;
    line-height:1.18!important;
  }
  .b2b-product-feature-viewer .b2b-feature-viewer-item.is-active > .b2b-feature-viewer-tab{
    display:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.200 — Homepage social icons 1.5x + strict one-row fit
   The circular social controls and their SVG marks are 1.5x the previous
   sizes. Narrow-phone spacing is tightened so up to six configured accounts
   remain centered on one row without horizontal overflow.
   ========================================================== */
.b2b-home-social-strip__link{
  width:63px;
  height:63px;
  min-width:63px;
  min-height:63px;
  flex:0 0 63px;
}
.b2b-home-social-strip__link svg{
  width:27px;
  height:27px;
}
@media(max-width:767px){
  .b2b-home-social-strip__inner{
    padding:12px 10px;
  }
  .b2b-home-social-strip__list{
    gap:clamp(4px,1.2vw,6px);
  }
  .b2b-home-social-strip__link{
    width:clamp(48px,14.1vw,57px);
    height:clamp(48px,14.1vw,57px);
    min-width:clamp(48px,14.1vw,57px);
    min-height:clamp(48px,14.1vw,57px);
    flex:0 0 clamp(48px,14.1vw,57px);
  }
  .b2b-home-social-strip__link svg{
    width:clamp(22.5px,6.525vw,25.5px);
    height:clamp(22.5px,6.525vw,25.5px);
  }
}
@media(max-width:350px){
  .b2b-home-social-strip__inner{
    padding-left:7px;
    padding-right:7px;
  }
  .b2b-home-social-strip__list{
    gap:4px;
  }
  .b2b-home-social-strip__link{
    width:46.5px;
    height:46.5px;
    min-width:46.5px;
    min-height:46.5px;
    flex-basis:46.5px;
  }
  .b2b-home-social-strip__link svg{
    width:21px;
    height:21px;
  }
}


/* ==========================================================
   v1.5.41.3.64.201 — Mobile HERO logo 15% reduction
   Final mobile-only lock: reduce the currently rendered HERO title logo to
   85% of the v1.5.41.3.64.190 mobile size while preserving its aspect ratio,
   centering, and desktop/tablet geometry.
   ========================================================== */
@media(max-width:760px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(425px,81.6vw)!important;
    height:119px!important;
    min-height:119px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo img{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center top!important;
    transform:none!important;
  }
}
@media(max-width:420px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(357px,79.9vw)!important;
    height:107px!important;
    min-height:107px!important;
  }
}
@media(max-width:350px){
  body.home .b2b-home-ultraview-hero .b2b-home-ultraview-brandline .b2b-home-ultraview-title-logo{
    width:min(303px,78.2vw)!important;
    height:95px!important;
    min-height:95px!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.202 — Homepage "Start with the highlights." mobile no-zoom lock
   Touch devices must never enlarge a highlight card or its artwork on tap.
   This also neutralizes sticky :hover/:focus states restored by mobile bfcache.
   ========================================================== */
@media(max-width:767px){
  body.home .b2b-home-luna-highlights .b2b-home-luna-card,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card:hover,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card:active,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card:focus,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card:focus-within,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card.is-luna-focus,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card.is-luna-center-card{
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    filter:none!important;
    animation:none!important;
    transition-property:opacity!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.home .b2b-home-luna-highlights .b2b-home-luna-card-media,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card-media:hover,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card-media:active,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card-media:focus,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card-media img,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card:hover .b2b-home-luna-card-media img,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card:active .b2b-home-luna-card-media img,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card:focus .b2b-home-luna-card-media img,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card:focus-within .b2b-home-luna-card-media img,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card.is-luna-focus .b2b-home-luna-card-media img,
  body.home .b2b-home-luna-highlights .b2b-home-luna-card.is-luna-center-card .b2b-home-luna-card-media img{
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    filter:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  body.home .b2b-home-luna-highlights .b2b-home-luna-focus-stage,
  body.home .b2b-home-luna-highlights .b2b-home-luna-focus-origin,
  body.home .b2b-home-luna-highlights .b2b-home-luna-focus-detail,
  body.home .b2b-home-luna-highlights .b2b-home-luna-focus-stage img{
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    animation:none!important;
    transition:none!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.204 — ACTUAL Apple Highlights mobile static-media lock
   The live homepage module is [data-b2b-apple-highlights], not the legacy
   Luna card structure. On phones, card activation is navigation-only: current,
   hover, active, focus and cached states may change copy/position, never scale.
   ========================================================== */
@media(max-width:767px){
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:hover,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:active,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:focus,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:focus-visible,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-current,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-activating,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-media-armed,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-media-scaling{
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:hover .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:active .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:focus .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:focus-visible .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-focus-prepared .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-focus-peak .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-media-armed .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-media-scaling .b2b-apple-highlight-media{
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  body.home [data-b2b-apple-highlights] .b2b-highlight-zoom-surface,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-current .b2b-highlight-zoom-surface,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-media-armed .b2b-highlight-zoom-surface,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-media-scaling .b2b-highlight-zoom-surface{
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }

  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-media img,
  body.home [data-b2b-apple-highlights] .b2b-highlight-zoom-surface img,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:hover .b2b-apple-highlight-media img,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:active .b2b-apple-highlight-media img,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:focus .b2b-apple-highlight-media img,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-current .b2b-apple-highlight-media img,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-activating .b2b-apple-highlight-media img,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-media-armed .b2b-apple-highlight-media img,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card.is-media-scaling .b2b-apple-highlight-media img{
    --b2b-media-scale:1!important;
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    animation:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.205 — Apple Highlights mobile tap-zoom removal (source lock)
   On phones the second-screen cards are links only. Neither current state,
   tapping, focus restoration nor bfcache may scale card/media/picture/image.
   Horizontal rail scrolling remains untouched.
   ========================================================== */
@media(max-width:767px){
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:is(:hover,:active,:focus,:focus-visible,:focus-within),
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:is(.is-current,.is-activating,.is-media-armed,.is-media-scaling,.is-focus-prepared,.is-focus-peak){
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
  }
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-media picture,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-media .b2b-responsive-picture,
  body.home [data-b2b-apple-highlights] .b2b-highlight-zoom-surface,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-media img,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:is(:hover,:active,:focus,:focus-visible,:focus-within,.is-current,.is-activating,.is-media-armed,.is-media-scaling,.is-focus-prepared,.is-focus-peak) .b2b-apple-highlight-media,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:is(:hover,:active,:focus,:focus-visible,:focus-within,.is-current,.is-activating,.is-media-armed,.is-media-scaling,.is-focus-prepared,.is-focus-peak) .b2b-apple-highlight-media picture,
  body.home [data-b2b-apple-highlights] .b2b-apple-highlight-card:is(:hover,:active,:focus,:focus-visible,:focus-within,.is-current,.is-activating,.is-media-armed,.is-media-scaling,.is-focus-prepared,.is-focus-peak) .b2b-apple-highlight-media img{
    --b2b-media-scale:1!important;
    transform:none!important;
    -webkit-transform:none!important;
    scale:none!important;
    animation:none!important;
    transition-property:none!important;
    will-change:auto!important;
  }
}


/* ==========================================================
   v1.5.41.3.64.207 — Mobile Apple Highlights: native swipe + zero zoom
   Phones keep the original horizontal snap rail, copy reveal, dot navigation
   and autoplay. The card/media geometry never scales when a card becomes
   current or when it is tapped. Crucially, horizontal touch panning is allowed.
   ========================================================== */
@media(max-width:767px){
  [data-b2b-apple-highlights]{
    --b2b-highlight-current-scale:1!important;
    --b2b-media-scale:1!important;
  }

  [data-b2b-apple-highlights] [data-b2b-highlights-viewport]{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    touch-action:pan-x pan-y!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory!important;
  }
  [data-b2b-apple-highlights] [data-b2b-highlights-track],
  [data-b2b-apple-highlights] [data-b2b-highlight-card]{
    touch-action:pan-x pan-y!important;
  }

  /* Keep card geometry identical in normal/current/tap/focus states. */
  [data-b2b-apple-highlights] [data-b2b-highlight-card],
  [data-b2b-apple-highlights] [data-b2b-highlight-card]:is(:hover,:active,:focus,:focus-visible,:focus-within),
  [data-b2b-apple-highlights] [data-b2b-highlight-card]:is(.is-current,.is-activating,.is-media-armed,.is-media-scaling,.is-focus-prepared,.is-focus-peak,.is-awaiting-activation){
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
    scale:1!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  /* The MEDIA container was the remaining current-card zoom owner in older
     layers (1.035–1.06). Lock it to 1 without disabling copy animations. */
  [data-b2b-apple-highlights] .b2b-apple-highlight-media,
  [data-b2b-apple-highlights] [data-b2b-highlight-card]:is(:hover,:active,:focus,:focus-visible,:focus-within,.is-current,.is-activating,.is-media-armed,.is-media-scaling,.is-focus-prepared,.is-focus-peak,.is-awaiting-activation) .b2b-apple-highlight-media{
    transform:translate3d(0,0,0) scale(1)!important;
    -webkit-transform:translate3d(0,0,0) scale(1)!important;
    scale:1!important;
    animation:none!important;
    transition-property:opacity!important;
    will-change:auto!important;
  }

  /* The old zoom surface and IMG rules are also neutralized. */
  [data-b2b-apple-highlights] .b2b-highlight-zoom-surface,
  [data-b2b-apple-highlights] .b2b-apple-highlight-media picture,
  [data-b2b-apple-highlights] .b2b-apple-highlight-media .b2b-responsive-picture,
  [data-b2b-apple-highlights] .b2b-apple-highlight-media img,
  [data-b2b-apple-highlights] [data-b2b-highlight-card]:is(:hover,:active,:focus,:focus-visible,:focus-within,.is-current,.is-activating,.is-media-armed,.is-media-scaling,.is-focus-prepared,.is-focus-peak,.is-awaiting-activation) .b2b-highlight-zoom-surface,
  [data-b2b-apple-highlights] [data-b2b-highlight-card]:is(:hover,:active,:focus,:focus-visible,:focus-within,.is-current,.is-activating,.is-media-armed,.is-media-scaling,.is-focus-prepared,.is-focus-peak,.is-awaiting-activation) .b2b-apple-highlight-media picture,
  [data-b2b-apple-highlights] [data-b2b-highlight-card]:is(:hover,:active,:focus,:focus-visible,:focus-within,.is-current,.is-activating,.is-media-armed,.is-media-scaling,.is-focus-prepared,.is-focus-peak,.is-awaiting-activation) .b2b-apple-highlight-media img{
    --b2b-media-scale:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
    -webkit-transform:translate3d(0,0,0) scale(1)!important;
    scale:1!important;
    animation:none!important;
    transition-property:opacity!important;
    will-change:auto!important;
  }
}