@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);hyphens:none;overflow-wrap:normal;word-break:normal}
@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:inherit;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:inherit}
@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:clamp(600px,46.4vw,960px);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 top;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:auto;aspect-ratio:1672/941;object-position:right top}.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?v=20261012-lossless"]{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?v=20261012-lossless"]{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:#9e9e9e}
.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=20261012-lossless")}

/* 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=20261012-lossless")}
html[data-theme=dark] img[src*="/solid-core-comparison.svg"]{content:url("/assets/solid-core-comparison-dark.svg?v=20261012-card-tuv")}
html[data-theme=dark] img[src*="/solid-core-annotated.svg"]{content:url("/assets/solid-core-annotated-dark.svg?v=20261012-lossless")}
html[data-theme=dark] img[src*="/solid-core-annotated-clean.svg"]{content:url("/assets/solid-core-annotated-clean-dark.svg?v=20261012-lossless")}

/* 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=20261012-card-tuv')}

/* 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-clean-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}

/* Product directory cards share the EV finder's dark blue-grey panel palette. */
html[data-theme=dark] .full-catalog-grid .catalog-card{background:#151c20;border-color:#354750;--line:#354750}

/* 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}
#main .smart-hero-copy>.eyebrow{font-size:var(--smart-tagline-size,25px);font-weight:400}
#main .smart-hero-copy>.smart-hero-tagline{white-space:nowrap;width:max-content;max-width:100%}

.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-clean-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-clean-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-clean-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-clean-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:linear-gradient(145deg,#c8e5ed 0%,#d8eaf5 55%,#bfd9ec 100%);border:1px solid var(--line);padding:20px;border-radius:0;overflow:hidden}
header nav .products-menu-panel .products-menu-feature:hover{background:linear-gradient(145deg,#c8e5ed 0%,#d8eaf5 55%,#bfd9ec 100%)}
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}

/* Balance extra vertical space above and below the fan; preserve continuous cable tails. */
.products-menu-images{container-type:inline-size;min-height:300px}
.products-menu-images img{inset:max(0px,calc((100% - 100cqw * 2543 / 2423) / 2)) auto auto 0;width:100%;height:auto;object-fit:initial;object-position:center top}
.products-menu-images::after{content:"";position:absolute;top:calc(max(0px,(100% - 100cqw * 2543 / 2423) / 2) + 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:6px 6px auto 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] header .logo{gap:9px}
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}

/* Touch menus keep every destination reachable in a scrollable panel. */
.smart-menu[open] summary::after{transform:rotate(180deg)}
@media (hover:none), (pointer:coarse){
 header nav .smart-menu-panel{max-height:70dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 header nav .smart-menu-panel a{min-height:44px}
 header nav .smart-menu summary{min-height:44px}
 header nav .products-menu-panel .products-menu-feature,header nav .guide-menu-panel .guide-finder{display:none}
 header nav .guide-menu-panel{grid-template-columns:1fr;width:min(420px,90vw)}
}
@media (max-width:900px){header nav .guide-menu-panel{width:100%}}

/* Compact touch navigation without reducing the tap area. */
@media (hover:none), (pointer:coarse){
 header nav .guide-menu-panel{padding:8px;gap:0}
 header nav .guide-paths{gap:2px}
 header nav .guide-menu-panel .guide-paths a{padding:6px 10px;line-height:1.25;min-height:44px}
 header nav .guide-menu-panel .guide-paths strong{font-size:15px;line-height:1.3}
 header nav .guide-menu-panel .guide-paths a span{font-size:11px;line-height:1.3;margin-top:2px}
}

/* Reallocate half the vertical shelf whitespace to larger artwork. */
.category-shelf{padding-top:12px;padding-bottom:12px}
.category-shelf>a{padding-top:4px;padding-bottom:4px;grid-template-rows:120px auto}
.category-shelf img{width:153px;height:120px}
@media(max-width:700px){
 .category-shelf{padding-top:10px;padding-bottom:10px}
 .category-shelf>a{grid-template-rows:100px auto}
 .category-shelf img{width:133px;height:100px}
}

/* Align the cable artwork with the bottom of its image area. */
.category-shelf>a[href="/products/?category=cable"]>img{object-position:center bottom}

/* Detail badges override catalog variant and hover positioning. */
html main .catalog-card.detail-catalog-preview .product-image img:is(.catalog-tuv,.catalog-etl,.catalog-ce),
html main .catalog-card.detail-catalog-preview:hover .product-image img:is(.catalog-tuv,.catalog-etl,.catalog-ce){top:12px;right:12px;left:auto;bottom:auto}

/* Slightly tighter desktop dropdowns, retaining the current typography. */
@media (min-width:901px) and (hover:hover) and (pointer:fine){
 header nav .smart-menu-panel{padding:14px;max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain}
 header nav .smart-menu-panel a{padding-top:8px;padding-bottom:8px;line-height:1.3}
 header nav .guide-menu-panel{gap:14px}
 header nav .guide-paths{gap:4px}
 header nav .guide-menu-panel .guide-paths a{padding:8px 10px;line-height:1.3}
 header nav .guide-menu-panel .guide-paths a span{margin-top:3px;line-height:1.3}
 header nav .guide-menu-panel .guide-finder{padding:18px;min-height:260px}
 header nav .products-menu-panel .products-menu-feature{padding:16px}
 header nav .products-menu-panel .products-menu-images{min-height:240px;margin-bottom:14px}
}

/* Photographic submenu panels fill the top, bottom and left edges. */
@media (min-width:901px) and (hover:hover) and (pointer:fine){
 header nav .guide-menu-panel:not(.products-menu-panel){padding:0;overflow:hidden}
 header nav .guide-menu-panel:not(.products-menu-panel) .guide-finder{align-self:stretch;border:0;border-radius:0;padding:18px}
 header nav .guide-menu-panel:not(.products-menu-panel) .guide-paths{padding:14px 14px 14px 0}
}

/* Product submenu artwork also reaches the panel's outer edges. */
@media (min-width:901px) and (hover:hover) and (pointer:fine){
 header nav .products-menu-panel{padding:0;overflow:hidden}
 header nav .products-menu-panel .products-menu-feature{align-self:stretch;border:0;border-radius:0;padding:16px}
 header nav .products-menu-panel .guide-paths{padding:14px 14px 14px 0}
}

/* Distinct product artwork panel, including its hover state. */
html header nav .products-menu-panel a.products-menu-feature,
html header nav .products-menu-panel a.products-menu-feature:hover{background:linear-gradient(145deg,#8fc6db 0%,#afd1e7 55%,#84b5d5 100%)}
/* Tablets retain submenu artwork; phone menus stay text-only. */
@media (min-width:701px) and (max-width:900px), (min-width:701px) and (hover:none), (min-width:701px) and (pointer:coarse){
 header nav .guide-menu-panel{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);width:min(720px,90vw);padding:0;gap:12px;overflow:hidden auto}
 header nav .guide-menu-panel .guide-finder,
 header nav .products-menu-panel .products-menu-feature{display:flex;align-self:stretch;border:0;border-radius:0;padding:16px;min-height:280px}
 header nav .guide-menu-panel .guide-paths{padding:8px 8px 8px 0}
 header nav .products-menu-panel .products-menu-images{min-height:220px;margin-bottom:12px}
 header nav .products-menu-panel .products-menu-feature strong{font-size:22px}
}
@media (min-width:701px) and (max-width:900px){
 header nav .guide-menu-panel{width:100%;box-sizing:border-box;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
 header nav .guide-menu-panel .guide-paths{min-width:0}
 header nav .guide-menu-panel .guide-paths a{white-space:normal;overflow-wrap:break-word}
 header nav .products-menu-panel .products-menu-images{min-height:210px}
}

/* Dark slate copy keeps the blue artwork panel clear and cohesive. */
html header nav .products-menu-panel a.products-menu-feature strong{color:#293e49}
html header nav .products-menu-panel a.products-menu-feature span{color:#3e5562}

/* Anchor the product-menu certification badge to the artwork panel corner. */
html header nav .products-menu-panel a.products-menu-feature{position:relative}
html header nav .products-menu-panel a.products-menu-feature>img.products-menu-tuv{position:absolute;inset:12px 12px auto auto;width:44px;height:44px;object-fit:contain;z-index:2}

/* Shared select-arrow spacing across the site. */
select:not([multiple]):not([size]){
 appearance:none;-webkit-appearance:none;padding-right:40px!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2350646e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 10.56px center!important;background-size:14px 14px!important;
}
html[data-theme=dark] select:not([multiple]):not([size]){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23c7d8df' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 6 5 5 5-5'/%3E%3C/svg%3E")!important}

/* Header preference pills show their labels without arrows. */
html header .header-actions select:is(#theme-choice,#language){background-image:none!important;padding-left:12px!important;padding-right:12px!important;text-align:center}

/* Product detail colour and depth, shared by all product families. */
body:has(.rich-product){background:linear-gradient(180deg,#eaf3f8 0,#f5f8fa 650px,#fff 100%)}
html main:has(.rich-product) .detail-image,html main:has(.rich-product) .detail-catalog-preview .product-image{background:radial-gradient(ellipse at 25% 15%,#fff 0,transparent 65%),linear-gradient(135deg,#e4f4f6,#e7eefb);border-color:#c0dce5;box-shadow:0 14px 36px rgba(24,71,98,.08)}
main:has(.rich-product) .product-facts{background:linear-gradient(110deg,#e3f3f6,#edf1fb);border:1px solid #c8e0e8;border-radius:14px;padding:20px}
main:has(.rich-product) .product-facts b{color:#007f99}
html main:has(.rich-product) .best-for{background:linear-gradient(115deg,#123b50,#006f82);box-shadow:0 8px 20px rgba(0,111,130,.12)}
main:has(.rich-product) #product-form{border-top:3px solid #0098b7;box-shadow:0 10px 28px rgba(24,71,98,.07)}
html main:has(.rich-product) .benefit-grid article{background:linear-gradient(145deg,#fff,#edf7fa);border-color:#c8e0e8;border-top:3px solid #0098b7}
html main:has(.rich-product) .benefit-grid article:nth-child(even){background:linear-gradient(145deg,#fff,#eef2fb);border-top-color:#6486c0}
html main:has(.rich-product) .catalog-table thead th{background:#164c64}
html main:has(.rich-product) .connectivity-panel{background:linear-gradient(120deg,#e4f4f6,#edf2fb);border-color:#c5dce7}
html[data-theme=dark] body:has(.rich-product){background:linear-gradient(180deg,#102933,#101920 650px,#101920)}
html[data-theme=dark] main:has(.rich-product) .detail-image,html[data-theme=dark] main:has(.rich-product) .detail-catalog-preview .product-image{background:radial-gradient(ellipse at 25% 15%,#264e5c,transparent 70%),linear-gradient(135deg,#173642,#202e48);border-color:#375969}
html[data-theme=dark] main:has(.rich-product) .product-facts,html[data-theme=dark] main:has(.rich-product) .connectivity-panel{background:linear-gradient(115deg,#193c46,#24334b);border-color:#385c6e}
html[data-theme=dark] main:has(.rich-product) .product-facts b{color:#63d2e8}
html[data-theme=dark] main:has(.rich-product) .benefit-grid article{background:linear-gradient(145deg,#192630,#1c3942);border-color:#375969;border-top-color:#39bad2}
html[data-theme=dark] main:has(.rich-product) .benefit-grid article:nth-child(even){background:linear-gradient(145deg,#192630,#26354c);border-top-color:#809bd0}

/* Benefit cards carry their colour accent on the left. */
html main:has(.rich-product) .benefit-grid article{border-top-width:1px;border-top-color:#c8e0e8;border-left:3px solid #0098b7}
html main:has(.rich-product) .benefit-grid article:nth-child(even){border-top-color:#c8e0e8;border-left-color:#6486c0}
html[data-theme=dark] main:has(.rich-product) .benefit-grid article{border-top-color:#375969;border-left-color:#39bad2}
html[data-theme=dark] main:has(.rich-product) .benefit-grid article:nth-child(even){border-top-color:#375969;border-left-color:#809bd0}

main:has(.rich-product) #product-form{border-top:1px solid var(--pd-line);border-left:3px solid #0098b7}
html[data-theme=dark] main:has(.rich-product) #product-form{border-left-color:#39bad2}

/* Small theme and language symbols inside the header capsules. */
html header .header-actions :is(.theme-control,.language-control){position:relative;display:inline-flex;align-items:center;flex-shrink:0}
html header .header-actions .header-control-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:block;pointer-events:none;color:var(--ink)}
html header .header-actions .header-control-icon svg{display:block;width:100%;height:100%}
html header .header-actions select:is(#theme-choice,#language){padding-left:36px!important;padding-right:16px!important;text-align:left}

/* Center each circular symbol on the center of the capsule end cap. */
html header .header-actions .header-control-icon{left:15px;transform:translate(-50%,-50%)}
html header .header-actions select:is(#theme-choice,#language){padding-left:30px!important}

/* Tighter text spacing in the theme and language capsules. */
html header .header-actions select:is(#theme-choice,#language){padding-left:26px!important;padding-right:10px!important}

/* Dropdown text starts at the same left edge as the capsule symbol. */
.header-select-menu{position:fixed;z-index:10000;padding:5px 0;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 8px 24px #0002;overflow:hidden}
.header-select-menu button{display:block;width:100%;border:0;border-radius:0;padding:7px 15px 7px 7px;background:transparent;color:inherit;text-align:left;font:inherit;font-size:13px;line-height:1.4;white-space:nowrap}
.header-select-menu button[aria-selected=true]{background:var(--soft)}
.header-select-menu button:is(:hover,:focus-visible){background:#0098b7;color:#fff;outline:none}

.accessories-page>.catalog-tabs{margin-top:0;margin-bottom:28px}


/* Adapter specifications follow the active theme across every column. */
.catalog-shop .catalog-table{border:1px solid var(--line);border-radius:14px;overflow:auto}
.catalog-shop .catalog-table table{margin:0;background:transparent}
.catalog-shop .catalog-table thead th{background:#dcecf1;color:#274b57}
.catalog-shop .catalog-table tbody :is(th,td){background:#f5fafc;color:#294956;border-color:#d9e6ec}
.catalog-shop .catalog-table tbody tr:nth-child(even) :is(th,td){background:#eaf3f7}
html[data-theme=dark] .catalog-shop .catalog-table{border-color:#344a55}
html[data-theme=dark] .catalog-shop .catalog-table thead th{background:#203943;color:#edf5f8}
html[data-theme=dark] .catalog-shop .catalog-table tbody :is(th,td){background:#17262e;color:#dce7ed;border-color:#344a55}
html[data-theme=dark] .catalog-shop .catalog-table tbody tr:nth-child(even) :is(th,td){background:#1d3039}

/* Keep catalog selections distinct and the search label on the page surface. */
html[data-theme=dark] .catalog-shop .segmented button[aria-pressed=true],
html[data-theme=dark] .catalog-shop .catalog-tabs button[aria-pressed=true]{background:#2b697b;border-color:#42899c;color:#fff}
html[data-theme=dark] .catalog-shop .catalog-search{background:transparent;color:var(--muted)}
html[data-theme=dark] .catalog-shop .catalog-search input{background:#1b2b32;border-color:#425963;color:#edf5f8}
html[data-theme=dark] .catalog-shop .catalog-search input::placeholder{color:#a8bac2;opacity:1}

/* A single dark market switch surface, with only the active segment filled. */
html[data-theme=dark] .catalog-shop .segmented{background:#182b33;border:1px solid #30464f;border-radius:10px}
html[data-theme=dark] .catalog-shop .segmented button:not([aria-pressed=true]){background:transparent;border-color:transparent;color:#c8d5db}
html[data-theme=dark] .catalog-shop .segmented button:not([aria-pressed=true]):hover{background:#233c46;color:#fff}

#charger-finder button[type=submit],#charger-finder>.button{display:flex;align-items:center;justify-content:center;text-align:center}

/* Accent rails belong to the dark product detail theme only. */
html:not([data-theme=dark]) main:has(.rich-product) .benefit-grid article,
html:not([data-theme=dark]) main:has(.rich-product) .benefit-grid article:nth-child(even){border-left:1px solid #c8e0e8}
html:not([data-theme=dark]) main:has(.rich-product) #product-form{border-left:1px solid var(--pd-line)}

/* Product light theme uses the quiet surfaces and restrained blue of SmartApp. */
html:not([data-theme=dark]) body:has(.rich-product){background:#edf3f5}
html:not([data-theme=dark]) main:has(.rich-product){--pd-soft:#f1f6f8;--pd-line:#dce6eb;--pd-ink:#20353f;--pd-muted:#5d727d}
html:not([data-theme=dark]) main:has(.rich-product) .detail-image,
html:not([data-theme=dark]) main:has(.rich-product) .detail-catalog-preview .product-image{background:#fff;border-color:var(--pd-line);box-shadow:none}
html:not([data-theme=dark]) main:has(.rich-product) .product-facts{background:#f0f6f8;border-color:var(--pd-line);box-shadow:none}
html:not([data-theme=dark]) main:has(.rich-product) .best-for{background:#eaf4f7;border:1px solid #d5e7ed;box-shadow:none;color:var(--pd-ink)}
html:not([data-theme=dark]) main:has(.rich-product) .best-for b{color:#007f99}
html:not([data-theme=dark]) main:has(.rich-product) .best-for p{color:var(--pd-muted)}
html:not([data-theme=dark]) main:has(.rich-product) #product-form{border:1px solid var(--pd-line);box-shadow:0 6px 24px rgba(28,66,83,.035)}
html:not([data-theme=dark]) main:has(.rich-product) .benefit-grid article,
html:not([data-theme=dark]) main:has(.rich-product) .benefit-grid article:nth-child(even){background:#fff;border:1px solid var(--pd-line);box-shadow:none}
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table thead th{background:#e8f2f6;color:#345561;border-color:var(--pd-line)}
html:not([data-theme=dark]) main:has(.rich-product) .connectivity-panel{background:#fff;border-color:var(--pd-line);box-shadow:none}
html:not([data-theme=dark]) main:has(.rich-product) .related-section{background:#edf5f8}

/* Refined light product surfaces and information hierarchy. */
html:not([data-theme=dark]) main:has(.rich-product) .product-facts{background:#fff;padding:20px;border-radius:14px;gap:16px}
html:not([data-theme=dark]) main:has(.rich-product) .product-facts>div{padding:0 14px;border-right:1px solid var(--pd-line)}
html:not([data-theme=dark]) main:has(.rich-product) .product-facts>div:first-child{padding-left:0}
html:not([data-theme=dark]) main:has(.rich-product) .product-facts>div:last-child{border-right:0;padding-right:0}
html:not([data-theme=dark]) main:has(.rich-product) .product-facts span{margin-top:5px;line-height:1.5}
html:not([data-theme=dark]) main:has(.rich-product) #product-form select{background:#f8fbfc;border-color:#c5d7df;border-radius:10px;font-weight:550}
html:not([data-theme=dark]) main:has(.rich-product) #product-form select:focus-visible{outline:2px solid #00849e;outline-offset:3px}
html:not([data-theme=dark]) main:has(.rich-product) .selected-spec{background:#f1f6f8;border:1px solid #e3ecef;padding:20px;line-height:1.6}
html:not([data-theme=dark]) main:has(.rich-product) .purchase-state{padding-top:18px;border-top:1px solid #e3ecef}
html:not([data-theme=dark]) main:has(.rich-product) .product-jump{background:#ffffffd9}
html:not([data-theme=dark]) main:has(.rich-product) .product-jump a{padding:9px 14px;border-radius:8px;color:#435e6a;transition:background .15s,color .15s}
html:not([data-theme=dark]) main:has(.rich-product) .product-jump a:hover{background:#e8f3f6;color:#007f99}
html:not([data-theme=dark]) main:has(.rich-product) .benefit-grid article{padding:28px;border-radius:16px}
html:not([data-theme=dark]) main:has(.rich-product) .benefit-grid article>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#eaf4f7;font-size:12px;margin-bottom:16px}
html:not([data-theme=dark]) main:has(.rich-product) .benefit-grid h3{line-height:1.35;margin-top:0;margin-bottom:14px}
html:not([data-theme=dark]) main:has(.rich-product) .benefit-grid p{line-height:1.75;margin-bottom:0}
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table tbody th{background:#f4f8fa}
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table tbody tr:nth-child(even) td{background:#f8fbfc}
html:not([data-theme=dark]) main:has(.rich-product) .related-section{background:transparent;border-top:1px solid #dce6eb}
@media(max-width:760px){html:not([data-theme=dark]) main:has(.rich-product) .product-facts{padding:16px;gap:8px}html:not([data-theme=dark]) main:has(.rich-product) .product-facts>div{padding:0 8px}html:not([data-theme=dark]) main:has(.rich-product) .benefit-grid article{padding:22px}}

/* Keep white cards on the pale canvas; give specifications a stronger hierarchy. */
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table{border-color:#bcd0da;border-radius:14px}
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table caption{background:#fff;color:#506977;border-bottom:1px solid #d6e3e9}
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table thead th{background:#174b5b;color:#fff;border-color:#376674;padding:18px;font-weight:650}
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table tbody th{background:#e0edf2;color:#244957;border-color:#c4d7e0}
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table tbody td{background:#fff;color:#20353f;border-color:#d0dfe6}
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table tbody tr:nth-child(even) td{background:#eaf2f6}
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table tbody tr:nth-child(even) th{background:#d4e5ed}
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table tbody tr:hover td{background:#dceef4}
html:not([data-theme=dark]) main:has(.rich-product) .catalog-table tbody tr:hover th{background:#c8e1eb}
html:not([data-theme=dark]) main:has(.rich-product) .selected-spec{background:#eaf2f6;border-color:#d3e2e9}
html:not([data-theme=dark]) main:has(.rich-product) .selected-spec>b{color:#174b5b}
html:not([data-theme=dark]) main:has(.rich-product) .best-for{background:#e0eff4;border-color:#c7e0e9}
html:not([data-theme=dark]) main:has(.rich-product) .benefit-grid article>span{background:#deeff4;color:#007f99}
html:not([data-theme=dark]) main:has(.rich-product) .product-jump{background:#fff;border-color:#cddde5}
html:not([data-theme=dark]) main:has(.rich-product) .product-jump a{color:#244957}
html:not([data-theme=dark]) main:has(.rich-product) :is(#product-form,.benefit-grid article,.connectivity-panel){border-color:#d0e0e7;box-shadow:0 4px 16px rgba(28,66,83,.035)}

/* Dark product details: calm navy canvas, distinct cards and readable tables. */
html[data-theme=dark] body:has(.rich-product){background:#101b22}
html[data-theme=dark] main:has(.rich-product){--pd-surface:#1c2c35;--pd-soft:#253b47;--pd-line:#38515f;--pd-ink:#edf5f8;--pd-muted:#b5c8d2;--pd-blue:#6ad3e7}
html[data-theme=dark] main:has(.rich-product) .detail-image,
html[data-theme=dark] main:has(.rich-product) .detail-catalog-preview .product-image{background:#20343e;border-color:#3a5664;box-shadow:0 10px 28px #0002}
html[data-theme=dark] main:has(.rich-product) .product-facts{background:#1c2c35;border-color:#38515f;padding:20px;gap:16px}
html[data-theme=dark] main:has(.rich-product) .product-facts>div{padding:0 14px;border-right:1px solid #38515f}
html[data-theme=dark] main:has(.rich-product) .product-facts>div:first-child{padding-left:0}
html[data-theme=dark] main:has(.rich-product) .product-facts>div:last-child{border:0;padding-right:0}
html[data-theme=dark] main:has(.rich-product) .product-facts span{margin-top:5px;line-height:1.5;color:#b5c8d2}
html[data-theme=dark] main:has(.rich-product) .best-for{background:#203e4b;border:1px solid #365c6e;box-shadow:none}
html[data-theme=dark] main:has(.rich-product) .best-for p{color:#d2e3eb}
html[data-theme=dark] main:has(.rich-product) #product-form{background:#1c2c35;border-color:#38515f;border-left-color:#49bdd5;box-shadow:0 10px 28px #0002}
html[data-theme=dark] main:has(.rich-product) #product-form select{background:#142630;color:#edf5f8;border-color:#4b6b7a;border-radius:10px;font-weight:550}
html[data-theme=dark] main:has(.rich-product) #product-form select:focus-visible{outline:2px solid #6ad3e7;outline-offset:3px}
html[data-theme=dark] main:has(.rich-product) .selected-spec{background:#253b47;border:1px solid #3a5666;padding:20px;line-height:1.6}
html[data-theme=dark] main:has(.rich-product) .selected-spec>b{color:#8de0ee}
html[data-theme=dark] main:has(.rich-product) .purchase-state{padding-top:18px;border-top:1px solid #38515f}
html[data-theme=dark] main:has(.rich-product) .product-jump{background:#1a2b35;border-color:#38515f}
html[data-theme=dark] main:has(.rich-product) .product-jump a{color:#d2e3eb;padding:9px 14px;border-radius:8px;transition:background .15s,color .15s}
html[data-theme=dark] main:has(.rich-product) .product-jump a:hover{background:#2a4654;color:#8de0ee}
html[data-theme=dark] main:has(.rich-product) .benefit-grid article,
html[data-theme=dark] main:has(.rich-product) .benefit-grid article:nth-child(even){background:#1c2c35;border-color:#38515f;border-left-color:#49bdd5;border-radius:16px;padding:28px;box-shadow:0 4px 16px #0001}
html[data-theme=dark] main:has(.rich-product) .benefit-grid article:nth-child(even){border-left-color:#87a9ce}
html[data-theme=dark] main:has(.rich-product) .benefit-grid article>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#294854;color:#8de0ee;font-size:12px;margin-bottom:16px}
html[data-theme=dark] main:has(.rich-product) .benefit-grid h3{line-height:1.35;margin-top:0;margin-bottom:14px}
html[data-theme=dark] main:has(.rich-product) .benefit-grid p{line-height:1.75;margin-bottom:0}
html[data-theme=dark] main:has(.rich-product) .catalog-table{border-color:#426171;border-radius:14px}
html[data-theme=dark] main:has(.rich-product) .catalog-table caption{background:#1c2c35;color:#b5c8d2;border-bottom:1px solid #38515f}
html[data-theme=dark] main:has(.rich-product) .catalog-table thead th{background:#25576a;color:#fff;border-color:#497589;padding:18px}
html[data-theme=dark] main:has(.rich-product) .catalog-table tbody th{background:#263f4c;color:#e2f0f6;border-color:#405c6b}
html[data-theme=dark] main:has(.rich-product) .catalog-table tbody td{background:#192b35;color:#edf5f8;border-color:#38515f}
html[data-theme=dark] main:has(.rich-product) .catalog-table tbody tr:nth-child(even) td{background:#223a47}
html[data-theme=dark] main:has(.rich-product) .catalog-table tbody tr:nth-child(even) th{background:#304d5c}
html[data-theme=dark] main:has(.rich-product) .catalog-table tbody tr:hover td{background:#2a4958}
html[data-theme=dark] main:has(.rich-product) .catalog-table tbody tr:hover th{background:#355a6b}
html[data-theme=dark] main:has(.rich-product) .connectivity-panel{background:#1c2c35;border-color:#38515f;box-shadow:none}
html[data-theme=dark] main:has(.rich-product) .related-section{background:transparent;border-top:1px solid #38515f}
html[data-theme=dark] main:has(.rich-product) .related-section .catalog-card{background:#1c2c35;border-color:#38515f}
@media(max-width:760px){html[data-theme=dark] main:has(.rich-product) .product-facts{padding:16px;gap:8px}html[data-theme=dark] main:has(.rich-product) .product-facts>div{padding:0 8px}html[data-theme=dark] main:has(.rich-product) .benefit-grid article{padding:22px}}

/* Product cards use an even fine border in the dark theme. */
html[data-theme=dark] main:has(.rich-product) #product-form,
html[data-theme=dark] main:has(.rich-product) .benefit-grid article,
html[data-theme=dark] main:has(.rich-product) .benefit-grid article:nth-child(even){border-left:1px solid var(--pd-line)}

/* Portable 7 light main canvas. */
html:not([data-theme=dark]) main[data-product-page="portable-7"]{background:#e4f2f7}

/* Portable 7: separate the fit card and table fills from the blue canvas. */
html:not([data-theme=dark]) main[data-product-page="portable-7"] .best-for{background:#fff;border-color:#c7dce6;box-shadow:0 4px 16px rgba(28,66,83,.035)}
html:not([data-theme=dark]) main[data-product-page="portable-7"] .selected-spec{background:#f0f5f7;border-color:#d6e3e9}
html:not([data-theme=dark]) main[data-product-page="portable-7"] .catalog-table tbody th{background:#d5e6ee;color:#244957;border-color:#bdd3df}
html:not([data-theme=dark]) main[data-product-page="portable-7"] .catalog-table tbody tr:nth-child(even) th{background:#c9dfe9}
html:not([data-theme=dark]) main[data-product-page="portable-7"] .catalog-table tbody td{background:#fff}
html:not([data-theme=dark]) main[data-product-page="portable-7"] .catalog-table tbody tr:nth-child(even) td{background:#f0f5f7}
html:not([data-theme=dark]) main[data-product-page="portable-7"] .catalog-table tbody tr:hover td{background:#e2eef4}
html:not([data-theme=dark]) main[data-product-page="portable-7"] .catalog-table tbody tr:hover th{background:#bdd8e5}

/* Certification plates remain legible against dark product imagery. */
html[data-theme=dark] .catalog-card .product-image img:is(.catalog-etl,.catalog-ce,.catalog-tuv){background:#f2f6f8;border:1px solid #cbd9df;border-radius:6px;padding:4px;filter:none;box-shadow:0 2px 8px #0002}
html[data-theme=dark] .ecosystem-grid>a>img.ecosystem-certification{background:#f2f6f8;border:1px solid #cbd9df;border-radius:6px;padding:4px;box-shadow:0 2px 8px #0002}
/* Home selection guide uses dark surfaces across all table cells. */
html[data-theme=dark] .home-chapter .choice-band{background:#1c2c35;border-color:#38515f}
html[data-theme=dark] .home-chapter .choice-band .catalog-table{background:#192b35;border-color:#426171;border-radius:12px;overflow:hidden}
html[data-theme=dark] .home-chapter .choice-band .catalog-table thead th{background:#25576a;color:#fff;border-color:#497589}
html[data-theme=dark] .home-chapter .choice-band .catalog-table tbody th{background:#263f4c;color:#e2f0f6;border-color:#405c6b}
html[data-theme=dark] .home-chapter .choice-band .catalog-table tbody td{background:#192b35;color:#edf5f8;border-color:#38515f}
html[data-theme=dark] .home-chapter .choice-band .catalog-table tbody tr:nth-child(even) th{background:#304d5c}
html[data-theme=dark] .home-chapter .choice-band .catalog-table tbody tr:nth-child(even) td{background:#223a47}
html[data-theme=dark] .home-chapter .choice-band .catalog-table tbody tr:hover :is(th,td){background:#2a4958}
html[data-theme=dark] .home-chapter .choice-band :is(p,.quiet){color:#b5c8d2}

/* Subtle dark separators between engineering artwork and card copy. */
html[data-theme=dark] .engineering-cards .engineering-picture{border-bottom-color:#343f46}

/* Monochrome ETL and CE marks on dark surfaces, without a backing plate. */
html[data-theme=dark] img:is([src*="etl-intertek"],[src*="/ce.png"]){background:transparent!important;border:0!important;border-radius:0;padding:0!important;filter:brightness(0) invert(.85)!important;box-shadow:none!important}

/* TÜV artwork keeps its own outline without an extra plate. */
html[data-theme=dark] img:is(.catalog-tuv,[src*="tuv-certified"]){background:transparent!important;border:0!important;border-radius:0;padding:0!important;box-shadow:none!important;filter:none!important}


/* Existing woman charging scene for the connector guide. */
#main .article-header.connector-existing-scene{position:relative;isolation:isolate;min-height:clamp(475px,36vw,700px);padding-top:80px;padding-bottom:50px;background:#152b30 url('/assets/solid-core-charging-lifestyle.webp') center 22%/cover no-repeat;color:#fff}
.connector-existing-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,25,31,.88) 0%,rgba(8,25,31,.70) 38%,rgba(8,25,31,.2) 72%,rgba(8,25,31,.08) 100%)}
#main .connector-existing-scene h1{max-width:780px;font-size:clamp(2rem,3.1vw,3.6rem);line-height:1.456;color:#fff}
#main .connector-existing-scene>p{max-width:630px;color:#fff}
#main .connector-existing-scene .breadcrumbs-in-content,#main .connector-existing-scene .breadcrumbs-in-content a{color:#fff}
@media(max-width:760px){#main .article-header.connector-existing-scene{min-height:485px;padding-top:85px;padding-bottom:55px;background-position:66% center}.connector-existing-scene:before{background:rgba(8,25,31,.65)}#main .connector-existing-scene h1{font-size:2.4rem}}

/* Separate the expanded mobile navigation from the page beneath it. */
@media(max-width:700px){
 html header nav.open{background:#dcecf2;border:1px solid #9fbfc9;border-top:3px solid #1498ad;border-radius:0 0 18px 18px;box-shadow:0 16px 36px rgba(7,35,43,.28);padding:16px 6% 22px;gap:0}
 html header nav.open> :is(a,.smart-menu){border-bottom:1px solid #b5ced6}
 html header nav.open> :last-child{border-bottom:0}
 html header nav.open>a,html header nav.open>.smart-menu>summary{display:block;padding:15px 8px;color:#173b45}
 html header nav.open>.smart-menu[open]>summary{background:#c9e2eb;border-radius:8px;color:#087f94}
 html header nav.open .smart-menu-panel{background:#f6fbfd;border-color:#bed5de;box-shadow:none}
 html[data-theme=dark] header nav.open{background:#213740;border-color:#486570;border-top-color:#5dcadd;box-shadow:0 18px 40px rgba(0,0,0,.55)}
 html[data-theme=dark] header nav.open> :is(a,.smart-menu){border-bottom-color:#3d5660}
 html[data-theme=dark] header nav.open>a,html[data-theme=dark] header nav.open>.smart-menu>summary{color:#eff8fb}
 html[data-theme=dark] header nav.open>.smart-menu[open]>summary{background:#304e59;color:#80deed}
 html[data-theme=dark] header nav.open .smart-menu-panel{background:#172930;border-color:#45616c}
}

/* Keep support question labels and chevrons inset from the card edges. */
.support-section .faq-list details>summary{padding-left:24px;padding-right:24px}
.support-section .faq-list details>p{margin-left:24px;margin-right:24px;padding-right:0}
@media(max-width:760px){.support-section .faq-list details>summary{padding-left:20px;padding-right:20px}.support-section .faq-list details>p{margin-left:20px;margin-right:20px}}

/* Anchor the mobile dropdown beneath the complete header, inset from the left. */
@media(max-width:700px){
 html header{position:relative}
 html header #menu{position:static;flex-shrink:0}
 html header nav.open{top:100%;left:25%;right:0;width:auto;max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 22px}
}

/* Small breathing space between support answers. */
.support-section .faq-list details+details{margin-top:8px}

/* Center the capped footer brand block within the full mobile row. */
@media(max-width:760px){footer .footer-grid>div:first-child{width:100%;margin-inline:auto}}

/* Inset mobile secondary navigation to make the hierarchy visible. */
@media(max-width:700px){html header nav.open .smart-menu-panel{margin-left:40px;width:calc(100% - 40px);box-sizing:border-box}}

/* Collapsed navigation uses text-only submenus on every device. */
@media(max-width:700px){
 html header nav .smart-menu-panel :is(.guide-finder,.products-menu-feature){display:none}
 html header nav .guide-menu-panel{grid-template-columns:minmax(0,1fr)}
 html header nav .guide-menu-panel .guide-paths{padding:12px}
}

/* Keep the brand and preference controls on one row when navigation collapses. */
@media(max-width:700px){
 html header{flex-wrap:nowrap;min-height:72px;height:auto;gap:8px;padding-top:14px;padding-bottom:14px}
 html header .header-actions{width:auto;flex-wrap:nowrap;gap:8px;margin-left:auto}
 html header .logo{--brand-height:clamp(18px,5.8vw,25px)}
 html header #menu{padding:0;min-width:24px;font-size:22px}
}
@media(max-width:480px){
 html header .header-actions{gap:6px}
 html header .header-actions select:is(#theme-choice,#language){font-size:11px;padding-left:24px!important;padding-right:8px!important;max-width:100px}
 html header nav.open{max-height:calc(100dvh - 110px)}
}

/* Use full-pixel outlines so preference capsules stay crisp on mobile screens. */
html header .header-actions select:is(#theme-choice,#language){border:1px solid #0098b7}

/* Give mobile footer navigation a little more space below the contact block. */
@media(max-width:760px){footer .footer-grid>div:first-child{margin-bottom:12px}}

/* Match the Guide pages: breadcrumbs sit 12px below the header. */
#main.support-breadcrumb-layout>.page-intro{position:relative}
#main.support-breadcrumb-layout .breadcrumbs-in-content{position:absolute;top:12px;left:0;right:0;padding:0;padding-left:inherit;padding-right:inherit;margin:0;line-height:1.5}

/* All breadcrumbs start 16px below their preceding header or image. */
#main>.site-breadcrumbs{padding-top:16px}
#main:not(.guide-breadcrumb-layout):not(.support-breadcrumb-layout) .page-intro:has(>.breadcrumbs-in-content),
#main:not(.guide-breadcrumb-layout) .article-header:has(>.breadcrumbs-in-content),
#main .smart-experience .smart-hero:has(>.breadcrumbs-in-content),
#main .smart-guide .sg-hero:has(>.breadcrumbs-in-content){padding-top:16px}
#main.guide-breadcrumb-layout .breadcrumbs-in-content,
#main.support-breadcrumb-layout .breadcrumbs-in-content,
#main .ev-hero>.site-breadcrumbs{top:16px}

/* One 5% outer content gutter at every viewport width. */
:root{--home-gutter:5%}
#main:has(.learn-section){--learn-gutter:5%}
html header,html footer,
#main>.section,#main>.page-intro,#main>.article-header,#main>.article-body,
#main>.support-section,#main>.product-detail,#main>.availability,
#main .homecoming-copy,#main .shop-collection-hero,
#main .smart-experience>.section,#main .smart-experience>.smart-hero,
#main .smart-experience :is(#tou,#schedule,#dynamic,#solar,#dlb,#statistics),
#main .smart-guide :is(.sg-hero,.sg-body),
#main :is(.about-intro,.about-body,#our-logo,.logo-details){padding-left:5%;padding-right:5%}
#main>.article-body,#main>.support-section,#main>.availability,
#main :is(.about-intro,.about-body,#our-logo,.logo-details,.sg-body){width:100%;max-width:none;margin-left:0;margin-right:0}
#main .support-section>:is(.search-box,.filter-chips,.faq-list){max-width:none}
#main.guide-breadcrumb-layout .breadcrumbs-in-content{left:5%;right:5%}
#main>.site-breadcrumbs{padding-left:5%;padding-right:5%}
#main .ev-guide{max-width:none;padding-left:5%;padding-right:5%}
#main .ev-guide .ev-hero{margin-left:calc(-100% / 18);margin-right:calc(-100% / 18);padding-left:5vw;padding-right:5vw}
#main .ev-hero>.site-breadcrumbs{left:5vw;right:5vw}
#main .ev-guide .ev-hero .ev-coverage{right:5vw}
#main .solid-core-lifestyle-copy{padding-left:5vw}
/* Full-bleed scenes apply the gutter once, inside their text layer. */
#main.guide-breadcrumb-layout>.article-header{padding-left:5%;padding-right:5%}
#main .ev-guide .ev-hero{padding-left:5%;padding-right:5%}
#main .ev-hero>.site-breadcrumbs{left:5%;right:5%}
#main .ev-guide .ev-hero .ev-coverage{right:5%}
#main>.solid-core-lifestyle-hero{padding-left:0;padding-right:0}
#main .solid-core-lifestyle-copy{padding-left:5%}
@media(max-width:700px){#main .solid-core-lifestyle-copy{padding-left:5%;padding-right:5%}}
/* Hero padding percentages resolve against the inset EV wrapper. */
#main .ev-guide .ev-hero{padding-left:calc(5% / .9);padding-right:calc(5% / .9)}

/* Light support answers remain distinct from the page canvas. */
html[data-theme=light] .support-section .faq-list details{background:#fff;border:1px solid var(--line);box-shadow:0 2px 6px rgba(7,62,74,.06)}

/* Support guide cards use the shared light card outline and elevation. */
html[data-theme=light] .support-section .manual-card{border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:var(--card-shadow)}

/* Local support scene, with open space for the existing page copy. */
#main .page-intro.support-scene{position:relative;isolation:isolate;min-height:clamp(400px,32.5vw,560px);padding-top:85px;padding-bottom:50px;background:#203438 url('/assets/support-charging-help-man.jpg') center top/cover no-repeat;color:#fff}
.support-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,25,31,.62),rgba(8,25,31,.38) 48%,rgba(8,25,31,.02) 75%)}
#main .support-scene h1{max-width:60%;font-size:clamp(2.4rem,3.8vw,4.6rem);color:#fff}
#main .support-scene>p{max-width:55%;color:#fff}
#main .support-scene .breadcrumbs-in-content,#main .support-scene .breadcrumbs-in-content a{color:#fff}
@media(max-width:760px){#main .page-intro.support-scene{min-height:500px;padding-top:64px;padding-bottom:40px;background-position:85% center}.support-scene:before{background:rgba(8,25,31,.62)}#main .support-scene h1{max-width:100%;font-size:2.5rem}#main .support-scene>p{max-width:100%}}

/* Keep the search label clear of the input focus outline. */
.support-section>.search-box>span{display:block;margin-bottom:12px}

/* Keep 42px of text-to-text space below the breadcrumb on these page intros.
   The 29px layout gap plus link padding and font leading gives 42px. */
#main.guide-breadcrumb-layout>.page-intro,
#main.guide-breadcrumb-layout>.article-header,
#main.support-breadcrumb-layout>.page-intro{padding-top:16px}
#main.guide-breadcrumb-layout .breadcrumbs-in-content,
#main.support-breadcrumb-layout .breadcrumbs-in-content,
#main .about-intro>.breadcrumbs-in-content,
#main .ev-hero>.site-breadcrumbs{position:static;padding:0;margin:0 0 29px}
#main .ev-hero{padding-top:16px;row-gap:0}
#main .ev-hero>.site-breadcrumbs{grid-column:1/-1}
#main .ev-hero>.site-breadcrumbs+div{padding-top:0}

/* About introduction overlays the engineering scene. */
#main .about-hero{position:relative;isolation:isolate;background:#15282e;color:#fff}
#main .about-hero>.about-photo{position:absolute;inset:0;height:100%;z-index:-2}
#main .about-hero>.about-photo img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
#main .about-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,21,28,.58),rgba(6,21,28,.38) 55%,rgba(6,21,28,.06))}
#main .about-hero>.about-intro{min-height:clamp(460px,34vw,680px);padding:16px 5% 48px;background:transparent;color:#fff}
#main .about-hero .breadcrumbs-in-content,#main .about-hero .breadcrumbs-in-content a{color:#e0edf0}
#main .about-hero .about-intro>.eyebrow{color:#a6e6f1}
#main .about-hero .about-intro h1{max-width:920px;width:75%;color:#fff;font-size:clamp(32px,3.3vw,56px);line-height:1.15}
#main .about-hero .about-intro h1 em{color:inherit}
#main .about-hero .about-intro>p:last-child{max-width:760px;width:65%;color:#e0edf0}
@media(max-width:760px){#main .about-hero>.about-intro{min-height:460px;padding-bottom:36px}#main .about-hero>.about-photo img{object-position:45% center}#main .about-hero:before{background:rgba(6,21,28,.48)}#main .about-hero .about-intro h1,#main .about-hero .about-intro>p:last-child{width:100%}#main .about-hero .about-intro h1{font-size:clamp(28px,6vw,38px)}}

/* Guide overview uses the finder scene behind its introduction. */
#main:has(.learn-section)>.page-intro{position:relative;isolation:isolate;min-height:clamp(400px,32.5vw,560px);padding-bottom:42px;background:#132c33 url('/assets/smartapp/home-solar-ev-banner-v6.webp') center 55%/cover no-repeat;color:#fff}
#main:has(.learn-section)>.page-intro:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,22,28,.62),rgba(6,22,28,.40) 50%,rgba(6,22,28,.08) 80%)}
#main:has(.learn-section)>.page-intro h1{color:#fff;max-width:65%}
#main:has(.learn-section)>.page-intro>.eyebrow{color:#a6e6f1}
#main:has(.learn-section)>.page-intro>p:last-child{color:#e0edf0;max-width:58%}
#main:has(.learn-section)>.page-intro .breadcrumbs-in-content,#main:has(.learn-section)>.page-intro .breadcrumbs-in-content a{color:#e0edf0}
#main:has(.learn-section)>.home-ev-finder{background:var(--soft);color:var(--ink);border-color:var(--line);min-height:0;padding:32px 38px}
#main:has(.learn-section)>.home-ev-finder:before{content:none}
#main:has(.learn-section)>.home-ev-finder .eyebrow{color:var(--action)}
#main:has(.learn-section)>.home-ev-finder h2{color:var(--ink)}
#main:has(.learn-section)>.home-ev-finder .home-ev-finder-copy>p:not(.eyebrow){color:var(--muted);max-width:760px}
#main:has(.learn-section)>.home-ev-finder .home-ev-finder-flow{color:var(--muted)}
#main:has(.learn-section)>.home-ev-finder .home-ev-finder-flow span{color:var(--action)}
@media(max-width:760px){#main:has(.learn-section)>.page-intro{background-position:65% center}#main:has(.learn-section)>.page-intro h1,#main:has(.learn-section)>.page-intro>p:last-child{max-width:100%}#main:has(.learn-section)>.page-intro:before{background:rgba(6,22,28,.54)}#main:has(.learn-section)>.home-ev-finder{padding:28px}}

/* Finder action and steps live on the Guide hero. */
#main:has(.learn-section)>.page-intro>p:not(.eyebrow){color:#e0edf0;max-width:58%}
.learn-hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}
.learn-hero-actions .home-ev-finder-flow{color:#e0edf0;margin:0;max-width:none}
.learn-hero-actions .home-ev-finder-flow span{color:#a6e6f1}
@media(max-width:760px){#main:has(.learn-section)>.page-intro>p:not(.eyebrow){max-width:100%}.learn-hero-actions .button{max-width:100%;white-space:normal}}

.learn-hero-actions .button{justify-content:center;text-align:center;gap:12px}

/* SmartApp overview: authentic schedule scene above the screen explanation. */
#main .smart-scene-hero{position:relative;isolation:isolate;padding:16px 5% 42px;min-height:clamp(390px,33.333vw,640px);background:#33475c url('/assets/smartapp/smartapp-living-room-schedule-revised.webp') center/cover no-repeat;color:#fff}
.smart-scene-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,27,41,.32),rgba(11,27,41,.12) 48%,transparent 64%)}
#main .smart-scene-hero .breadcrumbs-in-content{position:static;padding:0;margin:0 0 29px}
#main .smart-scene-hero .breadcrumbs-in-content,#main .smart-scene-hero .breadcrumbs-in-content a{color:#e0edf0}
.smart-scene-copy{max-width:48%;padding-top:0}
#main .smart-scene-copy>.eyebrow{font-size:clamp(14px,1.35vw,22px);line-height:1.5;letter-spacing:.01em;color:#c6eaf2;white-space:normal;margin-bottom:22px}
#main .smart-scene-copy h1{font-size:clamp(46px,5.2vw,90px);line-height:1.15;color:#fff;margin:0;hyphens:none;overflow-wrap:normal;word-break:normal}
.smart-overview-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:start;padding:48px 5%}
@media(max-width:1000px){.smart-overview-intro{grid-template-columns:1fr}.smart-overview-intro .smart-hero-demo{justify-self:center}}
@media(max-width:760px){#main .smart-scene-hero{min-height:420px;background-position:64% center;padding-bottom:36px}.smart-scene-hero:before{background:linear-gradient(90deg,rgba(11,27,41,.78),rgba(11,27,41,.38) 60%,rgba(11,27,41,.12))}.smart-scene-copy{max-width:100%}.smart-scene-copy h1{font-size:clamp(36px,9vw,56px)}#main .smart-scene-copy>.eyebrow{max-width:75%;font-size:16px}.smart-overview-intro{padding:32px 5%;gap:24px}}

/* Home screen context fills the overview copy beside the annotated phone. */
.smart-home-introduction{margin:28px 0;max-width:560px}
.smart-home-introduction h2,.smart-home-heading{font-size:clamp(25px,2.2vw,34px);line-height:1.2;margin:0 0 16px;color:var(--ink)}
.smart-home-introduction p{color:var(--muted);margin:0 0 16px}
.smart-home-introduction p:last-child{margin-bottom:0}

/* Charger configuration filters beneath the product family tabs. */
.charger-filters{margin:28px 0 20px;padding:24px 0 12px}
.charger-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.charger-filter-heading h2{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.5px}
.charger-filter-reset{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:#008aa3;color:#fff;border:0;border-radius:999px;font-size:16px;font-weight:650;cursor:pointer}
.charger-filter-reset:hover{background:#006d82}
.charger-filter-reset span{font-size:23px;line-height:1}
.charger-filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.charger-filter-grid label{display:flex;flex-direction:column;gap:12px;color:var(--muted);font-weight:600;font-size:15px;min-width:0}
.charger-filter-grid select{width:100%;min-height:58px;padding:14px 38px 14px 16px;border:1px solid #7faab8;border-radius:12px;background-color:#fff;color:#173e4b;font:inherit;font-weight:400;font-size:16px;cursor:pointer;text-overflow:ellipsis}
.charger-filter-grid select:focus-visible,.charger-filter-reset:focus-visible{outline:3px solid #008aa3;outline-offset:3px}
html[data-theme=dark] .charger-filter-grid select{background:#294955;border-color:#6f9aa9;color:#fff}
@media(max-width:1100px){.charger-filter-grid{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.charger-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charger-filter-heading h2{font-size:24px}.charger-filter-reset{font-size:14px;padding:10px 16px}.charger-filter-grid label{font-size:14px}.charger-filter-grid select{font-size:14px}}
@media(max-width:380px){.charger-filter-grid{grid-template-columns:1fr}}

.charger-filter-grid select:hover{border-color:#008aa3}

/* Align charger filter typography with the catalog controls. */
.catalog-shop .charger-filter-heading h2{font-size:22px;letter-spacing:-.3px}
.catalog-shop .charger-filter-grid label{font-size:13px}
.catalog-shop .charger-filter-grid select{font-size:14px}
.catalog-shop .charger-filter-reset{font-size:14px}
.catalog-shop .charger-filter-reset span{font-size:20px}
@media(max-width:650px){.catalog-shop .charger-filter-heading h2{font-size:20px}.catalog-shop .charger-filter-reset{font-size:13px}}

.catalog-shop .charger-filter-grid select{height:41.2px;min-height:0;padding:8px 38px 8px 16px;line-height:1.6}
@media(max-width:760px){.catalog-shop .charger-filter-grid select{height:37.6px;padding-top:6px;padding-bottom:6px}}

.adaptor-product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.adaptor-product-visual{height:620px;background:#fff;border:1px solid var(--line);border-radius:18px;text-align:center;padding:24px}
.adaptor-product-visual img{width:100%;height:100%;object-fit:contain}
.adaptor-product-copy h1{font-size:clamp(32px,4vw,54px);margin-bottom:16px}
.adaptor-product-copy h2{font-size:25px;letter-spacing:-.5px}
.adaptor-product-summary{display:flex;gap:24px;flex-wrap:wrap;margin:28px 0;color:var(--muted);font-size:13px}
.adaptor-product-summary span{display:flex;flex-direction:column;gap:6px}.adaptor-product-summary b{font-size:19px;color:var(--ink)}
.adaptor-product-copy>.text-link{display:block;margin-top:24px}.adaptor-product-specs h3{margin-top:36px}
.catalog-card .product-image.adaptor img[src*="catalog/adaptors/"]{height:94%;max-width:88%;width:auto;object-fit:contain;transform:none;margin:0}
html[data-theme=dark] .adaptor-product-visual{background:#20343e;border-color:#3a5664}
@media(max-width:760px){.adaptor-product-detail{grid-template-columns:1fr;gap:28px}.adaptor-product-visual{height:460px}.adaptor-product-copy h2{font-size:21px}}

/* Individual adaptors fill their card stage, with complete cable ends visible. */
html main .catalog-card .product-image.adaptor:has(img[src*="catalog/adaptors/"]){align-items:center;justify-content:center}
html main .catalog-card .product-image.adaptor img[src*="catalog/adaptors/"],html main .catalog-card:hover .product-image.adaptor img[src*="catalog/adaptors/"]{height:94%;max-height:none;width:auto;max-width:88%;object-fit:contain;transform:none;margin:0;align-self:center}

/* Regional certification marks on adaptor cards. */
html main .catalog-card .product-image.adaptor img:is(.catalog-tuv,.catalog-etl,.catalog-ce),html main .catalog-card:hover .product-image.adaptor img:is(.catalog-tuv,.catalog-etl,.catalog-ce){position:absolute;top:4px;right:4px;left:auto;bottom:auto;width:13.2%;max-width:58px;height:auto;max-height:none;margin:0;transform:none;object-fit:contain;z-index:2}

.adaptor-product-visual{position:relative}
.adaptor-product-visual img.adaptor-certification{position:absolute;top:16px;right:16px;width:58px;height:auto;max-height:none;object-fit:contain;z-index:2}

/* Match adaptor specification tables to the dark product palette. */
html[data-theme=dark] .adaptor-product-specs .catalog-table{background:#192b35;border-color:#426171}
html[data-theme=dark] .adaptor-product-specs .catalog-table thead th{background:#25576a;color:#fff;border-color:#497589}
html[data-theme=dark] .adaptor-product-specs .catalog-table tbody th{background:#263f4c;color:#e2f0f6;border-color:#405c6b}
html[data-theme=dark] .adaptor-product-specs .catalog-table tbody td{background:#192b35;color:#edf5f8;border-color:#38515f}
html[data-theme=dark] .adaptor-product-specs .catalog-table tbody tr:nth-child(even) th{background:#304d5c}
html[data-theme=dark] .adaptor-product-specs .catalog-table tbody tr:nth-child(even) td{background:#223a47}
html[data-theme=dark] .adaptor-product-specs .catalog-table tbody tr:hover :is(th,td){background:#2a4958}

/* Certification artwork must retain its full, square image bounds. */
html img:is(.catalog-ce,[src*="/ce.png"]){border-radius:0!important}

.smart-overview-intro .smart-hero-copy .smart-hero-lead{font-size:18px;line-height:1.5;font-weight:400;letter-spacing:0;margin-bottom:24px}
@media(max-width:760px){.smart-overview-intro .smart-hero-copy .smart-hero-lead{font-size:17px;line-height:1.5}}

.smart-overview-intro .smart-home-heading{font-size:clamp(30px,2.7vw,42px);line-height:1.2}

.smart-overview-intro .smart-home-heading{margin-top:20px;margin-bottom:28px}

.smart-overview-intro .smart-hero-copy .smart-hero-lead{max-width:520px;font-size:18px;line-height:1.65;margin-bottom:24px;color:var(--muted)!important}
@media(max-width:760px){.smart-overview-intro .smart-hero-copy .smart-hero-lead{font-size:17px}}

.smart-overview-intro .smart-hero-benefits{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px;font-size:18px;line-height:1.5;color:var(--ink)}
.smart-hero-benefits li{position:relative;padding-left:22px}
.smart-hero-benefits li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--brand,#008ba3)}
@media(max-width:760px){.smart-overview-intro .smart-hero-benefits{font-size:17px;gap:8px}}

/* Keep each SmartApp feature row aligned as its content expands. */
@media(min-width:761px){.smart-experience .smart-story{align-items:stretch}.smart-experience .smart-story>.smart-story-copy,.smart-experience .smart-story>.smart-story-media{align-self:stretch!important}}
.smart-experience .smart-goal-grid{grid-auto-rows:1fr}

/* App-store screenshots reproduced from SmartApp manual, page 3. */
#get-app .sg-app-store-image{display:block;width:100%;max-width:459px;height:auto;margin:0 auto 24px;border-radius:12px;border:1px solid var(--line)}

/* Guide surfaces follow the selected theme instead of white fallbacks. */
html[data-theme=dark] .smart-guide{--card:#1e1e1e;--mist:#202c30;--brand:var(--action)}
html[data-theme=dark] .smart-guide .sg-apps>div{background:#252525;border-color:var(--line)}
html[data-theme=dark] .smart-guide .sg-section{background:var(--card);color:var(--ink)}
html[data-theme=dark] .smart-guide .sg-note{background:var(--mist)}
html[data-theme=dark] .smart-guide .sg-footer{background:var(--card);color:var(--ink)}
html[data-theme=dark] #get-app .sg-app-store-image{border-color:#536066;background:#fff}

/* Clear, consistent navigation pills on SmartApp guides. */
.smart-guide .sg-jump a{background:#fff;color:#075565;border-color:#bfd3d9;font-weight:600;box-shadow:0 2px 5px #073e4a08;transition:background .15s,color .15s,border-color .15s}
.smart-guide .sg-jump a:hover{background:#d7edf2;color:#063e4a;border-color:#5eabbc}
.smart-guide .sg-jump a:focus-visible{outline:2px solid var(--action);outline-offset:3px}
html[data-theme=dark] .smart-guide .sg-jump a{background:#203239;color:#bdeaf2;border-color:#45626c;box-shadow:none}
html[data-theme=dark] .smart-guide .sg-jump a:hover{background:#2a4852;color:#fff;border-color:#70cadc}

/* Shared SmartApp scene across overview and all three guide pages. */
#main .smart-guide .sg-hero{position:relative;isolation:isolate;min-height:clamp(390px,33.333vw,640px);padding:16px 5% 42px;background:#33475c url('/assets/smartapp/smartapp-living-room-schedule-revised.webp') center/cover no-repeat;color:#fff}
#main .smart-guide .sg-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,27,41,.62),rgba(11,27,41,.3) 48%,transparent 72%)}
#main .smart-guide .sg-hero h1{color:#fff;max-width:48%;font-size:clamp(36px,4.4vw,72px);line-height:1.15}
#main .smart-guide .sg-hero>.eyebrow{color:#c6eaf2;margin-top:35px}
#main .smart-guide .sg-hero>p:last-child{color:#e0edf0;max-width:45%}
#main .smart-guide .sg-hero .breadcrumbs-in-content,#main .smart-guide .sg-hero .breadcrumbs-in-content a{color:#e0edf0}
@media(max-width:760px){#main .smart-guide .sg-hero{min-height:420px;background-position:64% center}#main .smart-guide .sg-hero:before{background:linear-gradient(90deg,rgba(11,27,41,.85),rgba(11,27,41,.55) 60%,rgba(11,27,41,.25))}#main .smart-guide .sg-hero h1,#main .smart-guide .sg-hero>p:last-child{max-width:100%}#main .smart-guide .sg-hero h1{font-size:clamp(34px,8vw,52px)}}

/* Breathing room between guide hero and section navigation. */
.smart-guide .sg-body{padding-top:36px}
@media(max-width:760px){.smart-guide .sg-body{padding-top:24px}}

/* Crop the collection scene at the bottom while preserving its framing. */
@media(min-width:761px){.shop-collection-hero{min-height:460px;padding-top:70px;padding-bottom:10px}.shop-collection-scene{bottom:-60px}}

/* Guide subpages share the Overview scene and its readable overlay. */
#main>.guide-overview-scene{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(400px,32.5vw,560px);padding-top:60px;padding-bottom:42px;background:#132c33 url('/assets/smartapp/home-solar-ev-banner-v6.webp') center 55%/cover no-repeat;color:#fff}
#main>.guide-overview-scene:before{content:'';display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,22,28,.45),rgba(6,22,28,.28) 50%,rgba(6,22,28,.04) 80%)}
#main .guide-overview-scene h1{color:#fff;max-width:850px}
#main .guide-overview-scene .eyebrow{color:#a6e6f1}
#main .guide-overview-scene p:not(.eyebrow),#main .guide-overview-scene a,#main .guide-overview-scene .breadcrumbs-in-content{color:#e0edf0}
#main>.guide-overview-scene>img{display:none}
#main .guide-overview-scene .solid-core-lifestyle-copy{width:65%;padding-top:0;padding-bottom:0}
@media(max-width:760px){#main>.guide-overview-scene{min-height:400px;padding-top:44px;padding-bottom:36px;background-position:65% center}#main>.guide-overview-scene:before{background:rgba(6,22,28,.45)}#main .guide-overview-scene .solid-core-lifestyle-copy{width:100%}}

/* Where to buy shares the Products collection scene. */
#main>.availability-scene{position:relative;isolation:isolate;min-height:460px;background:#173b3d url('/assets/shop-charging-scene-clean-wallbox.webp') center/cover no-repeat;color:#fff}
#main>.availability-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,30,32,.65),rgba(9,30,32,.40) 45%,rgba(9,30,32,.08) 80%)}
#main .availability-scene h1{color:#fff;max-width:650px}
#main .availability-scene .eyebrow,#main .availability-scene p,#main .availability-scene a,#main .availability-scene .breadcrumbs-in-content{color:#e3eeed}
@media(max-width:760px){#main>.availability-scene{min-height:440px;background-position:65% center}#main>.availability-scene:before{background:rgba(9,30,32,.55)}}

/* More breathing room above and between the About headline lines. */
#main .about-hero .breadcrumbs-in-content{margin-bottom:52px}
#main .about-hero .about-intro h1{line-height:1.3}
@media(max-width:760px){#main .about-hero .breadcrumbs-in-content{margin-bottom:38px}}

/* Give the About label and headline additional vertical space. */
#main .about-hero .about-intro>.eyebrow{margin-bottom:36px}
#main .about-hero .about-intro h1{line-height:1.45}
@media(max-width:760px){#main .about-hero .about-intro>.eyebrow{margin-bottom:28px}#main .about-hero .about-intro h1{line-height:1.35}}

/* Simple email contact card. */
#main .support-prep{display:block}
#main .support-prep>div{max-width:820px}
#main .support-prep h2{line-height:1.25}
#main .support-prep .text-link{display:inline-block;margin-top:12px;font-size:clamp(20px,2vw,28px)}

#product-form select[name="variant"],#product-form select[name="variant"] option{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-ligatures:none}

/* Equal-width product summary columns. */
main:has(.rich-product) .product-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
main:has(.rich-product) .product-facts>div{min-width:0;overflow-wrap:anywhere}

/* Divide the entire summary card evenly, including column padding. */
html main:has(.rich-product) .product-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-left:0;padding-right:0}
html main:has(.rich-product) .product-facts>div,html main:has(.rich-product) .product-facts>div:first-child,html main:has(.rich-product) .product-facts>div:last-child{padding-left:20px;padding-right:20px}
@media(max-width:760px){html main:has(.rich-product) .product-facts>div,html main:has(.rich-product) .product-facts>div:first-child,html main:has(.rich-product) .product-facts>div:last-child{padding-left:12px;padding-right:12px}}

/* Keep charging power and its unit together in model comparisons. */
#configurations .catalog-table:has(th:nth-child(8)) th:nth-child(3){width:110px;min-width:110px}
#configurations .catalog-table:has(th:nth-child(8)) td:nth-child(3){white-space:nowrap;min-width:110px;overflow-wrap:normal;word-break:normal}
@media(max-width:700px){body:has(.product-information) #configurations .catalog-table:has(th:nth-child(8)) table{min-width:1100px;width:1100px}body:has(.product-information) #configurations .catalog-table:has(th:nth-child(8)) td{white-space:normal}body:has(.product-information) #configurations .catalog-table:has(th:nth-child(8)) td:nth-child(3){white-space:nowrap}}

/* Model index: break between complete model numbers and keep links intact. */
.catalog-reference .reference-model{white-space:nowrap}
.catalog-reference .catalog-table th:last-child,.catalog-reference .catalog-table td:last-child{min-width:210px;width:210px;white-space:nowrap}
.catalog-reference .catalog-table td:last-child a{white-space:nowrap}

/* Equal columns in the complete model index. */
.catalog-reference .catalog-table table{table-layout:fixed;width:100%;min-width:720px}
.catalog-reference .catalog-table th,.catalog-reference .catalog-table td{width:33.333333%;min-width:0}
.catalog-reference .catalog-table th:last-child,.catalog-reference .catalog-table td:last-child{width:33.333333%;min-width:0}

/* Four equal columns after adding the market to the model index. */
.catalog-reference .catalog-table table{min-width:960px}
.catalog-reference .catalog-table th,.catalog-reference .catalog-table td,.catalog-reference .catalog-table th:last-child,.catalog-reference .catalog-table td:last-child{width:25%}

/* Preserve readable columns with the Wallbox OCPP capability. */
#configurations .catalog-table:has(th:nth-child(9)) table{min-width:1200px}
#configurations .catalog-table:has(th:nth-child(9)) th:last-child,#configurations .catalog-table:has(th:nth-child(9)) td:last-child{min-width:130px;white-space:nowrap}

/* Fit nine-column Wallbox comparisons to the page. */
html body #configurations .catalog-table:has(thead th:nth-child(9)) table{table-layout:fixed;width:100%;min-width:0}
html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td){min-width:0;padding:16px 10px;white-space:normal;overflow-wrap:anywhere}
html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td):nth-child(1){width:16%}
html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td):nth-child(2){width:14%}
html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td):nth-child(3){width:8%}
html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td):nth-child(4){width:7%}
html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td):nth-child(5){width:6%}
html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td):nth-child(6){width:10%}
html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td):nth-child(7){width:14%}
html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td):nth-child(8){width:17%}
html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td):nth-child(9){width:8%}
html body #configurations .catalog-table:has(thead th:nth-child(9)) td:nth-child(3){white-space:nowrap}
@media(max-width:900px){
html body #configurations .catalog-table:has(thead th:nth-child(9)) thead{display:none}
html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(table,tbody,tr){display:block;width:100%}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody tr{border-bottom:1px solid var(--line)}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody :is(th,td){display:grid;grid-template-columns:40% minmax(0,1fr);gap:12px;width:100%;padding:10px 16px;white-space:normal;border:0}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody :is(th,td):before{font-weight:600;color:var(--muted)}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody :is(th,td):nth-child(1):before{content:"Model"}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody :is(th,td):nth-child(2):before{content:"Cable Length"}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody :is(th,td):nth-child(3):before{content:"Power"}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody :is(th,td):nth-child(4):before{content:"Current"}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody :is(th,td):nth-child(5):before{content:"Phases"}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody :is(th,td):nth-child(6):before{content:"Vehicle connector"}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody :is(th,td):nth-child(7):before{content:"Power Connectivity"}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody :is(th,td):nth-child(8):before{content:"SmartApp"}
html body #configurations .catalog-table:has(thead th:nth-child(9)) tbody :is(th,td):nth-child(9):before{content:"OCPP 1.6J"}
}

/* Give OCPP more room by reducing the cable-length column. */
@media(min-width:901px){html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td):nth-child(2){width:10%}html body #configurations .catalog-table:has(thead th:nth-child(9)) :is(th,td):nth-child(9){width:12%}}

/* Alert-Pop catalog pages 8–11 */
.alert-expanded .alert-topic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:64px}.alert-expanded .alert-topic:first-of-type{margin-top:32px}.alert-expanded .alert-catalog-figure{margin:24px 0;min-width:0}.alert-catalog-figure img{display:block;width:100%;height:auto;border-radius:16px}.alert-catalog-figure figcaption{margin-top:12px;font-size:14px;color:var(--muted)}.alert-data-table table{width:100%;min-width:0;table-layout:fixed}.alert-data-table th,.alert-data-table td{overflow-wrap:anywhere;padding:16px}.alert-data-table th:first-child{width:28%}.alert-image-grid,.alert-table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.alert-source-pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.alert-expanded .spec-section{margin-top:64px}.alert-expanded ul{padding-left:24px}.alert-expanded li{margin-bottom:16px}.alert-expanded .alert-image-grid img{max-height:720px;object-fit:contain}.alert-expanded .alert-topic img{max-height:850px;object-fit:contain}.alert-expanded .spec-section>figure img{max-height:460px;object-fit:contain}@media(max-width:760px){.alert-expanded .alert-topic,.alert-image-grid,.alert-table-grid{grid-template-columns:1fr;gap:24px}.alert-expanded .alert-topic,.alert-expanded .spec-section{margin-top:44px}.alert-source-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.alert-data-table th,.alert-data-table td{padding:10px;font-size:12px}.alert-data-table th:first-child{width:30%}}

/* Compact regional availability sections. */
#main>.availability{padding-top:40px;padding-bottom:24px}#main>.availability+.availability{padding-top:24px}#main>.availability .section-heading{margin-bottom:24px}#main>.availability .notice{margin-top:24px;margin-bottom:0}@media(max-width:760px){#main>.availability{padding-top:32px;padding-bottom:20px}#main>.availability+.availability{padding-top:20px}}

/* Independent screens and numbered Alert-Pop fault guide. */
.alert-guide-intro{max-width:960px}.alert-severity{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0}.alert-severity p{padding:24px;background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px;margin:0}.alert-fault-nav{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 48px}.alert-fault-nav a{font-size:13px;padding:10px 14px;border:1px solid var(--line);border-radius:24px;text-decoration:none;background:var(--surface,#fff);color:var(--ink)}.alert-fault-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.alert-fault-card{border:1px solid var(--line);border-radius:24px;padding:28px;background:var(--surface,#fff);scroll-margin-top:150px}.alert-fault-heading{display:flex;gap:16px;align-items:start;margin-bottom:24px}.alert-number{font-size:22px;font-weight:700;color:#965500;background:#fff0d5;border-radius:12px;padding:12px;line-height:1;flex-shrink:0}.critical .alert-number{color:#ae3a37;background:#ffe6e4}.alert-fault-heading .eyebrow{font-size:10px;letter-spacing:.08em;margin:0 0 10px}.alert-fault-heading h2{font-size:25px;line-height:1.25;margin:0}.alert-fault-content{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px}.alert-fault-content figure{margin:0}.alert-fault-content img{display:block;width:100%;height:auto;border-radius:4px}.alert-fault-content figcaption{font-size:11px;line-height:1.5;color:var(--muted);margin-top:10px}.alert-fault-content h3{font-size:16px;line-height:1.4;margin:0 0 10px}.alert-fault-content p{font-size:14px;line-height:1.7;margin:0 0 22px}.alert-guide-support{margin-top:56px;padding:32px;border:1px solid var(--line);border-radius:24px}.alert-guide-support h2{font-size:30px}html[data-theme=dark] .alert-fault-card,html[data-theme=dark] .alert-severity p,html[data-theme=dark] .alert-fault-nav a{background:#1d272c}html[data-theme=dark] .alert-number{background:#493520;color:#ffd08a}html[data-theme=dark] .critical .alert-number{background:#492729;color:#ffb5b1}@media(max-width:1100px){.alert-fault-grid{grid-template-columns:1fr}.alert-fault-content{grid-template-columns:170px minmax(0,1fr)}}@media(max-width:600px){.alert-severity{grid-template-columns:1fr;gap:16px}.alert-fault-card{padding:22px}.alert-fault-content{grid-template-columns:1fr;gap:24px}.alert-fault-content figure{max-width:180px}.alert-fault-heading h2{font-size:23px}.alert-fault-nav{margin-bottom:32px}.alert-guide-support{padding:24px}}

.health-card .alert-number{background:#dff3f2;color:#086b75}html[data-theme=dark] .health-card .alert-number{background:#193c42;color:#9de3e8}

/* Charger and SmartApp alerts, aligned with the title. */
.paired-alert .alert-fault-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px}
.paired-alert .alert-number{box-sizing:border-box;width:48px;text-align:center;padding:12px 0}
.paired-alert .alert-fault-content{display:block;margin-left:64px}
.paired-alert .alert-screen-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start;gap:20px;margin-bottom:28px}
.paired-alert .alert-screen-pair figure{max-width:none;min-width:0}
.paired-alert .alert-screen-pair img{width:auto;max-width:100%;height:auto;max-height:260px;object-fit:contain;object-position:left top}
@media(max-width:600px){.paired-alert .alert-fault-heading{grid-template-columns:36px minmax(0,1fr);gap:12px}.paired-alert .alert-number{width:36px;font-size:18px;padding:10px 0}.paired-alert .alert-fault-content{margin-left:48px}.paired-alert .alert-screen-pair{gap:12px}}

/* Equal visual height for the two alert interfaces. */
.paired-alert .alert-screen-pair{grid-template-columns:minmax(0,1fr) minmax(0,1.46fr);gap:16px}
.paired-alert .alert-screen-pair img{height:clamp(100px,15vw,180px);width:auto;max-width:100%;max-height:none}
@media(min-width:601px) and (max-width:1100px){.paired-alert .alert-screen-pair{grid-template-columns:auto auto;justify-content:start;gap:28px}.paired-alert .alert-screen-pair img{height:clamp(130px,22vw,240px)}}
@media(max-width:600px){.paired-alert .alert-screen-pair{gap:10px}.paired-alert .alert-screen-pair img{height:clamp(70px,24vw,140px)}}

/* Health screenshot shares the SmartApp alert width and title alignment. */
.health-card .alert-fault-heading{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px}
.health-card .alert-number{box-sizing:border-box;width:48px;text-align:center;padding:12px 0}
.health-card .alert-fault-content{margin-left:64px;grid-template-columns:minmax(0,1.46fr) minmax(0,1fr);gap:16px}
.health-card .alert-fault-content figure{width:calc(clamp(100px,15vw,180px) * 1.1785714);max-width:100%}
@media(min-width:601px) and (max-width:1100px){.health-card .alert-fault-content{grid-template-columns:auto minmax(0,1fr);gap:28px}.health-card .alert-fault-content figure{width:calc(clamp(130px,22vw,240px) * 1.1785714)}}
@media(max-width:600px){.health-card .alert-fault-heading{grid-template-columns:36px minmax(0,1fr);gap:12px}.health-card .alert-number{width:36px;font-size:18px;padding:10px 0}.health-card .alert-fault-content{margin-left:48px;grid-template-columns:1fr}.health-card .alert-fault-content figure{width:calc(clamp(70px,24vw,140px) * 1.1785714)}}
@media(min-width:1101px){.health-card .alert-fault-content{grid-template-columns:calc(clamp(100px,15vw,180px) * 1.1785714) minmax(0,1fr)}}

/* Larger alert images with a compact gap. */
.paired-alert .alert-screen-pair{display:flex;gap:10px;justify-content:flex-start;align-items:flex-start}
.paired-alert .alert-screen-pair figure{flex:0 0 auto;max-width:calc(50% - 5px)}
.paired-alert .alert-screen-pair figure:first-child{max-width:40%}
.paired-alert .alert-screen-pair figure:last-child{max-width:60%}
.paired-alert .alert-screen-pair img{height:clamp(130px,16.5vw,208px);max-width:none}
@media(min-width:601px) and (max-width:1100px){.paired-alert .alert-screen-pair img{height:clamp(130px,22vw,260px)}}
@media(max-width:600px){.paired-alert .alert-screen-pair{gap:8px}.paired-alert .alert-screen-pair img{height:clamp(70px,28vw,155px)}}
.health-card .alert-fault-content{gap:10px}
.health-card .alert-fault-content figure{width:calc(clamp(130px,16.5vw,208px) * 1.1785714)}
@media(min-width:1101px){.health-card .alert-fault-content{grid-template-columns:calc(clamp(130px,16.5vw,208px) * 1.1785714) minmax(0,1fr)}}
@media(min-width:601px) and (max-width:1100px){.health-card .alert-fault-content figure{width:calc(clamp(130px,22vw,260px) * 1.1785714)}}
@media(max-width:600px){.health-card .alert-fault-content figure{width:calc(clamp(70px,28vw,155px) * 1.1785714)}}
.paired-alert .alert-fault-content{container-type:inline-size}
.paired-alert .alert-screen-pair img{height:min(260px,calc((100cqw - 10px)/2.01))}
@media(max-width:600px){.paired-alert .alert-screen-pair img{height:min(155px,calc((100cqw - 8px)/2.01))}}
.health-card .alert-fault-content{grid-template-columns:min(306.43px,calc((100% - 10px)*.586353)) minmax(0,1fr)}
.health-card .alert-fault-content figure{width:100%}
@media(max-width:600px){.health-card .alert-fault-content{grid-template-columns:1fr}.health-card .alert-fault-content figure{width:min(182.67px,calc((100% - 8px)*.586353))}}

/* Home awareness card: the same two overheat screens as the alert guide. */
.alert-card .engineering-picture.home-alert-pair{container-type:inline-size;gap:12px}
.alert-card .home-alert-pair img{width:auto;height:min(420px,calc((100cqw - 12px)/2));max-width:none;max-height:none;flex:0 0 auto;object-fit:contain;border-radius:8px}

/* Two alert examples, each pairing charger and SmartApp screens. */
.alert-card .engineering-picture.home-alert-pair{flex-direction:column;gap:28px;padding:24px}
.home-alert-row{display:flex;align-items:center;justify-content:center;gap:24px;width:100%}
.alert-card .home-alert-row img{height:min(240px,calc((100cqw - 24px)/2),calc((100cqw * 17/16 - 28px)/2));width:auto;max-width:none;max-height:none}
@media(max-width:600px){.alert-card .engineering-picture.home-alert-pair{gap:20px;padding:16px}.home-alert-row{gap:20px}.alert-card .home-alert-row img{height:min(240px,calc((100cqw - 20px)/2),calc((100cqw * 17/16 - 20px)/2))}}

/* Match the awareness card typography to the adjacent connector card. */
.engineering-home .alert-card{container-type:inline-size}
.engineering-home .alert-card h3{font-size:clamp(18px,6.2cqi,42px)}
.engineering-home .alert-card .mini-metrics b{font-size:clamp(22px,6.5cqi,42px)}

/* Separate the alert help card from the surrounding page. */
.alert-guide-support{background:var(--surface,#fff)}
html[data-theme=dark] .alert-guide-support{background:#1d272c}

/* Larger About brand headline. */
#main .about-hero:not(.alert-pop-hero) .about-intro h1{font-size:clamp(44px,5vw,80px);line-height:1.15}
@media(max-width:760px){#main .about-hero:not(.alert-pop-hero) .about-intro h1{font-size:clamp(36px,8vw,54px)}}

/* Dedicated compatible adaptor thumbnails below the product facts. */
.detail-gallery{min-width:0}
.paired-adaptors{margin-top:22px;min-width:0;border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--surface)}
.paired-adaptors-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.paired-adaptors-heading h2{font-size:16px;line-height:1.3;margin:0}
.paired-adaptors-heading>div{display:flex;gap:6px}
.paired-adaptors-heading button{width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.paired-adaptor-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:8px;scrollbar-width:thin}
.paired-adaptor-item{flex:0 0 128px;scroll-snap-align:start;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:5px}
.paired-adaptor-image{height:105px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}
.paired-adaptor-image img{width:90%;height:95px;object-fit:contain}
.paired-adaptor-item b{font-size:13px;line-height:1.4}
.paired-adaptor-item>span:last-child{font-size:11px;line-height:1.35;color:var(--muted)}
.paired-adaptor-item:hover .paired-adaptor-image{border-color:var(--accent)}

.adaptor-product-gallery{min-width:0;align-self:start}
.paired-chargers .paired-adaptor-item{flex-basis:190px}
.paired-chargers .paired-adaptor-image{height:140px}
.paired-chargers .paired-adaptor-image img{height:130px}

.included-adaptors-note{margin-top:22px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.included-adaptors-note>b{font-size:16px;color:var(--accent)}
.included-adaptors-note p{margin:8px 0;font-size:15px;font-weight:650}
.included-adaptors-note>span{display:block;font-size:12px;line-height:1.6;color:var(--muted)}
.paired-adaptor-item .adaptor-package-badge{font-size:10px;line-height:1.5;font-weight:600;color:var(--accent)}

/* Distinct surfaces for included accessories and optional product cards. */
.included-adaptors-note{background:#e0f0f4;border-color:#badce4}
.paired-adaptors{background:#fff;border-color:#d0e0e6}
.paired-adaptor-image{background:#f3f7f8;border-color:#dbe7eb}
html[data-theme=dark] .included-adaptors-note{background:#1e414b;border-color:#38616c}
html[data-theme=dark] .paired-adaptors{background:#1c2e37;border-color:#36505c}
html[data-theme=dark] .paired-adaptor-image{background:#14262e;border-color:#36505c}

/* View the complete product asset without cropping. */
.detail-catalog-preview .product-image,.adaptor-product-visual{cursor:zoom-in}
.product-image-viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:24px;border:0;border-radius:0;background:#fff;overflow:hidden;cursor:zoom-out;box-sizing:border-box}
.product-image-viewer::backdrop{background:#fff}
.product-image-viewer>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.product-image-viewer-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border:1px solid #ccdce1;border-radius:50%;background:#fff;color:#20343e;font-size:30px;line-height:1;cursor:pointer}
html[data-theme=dark] .product-image-viewer{background:#1e1e1e}
@media(max-width:760px){.product-image-viewer{padding:12px}}

.video-gesture-tip{display:block;margin-top:8px;text-align:left;line-height:1.6}

.annotated-construction{position:relative}.annotated-construction .construction-tuv-badge{position:absolute;top:16px;right:16px;width:90px;height:90px;object-fit:contain;z-index:2}.annotated-construction .construction-diagram-heading{padding-right:112px}
@media(max-width:760px){.annotated-construction .construction-tuv-badge{top:12px;right:12px;width:58px;height:58px}.annotated-construction .construction-diagram-heading{padding-right:70px}}

/* Keep control-box annotations readable in both themes, including the image viewer. */
html[data-theme=dark] img[src*="/alert-pop-control-box-light.png"]{content:url("/assets/voltqube-products/alert-pop-control-box-dark.png?v=20261012-control-box-2000")}

html[data-theme=dark] img[src*="/alert-pop-control-box-modular-light.png"]{content:url("/assets/voltqube-products/alert-pop-control-box-modular-dark.png?v=20261012-control-box-2000")}

/* Safety tables: consistent row surfaces in both themes. */
#main.safety-page{--safety-table-base:#fff;--safety-table-alt:#f0f6f8;--safety-table-head:#d4eaf0;--safety-table-head-ink:#173f4a;--safety-table-line:#cbdfe5;--safety-table-text:#425d67}
html[data-theme=dark] #main.safety-page{--safety-table-base:#1b2e37;--safety-table-alt:#223b46;--safety-table-head:#254c5b;--safety-table-head-ink:#edf8fb;--safety-table-line:#365563;--safety-table-text:#c4d5dc}
#main.safety-page .catalog-table{background:var(--safety-table-base);border:1px solid var(--safety-table-line);border-radius:20px;box-shadow:var(--card-shadow);overflow:auto}
#main.safety-page .catalog-table thead th{background:var(--safety-table-head);color:var(--safety-table-head-ink);border-color:var(--safety-table-line)}
#main.safety-page .catalog-table tbody tr{background:var(--safety-table-base)}
#main.safety-page .catalog-table tbody tr:nth-child(even){background:var(--safety-table-alt)}
#main.safety-page .catalog-table tbody :is(th,td){background:transparent;border-color:var(--safety-table-line)}
#main.safety-page .catalog-table tbody th{color:var(--ink)}
#main.safety-page .catalog-table tbody td{color:var(--safety-table-text)}

/* Safety shares About's engineering hero photograph. */
#main.safety-page>.guide-overview-scene{background-image:url('/assets/about-engineering-smartapp-screen.webp');background-position:center}
@media(max-width:760px){#main.safety-page>.guide-overview-scene{background-position:45% center}}

/* Related buying guides share the article content width. */
.seo-related-guide{max-width:1100px;margin:2rem auto;padding:0 1.5rem}.article-body>a.button{margin:.4rem .65rem .4rem 0}

/* Localized SVG srcset supplies the matching translated light/dark vector. */
html:not([lang="en"]) img[src*="/solid-core-annotated-tuv.svg"],
html:not([lang="en"]) img[src*="/solid-core-comparison.svg"],
html:not([lang="en"]) img[src*="/solid-core-annotated.svg"],
html:not([lang="en"]) img[src*="/solid-core-annotated-clean.svg"]{content:normal!important}

/* A responsive preview already supplies the correct themed artwork. */
html img[data-artwork-preview]{content:normal!important}

/* Shared bitmap artwork: translated labels align to the fitted image content. */
.ampbyte-artwork-labels{position:absolute;display:block;overflow:hidden;pointer-events:none!important;z-index:1;margin:0!important;padding:0!important;border:0!important}
.ampbyte-artwork-labels>svg{position:absolute;display:block;max-width:none!important;max-height:none!important;overflow:visible;pointer-events:none!important}

/* Theme/language buttons avoid native select popovers on touch browsers. */
html header .header-actions select:is(#theme-choice,#language)[hidden]{display:none!important}
html header .header-actions .header-picker-trigger{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:block;flex:none;margin:0;min-height:30px;height:30px;width:auto;max-width:none;padding:0 10px 0 26px;border:1px solid #0098b7;border-radius:999px;background:transparent;color:var(--ink);font-size:11px;font-weight:100;line-height:normal;text-align:left;white-space:nowrap;cursor:pointer;vertical-align:middle;touch-action:manipulation}
html header .header-actions .header-picker-trigger:is(:focus-visible,[aria-expanded=true]){border-color:#0098b7;box-shadow:inset 0 0 0 1.5px #0098b7;outline:none}
.header-select-menu{overflow-y:auto;overscroll-behavior:contain}

/* About: a clear mission followed by the experience behind it. */
#main .about-mission,#main .about-why{padding-block:56px}
#main .about-mission .about-copy,#main .about-why .about-copy{max-width:1000px}
#main .about-mission h2,#main .about-why h2{margin:0 0 24px;line-height:1.2;hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance}
#main .about-mission h2{font-size:clamp(32px,3.4vw,48px);max-width:850px}
#main .about-why h2{font-size:clamp(28px,2.8vw,38px)}
#main .about-mission .eyebrow,#main .about-why .eyebrow{margin-bottom:24px}
#main .about-mission .about-copy>p:not(.eyebrow),#main .about-why .about-copy>p:not(.eyebrow){font-size:18px;line-height:1.8}
#main .about-mission .mission-payoff{color:var(--ink);font-weight:650;margin:28px 0 0}
#main .about-why{padding-top:0}
#main .about-why .about-copy{border-top:1px solid var(--line);padding-top:48px}
#main .about-why .actions{margin-top:28px;gap:24px;flex-wrap:wrap}
@media(max-width:760px){#main .about-mission,#main .about-why{padding-block:36px}#main .about-why{padding-top:0}#main .about-why .about-copy{padding-top:36px}#main .about-mission .about-copy>p:not(.eyebrow),#main .about-why .about-copy>p:not(.eyebrow){font-size:16px}#main .about-why .actions{align-items:flex-start;flex-direction:column;gap:18px}}
#main .about-mission .about-copy>.mission-signature{margin:12px 0 0;font-size:24px;line-height:1.4;font-weight:650;color:var(--action)}
@media(max-width:760px){#main .about-mission .about-copy>.mission-signature{font-size:21px}}
#main .about-why .about-easier{font-size:clamp(25px,2.3vw,32px);line-height:1.3;margin:36px 0 20px;hyphens:none;overflow-wrap:normal;word-break:normal}

/* About section labels: visible above the larger editorial headings. */
#main :is(#our-logo,#our-mission,#why-ampbyte) .eyebrow{font-size:22px;font-weight:650;letter-spacing:.08em;line-height:1.4}
@media(max-width:760px){#main :is(#our-logo,#our-mission,#why-ampbyte) .eyebrow{font-size:18px}}

/* Support: white cards and inactive filters stand apart from the pale page. */
html[data-theme=light] #main .support-section .manual-card{background:#fff}
html[data-theme=light] #main .support-section .filter-chips button{background:#fff;border:1px solid var(--line)}
html[data-theme=light] #main .support-section .filter-chips button:not([aria-pressed=true]):hover{border-color:var(--action)}
html[data-theme] #main .support-section .filter-chips button[aria-pressed=true]{background:var(--forest);border:1px solid var(--forest);color:#fff}

/* Home dark palette: near-black canvas and matching blue-grey cards. */
html[data-theme=dark] body:has(.homecoming-hero){--paper:#0d0d0d;--line:#354750;background:#0d0d0d}
html[data-theme=dark] #main:has(.homecoming-hero) .home-chapter{--chapter-canvas:#0d0d0d;--chapter-surface:#151c20;--chapter-line:#354750;background:#0d0d0d;border-color:#354750}
html[data-theme=dark] #main:has(.homecoming-hero) :is(.catalog-card,.engineering-card,.ecosystem-grid>a,.mini-feature-links>a,.category-shelf,.choice-band,.article-card){background:#151c20;border-color:#354750;--line:#354750}

/* Light ordinary cards use the Products outline and subtle elevation. */
html[data-theme=light]{--light-card-border:rgba(220,229,232,.7);--light-card-shadow:0 4px 14px rgba(29,55,65,.065)}
html[data-theme=light] #main :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,.mini-feature-links>a,.manual-card,.smart-goal-card,.smart-record-grid>article,.smart-story-card,.finder,.support-prep,.choice-band,.connectivity-panel,.control-explainer,.adapter-principles,.certification-note,.annotated-construction,.comparison-panel:has(table),.mini-instructions,.mini-dlb-flow,.calculator){border:1px solid var(--light-card-border);box-shadow:var(--light-card-shadow)}

/* Home dark cards: quiet neutral edges inspired by the mobile app. */
html[data-theme=dark] #main:has(.homecoming-hero) :is(.catalog-card,.engineering-card,.ecosystem-grid>a,.mini-feature-links>a,.category-shelf,.choice-band,.article-card){border-color:rgba(255,255,255,.06);box-shadow:0 2px 8px rgba(0,0,0,.12)}

/* Dark ordinary cards share the home mobile-app-inspired edges. */
html[data-theme=dark]{--dark-card-border:rgba(255,255,255,.06);--dark-card-shadow:0 2px 8px rgba(0,0,0,.12)}
html[data-theme=dark] #main :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,.mini-feature-links>a,.manual-card,.smart-goal-card,.smart-record-grid>article,.smart-story-card,.finder,.support-prep,.choice-band,.connectivity-panel,.control-explainer,.adapter-principles,.certification-note,.annotated-construction,.comparison-panel:has(table),.mini-instructions,.mini-dlb-flow,.calculator){border-color:var(--dark-card-border);box-shadow:var(--dark-card-shadow)}

/* Product details use the shared page canvas and ordinary card surfaces. */
html[data-theme=light] body:has(main:is([data-product-page],:has(.rich-product),:has(.adaptor-product-detail))),html[data-theme=light] #main:is([data-product-page],:has(.rich-product),:has(.adaptor-product-detail)){background:#edf3f5}
html[data-theme=dark] body:has(main:is([data-product-page],:has(.rich-product),:has(.adaptor-product-detail))),html[data-theme=dark] #main:is([data-product-page],:has(.rich-product),:has(.adaptor-product-detail)){background:#0d0d0d}
html[data-theme=light] #main:is([data-product-page],:has(.rich-product),:has(.adaptor-product-detail)){--pd-surface:#fff;--pd-soft:#eaf2f6;--pd-line:#dce5e8;--detail-card-surface:#fff;--detail-card-border:var(--light-card-border);--detail-card-shadow:var(--light-card-shadow)}
html[data-theme=dark] #main:is([data-product-page],:has(.rich-product),:has(.adaptor-product-detail)){--pd-surface:#151c20;--pd-soft:#202b31;--pd-line:#354750;--detail-card-surface:#151c20;--detail-card-border:var(--dark-card-border);--detail-card-shadow:var(--dark-card-shadow)}
html[data-theme] #main:is([data-product-page],:has(.rich-product),:has(.adaptor-product-detail)) :is(.detail-image,.detail-catalog-preview,.adaptor-product-visual,.product-facts,.best-for,#product-form,.benefit-grid article,.benefit-grid article:nth-child(even),.connectivity-panel,.related-section .catalog-card,.paired-adaptors,.included-adaptors-note){background:var(--detail-card-surface);border:1px solid var(--detail-card-border);box-shadow:var(--detail-card-shadow)}
html[data-theme] #main:is([data-product-page],:has(.rich-product),:has(.adaptor-product-detail)) .detail-catalog-preview .product-image{background:transparent;border:0;box-shadow:none}
html[data-theme] #main:is([data-product-page],:has(.rich-product),:has(.adaptor-product-detail)) :is(.paired-adaptor-image,.gallery-thumbnails button){background:var(--detail-card-surface);border-color:var(--detail-card-border);box-shadow:none}
html[data-theme] #main:is([data-product-page],:has(.rich-product),:has(.adaptor-product-detail)) :is(.product-jump,.related-section){background:transparent;border-color:var(--pd-line)}
html[data-theme=dark] #main:is([data-product-page],:has(.rich-product),:has(.adaptor-product-detail)) .product-facts>div{border-right-color:var(--pd-line)}

html[data-theme=dark] body:has(#main .rich-product),html[data-theme=dark] body:has(#main .adaptor-product-detail){background:#0d0d0d}
html[data-theme=light] body:has(#main .rich-product),html[data-theme=light] body:has(#main .adaptor-product-detail){background:#edf3f5}

/* Dark product separators stay quieter than text and controls. */
html[data-theme=dark] #main .catalog-card .card-content::before,
html[data-theme=dark] #main .catalog-card .card-link,
html[data-theme=dark] #main .regional-heading{border-top-color:rgba(255,255,255,.07)}

/* Complete the quiet dark separators across all home chapters. */
html[data-theme=dark] #main:has(.homecoming-hero) .ecosystem-grid>a>span,
html[data-theme=dark] #main:has(.homecoming-hero) .ecosystem-section{border-top-color:rgba(255,255,255,.07)}
html[data-theme=dark] #main:has(.homecoming-hero) .engineering-picture,
html[data-theme=dark] #main:has(.homecoming-hero) .mini-home,
html[data-theme=dark] #main:has(.homecoming-hero) .home-chapter,
html[data-theme=dark] #main:has(.homecoming-hero) .category-shelf>a{border-bottom-color:rgba(255,255,255,.07)}

/* Home guide copy has a comfortable inset below the full-width artwork. */
#main .home-chapter-guide .article-card{display:flex;flex-direction:column;padding-bottom:24px;border-radius:18px;overflow:hidden}
#main .home-chapter-guide .article-card>:is(.eyebrow,h3,.quiet,.text-link){margin-left:24px;margin-right:24px}
#main .home-chapter-guide .article-card>.article-art{border-radius:0;margin-bottom:24px;flex-shrink:0}
#main .home-chapter-guide .article-card>.text-link{align-self:flex-start;margin-top:auto}
@media(max-width:760px){#main .home-chapter-guide .article-card{padding-bottom:20px}#main .home-chapter-guide .article-card>:is(.eyebrow,h3,.quiet,.text-link){margin-left:20px;margin-right:20px}#main .home-chapter-guide .article-card>.article-art{margin-bottom:20px}}

/* Complete the ordinary card system across alerts and SmartApp guides. */
html[data-theme=light]{--ordinary-card-surface:#fff;--ordinary-card-border:var(--light-card-border);--ordinary-card-shadow:var(--light-card-shadow)}
html[data-theme=dark]{--ordinary-card-surface:#151c20;--ordinary-card-border:var(--dark-card-border);--ordinary-card-shadow:var(--dark-card-shadow)}
html[data-theme] #main :is(.alert-fault-card,.alert-severity p,.alert-guide-support,.smart-story-media,.smart-report-card,.smart-layer-demo,.smart-start-links>a,.sg-section,.sg-apps>div){background:var(--ordinary-card-surface);border:1px solid var(--ordinary-card-border);border-radius:18px;box-shadow:var(--ordinary-card-shadow);min-width:0}
html[data-theme=dark] #main .smart-experience{--smart-surface:#151c20}
html[data-theme=dark] #main .smart-guide{--card:#151c20}
html[data-theme] #main :is(.smart-goal-card,.smart-record-grid>article,.smart-story-card){border-radius:18px}
html[data-theme] #main :is(.alert-fault-card,.alert-guide-support,.smart-layer-demo,.smart-report-card,.sg-section){padding:28px}
html[data-theme] #main :is(.alert-severity p,.sg-apps>div,.smart-start-links>a){padding:24px}
@media(max-width:760px){html[data-theme] #main :is(.alert-fault-card,.alert-guide-support,.smart-layer-demo,.smart-report-card,.sg-section,.alert-severity p,.sg-apps>div,.smart-start-links>a){padding:20px}}

/* The dark footer meets the page without an extra highlight rule. */
html[data-theme=dark] footer .footer-grid::before{content:none}

/* About: a quiet inset divider separates the same-colour closing message and footer. */
html[data-theme=dark] body:has(#main .about-mission) footer .footer-grid::before{content:"";border-top-color:rgba(255,255,255,.09)}

/* Center About long-form copy while retaining a comfortable reading width. */
#main :is(.about-mission,.about-why) .about-copy{width:100%;max-width:1000px;margin-inline:auto}


/* The footer uses the white VoltQube wordmark without an embedded icon. */
html[data-brand=voltqube] footer .brand-wordmark img{filter:brightness(0) invert(1)}

/* Guide covers: six distinct, coordinated colours shared with the home cards. */
#main .article-card .art-connectors{background:linear-gradient(135deg,#164853,#30717b);color:#e8f5f6}
#main .article-card.power-guide-card .article-art{background:linear-gradient(135deg,#cce8f2,#8cbdd2);color:#194656}
#main .article-card:not(.power-guide-card) .art-portable-or-wallbox{background:linear-gradient(135deg,#dfebdb,#a8c2a4);color:#304c38}
#main .article-card .art-home-charging{background:linear-gradient(135deg,#eee4d8,#cfb8a0);color:#574536}
#main .article-card .art-off-peak{background:linear-gradient(135deg,#e3e1f0,#b7b4d3);color:#454260}
#main .article-card .art-solar-dlb{background:linear-gradient(135deg,#f3eac9,#ddc77d);color:#5b4c23}

/* Separate black alert screenshots from dark cards with a soft, neutral halo. */
html[data-theme=dark] .alert-fault-content img{box-shadow:0 0 0 1px rgba(255,255,255,.07),0 -2px 9px rgba(255,255,255,.04),0 9px 18px -5px rgba(0,0,0,.65)}

/* Hide the source screenshot's stray bottom scanline without clipping its elevation shadow. */
#alert-01 .alert-screen-pair figure:first-child a{display:block;width:fit-content;overflow:hidden;border-radius:4px}
#alert-01 .alert-screen-pair figure:first-child img{margin-bottom:-1px;box-shadow:none}
html[data-theme=dark] #alert-01 .alert-screen-pair figure:first-child a{box-shadow:0 0 0 1px rgba(255,255,255,.07),0 -2px 9px rgba(255,255,255,.04),0 9px 18px -5px rgba(0,0,0,.65)}

/* Use a uniform blue-grey surface for dark navigation. */
html[data-theme=dark] body>header{
  background:#162c3a;
  border-bottom-color:rgba(255,255,255,.07);
  box-shadow:none;
}
html[data-theme=dark] header nav .smart-menu-panel,
html[data-theme=dark] header nav.open,
html[data-theme=dark] header nav.open .smart-menu-panel,
html[data-theme=dark] .header-select-menu{
  background:#162c3a;
  border-color:rgba(255,255,255,.09);
}
html[data-theme=dark] header nav.open> :is(a,.smart-menu){border-bottom-color:rgba(255,255,255,.07)}

/* Keep the promotional strip distinct from the navigation. */
html[data-theme=dark] .announcement{background:#093d47;color:#e1edf0;border-bottom:1px solid rgba(141,197,207,.32)}
html[data-theme=dark] .announcement a{color:#b8dce4;border-bottom-color:#648f9b;font-weight:400}
html[data-theme=dark] .announcement a:hover{color:#e1f5f8;border-bottom-color:currentColor}

/* Dark homepage: place navigation over the photograph with a soft top scrim. */
html[data-theme=dark].home-overlay-nav body>header{
  position:absolute;inset:0 0 auto;width:100%;z-index:100;
  background:transparent;border-bottom-color:transparent;box-shadow:none;
}
html[data-theme=dark].home-overlay-nav .homecoming-hero{
  padding-top:var(--home-header-height,92px);
  height:100svh;min-height:calc(var(--home-header-height,92px) + 570px);max-height:1000px;
}
html[data-theme=dark].home-overlay-nav .homecoming-hero:before{
  content:'';position:absolute;inset:0 0 auto;height:calc(var(--home-header-height,92px) + 110px);
  background:linear-gradient(180deg,rgba(5,14,19,.62),rgba(5,14,19,.24) 55%,transparent);
  pointer-events:none;z-index:-1;
}
@media(max-width:760px){
  html[data-theme=dark].home-overlay-nav .homecoming-hero{min-height:calc(var(--home-header-height,110px) + 660px);height:auto;max-height:none}
}

/* Match AmpByte A/B cap height and baseline, excluding p/y descenders. */
html[data-brand=voltqube] header .logo .brand-wordmark{height:calc(var(--brand-height)*.784);width:calc(var(--brand-height)*4.2958888);transform:translateY(calc(var(--brand-height)*-.06))}

/* Safety overview and its two engineering topics share one local navigation. */
.safety-section-nav{display:flex;flex-wrap:wrap;gap:8px 28px;padding:20px 5%;border-bottom:1px solid var(--line);background:var(--paper)}
.safety-section-nav a{padding:8px 0;color:var(--muted);font-weight:600;text-decoration:none;border-bottom:2px solid transparent}
.safety-section-nav a[aria-current="page"]{color:var(--action,var(--forest));border-bottom-color:currentColor}
.safety-section-nav a:hover{color:var(--ink)}
.safety-section-nav a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.alert-protection-intro{max-width:850px;margin-bottom:44px}
.alert-support-link{margin:0 0 28px}
/* Breadcrumbs belong to the image scene; never reserve a separate row above it. */
#main .has-image-breadcrumbs{position:relative}
#main .has-image-breadcrumbs>.breadcrumbs-on-image{position:absolute;top:18px;left:5%;right:5%;z-index:3;display:block;background:transparent;border:0;padding:0;margin:0;grid-column:auto;color:#fff;line-height:1.6;text-shadow:0 1px 5px #06151c}
#main .has-image-breadcrumbs>.breadcrumbs-on-image a{color:inherit}
#main .has-image-breadcrumbs>.breadcrumbs-on-image li:last-child{color:#9de4ed}
#main .has-image-breadcrumbs>.breadcrumbs-on-image:before{content:'';position:absolute;z-index:-1;inset:-18px -5.6vw -24px;background:linear-gradient(rgba(6,21,28,.65),transparent);pointer-events:none}
#main .page-intro.has-image-breadcrumbs,#main .sg-hero.has-image-breadcrumbs,#main .smart-scene-hero.has-image-breadcrumbs,#main .ev-hero.has-image-breadcrumbs{padding-top:100px}
#main .about-hero.has-image-breadcrumbs>.about-intro{padding-top:100px}
#main .solid-core-lifestyle-hero.has-image-breadcrumbs .solid-core-lifestyle-copy{padding-top:115px}
@media(max-width:760px){.safety-section-nav{gap:6px 20px;padding-top:14px;padding-bottom:14px}.safety-section-nav a{font-size:14px}#main .has-image-breadcrumbs>.breadcrumbs-on-image{top:14px;font-size:12px}#main .has-image-breadcrumbs>.breadcrumbs-on-image ol{gap:4px 8px}#main .has-image-breadcrumbs>.breadcrumbs-on-image li{gap:6px}#main .solid-core-lifestyle-hero.has-image-breadcrumbs .solid-core-lifestyle-copy{padding-top:32px}}
#main>.safety-section-nav{position:relative;inset:auto;z-index:1;display:flex;justify-content:flex-start;align-items:center;margin:0;background:var(--paper);color:var(--ink)}
#main>.safety-section-nav a[aria-current="page"]{color:var(--action,var(--forest))}
#main>.safety-section-nav a:hover{color:var(--ink)}

/* Footer groups follow shopping, everyday use, learning and company information. */
footer .footer-grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,4fr);gap:48px;align-items:start}
footer .footer-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
footer .footer-menu{border:0;margin:0;padding:0;min-width:0;background:transparent;border-radius:0;box-shadow:none}
footer .footer-menu summary{padding:0;background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:default}
footer .footer-menu summary::-webkit-details-marker{display:none}
footer .footer-menu summary h3{margin:0 0 22px;text-decoration:none;font-size:13px;line-height:1.5;letter-spacing:.06em}
footer .footer-toggle{display:none}
footer .footer-menu-links{padding:0;margin:0}
footer .footer-menu-links a{display:block;margin:0 0 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
footer .footer-policies{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px 24px;margin-top:32px;padding-bottom:20px;border-bottom:1px solid #ffffff25;font-size:12px}
footer .footer-policies a:hover{text-decoration:underline;text-underline-offset:4px}
footer .footer-bottom{margin-top:20px;border-top:0;padding-top:0;color:#a8c4cb}
footer .footer-menu summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(min-width:761px) and (max-width:1150px){footer .footer-grid{grid-template-columns:1fr;gap:36px}footer .footer-grid>div:first-child{max-width:none;justify-self:center}footer .footer-navigation{gap:24px}}
@media(max-width:760px){footer .footer-grid{grid-template-columns:1fr;gap:24px}footer .footer-navigation{display:block;width:100%}footer .footer-menu{border-bottom:1px solid #ffffff25}footer .footer-menu summary{cursor:pointer;padding:18px 0}footer .footer-menu summary h3{margin:0;font-size:14px}footer .footer-toggle{display:block;font-size:20px;line-height:1}footer .footer-menu[open] .footer-toggle{transform:rotate(45deg)}footer .footer-menu-links{padding:0 0 12px}footer .footer-menu-links a{font-size:15px;padding:5px 0}footer .footer-policies{justify-content:flex-start;margin-top:24px}}

#footer .footer-menu,#footer .footer-menu summary{background:transparent;box-shadow:none}

/* Keep brand breathing room and a measured footer width on wide screens. */
footer .footer-grid,footer .footer-policies,footer .footer-bottom{max-width:1600px;margin-left:auto;margin-right:auto}
footer .footer-grid>div:first-child{max-width:none;width:100%;padding-left:24px;padding-right:24px}
footer .footer-legal,footer .footer-legal>span{color:inherit;font-size:12px;font-weight:400;line-height:1.6;letter-spacing:0}
@media(min-width:1151px){footer .footer-grid{grid-template-columns:minmax(288px,360px) minmax(0,1fr);column-gap:clamp(64px,5vw,104px)}footer .footer-navigation{gap:clamp(20px,2vw,32px)}}
@media(min-width:761px) and (max-width:1150px){footer .footer-grid>div:first-child{max-width:396px}}
@media(max-width:760px){footer .footer-grid>div:first-child{padding-left:20px;padding-right:20px}}

/* Share content rows so wrapping in either home engineering card keeps its peer aligned. */
@media(min-width:761px){
 .engineering-home .engineering-cards{container-type:inline-size;grid-template-rows:auto auto auto auto auto auto;row-gap:0}
 .engineering-home .engineering-card{container-type:normal;display:grid;grid-row:span 6;grid-template-rows:subgrid;min-width:0}
 .engineering-home .engineering-card>div+div{display:grid;grid-row:2/span 5;grid-template-rows:subgrid;min-width:0}
 .engineering-home .engineering-card>div+div>.eyebrow{margin-bottom:0;align-self:start}
 .engineering-home .engineering-card h3{font-size:clamp(18px,calc(3.1cqi - .031 * var(--card-gap)),42px)}
 .engineering-home .engineering-card .mini-metrics b{font-size:clamp(22px,calc(3.25cqi - .0325 * var(--card-gap)),42px)}
 .engineering-home .engineering-card h3,.engineering-home .engineering-card p{align-self:start}
 .engineering-home .engineering-card .mini-metrics{align-self:start}
 .engineering-home .engineering-card .text-link{justify-self:start;align-self:start}
}