/* CARZUNEX V12 — all-in-one services, real cases before catalogue, condensed autosport headings */
:root{--gold:#e8ba74;--bg:#0b141b;--card:#17222b}
html{scroll-behavior:smooth}
body{background:var(--bg)}
.header .nav{width:min(1470px,calc(100% - 70px))}
.logo{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:900;letter-spacing:.015em;font-size:34px;font-stretch:condensed}
.logo small{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:.28em}
.nav-links{gap:clamp(10px,1.25vw,22px)}
.nav-links a{font-size:11px}
.section-heading h2,.hero-v11 h1,.section-heading h2 span,.request-section h2,.steps h3,.service-card h3,.case-real h3,.transit-details h3{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;letter-spacing:.012em;text-transform:uppercase}
.section-heading h2{font-size:clamp(39px,4.5vw,67px);line-height:.99;letter-spacing:-.01em}
.hero-v11{min-height:clamp(660px,88svh,900px)}
.hero-v11-stage{min-height:525px}
.hero-v11-copy{width:min(620px,47%);padding:12px 0 32px}
.hero-v11 h1{font-size:clamp(70px,6.65vw,114px);line-height:.88;letter-spacing:-.015em;margin:26px 0 26px}
.hero-v11 h1 em{line-height:.92;letter-spacing:-.015em}
.hero-v11 .lead{max-width:500px;font-size:16px;line-height:1.7}
.hero-v11 .hero-actions{margin-top:25px}
.hero-stats{display:flex;align-items:center;gap:17px;margin-top:31px;width:fit-content;padding:14px 18px;border:1px solid rgba(232,186,116,.44);background:rgba(6,15,22,.6);backdrop-filter:blur(5px);border-radius:10px}
.hero-stats strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:53px;color:var(--gold);line-height:.8;font-weight:800}
.hero-stats span{font-size:12px;color:#f2f4f5;line-height:1.45;font-weight:700}
.hero-services-note{margin-top:17px;letter-spacing:.09em;color:#ced7dc;font-size:10px;font-weight:700}
.hero-services-note b{color:var(--gold);padding:0 4px}
.hero-v11-benefits-grid{min-height:91px}
.hero-v11-benefit{min-height:78px;padding-top:10px;padding-bottom:10px}
.hero-v11-photo-note{font-size:9px;opacity:.72}
/* Services overview — intentionally first section after hero */
.section-services{padding:95px 0 84px;background:linear-gradient(153deg,#101b25 0%,#101820 52%,#09121a 100%);color:#f5f7f8;position:relative}
.section-services:before{content:'';position:absolute;pointer-events:none;width:min(38vw,520px);height:380px;right:0;top:0;background:radial-gradient(ellipse,rgba(221,164,89,.1),transparent 68%)}
.section-services .section-heading h2{color:#f5f7f8}
.section-services .section-heading h2 span{color:var(--gold)}
.section-services .section-heading p{color:#acbbc2;max-width:430px;font-size:14px}
.section-services .kicker{color:#d9ae71}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:35px}
.service-card{position:relative;display:flex;flex-direction:column;min-height:245px;padding:26px 22px 23px;border:1px solid #2c3b44;border-radius:12px;background:linear-gradient(145deg,#1c2a35,#141e26 80%);color:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}
.service-card:hover{transform:translateY(-4px);border-color:#c3a06e;box-shadow:0 18px 38px #0006}
.service-number{font-size:10px;letter-spacing:.14em;color:#c8a16d;font-weight:800}
.service-symbol{position:absolute;right:20px;top:16px;font-size:24px;color:#8d9ca2;font-weight:300}
.service-card h3{font-size:30px;line-height:.99;margin:38px 0 13px;color:#f5f7f8;max-width:220px}
.service-card p{font-size:12px;line-height:1.65;color:#abb7bf;margin:0 0 21px}
.service-link{margin-top:auto;color:#e6b776;font-size:11px;font-weight:800}
.service-card-emphasis{background:linear-gradient(130deg,#6b4e2e,#a87d46);border-color:#c79f60}
.service-card-emphasis .service-number,.service-card-emphasis .service-symbol,.service-card-emphasis .service-link,.service-card-emphasis p{color:#fff2db}
.service-card-emphasis h3{color:#fff}
.services-bottom{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#b7c2c8;font-size:13px}
.services-bottom a{color:#f0c486;white-space:nowrap;font-weight:800}
.real-stories-v2{padding-top:90px!important}
.real-stories-v2 .case-intro{max-width:none}
.real-stories-v2 .section-heading h2{font-size:clamp(40px,4.5vw,69px)}
.real-stories-v2 .case-real h3{font-size:clamp(29px,2.5vw,41px)}
.case-cost-col>span{line-height:1.45;min-height:29px;display:flex;align-items:end}
.case-real-gallery figure>a{display:block;width:100%;height:100%}
.case-real-gallery figure a img{height:100%;width:100%;object-fit:cover}
.case-real-gallery figure a:hover img{filter:brightness(1.09)}
.photo-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:310px;background:radial-gradient(ellipse at 20% 15%,#394957,#17222b 80%);text-align:center;padding:30px;border:1px solid #2e3941}
.photo-pending span{font-size:10px;letter-spacing:.12em;color:#d8b681;font-weight:800}
.photo-pending strong{margin:18px 0 10px;font-size:27px;font-family:'Barlow Condensed',Impact,sans-serif;color:#f7f7f7;text-transform:uppercase}
.photo-pending p{font-size:12px;line-height:1.6;max-width:230px;color:#a9b9c3}
.cases-cta-strip{margin-top:34px;background:#273029;border:1px solid #806849;border-radius:12px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.cases-cta-strip>div{display:flex;flex-direction:column;gap:7px}
.cases-cta-strip strong{color:#fff;font-size:20px}
.cases-cta-strip .kicker{color:#d2aa72}
.cases-cta-strip .button{flex-shrink:0}
/* Steps now 6 */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.steps>div{min-height:178px}
.steps h3{font-size:29px;margin:12px 0}
#delivered,#catalog,#selection,#services,#in-transit,#process,#request{scroll-margin-top:80px}
/* Make section order feel intentional */
#in-transit,#catalog,#selection{padding-top:87px;padding-bottom:90px}
@media(max-width:1180px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:208px}.service-card h3{margin-top:26px}.hero-v11-copy{width:min(540px,52%)}.hero-v11 h1{font-size:clamp(64px,7.2vw,93px)}}
@media(max-width:1020px){.header .nav{width:calc(100% - 48px)}.hero-v11{min-height:770px}.hero-v11-stage{min-height:590px}.hero-v11-copy{width:55%}.hero-v11 h1{font-size:clamp(61px,7.5vw,82px)}.hero-stats strong{font-size:44px}}
@media(max-width:700px){
 .header .nav{width:calc(100% - 34px)}
 .hero-v11{min-height:850px;padding-top:66px}
 .hero-v11-background{background-position:center 65%}
 .hero-v11-stage{min-height:645px;padding-top:45px}
 .hero-v11-copy{width:100%;max-width:400px}
 .hero-v11 h1{font-size:clamp(64px,13.5vw,89px);line-height:.88;letter-spacing:-.018em;margin:22px 0}
 .hero-v11 h1 em{line-height:1}
 .hero-v11 .lead{font-size:13px;max-width:320px;line-height:1.55}
 .hero-v11 .hero-actions{gap:15px;margin-top:20px}
 .hero-v11 .hero-actions .button{min-height:49px}
 .hero-stats{margin-top:21px;padding:12px 15px}
 .hero-stats strong{font-size:39px}
 .hero-stats span{font-size:10px}
 .hero-services-note{font-size:9px;letter-spacing:.04em}
 .hero-v11-photo-note{bottom:3px}
 .section-services{padding:62px 0}
 .service-grid{gap:10px}
 .service-card{min-height:220px;padding:22px 16px}
 .service-card h3{font-size:26px;margin:28px 0 9px}
 .service-card p{font-size:11px}
 .service-number{font-size:9px}
 .services-bottom{align-items:start;flex-direction:column;gap:9px;font-size:12px}
 .section-heading h2{font-size:clamp(37px,8vw,54px)}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .photo-pending{min-height:180px;padding:15px}
 .photo-pending strong{font-size:21px}
 .photo-pending p{font-size:10px}
 .cases-cta-strip{flex-direction:column;align-items:start}
}
@media(max-width:440px){
 .hero-v11{min-height:800px}
 .hero-v11-stage{min-height:610px;padding-top:28px}
 .hero-v11 h1{font-size:clamp(54px,14.3vw,69px)}
 .hero-v11 .lead{max-width:285px}
 .hero-v11 .text-link{font-size:11px}
 .service-grid{grid-template-columns:1fr 1fr;gap:8px}
 .service-card{min-height:218px;padding:18px 12px}
 .service-card h3{font-size:24px;margin:24px 0 9px}
 .service-card p{font-size:10px;line-height:1.55}
 .service-link{font-size:10px}
 .service-symbol{right:10px;font-size:19px}
 .case-cost-col>span{font-size:8px;min-height:45px}
 .case-real-gallery figcaption{font-size:7px!important}
 .steps{grid-template-columns:1fr 1fr;gap:8px}
 .steps h3{font-size:23px}
 .steps>div{padding:18px 15px;min-height:165px}
}

/* Final mobile legibility and overflow corrections */
.steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.steps>div{min-width:0}
.steps h3,.steps p{overflow-wrap:anywhere}
@media(max-width:700px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){
 .service-grid{grid-template-columns:1fr;gap:10px}
 .service-card{min-height:158px;padding:21px 19px}
 .service-card h3{font-size:30px;line-height:1.04;margin:18px 0 7px;max-width:none}
 .service-card p{font-size:12px;line-height:1.55;max-width:340px;margin-bottom:14px}
 .service-link{font-size:11px}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .steps h3{font-size:21px}
 .steps>div{min-width:0;overflow-wrap:anywhere}
}

/* V13: Lexus — one genuine auction photo; no empty after-repair placeholder */
#case-3 .case-real-gallery.auction-only-photo{grid-template-columns:minmax(0,1fr);background:#17232b}
#case-3 .case-real-gallery.auction-only-photo figure{height:320px;background:#1b252c}
#case-3 .case-real-gallery.auction-only-photo figure img{object-fit:cover;object-position:center 48%;background:#1b252c}
@media(max-width:700px){#case-3 .case-real-gallery.auction-only-photo figure{height:255px}}
@media(max-width:480px){#case-3 .case-real-gallery.auction-only-photo figure{height:225px}}