html{scroll-behavior:smooth}
.hero-bg{background-image:linear-gradient(rgba(0,0,0,.52),rgba(0,0,0,.52)),url('../images/hero-car.webp');background-size:cover;background-position:center;overflow:hidden}
.product-image{transition:transform .3s ease}
.product-image:hover{transform:scale(1.05)}
#main-image{transition:opacity .3s ease-in-out}
.gallery-thumbnail{opacity:.7;cursor:pointer;transition:opacity .3s ease,transform .2s ease,box-shadow .2s ease}
.gallery-thumbnail:hover,.gallery-thumbnail.active{opacity:1;transform:scale(1.05);box-shadow:0 0 8px rgba(0,0,0,.3)}
.thumb{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:.5rem}
.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html,body{max-width:100%}
img{max-width:100%}
.brand-logo{width:auto;max-width:none;object-fit:contain;flex:none}
.ds-cta{max-width:100%;white-space:normal;text-align:center}
#main-nav{display:none}
#burger{display:block}
#main-nav.open{display:flex;flex-direction:column;position:absolute;top:64px;right:0;left:0;background:#fff;padding:1rem;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:50;gap:.75rem}
#main-nav.open a{margin:0;padding:.5rem 0}
@media (min-width:1024px){#main-nav{display:flex;flex-direction:row;gap:2rem}#burger{display:none}}
@media (max-width:1023px){.hero-bg{background-position:center}.hero-bg .container{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.hero-bg h1{font-size:1.7rem;line-height:1.12;max-width:18rem;margin-left:auto;margin-right:auto;overflow-wrap:normal;word-break:normal}.hero-bg p{font-size:.95rem;line-height:1.45;max-width:18rem;margin-left:auto;margin-right:auto;overflow-wrap:normal;word-break:normal}.hero-bg .ds-cta{width:100%;max-width:18rem;margin-left:auto;margin-right:auto;display:block;padding-left:1rem;padding-right:1rem}header .container{position:relative;justify-content:flex-start}header .container>div:last-child{margin-left:1rem}#burger{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#374151}}
[hidden]{display:none!important}
.consent-layer{position:fixed;z-index:100;left:1rem;right:1rem;bottom:1rem;max-width:46rem;margin:auto;background:#fff;color:#1f2937;border:1px solid #d1d5db;border-radius:.75rem;box-shadow:0 12px 36px rgba(0,0,0,.25);padding:1rem}
.consent-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.consent-actions>.consent-button{flex:1 1 9rem}
.consent-button{border:2px solid #047857;border-radius:.45rem;padding:.65rem 1rem;font-weight:700}
.consent-button.primary{background:#047857;color:#fff}
.consent-button.secondary{background:#fff;color:#065f46}
.consent-button:focus-visible,.gallery-thumbnail:focus-visible,#burger:focus-visible,.faq-button:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.consent-close{position:absolute;right:.75rem;top:.5rem;font-size:1.5rem}
@media (max-width:480px){.consent-layer{left:.5rem;right:.5rem;bottom:.5rem;max-height:calc(100vh - 1rem);overflow:auto}.consent-actions{flex-direction:column}.consent-actions>.consent-button{width:100%;flex-basis:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-image,#main-image,.gallery-thumbnail{transition:none}}
.cart-trigger{position:relative;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:#047857;font-size:1.25rem}
.cart-count{position:absolute;right:-.35rem;top:-.35rem;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border-radius:999px;background:#047857;color:#fff;font-size:.72rem;font-weight:700;line-height:1.25rem;text-align:center}
.cart-overlay{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.48)}
.cart-drawer{position:fixed;z-index:95;top:0;right:0;width:min(100%,26rem);height:100vh;background:#fff;color:#1f2937;box-shadow:-10px 0 30px rgba(0,0,0,.18);padding:1.25rem;overflow-y:auto}
.cart-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}
.cart-header h2{font-size:1.5rem;font-weight:700}
.cart-close{font-size:2rem;line-height:1;color:#4b5563}
.cart-items{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}
.cart-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}
.cart-item>div:first-child{display:flex;flex-direction:column;gap:.25rem}
.cart-item span{color:#6b7280}
.cart-quantity{display:flex;align-items:center;gap:.65rem}
.cart-quantity button{width:2rem;height:2rem;border:1px solid #d1d5db;border-radius:.35rem;font-weight:700}
.cart-empty{padding:2rem 0;text-align:center;color:#6b7280}
.cart-summary{padding-top:1rem;border-top:1px solid #e5e7eb}
.cart-total{display:flex;justify-content:space-between;font-size:1.2rem;margin-bottom:1rem}
.cart-checkout{display:block;width:100%;padding:.85rem 1rem;border-radius:.45rem;background:#047857;color:#fff;text-align:center;font-weight:700}
.cart-checkout:hover{background:#065f46}
.cart-continue{display:block;width:100%;padding:.85rem 1rem;margin-top:.5rem;color:#047857;text-align:center;font-weight:700}
body.cart-open{overflow:hidden}
.cart-trigger:focus-visible,.cart-close:focus-visible,.cart-quantity button:focus-visible,.cart-checkout:focus-visible,.cart-continue:focus-visible,[data-cart-add]:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.offer-choice,.offer-card{position:relative}
.offer-choice{min-width:0}
.offer-choice .ds-cta{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:3.25rem;padding-right:3.4rem}
.offer-choice:first-child .ds-cta{padding-right:1rem}
.discount-badge{position:absolute;z-index:2;top:-.7rem;right:-.55rem;width:3.55rem;height:3.55rem;display:flex;align-items:center;justify-content:center;border:3px solid #fff;border-radius:50%;background:#047857;color:#fff;font-size:.88rem;font-weight:800;line-height:1;text-align:center;letter-spacing:-.02em;box-shadow:0 4px 10px rgba(0,0,0,.24);transform:rotate(-8deg);pointer-events:none}
.offer-card{overflow:visible}
.offer-card .discount-badge{top:-1rem;right:-.65rem}
.offer-choice a:focus-visible,.offer-card a:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
@media (max-width:480px){.discount-badge{top:-.55rem;right:-.35rem;width:3.1rem;height:3.1rem;font-size:.78rem}.offer-card .discount-badge{top:-.75rem;right:-.35rem}.offer-choice .ds-cta{padding-right:3rem}}
