/* Dealership premium visual redesign — keeps the original working inventory/admin APIs. */
:root{--ink:#14202d;--muted:#657184;--forest:#101b29;--deep:#0b1421;--accent:#f04732;--cream:#f4f6f9;--line:#e3e8ee;--white:#fff;--shadow:0 18px 52px rgba(11,23,38,.09)}
body{background:#f6f8fa;color:var(--ink);font-family:'DM Sans',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px}
.container{width:min(1280px,calc(100% - 72px))}
.announcement{background:#0b1421;color:#cbd5df;letter-spacing:.12em;font-size:10px;height:36px}
.announcement-right{color:#f5a49a}
.small-dot{background:#f04732}
.site-header{height:86px;background:rgba(255,255,255,.98);box-shadow:0 1px 0 #e9edf1;backdrop-filter:blur(15px)}
.brand{gap:13px}.brand-mark{background:#101b29;color:#fff;border-radius:50%;width:53px;height:53px;box-shadow:inset 0 0 0 2px #ffffff1a}
.brand-mark svg{width:38px;height:38px}.brand-text strong{font-size:17px;letter-spacing:-.065em}.brand-text small{color:#e34a38;letter-spacing:.32em;font-size:9px;margin-top:3px}
.navigation{gap:32px}.navigation a{color:#526071;font-size:12px}.navigation a.active,.navigation a:hover{color:#e84530}.navigation a.active{position:relative}.navigation a.active:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:#f04732}
.button{border-radius:8px;font-size:12px;letter-spacing:.015em;min-height:49px;padding:0 23px;font-weight:800;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0d1c2b1f}
.button-dark{background:#f04732;color:white}.button-dark:hover{background:#d93423}.button-accent{background:#f04732;color:#fff;box-shadow:0 12px 24px #f0473240}.button-accent:hover{background:#dc3526}.button-outline{border-color:#f9fafb85;color:#fff}
.header-contact{min-height:44px}
.hero{height:595px;background:#091420;isolation:isolate}.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,#06101dcc 0%,transparent 27%,transparent 82%,#06101d4d 100%)}
.hero-slide{background-size:cover;background-position:center 58%;filter:saturate(1.07);transform:scale(1.02)}.hero-slide.is-active{transform:scale(1.055)}
.hero-content{z-index:1}.hero-copy{padding-top:117px;max-width:720px}.hero-copy .eyebrow{letter-spacing:.25em;font-size:11px;font-weight:800}.eyebrow-line{background:#f04732}
.hero h1{font-family:Manrope,'Arial Black',Arial,sans-serif;font-size:clamp(58px,6vw,91px);letter-spacing:-.07em;font-weight:800;line-height:1.09;margin:22px 0 23px;text-shadow:0 5px 30px #0002}.hero h1 em{font-style:normal;color:#ff715d}.hero-copy p{max-width:445px;font-size:15px;line-height:1.85;color:#e0e6ed;margin-bottom:28px}
.hero-buttons{gap:14px}.hero-bottom{border-top:1px solid #ffffff36;bottom:0;height:75px}.slide-dots button.current{background:#f04732}.hero-controls button:hover{background:#f04732;color:#fff}
.value-strip{background:#fff;border-bottom:1px solid #e8ecf0}.value-grid>div{gap:13px}.value-icon{color:#f04732}.value-grid strong{color:#152234}
.section-pad{padding:86px 0 94px}.inventory-section{background:#f6f8fb}.section-heading{margin-bottom:31px}.section-heading h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(37px,4vw,52px);letter-spacing:-.065em;font-weight:800;margin-top:12px}.section-heading h2 em{font-style:normal;color:#f04732}.section-heading p{color:#6c7685;font-size:14px}.eyebrow{letter-spacing:.20em;color:#f04732;font-size:11px;font-weight:800}
.count-tag{background:#fff;border:1px solid #e2e6ec;color:#45576a;border-radius:60px;padding:11px 16px;font-size:10px;letter-spacing:.08em;box-shadow:0 5px 20px #1729410b}
.filter-panel{background:#fff;box-shadow:0 14px 35px #071b3015;border-radius:15px;padding:14px;border:1px solid #e6ebf0;gap:12px;margin-bottom:29px}
.search-field,.select-wrap{border:1px solid #dfe5eb;border-radius:9px;background:#fafbfc}.search-field:focus-within,.select-wrap:focus-within{border-color:#f04732;box-shadow:0 0 0 3px #f0473215}.search-field input,.select-wrap select{font-size:12px;color:#344658}
.clear-button{color:#e84b37;font-size:11px;font-weight:800;padding:0 12px}
.car-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.car-card{border-radius:15px;background:#fff;border:1px solid #e7eaf0;box-shadow:0 12px 30px #0d22300c;transition:transform .26s,box-shadow .26s;overflow:hidden}.car-card:hover{transform:translateY(-6px);box-shadow:0 21px 55px #14233720;border-color:#d5dbe4}
.car-img-wrap{height:235px;background:#e5e9ef;overflow:hidden}.car-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.car-card:hover .car-img-wrap img{transform:scale(1.06)}
.car-status{background:#eb4030;color:#fff;border:none;border-radius:5px;padding:8px 12px;box-shadow:0 5px 18px #0003;font-size:9px;font-weight:800;letter-spacing:.08em}.car-status.upcoming{background:#122237}
.car-body{padding:20px 22px 22px}.car-year{color:#f04732;font-size:11px;font-weight:800;letter-spacing:.04em}.car-title{font-size:20px!important;letter-spacing:-.055em!important;font-weight:800!important;margin:6px 0 6px}.car-trim{color:#7b8593;font-size:12px}
.car-specs{gap:7px;margin-top:18px}.car-spec{border:1px solid #edf0f4;background:#f8f9fb;border-radius:6px;color:#667183;padding:7px 9px;font-size:10px;font-weight:700}
.car-bottom{border-top:1px solid #edf0f3;padding-top:16px;margin-top:19px}.car-price{color:#f04732;font-size:24px;font-weight:800;letter-spacing:-.055em}.car-price small{color:#7a8491;font-size:10px;letter-spacing:0;font-weight:600}.car-bottom button{background:#f04732;color:white;width:43px;height:43px;border-radius:9px;box-shadow:0 6px 15px #ef503b3d}.car-bottom button:hover{background:#cb3728}
.inventory-note{color:#8d95a0;font-size:11px;margin-top:26px}.empty-state{background:#fff;border:1px dashed #c9d2df}
.banner-section{background:#0e1b2b}.banner-section:before{inset:0 0 0 43%;background-image:linear-gradient(90deg,#0e1b2b 0%,#0e1b2b61 50%,#0e1b2b3d 100%),url('assets/images/showroom-hero.jpg');background-position:center;background-size:cover;opacity:.72}
.banner-content{padding:75px 0}.banner-content h2{letter-spacing:-.055em;font-weight:800}.banner-content h2 em{font-style:normal;color:#ff715d}.banner-content p{color:#bdcbd9;font-size:13px}.banner-decoration{color:#ffffff75}
.upcoming-section{background:#111e30}.upcoming-section .section-heading h2{color:white}.upcoming-section .section-heading p{color:#b6c3d2}.upcoming-section .count-tag{background:#182b41;border-color:#374459;color:#dae0e9}.upcoming-section .eyebrow{color:#ff806a}.upcoming-section .car-card{background:#fdfdfd}
.contact-section{background:#f6f8fb}.contact-info h2{font-weight:800;letter-spacing:-.075em}.contact-info h2 em{font-style:normal;color:#f04732}.contact-info>p{font-size:14px;color:#6c7685}.contact-symbol{border:1px solid #dce4ee;background:#fff;color:#e84431}.contact-lines small{color:#a0a8b3}.contact-lines strong{color:#283b50;font-size:13px}
.form-card{background:#fff;border:1px solid #e6eaf1;border-radius:19px;padding:36px 38px;box-shadow:0 22px 65px #142b4a10}.form-card-heading h3{letter-spacing:-.06em;font-size:27px}.form-card-heading p{color:#7b8595}.form-card label{color:#314254;font-size:12px}.form-card label span{color:#e44b38}.form-card input,.form-card select,.form-card textarea{background:#fafbfd;border:1px solid #e0e6ed;border-radius:8px;font-size:12px;padding:12px 13px}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#f04732;box-shadow:0 0 0 3px #f047321c}
.footer{background:#091522}.brand-footer .brand-mark{background:#1b2c40}.brand-footer .brand-text small{color:#ff7b68}.footer-main h4{color:#fff}.footer-main a:not(.brand):not(.button):hover{color:#ff806a}.footer-bottom{color:#8698aa}
.car-dialog{border-radius:20px}.car-dialog::backdrop{background:#071525ad}.dialog-gallery{background:#f1f4f8}.dialog-detail h2{color:#1b293a}.dialog-price{color:#ed4634}.dialog-thumbs button.selected{border-color:#f04732}.dialog-detail .eyebrow{color:#f04732}
.toast{background:#17283c}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.navigation{gap:20px}.car-grid{gap:17px}}
@media(max-width:850px){.navigation{top:86px}.navigation a.active:after{display:none}.hero{height:570px}.hero-copy{padding-top:100px}.car-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.car-img-wrap{height:225px}.section-pad{padding:76px 0}.brand-text strong{font-size:15px}}
@media(max-width:580px){.announcement{height:31px;font-size:8px}.container{width:calc(100% - 30px)}.site-header{height:73px}.navigation{top:73px}.brand-mark{height:44px;width:44px}.brand-mark svg{height:32px;width:32px}.brand-text strong{font-size:13px}.hero{height:565px}.hero-slide{background-position:58% center}.hero-copy{padding-top:92px}.hero h1{font-size:clamp(45px,11vw,62px);letter-spacing:-.065em}.hero-copy p{font-size:13px;max-width:300px}.hero-buttons{gap:10px;flex-wrap:wrap}.hero-buttons .button{padding:0 13px;font-size:10px;min-height:44px}.hero-bottom{height:62px}.section-pad{padding:60px 0 70px}.section-heading h2{font-size:35px}.car-grid{grid-template-columns:1fr}.car-img-wrap{height:225px}.car-body{padding:18px 19px 21px}.value-grid>div{min-height:69px}.filter-panel{border-radius:12px}.banner-section:before{inset:0 0 0 16%}.banner-content h2{font-size:36px}.contact-info h2{font-size:47px}.form-card{padding:24px 20px}.footer-main{gap:28px 14px}}