/* Carzone2 — alternate AutoWebExpress showroom direction. Same markup/functionality, new look. */
:root{--ink:#f8fafc;--muted:#9aa7b8;--soft:#101827;--panel:#111a2b;--panel2:#172235;--line:rgba(255,255,255,.12);--red:#ff3d4f;--red2:#ff8a00;--gold:#ffd166;--navy:#050914;--blue:#38bdf8;--shadow:0 28px 80px rgba(0,0,0,.36);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 8% 4%,rgba(255,61,79,.22),transparent 28rem),radial-gradient(circle at 96% 12%,rgba(56,189,248,.18),transparent 30rem),linear-gradient(135deg,#050914 0,#0a1020 42%,#111827 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 80%)}a{color:inherit}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,3rem);background:rgba(5,9,20,.82);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:conic-gradient(from 210deg,var(--red),var(--red2),var(--blue),var(--red));color:#fff;font-weight:950;box-shadow:0 0 0 5px rgba(255,255,255,.06),0 18px 38px rgba(255,61,79,.2)}.logo strong,.logo small{display:block}.logo strong{letter-spacing:.02em}.logo small{color:var(--muted);font-size:.78rem}.topbar nav{display:flex;align-items:center;gap:.25rem;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:18px;padding:.25rem}.topbar nav a{padding:.68rem .95rem;border-radius:14px;text-decoration:none;font-weight:850;font-size:.9rem;color:#dbeafe}.topbar nav a:hover{background:rgba(255,255,255,.09)}.phone,.btn{border:0;border-radius:16px;text-decoration:none;font-weight:950;display:inline-flex;align-items:center;justify-content:center}.phone{background:linear-gradient(135deg,var(--gold),#ff8a00);color:#160b02;padding:.78rem 1rem;box-shadow:0 18px 40px rgba(255,138,0,.18)}.btn{padding:.95rem 1.15rem}.btn.primary{background:linear-gradient(135deg,var(--red),var(--red2));color:white;box-shadow:0 18px 42px rgba(255,61,79,.25)}.btn.secondary{background:rgba(255,255,255,.07);color:var(--ink);border:1px solid var(--line)}.menu-toggle{display:none}.hero-modern{max-width:1340px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:clamp(1.5rem,5vw,5rem);align-items:center;padding:clamp(3rem,8vw,7rem) clamp(1rem,4vw,3rem) 2rem}.kicker{text-transform:uppercase;letter-spacing:.18em;font-weight:950;font-size:.76rem;color:var(--gold);margin:0 0 .9rem}.hero-modern h1{font-size:clamp(3.2rem,7.7vw,7rem);line-height:.86;letter-spacing:-.085em;margin:0 0 1.1rem;max-width:900px}.hero-modern p,.section-title p,.about-modern p,.subpage-clean p,.detail-card p,.notice p{color:var(--muted);line-height:1.68;font-size:1.04rem}.hero-text>p:not(.kicker){font-size:clamp(1.08rem,1.8vw,1.32rem);max-width:62ch}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.feature-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06));border:1px solid var(--line);border-radius:38px;padding:.9rem;box-shadow:var(--shadow);backdrop-filter:blur(18px);transform:rotate(1deg)}.feature-card:before{content:"Featured";position:absolute;z-index:2;top:1.5rem;left:1.5rem;background:rgba(5,9,20,.82);border:1px solid var(--line);border-radius:999px;padding:.45rem .7rem;font-weight:950;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem}.feature-card img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:30px;display:block;background:#172235;filter:saturate(1.06) contrast(1.05)}.feature-card div{display:grid;gap:.18rem;padding:1rem .45rem .25rem}.feature-card small{color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.feature-card strong{font-size:1.35rem}.feature-card span{color:var(--muted)}.quickbar{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:.8rem;padding:0 clamp(1rem,4vw,3rem) 2rem}.quickbar div{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.045));color:white;padding:1rem 1.1rem;border-radius:22px;border:1px solid var(--line);display:grid;gap:.18rem}.quickbar b{color:var(--gold)}.quickbar span{color:rgba(255,255,255,.7)}.inventory-wrap,.about-modern,.vehicle-detail,.detail-lower,.notice,.subpage-clean{max-width:1340px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,3rem)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.25rem}.section-title h2,.about-modern h2,.detail-lower h2,.subpage-clean h1,.notice h2{font-size:clamp(2.1rem,4.2vw,4rem);line-height:.96;letter-spacing:-.06em;margin:.1rem 0 .65rem}.section-title p{max-width:600px}.tools{position:sticky;top:76px;z-index:10;display:grid;grid-template-columns:340px 1fr;gap:1rem;align-items:start;margin-bottom:1.3rem;background:rgba(5,9,20,.72);border:1px solid var(--line);border-radius:24px;padding:.8rem;backdrop-filter:blur(18px)}.tools input,.clean-form input,.clean-form textarea,.clean-form select{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.07);color:var(--ink);padding:.92rem 1rem;font:inherit;outline:none}.tools input::placeholder,.clean-form input::placeholder,.clean-form textarea::placeholder{color:#738197}.tools input:focus,.clean-form input:focus,.clean-form textarea:focus,.clean-form select:focus{border-color:rgba(255,209,102,.65);box-shadow:0 0 0 4px rgba(255,209,102,.11)}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.06);color:#dbeafe;font-weight:850;padding:.62rem .78rem;cursor:pointer}.chip span{opacity:.62}.chip.is-active{background:linear-gradient(135deg,var(--gold),#ff8a00);color:#160b02;border-color:transparent}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.car-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.05));border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.22);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.car-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(255,209,102,.34)}.car-img{position:relative;display:block;background:#111827;text-decoration:none}.car-img img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;filter:saturate(1.03) contrast(1.03)}.car-img:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(5,9,20,.84))}.car-img b{position:absolute;z-index:2;right:.78rem;bottom:.78rem;background:linear-gradient(135deg,var(--gold),#ff8a00);color:#160b02;border-radius:999px;padding:.48rem .7rem;font-size:.94rem;box-shadow:0 14px 30px rgba(0,0,0,.25)}.car-info{padding:1rem}.meta{color:var(--gold);font-weight:950;font-size:.78rem;margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.08em}.car-info h3{font-size:1.16rem;line-height:1.12;margin:0 0 .68rem;min-height:2.6em}.car-info h3 a{text-decoration:none}.badges{display:flex;flex-wrap:wrap;gap:.36rem;margin-bottom:.72rem}.badges span{font-size:.74rem;font-weight:850;color:#dbeafe;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:999px;padding:.31rem .48rem}.summary{min-height:3.1em;margin:0 0 .85rem;color:var(--muted);font-size:.9rem;line-height:1.45}.actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.actions a{padding:.68rem .55rem;border-radius:14px;text-align:center;text-decoration:none;font-weight:950;background:rgba(255,255,255,.07);border:1px solid var(--line)}.actions a:first-child{background:linear-gradient(135deg,var(--red),var(--red2));color:white;border-color:transparent}.about-modern{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;margin-top:1rem}.about-modern>div{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:28px;padding:1.25rem}.footer{margin-top:3rem;background:#030712;color:white;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:2.5rem clamp(1rem,4vw,3rem);border-top:1px solid var(--line)}.footer h3{margin:.2rem 0 .5rem}.footer p,.footer a{color:rgba(255,255,255,.68);line-height:1.6}.back{display:inline-block;margin-bottom:1rem;color:var(--gold);font-weight:950;text-decoration:none}.detail-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:1.3rem;align-items:start}.gallery-panel,.detail-card,.panel,.notice,.subpage-clean{background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045));border:1px solid var(--line);border-radius:30px;box-shadow:0 16px 42px rgba(0,0,0,.22);backdrop-filter:blur(14px)}.gallery-panel{padding:1rem}.gallery-panel #mainPhoto{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px;display:block;background:#111827}.thumb-row{display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem;margin-top:.7rem;max-height:170px;overflow:auto}.thumb{padding:0;border:2px solid transparent;border-radius:13px;overflow:hidden;background:rgba(255,255,255,.07);cursor:pointer}.thumb.active{border-color:var(--gold)}.thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.detail-card{padding:1.3rem;position:sticky;top:92px}.detail-card h1{font-size:clamp(2.2rem,4vw,4rem);line-height:.94;letter-spacing:-.065em;margin:.2rem 0 1rem}.detail-price{font-size:2.25rem!important;color:var(--gold)!important;font-weight:950;margin:.4rem 0}.source-note{font-size:.9rem}.detail-lower{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:0}.panel,.notice{padding:1.2rem}.specs{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.specs div{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:16px;padding:.75rem}.specs dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900}.specs dd{margin:.18rem 0 0;font-weight:850}.option-list{columns:2;line-height:1.75;color:#cbd5e1}.subpage-clean{margin-top:2rem}.subpage-clean.slim{padding-top:2rem;margin-top:1rem}.subpage-clean h1{max-width:850px}.clean-form{display:grid;gap:1rem;max-width:820px;margin-top:1.5rem}.clean-form label{display:grid;gap:.35rem;font-weight:850}.two,.three{display:grid;gap:1rem}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.contact-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.contact-blocks a{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:20px;padding:1rem;text-decoration:none}.contact-blocks b,.contact-blocks span{display:block}.contact-blocks span{color:var(--muted);margin-top:.25rem}.map iframe{width:100%;height:460px;border:0;border-radius:24px;background:#111827}.hidden{display:none!important}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.tools{grid-template-columns:1fr;position:relative;top:auto}.hero-modern{grid-template-columns:1fr}.feature-card{max-width:760px}.detail-shell{grid-template-columns:1fr}.detail-card{position:static}.detail-lower{grid-template-columns:1fr}}@media(max-width:760px){.topbar nav,.phone{display:none}.menu-toggle{display:block;border:1px solid var(--line);background:rgba(255,255,255,.07);color:white;border-radius:14px;padding:.55rem .7rem}.topbar.open nav{display:flex;position:absolute;left:1rem;right:1rem;top:76px;flex-direction:column;border-radius:20px;background:#081120;box-shadow:var(--shadow);align-items:stretch}.quickbar,.about-modern,.footer,.contact-blocks,.two,.three{grid-template-columns:1fr}.section-title{display:block}.hero-modern h1{font-size:3.1rem}.thumb-row{grid-template-columns:repeat(4,1fr)}}
/* Jim request: keep inventory 3-across on mobile. */
@media(max-width:760px){.inventory-wrap{padding-left:.55rem;padding-right:.55rem}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.car-card{border-radius:15px}.car-img img{aspect-ratio:1/1;object-fit:cover}.car-img b{right:.35rem;bottom:.35rem;padding:.28rem .38rem;font-size:.62rem;max-width:calc(100% - .7rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.car-info{padding:.48rem}.meta{font-size:.56rem;margin-bottom:.22rem;letter-spacing:.04em}.car-info h3{font-size:.68rem;line-height:1.12;min-height:2.25em;margin-bottom:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.badges,.summary{display:none}.actions{grid-template-columns:1fr;gap:.25rem}.actions a{padding:.42rem .2rem;border-radius:9px;font-size:.62rem}.tools{padding:.55rem;border-radius:18px}.chips{max-height:120px;overflow:auto}.chip{font-size:.72rem;padding:.42rem .5rem}}
@media(max-width:520px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.hero-modern{padding-top:2rem}.actions{grid-template-columns:1fr}.car-info h3{min-height:2.25em}.summary{min-height:auto}.specs{grid-template-columns:1fr}}
/* Mobile inventory hard lock: keep Car Zone cards 3-across instead of collapsing to one-per-row. */
@media(max-width:760px){#vehicleGrid.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.45rem!important}}
@media(max-width:520px){#vehicleGrid.grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.4rem!important}}