@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--forest:#073e4a;--deep:#062f39;--lime:#bcebf4;--ink:#173b45;--muted:#5f737b;--paper:#f2f9fb;--line:#d5e5eb;--soft:#e2f2f6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #38899e;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.12;font-weight:500;letter-spacing:-.045em}h1{font-size:clamp(3rem,5.4vw,5.4rem);margin-bottom:26px}h2{font-size:clamp(2rem,3.5vw,3.4rem);margin-bottom:20px}h3{font-size:1.5rem;letter-spacing:-.03em}em{font-weight:400;font-family:Georgia,serif}.announcement{height:37px;display:flex;justify-content:center;align-items:center;gap:14px;background:var(--forest);color:white;font-size:13px}.announcement a{border-bottom:1px solid #84a5ae;color:var(--lime)}header{height:92px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.logo{font-family:Manrope,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.6px;white-space:nowrap}.logo span{font-size:12px;vertical-align:top;position:relative;top:6px;margin-left:3px}nav{display:flex;gap:30px;font-size:14px;font-weight:500}nav a{padding:10px 0}nav a:hover{border-bottom:1px solid var(--forest)}.header-actions{display:flex;gap:20px;align-items:center}.header-actions select{font-size:13px;border:0;background:none;max-width:100px;color:var(--ink)}.bag-button{border:0;background:none;font-size:14px;color:var(--ink);padding:0}.bag-button span{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid var(--line);border-radius:50%;margin-left:5px}#menu{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:650px;background:#e2ebee}.hero-copy{padding:76px 7% 32px 8.5%}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:650;margin-bottom:24px}.hero-description{max-width:445px;color:#4c5d62;font-size:17px;line-height:1.8}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:var(--forest);border:1px solid var(--forest);color:white;padding:15px 24px;border-radius:3px;font-size:14px;font-weight:600;min-height:52px}.button:hover{filter:brightness(1.08)}.button.lime{background:var(--lime);border-color:var(--lime);color:var(--forest)}.button.outline{background:transparent;color:var(--forest)}.text-link{font-size:14px;font-weight:550;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-foot{font-size:11px;letter-spacing:.11em;margin-top:75px}.hero-product{position:relative;background:radial-gradient(ellipse at 55% 45%,#416169,#1a373f 75%);overflow:hidden;display:flex;justify-content:center;padding:45px 0 140px}.hero-product>img{height:450px;max-width:65%;object-fit:contain;transform:rotate(14deg);filter:drop-shadow(24px 20px 22px #05191e99)}.orbit-label{position:absolute;top:44px;left:35px;color:#c2d5da;font-size:10px;letter-spacing:.15em;line-height:1.7}.product-caption{position:absolute;bottom:35px;left:35px;right:35px;border-top:1px solid #718a9170;padding-top:20px;color:white;display:flex;flex-direction:column;gap:5px}.product-caption span{font-size:10px;letter-spacing:.14em;color:#c6d9de}.product-caption b{font-size:20px;font-weight:400}.product-caption a{position:absolute;right:0;bottom:2px;font-size:13px}.value-strip{display:flex;justify-content:space-between;gap:25px;padding:24px 5%;border-bottom:1px solid var(--line);font-size:13px;color:#455c62}.section{padding:84px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:15px}.section-heading h2{margin-bottom:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{min-width:0}.product-image{height:340px;background:var(--soft);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:4px}.product-image img{height:83%;max-width:80%;object-fit:contain;transition:transform .3s}.product-card:hover img{transform:rotate(4deg) scale(1.04)}.product-tag{position:absolute;left:12px;top:10px;letter-spacing:.08em;font-size:10px;z-index:1}.product-card h3{margin:22px 0 10px}.product-card p{font-size:14px;color:var(--muted);margin:0 0 14px}.product-card .card-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font-size:13px}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:0}footer{background:var(--deep);color:#d6e3e6;padding:60px 5% 25px}dialog{border:0;padding:32px;color:var(--ink);border-radius:8px;max-width:600px;width:calc(100% - 32px);max-height:90vh}dialog::backdrop{background:#07181c99}#bag-dialog{margin:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:0;width:480px;max-width:100%}.close{float:right;border:0;background:var(--soft);width:36px;height:36px;border-radius:50%;font-size:22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-grid h3{font:500 13px 'DM Sans',sans-serif;letter-spacing:.04em;color:#9cadb2}.footer-grid a:not(.logo){display:block;font-size:14px;margin-bottom:10px}.footer-grid p{max-width:320px;font-size:14px;color:#a5b5b9;margin-top:20px}.footer-bottom{border-top:1px solid #ffffff25;display:flex;justify-content:space-between;padding-top:22px;margin-top:45px;font-size:12px;color:#9cadb2}.quiet{color:var(--muted);font-size:14px}.full{width:100%}[hidden]{display:none!important}
@media(max-width:1000px){nav{gap:16px}header{padding:0 4%;gap:16px}.header-actions{gap:10px}.hero-copy{padding-top:60px}.hero{min-height:600px}.hero-product>img{height:410px}.hero-foot{margin-top:50px}.actions{gap:20px}.value-strip{flex-wrap:wrap}.product-caption a{position:static}.product-image{height:290px}}
@media(max-width:760px){header{height:78px}.logo{font-size:29px}nav{display:none;position:absolute;top:115px;left:0;right:0;background:var(--paper);padding:20px 5%;z-index:20;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column}#menu{display:block;border:0;background:none;font-size:22px;color:var(--ink)}.header-actions{gap:14px}.header-actions select{max-width:85px;font-size:12px}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 6% 35px}h1{font-size:3.6rem}.hero-description{font-size:16px}.hero-foot{margin-top:35px}.hero-product{min-height:410px;padding:25px 0 110px}.hero-product>img{height:300px}.orbit-label{top:25px;left:22px}.product-caption{left:22px;right:22px;bottom:20px}.product-caption a{position:absolute}.value-strip{display:grid;grid-template-columns:1fr 1fr;padding:20px 6%;gap:16px;font-size:12px}.section{padding:55px 6%}.section-heading{align-items:start;flex-direction:column;gap:16px}.product-grid{grid-template-columns:1fr}.product-image{height:340px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:20px;flex-direction:column}.announcement{font-size:11px;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
nav [aria-current="page"]{border-bottom:1px solid var(--forest)}.split{display:grid;grid-template-columns:1fr 1fr;min-height:520px}.split-copy{padding:75px 12%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.split-copy>p:not(.eyebrow){color:var(--muted);max-width:500px}.split-copy .button{margin-top:12px}.split-visual{min-width:0;position:relative;display:flex;align-items:center;justify-content:center;padding:50px}.technical-visual{background:#dce7ea;flex-direction:column;gap:40px;overflow:hidden}.technical-visual>.eyebrow{position:absolute;top:32px;left:40px;font-size:10px}.technical-visual img{width:115%;max-width:700px;object-fit:contain}.tech-specs{position:absolute;bottom:35px;left:40px;right:40px;display:flex;justify-content:space-between;font-size:22px;line-height:1.3}.tech-specs b{font-size:11px;font-weight:400;color:var(--muted)}.feature-list{list-style:none;padding:0;margin:0 0 26px;font-size:14px;line-height:1.6}.feature-list li{border-bottom:1px solid var(--line);padding:12px 0}.feature-list li:before{content:'✓';margin-right:13px}.smart-teaser{margin-top:55px}.app-visual{position:relative;display:flex;justify-content:center;align-items:center;background:#dfebee;min-height:530px;overflow:hidden}.app-visual>img{height:450px;max-width:75%;object-fit:contain;transform:rotate(7deg);filter:drop-shadow(0 14px 18px #182d3322)}.app-note{background:var(--forest);color:white;position:absolute;bottom:65px;left:6%;padding:22px 25px;border-radius:4px;box-shadow:0 15px 35px #16343c22}.app-note span{font-size:10px;letter-spacing:.1em;display:block;margin-bottom:8px;color:var(--lime)}.app-note b{font-weight:400;font-size:20px;line-height:1.3}.footnote{font-size:12px!important;margin-top:22px}.lifestyle{position:relative;margin-top:90px;min-height:620px;display:flex;align-items:center;color:white;background:#18282c}.lifestyle>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.77)}.lifestyle:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102328bb,transparent 80%)}.lifestyle>div{position:relative;z-index:1;padding:65px 6%;max-width:600px}.lifestyle h2{font-size:clamp(2.8rem,4.5vw,4.7rem)}.lifestyle p:not(.eyebrow){color:#dae5e8}.lifestyle .button{margin-top:18px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-card>.eyebrow{font-size:10px;margin-top:22px;margin-bottom:13px}.article-card>h3{font-size:24px;line-height:1.3;max-width:380px}.article-art{height:215px;padding:24px;display:flex;justify-content:space-between;align-items:end;overflow:hidden;position:relative;border-radius:4px}.article-art>span{font-family:Manrope,sans-serif;font-size:120px;line-height:.9;letter-spacing:-.09em;font-weight:400}.article-art>p{font-size:10px;letter-spacing:.13em;writing-mode:vertical-rl;margin:0}.art-home-charging{background:#cee0e5;color:#476168}.art-connectors{background:#25454e;color:#bfe3ed}.art-off-peak{background:#a4e2f3;color:#326471}.art-solar-dlb{background:#e8dba7;color:#61592c}.article-card:hover .article-art{filter:brightness(.96)}.bottom-cta{padding:55px 6%;background:var(--forest);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff25}.bottom-cta .eyebrow{color:var(--lime);margin-bottom:15px}.bottom-cta h2{font-size:2.4rem;margin:0}.page-intro{padding:70px 6% 60px;background:#e3edf0}.page-intro h1{font-size:clamp(2.8rem,4.6vw,4.6rem);max-width:1000px}.page-intro>p:last-child{max-width:650px;color:#53676c;font-size:18px;line-height:1.7;margin-bottom:0}.page-intro .eyebrow{margin-bottom:20px}.shop-section{padding-top:40px}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px;gap:20px}.segmented{display:flex;gap:5px;background:var(--soft);border-radius:5px;padding:5px}.segmented button,.filter-chips button{border:0;background:transparent;color:var(--ink);padding:10px 20px;border-radius:3px;font-size:14px}.segmented [aria-pressed="true"],.filter-chips [aria-pressed="true"]{background:var(--forest);color:white}.shop-section .product-grid{grid-template-columns:repeat(2,1fr)}.shop-section .single-product{grid-template-columns:repeat(2,1fr)}.shop-section .product-image{height:400px}.notice{font-size:13px;line-height:1.75;color:var(--muted);padding:22px 0;border-top:1px solid var(--line);margin-top:32px}.finder{background:#dfecef;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:50px;margin:65px 0}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:500;margin-bottom:18px}input,select,textarea{background:white;border:1px solid #c0cdd0;border-radius:3px;padding:12px 14px;color:var(--ink);min-height:48px;max-width:100%;width:100%}textarea{font:inherit;resize:vertical}form .button{margin-top:4px}#finder-result:empty{display:none}#finder-result{margin-top:24px;padding:24px;background:#ffffff80;font-size:15px;border-radius:3px}#finder-result p{margin:10px 0}.compare-heading{margin-top:60px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:4px}table{width:100%;border-collapse:collapse;font-size:14px;min-width:720px;text-align:left}td,th{padding:20px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:var(--soft)}th{font-weight:600}tbody th{width:18%}.breadcrumb{padding:25px 6%;font-size:13px;color:var(--muted)}.breadcrumb a{text-decoration:underline}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:0 6% 65px}.detail-image{background:var(--soft);display:flex;align-items:center;flex-direction:column;min-height:650px;padding:30px;position:relative}.detail-image>.eyebrow{align-self:start;font-size:11px}.detail-image>img{height:490px;max-width:90%;object-fit:contain;margin:10px 0 20px}.detail-image>.quiet{font-size:12px;margin-top:auto;margin-bottom:0}.detail-copy{padding-top:25px}.detail-copy h1{font-size:3.4rem;margin-bottom:20px}.detail-copy h3{font-size:21px;margin-bottom:17px}.detail-copy>p:not(.eyebrow){color:var(--muted)}.detail-copy form{margin-top:25px}.purchase-state{display:flex;flex-direction:column;margin:20px 0}.purchase-state b{font-size:18px;font-weight:550}.purchase-state span{font-size:12px}.fit-note{font-size:13px;background:var(--soft);border-radius:3px;padding:20px;margin-top:24px;color:#586b70}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.feature-grid>div{border-top:1px solid var(--line);padding-top:24px}.feature-number{display:block;font-size:17px;margin-bottom:26px;color:#6b8b93;font-family:Manrope,sans-serif}.feature-grid p{font-size:15px;color:var(--muted)}.feature-grid h3{font-size:22px}.spec-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;margin-top:80px}.specs{margin:0}.specs>div{display:grid;grid-template-columns:1fr 1.6fr;gap:20px;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.specs dt{color:var(--muted)}.specs dd{margin:0}.adapter-section{margin-top:55px;padding:35px;background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.adapter-section img{max-width:100%;max-height:330px;object-fit:contain}.adapter-section p{color:var(--muted)}.smart-hero{min-height:590px}.app-visual.double{gap:8px}.double>img{height:390px;max-width:42%;transform:rotate(-8deg)}.double>img+img{transform:rotate(8deg);margin-top:70px}.smart-hero+.section .feature-grid{grid-template-columns:repeat(3,1fr)}.calculator-section{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding:75px 6%;background:var(--forest);color:white}.calculator-section>div:first-child>p:not(.eyebrow){max-width:470px;color:#b8c7cb}.calculator-section .eyebrow{color:var(--lime)}.calculator{background:#f2f8fa;color:var(--ink);padding:34px;border-radius:6px}.calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.calc-fields label{font-size:12px}.range-label{grid-column:1/-1;position:relative}.range-label output{position:absolute;right:0;top:0}.range-label input{padding:0;accent-color:var(--forest);background:none;min-height:28px;border:0}.calc-result{border-top:1px solid #d4e1e5;padding-top:26px}.calc-result>span{font-size:10px;letter-spacing:.13em}.calc-result>strong{display:block;font-family:Manrope,sans-serif;font-size:52px;letter-spacing:-.04em;line-height:1.3;font-weight:500}.calc-result>p{font-size:13px}.cost-bars>div{display:grid;grid-template-columns:90px 1fr 75px;align-items:center;gap:12px;margin:12px 0;font-size:11px}.cost-bars>div>div{background:#d9e5e8;height:10px;border-radius:3px;overflow:hidden}.cost-bars i{display:block;width:100%;height:100%;background:#7b9fa8}.cost-bars>div+div i{background:var(--forest)}.cost-bars b{text-align:right;font-weight:500}.calc-result .quiet{margin:20px 0 0;font-size:11px}.energy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:35px}.energy-grid article{background:var(--soft);padding:32px}.energy-grid p{font-size:15px;color:var(--muted)}.energy-grid .quiet{font-size:12px}.energy-grid h3{line-height:1.25}.support-section{padding:55px 6%;max-width:1320px;margin:auto}.search-box{max-width:720px;margin:0 auto 30px}.search-box>span{font-size:13px}.search-box input{padding:17px 20px;background:white;font-size:16px}.filter-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px}.filter-chips button{background:var(--soft)}.faq-list{max-width:900px;margin:auto}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px;font-weight:500}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details>p{padding:0 40px 10px 0;color:var(--muted);font-size:15px;max-width:820px}.manuals{padding:75px 0 30px;scroll-margin-top:20px}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.manual-card{background:var(--soft);padding:36px;display:flex;flex-direction:column;align-items:start;border-radius:4px}.manual-card>span{font-size:11px;letter-spacing:.12em;margin-bottom:25px}.manual-card h3{font-size:26px}.manual-card p{color:var(--muted);font-size:15px}.manual-card>b{font-size:14px;margin-top:auto;border-bottom:1px solid currentColor;padding-bottom:3px}.manuals>.quiet{font-size:12px;margin-top:20px}.support-prep{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#dfecef;padding:48px;margin-top:35px}.support-prep>div>p:not(.eyebrow){color:var(--muted)}.support-prep form>.quiet{font-size:12px;margin-top:18px}.learn-section .four{grid-template-columns:1fr 1fr;gap:55px 30px}.four .article-art{height:260px}.article-header{padding:65px 6% 50px;background:var(--soft)}.article-header>a{display:inline-block;margin-bottom:40px}.article-header h1{font-size:clamp(2.7rem,4.5vw,4.5rem);max-width:900px}.article-header>.eyebrow{font-size:11px}.article-header>p:last-child{font-size:18px;color:var(--muted);max-width:650px}.article-body{max-width:820px;margin:0 auto;padding:60px 25px 85px;font-size:17px;line-height:1.9}.article-body h2{font-size:29px;margin-top:44px;line-height:1.3}.article-body>p{color:#4d6166}.article-body>.source-note{margin-top:45px;border-top:1px solid var(--line);padding-top:25px;font-size:12px;line-height:1.7}.source-note a{text-decoration:underline}.article-body .button{margin-top:20px}.article-body>.notice{font-size:13px}.safety-note{border-left:3px solid #77bcce;padding:24px 35px;background:#e9f2f4;max-width:1000px;margin:55px auto 0}.safety-note p{color:var(--muted)}.safety-note>.quiet{font-size:13px}.about-photo{height:520px;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.about-body{max-width:900px}.about-body .eyebrow{font-size:12px}.availability{max-width:1320px;margin:auto}.status-label{margin:15px 0 0!important;padding:8px 12px;background:#cfe2e7;border-radius:3px;color:#3f5b63}.bag-items{margin:25px 0}.bag-item{display:grid;grid-template-columns:70px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:22px 0}.bag-item>img{width:70px;height:120px;object-fit:contain;background:var(--soft);padding:10px}.bag-item b{font-weight:550;font-size:16px}.bag-item p{font-size:12px;color:var(--muted);margin:6px 0}.quantity{display:flex;align-items:center;gap:14px;margin-top:10px}.quantity button{background:var(--soft);border:0;min-width:32px;min-height:32px;font-size:14px;color:var(--ink)}.quantity .remove{background:none;text-decoration:underline;margin-left:auto;font-size:12px}.quantity span{font-size:14px}.bag-summary{padding:25px 0}.bag-summary p{font-size:13px;color:var(--muted)}.bag-summary .button+.button{margin-top:12px}.empty-bag{background:var(--soft);padding:30px;margin:30px 0}.empty-bag p{font-size:14px;color:var(--muted)}.checkout-row{border-top:1px solid var(--line);padding:20px 0}.checkout-row p{font-size:13px;color:var(--muted)}.page-intro+.article-body #clear-status{font-size:14px}
@media(min-width:1500px){.hero-copy{padding-left:12%}.section{padding-left:8%;padding-right:8%}.hero{min-height:720px}.hero-product{align-items:center}.hero-product>img{height:480px}}
@media(max-width:1050px){.product-detail{gap:35px}.detail-copy h1{font-size:2.7rem}.split-copy{padding:55px 9%}.feature-grid{grid-template-columns:1fr 1fr}.calculator-section{gap:35px}.calculator{padding:24px}.support-prep{gap:35px;padding:35px}.energy-grid{gap:18px}.energy-grid article{padding:25px}.technical-visual img{width:125%}.article-grid{gap:20px}}
@media(max-width:760px){.split{grid-template-columns:1fr;min-height:0}.split-copy{padding:50px 6%}.split-visual{min-height:360px;padding:35px}.technical-visual>.eyebrow{top:24px;left:24px;font-size:9px}.technical-visual img{width:105%;max-width:100%}.tech-specs{left:24px;right:24px;bottom:24px;font-size:20px}.tech-specs b{font-size:10px}.smart-teaser{margin-top:0}.app-visual{min-height:460px}.app-visual>img{height:380px}.app-note{left:6%;bottom:45px}.lifestyle{min-height:580px;margin-top:55px}.lifestyle>img{object-position:62%}.lifestyle>div{padding:50px 6%}.lifestyle:after{background:linear-gradient(90deg,#102328dd,#10232820)}.article-grid{grid-template-columns:1fr;gap:38px}.article-art{height:220px}.bottom-cta{align-items:start;flex-direction:column;padding:45px 6%}.bottom-cta h2{font-size:2rem}.page-intro{padding:48px 6%}.page-intro h1{font-size:2.7rem}.page-intro>p:last-child{font-size:16px}.shop-toolbar{align-items:start;flex-direction:column;gap:15px}.shop-section .product-grid,.shop-section .single-product{grid-template-columns:1fr}.shop-section .product-image{height:350px}.finder{grid-template-columns:1fr;gap:20px;padding:28px;margin:45px 0}.finder h2{font-size:2rem}.table-wrap{margin-right:-2%}.breadcrumb{font-size:12px}.product-detail{grid-template-columns:1fr;gap:10px;padding-bottom:30px}.detail-image{min-height:440px;padding:24px}.detail-image>img{height:330px;margin:5px 0 20px}.detail-image>.quiet{font-size:10px}.detail-copy h1{font-size:2.7rem}.feature-grid{grid-template-columns:1fr 1fr;gap:20px}.feature-grid p{font-size:14px}.feature-grid h3{font-size:21px}.feature-number{margin-bottom:18px}.spec-layout{grid-template-columns:1fr;gap:22px;margin-top:45px}.specs>div{grid-template-columns:.9fr 1.4fr;font-size:13px;gap:15px}.adapter-section{grid-template-columns:1fr;gap:25px;padding:25px}.adapter-section img{max-height:250px}.adapter-section h2{font-size:2rem}.smart-hero+.section .feature-grid{grid-template-columns:1fr}.double>img{height:325px;max-width:41%}.double>img+img{margin-top:40px}.calculator-section{grid-template-columns:1fr;gap:24px;padding:50px 6%}.calculator-section h2{font-size:2.4rem}.calculator{padding:24px 20px}.calc-fields{gap:0 15px}.calc-fields label{font-size:12px}.calc-fields input,.calc-fields select{font-size:16px;padding:10px}.cost-bars>div{grid-template-columns:78px 1fr 65px;gap:9px}.energy-grid{grid-template-columns:1fr;gap:20px}.energy-grid article{padding:28px}.support-section{padding:35px 6%}.filter-chips{justify-content:flex-start;gap:6px}.filter-chips button{font-size:12px;padding:9px 12px}summary{font-size:16px}details>p{padding-right:0;font-size:14px}.manuals{padding-top:50px}.manual-grid{grid-template-columns:1fr}.manual-card{padding:28px}.support-prep{grid-template-columns:1fr;padding:25px;gap:20px}.support-prep h2{font-size:2.2rem}.learn-section .four{grid-template-columns:1fr;gap:40px}.four .article-art{height:220px}.article-header{padding:40px 6%}.article-header>a{margin-bottom:30px}.article-header h1{font-size:2.8rem}.article-header>p:last-child{font-size:16px}.article-body{padding:25px 6% 60px;font-size:16px}.article-body h2{font-size:25px;margin-top:35px}.safety-note{padding:25px;margin-top:35px}.about-photo{height:350px}.about-photo img{object-position:65%}.segmented button{padding:10px 18px}dialog{padding:25px}.bag-item{gap:16px}}
@media(max-width:360px){h1{font-size:3rem}.header-actions{gap:8px}.logo{font-size:25px}.announcement{font-size:10px}.feature-grid{grid-template-columns:1fr}.hero-copy{padding-top:38px}.cost-bars>div{grid-template-columns:68px 1fr 60px}}
.bag-button{white-space:nowrap;display:flex;align-items:center}.header-actions select{width:95px;flex-shrink:0}.header-actions{flex-shrink:0}

/* Supplied brand assets: gradient icon + unmodified original lettering. */
.logo{--brand-height:34px;display:inline-flex;align-items:center;gap:6px;line-height:1;flex-shrink:0}
.logo .brand-icon{display:block;width:calc(var(--brand-height)*1.136);height:calc(var(--brand-height)*1.136);object-fit:contain;flex-shrink:0}
.logo .brand-wordmark{display:block;position:relative;top:auto;margin:0;width:calc(var(--brand-height)*4.2876);height:var(--brand-height);overflow:hidden;flex-shrink:0}
.logo .brand-wordmark img{display:block;position:absolute;right:0;top:0;height:100%;width:auto;max-width:none}
footer .brand-wordmark img{filter:invert(1)}
@media(max-width:760px){header .logo{--brand-height:25px;gap:4px}}
@media(max-width:360px){header .logo{--brand-height:22px}}

/* Complete collection: useful density, quiet surfaces and clear product detail. */
.catalog-hero{display:grid;grid-template-columns:1fr 1fr;background:#14343d;color:#eff5f7;min-height:620px}.catalog-hero-copy{padding:55px 7% 35px 10%}.catalog-hero .eyebrow{color:#b6ced5;font-size:10px}.catalog-hero h1{font-size:clamp(3rem,4.7vw,5.1rem);line-height:1.04;margin-bottom:25px}.catalog-hero h1 em{color:#b1e0ed}.catalog-hero-copy>p:not(.eyebrow){max-width:480px;color:#c3d6db;font-size:16px}.hero-data{display:flex;gap:30px;border-top:1px solid #ffffff26;margin-top:38px;padding-top:22px}.hero-data div{display:flex;flex-direction:column;gap:4px}.hero-data b{font:500 21px Manrope,sans-serif;letter-spacing:-.03em}.hero-data span{font-size:10px;color:#b7cbd0}.catalog-hero-stage{position:relative;background:radial-gradient(ellipse at 45% 50%,#d8e5e8,#b9cbd0);color:var(--forest);min-width:0;overflow:hidden}.stage-title{position:absolute;top:35px;left:35px;z-index:2}.stage-title>span{display:block;letter-spacing:.13em;font-size:10px;margin-bottom:12px}.stage-title>b{font:500 25px/1.16 Manrope,sans-serif;letter-spacing:-.03em}.stage-wall,.stage-omni{position:absolute;display:flex;align-items:center;flex-direction:column}.stage-wall{top:128px;left:0;width:59%;height:390px}.stage-omni{top:180px;right:-1%;width:52%;height:340px}.stage-wall img,.stage-omni img{height:86%;width:100%;object-fit:contain;filter:drop-shadow(12px 18px 12px #19303625)}.stage-omni img{transform:rotate(8deg)}.stage-wall>span,.stage-omni>span{font-size:9px;letter-spacing:.08em;padding-top:12px}.stage-wall b,.stage-omni b{font-size:13px;letter-spacing:0;font-weight:550}.catalog-hero-stage>p{position:absolute;bottom:12px;left:30px;right:25px;font-size:10px;color:#456169}.category-shelf{display:grid;grid-template-columns:repeat(5,1fr);padding:20px 4%;gap:16px;border-bottom:1px solid var(--line);background:#eff5f6}.category-shelf>a{display:flex;align-items:center;gap:12px;padding:12px 0;min-width:0}.category-shelf img{height:65px;width:55px;object-fit:contain}.category-shelf b{display:block;font-size:12px;line-height:1.3;font-weight:600}.category-shelf span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.category-shelf i{font-style:normal;margin-left:auto}.section.collection-section,.engineering-home,.ecosystem-section,.catalog-shop,.product-information,.related-section{padding-top:60px;padding-bottom:60px}.section-description{max-width:420px;color:var(--muted);font-size:15px;margin:0;line-height:1.8}.regional-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:38px 0 20px;border-top:1px solid var(--line);padding-top:22px}.regional-heading span{font-size:10px;letter-spacing:.15em;color:var(--muted)}.regional-heading h3{font-size:23px;margin:10px 0 0}.catalog-card{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;border-radius:5px;overflow:hidden}.catalog-card .product-image{border-radius:0;height:290px;background:#e9f0f2}.catalog-card .product-image img{max-width:82%;height:76%;width:auto}.catalog-card .product-image.wallbox img{max-width:88%;height:80%}.catalog-card .product-image.energy img{max-width:75%;max-height:64%}.catalog-card .product-image.cable img{max-width:88%;height:65%}.catalog-card:hover img{transform:scale(1.035)}.model-count{position:absolute;right:15px;bottom:13px;font-size:10px;color:#627276}.card-content{padding:20px;display:flex;flex-direction:column;flex:1}.card-category{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#697c81}.catalog-card h3{font-size:23px;margin:9px 0 13px;line-height:1.18}.catalog-card p{line-height:1.65;font-size:13px;margin-bottom:18px}.card-specs{display:flex;flex-direction:column;gap:3px;font-size:12px;margin-top:auto;margin-bottom:18px}.card-specs span+span{color:var(--muted);font-size:11px}.catalog-card .card-link{align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;padding-top:13px}.card-link>a{display:flex;gap:12px;align-items:center;font-weight:600}.compare-check{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:400;margin:0;cursor:pointer}.compare-check input{width:16px;height:16px;padding:0;margin:0;accent-color:var(--forest)}.range-links{display:flex;justify-content:space-between;gap:25px;margin-top:22px;font-size:13px;text-decoration:underline;text-underline-offset:5px}.choice-band{padding:55px 5%;background:#dfeaed;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.choice-band h2{font-size:clamp(2rem,2.8vw,2.7rem)}.choice-band>div>p:not(.eyebrow){font-size:15px;max-width:450px;color:var(--muted)}.catalog-table{max-width:100%;margin:0;overflow-x:auto;border:1px solid var(--line);border-radius:4px;background:white}.catalog-table table{width:100%;border-collapse:collapse;min-width:580px;font-size:14px}.catalog-table caption{text-align:left;padding:16px 20px;font-weight:600;background:var(--soft)}.catalog-table th,.catalog-table td{text-align:left;vertical-align:top;padding:16px 20px;white-space:normal;border-bottom:1px solid #dee8eb;line-height:1.6}.catalog-table thead th{background:#e5eef0;font-size:12px;letter-spacing:.015em;font-weight:600}.catalog-table tbody th{font-weight:550;width:24%;background:#f6fafb}.catalog-table tbody td{color:#536367}.catalog-table tbody tr:last-child>*{border-bottom:0}.catalog-table a{text-decoration:underline;text-underline-offset:4px}.choice-table .catalog-table table{min-width:380px;font-size:13px}.choice-table .catalog-table tbody th{width:45%}.choice-table>.quiet{font-size:11px;margin:12px 0 0}.engineering-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.engineering-card{background:#e8f0f2;border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.engineering-card>div+div{padding:30px}.engineering-card h3{font-size:28px}.engineering-card h2{font-size:35px}.engineering-card p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.75}.engineering-picture{height:260px;background:#dfeaed;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:25px}.engineering-picture img{max-width:100%;max-height:100%;object-fit:contain}.connector-card .engineering-picture img{width:100%;height:auto}.alert-card .engineering-picture{background:#dce6e9}.alert-card .engineering-picture img{max-width:75%;max-height:85%;border-radius:8px}.mini-metrics{display:flex;gap:35px;margin:24px 0}.mini-metrics span{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.mini-metrics b{font:500 28px Manrope,sans-serif;color:var(--ink);letter-spacing:-.03em}.technical-footnote{font-size:11px;margin:18px 0 0}.smart-story{display:grid;grid-template-columns:1fr 1fr;background:var(--forest);color:#ebf4f7}.smart-story-copy{padding:60px 10%}.smart-story-copy>p{color:#bfd0d4;font-size:15px}.smart-story-copy .eyebrow{font-size:10px;color:#bae2ed}.smart-story h2{font-size:clamp(2rem,3.3vw,3rem)}.smart-story ol{padding:0;margin:30px 0;counter-reset:smart}.smart-story li{list-style:none;position:relative;padding:14px 0 14px 44px;border-top:1px solid #ffffff22;counter-increment:smart}.smart-story li:before{content:'0' counter(smart);position:absolute;left:0;top:17px;color:#a3dae8;font-size:12px}.smart-story li b{display:block;font-size:15px;font-weight:550}.smart-story li span{display:block;font-size:12px;color:#b5c9ce;margin-top:5px}.smart-story-visual{display:flex;position:relative;align-items:center;justify-content:center;gap:22px;padding:45px 28px 85px;background:#d8e5e8;overflow:hidden}.smart-story-visual img{width:41%;max-width:210px;max-height:430px;object-fit:contain;filter:drop-shadow(8px 12px 12px #12353e26);border-radius:10px}.smart-story-visual img+img{margin-top:65px}.smart-story-visual p{position:absolute;bottom:20px;left:35px;right:35px;font-size:11px;color:#49656d}.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ecosystem-grid>a{padding:25px;background:#e9f0f2;border-radius:4px}.ecosystem-grid img{width:100%;height:185px;object-fit:contain;margin-bottom:20px}.ecosystem-grid span{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:12px}.ecosystem-grid h3{font-size:25px}.ecosystem-grid p{font-size:14px;color:var(--muted);margin:0}.support-banner{padding:50px 5%;background:#d6e7eb;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.support-banner h2{font-size:38px}.support-banner p:not(.eyebrow){font-size:15px;max-width:520px;color:var(--muted);margin-bottom:0}.support-banner>div+div a{display:block;border-bottom:1px solid #b0c5cb;padding:18px 0;font-size:15px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px}.catalog-search{font-size:11px;color:var(--muted);width:310px;margin:0}.catalog-search input{background:white;margin-top:4px}.catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 20px}.catalog-tabs button{border:1px solid var(--line);border-radius:30px;padding:10px 18px;font-size:12px;color:var(--ink);background:white}.catalog-tabs button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:white}.catalog-results-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.catalog-results-header p{margin:0;font-size:13px;color:var(--muted)}.full-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.comparison-panel{padding-top:30px}.comparison-panel:has(table){margin-top:32px;padding:28px;background:#e3edf0;border-radius:4px}.comparison-panel h2{font-size:28px}.no-products{grid-column:1/-1;padding:35px;background:var(--soft)}.catalog-reference{display:grid;grid-template-columns:1fr 1.8fr;gap:40px;align-items:start;margin-top:60px}.catalog-reference h2{font-size:33px}.catalog-reference p:not(.eyebrow){font-size:14px;color:var(--muted)}.catalog-reference table{font-size:12px}.expanded-finder{margin:55px 0 0;gap:40px}.expanded-finder form{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.expanded-finder label{font-size:12px;margin:0}.expanded-finder select{font-size:13px;min-width:0}.expanded-finder button,.expanded-finder #finder-result{grid-column:1/-1}.expanded-finder #finder-result{font-size:13px}.rich-product{padding-top:15px;gap:45px;align-items:start}.detail-gallery{min-width:0}.rich-product .detail-image{min-height:490px;padding:25px;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.rich-product .detail-image>img{height:365px;width:100%;max-width:90%;object-fit:contain;margin:0}.rich-product .detail-image.energy>img{height:320px;max-width:75%}.rich-product .detail-image>.eyebrow{font-size:10px;align-self:start;margin-bottom:15px}.rich-product .detail-image>.quiet{font-size:10px;text-align:center;margin:16px 0 0}.detail-copy h1{font-size:clamp(2.3rem,3.4vw,3.7rem)}.detail-copy>h3{font-size:22px;line-height:1.35}.detail-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}.best-for{padding:15px 18px;background:#e6f0f3;border-left:3px solid #8aadb6;margin-bottom:22px}.best-for b{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.best-for p{font-size:13px;margin:4px 0 0;color:var(--muted)}.selected-spec{display:flex;flex-direction:column;gap:4px;font-size:12px;background:#ecf2f3;padding:15px;margin-top:10px;color:var(--muted)}.selected-spec>b{font-size:14px;color:var(--ink)}.rich-product .purchase-state{margin:20px 0}.product-facts{display:grid;grid-template-columns:1.5fr 1.3fr .6fr;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.product-facts div{display:flex;flex-direction:column;gap:7px}.product-facts b{font-size:12px;line-height:1.5;font-weight:550}.product-facts span{font-size:10px;color:var(--muted)}.gallery-thumbnails{display:flex;gap:10px;margin-top:15px}.gallery-thumbnails button{height:70px;width:95px;background:var(--soft);border:1px solid var(--line);padding:8px}.gallery-thumbnails button[aria-pressed=true]{border:2px solid var(--forest)}.gallery-thumbnails img{height:100%;width:100%;object-fit:contain}.product-action-links{display:flex;gap:25px;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:20px}.product-jump{display:flex!important;padding:15px 5%;background:#deeaed;gap:30px;font-size:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:static;width:auto}.product-jump a{padding:7px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.benefit-grid article>span,.construction-grid article>span{font-size:12px;color:#708c93;display:block;margin-bottom:20px}.benefit-grid h3{font-size:23px;line-height:1.2}.benefit-grid p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.spec-section{margin-top:55px;scroll-margin-top:25px}.spec-section h2{font-size:clamp(1.9rem,2.8vw,2.7rem)}.full-specs .catalog-table+ .catalog-table{margin-top:20px}.full-specs table{min-width:440px}.full-specs tbody th{width:30%}.connectivity-panel{margin-top:55px;display:grid;grid-template-columns:1.1fr 1fr;gap:55px;background:#e2edf0;padding:35px;border-radius:5px}.connectivity-panel h2{font-size:30px}.connectivity-panel h3{font-size:23px}.connectivity-panel p,.connectivity-panel li{font-size:14px;color:var(--muted);line-height:1.8}.connectivity-panel li+li{margin-top:10px}.connectivity-panel ul{padding-left:20px}.document-links{display:flex;flex-wrap:wrap;gap:25px;font-size:13px;margin-top:25px;text-decoration:underline;text-underline-offset:5px}.related-section{background:#e9f1f3}.adapter-family-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.adapter-family-nav a,.language-tags span{padding:10px 16px;border:1px solid var(--line);border-radius:30px;font-size:12px;background:white}.adapter-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;background:#dfecef;padding:30px}.adapter-principles b{font-size:12px;color:#69858d;display:block;margin-bottom:20px}.adapter-principles h3{font-size:23px}.adapter-principles p{font-size:14px;color:var(--muted);margin:0}.accessory-family{margin-top:65px;scroll-margin-top:25px}.accessory-family-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center;margin-bottom:25px}.accessory-family-heading h2{font-size:36px}.accessory-family-heading p:not(.eyebrow){font-size:15px;color:var(--muted)}.accessory-family-heading img{width:100%;height:200px;object-fit:contain}.accessory-family>.quiet{font-size:12px;margin-top:18px}.adapter-detail{margin-top:55px}.adapter-detail>p{color:var(--muted);font-size:14px}.adapter-detail h2{font-size:34px}.certification-note{margin-top:45px;padding:30px;background:#e9f0f2}.certification-note p{font-size:14px;color:var(--muted)}.construction-hero{background:#dfecef;padding:45px;display:grid;grid-template-columns:2fr 1fr;align-items:center;gap:50px;margin-bottom:55px}.construction-hero>img{width:100%;height:260px;object-fit:contain}.construction-hero .mini-metrics{flex-direction:column}.construction-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.construction-grid article{padding:22px;background:#e9f0f2;border-top:2px solid #9bb9c1}.construction-grid h3{font-size:20px;line-height:1.25}.construction-grid p{font-size:13px;color:var(--muted);margin:0}.alert-intro{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.alert-intro p:not(.eyebrow){font-size:15px;color:var(--muted)}.alert-intro .quiet{font-size:11px!important;margin-top:18px}.language-tags{display:flex;gap:8px;flex-wrap:wrap}.language-tags span{font-size:11px;padding:8px 12px;background:#e9f0f2}.display-pair{background:#dfe9ec;padding:35px;display:flex;flex-direction:column;gap:30px;border-radius:5px}.display-pair figure{margin:0;text-align:center}.display-pair img{max-width:100%;height:125px;object-fit:contain;border-radius:6px}.display-pair figcaption{font-size:11px;margin-top:10px;color:var(--muted)}.control-explainer{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:30px;background:#dfecef;margin-top:40px}.control-explainer p{font-size:14px;color:var(--muted);margin:0}.app-feature-layout{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:50px}.app-feature-layout>img{width:100%;max-height:500px;object-fit:contain}.art-portable-or-wallbox{background:linear-gradient(145deg,#d1e0e4,#86abb5)}
@media(min-width:1350px){.full-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.full-catalog-grid .product-image{height:260px}.full-catalog-grid h3{font-size:21px}.full-catalog-grid .card-content{padding:18px}}
@media(max-width:1050px){.catalog-hero-copy{padding:45px 7%}.catalog-hero h1{font-size:3.5rem}.hero-data{gap:20px}.hero-data b{font-size:18px}.category-shelf{gap:10px}.category-shelf img{height:50px;width:40px}.category-shelf b{font-size:11px}.category-shelf i{display:none}.choice-band{gap:30px}.full-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-reference{grid-template-columns:1fr}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.construction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.smart-story-copy{padding:45px 7%}.smart-story-visual{gap:12px;padding-left:18px;padding-right:18px}.rich-product{gap:28px}.app-feature-layout{grid-template-columns:190px 1fr;gap:25px}.product-jump{gap:23px}.catalog-table th,.catalog-table td{padding:14px 16px}}
@media(max-width:760px){.catalog-hero{grid-template-columns:1fr}.catalog-hero-copy{padding:40px 6% 28px}.catalog-hero h1{font-size:3.65rem}.catalog-hero .eyebrow{font-size:9px;letter-spacing:.11em}.catalog-hero-copy>p:not(.eyebrow){font-size:15px}.catalog-hero .actions{gap:22px;margin-top:25px}.hero-data{gap:25px;margin-top:28px;padding-top:20px}.hero-data b{font-size:18px}.hero-data span{font-size:9px}.catalog-hero-stage{height:490px}.stage-title{top:25px;left:25px}.stage-title>b{font-size:22px}.stage-wall{top:100px;height:310px;left:0}.stage-omni{top:140px;height:280px;right:0}.stage-wall b,.stage-omni b{font-size:12px}.catalog-hero-stage>p{font-size:9px;left:22px}.category-shelf{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px 6%;gap:0 22px}.category-shelf>a{border-bottom:1px solid var(--line);padding:15px 0}.category-shelf>a:last-child{grid-column:1/-1;border:0}.category-shelf img{width:45px;height:52px}.category-shelf b{font-size:12px}.category-shelf i{display:block}.section.collection-section,.engineering-home,.ecosystem-section,.catalog-shop,.product-information,.related-section{padding:42px 6%}.section-heading{align-items:start;flex-direction:column;gap:18px}.section-description{font-size:14px}.regional-heading{align-items:start;flex-direction:column;gap:15px;margin-top:30px}.regional-heading h3{font-size:22px}.home-catalog-grid{grid-template-columns:1fr;gap:22px}.catalog-card .product-image{height:290px}.catalog-card h3{font-size:25px}.card-content{padding:22px}.range-links{flex-direction:column;font-size:12px;gap:18px}.choice-band{grid-template-columns:1fr;padding:38px 6%;gap:25px}.choice-table{min-width:0}.choice-table .catalog-table table{min-width:360px}.engineering-cards{grid-template-columns:1fr;gap:22px}.engineering-picture{height:210px}.engineering-card>div+div{padding:25px}.engineering-card h2{font-size:31px}.smart-story{grid-template-columns:1fr}.smart-story-copy{padding:40px 6%}.smart-story-visual{min-height:450px;padding-bottom:80px}.smart-story-visual img{max-height:350px;max-width:160px}.smart-story-visual p{left:24px;right:24px;font-size:10px}.ecosystem-grid{grid-template-columns:1fr;gap:20px}.ecosystem-grid>a{padding:25px}.ecosystem-grid img{height:180px}.support-banner{grid-template-columns:1fr;padding:38px 6%;gap:20px}.support-banner h2{font-size:32px}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:18px}.catalog-toolbar .segmented{display:flex}.catalog-toolbar .segmented button{flex:1;font-size:12px;padding:11px 9px}.catalog-search{width:100%}.catalog-tabs{gap:7px;margin:20px 0}.catalog-tabs button{font-size:11px;padding:9px 13px}.catalog-results-header{align-items:start;flex-direction:column;gap:10px}.catalog-results-header .text-link{font-size:12px}.full-catalog-grid{grid-template-columns:1fr}.comparison-panel:has(table){padding:20px;margin-top:25px}.comparison-panel .button{min-height:40px;font-size:12px;padding:9px 14px}.catalog-table{margin-right:0}.catalog-table table{font-size:13px}.catalog-table th,.catalog-table td{padding:13px 15px}.catalog-reference{margin-top:40px;gap:18px}.catalog-reference>div{min-width:0}.expanded-finder{padding:25px;margin:38px 0 0;gap:22px}.expanded-finder form{grid-template-columns:1fr}.expanded-finder select{font-size:14px}.rich-product{padding:0 6% 35px;gap:28px}.rich-product .detail-image{min-height:400px;padding:20px}.rich-product .detail-image>img{height:300px}.rich-product .detail-image.energy>img{height:240px}.product-facts{gap:14px;margin-top:15px;padding-top:15px}.product-facts b{font-size:11px}.detail-copy h1{font-size:2.7rem}.detail-copy>.eyebrow{font-size:10px}.product-jump{overflow-x:auto;flex-wrap:nowrap;gap:25px;padding:12px 6%;font-size:12px}.product-jump a{white-space:nowrap;flex-shrink:0}.benefit-grid{gap:28px 20px}.benefit-grid h3{font-size:21px}.benefit-grid p{font-size:13px}.spec-section{margin-top:38px}.spec-section .button{font-size:12px;padding:11px 17px;min-height:43px}.full-specs table{min-width:390px}.connectivity-panel{grid-template-columns:1fr;gap:25px;padding:25px;margin-top:35px}.connectivity-panel h2{font-size:28px}.document-links{flex-direction:column;font-size:12px;gap:16px}.adapter-family-nav a{font-size:11px;padding:9px 12px}.adapter-principles{grid-template-columns:1fr;padding:25px;gap:30px}.accessory-family{margin-top:45px}.accessory-family-heading{grid-template-columns:1fr;gap:15px}.accessory-family-heading h2{font-size:31px}.accessory-family-heading img{height:175px}.adapter-detail h2{font-size:30px}.construction-hero{padding:25px;grid-template-columns:1fr;gap:5px;margin-bottom:35px}.construction-hero>img{height:165px}.construction-hero .mini-metrics{flex-direction:row;flex-wrap:wrap;gap:18px;justify-content:space-between}.construction-hero .mini-metrics b{font-size:23px}.construction-hero .mini-metrics span{font-size:9px}.construction-grid{grid-template-columns:1fr 1fr;gap:9px}.construction-grid article{padding:19px}.construction-grid h3{font-size:19px}.construction-grid p{font-size:12px}.alert-intro{grid-template-columns:1fr;gap:25px}.display-pair{padding:25px;gap:25px}.display-pair img{height:125px}.control-explainer{grid-template-columns:1fr;gap:25px;padding:25px}.app-feature-layout{grid-template-columns:1fr;gap:25px}.app-feature-layout>img{max-height:360px}.app-feature-layout>div{min-width:0}}
@media(max-width:380px){.catalog-hero h1{font-size:3.25rem}.hero-data{gap:17px}.hero-data b{font-size:16px}.benefit-grid,.construction-grid{grid-template-columns:1fr}.category-shelf b{font-size:11px}.catalog-hero .actions{gap:18px}.catalog-hero .text-link{font-size:12px}.stage-wall b,.stage-omni b{font-size:11px}}

/* Home comes first: restore the original dusk scene and its warm invitation. */
.homecoming-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:650px;height:calc(100svh - 129px);max-height:850px;overflow:hidden;background:#14252a;color:#fff}.homecoming-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;z-index:-2}.homecoming-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,23,21,.74) 0%,rgba(8,25,21,.54) 28%,rgba(9,27,23,.15) 57%,transparent 82%),linear-gradient(0deg,rgba(7,20,18,.4),transparent 35%)}.homecoming-copy{width:100%;padding:65px 6% 100px}.homecoming-copy>.eyebrow{font-size:12px;letter-spacing:.14em;color:#dbe6e9;max-width:430px;margin-bottom:28px}.homecoming-copy h1{font-size:clamp(3.6rem,5.8vw,5.8rem);font-weight:450;line-height:1.07;letter-spacing:-.045em;margin-bottom:28px;max-width:690px;text-shadow:0 2px 20px #07181d40}.homecoming-copy h1 em{color:#cbe7ef}.homecoming-copy .hero-description{font-size:18px;line-height:1.8;color:#e9f0f2;max-width:460px;margin-bottom:0}.homecoming-copy .actions{margin-top:32px;gap:28px}.homecoming-copy .text-link{color:white}.homecoming-next{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff42;padding-top:20px;letter-spacing:.1em;font-size:12px;color:#dee8eb}.homecoming-next span{letter-spacing:0;font-size:14px}.homecoming-hero+.category-shelf{scroll-margin-top:15px}
@media(min-width:1600px){.homecoming-copy{padding-left:8%}.homecoming-next{left:8%;right:8%}}
@media(max-width:1050px) and (min-width:761px){.homecoming-copy h1{font-size:4rem}.homecoming-photo{object-position:62% 55%}.homecoming-copy{padding-left:5%}.homecoming-copy>.eyebrow{max-width:360px}.homecoming-copy .hero-description{font-size:17px}}
@media(max-width:760px){.homecoming-hero{height:740px;min-height:660px;max-height:none;align-items:flex-start}.homecoming-photo{object-position:70% center}.homecoming-hero:after{background:linear-gradient(180deg,rgba(6,22,20,.82) 0%,rgba(6,23,21,.61) 27%,rgba(8,24,20,.16) 53%,transparent 66%,rgba(6,20,18,.72) 100%)}.homecoming-copy{padding:35px 6% 80px}.homecoming-copy>.eyebrow{font-size:12px;line-height:1.7;letter-spacing:.1em;max-width:310px;margin-bottom:21px}.homecoming-copy h1{font-size:clamp(2.85rem,8vw,4rem);line-height:1.08;max-width:490px;margin-bottom:20px}.homecoming-copy .hero-description{font-size:16px;line-height:1.7;max-width:360px}.homecoming-copy .actions{margin-top:24px;gap:20px}.homecoming-copy .button{padding:13px 18px;font-size:14px;min-height:48px;gap:16px}.homecoming-copy .text-link{font-size:14px}.homecoming-next{bottom:23px;padding-top:16px;align-items:start;flex-direction:column;gap:7px;font-size:12px}.homecoming-next span{font-size:14px}}
@media(max-width:420px){.homecoming-hero{height:760px}.homecoming-copy .actions{align-items:start;flex-direction:column;gap:16px}.homecoming-copy h1{font-size:2.9rem}.homecoming-copy>.eyebrow{max-width:300px}.homecoming-copy .hero-description{font-size:15px}.homecoming-photo{object-position:69% center}}

/* SmartApp 2.0: a signature consumer experience, grounded in the supplied manual. */
.mini-home{padding:58px 5% 28px;background:#e9f0f1;border-bottom:1px solid #c9dade}.mini-home-heading{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.mini-home-heading h2{font-size:clamp(2.5rem,4.4vw,4.3rem);line-height:1.06}.mini-home-heading>div>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:545px;color:#52686e}.mini-home-heading .actions{margin-top:25px;gap:24px}.mini-ifa{display:flex;align-items:center;gap:15px;font-size:13px!important;line-height:1.6!important;margin:30px 0 0!important;color:#466067!important}.mini-ifa>span{flex-shrink:0;border-left:3px solid #218ca8;padding:4px 0 4px 12px;font-size:12px;font-weight:650;letter-spacing:.12em;color:#1c5666}.mini-ifa p{font-size:14px;line-height:1.6;margin:0}.mini-home-screens{display:flex;align-items:center;justify-content:center;gap:16px;min-width:0;padding:15px 0}.mini-home-screens img{width:27%;max-width:155px;max-height:345px;object-fit:contain;border-radius:11px;box-shadow:0 15px 25px #18343c23;background:#f1f6f7}.mini-home-screens img:nth-child(2){width:32%;max-width:183px;max-height:400px;transform:translateY(-12px)}.mini-feature-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border:1px solid #c9dade;background:#c9dade;border-radius:5px;overflow:hidden;margin-top:38px}.mini-feature-links>a{position:relative;background:#f3f9fa;padding:22px 20px;min-width:0;transition:background .2s}.mini-feature-links>a:hover{background:#e0ecef}.mini-feature-links>a>span{font-size:12px;letter-spacing:.12em;color:#507c88;display:block;margin-bottom:20px}.mini-feature-links b{display:block;font:550 19px/1.2 Manrope,sans-serif;letter-spacing:-.03em;padding-right:6px}.mini-feature-links p{font-size:14px;color:#5a6d72;line-height:1.7;margin:12px 0 0}.mini-feature-links i{position:absolute;right:17px;top:17px;font-style:normal}.mini-availability{font-size:12px;color:#63787e;line-height:1.7;margin:18px 0 0;max-width:1100px}.mini-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;align-items:center;padding:60px 5%;background:linear-gradient(115deg,#e8f1f4,#deebee);min-height:680px}.mini-hero-copy{min-width:0}.mini-hero h1{font-size:clamp(3rem,4.8vw,4.8rem);line-height:1.05;max-width:700px}.mini-hero .hero-description{color:#496168;font-size:18px;line-height:1.8;max-width:530px}.mini-hero .actions{gap:25px}.mini-platform{font-size:13px;color:#65787d;margin-top:22px}.mini-hero-screens{display:flex;gap:17px;justify-content:center;align-items:center;min-width:0}.mini-hero-screens figure{width:28%;margin:0;min-width:0}.mini-hero-screens figure:nth-child(2){width:33%;transform:translateY(-20px)}.mini-hero-screens img{width:100%;height:auto;border-radius:14px;box-shadow:0 20px 35px #1f3e4626;display:block}.mini-hero-screens figcaption{font-size:12px;text-align:center;color:#50686f;line-height:1.5;margin-top:20px}.mini-feature-nav{display:flex!important;justify-content:space-between;gap:20px;overflow-x:auto;padding:20px 5%;background:#18373f;color:#f1f7f8;border:none;font-size:14px;position:static;width:auto}.mini-feature-nav a{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:4px 0}.mini-feature-nav a:hover{border-bottom-color:#bbd7df}.mini-feature-nav span{font-size:12px;color:#9bbdc6}.mini-overview{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start;padding-top:60px;padding-bottom:60px}.mini-overview>div{min-width:0}.mini-overview>div>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.85;max-width:590px}.mini-overview h2{font-size:clamp(2rem,3.4vw,3.3rem)}.mini-walkthrough-index{display:flex;flex-direction:column;margin-top:28px;border-top:1px solid var(--line)}.mini-walkthrough-index a{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.mini-walkthrough-index span{font-size:12px;color:var(--muted);white-space:nowrap}.mini-video{margin:0;min-width:0}.video-reserved{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:linear-gradient(145deg,#dbe6e9,#e9f2f5);border:1px dashed #9bb0b6;gap:16px;color:#4c656c;min-width:0}.mini-video.landscape .video-reserved{aspect-ratio:16/9;min-height:280px;border-radius:8px}.mini-video.portrait .video-reserved{aspect-ratio:9/19.5;border-radius:14px;padding:24px 15px;gap:15px}.video-outline{display:grid;place-items:center;width:46px;height:54px;border:1px solid #95acb2;border-radius:8px;font-size:29px;color:#5c7f88;background:#ffffff40}.video-reserved .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.08em;margin:0}.video-reserved strong{font-size:16px;line-height:1.5;font-weight:500;max-width:300px}.mini-video.portrait strong{font-size:15px}.video-coming{font-size:12px;padding:5px 10px;background:#ffffff70;border-radius:20px;color:#576f76}.mini-video figcaption,.mini-screen figcaption{font-size:12px;text-align:center;color:#6a7b7f;line-height:1.6;margin:15px auto 0;max-width:250px}.mini-video video{display:block;width:100%;height:auto;max-width:100%;background:#163138;border-radius:12px}.mini-video.portrait video{aspect-ratio:9/19.5;object-fit:contain}.mini-video.landscape video{aspect-ratio:16/9;object-fit:contain}.mini-feature-series{border-top:1px solid var(--line)}.mini-feature-detail{padding:65px 5%;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;scroll-margin-top:25px;border-bottom:1px solid var(--line)}.mini-feature-detail:nth-child(2n+1){background:#ebf2f4}.mini-feature-copy{min-width:0}.mini-feature-copy>.eyebrow{font-size:12px;color:#537781;margin-bottom:20px}.mini-feature-copy h2{font-size:clamp(2.1rem,3.5vw,3.5rem);line-height:1.13}.mini-feature-lead{font-size:17px;color:#4d666d;line-height:1.85;margin-bottom:23px}.mini-condition{display:inline-block;padding:7px 12px;background:#dee8eb;color:#3b5d66;font-size:12px;border:1px solid #c1d4d9;border-radius:4px;margin-bottom:7px}.mini-benefits{margin-top:22px}.mini-benefits>div{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.mini-benefits h3{font-size:21px;line-height:1.3;margin-bottom:10px}.mini-benefits p{font-size:16px;line-height:1.85;color:var(--muted);margin-bottom:0}.mini-instructions{margin-top:25px;background:#dfecef;padding:0 18px;border:0;border-radius:4px}.mini-instructions summary{font-size:14px;padding:17px 0;gap:15px;font-weight:550}.mini-instructions ol{padding:0 0 0 20px;margin:0 0 15px;font-size:14px;color:#4d686f;line-height:1.8}.mini-instructions li+li{margin-top:10px}.mini-instructions>a{display:inline-block;font-size:13px;margin-bottom:20px;text-decoration:underline;text-underline-offset:4px}.mini-feature-note{margin:22px 0 0;font-size:12px;line-height:1.9;color:#717e82}.mini-feature-media{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;padding-top:35px;min-width:0;max-width:525px;justify-self:center;width:100%}.mini-screen{margin:0;min-width:0}.mini-screen img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 17px 30px #2540471a}.mini-dlb-flow{grid-column:1/-1;padding:23px;background:#dde7ea;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:9px;border-radius:5px}.mini-dlb-flow>span{font-size:13px;text-align:center;background:#f2f8fa;padding:10px 14px;border:1px solid #bccdd1;border-radius:4px}.mini-dlb-flow>b{font-size:18px;transform:rotate(-90deg);color:#698c95}.mini-dlb-flow>p{flex-basis:100%;font-size:12px;color:#61767c;text-align:center;margin:12px 0 0}.mini-everyday{padding-top:60px;padding-bottom:65px}.mini-supporting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mini-supporting-grid article{padding:28px;background:#e7f0f2;border-radius:5px;display:flex;flex-direction:column;min-width:0}.mini-supporting-grid img{max-width:180px;height:270px;object-fit:contain;margin:0 auto 28px;display:block;border-radius:7px}.mini-supporting-grid h3{font-size:25px;line-height:1.2}.mini-supporting-grid p{font-size:16px;color:var(--muted);line-height:1.8}.mini-supporting-grid a{font-size:14px;text-decoration:underline;text-underline-offset:4px}.mini-fit{padding-top:60px;padding-bottom:60px}.mini-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.mini-fit-grid article{border-top:1px solid #b8cbd0;padding-top:23px;min-width:0}.mini-fit-grid article>span{font-size:12px;color:#607e86;display:block;margin-bottom:23px;letter-spacing:.08em}.mini-fit-grid h3{font-size:25px;line-height:1.25}.mini-fit-grid p{font-size:16px;line-height:1.85;color:var(--muted)}.mini-source{font-size:12px;color:#6f7f83;line-height:1.8;border-top:1px solid var(--line);padding-top:24px;margin:40px 0 0}
@media(min-width:1600px){.mini-home,.mini-hero,.mini-overview,.mini-feature-detail,.mini-everyday,.mini-fit{padding-left:8%;padding-right:8%}}
@media(max-width:1100px){.mini-home-heading{gap:25px;grid-template-columns:1fr 1fr}.mini-home-heading .actions{gap:17px}.mini-feature-links b{font-size:17px}.mini-feature-links>a{padding:20px 15px}.mini-hero{grid-template-columns:1fr;gap:45px;min-height:0}.mini-hero-copy{max-width:850px}.mini-hero h1{font-size:4.3rem;max-width:700px}.mini-hero .hero-description{max-width:650px}.mini-hero-screens{max-width:700px;margin:0 auto;width:100%;padding-top:10px;gap:25px}.mini-hero-screens figure{max-width:190px}.mini-hero-screens figure:nth-child(2){max-width:220px}.mini-overview{gap:35px}.mini-feature-detail{gap:35px}.mini-feature-media{gap:16px}.mini-supporting-grid{gap:18px}.mini-supporting-grid article{padding:23px}.mini-supporting-grid h3{font-size:23px}.mini-fit-grid{gap:25px}}
@media(max-width:760px){.mini-home{padding:40px 6% 25px}.mini-home-heading{grid-template-columns:1fr;gap:35px}.mini-home-heading h2{font-size:3rem}.mini-home-heading>div>p:not(.eyebrow){font-size:16px}.mini-home-heading>.eyebrow{font-size:12px}.mini-home-heading .actions{gap:20px}.mini-home-heading .mini-ifa{font-size:12px!important;gap:12px;align-items:start}.mini-ifa>span{font-size:11px;letter-spacing:.08em}.mini-home-screens{gap:12px;padding:15px 0 0;max-width:510px;justify-self:center;width:100%}.mini-home-screens img{border-radius:8px}.mini-home-screens img:nth-child(2){transform:translateY(-10px)}.mini-feature-links{grid-template-columns:1fr 1fr;margin-top:30px}.mini-feature-links>a:last-child{grid-column:auto}.mini-feature-links>a{padding:20px 16px}.mini-feature-links b{font-size:19px}.mini-feature-links p{font-size:14px;line-height:1.65}.mini-feature-links>a>span{margin-bottom:17px}.mini-availability{font-size:12px}.mini-hero{padding:40px 6% 30px;gap:35px}.mini-hero h1{font-size:clamp(2.8rem,8.5vw,4rem);line-height:1.08}.mini-hero .hero-description{font-size:16px}.mini-hero .actions{gap:20px}.mini-hero .button{font-size:14px;padding:14px 18px}.mini-platform{font-size:12px}.mini-ifa{align-items:start;gap:14px}.mini-ifa p{font-size:13px}.mini-hero-screens{gap:12px;max-width:560px;padding-top:15px}.mini-hero-screens img{border-radius:8px}.mini-hero-screens figcaption{font-size:12px;margin-top:14px}.mini-feature-nav{padding:17px 6%;justify-content:start;gap:25px;font-size:14px}.mini-feature-nav a{gap:8px}.mini-overview{grid-template-columns:1fr;gap:30px;padding:40px 6%}.mini-overview h2{font-size:2.35rem}.mini-overview>div>p:not(.eyebrow){font-size:16px}.mini-video.landscape .video-reserved{min-height:240px}.mini-walkthrough-index a{font-size:14px;gap:12px}.mini-walkthrough-index span{font-size:12px}.mini-feature-detail{padding:40px 6%;grid-template-columns:1fr;gap:30px}.mini-feature-copy h2{font-size:2.5rem}.mini-feature-copy>.eyebrow{font-size:12px;line-height:1.8}.mini-feature-lead{font-size:16px}.mini-benefits h3{font-size:21px}.mini-benefits p{font-size:16px}.mini-feature-media{max-width:430px;gap:16px;padding-top:0}.mini-video.portrait .video-reserved{padding:18px 12px;gap:13px;border-radius:10px}.video-reserved .eyebrow{font-size:10px}.mini-video.portrait strong{font-size:14px;line-height:1.45}.video-outline{width:36px;height:43px;font-size:22px}.video-coming{font-size:12px}.mini-feature-note{font-size:12px}.mini-screen img{border-radius:10px}.mini-screen figcaption,.mini-video figcaption{font-size:12px}.mini-dlb-flow{padding:20px;gap:7px}.mini-dlb-flow>span{font-size:12px;padding:8px 9px}.mini-supporting-grid{grid-template-columns:1fr;gap:22px}.mini-supporting-grid article{display:grid;grid-template-columns:130px 1fr;gap:22px;padding:25px}.mini-supporting-grid img{height:250px;width:100%;max-width:130px;margin:0 auto}.mini-supporting-grid h3{font-size:23px}.mini-supporting-grid p{font-size:15px;line-height:1.8}.mini-everyday{padding:40px 6%}.mini-fit{padding:40px 6%}.mini-fit-grid{grid-template-columns:1fr;gap:30px}.mini-fit-grid article>span{margin-bottom:17px}.mini-fit-grid p{font-size:16px}.mini-source{margin-top:30px}}
@media(max-width:420px){.mini-home-heading .actions,.mini-hero .actions{align-items:start;flex-direction:column;gap:18px}.mini-home-heading h2{font-size:2.7rem}.mini-home .eyebrow{font-size:11px;line-height:1.8}.mini-supporting-grid article{grid-template-columns:1fr;padding:25px}.mini-supporting-grid img{height:290px;max-width:160px;margin-bottom:0}.mini-feature-copy h2{font-size:2.2rem}.mini-video.portrait strong{font-size:13px}.mini-video.portrait .video-reserved{padding:15px 10px;gap:12px}.mini-dlb-flow{flex-direction:column}.mini-dlb-flow>b{transform:none}.mini-feature-links b{font-size:18px}.mini-walkthrough-index a{align-items:start;flex-direction:column;gap:3px}}
.mini-video.landscape .video-reserved{width:100%}
@media(max-width:760px){.mini-video.landscape .video-reserved{aspect-ratio:auto;min-height:240px;width:100%}}
footer .footer-grid .brand-slogan{font-family:Manrope,sans-serif;font-size:20px;font-weight:550;color:#d6edf3;line-height:1.4;letter-spacing:-.025em;max-width:360px;margin-bottom:10px}footer .brand-slogan+p{margin-top:0}

/* Match catalog page 4: original image matrix with editable vector annotations. */
.annotated-construction{margin:0 0 55px;padding:30px;background:#e5eff2;border:1px solid #d1dfe3;border-radius:6px;min-width:0}.construction-diagram-heading{display:flex;justify-content:space-between;align-items:start;gap:30px}.construction-diagram-heading h2{font-size:32px;margin-bottom:0}.construction-diagram-heading .eyebrow{font-size:12px;margin-bottom:12px}.construction-diagram-heading>a{white-space:nowrap;font-size:14px;margin-top:4px}.construction-diagram-scroll{overflow-x:auto;width:100%;max-width:100%;margin-top:20px;border-radius:4px}.solid-core-diagram{display:block;width:100%;min-width:1050px;height:auto;max-width:none}.construction-diagram-scroll:focus-visible{outline:2px solid #47727d;outline-offset:4px}.annotated-construction>figcaption{font-size:13px;line-height:1.8;color:#5f7479;padding-top:18px;border-top:1px solid #c5d7dc}.construction-diagram-metrics{display:flex;justify-content:space-between;gap:35px;max-width:800px;margin:25px 0 0}.construction-diagram-metrics span{font-size:13px}.construction-diagram-metrics b{font-size:29px}.diagram-mobile-hint{display:none}
@media(max-width:1200px){.diagram-mobile-hint{display:block;font-size:13px;line-height:1.7;color:#5f777d;margin:18px 0 0}.construction-diagram-heading{flex-direction:column;gap:18px}.construction-diagram-scroll{margin-top:15px}}
@media(max-width:760px){.annotated-construction{padding:20px 16px;margin-bottom:35px}.construction-diagram-heading h2{font-size:27px}.construction-diagram-heading .eyebrow{font-size:11px;line-height:1.7}.construction-diagram-heading>a{font-size:13px;white-space:normal}.construction-diagram-scroll{max-height:730px;overflow:auto}.solid-core-diagram{min-width:1050px}.annotated-construction>figcaption{font-size:12px}.construction-diagram-metrics{gap:20px;flex-wrap:wrap}.construction-diagram-metrics b{font-size:24px}.construction-diagram-metrics span{font-size:12px}}
@media(max-width:760px){.construction-diagram-scroll{max-height:none;overflow-x:auto}}

/* Catalog-angle cutaway for the connection cards. */
.connector-card .engineering-picture{padding:0}
.connector-card .engineering-picture img{width:100%;height:100%;object-fit:contain;object-position:center bottom}

/* Give the annotated connection diagram its full uncropped canvas. */
.connector-card .engineering-picture{height:auto;aspect-ratio:16/17}

.engineering-cards .engineering-picture{height:auto;aspect-ratio:16/17;border-bottom:1px solid #cfdde1}

/* Language and shopping region are independent selections. */
#language{font-size:14px;max-width:105px;min-height:40px;cursor:pointer}
#language:focus-visible{outline:2px solid #08647d;outline-offset:3px}
.header-actions{gap:12px}
#language option{color:#073e4a;background:#fff}
html:not([lang=en]) h1,html:not([lang=en]) h2,html:not([lang=en]) h3{overflow-wrap:anywhere;hyphens:auto}
html:not([lang=en]) .homecoming-copy h1{font-size:clamp(2.8rem,5.5vw,5.6rem)}
@media(max-width:1150px){header{height:auto;min-height:92px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}header nav{order:3;flex-basis:100%;justify-content:center}header .header-actions{margin-left:auto}}
@media(max-width:760px){header{min-height:100px;gap:6px 12px}header .header-actions{gap:10px;flex-wrap:wrap}header nav{order:3}#language{width:95px;max-width:95px;font-size:14px}header #region{width:45px;max-width:45px;font-size:14px}header .bag-button{font-size:14px}header .logo{flex-shrink:0}html:not([lang=en]) .homecoming-copy h1{font-size:clamp(2.7rem,10vw,4rem)}}
@media(max-width:420px){header .logo{--brand-height:23px}header .header-actions{width:100%;justify-content:flex-end}header{padding-top:10px;padding-bottom:10px}#language{margin-right:auto}header #menu{position:absolute;right:5%;top:54px}}
.language-source-note{font-size:13px;line-height:1.6;max-width:32ch;opacity:.8}
/* Reserve room for native dropdown arrows in every language. */
.header-actions #language{width:125px;max-width:125px;padding:0 20px 0 4px;flex-shrink:0}
.header-actions #region{width:64px;max-width:64px;padding:0 16px 0 2px;flex-shrink:0}

.footer-legal{min-width:0;display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}.footer-legal a{white-space:nowrap}.footer-legal a:hover{text-decoration:underline}.footer-trademark{font-size:11px;color:#8da1a6;line-height:1.6}

/* AmpByte blue brand; SmartApp Scheduled retains its green in supplied media. */
:root{--brand:#0098b7;--action:#007f99;--scheduled:#1b7a4a}
.button{background:var(--action);border-color:var(--action)}.button.lime{background:#e2f2f6;border-color:#e2f2f6;color:#073e4a}.button.outline{background:transparent;color:var(--action);border-color:var(--action)}
a.text-link{color:var(--action)}.homecoming-copy .text-link,.bottom-cta .text-link{color:#bcebf4}.feature-number,.mini-feature-links>a>span,.mini-ifa>span{color:var(--action)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--brand)}

/* SmartApp visual language: quiet blue-gray canvas, white cards, cyan accents. */
:root{--paper:#edf3f5;--soft:#e1f0f4;--ink:#202629;--muted:#667277;--line:#dce5e8;--brand:#0098b7;--action:#007f99;--scheduled:#1b7a4a;--card-shadow:0 4px 14px rgba(29,55,65,.065);--card-radius:18px}
body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
h1,h2,h3{font-family:inherit;font-weight:600;letter-spacing:-.025em}h1 em,h2 em{font-family:inherit;font-style:normal;font-weight:500}
header{background:var(--paper)}nav a[aria-current=page]{color:var(--action)}nav a:hover{border-bottom-color:var(--brand)}
.button{border-radius:999px;box-shadow:0 3px 9px rgba(0,127,153,.12)}.button.outline{box-shadow:none}.bag-button,input,select,textarea{border-radius:12px}details{border-radius:14px}
.hero,.page-intro,.mini-home,.mini-hero,.mini-feature-detail:nth-child(2n+1),.related-section{background:var(--paper)}
.page-intro>p:last-child,.hero-description,.mini-hero .hero-description,.mini-feature-lead,.article-body>p{color:var(--muted)}
.product-card,.catalog-card,.engineering-card,.meaning-card,.mini-supporting-grid article,.ecosystem-grid>a,.construction-grid article,.benefit-grid article,.feature-grid>div,.feature-grid>article{background:#fff;border:1px solid rgba(220,229,232,.7);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}
.product-card{padding:18px}.product-card .product-image{border-radius:12px}.benefit-grid article,.feature-grid>div,.feature-grid>article{padding:24px}.construction-grid article{border-top:1px solid var(--line)}
.product-image,.catalog-card .product-image,.engineering-picture,.alert-card .engineering-picture,.smart-story-visual,.app-visual,.technical-visual,.display-pair{background:#e7eff2}
.finder,.support-prep,.choice-band,.connectivity-panel,.control-explainer,.adapter-principles,.certification-note,.annotated-construction,.comparison-panel:has(table),.mini-instructions,.mini-dlb-flow,.logo-display{background:#fff;border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}
.fit-note,.best-for,.selected-spec,.mini-condition,.mini-dlb-flow>span{background:#e1f0f4;border-radius:12px}.mini-condition,.best-for{border-color:#b9dfe7;color:#285b66}.best-for{border-left-color:var(--brand)}
.mini-feature-links{background:transparent;border:0;gap:14px;border-radius:0}.mini-feature-links>a{background:#fff;border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.mini-feature-links>a:hover{background:#f8fcfd}
.mini-feature-nav{background:#fff;color:var(--ink);border-block:1px solid var(--line)}.mini-feature-nav span{color:var(--action)}.mini-feature-nav a:hover{border-bottom-color:var(--brand)}
.mini-feature-copy>.eyebrow,.mini-fit-grid article>span,.benefit-grid article>span,.construction-grid article>span{color:var(--action)}
.calculator-section,.smart-story{background:#e1f0f4;color:var(--ink)}.calculator-section>div:first-child>p:not(.eyebrow),.smart-story-copy>p,.smart-story li span{color:var(--muted)}.calculator-section .eyebrow,.smart-story-copy .eyebrow,.smart-story li:before{color:var(--action)}.smart-story li{border-top-color:#cbdfe5}.calculator{background:#fff;border-radius:var(--card-radius);box-shadow:var(--card-shadow)}.calc-result{border-top-color:var(--line)}.cost-bars i{background:var(--brand)}
.catalog-table thead th{background:#e1f0f4}.catalog-table tbody th{background:#f6fafb}.catalog-table th,.catalog-table td{border-bottom-color:var(--line)}.catalog-table tbody td{color:var(--muted)}
.support-banner{background:#e1f0f4;border-radius:var(--card-radius)}.support-banner>div+div a{border-bottom-color:#bfdde5}.category-shelf{background:#f6fafb}.video-reserved{background:#e7eff2;border-color:#aacbd5;border-radius:var(--card-radius)}
.homecoming-copy h1{font-weight:500}.homecoming-copy h1 em{color:#d5f1f6}.homecoming-copy .hero-description{color:#f0f4f5}.homecoming-copy .text-link{color:#fff}
footer{background:#073e4a}.footer-trademark{color:#a8c4cb}
@media(max-width:700px){.mini-feature-links{gap:10px}.mini-feature-links>a{padding:20px 16px}.benefit-grid article,.feature-grid>div,.feature-grid>article{padding:20px}.product-card{padding:14px}}

/* Theme preference is applied before the first page paint. */
.theme-control{display:flex;align-items:center;gap:5px;flex-shrink:0}.theme-label{font-size:12px;color:var(--muted)}.header-actions #theme-choice{width:94px;max-width:110px;min-height:40px;padding:0 18px 0 4px;cursor:pointer;font-size:13px;color:var(--ink)}
html[data-theme=dark]{--paper:#0d0d0d;--soft:#16292f;--ink:#f1f3f4;--muted:#a8afb3;--line:#34393c;--action:#38bad2;--card-shadow:0 4px 16px rgba(0,0,0,.2);background:#0d0d0d}
html[data-theme=dark] :is(.product-card,.catalog-card,.engineering-card,.meaning-card,.mini-supporting-grid article,.ecosystem-grid>a,.construction-grid article,.benefit-grid article,.feature-grid>div,.feature-grid>article,.finder,.support-prep,.choice-band,.connectivity-panel,.control-explainer,.adapter-principles,.certification-note,.annotated-construction,.comparison-panel:has(table),.mini-instructions,.mini-dlb-flow,.logo-display,.mini-feature-links>a,.calculator,.manual-card,.detail-image,.energy-grid article,.mini-metrics article,.mini-walkthrough-index a,.gallery-thumbnails button,dialog,details){background:#1e1e1e;border-color:var(--line);color:var(--ink)}
html[data-theme=dark] :is(.product-image,.catalog-card .product-image,.engineering-picture,.alert-card .engineering-picture,.smart-story-visual,.app-visual,.technical-visual,.display-pair,.category-shelf,.product-jump,.construction-hero,.video-reserved,.meaning-visual,.clock-visual){background:#25292c;color:var(--ink)}
html[data-theme=dark] :is(.calculator-section,.smart-story,.support-banner,.fit-note,.best-for,.selected-spec,.mini-condition,.mini-dlb-flow>span,.status-label,.language-tags span,.safety-note){background:#13262c;color:var(--ink);border-color:#29434b}
html[data-theme=dark] :is(input,select,textarea,.quantity button,.quantity input,.filter-chips button,.catalog-tabs button,.segmented button,.catalog-search){background:#25292c;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .header-actions select{background:transparent}html[data-theme=dark] :is(#language option,#theme-choice option){background:#25292c;color:var(--ink)}
html[data-theme=dark] :is(.mini-feature-nav,.catalog-table tbody th){background:#1e1e1e;color:var(--ink)}html[data-theme=dark] .catalog-table thead th{background:#16292f;color:var(--ink)}
html[data-theme=dark] :is(.mini-feature-links>a:hover,#finder-result,.video-coming,.video-outline){background:#263338;color:var(--ink)}
html[data-theme=dark] :is(.card-category,.card-specs,.model-count,.catalog-table tbody td,.mini-home-heading>div>p:not(.eyebrow),.mini-ifa,.mini-availability,.mini-platform,.mini-hero-screens figcaption,.mini-video figcaption,.mini-screen figcaption,.mini-feature-note,.mini-instructions ol,.mini-dlb-flow>p,.mini-source,.annotated-construction>figcaption,.diagram-mobile-hint,.meaning-copy p:not(.eyebrow),.value-strip,.video-reserved,.video-outline,.mini-feature-links p,.page-intro>p:last-child,.feature-grid p,.mini-supporting-grid p){color:var(--muted)}
html[data-theme=dark] :is(.mini-ifa>span,.feature-number,.mini-feature-copy>.eyebrow,.mini-feature-links>a>span,.benefit-grid article>span,.construction-grid article>span,.mini-fit-grid article>span){color:var(--action)}
html[data-theme=dark] .button{background:#007f99;border-color:#007f99;color:#fff}html[data-theme=dark] .button.outline{background:transparent;border-color:var(--action);color:var(--action)}html[data-theme=dark] .button.lime{background:#bcebf4;border-color:#bcebf4;color:#073e4a}
html[data-theme=dark] .cost-bars>div>div{background:#34393c}html[data-theme=dark] .cost-bars i{background:var(--brand)}html[data-theme=dark] .logo .brand-wordmark img{filter:brightness(0) invert(1)}
@media(max-width:1200px){.header-actions{gap:10px}.theme-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
@media(max-width:700px){header{height:auto;min-height:110px;flex-wrap:wrap;padding-top:14px;padding-bottom:12px;gap:12px}.header-actions{width:100%;justify-content:flex-start;gap:10px}.header-actions #language{margin-right:0}.header-actions .bag-button{margin-left:auto}.header-actions #theme-choice{width:85px;font-size:12px}.header-actions #language{width:110px;max-width:110px}.header-actions #region{width:54px;max-width:54px}.homecoming-hero{height:calc(100svh - 150px)}header #menu{top:20px}}

/* Matched header capsules with stable focus borders and a compact arrow gap. */
header .header-actions{align-items:center;gap:12px;flex-wrap:nowrap}
header .header-actions .theme-control{display:flex;align-items:center;align-self:center;margin:0;padding:0;line-height:1}
header .header-actions :is(#theme-choice,#language,#region){appearance:none;-webkit-appearance:none;box-sizing:border-box;display:block;flex:none;margin:0;min-height:30px;height:30px;max-width:none;width:auto;padding:0 32px 0 12px;border:0.5px solid #0098b7;border-radius:999px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='16' viewBox='0 0 12 16' fill='none' stroke='%230098b7' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 3-3 3 3M3 11l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 16px;font-size:13px;line-height:normal;font-weight:500;color:var(--ink);cursor:pointer;outline:none;vertical-align:middle;transition:box-shadow .15s}
header .header-actions :is(#theme-choice,#language,#region):is(:focus,:focus-visible,:active){border-color:#0098b7;box-shadow:inset 0 0 0 1.5px #0098b7;outline:none;outline-offset:0}
@media(max-width:700px){header .header-actions{justify-content:flex-end;gap:8px}header .header-actions :is(#theme-choice,#language,#region){font-size:12px}}

/* Give both standalone home panels the same outer gutter as adjacent cards. */
.category-shelf,.choice-band{margin:28px 5%;border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--card-shadow);min-width:0}
.category-shelf{padding:20px 24px}
.choice-band{padding:48px 32px}
@media(max-width:1050px){.choice-band{padding:38px 24px;gap:28px}}
@media(max-width:700px){.category-shelf,.choice-band{margin:22px 6%}.category-shelf{padding:12px 18px}.choice-band{padding:30px 20px;gap:24px}}

/* Match standalone panels to the neighboring section content edges. */
:root{--home-gutter:3%}


.section.collection-section,.section.engineering-home,.section.ecosystem-section{padding-left:var(--home-gutter);padding-right:var(--home-gutter)}
.category-shelf,.choice-band{margin-left:var(--home-gutter);margin-right:var(--home-gutter)}

/* Keep the support panel on the shared home content edges. */
.support-banner{margin:28px var(--home-gutter);padding:48px 32px;min-width:0}
@media(max-width:700px){.support-banner{margin:22px var(--home-gutter);padding:30px 20px}}

/* Match the support card's soft outer halo to adjacent white cards. */
.support-banner{box-shadow:var(--card-shadow)}

/* A richer blue surface separates the support card from the light canvas. */
html[data-theme=light] .support-banner{background:#cce6ee;box-shadow:0 5px 18px rgba(29,55,65,.09)}
html[data-theme=light] .support-banner>div+div a{border-bottom-color:#9bc9d6}

/* Engineering media panels share the stronger light-theme blue surface. */
html[data-theme=light] .engineering-cards .engineering-picture{background:#cce6ee;border-bottom-color:#9bc9d6}

/* Shared page gutter across every full-width content section and breakpoint. */
header,footer,.section,main>section:not(.category-shelf):not(.choice-band):not(.support-banner):not(.homecoming-hero){padding-left:var(--home-gutter);padding-right:var(--home-gutter)}
.homecoming-copy{padding-left:var(--home-gutter);padding-right:var(--home-gutter)}
.homecoming-next{left:var(--home-gutter);right:var(--home-gutter)}

/* Lower the annotated connector so its marked composition meets the panel bottom. */
.connector-card .engineering-picture img{transform:none}

/* Keep the connector name in two complete lines and fit three metrics. */
.connector-card{container-type:inline-size}
.connector-card .connector-title{font-size:clamp(18px,6.2cqi,42px)}
.connector-title>span{display:block;white-space:nowrap}
.connector-card .mini-metrics{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;gap:12px}
.connector-card .mini-metrics b{font-size:clamp(22px,6.5cqi,42px)}

/* Four construction highlights, wrapping in pairs on smaller screens. */
.construction-diagram-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:24px}
@media(max-width:700px){.construction-diagram-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}





/* Catalog page 4: hollow-core and solid-core comparison. */
.core-comparison-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0}
.core-comparison-images figure{margin:0;border:1px solid var(--line);border-radius:var(--card-radius,24px);overflow:hidden;background:var(--paper,#fff);box-shadow:var(--card-shadow)}
.core-comparison-picture{height:clamp(230px,26vw,390px);display:flex;align-items:center;justify-content:center;padding:24px;background:#cce6ee}
.core-comparison-picture img{display:block;width:100%;height:100%;object-fit:contain}
.core-comparison-images figcaption{padding:24px}
.core-comparison-images h3{margin:0 0 12px;font-size:clamp(20px,2vw,28px)}
.core-comparison-images p{margin:0;color:var(--muted);line-height:1.6}
.core-comparison .catalog-table table{min-width:650px;width:100%}
.core-comparison .catalog-table th,.core-comparison .catalog-table td{width:40%;vertical-align:top;line-height:1.6}
.core-comparison .catalog-table th:first-child{width:20%}
.core-comparison-source{margin-top:18px;font-size:14px;color:var(--muted)}
.core-comparison-source a{color:var(--action);text-decoration:underline;text-underline-offset:4px}
html[data-theme=dark] .core-comparison-images figure{background:#1e1e1e}
html[data-theme=dark] .core-comparison-picture{background:#234650}
@media(max-width:700px){.core-comparison-images{grid-template-columns:1fr;gap:9px;margin:22px 0}.core-comparison-picture{height:260px;padding:20px}.core-comparison-images figcaption{padding:20px}}

/* Highlight the AmpByte column in the construction comparison. */
.core-comparison .catalog-table tbody td:nth-child(3){background:#e5f2f8}
.core-comparison .catalog-table thead th:nth-child(3){background:#cfe6f1;color:#124c65}
html[data-theme=dark] .core-comparison .catalog-table tbody td:nth-child(3){background:#223943}
html[data-theme=dark] .core-comparison .catalog-table thead th:nth-child(3){background:#2c4b5b;color:#e3f3fb}

.core-rollover-scene{margin:32px 0 0;border-radius:20px;overflow:hidden;background:var(--paper)}
.core-rollover-scene img{display:block;width:100%;height:auto}
.core-rollover-scene figcaption{padding:18px 24px;font-weight:600;color:var(--ink)}
.core-rollover-scene figcaption span{display:block;margin-top:5px;font-size:13px;font-weight:400;color:var(--muted)}

.solid-core-lifestyle-hero{position:relative;isolation:isolate;min-height:620px;display:flex;align-items:center;background:#172d32;color:#fff;overflow:hidden}
.solid-core-lifestyle-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.solid-core-lifestyle-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,24,29,.8),rgba(8,24,29,.5) 38%,rgba(8,24,29,.04) 67%)}
.solid-core-lifestyle-copy{width:49%;padding:80px 0 80px 4.5%}
.solid-core-lifestyle-copy h1{font-size:clamp(38px,4.1vw,68px);line-height:1.15;color:#fff;letter-spacing:-.035em}
.solid-core-lifestyle-copy .eyebrow{color:#d9edf2}
.solid-core-lifestyle-copy>p:last-child{max-width:520px;color:#e0ecef;font-size:clamp(16px,1.5vw,21px);line-height:1.65;margin-bottom:0}
@media(max-width:700px){.solid-core-lifestyle-hero{display:block;min-height:0}.solid-core-lifestyle-hero>img{position:relative;display:block;z-index:0;height:320px;object-position:right center}.solid-core-lifestyle-hero:before{display:none}.solid-core-lifestyle-copy{width:100%;padding:32px 5% 40px}.solid-core-lifestyle-copy h1{font-size:clamp(30px,7.2vw,44px)}}

/* Home cable card: emphasize connector heads and crop the long cable tails. */
.ecosystem-grid>a[href="/products/type2-cable/"]>img{object-fit:contain;object-position:center;transform:none}

/* Type 2 product gallery: shorten visible tails and center the connectors. */
.rich-product .detail-image>img[src="/assets/catalog/type2-cable-tuv.svg"]{height:auto;aspect-ratio:1.55;object-fit:cover;object-position:right top;transform:translateX(-5%)}
.gallery-thumbnails img[src="/assets/catalog/type2-cable-tuv.svg"]{object-fit:cover;object-position:right top}

/* Shared spacing for card collections across the site. */
:root{--card-gap:16px}
:is(.product-grid,.full-catalog-grid,.home-catalog-grid,.article-grid,.feature-grid,.energy-grid,.manual-grid,.engineering-cards,.ecosystem-grid,.benefit-grid,.construction-grid,.mini-feature-links,.mini-supporting-grid,.mini-fit-grid,.category-shelf,.gallery-thumbnails,.core-comparison-images){gap:var(--card-gap)}
.learn-section .four{gap:var(--card-gap)}
@media(max-width:700px){:root{--card-gap:9px}}

.type2-certification{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}.type2-certification>img{width:80px;height:80px;object-fit:contain;flex-shrink:0}.type2-certification b{font-size:18px}.type2-certification p{margin:4px 0 10px;color:var(--muted)}.certificate-links{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px}.certificate-links a{color:var(--teal,#00879b);text-decoration:underline}@media(max-width:600px){.type2-certification{gap:12px;padding:16px 0}.type2-certification>img{width:64px;height:64px}.type2-certification b{font-size:16px}}

/* Give product benefit copy a readable full-width card on phones. */
@media(max-width:700px){.product-information .benefit-grid{grid-template-columns:minmax(0,1fr);gap:var(--card-gap)}}



/* Keep the Type 2 model comparison compact and legible while scrolling on phones. */
@media(max-width:700px){
body:has(.product-information) #configurations:has(th:nth-child(6)) .catalog-table table{table-layout:fixed;min-width:600px;width:600px}
body:has(.product-information) #configurations:has(th:nth-child(6)) .catalog-table th,body:has(.product-information) #configurations:has(th:nth-child(6)) .catalog-table td{padding:12px 8px}
body:has(.product-information) #configurations:has(th:nth-child(6)) .catalog-table th:nth-child(1){width:140px}
body:has(.product-information) #configurations:has(th:nth-child(6)) .catalog-table th:nth-child(2){width:80px}
body:has(.product-information) #configurations:has(th:nth-child(6)) .catalog-table th:nth-child(3){width:60px}
body:has(.product-information) #configurations:has(th:nth-child(6)) .catalog-table th:nth-child(4){width:75px}
body:has(.product-information) #configurations:has(th:nth-child(6)) .catalog-table th:nth-child(5){width:60px}
body:has(.product-information) #configurations:has(th:nth-child(6)) .catalog-table th:nth-child(6){width:185px}
body:has(.product-information) #configurations:has(th:nth-child(6)) .catalog-table td{white-space:nowrap}
}

@media(max-width:700px){.rated-current-word{display:block}}

.rated-current-unit{display:block}

/* Balance the desktop Type 2 comparison columns. */
@media(min-width:701px){
#configurations:has(.rated-current-word) .catalog-table table{table-layout:fixed;width:100%}
#configurations:has(.rated-current-word) .catalog-table thead th:nth-child(1){width:23%}
#configurations:has(.rated-current-word) .catalog-table thead th:nth-child(n+2):nth-child(-n+5){width:14%}
#configurations:has(.rated-current-word) .catalog-table thead th:nth-child(6){width:21%}
#configurations:has(.rated-current-word) .catalog-table th,#configurations:has(.rated-current-word) .catalog-table td{padding-left:20px;padding-right:20px}
}

/* SmartApp: goal-led product storytelling. */
.smart-experience{--smart-surface:#fff;--smart-tint:var(--soft)}
.smart-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:60px 5% 48px;align-items:center}
.smart-hero-copy{max-width:640px;min-width:0}
.smart-hero h1{font-size:clamp(3rem,5vw,5.5rem);line-height:1.06;margin-bottom:24px}
.smart-hero-lead{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.45;color:var(--ink)!important}
.smart-hero-copy>p:not(.eyebrow){color:var(--muted);max-width:560px}
.smart-platform{font-size:12px;margin-top:24px}
.smart-exhibitions{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;display:flex;flex-wrap:wrap;gap:10px 20px}
.smart-exhibitions>span{color:var(--action);font-size:11px;letter-spacing:.08em;font-weight:700}
.smart-exhibitions>p{flex-basis:100%;font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.smart-hero-demo{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:28px;align-items:center;padding:30px;border-radius:28px;background:var(--smart-tint);min-width:0}
.smart-hero-phone{margin:0;min-width:0}
.smart-hero-phone img{width:100%;display:block;border-radius:16px;box-shadow:0 18px 38px #073e4a22}
.smart-hero-phone figcaption{font-size:11px;text-align:center;color:var(--muted);margin-top:12px}
.smart-hero-points>div{padding:20px 0;border-bottom:1px solid #8ab3be66}
.smart-hero-points>div:last-child{border:0}
.smart-hero-points span{font-size:11px;font-weight:700;color:var(--action);letter-spacing:.08em}
.smart-hero-points h3{font-size:23px;margin:10px 0}
.smart-hero-points p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}
.smart-goals{padding-top:48px;padding-bottom:48px}
.smart-goal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--card-gap)}
.smart-goal-card{position:relative;padding:26px 22px;background:var(--smart-surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--card-shadow);min-width:0;transition:transform .18s,border-color .18s}
.smart-goal-card:hover{border-color:var(--brand);transform:translateY(-3px)}
.smart-goal-card>span{display:block;font-size:11px;color:var(--action);font-weight:650;padding-right:8px;min-height:35px}
.smart-goal-card h3{font-size:23px;line-height:1.25;margin:18px 0 14px;font-weight:650}
.smart-goal-card p{font-size:14px;line-height:1.65;color:var(--muted);margin-bottom:25px}
.smart-goal-card>b{position:absolute;bottom:20px;right:22px;color:var(--action);font-weight:500;font-size:23px}
.smart-availability{font-size:12px;line-height:1.7;color:var(--muted);margin:20px 0 0}
.smart-principle{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:var(--smart-tint);padding-top:54px;padding-bottom:54px}
.smart-principle h2{font-size:clamp(2rem,3vw,3rem)}
.smart-principle>div>p:not(.eyebrow){color:var(--muted);max-width:560px}
.smart-layer-demo{border:1px solid var(--line);border-radius:22px;background:var(--smart-surface);padding:32px;min-width:0}
.smart-layer-label{font-size:11px;letter-spacing:.08em;font-weight:650;color:var(--action);display:block}
.smart-layer-demo>p{font-size:12px;line-height:1.6;margin:22px 0 0;color:var(--muted)}
.smart-timeline{position:relative;padding-top:24px;margin:18px 0}
.smart-bars{display:flex;height:100px;gap:3px;align-items:flex-end;background:repeating-linear-gradient(to bottom,transparent 0 24px,var(--line) 24px 25px);border-bottom:1px solid var(--line)}
.smart-bars>span{flex:1;height:var(--bar);background:var(--tone);opacity:.55;border-radius:4px 4px 0 0}
.smart-charge-window{position:absolute;left:0;bottom:24px;width:25%;height:48px;background:#23784b;color:white;border-radius:5px;font-size:11px;line-height:1.4;display:grid;place-items:center;text-align:center;padding:5px}
.smart-time-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding-top:8px}
.smart-price-line{position:absolute;top:65px;left:0;width:100%;border-top:2px dashed #ba595d}
.smart-price-line>span{position:absolute;right:0;bottom:4px;color:#a54246;font-size:10px;background:var(--smart-surface);padding:2px 5px}
.smart-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding:64px 5%;border-bottom:1px solid var(--line);scroll-margin-top:25px}
.smart-story-copy{max-width:630px;min-width:0}
.smart-story h2{font-size:clamp(2.2rem,3.5vw,3.6rem);line-height:1.12;max-width:610px}
.smart-situation{font-size:19px;line-height:1.6;color:var(--ink);margin-top:24px}
.smart-answer{font-size:17px;line-height:1.8;color:var(--muted)}
.smart-difference{border-left:3px solid var(--action);padding:8px 0 8px 20px;margin:26px 0}
.smart-difference>span{font-size:11px;letter-spacing:.07em;font-weight:700;color:var(--action)}
.smart-difference p{font-size:18px;line-height:1.65;margin:10px 0 0;color:var(--ink);font-weight:550}
.smart-three-steps{padding:0;margin:30px 0;list-style:none;display:grid;gap:12px}
.smart-three-steps li{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--muted)}
.smart-three-steps li>span{border:1px solid var(--line);border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex:none;font-size:12px;color:var(--action);background:var(--smart-surface)}
.smart-story .mini-instructions{background:var(--smart-tint);border-radius:12px;margin-top:20px}
.smart-requirements{background:transparent;border:0;border-radius:0;padding:0;margin-top:12px}
.smart-requirements summary{font-size:12px;color:var(--muted);padding:10px 0}
.smart-requirements p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 16px}
.smart-story-media{display:grid;grid-template-columns:minmax(170px,270px) minmax(0,1fr);gap:25px;align-items:center;background:var(--smart-tint);border-radius:24px;padding:30px;min-width:0}
.smart-phone{margin:0;min-width:0}
.smart-phone img{display:block;width:100%;border-radius:13px;box-shadow:0 12px 24px #073e4a18}
.smart-phone figcaption{font-size:11px;line-height:1.5;text-align:center;margin-top:13px;color:var(--muted)}
.smart-visual-note{min-width:0}
.smart-visual-note .eyebrow{font-size:10px;line-height:1.8;letter-spacing:.05em;color:var(--action)}
.smart-visual-caption{font-size:12px;line-height:1.6;color:var(--muted)}
.smart-flow{display:flex;flex-direction:column;gap:12px;text-align:center}
.smart-flow>span{padding:14px 10px;background:var(--smart-surface);border:1px solid var(--line);border-radius:10px;font-size:13px}
.smart-flow>b{color:var(--action);transform:rotate(90deg)}
.smart-flow .smart-flow-ev{background:#287b58;color:white;border-color:#287b58}
.smart-story-media .mini-video{grid-column:1/-1;max-width:270px;justify-self:center;width:100%}
.smart-records{padding-top:64px;padding-bottom:64px}
.smart-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--card-gap)}
.smart-record-grid>article{background:var(--smart-surface);border:1px solid var(--line);border-radius:22px;padding:32px;display:grid;gap:28px;align-items:center;min-width:0}
.smart-record-grid>article:first-child{grid-template-columns:170px 1fr}
.smart-record-grid img{display:block;width:100%;border-radius:10px}
.smart-record-grid h3{font-size:26px;line-height:1.2}
.smart-record-grid p{color:var(--muted);line-height:1.75;font-size:15px}
.smart-record-grid details{padding:0;border:0;background:transparent;font-size:13px}
.smart-record-grid details summary{color:var(--action)}
.smart-start{display:grid;grid-template-columns:1.15fr 1fr;gap:40px 65px;padding-top:60px;padding-bottom:60px}
.smart-start>div>p:not(.eyebrow){color:var(--muted);max-width:600px}
.smart-start-links{display:flex;flex-direction:column;justify-content:center;gap:var(--card-gap)}
.smart-start-links>a{display:block;background:var(--smart-surface);border:1px solid var(--line);padding:24px;border-radius:16px}
.smart-start-links b{display:block;font-size:18px;margin-bottom:10px}
.smart-start-links span{font-size:14px;color:var(--muted);line-height:1.7}
.smart-source{grid-column:1/-1;font-size:12px;color:var(--muted);line-height:1.8;margin:0}
html[data-theme=dark] .smart-experience{--smart-surface:#1e1e1e;--smart-tint:#16292f}
@media(max-width:1100px){
.smart-hero{gap:28px}.smart-hero-demo{padding:20px;gap:18px;grid-template-columns:minmax(150px,230px) 1fr}.smart-hero-points h3{font-size:20px}.smart-goal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.smart-story{gap:35px}.smart-story-media{grid-template-columns:minmax(150px,230px) 1fr;padding:20px;gap:18px}.smart-record-grid>article:first-child{grid-template-columns:130px 1fr}
}
@media(max-width:800px){
.smart-hero{grid-template-columns:1fr;gap:32px;padding-top:40px}.smart-hero-copy{max-width:100%}.smart-hero-demo{max-width:650px;width:100%;justify-self:center;grid-template-columns:minmax(150px,240px) 1fr;padding:25px}.smart-principle{gap:30px;grid-template-columns:1fr}.smart-story{grid-template-columns:1fr;gap:30px}.smart-story-copy{max-width:100%}.smart-story-media{max-width:650px;width:100%;justify-self:center;grid-template-columns:minmax(160px,260px) 1fr}.smart-record-grid{grid-template-columns:1fr}.smart-start{grid-template-columns:1fr;gap:28px}
}
@media(max-width:700px){
.smart-hero{padding:32px 5%}.smart-hero h1{font-size:clamp(2.6rem,10vw,4rem)}.smart-hero-lead{font-size:21px}.smart-hero-copy .actions{align-items:flex-start;gap:16px}.smart-hero-copy .button{font-size:13px}.smart-hero-copy .text-link{font-size:13px}.smart-hero-demo{padding:18px;gap:18px;grid-template-columns:46% 1fr;border-radius:20px}.smart-hero-points>div{padding:13px 0}.smart-hero-points span{font-size:10px}.smart-hero-points h3{font-size:19px;line-height:1.2;margin:7px 0}.smart-hero-points p{font-size:12px}.smart-goals{padding-top:32px;padding-bottom:32px}.smart-goal-grid{grid-template-columns:1fr;gap:9px}.smart-goal-card{padding:22px 24px}.smart-goal-card>span{min-height:0;padding-right:30px}.smart-goal-card h3{font-size:24px;margin:10px 0}.smart-goal-card p{margin:0;padding-right:25px}.smart-goal-card>b{bottom:22px}.smart-principle{padding-top:36px;padding-bottom:36px}.smart-layer-demo{padding:24px 20px}.smart-principle h2{font-size:30px}.smart-story{padding:40px 5%}.smart-story h2{font-size:34px}.smart-situation{font-size:17px}.smart-answer{font-size:16px}.smart-difference p{font-size:17px}.smart-story-media{padding:20px;gap:16px;grid-template-columns:54% 1fr;border-radius:20px}.smart-visual-note .eyebrow{font-size:9px}.smart-bars{height:75px}.smart-time-labels{font-size:9px}.smart-charge-window{font-size:9px;padding:3px;height:36px;width:35%}.smart-visual-caption{font-size:11px}.smart-flow>span{font-size:12px;padding:12px 8px}.smart-records{padding-top:40px;padding-bottom:40px}.smart-record-grid>article{padding:24px}.smart-record-grid>article:first-child{grid-template-columns:110px 1fr;gap:20px}.smart-record-grid h3{font-size:23px}.smart-record-grid p{font-size:14px}.smart-start{padding-top:40px;padding-bottom:40px}
}
@media(prefers-reduced-motion:reduce){.smart-goal-card{transition:none}.smart-goal-card:hover{transform:none}}
/* Isolate the task steps from the older SmartApp list styling. */
.smart-experience .smart-three-steps li{padding:12px 0;border-top:1px solid var(--line);counter-increment:none}
.smart-experience .smart-three-steps li:before,.smart-experience .mini-instructions li:before{content:none}
.smart-experience .smart-three-steps li>span{margin-top:0;display:grid;color:var(--action)}
.smart-experience .mini-instructions ol{list-style:decimal;padding-left:24px}
.smart-experience .mini-instructions li{list-style:decimal;padding:8px 0;border:0;counter-increment:none}
@media(max-width:700px){
.smart-story-media{grid-template-columns:1fr}
.smart-story-media .smart-phone{width:min(100%,260px);justify-self:center}
.smart-story-media .smart-visual-note{width:100%}
.smart-story-media .smart-bars{height:105px}
.smart-story-media .smart-flow{display:flex;flex-direction:row;gap:6px;align-items:center}
.smart-story-media .smart-flow>span{flex:1;font-size:11px;padding:12px 6px}
.smart-story-media .smart-flow>b{font-size:16px}
}
/* Page 4 of the manual: map each Home question to its screen region. */
.smart-hero{grid-template-columns:minmax(0,1fr) auto;gap:32px}
.smart-home-map{margin:0;width:max-content;max-width:100%;grid-template-columns:clamp(210px,22vw,280px) 122px;gap:10px 14px;padding:24px;align-items:stretch;justify-self:end}
.smart-home-screen{min-width:0}
.smart-home-screen img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 18px 38px #073e4a22}
.smart-home-questions{position:relative;min-width:0}
.smart-home-questions>.smart-home-callout{position:absolute;top:var(--callout-top);height:var(--callout-height);left:0;right:0;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:0;border:0}
.smart-home-brace{display:block;width:18px;height:100%;fill:none;stroke:var(--action);stroke-width:.5;stroke-linecap:round;stroke-linejoin:round}
.smart-home-callout p{font-size:13px;font-weight:400;color:var(--ink);line-height:1.45;margin:0;max-width:94px}
.smart-home-callout b{color:var(--action);font-weight:400}
.smart-home-map>figcaption{grid-column:1/-1;color:var(--muted);font-size:11px;text-align:center;line-height:1.5;margin-top:3px}
@media(max-width:1000px){.smart-hero{grid-template-columns:1fr}.smart-home-map{width:max-content;max-width:100%;justify-self:center;grid-template-columns:min(42vw,280px) 122px}.smart-home-callout p{font-size:14px}}
@media(max-width:700px){.smart-home-map{grid-template-columns:min(48vw,210px) 93px;padding:14px;gap:10px}.smart-home-questions>.smart-home-callout{grid-template-columns:12px minmax(0,1fr);gap:6px}.smart-home-brace{width:12px}.smart-home-callout p{font-size:11px;line-height:1.3;max-width:75px}.smart-home-screen img{border-radius:12px}.smart-home-map>figcaption{font-size:10px}}

/* Click to inspect the Home screen without leaving the page. */
.smart-image-zoom{display:block;width:100%;padding:0;border:0;background:transparent;border-radius:16px;cursor:zoom-in}
.smart-image-zoom:focus-visible{outline:2px solid var(--action);outline-offset:5px}
.smart-image-viewer[open]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#071014f5;cursor:zoom-out;overflow:hidden}
.smart-image-viewer::backdrop{background:#071014}
.smart-image-viewer img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}

.smart-image-viewer:focus{outline:none}

/* Stack the real tariff screen above its recorded walkthrough. */
.smart-story-media.has-video{grid-template-columns:1fr;gap:32px;align-items:start}
.smart-story-media.has-video :is(.smart-phone,.mini-video){width:min(80%,256px);max-width:256px;justify-self:center;margin:0}
.smart-story-media.has-video .mini-video{grid-column:auto}
.smart-story-media.has-video .mini-video video{aspect-ratio:1320/2868;object-fit:contain}
.smart-story-media.has-video .mini-video figcaption{font-size:11px;line-height:1.5;text-align:center;margin-top:13px;color:var(--muted)}
@media(max-width:700px){
.smart-story-media.has-video{grid-template-columns:1fr;gap:28px}
.smart-story-media.has-video :is(.smart-phone,.mini-video){width:min(80%,240px)}
}

/* Show the four ToU price tiers as a simple bullet list. */
.smart-experience .smart-tariff-tiers{list-style:disc;margin:10px 0 14px;padding-left:22px;font-size:15px;line-height:1.6;color:var(--muted)}
.smart-experience .smart-tariff-tiers li{list-style:disc;padding:0;border:0;counter-increment:none;margin:4px 0}
.smart-experience .smart-tariff-tiers li:before{content:none}

/* Match each ToU bullet to its tariff chart color. */
.smart-experience .smart-tariff-tiers li:nth-child(1)::marker{color:#eb001b}
.smart-experience .smart-tariff-tiers li:nth-child(2)::marker{color:#ffb600}
.smart-experience .smart-tariff-tiers li:nth-child(3)::marker{color:#0098b7}
.smart-experience .smart-tariff-tiers li:nth-child(4)::marker{color:#1b7a4a}

/* Make the five feature labels easier to read. */
.smart-story-card > .eyebrow{font-size:15px;line-height:1.6;letter-spacing:.1em}

/* Give each feature introduction a clear, comfortable reading surface. */
.smart-story-card{background:var(--smart-surface,#fff);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 8px 24px #163b4510}
.smart-story-card > .eyebrow{margin-top:0}
.smart-story-card > .smart-answer{margin-bottom:0}
@media(max-width:700px){.smart-story-copy{padding:0}.smart-story-card{padding:24px 20px;border-radius:20px}.smart-story-card h2{font-size:clamp(28px,7.5vw,34px)}}

/* Six feature entrances: three per row on desktop, two on phones. */
.smart-goal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.smart-records{scroll-margin-top:25px}
@media(max-width:700px){.smart-goal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smart-goal-card{padding:20px 16px 44px}.smart-goal-card>span{font-size:12px;padding-right:0;line-height:1.5}.smart-goal-card h3{font-size:22px;line-height:1.2}.smart-goal-card p{font-size:13px;line-height:1.6;padding-right:0}.smart-goal-card>b{bottom:12px;right:16px}}

/* Align feature introduction cards with the top of their screenshots. */
.smart-story-copy{padding-top:0}
.smart-story-media{padding-top:0}

/* Alternate the six SmartApp chapters for a clear reading rhythm. */
.smart-experience :is(#tou,#dynamic,#dlb){background:#e1f0f4}
.smart-experience :is(#schedule,#solar,#statistics){background:var(--paper)}
.smart-experience :is(#tou,#schedule,#dynamic,#solar,#dlb,#statistics){border-bottom:1px solid var(--line)}

/* Let the schedule media sit directly on its chapter background. */
#schedule .smart-story-media{background:transparent}

/* Match all feature chapters to the Statistics heading and two-card layout. */
.smart-story{gap:32px var(--card-gap)}
.smart-story-heading{grid-column:1/-1;margin-bottom:0}
.smart-story-heading .eyebrow,#statistics .section-heading .eyebrow{font-size:15px;line-height:1.6;letter-spacing:.1em}
.smart-story-copy.smart-story-card{max-width:none;padding:32px;background:var(--smart-surface,#fff)}
.smart-story-card>.smart-situation{margin-top:0}
.smart-story .smart-story-media,#schedule .smart-story-media{background:var(--smart-surface,#fff);border:1px solid var(--line);padding:32px;border-radius:24px;align-self:stretch;align-content:start}
.smart-story-heading h2{margin-bottom:0}
@media(max-width:700px){
.smart-story{gap:24px}
.smart-story-copy.smart-story-card,.smart-story .smart-story-media{padding:24px 20px;border-radius:20px}
.smart-story-heading .section-description{font-size:15px}
}

/* ToU screenshot and recording share one row inside the media card. */
#tou .smart-story-media.has-video{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#tou .smart-story-media.has-video :is(.smart-phone,.mini-video){width:100%;max-width:none;margin:0;grid-column:auto}
@media(max-width:700px){#tou .smart-story-media.has-video{gap:12px;padding:20px 16px}}

/* Consistent outer margins for the six feature chapters. */
.smart-experience :is(#tou,#schedule,#dynamic,#solar,#dlb,#statistics){padding-left:3%;padding-right:3%}

.smart-story-heading .smart-heading-difference{max-width:460px;margin:0;justify-self:end}
@media(max-width:700px){.smart-story-heading .smart-heading-difference{justify-self:start;max-width:none}}

#tou .smart-story-heading .eyebrow{color:var(--action)}

.smart-story-heading .eyebrow,#statistics .section-heading .eyebrow{color:var(--action)}

#statistics .section-heading .smart-heading-difference{max-width:460px;margin:0;justify-self:end}
@media(max-width:700px){#statistics .section-heading .smart-heading-difference{justify-self:start;max-width:none}}

#schedule .smart-story-heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap)}
#schedule .smart-story-heading .smart-heading-difference{justify-self:start;max-width:none;width:100%}
@media(max-width:700px){#schedule .smart-story-heading{grid-template-columns:1fr;gap:24px}}

.smart-story .smart-story-heading,#statistics .section-heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--card-gap)}
.smart-story .smart-story-heading .smart-heading-difference,#statistics .section-heading .smart-heading-difference{justify-self:start;max-width:none;width:100%}
@media(max-width:700px){.smart-story .smart-story-heading,#statistics .section-heading{grid-template-columns:1fr;gap:24px}}

.smart-story-heading > div > .eyebrow,#statistics .section-heading > div > .eyebrow{letter-spacing:normal}

#schedule .smart-story-media.has-video{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#schedule .smart-story-media.has-video :is(.smart-phone,.mini-video){width:100%;max-width:none;margin:0;grid-column:auto}
@media(max-width:700px){#schedule .smart-story-media.has-video{gap:12px;padding:20px 16px}}

/* Keep paired desktop feature cards equal to the taller content. */
@media(min-width:901px){
.smart-story>.smart-story-card,.smart-story>.smart-story-media{align-self:stretch}
#statistics .smart-record-grid{align-items:stretch}
#statistics .smart-record-grid>article{align-self:stretch}
}

/* Match spotlight cards to the SmartApp goal-card hover. */
.mini-feature-links>a{transition:border-color .2s ease,transform .2s ease}
@media(hover:hover) and (pointer:fine){.mini-feature-links>a:hover{border-color:var(--brand);transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.mini-feature-links>a{transition:none}.mini-feature-links>a:hover{transform:none}}

/* Allow raised spotlight cards and their borders to remain visible. */
.mini-feature-links{overflow:visible}

.mini-feature-links{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:700px){.mini-feature-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

#dynamic .smart-story-media.has-video{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#dynamic .smart-story-media.has-video :is(.smart-phone,.mini-video){width:100%;max-width:none;margin:0;grid-column:auto}
@media(max-width:700px){#dynamic .smart-story-media.has-video{gap:12px;padding:20px 16px}}

/* Soft edge definition for SmartApp screenshots. */
.smart-experience :is(.smart-home-screen img,.smart-phone img,.smart-record-grid img){box-shadow:0 3px 10px #073e4a20,0 12px 28px #073e4a26}

/* Small expand/collapse cue for each feature requirement. */
.smart-requirements>summary{display:flex;align-items:center;justify-content:flex-start;gap:8px}
.smart-requirements>summary::after{content:"+";font-size:17px;font-weight:400;line-height:1;flex-shrink:0}
.smart-requirements[open]>summary::after{content:"×"}

/* Solar Only screenshot and walkthrough share the same side-by-side layout. */
#solar .smart-story-media.has-video{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#solar .smart-story-media.has-video :is(.smart-phone,.mini-video){width:100%;max-width:none;margin:0;grid-column:auto}
@media(max-width:700px){#solar .smart-story-media.has-video{gap:12px;padding:20px 16px}}

/* Align the merged About introduction to the logo section gutters. */
#main .about-body,#main #our-logo,#main .logo-details{box-sizing:border-box;width:min(100%,1320px);max-width:1320px;margin-inline:auto;padding-inline:5vw}
@media(max-width:760px){#main .about-body,#main #our-logo,#main .logo-details{padding-inline:6vw}}

/* About section labels */
#main .about-body .eyebrow,#main #our-logo .eyebrow,#main .logo-details .meaning-copy .eyebrow{font-size:15px;color:#00849b;font-weight:650;letter-spacing:.10em;line-height:1.5}

/* Seat catalog product artwork on the bottom of its background. */
.catalog-card .product-image{align-items:flex-end}
.catalog-card .product-image img{object-position:center bottom;margin-bottom:0;align-self:flex-end}

.catalog-card .product-image img{transform:scale(1.2);transform-origin:center bottom}
.catalog-card:hover .product-image img{transform:scale(1.2)}

.catalog-card[data-product="wallbox-tethered"] .product-image{justify-content:center}
.catalog-card[data-product="wallbox-tethered"] .product-image img{object-position:center bottom}

.catalog-card[data-product="flex-eu"] .product-image img{height:76%;}

.catalog-card[data-product="omni"] .product-image img,.catalog-card[data-product="omni"]:hover .product-image img{height:84%;max-width:92%;transform:none;object-position:center bottom}

.catalog-card[data-product="omni"] .product-image img,.catalog-card[data-product="omni"]:hover .product-image img{height:92%;}

.rich-product .go-detail-image{padding-bottom:0;overflow:hidden;justify-content:flex-start}
.rich-product .go-detail-image>img{margin:auto 0 0;object-position:center bottom;flex-shrink:0}

.rich-product .go-detail-image{min-height:461px}
@media(max-width:700px){.rich-product .go-detail-image{min-height:381px}}

.rich-product .go-detail-image>img{position:absolute;left:5%;bottom:0;width:90%;max-width:90%;height:calc(100% - 40px);margin:0;object-fit:contain;object-position:center bottom}

.catalog-card[data-product="type2-cable"] .product-image img,.catalog-card[data-product="type2-cable"]:hover .product-image img{transform:scale(1.08);transform-origin:center bottom;object-position:center bottom}

.catalog-card[data-product="type2-cable"] .product-image img,.catalog-card[data-product="type2-cable"]:hover .product-image img{height:92%;max-width:90%;transform:scale(1.08);transform-origin:center bottom;object-position:center bottom}

.catalog-card[data-product="type2-cable"] .product-image img,.catalog-card[data-product="type2-cable"]:hover .product-image img{transform:translateX(-14%) scale(1.08)}

.catalog-card .product-image img.catalog-tuv,.catalog-card:hover .product-image img.catalog-tuv{position:absolute;top:8%;right:20%;width:11%;height:auto;max-width:48px;margin:0;transform:none;object-fit:contain;z-index:2}
.catalog-card[data-product="wallbox-tethered"] .product-image img.catalog-tuv{right:4%;top:11%}

.catalog-card .product-image img.catalog-tuv,.catalog-card:hover .product-image img.catalog-tuv,.catalog-card[data-product="wallbox-tethered"] .product-image img.catalog-tuv{top:7%;right:5%;width:11%;height:auto;max-width:48px;transform:none;margin:0}

.catalog-card[data-product="wallbox-tethered"] .product-image img.catalog-tuv,.catalog-card[data-product="wallbox-tethered"]:hover .product-image img.catalog-tuv{top:2%;right:2%;width:10%;max-width:44px;transform:none}

.catalog-card[data-product="wallbox-socket"] .product-image img.catalog-tuv,.catalog-card[data-product="wallbox-socket"]:hover .product-image img.catalog-tuv{top:auto;right:auto;left:5%;bottom:5%;width:11%;height:auto;max-width:48px;transform:none;margin:0}

.catalog-card[data-product="wallbox-socket"] .product-image img:not(.catalog-tuv),.catalog-card[data-product="wallbox-socket"]:hover .product-image img:not(.catalog-tuv){transform:scale(1.152);transform-origin:center center}
.catalog-card[data-product="wallbox-socket"] .product-image img.catalog-tuv,.catalog-card[data-product="wallbox-socket"]:hover .product-image img.catalog-tuv{left:2.5%;bottom:3%;width:10%;max-width:44px;top:auto;right:auto;transform:none}

.catalog-card[data-product="wallbox-socket"] .product-image{align-items:center;justify-content:center}
.catalog-card[data-product="wallbox-socket"] .product-image img:not(.catalog-tuv){align-self:center;object-position:center center;transform-origin:center center;margin:0}

.catalog-card:not([data-product="wallbox-socket"]) .product-image img.catalog-tuv,.catalog-card:not([data-product="wallbox-socket"]):hover .product-image img.catalog-tuv{width:13.2%;max-width:57.6px;transform:none}
.catalog-card[data-product="wallbox-tethered"] .product-image img.catalog-tuv,.catalog-card[data-product="wallbox-tethered"]:hover .product-image img.catalog-tuv{width:12%;max-width:52.8px}

.catalog-card:not([data-product="wallbox-socket"]) .product-image img.catalog-tuv,.catalog-card:not([data-product="wallbox-socket"]):hover .product-image img.catalog-tuv{top:4px;right:4px}

.catalog-card[data-product="flex-eu"] .product-image img.catalog-ce,.catalog-card[data-product="flex-eu"]:hover .product-image img.catalog-ce{position:absolute;top:4px;right:4px;width:13.2%;max-width:57.6px;height:auto;margin:0;transform:none;object-fit:contain;z-index:2}

.catalog-card[data-product="flex-eu"] .product-image img.catalog-ce,.catalog-card[data-product="flex-eu"]:hover .product-image img.catalog-ce{width:7.92%;max-width:34.56px;top:4px;right:4px}

.catalog-card[data-product="smart-meter"] .product-image img.catalog-ce,.catalog-card[data-product="smart-meter"]:hover .product-image img.catalog-ce{position:absolute;top:4px;right:4px;width:7.92%;max-width:34.56px;height:auto;margin:0;transform:none;object-fit:contain;z-index:2}

.catalog-card[data-product="wallbox-tethered"] .product-image img:not(.catalog-tuv),.catalog-card[data-product="wallbox-tethered"]:hover .product-image img:not(.catalog-tuv){transform:translateY(8%) scale(1.2);transform-origin:center bottom}

.detail-catalog-preview{padding:0!important;border:0!important;box-shadow:none!important;overflow:hidden}
.detail-catalog-preview .product-image{height:auto!important;aspect-ratio:1.2;margin:0!important;cursor:default}

/* ETL marks on US charger previews. */
.catalog-card .product-image img.catalog-etl,.catalog-card:hover .product-image img.catalog-etl{position:absolute;top:4px;right:4px;left:auto;bottom:auto;width:13.2%;height:auto;max-width:57.6px;max-height:none;margin:0;transform:none;object-fit:contain;z-index:2}

/* Reduce Omni artwork five percent, keeping the cable ends at the lower edge. */
.catalog-card[data-product="omni"] .product-image img:not(.catalog-etl),.catalog-card[data-product="omni"]:hover .product-image img:not(.catalog-etl){height:92.44%;max-width:87.4%;transform:translateX(-4%);align-self:flex-end;object-position:center bottom;margin-bottom:0}

/* DLB preview: halve the upper gap and retain bottom alignment. */
.catalog-card[data-product="dlb-monitor"] .product-image img:not(.catalog-ce),.catalog-card[data-product="dlb-monitor"]:hover .product-image img:not(.catalog-ce){height:88.4%;max-height:none;width:auto;max-width:90%;margin:0;align-self:flex-end;object-fit:contain;object-position:center bottom;transform:none}
.catalog-card[data-product="dlb-monitor"] .product-image img.catalog-ce,.catalog-card[data-product="dlb-monitor"]:hover .product-image img.catalog-ce{position:absolute;top:4px;right:4px;width:7.92%;max-width:34.56px;height:auto;max-height:none;margin:0;transform:none;object-fit:contain;z-index:2}

/* Collection hero combines a use scenario with the range introduction. */
.shop-collection-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center;padding:46px 3% 56px;max-width:1600px;margin:auto}
.shop-collection-hero .page-intro{padding:0;margin:0;max-width:none}
.shop-collection-hero .page-intro h1{font-size:clamp(32px,3.3vw,58px);line-height:1.12}
.shop-collection-hero .page-intro>p:last-child{font-size:17px;max-width:540px}
.shop-collection-scene{margin:0;overflow:hidden;border-radius:24px;aspect-ratio:1.65}
.shop-collection-scene img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:760px){.shop-collection-hero{grid-template-columns:1fr;padding:30px 5% 36px;gap:24px}.shop-collection-scene{aspect-ratio:1.8}.shop-collection-hero .page-intro h1{font-size:36px}}

/* Full-width collection scene with readable copy over the image. */
.shop-collection-hero{position:relative;display:flex;align-items:center;min-height:520px;max-width:none;width:100%;margin:0;padding:70px 5%;isolation:isolate;overflow:hidden;background:#173b3d}
.shop-collection-scene{position:absolute;inset:0;z-index:-2;border-radius:0;aspect-ratio:auto;margin:0}
.shop-collection-scene img{width:100%;height:100%;object-fit:cover;object-position:center}
.shop-collection-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,30,32,.78) 0%,rgba(9,30,32,.57) 34%,rgba(9,30,32,.12) 68%,transparent 100%)}
.shop-collection-hero .page-intro{position:relative;max-width:650px;color:#fff}
.shop-collection-hero .page-intro .eyebrow{color:#e4f2f1}
.shop-collection-hero .page-intro h1{font-size:clamp(38px,4.1vw,68px);color:#fff;line-height:1.1;text-wrap:balance}
.shop-collection-hero .page-intro>p:last-child{color:#e3eeed;font-size:18px;max-width:530px}
@media(max-width:760px){.shop-collection-hero{min-height:500px;padding:42px 6%;align-items:flex-start}.shop-collection-scene{aspect-ratio:auto}.shop-collection-scene img{object-position:65% center}.shop-collection-hero:after{background:linear-gradient(180deg,rgba(9,30,32,.82),rgba(9,30,32,.55) 50%,rgba(9,30,32,.15))}.shop-collection-hero .page-intro h1{font-size:38px}.shop-collection-hero .page-intro>p:last-child{font-size:16px}}

/* Keep overlay copy transparent in both themes. */
.shop-collection-hero .page-intro{background:transparent!important;background-image:none!important;box-shadow:none;border:0}

/* Equal-sized DLB screenshots, aligned at both edges. */
#dlb .smart-story-media{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px}
#dlb .smart-story-media .smart-phone{width:100%;max-width:none;margin:0;justify-self:stretch}
#dlb .smart-phone>a{display:block;aspect-ratio:1320/2868}
#dlb .smart-phone img{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){#dlb .smart-story-media{gap:12px;padding:20px 16px}}

/* Statistics screenshots share the same card layout. */
.smart-record-grid .smart-statistics-chart-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:28px}
.smart-statistics-chart-copy{min-width:0}
.smart-statistics-chart-copy>div+div{margin-top:28px}
@media(max-width:600px){.smart-record-grid .smart-statistics-chart-card{grid-template-columns:1fr}.smart-record-grid .smart-statistics-chart-card>img{max-width:240px;justify-self:center}}

.smart-record-grid .smart-statistics-chart-card{grid-template-columns:170px 1fr}
@media(max-width:1100px){.smart-record-grid .smart-statistics-chart-card{grid-template-columns:130px 1fr}}
@media(max-width:600px){.smart-record-grid .smart-statistics-chart-card{grid-template-columns:110px 1fr;gap:20px}.smart-record-grid .smart-statistics-chart-card>img{max-width:none}}

.smart-report-card{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:48px;align-items:center;background:var(--smart-surface,#fff);border:1px solid var(--line);border-radius:24px;padding:36px;margin-top:28px}
.smart-report-preview{display:block;max-width:340px;justify-self:center;color:var(--action);text-align:center;font-size:12px;text-decoration:none}
.smart-report-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 10px 28px #073e4a1a;border-radius:5px;margin-bottom:16px}
.smart-report-copy h3{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:12px 0 20px}
.smart-report-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7}
.smart-report-copy .actions{flex-wrap:wrap;gap:12px;margin:24px 0 16px}
.smart-report-copy .quiet{font-size:12px}
.smart-report-path{padding:14px 18px;background:var(--smart-tint);border-radius:12px}
@media(max-width:700px){.smart-report-card{grid-template-columns:1fr;padding:24px;gap:28px}.smart-report-preview{max-width:260px}}

/* Match screenshot and video edges to the PDF report preview. */
.smart-experience :is(.smart-home-screen img,.smart-phone img,.smart-record-grid img,.mini-video video){border:1px solid var(--line);box-sizing:border-box}

.calc-guide{list-style:none;padding:0;counter-reset:calc-step;margin:26px 0}.calc-guide li{counter-increment:calc-step;position:relative;padding:0 0 22px 44px}.calc-guide li:before{content:counter(calc-step);position:absolute;left:0;top:0;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--action);background:var(--smart-surface)}.calc-guide b,.calc-guide span{display:block}.calc-guide b{font-size:16px}.calc-guide span{font-size:14px;line-height:1.6;color:var(--muted);margin-top:4px}.calc-intro{font-size:14px;font-weight:600;color:var(--action);margin:0 0 22px}.calc-range-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);font-weight:400}.range-label small{display:block;font-size:12px;font-weight:400;line-height:1.6;color:var(--muted);margin-top:8px}

/* Cost comparison: original cost, adjusted cost, and savings. */
.calculator .cost-bars>div:first-child i{background:#000000}
.calculator .cost-bars>div:nth-child(2)>div{background:var(--brand)}
.calculator .cost-bars>div:nth-child(2) i{background:#9e9e9e}

.calculator .calc-result #savings{color:var(--brand)}

/* Branded, draggable charging-percentage pointer. */
.calculator #share{appearance:none;-webkit-appearance:none;width:100%;height:64px;min-height:64px;cursor:pointer;--share-progress:calc(80% - 12px)}
.calculator #share::-webkit-slider-runnable-track{height:8px;border-radius:5px;background:linear-gradient(to right,var(--brand) 0 var(--share-progress),#e5e8ea var(--share-progress) 100%)}
.calculator #share::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:40px;height:45px;border:0;border-radius:0;background:url('/assets/C_Slider.svg') center/contain no-repeat;margin-top:8px;cursor:grab}
.calculator #share::-moz-range-track{height:8px;border-radius:5px;background:#e5e8ea}
.calculator #share::-moz-range-progress{height:8px;border-radius:5px;background:var(--brand)}
.calculator #share::-moz-range-thumb{width:40px;height:45px;border:0;border-radius:0;background:url('/assets/C_Slider.svg') center/contain no-repeat;transform:translateY(26.5px);cursor:grab}
.calculator #share:active::-webkit-slider-thumb{cursor:grabbing}
.calculator #share:active::-moz-range-thumb{cursor:grabbing}
.calculator #share:focus-visible{outline:2px solid var(--brand);outline-offset:5px;border-radius:6px}

/* Let the pointer centre reach both visible endpoints. */
.calculator #share{width:calc(100% + 40px);margin-left:-20px;margin-right:-20px}
.calculator #share::-webkit-slider-runnable-track{background:linear-gradient(to right,transparent 0 20px,var(--brand) 20px var(--share-progress),#e5e8ea var(--share-progress) calc(100% - 20px),transparent calc(100% - 20px) 100%)}
.calculator #share::-moz-range-track{background:linear-gradient(to right,transparent 0 20px,var(--brand) 20px var(--share-progress),#e5e8ea var(--share-progress) calc(100% - 20px),transparent calc(100% - 20px) 100%)}
.calculator #share::-moz-range-progress{background:transparent}

/* Keep endpoint captions below the full pointer silhouette. */
.calculator #share{margin-bottom:26px}
.calculator .calc-range-ends{line-height:1.5}

/* Override the shared form width cap and padding for the full-width slider. */
.calculator #share{max-width:none;padding:0;width:calc(100% + 40px)}

/* Ten-percent marks follow the same endpoints as the draggable pointer. */
.calculator .range-label{isolation:isolate}
.calculator .calc-range-ticks{position:relative;display:block;height:22px;font-size:11px;color:var(--muted);margin-bottom:12px}
.calculator .calc-range-ticks>span{position:absolute;left:var(--tick);top:0;transform:translateX(-50%);text-align:center}
.calculator .calc-range-ticks i{position:absolute;width:1px;height:7px;background:#8a9ba0;left:50%;top:-9px}
.calculator .calc-range-ticks b{font-weight:400;white-space:nowrap}
.calculator .calc-range-ticks>span:first-child b{display:block;transform:translateX(50%)}
.calculator .calc-range-ticks>span:last-child b{display:block;transform:translateX(-50%)}
@media(max-width:500px){.calculator .calc-range-ticks{font-size:9px}}

/* Remove native mobile Safari thumb frame and shadow. */
.calculator #share::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;background-color:transparent;padding:0;outline:none;-webkit-tap-highlight-color:transparent}
.calculator #share::-moz-range-thumb{appearance:none;border:none;box-shadow:none;background-color:transparent;padding:0;outline:none}
.calculator #share{-webkit-tap-highlight-color:transparent;box-shadow:none;background-color:transparent}

/* Slider scale sits on the track; numbers sit above it. */
.calculator .calc-slider{display:block;position:relative;height:112px;margin-top:16px}
.calculator .calc-slider #share{position:absolute;top:20px;left:-20px;margin:0;width:calc(100% + 40px);height:64px;padding:0}
.calculator .calc-slider .calc-range-ticks{position:absolute;top:48px;left:0;right:0;height:8px;margin:0;pointer-events:none}
.calculator .calc-range-ticks>span{top:0;transform:translateX(-50%)}
.calculator .calc-range-ticks i{top:2px;height:3.5px;background:#6b7d83;left:50%}
.calculator .calc-range-ticks b{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:11px}
.calculator .calc-range-ticks>span:first-child b,.calculator .calc-range-ticks>span:last-child b{transform:translateX(-50%)}
.calculator .calc-savings-summary{margin-top:24px}
.calculator .calc-savings-summary>span{font-size:11px;letter-spacing:1.4px}
@media(max-width:500px){.calculator .calc-range-ticks b{font-size:9px}}

/* Ticks rise from the track; restore the prominent savings amount. */
.calculator .calc-range-ticks i{top:-3.5px;height:3.5px}
.calculator .calc-savings-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px}
.calculator .calc-savings-summary #savings{display:block;font-family:Manrope,sans-serif;font-size:52px;letter-spacing:-.04em;line-height:1.3;font-weight:500;text-align:right}
.calculator .calc-savings-summary #annual{grid-column:1/-1;font-size:13px;margin-top:8px}
@media(max-width:500px){.calculator .calc-savings-summary{column-gap:12px}.calculator .calc-savings-summary #savings{font-size:44px}.calculator .calc-savings-summary>span{font-size:10px}}

/* Centre every tick on the exact slider coordinate, including both ends. */
.calculator .calc-range-ticks>span{width:0;transform:none}
.calculator .calc-range-ticks i{left:0;transform:translateX(-50%)}
.calculator .calc-range-ticks b{left:0;transform:translateX(-50%)}
.calculator .calc-range-ticks>span:first-child b,.calculator .calc-range-ticks>span:last-child b{transform:translateX(-50%)}

/* SmartApp final visual refinement. */
.smart-experience .smart-story{padding-top:48px;padding-bottom:48px;gap:24px var(--card-gap)}
.smart-story>.smart-story-media{align-self:start!important}
.smart-experience .smart-heading-difference>span{font-size:10px;letter-spacing:.08em;opacity:.7}
.smart-experience .smart-heading-difference p{font-size:17px;line-height:1.6}
.smart-experience :is(.smart-home-screen img,.smart-phone img,.smart-record-grid img){box-shadow:0 5px 16px #073e4a16}
.smart-experience :is(.smart-phone figcaption,.mini-video figcaption){font-size:10px;line-height:1.5;color:var(--muted)}
#statistics .smart-record-grid>article{grid-template-columns:minmax(150px,42%) minmax(0,1fr);gap:22px;padding:26px}
#statistics .smart-record-grid img{cursor:zoom-in}
#statistics .smart-record-grid h3{font-size:24px}
#statistics .smart-record-grid p{font-size:14px;line-height:1.65}
.smart-experience .mini-video{position:relative}
.smart-video-play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #ffffffbb;background:#073e4add;color:white;font-size:20px;padding:0 0 0 3px;cursor:pointer;box-shadow:0 3px 12px #073e4a25}
.smart-video-play:hover{background:var(--brand)}
.smart-video-play[hidden]{display:none}
@media(max-width:850px){
.smart-experience .smart-story{padding-top:36px;padding-bottom:36px;gap:20px}
.smart-story>.smart-story-heading{grid-row:1}
.smart-story>.smart-story-media{grid-row:2}
.smart-story>.smart-story-copy{grid-row:3}
#statistics .smart-record-grid>article{grid-template-columns:1fr;gap:24px;padding:26px}
#statistics .smart-record-grid img{width:min(100%,220px);max-width:220px;justify-self:center}
#statistics .smart-record-grid h3{font-size:26px}
.smart-report-copy h3{font-size:28px;line-height:1.2}
}

/* Clear background behind the SmartApp hero screen and annotations. */
.smart-experience .smart-hero-demo{background:transparent;box-shadow:none;border:0}

/* Home energy scene between the introduction and feature navigation. */
.smart-lifestyle-banner{margin:0 auto 12px;width:90%;max-width:1440px;overflow:hidden;border-radius:18px}
.smart-lifestyle-banner img{display:block;width:100%;height:auto}
@media(max-width:700px){.smart-lifestyle-banner{border-radius:12px;margin-bottom:4px}}

/* Full-width lifestyle banner, preserving the complete scene on all screens. */
.smart-experience .smart-lifestyle-banner{width:100%;max-width:none;margin-left:0;margin-right:0;border-radius:0}
.smart-experience .smart-lifestyle-banner img{width:100%;height:auto;border-radius:0}

/* White introduction distinguishes SmartApp content from the navigation. */
html:not([data-theme=dark]) .smart-experience .smart-hero{background:#fff}

.smart-experience .smart-hero-copy>.eyebrow{color:var(--brand);font-size:clamp(18px,1.8vw,24px);letter-spacing:.02em;text-transform:none;line-height:1.4}
/* SmartApp guide family */
.smart-subnav{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:14px 5%;margin:0;background:var(--paper);border-bottom:1px solid var(--line);font-size:13px}
.smart-subnav a{padding:10px 18px;border-radius:24px;color:var(--muted);border:1px solid transparent;text-decoration:none}
.smart-subnav a:hover{color:var(--brand);border-color:var(--line)}
.smart-subnav a[aria-current=page]{color:var(--brand);background:var(--card,#fff);border-color:var(--line);font-weight:650}
.smart-menu{position:relative;border:0;border-radius:0}.smart-menu summary{list-style:none;cursor:pointer;padding:10px 0;display:flex;align-items:center;justify-content:flex-start;gap:7px;font:inherit;letter-spacing:inherit}.smart-menu summary::-webkit-details-marker{display:none}.smart-menu summary::after{content:'⌄';color:var(--brand);font-size:13px}.smart-menu.is-current summary{color:var(--brand)}
.smart-menu-panel{position:absolute;top:100%;left:-20px;width:250px;padding:12px;display:grid;gap:3px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px #073e4a18;z-index:60}
header nav .smart-menu-panel a{padding:12px;border-radius:8px;border:0;font-size:13px}header nav .smart-menu-panel a:hover{background:var(--mist,#e8f2f4);color:var(--brand)}
.smart-guide{background:var(--paper);color:var(--ink)}.sg-hero{max-width:1180px;margin:auto;padding:64px 5% 44px}.sg-hero .eyebrow{color:var(--brand);letter-spacing:.04em}.sg-hero h1{font-size:clamp(38px,5vw,64px);max-width:850px;line-height:1.08;letter-spacing:-.035em;margin:0 0 24px}.sg-hero>p:last-child{max-width:650px;font-size:20px;color:var(--muted);line-height:1.6}
.sg-body{max-width:1180px;margin:0 auto;padding:0 5% 72px}.sg-jump{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 36px}.sg-jump a{font-size:13px;border:1px solid var(--line);padding:9px 14px;border-radius:24px;color:var(--brand);text-decoration:none}
.sg-section{padding:44px;background:var(--card,#fff);border:1px solid var(--line);border-radius:24px;margin-bottom:24px;scroll-margin-top:30px}.sg-section h2,.sg-footer h2{font-size:clamp(26px,3vw,38px);line-height:1.16;letter-spacing:-.025em;margin:0 0 22px}.sg-section h3{font-size:20px;line-height:1.4;margin:26px 0 10px}.sg-section p{font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 18px}.sg-section .eyebrow{font-size:11px;color:var(--brand);margin-bottom:16px}.sg-section a:not(.button){color:var(--brand)}
.sg-with-image{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:48px;align-items:start}.sg-screen{margin:0}.sg-screen button{border:0;padding:0;background:transparent;cursor:zoom-in;width:100%}.sg-screen img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 16px #073e4a14}
.sg-steps{list-style:none;margin:24px 0;padding:0}.sg-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:16px;line-height:1.7}.sg-steps li>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--brand);font-size:14px}.sg-steps b,.sg-steps strong{color:var(--ink);font-weight:600}
.sg-note{background:var(--mist,#e8f2f4);border-left:3px solid var(--brand);border-radius:0 12px 12px 0;padding:20px 22px;margin:24px 0}.sg-note b{display:block;color:var(--ink);font-size:14px;margin-bottom:7px}.sg-note p{font-size:14px;margin:0;line-height:1.7}
.sg-apps{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.sg-apps>div{padding:22px;border:1px solid var(--line);border-radius:14px}.sg-apps h3{margin-top:0}.sg-apps p{margin-bottom:0}
.sg-checklist{display:grid;gap:0}.sg-checklist label{display:flex;align-items:start;gap:14px;padding:17px 0;border-top:1px solid var(--line);color:var(--muted);line-height:1.65;cursor:pointer}.sg-checklist input{margin-top:5px;width:18px;height:18px;accent-color:var(--brand);flex-shrink:0}.sg-checklist label:has(input:checked) span{color:var(--brand)}
.sg-definitions{margin:0}.sg-definitions>div{padding:18px 0;border-top:1px solid var(--line)}.sg-definitions dt{font-size:16px;font-weight:600;margin-bottom:6px}.sg-definitions dd{margin:0;color:var(--muted);line-height:1.7;font-size:15px}
.sg-reference>div{display:grid;grid-template-columns:190px 1fr;gap:22px;border-top:1px solid var(--line);padding:18px 0}.sg-reference b{font-size:15px}.sg-reference p{margin:0;font-size:15px}.sg-footer{padding:40px 10px}.sg-footer>p{color:var(--muted);line-height:1.7}.sg-source{font-size:12px!important;color:var(--muted);line-height:1.7;margin:32px 0 0!important}
.sg-search{display:block;font-size:22px;font-weight:600}.sg-search input{display:block;width:100%;margin:18px 0;padding:16px 18px;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--paper)}.sg-small{font-size:13px!important}.sg-problems details{border-top:1px solid var(--line);scroll-margin-top:30px}.sg-problems summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 0;cursor:pointer;font-size:17px;font-weight:550}.sg-problems summary::-webkit-details-marker{display:none}.sg-problems summary span{color:var(--brand)}.sg-problems details[open] summary span{transform:rotate(45deg)}.sg-problems details>div{padding:0 0 24px;max-width:800px}.sg-problems [hidden]{display:none}.sg-list{padding-left:20px;color:var(--muted);line-height:1.9}.sg-list li{margin:8px 0}.smart-guide :focus-visible,.smart-subnav a:focus-visible,.smart-menu summary:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
@media(max-width:850px){.smart-menu-panel{position:static;box-shadow:none;width:100%;margin-top:8px}.smart-subnav{justify-content:flex-start;gap:3px;padding:10px 4%}.smart-subnav a{font-size:12px;padding:9px 11px}.sg-hero{padding-top:38px}.sg-hero>p:last-child{font-size:17px}.sg-section{padding:26px;border-radius:18px}.sg-with-image{grid-template-columns:minmax(0,1fr);gap:24px}.sg-screen{width:min(220px,75%);margin:auto}.sg-apps{grid-template-columns:1fr}.sg-reference>div{grid-template-columns:1fr;gap:6px}.sg-steps li{font-size:15px;gap:12px}.sg-section p{font-size:15px}.sg-problems summary{font-size:16px}.sg-jump{gap:8px}.sg-jump a{font-size:12px}}

/* Keep the 3-Phase cable gallery artwork flush with the preview edge. */
.detail-catalog-preview[data-product="type2-cable"] .product-image #primary-product-image[src*="type2-cable-three-focused"]{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:cover;object-position:right 1.0714286%;transform:none}

/* Align gallery artwork with its thumbnail frame rather than inset it. */
.gallery-thumbnails button{padding:0;overflow:hidden}
.gallery-thumbnails img{display:block;width:100%;height:100%;margin:0;object-fit:contain;object-position:center bottom}
.gallery-thumbnails img[src*="type2-cable-tuv.svg"]{object-fit:contain;object-position:center bottom}
.gallery-thumbnails img[src*="type2-cable-three-focused"]{object-fit:cover;object-position:right center}
.gallery-thumbnails img[src*="solid-core-annotated"]{object-fit:contain;object-position:center bottom}

/* Product-type entrances: artwork above copy, with an inline subtitle arrow. */
.category-shelf{padding:24px}
.category-shelf>a{display:grid;grid-template-rows:88px auto;align-content:start;justify-items:center;align-items:center;gap:12px;min-height:0;padding:8px 0;text-align:center}
.category-shelf img{width:112px;height:88px;object-fit:contain}
.category-shelf b{font-size:14px;line-height:1.35}
.category-shelf span{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;margin-top:5px}
.category-shelf i{display:block;flex:none;margin:0;color:var(--ink);font-size:18px;line-height:1}
@media(max-width:700px){
.category-shelf{padding:20px 18px}
.category-shelf>a{grid-template-rows:72px auto;min-height:0;gap:10px}
.category-shelf img{width:96px;height:72px}
.category-shelf b{font-size:13px}
}

/* Show a plus when session guidance is closed, and a cross when it is open. */
.smart-record-grid details summary{justify-content:flex-start;gap:8px}
.smart-record-grid summary .smart-record-toggle{flex:0 0 auto;font-size:24px;line-height:1;text-align:center;transition:transform .15s ease}
.smart-record-grid details[open] summary .smart-record-toggle{transform:rotate(45deg)}

/* Feature benefits: clear headings with concise supporting copy. */
.smart-benefit-list{display:grid;gap:0}
.smart-benefit{padding:22px 0;border-bottom:1px solid var(--line)}
.smart-benefit:first-child{padding-top:0}
.smart-benefit:last-child{padding-bottom:0;border-bottom:0}
.smart-benefit h3{margin:0 0 9px;color:var(--ink);font-size:20px;font-weight:650;line-height:1.35;letter-spacing:-.015em}
.smart-benefit p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.smart-story .smart-benefit-list+.mini-instructions{margin-top:28px}
@media(max-width:700px){.smart-benefit{padding:20px 0}.smart-benefit h3{font-size:19px}.smart-benefit p{font-size:14px;line-height:1.7}}

/* Keep the DLB abbreviation with its title on feature cards. */
.mini-feature-links>a[href$="#dlb"] b{font-size:18px;letter-spacing:-.035em}
.mini-feature-links b .dlb-title-tail{display:inline;font:inherit;letter-spacing:inherit;white-space:nowrap;color:inherit;margin:0}

/* Display the About engineering panorama without cropping its subjects. */
.about-photo{height:auto}
.about-photo img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;object-position:center}

/* About: engineering scene first, followed by a compact introduction. */
.about-intro{padding:44px 5% 40px}
.about-intro h1{font-size:clamp(2rem,3.8vw,3.8rem);line-height:1.15}
.about-intro>p:last-child{margin-bottom:0}
@media(max-width:700px){.about-intro{padding:30px 6% 28px}.about-intro h1{font-size:clamp(1.75rem,6vw,2.5rem)}}

/* Align About introduction with the logo section. */
#main .about-intro{max-width:1320px;margin-inline:auto;padding-inline:5%}
#main .about-intro>.eyebrow{font-size:15px;color:#00849b;font-weight:650;letter-spacing:.10em;line-height:1.5}
@media(max-width:760px){#main .about-intro{padding-inline:6%}}
/* Header disclosure inherits the navigation surface in both themes. */
header nav .smart-menu,header nav .smart-menu summary{background:transparent;box-shadow:none}
header nav .smart-menu summary:hover,header nav .smart-menu[open] summary{color:var(--action)}
html[data-theme=dark] header nav .smart-menu-panel{background:#182126;border-color:#46565e;box-shadow:0 12px 32px #0006}
html[data-theme=dark] header nav .smart-menu-panel a:hover{background:#23383f;color:#38bad2}
/* Override the dark generic details surface for the header menu only. */
html[data-theme=dark] header nav details.smart-menu,html[data-theme=dark] header nav details.smart-menu>summary{background:transparent;box-shadow:none}
/* Smart Charging chapters use dedicated dark surfaces rather than light fills. */
html[data-theme=dark] .smart-experience{--smart-surface:#1c2327;--smart-tint:#152a31}
html[data-theme=dark] .smart-experience :is(#tou,#dynamic,#dlb){background:#11252c}
html[data-theme=dark] .smart-experience :is(#schedule,#solar,#statistics){background:#101619}
html[data-theme=dark] .smart-experience :is(.smart-story-card,.smart-story-media,.smart-report-card,.smart-layer-demo,.smart-record-grid>article,.smart-start-links>a,.smart-goal-card){background:var(--smart-surface);border-color:#3b4d55;box-shadow:0 6px 20px #0002}
html[data-theme=dark] .smart-experience .smart-difference{border-color:#38bad2}
html[data-theme=dark] .smart-experience .smart-price-line>span{color:#f18e96}
html[data-theme=dark] .smart-subnav a[aria-current=page]{background:#20343c;color:#59d0e6;border-color:#47616c}
html[data-theme=dark] .smart-experience :is(.smart-requirements,.smart-record-grid details){background:transparent}
/* Guide dropdown, with a prominent vehicle finder. */
header nav .guide-menu-panel{width:620px;left:50%;transform:translateX(-50%);padding:20px;grid-template-columns:1fr 1.1fr;gap:18px;background:var(--paper);color:var(--ink)}
header nav .guide-menu[open] .guide-menu-panel{display:grid}
header nav .guide-menu-panel a{white-space:normal;line-height:1.5;border:0;text-decoration:none}
header nav .guide-menu-panel strong{display:block;font-size:16px;color:var(--ink)}
header nav .guide-menu-panel a span{display:block;font-size:12px;color:var(--muted);margin-top:5px}
header nav .guide-menu-panel .guide-finder{display:flex;flex-direction:column;justify-content:center;padding:22px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}
header nav .guide-menu-panel .guide-finder strong{font-size:24px;color:var(--accent)}
header nav .guide-menu-panel .guide-symbol{font-size:30px;color:var(--accent);margin:0 0 18px;letter-spacing:.04em}
header nav .guide-paths{display:grid;gap:8px}
header nav .guide-paths a{padding:10px;border-radius:8px}
header nav .guide-menu-panel a:hover{background:var(--soft)}
header nav .guide-menu-panel .guide-all{grid-column:1/-1;border-top:1px solid var(--line);padding:14px 0 0;color:var(--accent);font-size:13px}
@media(max-width:900px){header nav .guide-menu-panel{width:100%;left:auto;transform:none;grid-template-columns:1fr;padding:14px;position:static}header nav .guide-menu-panel .guide-finder{padding:18px}header nav .guide-menu-panel .guide-symbol{margin-bottom:10px}}

.logo-cta > .eyebrow{font-size:clamp(22px,2.2vw,32px);line-height:1.3;letter-spacing:.12em}

.logo-cta > .eyebrow{text-transform:none;letter-spacing:.02em}

html[data-theme=dark] .catalog-card .product-image img.catalog-ce{content:url("/assets/catalog/ce-white.png?v=20261006")}

/* Readable construction labels on dark surfaces. */
html[data-theme=dark] .solid-core-diagram text{fill:#d3edf5}
html[data-theme=dark] .solid-core-diagram text[fill]{fill:#c3d1d8}
html[data-theme=dark] img[src*="/solid-core-annotated-tuv.svg"]{content:url("/assets/solid-core-annotated-tuv-dark.svg?v=label-contrast")}
html[data-theme=dark] img[src*="/solid-core-comparison.svg"]{content:url("/assets/solid-core-comparison-dark.svg?v=label-contrast")}
html[data-theme=dark] img[src*="/solid-core-annotated.svg"]{content:url("/assets/solid-core-annotated-dark.svg?v=label-contrast")}
html[data-theme=dark] img[src*="/solid-core-annotated-clean.svg"]{content:url("/assets/solid-core-annotated-clean-dark.svg?v=label-contrast")}

/* Quiet divider below the home SmartApp spotlight in dark mode. */
html[data-theme=dark] .mini-home{border-bottom-color:#34393c}

/* Complete dark surfaces and text contrast in the connector comparison. */
html[data-theme=dark] .core-comparison .catalog-table tbody td{background:#1e292f;color:#c6d3d9;border-color:#41515a}
html[data-theme=dark] .core-comparison .catalog-table tbody td:nth-child(3){background:#223943;color:#d4e4eb}
html[data-theme=dark] .core-comparison .catalog-table tbody th{background:#192328;color:#e4edf1;border-color:#41515a}
html[data-theme=dark] img[src*="/solid-core-comparison.svg"]{content:url('/assets/solid-core-comparison-dark.svg?v=complete-dark-labels')}

/* Home product imagery blends into its card in dark mode. */
html[data-theme=dark] .home-catalog-grid .catalog-card .product-image{background:transparent}

html:not([data-theme=dark]) .home-catalog-grid .catalog-card .product-image{background:transparent}

/* Home entry to the vehicle-led charger finder. */
.home-ev-finder{margin:32px 5%;padding:38px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:20px}
.home-ev-finder .eyebrow{color:var(--action);margin-bottom:12px}
.home-ev-finder h2{font-size:clamp(28px,3vw,44px);line-height:1.15;letter-spacing:-.03em;margin-bottom:16px}
.home-ev-finder-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:1.7;max-width:540px;margin-bottom:22px}
.home-ev-finder .button{border-radius:999px;min-height:44px;padding:11px 22px;background:var(--action);border-color:var(--action)}
.home-ev-finder-steps{display:grid;gap:18px}
.home-ev-finder-steps>div{display:grid;grid-template-columns:34px 1fr;column-gap:14px}
.home-ev-finder-steps span{grid-row:span 2;color:var(--action);font-size:13px;font-weight:600;padding-top:3px}
.home-ev-finder-steps h3{font-size:17px;margin:0 0 4px}
.home-ev-finder-steps p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}
html[data-theme=dark] .home-ev-finder{background:#19272e;border-color:#3a505b}
html[data-theme=dark] .home-ev-finder .button{color:#102a33}
@media(max-width:700px){.home-ev-finder{grid-template-columns:1fr;padding:24px;gap:26px}.home-ev-finder h2{font-size:30px}}

/* Align the EV finder panel with the shared home page gutter. */
.home-ev-finder{margin-left:var(--home-gutter);margin-right:var(--home-gutter)}

/* A photographic invitation to the EV-led charger finder. */
.home-ev-finder,html[data-theme=dark] .home-ev-finder{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;min-height:410px;overflow:hidden;background:#132c33 url('/assets/shop-charging-scene-company-wallbox.webp') center 55%/cover no-repeat;color:#fff;border-color:#42606a;padding-top:44px;padding-bottom:44px}
.home-ev-finder:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,22,28,.91),rgba(6,22,28,.72) 45%,rgba(6,22,28,.18) 80%)}
.home-ev-finder .eyebrow{color:#a6e6f1}
.home-ev-finder h2{color:#fff}
.home-ev-finder .home-ev-finder-copy>p:not(.eyebrow){color:#e2edf1;max-width:510px}
.home-ev-finder .button,html[data-theme=dark] .home-ev-finder .button{background:#007f99;border-color:#007f99;color:#fff;box-shadow:none}
.home-ev-finder-flow{display:flex;flex-wrap:wrap;gap:12px;color:#d5e7ec;font-size:12px;margin:0;line-height:1.6}
.home-ev-finder-flow span{color:#82d8e8}
@media(max-width:700px){.home-ev-finder,html[data-theme=dark] .home-ev-finder{min-height:400px;background-position:65% center;padding:28px;gap:18px}.home-ev-finder:before{background:linear-gradient(90deg,rgba(6,22,28,.92),rgba(6,22,28,.65))}.home-ev-finder-flow{gap:8px;font-size:11px}}

/* Consistent page hierarchy immediately below the site header. */
.site-breadcrumbs{padding:14px var(--home-gutter,5%);font-size:13px;line-height:1.5;color:var(--muted);}
.site-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;}
.site-breadcrumbs li{display:flex;align-items:center;gap:8px;}
.site-breadcrumbs a{color:inherit;text-decoration:none;}
.site-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px;}
.site-breadcrumbs a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px;}
.ev-hero>.site-breadcrumbs{position:absolute;top:12px;left:max(5vw,calc((100vw - 1296px)/2));right:5vw;padding:0;color:#e0edf0;z-index:1;}
.ev-hero>.site-breadcrumbs+div{padding-top:12px;}
@media(max-width:600px){.site-breadcrumbs{font-size:12px;}.ev-hero>.site-breadcrumbs{top:12px;}}

.site-breadcrumbs .breadcrumb-arrow{font-size:16px;font-weight:600;line-height:1;color:inherit;opacity:.9}

.site-breadcrumbs .breadcrumb-arrow{font-size:13px;font-weight:400;opacity:.7}

/* Breadcrumb links use a single underline on hover, without inherited link borders. */
#main .site-breadcrumbs a{border-bottom:0;box-shadow:none;text-decoration:none}
#main .site-breadcrumbs a:hover{border-bottom:0;text-decoration:underline;text-underline-offset:3px}

/* SmartApp navigation: shared left edge, compact hierarchy, quiet active indicator. */
#main:has(.smart-experience)>.site-breadcrumbs,#main:has(.smart-guide)>.site-breadcrumbs{padding:14px 5% 4px;font-size:12px;color:var(--muted)}
#main .smart-subnav{justify-content:flex-start;gap:28px;padding:0 5%;background:var(--paper);font-size:13px}
#main .smart-subnav a{padding:12px 0 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);text-decoration:none;}
#main .smart-subnav a:hover{color:var(--brand);border-bottom-color:var(--line);text-decoration:none}
#main .smart-subnav a[aria-current=page]{background:transparent;color:var(--brand);border-bottom-color:var(--brand);font-weight:600}
#main .smart-experience .smart-hero{padding-top:32px}
#main .smart-guide .sg-hero{max-width:none;padding:32px 5% 32px}
@media(max-width:600px){#main .smart-subnav{gap:10px 20px}#main .smart-subnav a{font-size:12px;padding-top:9px}#main .smart-experience .smart-hero{padding-top:24px}}

/* Breadcrumbs belong to the content, without a separate SmartApp navigation band. */
#main .smart-subnav{display:none}
#main .breadcrumbs-in-content{padding:0;margin:0 0 24px;font-size:13px;color:var(--muted)}
#main .smart-hero>.breadcrumbs-in-content{grid-column:1/-1;align-self:start;margin-bottom:0}
#main .smart-experience .smart-hero{row-gap:24px;padding-top:18px}
#main .smart-guide .sg-hero{padding-top:18px}

/* Keep each setup checkbox beside its text, overriding shared form label layout. */
#main .sg-checklist label{display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:14px 0}
#main .sg-checklist label>input[type=checkbox]{display:block;flex:0 0 18px;width:18px;height:18px;min-height:0;padding:0;margin:4px 0 0}
#main .sg-checklist label>span{display:block;flex:1;min-width:0;margin:0}

#main .smart-hero-copy>.eyebrow,#main .sg-hero>.eyebrow{color:var(--brand);font-size:clamp(18px,1.8vw,24px);font-weight:650;letter-spacing:.02em;text-transform:none;line-height:1.4;margin-bottom:24px}

/* Match the breadcrumb-to-product-label spacing across all four SmartApp pages. */
#main .smart-hero>.breadcrumbs-in-content,#main .sg-hero>.breadcrumbs-in-content{margin:0 0 64px}
#main .smart-experience .smart-hero{row-gap:0;align-items:start}
#main .smart-hero-copy>.eyebrow,#main .sg-hero>.eyebrow{margin-top:0}

.smart-experience .smart-difference>span,.smart-experience .smart-heading-difference>span{font-size:14px;line-height:1.4}

/* EV finder feature card uses the established home charging scene. */
header nav .guide-menu-panel .guide-finder{position:relative;isolation:isolate;overflow:hidden;justify-content:flex-end;background:#132c33 url('/assets/shop-charging-scene-company-wallbox.webp') 76% center/cover no-repeat;border-color:rgba(255,255,255,.15);color:#fff;min-height:300px}
header nav .guide-menu-panel .guide-finder:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,20,26,.08),rgba(5,20,26,.42) 40%,rgba(5,20,26,.92))}
header nav .guide-menu-panel .guide-finder strong{color:#fff}
header nav .guide-menu-panel .guide-finder>span{color:#e0edf1}
header nav .guide-menu-panel .guide-finder .guide-symbol{font-size:25px;color:#b3e9f2}
header nav .guide-menu-panel .guide-finder:hover{border-color:#75cfdf}
@media(max-width:900px){header nav .guide-menu-panel .guide-finder{min-height:230px}}

/* Preserve the scene when the shared menu hover background is applied. */
header nav .guide-menu-panel .guide-finder:hover{background:#132c33 url('/assets/shop-charging-scene-company-wallbox.webp') 76% center/cover no-repeat}

/* Shared disclosure chevron: down when collapsed, up when expanded. */
summary .accordion-chevron,.smart-requirements>summary::after{content:"";display:inline-block;width:9px;height:9px;flex:0 0 9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;color:var(--brand);transform:rotate(45deg);margin:0 4px 4px;line-height:0;font-size:0;transition:transform .15s ease}
details[open]>summary .accordion-chevron,.smart-requirements[open]>summary::after{content:"";transform:rotate(225deg);margin-top:4px;margin-bottom:0}

/* Disclosure arrows remain secondary to their labels. */
summary .accordion-chevron,.smart-requirements>summary::after{width:7px;height:7px;flex-basis:7px;border-right-width:1.25px;border-bottom-width:1.25px;margin-left:3px;margin-right:3px}

/* One shared content edge for the Guide overview. */
#main:has(.learn-section){--learn-gutter:5%}
#main:has(.learn-section) .page-intro,#main .learn-section{padding-left:var(--learn-gutter);padding-right:var(--learn-gutter)}
#main:has(.learn-section) .home-ev-finder{margin-left:var(--learn-gutter);margin-right:var(--learn-gutter);border-radius:4px}
@media(min-width:1500px){#main:has(.learn-section){--learn-gutter:8%}}
@media(max-width:850px){#main:has(.learn-section){--learn-gutter:6%}}

/* Guide pages share the EV finder breadcrumb position beneath the header. */
#main.guide-breadcrumb-layout>.page-intro,#main.guide-breadcrumb-layout>.article-header{position:relative;padding-top:60px}
#main.guide-breadcrumb-layout .breadcrumbs-in-content{position:absolute;top:12px;left:max(5vw,calc((100vw - 1296px)/2));right:5vw;padding:0;margin:0;font-size:13px;line-height:1.5}

/* Guide article copy shares the EV finder breadcrumb gutter. */
#main.guide-breadcrumb-layout>.article-header{padding-left:max(5vw,calc((100vw - 1296px)/2));padding-right:max(5vw,calc((100vw - 1296px)/2))}

header nav .smartapp-menu-panel .smartapp-menu-scene,header nav .smartapp-menu-panel .smartapp-menu-scene:hover{background:#132c33 url('/assets/shop-charging-scene-company-wallbox.webp') 76% center/cover no-repeat}
header nav .smartapp-menu-panel .smartapp-menu-scene strong{font-size:24px;color:#fff}

header nav .guide-menu-panel .guide-finder{border-radius:0}

/* Shop product imagery shares the card surface and corner badge alignment. */
html .full-catalog-grid .catalog-card .product-image{background:transparent;overflow:visible}
.full-catalog-grid .catalog-card:not([data-product="wallbox-socket"]) .product-image img.catalog-tuv,
.full-catalog-grid .catalog-card .product-image img.catalog-etl,
.full-catalog-grid .catalog-card .product-image img.catalog-ce,
.full-catalog-grid .catalog-card:hover .product-image img.catalog-etl,
.full-catalog-grid .catalog-card:hover .product-image img.catalog-ce{top:-4px;right:-4px}

/* Socket wallbox certification follows the other card corner badges. */
.catalog-card[data-product="wallbox-socket"] .product-image img.catalog-tuv,
.catalog-card[data-product="wallbox-socket"]:hover .product-image img.catalog-tuv{top:4px;right:4px;left:auto;bottom:auto}
.full-catalog-grid .catalog-card[data-product="wallbox-socket"] .product-image img.catalog-tuv,
.full-catalog-grid .catalog-card[data-product="wallbox-socket"]:hover .product-image img.catalog-tuv{top:-4px;right:-4px;left:auto;bottom:auto}
/* Keep cable artwork inside the card with a clear surrounding gutter. */
.catalog-card[data-product="type2-cable"] .product-image img:not(.catalog-tuv),
.catalog-card[data-product="type2-cable"]:hover .product-image img:not(.catalog-tuv){height:86%;max-width:84%;transform:none;object-position:center bottom;margin-bottom:12px}

/* Divide shop artwork from product copy using the existing card rule. */
.full-catalog-grid .catalog-card .card-content{position:relative}
.full-catalog-grid .catalog-card .card-content::before{content:"";position:absolute;top:0;left:18px;right:18px;border-top:1px solid var(--line)}


/* Artwork ends at the divider; corner marks retain their outer position. */
.full-catalog-grid .catalog-card .product-image{clip-path:polygon(-20px -20px,calc(100% + 20px) -20px,calc(100% + 20px) 100%,-20px 100%)}
.full-catalog-grid .catalog-card[data-product="type2-cable"] .product-image img:not(.catalog-tuv),
.full-catalog-grid .catalog-card[data-product="type2-cable"]:hover .product-image img:not(.catalog-tuv){margin-bottom:0}

.full-catalog-grid .catalog-card[data-product="wallbox-socket"] .product-image img:not(.catalog-tuv),
.full-catalog-grid .catalog-card[data-product="wallbox-socket"]:hover .product-image img:not(.catalog-tuv){align-self:flex-end;object-position:center bottom;transform-origin:center bottom;margin-bottom:0}

/* Home cards share the shop artwork divider. */
.home-catalog-grid .catalog-card .card-content{position:relative}
.home-catalog-grid .catalog-card .card-content::before{content:"";position:absolute;top:0;left:20px;right:20px;border-top:1px solid var(--line)}
@media(max-width:760px){.home-catalog-grid .catalog-card .card-content::before{left:22px;right:22px}}
.home-catalog-grid .catalog-card .product-image{clip-path:polygon(-20px -20px,calc(100% + 20px) -20px,calc(100% + 20px) 100%,-20px 100%)}

/* Ecosystem cards use the same image-to-copy divider as product cards. */
.ecosystem-grid>a>span{border-top:1px solid var(--line);padding-top:20px}
.ecosystem-grid>a>img{display:block;margin-bottom:0;object-position:center bottom}

/* Compact shop actions with a pill link and an inline compare checkbox. */
.full-catalog-grid .catalog-card .card-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px}
.full-catalog-grid .catalog-card .card-link>a{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--brand);border-radius:999px;background:var(--brand);color:#fff;font-size:12px;line-height:1.4;min-height:36px}
.full-catalog-grid .catalog-card .card-link>a:hover{background:var(--action);border-color:var(--action)}
.full-catalog-grid .catalog-card .card-link .compare-check{display:inline-flex;flex-direction:row;align-items:center;gap:7px;margin:0;white-space:nowrap;line-height:1.4}
.full-catalog-grid .catalog-card .card-link .compare-check input{display:inline-block;flex:0 0 16px;width:16px;height:16px;min-height:0;margin:0;padding:0}

/* Unified product detail design. */
body:has(.rich-product){background:#f5f7fa}
main:has(.rich-product){--pd-surface:#fff;--pd-soft:#f0f4f7;--pd-ink:#162b38;--pd-muted:#516571;--pd-line:#d4dee5;--pd-blue:#007f99;color:var(--pd-ink)}
html[data-theme=dark] body:has(.rich-product){background:#101920}
html[data-theme=dark] main:has(.rich-product){--pd-surface:#192630;--pd-soft:#22343f;--pd-ink:#edf5fa;--pd-muted:#bccbd4;--pd-line:#3b505d;--pd-blue:#63d2e8}
main:has(.rich-product) .rich-product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
main:has(.rich-product) :is(.detail-gallery,.detail-copy){min-width:0}
main:has(.rich-product) .detail-copy{padding-top:12px}
main:has(.rich-product) .detail-copy h1{font-size:clamp(2rem,3vw,3.4rem);line-height:1.12;font-weight:650;color:var(--pd-ink);margin-bottom:22px}
main:has(.rich-product) .detail-copy>h3{font-size:21px;line-height:1.4;font-weight:550;color:var(--pd-ink)}
main:has(.rich-product) .detail-copy>p:not(.eyebrow){color:var(--pd-muted);line-height:1.75}
main:has(.rich-product) .eyebrow{color:var(--pd-blue);font-size:10px;letter-spacing:.12em;font-weight:700}
html main:has(.rich-product) .detail-image,html main:has(.rich-product) .detail-catalog-preview .product-image{background:var(--pd-surface);border:1px solid var(--pd-line);border-radius:16px;box-shadow:none}
main:has(.rich-product) .detail-catalog-preview{border-radius:16px}
main:has(.rich-product) .product-facts{padding:22px 4px;border-color:var(--pd-line);gap:20px;margin-top:18px}
main:has(.rich-product) .product-facts b{font-size:17px;font-weight:650;color:var(--pd-ink)}
main:has(.rich-product) .product-facts span{font-size:11px;color:var(--pd-muted)}
main:has(.rich-product) .gallery-thumbnails button{background:var(--pd-surface);border-color:var(--pd-line);border-radius:8px}
main:has(.rich-product) .gallery-thumbnails button[aria-pressed=true]{border:2px solid var(--pd-blue)}
html main:has(.rich-product) .best-for{background:#173c4c;border:0;border-radius:12px;padding:18px 22px;color:#fff;margin:24px 0}
html main:has(.rich-product) .best-for b{color:#80dbee;font-size:10px;font-weight:700;letter-spacing:.1em}
html main:has(.rich-product) .best-for p{color:#fff;line-height:1.65;margin:6px 0 0}
main:has(.rich-product) #product-form{background:var(--pd-surface);border:1px solid var(--pd-line);border-radius:16px;padding:24px;margin-top:0;box-shadow:0 8px 28px #19374908}
main:has(.rich-product) #product-form label{font-weight:650;color:var(--pd-ink)}
main:has(.rich-product) #product-form select{background:var(--pd-surface);color:var(--pd-ink);border:1px solid var(--pd-line);border-radius:8px;min-height:50px}
html main:has(.rich-product) .selected-spec{background:var(--pd-soft);color:var(--pd-muted);border:0;border-radius:10px;padding:18px;gap:6px}
main:has(.rich-product) .selected-spec>b{color:var(--pd-ink);font-size:18px;font-weight:700}
main:has(.rich-product) .purchase-state b{font-size:16px;color:var(--pd-ink)}
main:has(.rich-product) .purchase-state span{color:var(--pd-muted)}
main:has(.rich-product) #product-form .button{background:#0098b7;border-color:#0098b7;color:#fff;border-radius:999px;min-height:48px;font-weight:650}
main:has(.rich-product) #product-form .button:hover{background:#007f99;border-color:#007f99}
main:has(.rich-product) #product-feedback:empty{margin:0}
main:has(.rich-product) .product-action-links{color:var(--pd-blue);font-weight:550}
html main:has(.rich-product) .product-jump{background:var(--pd-surface);border-color:var(--pd-line);color:var(--pd-ink);padding-top:12px;padding-bottom:12px}
main:has(.rich-product) .product-jump a{font-weight:600}
main:has(.rich-product) .product-information .section-heading h2{font-size:clamp(1.8rem,2.6vw,2.6rem);font-weight:600;color:var(--pd-ink)}
main:has(.rich-product) .product-information .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
html main:has(.rich-product) .benefit-grid article{background:var(--pd-surface);border:1px solid var(--pd-line);padding:26px;box-shadow:none;border-radius:12px}
main:has(.rich-product) .benefit-grid article>span{color:var(--pd-blue);font-weight:700;margin-bottom:12px}
main:has(.rich-product) .benefit-grid h3{color:var(--pd-ink);font-size:20px;font-weight:600}
main:has(.rich-product) .benefit-grid p{color:var(--pd-muted)}
main:has(.rich-product) .spec-section{margin-top:56px}
html main:has(.rich-product) .catalog-table{background:var(--pd-surface);border:1px solid var(--pd-line);border-radius:12px;overflow:auto;box-shadow:none}
html main:has(.rich-product) .catalog-table caption{background:var(--pd-surface);color:var(--pd-muted);padding:16px 20px;text-align:left;font-size:12px;font-weight:600}
html main:has(.rich-product) .catalog-table thead th{background:#173c4c;color:#fff;border-color:#355461;font-size:12px;line-height:1.5;padding:16px 18px;font-weight:650}
html main:has(.rich-product) .catalog-table tbody th{background:var(--pd-soft);color:var(--pd-ink);font-weight:650}
html main:has(.rich-product) .catalog-table tbody td{background:var(--pd-surface);color:var(--pd-ink)}
html main:has(.rich-product) .catalog-table tbody tr:nth-child(even) td{background:var(--pd-soft)}
html main:has(.rich-product) .catalog-table tbody :is(td,th){border-color:var(--pd-line);padding:18px;line-height:1.65}
main:has(.rich-product) .catalog-table .quiet{color:var(--pd-muted)}
main:has(.rich-product) .product-information .button.outline{border-color:var(--pd-blue);color:var(--pd-blue);background:transparent;border-radius:999px}
html main:has(.rich-product) .connectivity-panel{background:var(--pd-surface);border:1px solid var(--pd-line);border-radius:16px;padding:32px;box-shadow:none;color:var(--pd-ink)}
main:has(.rich-product) .connectivity-panel p,main:has(.rich-product) .connectivity-panel li{color:var(--pd-muted)}
main:has(.rich-product) .document-links{color:var(--pd-blue)}
@media(max-width:760px){main:has(.rich-product) .rich-product{grid-template-columns:1fr;gap:24px}main:has(.rich-product) .product-information .benefit-grid{grid-template-columns:1fr}main:has(.rich-product) #product-form{padding:18px}main:has(.rich-product) .product-facts b{font-size:14px}html main:has(.rich-product) .connectivity-panel{padding:22px}}
/* Use the shared breadcrumb once and bring the product closer to it. */
main:has(.rich-product)>.breadcrumb{display:none}
main:has(.rich-product) .rich-product{padding-top:24px}

/* Home presentation: four continuous chapters with distinct surface hierarchy. */
.home-chapter{--home-block-gap:40px;--home-section-pad:32px;--home-edge-gap:40px;display:flow-root;position:relative;--chapter-surface:#fff;--chapter-canvas:#edf3f5;--chapter-ink:#20313b;--chapter-muted:#576b76;--chapter-line:#d5e2e8;background:var(--chapter-canvas)}
html[data-theme=dark] .home-chapter{--chapter-surface:#202b32;--chapter-canvas:#142027;--chapter-ink:#eef5f8;--chapter-muted:#b4c6cf;--chapter-line:#354b57}
.home-chapter :is(.section,.mini-home){padding-left:var(--home-gutter);padding-right:var(--home-gutter)}
.home-chapter .section-heading h2{font-size:clamp(2rem,3.2vw,3.2rem);line-height:1.13;font-weight:550}
.home-chapter .section-heading .eyebrow{color:var(--action);letter-spacing:.12em;font-size:11px}
.home-chapter-smartapp{background:#e4f2f7;border-bottom:1px solid #c3dee8}
html[data-theme=dark] .home-chapter-smartapp{background:#15323e;border-color:#305260}
.home-chapter-smartapp .mini-home{background:transparent;border:0;padding-top:56px;padding-bottom:40px}
.home-chapter-smartapp .mini-home-heading h2{font-weight:550;color:var(--chapter-ink)}
.home-chapter-smartapp .mini-home-heading>div>p:not(.eyebrow){color:var(--chapter-muted)}
.home-chapter-smartapp .mini-feature-links>a{background:var(--chapter-surface);border-color:var(--chapter-line);box-shadow:none}
.home-chapter-products{border-bottom:1px solid var(--chapter-line)}
.home-chapter-products .category-shelf{background:var(--chapter-surface);margin-top:32px;margin-bottom:0;box-shadow:none;border-color:var(--chapter-line)}
.home-chapter-products .collection-section{padding-top:var(--home-block-gap);padding-bottom:var(--home-section-pad)}
.home-chapter-products :is(.catalog-card,.engineering-card,.ecosystem-grid>a){background:var(--chapter-surface);border-color:var(--chapter-line);box-shadow:0 5px 18px rgba(28,51,64,.04)}
.home-chapter-products .choice-band{background:var(--chapter-surface);border-color:var(--chapter-line);box-shadow:none;margin-top:0;margin-bottom:var(--home-edge-gap)}
.home-chapter-products .engineering-home{padding-top:var(--home-section-pad);padding-bottom:var(--home-section-pad)}
.home-chapter-products .ecosystem-section{padding-top:var(--home-section-pad);padding-bottom:var(--home-block-gap);border-top:1px solid var(--chapter-line)}
.home-chapter-support{background:var(--chapter-surface)}
html .home-chapter-support .support-banner{margin-top:var(--home-edge-gap);margin-bottom:0}
.home-chapter-guide{background:var(--chapter-surface);border-bottom:1px solid var(--chapter-line)}
.home-chapter-products .home-ev-finder{margin-top:var(--home-edge-gap);margin-bottom:0;border:0;box-shadow:none}
.home-chapter-guide>.section{padding-top:var(--home-block-gap);padding-bottom:var(--home-edge-gap)}
.home-chapter-guide .article-card{min-width:0}
.home-chapter-guide .article-card h3{font-weight:550;line-height:1.2;color:var(--chapter-ink)}
.home-chapter-guide .article-card .quiet{color:var(--chapter-muted)}
.home-chapter-guide .article-art{border-radius:12px}
@media(max-width:760px){
 .home-chapter{--home-block-gap:28px;--home-section-pad:24px;--home-edge-gap:28px}
 .home-chapter-smartapp .mini-home{padding-top:38px;padding-bottom:28px}
 .home-chapter-products .category-shelf{margin-top:24px}
}

/* Brand contact details sit below the supporting brand copy. */
footer .footer-contact{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:18px}
footer .footer-grid .footer-contact a{font-size:12px;font-weight:400;line-height:1.55;letter-spacing:0;color:#a5b5b9;margin:0;transition:color .15s ease}
footer .footer-grid .footer-contact a:hover,footer .footer-grid .footer-contact a:focus-visible{color:#d6edf3;text-decoration:underline;text-underline-offset:4px}

footer .footer-grid>div:first-child{max-width:360px;text-align:center}
footer .footer-grid>div:first-child>.logo{width:fit-content;margin-inline:auto;transform:translateX(calc(var(--brand-height) * -.568 - 3px))}
footer .footer-grid>div:first-child>p{margin-inline:auto}

/* A quiet closing link gives the footer brand and navigation priority. */
html .bottom-cta{padding:28px 6%;background:var(--paper);color:var(--ink);border-top:1px solid var(--line);border-bottom:0;gap:24px}
html .bottom-cta .eyebrow{display:none}
html .bottom-cta h2{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:0}
html .bottom-cta .button{background:transparent;color:var(--ink);border:0;border-radius:0;box-shadow:none;padding:4px 0;font-size:14px;font-weight:500;min-height:0;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--line)}
html .bottom-cta .button:hover{background:transparent;color:var(--brand,var(--forest));text-decoration-color:currentColor}
@media(max-width:760px){html .bottom-cta{padding:24px 6%;gap:14px}html .bottom-cta h2{font-size:21px}}

/* Center the footer symbol above the wordmark. */
footer .footer-grid>div:first-child{padding-top:0}
footer .footer-grid>div:first-child>.logo{flex-direction:column;gap:14px;transform:none}

footer .footer-grid>div:first-child>.logo .brand-icon{width:calc(var(--brand-height)*1.45408);height:calc(var(--brand-height)*1.45408)}

header .header-actions :is(#theme-choice,#language){font-weight:100}

/* Match the lower footer divider above the brand and menus. */
footer .footer-grid{position:relative}
footer .footer-grid::before{content:"";position:absolute;top:-60px;left:0;right:0;border-top:1px solid #ffffff25}

header nav .smartapp-menu-panel .smartapp-menu-scene:before{background:linear-gradient(180deg,transparent 35%,rgba(5,20,26,.12) 55%,rgba(5,20,26,.72))}

.support-section>.search-box{display:block;max-width:900px;width:100%;margin:0 auto 30px}
.support-section>.filter-chips{max-width:900px;margin-left:auto;margin-right:auto;justify-content:flex-start}

/* Lift navigation flyouts above the pale header surface. */
html:not([data-theme=dark]) header nav .smart-menu-panel{background:#fff;border-color:#c5d6dc;box-shadow:0 18px 48px rgba(7,45,55,.18),0 3px 10px rgba(7,45,55,.06)}
html:not([data-theme=dark]) header nav .smart-menu-panel a:hover{background:#edf7f9}
html[data-theme=dark] header nav .smart-menu-panel{background:#24333b;border-color:#526973;box-shadow:0 18px 48px rgba(0,0,0,.4)}

/* Distinguish footer column headings from their navigation links. */
footer .footer-grid h3{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:7px;text-decoration-color:currentColor}

/* Preserve photographic menu cards when link hover fills are applied. */
html header nav .smart-menu-panel a.smartapp-menu-scene,
html header nav .smart-menu-panel a.smartapp-menu-scene:hover,
html header nav .smart-menu-panel a.guide-finder,
html header nav .smart-menu-panel a.guide-finder:hover{background:#132c33 url('/assets/shop-charging-scene-company-wallbox.webp') 76% center/cover no-repeat}

/* Give Guide a human charging scene distinct from SmartApp's home view. */
html header nav .guide-menu-panel a.guide-finder:not(.smartapp-menu-scene),
html header nav .guide-menu-panel a.guide-finder:not(.smartapp-menu-scene):hover{background:#19363c url('/assets/solid-core-charging-lifestyle.webp') 78% center/cover no-repeat}

/* Brighten the Guide photo independently of its white text. */
html header nav .guide-menu-panel a.guide-finder:not(.smartapp-menu-scene){background:none}
html header nav .guide-menu-panel a.guide-finder:not(.smartapp-menu-scene):hover{background:none}
html header nav .guide-menu-panel a.guide-finder:not(.smartapp-menu-scene)::after{content:"";position:absolute;inset:0;z-index:-2;background:#19363c url('/assets/solid-core-charging-lifestyle.webp') 78% center/cover no-repeat;filter:brightness(1.2)}
html header nav .guide-menu-panel a.guide-finder:not(.smartapp-menu-scene)::before{background:linear-gradient(180deg,transparent 32%,rgba(5,20,26,.12) 55%,rgba(5,20,26,.74))}

/* Certification marks sit consistently in the ecosystem card corners. */
.ecosystem-grid>a{position:relative}
.ecosystem-grid>a>img.ecosystem-certification{position:absolute;top:8px;right:8px;width:40px;height:40px;object-fit:contain;object-position:center;margin:0;transform:none;z-index:1;background:#fff;border-radius:3px;padding:2px}

/* Product menu: the product pair stays visible on hover. */
header nav .products-menu-panel .products-menu-feature{display:flex;flex-direction:column;justify-content:flex-end;background:#eef6f7;border:1px solid var(--line);padding:20px;border-radius:0;overflow:hidden}
header nav .products-menu-panel .products-menu-feature:hover{background:#e5f1f3}
header nav .products-menu-panel .products-menu-feature strong{font-size:24px;line-height:1.2;color:var(--ink)}
.products-menu-images{position:relative;flex:1;min-height:260px;margin-bottom:20px;overflow:hidden}
.products-menu-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
header nav .products-menu-panel .products-menu-all{font-size:13px;color:var(--accent);border-top:1px solid var(--line);border-radius:0;margin-top:4px}

/* Top-aligned fan image with continuous cable tails to the image boundary. */
.products-menu-images{container-type:inline-size;min-height:300px}
.products-menu-images img{inset:0 auto auto 0;width:100%;height:auto;object-fit:initial;object-position:center top}
.products-menu-images::after{content:"";position:absolute;top:calc(100cqw * 2543 / 2423 - 2px);bottom:0;left:0;right:0;background:linear-gradient(90deg,transparent 13.5%,#262626 13.5%,#383838 14.1%,#383838 15.7%,#262626 16.3%,transparent 16.3%,transparent 36.28%,#262626 36.28%,#383838 36.9%,#383838 38.5%,#262626 39.08%,transparent 39.08%);pointer-events:none}

.products-menu-images img.products-menu-tuv{position:absolute;inset:auto 9% 8% auto;width:44px;height:44px;object-fit:contain;z-index:1}

.products-menu-images{border-bottom:1px solid var(--line)}

/* VoltQube wordmark shares the AmpByte icon and existing theme behavior. */
html[data-brand=voltqube] .logo .brand-wordmark{width:calc(var(--brand-height)*5.4)}
html[data-brand=voltqube] .logo .brand-wordmark img{position:static;width:100%;height:100%;object-fit:contain}