*{box-sizing:border-box}body{margin:0;font-family:Arial, sans-serif;background:#f5f6f7;color:#15181b}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
header{background:#090d10;color:white;position:sticky;top:0;z-index:10}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-weight:900;font-size:24px}.logo span{color:#ef2828}.logo small{display:block;font-size:9px;letter-spacing:1.5px;color:#b8c0c4}.nav nav{display:flex;gap:24px;font-size:14px}.nav nav a:hover{color:#ef2828}.btn{border:0;border-radius:8px;padding:12px 17px;font-weight:800;cursor:pointer}.red{background:#ec2828;color:#fff}.dark{background:#11181c;color:#fff}.outline{background:#fff;border:1px solid #d5dadd}
.hero{background:linear-gradient(90deg,#060a0dee,#060a0a77),url('https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=1800&q=80') center/cover;color:white;padding:90px 0 120px}.hero h1{font-size:56px;max-width:720px;margin:0 0 15px}.hero p{font-size:19px}.stats{display:flex;gap:38px;margin-top:30px}.stats b{display:block;font-size:21px}.stats span{font-size:13px;color:#c8ced1}
.search{margin-top:-50px;background:white;padding:20px;border-radius:15px;box-shadow:0 12px 35px #0002;display:grid;grid-template-columns:repeat(5,1fr) auto;gap:11px;position:relative}.search label,.modalbox label{font-size:11px;font-weight:800}.search input,.search select,.modalbox input,.modalbox select,.modalbox textarea,.login input{width:100%;height:43px;margin-top:5px;border:1px solid #d7dbde;border-radius:7px;padding:9px;background:white}.section{padding:55px 0}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.head h2,.contact h2{font-size:31px;margin:0}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.card{background:#fff;border:1px solid #e1e4e6;border-radius:10px;overflow:hidden}.photo{height:150px;background:#161d21 center/cover;display:flex;align-items:center;justify-content:center;color:#fff;font-size:42px}.cardbody{padding:13px}.card h3{margin:0 0 5px}.price{font-size:20px;font-weight:900;color:#e52323;margin-top:10px}.meta{font-size:11px;color:#687077;margin-top:8px;line-height:1.6}.service{background:#10161a;color:#fff}.service p{color:#bbc2c6}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-grid>div{padding:22px;border:1px solid #2d363c;border-radius:11px;background:#171f24}.info{background:#fff;border:1px solid #e1e4e6;border-radius:12px;padding:28px}.contact{background:#0b1013;color:#fff;padding:50px 0}.contact p{color:#c2c8cb;line-height:1.8}footer{background:#070a0c;color:#9da5a9;padding:18px 4%;font-size:12px}.modal{display:none;position:fixed;inset:0;background:#0009;z-index:50;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modalbox{background:#fff;width:min(720px,100%);max-height:90vh;overflow:auto;padding:25px;border-radius:14px}.close{float:right;border:0;background:none;font-size:26px;cursor:pointer}.modalbox label{display:block;margin-bottom:10px}.modalbox textarea{height:100px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}.login{width:min(450px,100%);display:grid;gap:12px}.adminrow{background:#fff;border:1px solid #ddd;padding:15px;margin:10px 0;border-radius:9px;display:flex;justify-content:space-between;gap:15px;align-items:center}
@media(max-width:900px){.nav nav{display:none}.hero h1{font-size:40px}.stats{flex-wrap:wrap}.search{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.adminrow{flex-direction:column;align-items:flex-start}}

.detail-gallery{width:100%}
.detail-main-photo{height:460px;background:#161d21;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.detail-main-photo img{width:100%;height:100%;object-fit:cover;display:block}
.detail-main-photo.image-error::after{content:'Vehicle photo unavailable';color:#fff;font-weight:700}
.thumbs{display:flex;gap:10px;overflow:auto;margin-top:10px}
.thumb{width:86px;height:64px;flex:0 0 86px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#161d21;cursor:pointer}
.thumb.active{border-color:#ec2828}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:900px){.detail-main-photo{height:300px}}