/* CARZUNEX V10 — premium art direction and responsive polish.
   Overrides V9 without changing any of the original auction/customer photos. */
:root { --premium-ink:#071219; --premium-2:#14242c; --premium-gold:#e7be7b; --premium-line:rgba(227,188,127,.23); }
html { scroll-padding-top:82px; }
body { background:#09151b; }
.wrap { width:min(1380px,calc(100% - 80px)); }
a,button { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:2px solid #f5cf8d; outline-offset:3px;
}
/* Header */
.header { background:rgba(8,17,23,.93); box-shadow:0 7px 28px rgba(0,0,0,.15); }
.header .nav { height:78px; }
.logo { font-size:27px; letter-spacing:-1.6px; }
.logo small { letter-spacing:3.2px; font-size:8px; }
.nav-links { gap:clamp(14px,1.6vw,28px); }
.nav-links a { font-size:12px; font-weight:700; position:relative; padding:8px 0; }
.nav-links a:after { content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:var(--premium-gold); transition:width .24s ease; }
.nav-links a:hover:after,.nav-links a:focus-visible:after { width:100%; }
.nav-cta { padding:12px 18px; }
.button { border-radius:7px; letter-spacing:.005em; transition:transform .18s ease, box-shadow .18s ease,background .18s ease; }
.button-gold { box-shadow:0 8px 26px rgba(230,189,122,.16); }
.button-gold:hover { box-shadow:0 14px 32px rgba(230,189,122,.25); }
/* Cinematic hero, full BMW visible */
.hero { isolation:isolate; background-image:
  radial-gradient(ellipse at 23% 29%,rgba(41,76,103,.27),transparent 42%),
  radial-gradient(ellipse at 85% 81%,rgba(235,157,72,.19),transparent 40%),
  linear-gradient(100deg,rgba(4,12,20,.92) 0%,rgba(6,16,24,.75) 52%,rgba(10,20,28,.40) 100%),
  var(--atmosphere-dark);
  background-position:center; background-size:cover;
}
.hero:before { content:"";position:absolute;inset:-4% -3%;z-index:0;pointer-events:none;
  background:
  radial-gradient(ellipse 470px 440px at 30% 52%,transparent 53%,rgba(220,170,103,.15) 53.2%,rgba(220,170,103,.04) 53.7%,transparent 54.3%),
  linear-gradient(139deg,transparent 0 10%,rgba(225,192,138,.21) 10.08%,rgba(225,192,138,.02) 10.21%,transparent 10.4%),
  radial-gradient(ellipse at 65% 100%,rgba(216,158,93,.12),transparent 43%);
  opacity:1;
}
.hero:after { height:20%; opacity:.85; }
.hero-grid { grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr); gap:clamp(40px,5vw,76px); min-height:700px; }
.hero-copy { padding:78px 0 74px; }
.hero h1 { margin:28px 0 26px; font-family:Manrope,Arial,sans-serif; font-size:clamp(45px,4.35vw,77px); line-height:1.055; letter-spacing:-.067em; font-weight:800; max-width:730px; }
.hero-head-top,.hero-head-middle,.hero h1 em { display:block; }
.hero-head-top { white-space:nowrap; }
.hero-head-middle { margin-top:.03em; }
.hero h1 em { margin-top:.12em; font-style:normal; line-height:1.12; color:var(--premium-gold); text-shadow:0 4px 38px rgba(255,195,99,.09); }
.hero .lead { max-width:510px; color:#c0ccd0; line-height:1.9; font-size:15px; }
.hero-actions { margin-top:33px; gap:27px; }
.hero-actions .button { padding:16px 26px; min-height:54px; font-size:13px; }
.hero-features { margin-top:62px; gap:12px; flex-wrap:wrap; }
.hero-features span { padding:10px 13px; font-size:10px; letter-spacing:1.1px; color:#d4dcde; background:rgba(17,29,39,.51);border:1px solid rgba(216,181,120,.2);border-radius:22px;backdrop-filter:blur(5px); }
.hero-photo-v2 { aspect-ratio:1774/887; width:100%; min-height:0; height:auto; max-width:none; margin:0; border-radius:20px; background:#13232b; border:1px solid rgba(234,195,133,.42); box-shadow:0 30px 90px rgba(0,0,0,.49),0 0 110px rgba(220,149,62,.12); transition:transform .35s ease, box-shadow .35s ease; }
.hero-photo-v2:hover { transform:translateY(-3px); box-shadow:0 35px 100px rgba(0,0,0,.53),0 0 130px rgba(220,149,62,.15); }
.hero-photo-v2 img { width:100%; height:100%; object-fit:contain; object-position:center; }
.hero-v2-note { font-size:8px; letter-spacing:.12em; padding:5px 8px; bottom:12px;right:12px; }
.hero-foot { min-height:59px; border-top:1px solid rgba(229,183,119,.2); color:#b9c7ca; }
.hero-foot span { line-height:1.6; }
/* Consistent section backgrounds, with different light direction to avoid repetition */
.section { padding:100px 0; scroll-margin-top:77px; isolation:isolate; }
.section:before { content:"";position:absolute;inset:0 0 auto;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(231,190,123,.31),transparent); }
.section-light { background-image:radial-gradient(ellipse at 14% 9%,rgba(215,163,95,.12),transparent 37%),linear-gradient(118deg,rgba(7,19,28,.95),rgba(14,27,37,.88) 58%,rgba(8,20,28,.93)),var(--atmosphere-dark)!important; }
.section-dark { background-image:radial-gradient(ellipse at 93% 15%,rgba(215,164,96,.13),transparent 41%),linear-gradient(115deg,rgba(6,16,23,.96),rgba(12,26,34,.9) 57%,rgba(11,19,27,.92)),var(--atmosphere-dark); }
.section-intransit { background-image:radial-gradient(ellipse at 15% 73%,rgba(219,157,73,.12),transparent 35%),linear-gradient(118deg,rgba(9,19,27,.96),rgba(13,27,36,.89)),var(--atmosphere-dark); }
.section-sand { background-image:radial-gradient(ellipse at 75% 10%,rgba(218,157,79,.1),transparent 37%),linear-gradient(104deg,rgba(9,19,27,.96),rgba(17,29,38,.87)),var(--atmosphere-dark)!important; }
.section-white.real-stories-v2 { background-image:radial-gradient(ellipse at 20% 22%,rgba(221,157,83,.11),transparent 38%),linear-gradient(110deg,rgba(7,18,24,.96),rgba(13,27,36,.89)),var(--atmosphere-dark)!important; }
.section-heading { margin-bottom:35px; align-items:center; }
.section-heading h2 { letter-spacing:-.045em; font-size:clamp(34px,3.75vw,53px); line-height:1.13; max-width:770px; }
.section-heading h2 span { color:var(--premium-gold); }
.section-heading>p { color:#b3c0c5; max-width:370px; font-size:13px; line-height:1.95; }
.kicker { color:#e8bd7c; font-size:10px; }
/* Smart selection — visible image cards, quiet glass panels */
.finder { grid-template-columns:minmax(0,.38fr) minmax(0,.62fr); border-radius:18px; background:rgba(11,21,28,.62); overflow:visible; border:1px solid var(--premium-line); box-shadow:0 30px 100px rgba(0,0,0,.4); }
.finder-controls { padding:34px; border-radius:18px 0 0 18px; background:rgba(13,25,34,.78); }
.finder-results { padding:34px; border-radius:0 18px 18px 0; background:rgba(11,22,30,.75); }
.field-title { margin-top:4px; margin-bottom:15px; color:#f4f6f6; letter-spacing:1.45px; }
.chip-row { gap:9px; margin-bottom:28px; }
.chip { min-height:38px; padding:10px 13px; border-radius:6px; color:#d1dcdf; }
.chip.active { box-shadow:0 4px 14px rgba(230,189,122,.15); }
.brand-picker-trigger { min-height:52px; border-radius:7px; }
.finder-controls .helper { color:#a8b7be; font-size:11px; line-height:1.8; margin:20px 0 24px; }
.finder-results .results-top h3 { font-size:25px; }
.result-counter { color:#afc0c5; }
.mini-grid { gap:13px; }
.mini-card { min-height:218px; border-radius:10px; border-color:rgba(231,188,121,.21); transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.mini-card img { height:128px; object-fit:cover; object-position:center 55%; }
.mini-card .mini-card-info { padding:13px 16px 18px; }
.mini-card strong { font-size:16px; }
.mini-card:hover { transform:translateY(-3px); box-shadow:0 16px 35px rgba(0,0,0,.34); }
/* photo catalogue */
.catalog-grid { gap:20px; }
.catalog-card { border-radius:12px; background:linear-gradient(145deg,#17252c,#101a20); border-color:rgba(232,196,138,.21); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.catalog-card .model-photo { height:195px; object-fit:cover; object-position:center 55%; border-bottom:1px solid rgba(231,188,121,.17); }
.catalog-card .catalog-card-body { padding:20px 21px 22px; }
.catalog-card h3 { font-size:19px; letter-spacing:-.6px; }
.catalog-card p { font-size:11px; color:#bac5c8; }
.catalog-card button { margin-top:10px; font-size:12px; }
.catalog-card:hover { transform:translateY(-5px); border-color:rgba(233,190,121,.73);box-shadow:0 18px 48px rgba(0,0,0,.42); }
.section-bottom { padding-top:5px; }
/* Cases and in-transit imagery are authentic and are NOT filtered or regenerated */
.case-real { border-color:rgba(230,188,125,.2); border-radius:16px; }
.case-real-header { padding:24px 25px 16px; }
.case-cost-col { background:rgba(25,39,47,.82); }
.case-cost-final { background:rgba(46,39,31,.82); }
.case-real-foot { gap:11px 22px; }
.transit-card { background:rgba(15,26,35,.92);border:1px solid rgba(234,192,125,.5);border-radius:17px; }
.transit-price { background:linear-gradient(130deg,rgba(84,65,38,.56),rgba(30,35,31,.83)); }
.steps { gap:24px; }
.steps>div { padding-top:28px; }
.steps b { font-size:33px; }
.steps p { font-size:12px; line-height:1.85; }
.request-grid { gap:clamp(36px,6vw,94px); }
.request-form { padding:36px;border-radius:15px; box-shadow:0 28px 85px rgba(0,0,0,.35); }
.request-form label { font-size:12px; }
.request-form input:not([type=checkbox]),.request-form select,.request-form textarea { background:#fff; color:#1c2930;border-color:#c9d0ce; }
.request-form input:focus,.request-form select:focus,.request-form textarea:focus { border-color:#a8752a; box-shadow:0 0 0 2px rgba(168,117,42,.13); }
footer { padding-top:74px; }
.footer-inner { gap:56px; }
/* Mobile and tablet: readable text, no clipped imagery and no horizontal scroll */
@media(max-width:1200px) {
 .wrap { width:min(1120px,calc(100% - 56px)); }
 .nav-links { gap:12px; }
 .hero-grid { gap:30px; }
 .hero h1 { font-size:clamp(42px,4.3vw,57px); }
 .hero-features { margin-top:38px; }
 .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:900px) {
 .wrap { width:min(100% - 42px,740px); }
 .header .nav { height:70px; }
 .hero-grid { grid-template-columns:1fr; min-height:0; gap:4px; }
 .hero-copy { padding:62px 0 8px; }
 .hero h1 { font-size:clamp(45px,7.4vw,73px); line-height:1.05; }
 .hero .lead { max-width:660px; }
 .hero-photo-v2 { aspect-ratio:1774/887; margin:21px 0 35px; min-height:0;height:auto; }
 .hero-features { margin-top:36px; }
 .section { padding:75px 0; }
 .section-heading { display:block; }
 .section-heading>p { margin-top:17px; max-width:650px; }
 .finder { grid-template-columns:1fr; }
 .finder-controls { border-right:0;border-bottom:1px solid rgba(231,188,121,.17);border-radius:17px 17px 0 0; }
 .finder-results { border-radius:0 0 17px 17px; }
 .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .nav-cta { margin-left:auto; }
}
@media(max-width:600px) {
 .wrap { width:calc(100% - 34px); }
 .logo { font-size:24px; }
 .header .nav { height:65px; }
 .hero-copy { padding:42px 0 5px; }
 .hero .eyebrow { font-size:9px; letter-spacing:1.8px; }
 .hero h1 { margin:25px 0 22px; font-size:clamp(36px,9.1vw,51px); letter-spacing:-.055em; }
 .hero-head-top { letter-spacing:-.065em; }
 .hero .lead { font-size:13px;line-height:1.75; }
 .hero-actions { gap:13px;flex-wrap:wrap; margin-top:25px; }
 .hero-actions .button { min-height:50px;padding:12px 18px;font-size:12px; }
 .hero-actions .text-link { font-size:12px; }
 .hero-features { margin-top:28px; gap:7px; }
 .hero-features span { font-size:8px; letter-spacing:.8px; padding:9px 10px; }
 .hero-photo-v2 { margin:20px 0 28px; border-radius:12px; }
 .hero-photo-v2:hover { transform:none; }
 .hero-v2-note { font-size:6px;bottom:8px;right:8px;padding:4px; }
 .hero-foot { min-height:62px; font-size:9px; }
 .hero-foot a { font-size:25px; }
 .section { padding:62px 0; }
 .section-heading h2 { font-size:clamp(31px,8vw,43px); line-height:1.16; }
 .section-heading>p { font-size:12px; }
 .finder-controls,.finder-results { padding:21px 18px; }
 .field-title { font-size:10px; }
 .chip { font-size:11px;min-height:39px;padding:9px 11px; }
 .chip-row { gap:8px; margin-bottom:24px; }
 .mini-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
 .mini-card { min-width:0; min-height:183px; }
 .mini-card img { height:100px; }
 .mini-card .mini-card-info { padding:11px 10px 13px; }
 .mini-card strong { font-size:13px; line-height:1.25; }
 .mini-card small { font-size:9px; }
 .mini-card .mini-code { font-size:8px; }
 .results-top h3 { font-size:21px; }
 .catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
 .catalog-card .model-photo { height:132px; }
 .catalog-card .catalog-card-body { padding:13px 12px 16px; }
 .catalog-card h3 { font-size:16px; }
 .catalog-card p { font-size:10px; }
 .catalog-card button { font-size:11px;line-height:1.3; }
 .transit-main-image { aspect-ratio:1.55; }
 .transit-details { padding:22px 18px; }
 .transit-status { max-width:100%; font-size:9px;line-height:1.5; }
 .transit-details h3 { font-size:31px; }
 .case-real-header { padding:17px 15px 14px; }
 .case-real-gallery figure,.case-real:first-child .case-real-gallery figure { height:155px; }
 .case-real-gallery figcaption { left:7px;bottom:7px;padding:6px;font-size:8px;letter-spacing:0; }
 .case-cost-col { padding:12px 10px; }
 .case-cost-col>strong { font-size:clamp(20px,5.8vw,28px); }
 .case-real-foot { padding:16px 15px; }
 .steps { grid-template-columns:repeat(2,minmax(0,1fr));gap:17px; }
 .steps b { font-size:27px; }
 .steps h3 { font-size:15px; }
 .steps p { font-size:11px; }
 .request-grid { gap:27px; }
 .request-line { margin-top:24px; }
 .request-form { padding:21px 17px; }
 .footer-inner { gap:25px; }
}
@media(max-width:370px) {
 .hero h1 { font-size:35px; }
 .hero-actions .button { padding:10px 13px; }
 .mini-card strong { font-size:12px; }
 .catalog-card .model-photo { height:115px; }
 .catalog-card .catalog-card-body { padding:11px; }
}
@media(prefers-reduced-motion:reduce){ *,*::before,*::after {scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;} }

/* Final detail corrections */
.case-real-gallery img[src$="_auction_original.png"],
.case-real-gallery img[src="assets/lincoln_auction_crop.png"],
.case-real-gallery img[src="assets/bmw_auction_crop.png"] { object-fit:contain; background:#1a262d; }
@media(max-width:1020px){
 .menu-button {display:block; margin-left:10px;}
 .nav-links {position:absolute;left:0;right:0;top:70px;display:none;flex-direction:column;align-items:stretch;gap:2px;padding:16px 24px 20px;background:rgba(8,17,24,.98);border-bottom:1px solid rgba(230,189,122,.26);box-shadow:0 18px 45px rgba(0,0,0,.4);}
 .nav-links.open {display:flex;}
 .nav-links a {font-size:14px;padding:11px 8px;}
 .nav-links a:after {display:none;}
 .nav-cta {margin-left:auto;}
}
@media(max-width:600px){.hero-head-middle{line-height:1.08;}.nav-links{top:65px}.hero h1{font-size:clamp(37px,9.35vw,52px)}}
