/* STERN AUTOMOBILE V5: targeted refinement of accepted V3, not V4 redesign */
:root{--v5-ink:#202b2c;--v5-mist:#e7e8e5;--v5-paper:#f8f7f3;--v5-accent:#177f86;--v5-dark:#1d292b;--v5-whatsapp:#20b569;--header:82px;--width:1160px}
body{background:var(--v5-paper);color:var(--v5-ink);font-size:16px}
h1,h2,h3{overflow-wrap:normal;hyphens:none;letter-spacing:-.045em}
p{line-height:1.72}
.frame{width:min(var(--width),calc(100% - 72px))}
/* authentic-shaped vector provisional wordmark: crisp edges & single light accent */
.site-header{background:#1c292b;height:var(--header);box-shadow:0 1px 0 rgba(255,255,255,.07)}
.site-header.is-scrolled{background:rgba(22,32,34,.98);box-shadow:0 12px 34px rgba(5,18,21,.11)}
.brand{width:205px;isolation:isolate}
.brand img{width:205px;max-height:70px;object-fit:contain;image-rendering:auto}
.brand:hover img{filter:drop-shadow(0 0 7px rgba(167,218,219,.26))}
.desktop-nav a{font-size:.84rem;position:relative;background:transparent!important;border:1px solid transparent;border-radius:7px;padding:9px 12px;transition:background .28s,border-color .28s,color .28s,transform .28s;}
.desktop-nav a:hover,.desktop-nav a.active{border-color:rgba(255,255,255,.19);background:rgba(255,255,255,.07)!important;color:#fff;transform:translateY(-1px)}
.header-wa{background:#f8f7f3!important;border-color:#f8f7f3!important;color:#1c292b!important;border-radius:8px;font-size:.86rem}
.header-wa svg{color:#18a85a}
.header-wa:hover{background:#ecf0e9!important;transform:translateY(-2px)}
/* preserve V3 editorial hero and remove image boundaries */
.hero{background:#e5e5e2;min-height:690px;isolation:isolate}
.hero-stage{inset:0 0 0 34%;background:#e5e5e2;mix-blend-mode:normal;overflow:hidden}
.hero-photo{object-fit:contain;object-position:center 55%;width:100%;height:100%;filter:brightness(1.012) saturate(.87) contrast(1.03);transform:scale(1.08)}
.hero-stage::before{background:linear-gradient(90deg,#e5e5e2 0%,rgba(229,229,226,.99) 5%,rgba(229,229,226,.76) 19%,rgba(229,229,226,.12) 41%,transparent 54%);z-index:3}
.hero-stage::after{background:linear-gradient(0deg,#e5e5e2 0%,transparent 17%),linear-gradient(270deg,#e5e5e2 0,transparent 6%);z-index:3}
.hero-stage-tint{background:transparent}
.hero-inner{min-height:642px;padding-top:75px;padding-bottom:75px}
.hero-copy{width:min(550px,48%)}
.hero-copy h1{font-size:clamp(2.85rem,4.55vw,4.65rem);max-width:560px;line-height:1.075}
.hero-copy h1 em{color:#147d83}
.hero-intro{font-size:1.01rem;max-width:450px;color:#405153}
.hero .eyebrow{color:#3e5c60}
.hero-actions .action{transition:transform .25s,box-shadow .25s,background .25s;border-radius:7px}
.hero-actions .action:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgba(30,44,46,.1)}
.hero-rating{background:rgba(255,255,255,.68);border:1px solid rgba(20,35,36,.09);backdrop-filter:blur(6px)}
.hero-lower{background:#243537}
/* calmer editorial bridge than huge empty stripe */
.promise-section{background:#f7f6f2;padding:64px 0 68px}
.promise-inner{align-items:center}
.promise-inner h2{font-size:clamp(2.15rem,3vw,3.1rem);max-width:730px;line-height:1.16}
.promise-inner h2 span{color:#1b777e}
.promise-lead{font-size:.9rem!important;letter-spacing:.015em}
/* services: keep accepted asymmetric masonry; consistent desktop target and less oversized text */
.services{background:#f0f2ef;padding:72px 0 76px}
.services-intro{margin-bottom:30px;align-items:end}
.services-intro h2{font-size:clamp(2.4rem,3.35vw,3.45rem);line-height:1.11;max-width:740px}
.services-intro h2 em{color:#167b80}
.services-intro>p{font-size:1rem;max-width:340px;line-height:1.7}
.service-mosaic{gap:13px;min-height:465px}
.service-feature-content h3{font-size:clamp(1.65rem,2.5vw,2.55rem);line-height:1.12}
.service-tile h3{font-size:clamp(1.25rem,1.8vw,1.75rem);line-height:1.17;max-width:26ch}
.service-tile{transition:transform .28s,box-shadow .28s,filter .28s}
.service-tile:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(32,46,47,.09)}
.service-tile.tile-ankauf{background:#e2efeb}
.service-tile.tile-service{background:#e7ebea;color:#233638}
.service-tile.tile-reifen{background:#faf9f6}
/* inventory: editorial bright slate / mint rather than V3 heavy charcoal; genuine cards based on images */
.inventory{background:#f4f3ee;color:#202b2c;padding:78px 0 79px}
.inventory-v5-head{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:29px}
.inventory-v5-head h2{font-size:clamp(2.45rem,3.65vw,3.65rem);margin:0;line-height:1.08}
.inventory-v5-head h2 em{color:#24777d;font-style:normal}
.inventory-v5-aside{max-width:332px}
.inventory-v5-aside p{color:#4d5a5b;font-size:1rem;margin:0 0 12px;line-height:1.65}
.inventory-v5-aside .simple-link{display:inline-flex}
.inventory-display{overflow:hidden;margin-inline:-6px;padding:6px}
.home-vehicle-track{display:grid;grid-auto-columns:calc((100% - 30px)/3);grid-auto-flow:column;gap:15px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:2px 0 11px}
.home-vehicle-track::-webkit-scrollbar{display:none}
.vehicle-preview-card,.catalog-card{min-width:0;display:flex;flex-direction:column;position:relative;background:#fff;border:1px solid #dcded9;border-radius:10px;overflow:hidden;color:#202a2c;text-decoration:none;transition:box-shadow .25s,transform .25s,border-color .25s;scroll-snap-align:start}
.vehicle-preview-card:hover,.catalog-card:hover{transform:translateY(-4px);border-color:#b6c2bd;box-shadow:0 16px 28px rgba(19,34,35,.09)}
.vehicle-preview-card .vehicle-preview-photo,.catalog-card .vehicle-preview-photo{width:100%;aspect-ratio:1.64;background:#e7e7e5;position:relative;overflow:hidden}
.vehicle-preview-card img,.catalog-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 51%;transition:transform .5s cubic-bezier(.18,.78,.21,1)}
.vehicle-preview-card:hover img,.catalog-card:hover img{transform:scale(1.037)}
.vehicle-preview-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.vehicle-preview-card h3,.catalog-card h3{font-size:1.33rem;letter-spacing:-.034em;line-height:1.24;margin:2px 0 10px}
.vehicle-preview-card p,.catalog-card p{font-size:.82rem;color:#627071;margin:0 0 17px;line-height:1.55}
.vehicle-preview-card .preview-link,.catalog-card .preview-link{font-size:.84rem;font-weight:730;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto}
.vehicle-preview-card .preview-link b{font-size:1.25rem;font-weight:500}
.vehicle-preview-label{position:absolute;z-index:2;bottom:10px;left:11px;background:rgba(252,252,249,.92);color:#243133;padding:6px 10px;border-radius:5px;font-size:.67rem;font-weight:730}
.inventory-v5-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:8px;color:#78807f;font-size:.77rem}
.slider-controls{display:flex;gap:8px}.slider-controls button{width:42px;height:42px;border:1px solid #bcc8c3;border-radius:50%;background:#fff;color:#1b3031;transition:background .23s,transform .23s}.slider-controls button:hover{background:#e5efea;transform:translateY(-2px)}
.inventory-tail{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d6d9d4;margin-top:26px;padding-top:20px;gap:15px}.inventory-tail>span{font-size:.94rem;color:#425558}.inventory-tail .action{border-radius:7px}
/* owner: no odd breaking / clean photo harmony */
.owner{background:#f8f7f3;padding:84px 0}
.owner-inner{gap:clamp(46px,7vw,96px)}
.owner-photo{border-radius:24px 80px 24px 24px;background:#e5e5e2;position:relative}
.owner-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(248,247,243,.45),transparent 26%);pointer-events:none}
.owner-copy h2{font-size:clamp(2.65rem,3.85vw,3.75rem);max-width:540px}
.owner-copy h2 em{display:inline;color:#1b767c}
.owner-copy>p:not(.eyebrow){font-size:1.035rem;color:#35494b;line-height:1.73}
.owner-corner{box-shadow:0 10px 26px rgba(20,35,34,.07)}
/* review: avoid dark sectional repetition; slider keeps stable height */
.reviews{background:#edf2ef;padding:82px 0}
.reviews-layout{gap:clamp(35px,7vw,108px)}
.reviews-lead h2{font-size:clamp(2.45rem,3.65vw,3.65rem)}
.reviews-lead h2 em{color:#227a7e}
.reviews-lead>p:not(.eyebrow){font-size:1rem;color:#4c6160}
.review-rail{border:1px solid #d5e1dc;background:#f9fbf8;box-shadow:0 22px 46px rgba(31,50,47,.06);min-height:330px}
.review-slides{min-height:155px}
.review-bigstars{letter-spacing:.03em;font-size:1.7rem;color:#cc8b34}
/* FAQ with apparent interactive states */
.faq{background:#faf9f6;padding:86px 0}
.faq-intro>p:not(.eyebrow){font-size:1rem;color:#3d5454}
.faq-items details{transition:background .25s,border-color .25s,padding .25s}
.faq-items details:hover{background:#f0f4f0}
.faq-items details[open]{background:#edf2ef;border-color:#b9cfca}
.faq-items summary{padding-left:16px;padding-right:16px}
.faq-items details p{padding-left:16px;padding-right:16px;font-size:.95rem;line-height:1.7}
/* contact deep warm spruce with WHITE as emphasized copy; WhatsApp uses its own brand green */
.contact{background:linear-gradient(125deg,#213335,#243234 61%,#1b292b);color:#f8f9f5;padding:85px 0 86px}
.contact-layout{gap:clamp(50px,9vw,130px)}
.contact-left h2{font-size:clamp(2.65rem,3.8vw,3.65rem);max-width:570px}
.contact-left h2 em{color:#f7f8f3;font-weight:550}
.contact-left>p:not(.eyebrow){color:#ecf1ed;font-size:1.025rem}
.contact .eyebrow,.contact-kicker{color:#dce9e5}
.contact-fast.whatsapp-primary{border:0;background:#1ca75c;color:#fff;border-radius:9px;padding:18px 19px;box-shadow:0 8px 20px rgba(0,0,0,.14)}
.contact-fast.whatsapp-primary:hover{background:#168d4d;transform:translateY(-3px);box-shadow:0 13px 32px rgba(0,0,0,.19)}
.contact-fast.whatsapp-primary .contact-fast-icon{background:#fff;color:#159553;border-radius:50%;width:44px;height:44px}
.contact-fast.whatsapp-primary small{color:#e9fff0}
.contact-fast.whatsapp-primary>span:last-child{color:#fff}
.contact-right h3{font-size:clamp(2.25rem,2.7vw,3rem);line-height:1.15}
.contact-right h3 span{color:#e7eee9}
.contact-right address{color:#f3f5f0}
.contact-map,.contact-email{color:#f0f4ea;text-decoration:underline;text-decoration-color:rgba(255,255,255,.32);text-underline-offset:5px}
.contact-right .contact-link{font-size:1.48rem;letter-spacing:.015em;color:#fff}
.contact-right dt{color:#dce9e6}.contact-right dd{color:#fff}
.contact-rule{background:rgba(255,255,255,.2)}
.compose{border-color:rgba(255,255,255,.18)}
.compose a,.compose button{color:inherit}
/* familiar WhatsApp floating icon, not colored like brand teal */
.floating-wa{background:#1baa61!important;border:2px solid #fff!important;box-shadow:0 9px 24px rgba(0,0,0,.18)!important;color:#fff!important}
.floating-wa:hover{background:#138747!important}
/* standalone inventory and details -- well-structured, no false claims */
.vehicle-page-hero{background:#e8ebe7;padding:58px 0 68px}
.vehicle-page-top .crumb{margin-bottom:22px}
.crumb{display:inline-flex;color:#345451;text-decoration:underline;text-underline-offset:5px;font-size:.86rem;font-weight:750}
.vehicle-page-top h1{font-size:clamp(2.8rem,5.1vw,5rem);line-height:1.04;margin:0 0 18px}
.vehicle-page-top h1 em{font-style:normal;color:#1c7b80}
.vehicle-page-top>p:last-child{max-width:650px;font-size:1.02rem;color:#415457}
.vehicle-catalog{padding:64px 0 100px;background:#faf9f6}
.catalog-toolbar{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
.catalog-toolbar h2{font-size:clamp(2rem,3vw,2.65rem);margin:0 0 8px}
.catalog-toolbar p{color:#5f6b6a;font-size:.92rem;max-width:600px;margin:0}
.catalog-inputs{display:flex;gap:10px;align-items:end}
.search-box{font-size:.75rem;color:#465759;display:flex;flex-direction:column;font-weight:730;gap:6px}
.search-box input,.search-box select{padding:12px 13px;min-height:45px;font:inherit;font-size:.89rem;font-weight:450;background:white;border:1px solid #cbd3ce;border-radius:6px;color:#263535;min-width:170px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.catalog-card .vehicle-preview-card-body{padding:20px}
.catalog-note{border-top:1px solid #d1d6d1;margin-top:32px;padding-top:24px;font-size:.9rem;color:#526564}.catalog-note a{text-decoration:underline;color:#14616c;font-weight:700;text-underline-offset:4px}
.catalog-empty{padding:35px;background:#e8efeb;border-radius:10px}
.vehicle-cta{background:#243436;color:white;padding:55px 0}
.vehicle-cta>.frame{display:flex;justify-content:space-between;align-items:center;gap:20px}.vehicle-cta h2{font-size:clamp(2rem,2.7vw,2.7rem);margin:0}.vehicle-cta .eyebrow{color:#e6f3f0}
.detail-page{padding:50px 0 90px;background:#faf9f6;min-height:70vh}
.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:start;margin-top:35px}
.detail-photo{background:#e6e8e5;border-radius:12px;overflow:hidden}
.detail-photo img{width:100%;aspect-ratio:1.48;object-fit:cover}
.detail-info h1{font-size:clamp(2.4rem,3.7vw,3.85rem)}
.detail-info>p{color:#4f6161;font-size:1rem}
.detail-spec{list-style:none;padding:0;margin:24px 0;display:grid;gap:0}
.detail-spec li{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d2dcd6;padding:13px 0}.detail-spec li span:first-child{color:#5e706d}
.detail-actions{display:flex;gap:10px;flex-wrap:wrap}
.v5-secondary-footer{background:#1d292b;color:#f3f5f2;padding:40px 0}
.v5-secondary-footer-inner{display:grid;grid-template-columns:170px 1fr 1fr auto;gap:34px;align-items:start}.v5-secondary-footer img{width:166px;height:auto}.v5-secondary-footer div div{display:flex;flex-direction:column;gap:8px;font-size:.85rem}.v5-secondary-footer span{color:#d3ddda}.v5-secondary-footer a:hover{text-decoration:underline}
.backtop{position:fixed;z-index:80;right:26px;bottom:24px;width:45px;height:45px;border-radius:50%;background:#fbfcf8;color:#213639;border:1px solid #c5d0ca;box-shadow:0 5px 18px rgba(0,0,0,.13);display:grid;place-items:center;font-size:1.3rem;transition:transform .24s,opacity .24s;opacity:.9}.backtop:hover{transform:translateY(-3px)}
/* smaller viewports are a composition, not a compressed desktop */
@media(max-width:1050px){.hero-stage{inset:0 0 0 37%}.hero-copy{width:53%}.hero-copy h1{font-size:clamp(2.8rem,4.6vw,4.25rem)}.inventory-v5-head{gap:30px}.catalog-grid{grid-template-columns:repeat(2,1fr)}.v5-secondary-footer-inner{grid-template-columns:170px 1fr 1fr}.v5-secondary-footer-inner>div:last-child{grid-column:2/-1;flex-direction:row;gap:18px}}
@media(max-width:760px){.frame{width:calc(100% - 42px)}.hero{min-height:auto}.hero-inner{min-height:0;padding-top:38px;padding-bottom:36px}.hero-copy{width:100%}.hero-copy h1{max-width:650px;font-size:clamp(2.85rem,7.7vw,4.15rem)}.hero-stage{inset:auto;position:relative;order:1;width:100%;height:340px;background:#e5e5e2}.hero-stage .hero-photo{object-fit:contain;transform:scale(1.06)}.hero-stage::before{background:linear-gradient(0deg,#e5e5e2 0%,transparent 13%),linear-gradient(90deg,#e5e5e2 0,transparent 14%,transparent 87%,#e5e5e2 100%)}.hero-lower{order:2;position:relative}.hero-copy{max-width:600px}.hero-inner{order:0}.promise-section{padding:50px 0}.services{padding:60px 0}.services-intro h2{font-size:2.6rem}.inventory{padding:61px 0}.inventory-v5-head{display:block}.inventory-v5-head h2{font-size:clamp(2.5rem,6vw,3.3rem)}.inventory-v5-aside{max-width:640px;margin-top:16px}.home-vehicle-track{grid-auto-columns:minmax(240px,75%)}.owner{padding:68px 0}.reviews,.faq,.contact{padding:68px 0}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr;gap:28px}.v5-secondary-footer-inner{grid-template-columns:1fr 1fr}.v5-secondary-footer-inner>div:last-child{grid-column:auto;flex-direction:column}.vehicle-cta>.frame{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.frame{width:calc(100% - 34px)}.site-header{height:74px}.brand{width:161px}.brand img{width:161px}.hero-inner{padding-top:27px;padding-bottom:28px}.hero-copy h1{font-size:clamp(2.75rem,10vw,3.65rem)}.hero-intro{font-size:.94rem}.hero-stage{height:255px}.hero-stage .hero-photo{transform:scale(1.02)}.hero-lower{font-size:.76rem}.hero-lower .frame{min-height:45px}.service-mosaic{min-height:0}.service-feature-content h3{font-size:1.8rem}.service-tile h3{font-size:1.44rem}.inventory-v5-head h2{font-size:2.4rem}.home-vehicle-track{grid-auto-columns:88%}.inventory-v5-bottom{align-items:start;gap:16px}.inventory-v5-bottom span{max-width:210px}.inventory-tail{flex-direction:column;align-items:stretch}.inventory-tail .action{justify-content:space-between}.owner-photo{height:290px}.owner-copy h2{font-size:2.75rem}.reviews-lead h2{font-size:2.55rem}.faq-intro h2{font-size:2.45rem}.contact-left h2{font-size:2.75rem}.contact-right h3{font-size:2.2rem}.catalog-grid{grid-template-columns:1fr}.catalog-inputs{flex-wrap:wrap}.search-box{flex:1;min-width:120px}.search-box input,.search-box select{min-width:0;width:100%}.v5-secondary-footer-inner{grid-template-columns:1fr;gap:18px}.v5-secondary-footer-inner>div:last-child{flex-direction:row;flex-wrap:wrap}.vehicle-page-hero{padding:34px 0 48px}.detail-page{padding:32px 0 70px}.backtop{right:12px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.home-vehicle-track{scroll-behavior:auto}.vehicle-preview-card,.catalog-card,.brand img{transition:none!important}}

.service-tile.tile-service,.service-tile.tile-service h3,.service-tile.tile-service p,.service-tile.tile-service>span,.service-tile.tile-service a{color:#263d3d!important}
.service-tile.tile-service .tile-icon{color:#1e656a!important}
.contact-fast-icon svg{width:24px;height:24px;color:#149759}
.compose-accordion{margin-top:26px;max-width:100%}
.compose-accordion>summary{display:inline-flex;align-items:center;cursor:pointer;list-style:none;color:#f4f6f2;font-weight:680;font-size:.92rem;border-bottom:1px solid rgba(255,255,255,.43);padding:10px 2px 13px;transition:color .25s,border-color .25s}
.compose-accordion>summary::-webkit-details-marker{display:none}
.compose-accordion>summary::after{content:'+';display:inline-block;font-size:1.2rem;margin-left:16px;transition:transform .25s}
.compose-accordion[open]>summary::after{transform:rotate(45deg)}
.compose-accordion>summary:hover{color:#fff;border-color:white}
.compose-accordion .compose{padding-top:20px;animation:compose-in .3s ease both}
@keyframes compose-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.review-slides p{font-weight:740}
@media(min-width:1200px){.services{padding:66px 0}.services-intro{margin-bottom:26px}.service-mosaic{min-height:465px}}