/* AD13 — targeted review fixes, readable brand navigation and stable slides. */
.hero .essentials{font-size:18px;line-height:28px;gap:26px;width:auto;max-width:calc(var(--content-width) - 205px);justify-content:flex-start}
.hero .essentials>span{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.essentials .icon{width:36px;height:36px;flex:0 0 36px}
.offers .brand-strip{min-height:78px;padding:8px 0;margin-bottom:16px;gap:18px}
.offers .brand-strip>a{gap:12px;color:#243e49}
.offers .brand-strip span{display:block;font-size:19px;line-height:28px}
.brand-emblem{display:grid;place-items:center;width:72px;height:60px;flex:0 0 72px;overflow:hidden}
.offers .brand-strip .brand-emblem img{width:72px;height:60px;object-fit:contain;transform:scale(var(--brand-scale,1))}
img[src$="brand-volkswagen.png"]{--brand-scale:1.35}
img[src$="brand-renault.png"],img[src$="brand-mercedes.png"]{--brand-scale:1.65}
img[src$="brand-audi.png"]{--brand-scale:1.12}
img[src$="brand-skoda.png"]{--brand-scale:1.2}
.offers .product .product-cta{background:var(--blue);color:#fff;border:1px solid var(--blue);transition:background .2s,color .2s,border-color .2s}
.offers .product:hover .product-cta,.offers .product:focus-within .product-cta,.offers .product .product-cta:hover{background:#173642;border-color:#173642;color:#fff}
.offers .product-cta .icon{color:inherit}
.shop-brands>a{grid-template-columns:76px minmax(0,1fr);column-gap:14px;min-height:112px;padding:20px 18px}
.shop-brands .brand-emblem{grid-row:span 2;width:76px;height:64px}
.shop-brands .brand-emblem img{width:86px;height:64px;object-fit:contain;transform:scale(var(--brand-scale,1))}
.shop-brands .brand-emblem img[src$="brand-audi.png"]{--brand-scale:1}
.shop-brands .brand-emblem img[src$="brand-skoda.png"]{--brand-scale:1.05}
.shop-brands span:not(.brand-emblem){font-size:19px;line-height:26px}
.shop-brands small{font-size:15px;line-height:23px}
.config-images{position:absolute;inset:0 0 92px;background:#eef0f0;overflow:hidden}
.comparison .config-visual .config-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:18px;filter:none;opacity:1;transition:opacity .42s ease;transform:none}
.comparison .config-visual .config-images img[hidden]{display:block!important;opacity:0;pointer-events:none}
.comparison .config-visual figcaption{height:92px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;background:#f8faf9;border-top:1px solid #dbe3df}
.config-visual figcaption strong{line-height:27px}.config-visual figcaption span{max-width:none}
.step-slides,.guide-slides{display:grid;grid-template-columns:minmax(0,1fr);isolation:isolate}
.step-slides>.step-panel,.guide-slides>.guide-panel{grid-area:1/1;max-height:none;align-self:stretch;min-width:0}
.step-slides>.step-panel[hidden],.guide-slides>.guide-panel[hidden]{display:grid!important;visibility:hidden;pointer-events:none}
.step-panel figure{position:relative;align-self:stretch;min-height:390px;max-height:none}
.step-panel figure img{position:absolute;inset:0;min-height:0;max-height:none;width:100%;height:100%;object-fit:cover}
.step-copy{align-self:start;padding:38px 40px}
.step-copy h3{min-height:2.34em;margin:14px 0}.step-copy p{min-height:3em}
.support-section .b2b{display:flex;flex-direction:column;gap:0;background:linear-gradient(130deg,#f8faf8,#edf3f0);border:1px solid #cfded9;border-top:3px solid #1d57d9;padding:32px;overflow:hidden;border-radius:3px}
.b2b-heading{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.b2b-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid #c6d7d1;background:white;color:#244a57;border-radius:3px}
.b2b-mark .icon{width:36px;height:36px}
.support-section .b2b .eyebrow{color:#1d57d9}
.b2b-heading small{display:block;font-size:15px;line-height:24px;color:#667f79;margin-top:2px}
.support-section .b2b h3{font-size:34px;line-height:1.17;letter-spacing:-.8px;margin:0 0 16px}
.support-section .b2b>p{font-size:17px;line-height:27px;margin:0 0 24px;color:#536c65}
.b2b-audiences{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 28px}
.b2b-audiences>div{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;row-gap:5px;padding:16px;background:#ffffffb3;border:1px solid #d9e4de}
.b2b-audiences .icon{width:28px;height:28px;grid-row:span 2;color:#50786b}
.b2b-audiences strong{font-size:18px;line-height:25px;font-weight:500}
.b2b-audiences span{font-size:14px;line-height:22px;color:#688077}
.b2b-action{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.support-section .b2b .button{margin:0;background:#173642;border-color:#173642;color:white;gap:12px;min-height:52px;font-size:16px}
.support-section .b2b .button:hover{background:#1d57d9;border-color:#1d57d9}
.b2b-action .icon{width:23px;height:23px}.b2b-action>small{font-size:14px;line-height:23px;color:#627a72;max-width:390px}
.cta-image .cta-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;background:#203336}
.cta-video-toggle{position:absolute;right:20px;top:20px;z-index:3;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;background:#ffffffe6;color:#193844;font-size:15px;line-height:24px;border:1px solid #ffffffb3}
.cta-video-toggle .icon{width:22px;height:22px}
.cta-image:after{background:linear-gradient(0deg,#0c202bba,transparent 55%);pointer-events:none}
@media(min-width:761px){
 .offers-content{bottom:78px;display:flex;flex-direction:column}
 .offers-content>.eyebrow,.offers .catalog-heading,.offers .brand-strip,.offers .catalog-note{flex-shrink:0}
 .offers .product-grid{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}
 .offers .product{height:100%;min-height:0}
 .offers .product .product-stage{min-height:0}
 .offers .catalog-note{margin-top:12px;margin-bottom:0}
}
@media(min-width:761px) and (max-height:760px){
 .offers .brand-strip{margin-bottom:12px}
 .offers .product .product-stage img{inset:8px 0 28px;height:calc(100% - 36px)}
 .step-panel figure{min-height:360px}.step-copy{padding:30px 32px}
}
@media(min-width:761px){
 .reduce-motion .story,.reduce-motion .stage,.reduce-motion .artboard{height:auto!important;position:static!important;overflow:visible!important}
 .reduce-motion .panel{position:relative;inset:auto;opacity:1!important;transform:none!important}
 .reduce-motion .chapter-nav,.reduce-motion .page-controls,.reduce-motion .progress{display:none}
 .reduce-motion .offers-content{bottom:auto}
 .reduce-motion .offers .product-grid{flex:none;height:460px}
 .reduce-motion .offers .product{height:460px}
 .reduce-motion .offers .product .product-stage img{inset:16px 0 36px;height:calc(100% - 52px)}
}
@media(min-width:761px) and (max-width:1100px){
 .hero .essentials{font-size:16px;line-height:24px;gap:16px;max-width:none}
 .essentials .icon{width:32px;height:32px;flex-basis:32px}.hero .essentials>span{gap:10px}
 html .hero .film-toggle{top:84px;bottom:auto}
 .offers .brand-strip span{font-size:16px;line-height:24px}.offers .brand-strip>a{gap:8px}
 .offers .brand-strip .brand-emblem{width:60px;height:48px;flex-basis:60px}.offers .brand-strip .brand-emblem img{width:64px;height:48px}
 .shop-brands>a{grid-template-columns:64px minmax(0,1fr);padding:18px 14px}.shop-brands .brand-emblem{width:64px;height:58px}.shop-brands .brand-emblem img{width:76px;height:58px}
 .shop-brands span:not(.brand-emblem){font-size:18px}.support-section .b2b{padding:26px}.b2b-audiences{gap:10px}.b2b-audiences>div{padding:12px;column-gap:8px}
}
@media(min-width:761px) and (max-width:1100px) and (max-height:660px){
 .offers-content{top:74px}.offers .catalog-heading{margin-bottom:8px}.offers .brand-strip{min-height:56px;padding-block:4px;margin-bottom:8px}
 .offers .brand-strip .brand-emblem{width:56px;height:44px;flex-basis:56px}.offers .brand-strip .brand-emblem img{width:60px;height:44px}
 .offers .catalog-note{margin-top:6px}
}
@media(max-width:760px){
 .hero .essentials,.reduce-motion .hero .essentials{font-size:17px;line-height:26px;display:grid;gap:16px;max-width:none;margin-bottom:28px}
 .hero .essentials>span{white-space:normal}.essentials .icon{width:34px;height:34px;flex-basis:34px}
 .offers .brand-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:14px 0;margin-bottom:22px}
 .offers .brand-strip>a{gap:12px}.offers .brand-strip span{font-size:16px;line-height:23px}
 .offers .brand-strip .brand-emblem{width:50px;height:44px;flex-basis:50px}.offers .brand-strip .brand-emblem img{width:60px;height:44px}
 .shop-brands>a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:18px 12px;min-height:156px;text-align:center}
 .shop-brands .brand-emblem{width:76px;height:58px}.shop-brands .brand-emblem img{width:84px;height:60px}.shop-brands span:not(.brand-emblem){font-size:17px;line-height:24px}.shop-brands small{font-size:14px}
 .config-images{bottom:118px}.comparison .config-visual .config-images img{padding:16px}.comparison .config-visual figcaption{height:118px;grid-template-columns:1fr;gap:5px;padding:14px 20px!important;align-content:center}.config-visual figcaption span{font-size:15px;line-height:23px}
 .step-panel figure{height:220px;min-height:220px;max-height:none}.step-panel figure img{min-height:0;height:100%}
 .step-copy{padding:26px}.step-copy h3{min-height:0;font-size:28px;line-height:1.2}.step-copy p{min-height:0}.step-copy ul{display:grid;gap:10px}
 .support-section .b2b{padding:26px}.support-section .b2b h3{font-size:30px;line-height:1.2}.b2b-audiences{grid-template-columns:1fr;gap:12px}.b2b-audiences>div{padding:15px}.b2b-audiences .icon{width:28px;height:28px}
 .b2b-action .button{width:100%;padding-inline:16px}.cta-video-toggle{right:16px;top:16px;font-size:14px}.cta-image .cta-video{object-position:63% center}
}
@media(prefers-reduced-motion:reduce){.config-images img,.product-cta{transition:none!important}}
.reduce-motion .config-images img{transition:none!important}