:root{--red:#e10600;--black:#111;--grey:#f5f5f5;--muted:#666;--radius:18px;--shadow:0 18px 55px #00000024}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}button,a,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.header{z-index:40;border-bottom:3px solid var(--red);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:14px 5%;display:flex;position:sticky;top:0;box-shadow:0 8px 30px #0001}.brand{text-align:left;background:0;border:0;align-items:center;gap:12px;display:flex}.brand-mark{color:var(--red);letter-spacing:-3px;font-size:40px;font-weight:900}.brand-mark span{color:#111}.brand strong{letter-spacing:5px;font-size:20px;display:block}.brand small{color:var(--red);letter-spacing:2px;font-weight:900;display:block}nav{gap:18px;display:flex}nav button{text-transform:uppercase;background:0;border:0;font-size:14px;font-weight:900}nav .active,nav button:hover{color:var(--red)}.header-actions{align-items:center;gap:10px;display:flex}.call{color:#fff;background:#111;border:0;border-radius:8px;align-items:center;gap:7px;padding:11px 14px;font-weight:900;display:flex}.mobile-menu{color:#fff;background:#111;border:0;border-radius:8px;padding:10px;display:none}.hero{background:linear-gradient(135deg,#fff 0,#f6f6f6 51%,#111 51% 68%,#e10600 68% 78%,#f6f6f6 78%);grid-template-columns:1fr 1.08fr;align-items:center;gap:44px;min-height:76vh;padding:72px 5%;display:grid}.label{color:var(--red);text-transform:uppercase;letter-spacing:1px;margin:0 0 10px;font-weight:900}.hero h1,.section h1{text-transform:uppercase;letter-spacing:-2px;margin:0 0 18px;font-size:72px;line-height:.92}.lead{max-width:650px;font-size:22px;line-height:1.45}.buttons{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.btn{text-transform:uppercase;border:2px solid #111;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-weight:900;display:inline-flex}.btn.red{background:var(--red);border-color:var(--red);color:#fff}.btn.black{color:#fff;background:#111}.btn.white{color:#111;background:#fff}.hero-image img{object-fit:cover;border-radius:var(--radius);width:100%;height:500px;box-shadow:var(--shadow)}.feature-strip{color:#fff;background:#111;grid-template-columns:repeat(4,1fr);display:grid}.feature{text-align:center;border-top:4px solid var(--red);border-right:1px solid #333;padding:28px}.feature svg{color:var(--red);width:38px;height:38px;margin-bottom:8px}.feature b{text-transform:uppercase;display:block}.feature span{color:#cfcfcf;margin-top:5px;display:block}.section{padding:78px 5%}.top{padding-top:92px}.section-head{max-width:850px;margin-bottom:28px}.section-head h2{text-transform:uppercase;margin:0 0 8px;font-size:48px}.section-head p:last-child{color:var(--muted);font-size:18px}.vehicle-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.vehicle{border-radius:var(--radius);background:#fff;border:1px solid #ddd;overflow:hidden;box-shadow:0 12px 34px #00000017}.vehicle-photo{position:relative;overflow:hidden}.vehicle-photo img{object-fit:cover;width:100%;height:235px;transition:all .3s;display:block}.vehicle:hover img{transform:scale(1.04)}.badge{color:#fff;text-transform:uppercase;background:#111;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;position:absolute;top:12px;left:12px}.badge.Available{background:var(--red)}.badge.Reserved{background:#f59e0b}.badge.Sold{background:#444}.vehicle-info{padding:18px}.vehicle-info h3{margin:0 0 8px;font-size:22px}.vehicle-info p{color:#666;margin:0 0 14px}.vehicle-meta{justify-content:space-between;gap:10px;margin:14px 0;font-weight:900;display:flex}.vehicle-meta span:last-child{color:var(--red)}.monthly{border-left:4px solid var(--red);background:#fff4f4;margin-bottom:12px;padding:9px;font-weight:900}.vehicle-info button{color:#fff;text-transform:uppercase;background:#111;border:0;border-radius:8px;justify-content:center;gap:8px;width:100%;padding:13px;font-weight:900;display:flex}.showroom{color:#fff;background:linear-gradient(135deg,#111111e0,#111111c7),url(/assets/volvo-xc40.jpg) 50%/cover;padding:85px 5%}.showroom>div{max-width:760px}.showroom h2{text-transform:uppercase;margin:0 0 20px;font-size:50px}.check-list{gap:14px;margin:22px 0;display:grid}.check-list span{align-items:center;gap:10px;font-weight:800;display:flex}.check-list svg{color:var(--red)}.filters{grid-template-columns:1fr 160px 160px 160px 160px;gap:12px;margin:26px 0 30px;display:grid}.searchbox{background:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.searchbox input,.filters select{background:#fff;border:1px solid #ddd;border-radius:10px;width:100%;padding:15px}.searchbox input{border:0}.split{grid-template-columns:1fr 1fr;align-items:start;gap:46px;display:grid}.split p{font-size:19px;line-height:1.65}.page-text{gap:10px;display:flex}.lead-form{border:1px solid #ddd;border-top:5px solid var(--red);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;gap:12px;padding:28px;display:grid}.lead-form h2{text-transform:uppercase;margin:0 0 8px}.lead-form input,.lead-form textarea{border:1px solid #ccc;border-radius:9px;padding:15px}.lead-form textarea{min-height:125px}.lead-form button{background:var(--red);color:#fff;text-transform:uppercase;border:0;border-radius:9px;padding:15px;font-weight:900}.about-box{border-radius:var(--radius);border-left:7px solid var(--red);background:#f7f7f7;padding:42px}.about-box p{font-size:20px;line-height:1.65}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px;display:grid}.stats span{background:#fff;border:1px solid #ddd;border-radius:12px;padding:18px}.stats b{color:var(--red);text-transform:uppercase;display:block}.empty{text-align:center;background:#f7f7f7;border:1px solid #ddd;border-radius:16px;padding:30px}.modal-backdrop{z-index:80;background:#000b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vehicle-modal{background:#fff;border-radius:22px;grid-template-columns:1.1fr .9fr;width:100%;max-width:1120px;max-height:94vh;display:grid;position:relative;overflow:auto}.close{z-index:2;color:#fff;background:#111;border:0;border-radius:50%;width:42px;height:42px;font-size:28px;position:absolute;top:14px;right:14px}.main-img{object-fit:cover;width:100%;height:540px}.thumbs{background:#f4f4f4;gap:8px;padding:12px;display:flex;overflow:auto}.thumbs button{background:#fff;border:0;border-radius:8px;padding:4px}.thumbs img{object-fit:cover;border-radius:6px;width:92px;height:65px}.modal-details{padding:34px}.modal-details h2{margin:0 0 12px;font-size:40px}.modal-details h3{color:var(--red);font-size:32px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0;display:grid}.detail-grid span{border-left:4px solid var(--red);background:#f5f5f5;border-radius:8px;padding:13px}.detail-grid b{text-transform:uppercase;color:#777;font-size:12px;display:block}.features-list{gap:8px;padding:0;list-style:none;display:grid}.features-list li{align-items:center;gap:8px;display:flex}.whatsapp{color:#fff;z-index:50;background:#25d366;border-radius:999px;align-items:center;gap:8px;padding:14px 18px;font-weight:900;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 34px #0004}footer{color:#fff;background:#111;padding:45px 5% 20px}.footer-grid{grid-template-columns:1.3fr .7fr 1fr;gap:32px;display:grid}.footer-logo{color:var(--red);font-size:48px;font-weight:900;line-height:1}.footer-logo span{color:#fff}footer button{color:#fff;background:0 0;border:0;margin:8px 0;padding:0;display:block}.admin-link{color:#aaa;margin-top:12px;text-decoration:underline}footer h4{text-transform:uppercase;color:var(--red)}.copyright{text-align:center;color:#aaa;border-top:1px solid #333;margin-top:28px;padding-top:18px}.admin-page{background:#f3f4f6;min-height:100vh;padding:34px}.admin-brand{align-items:center;gap:12px;max-width:480px;margin:0 auto 24px;display:flex}.login-card{box-shadow:var(--shadow);background:#fff;border-radius:22px;gap:14px;width:min(480px,100%);margin:0 auto;padding:30px;display:grid}.login-card h1{margin:0}.login-card label{gap:6px;font-weight:800;display:grid}.login-card input{border:1px solid #ccc;border-radius:10px;padding:14px}.login-card button{background:var(--red);color:#fff;border:0;border-radius:10px;padding:14px;font-weight:900}.login-card .secondary{background:#111}.admin-app{background:#f3f4f6;grid-template-columns:280px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:#111;flex-direction:column;gap:8px;padding:24px;display:flex}.admin-logo{align-items:center;gap:10px;margin-bottom:22px;display:flex}.admin-sidebar button{color:#fff;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:13px;font-weight:800;display:flex}.admin-sidebar button.active,.admin-sidebar button:hover{background:var(--red)}.admin-main{padding:32px;overflow:auto}.admin-main-head{justify-content:space-between;margin-bottom:22px;display:flex}.admin-main-head h1{text-transform:uppercase;margin:0}.dash-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat{background:#fff;border:1px solid #ddd;border-radius:18px;padding:22px;box-shadow:0 10px 28px #0001}.stat svg{color:var(--red)}.stat span{color:#666;margin:10px 0;display:block}.stat b{font-size:36px}.admin-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.admin-form{border:1px solid #ddd;border-top:5px solid var(--red);background:#fff;border-radius:16px;gap:13px;padding:18px;display:grid}.admin-form h2{margin:0}.admin-form label{text-transform:capitalize;gap:6px;font-weight:800;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.admin-form input,.admin-form select,.admin-form textarea{border:1px solid #ccc;border-radius:8px;padding:12px}.admin-form textarea{min-height:100px}.check{align-items:center;text-transform:none!important;grid-template-columns:auto 1fr!important;display:flex!important}.upload-box{text-align:center;color:#555;border:2px dashed #ccc;border-radius:12px;padding:18px}.upload-box input{display:none}.image-list{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.image-list div{position:relative}.image-list img{object-fit:cover;border-radius:8px;width:100%;height:90px}.image-list button{color:#fff;background:#111;border:0;border-radius:6px;font-size:11px;position:absolute;top:4px;right:4px}.admin-list{gap:12px;display:grid}.admin-row{background:#fff;border:1px solid #ddd;border-radius:14px;grid-template-columns:100px 1fr auto auto;align-items:center;gap:12px;padding:10px;display:grid}.admin-row img{object-fit:cover;border-radius:10px;width:100px;height:70px}.admin-row span{color:#666;margin-top:4px;display:block}.admin-row button{background:#f1f1f1;border:0;border-radius:8px;padding:10px}.enquiry,.settings-card{background:#fff;border:1px solid #ddd;border-radius:14px;padding:18px}.enquiry span{color:#666;display:block}.enquiry pre{white-space:pre-wrap;background:#f7f7f7;border-radius:8px;padding:10px}@media (width<=1100px){.vehicle-grid{grid-template-columns:repeat(2,1fr)}.hero h1,.section h1{font-size:54px}.filters{grid-template-columns:1fr 1fr}.admin-grid,.dash-grid,.form-grid,.admin-app{grid-template-columns:1fr}.admin-sidebar{position:static}}@media (width<=820px){.header{grid-template-columns:1fr auto;display:grid}nav{flex-direction:column;grid-column:1/3;padding:14px 0;display:none}nav.open{display:flex}.mobile-menu{display:block}.call{display:none}.hero,.split,.vehicle-modal,.footer-grid{grid-template-columns:1fr}.hero h1,.section h1{font-size:42px}.hero-image img,.main-img{height:310px}.feature-strip,.vehicle-grid,.stats,.filters{grid-template-columns:1fr}.showroom h2,.section-head h2{font-size:34px}.admin-row{grid-template-columns:76px 1fr auto auto}.admin-row img{width:76px;height:56px}.image-list{grid-template-columns:repeat(2,1fr)}.admin-main{padding:18px}}