:root{--color-primary:#111827;--color-secondary:#d4af37;--color-accent:#dc2626;--color-white:#fff;--color-light:#f9fafb;--color-dark:#1f2937;--color-gray:#6b7280;--font-heading:"Poppins", sans-serif;--font-body:"Inter", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow:0 10px 30px #00000014;--transition:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-light);color:var(--color-dark);padding-top:90px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font:inherit;border:none}.container{width:min(1200px,90%);margin-inline:auto}section{padding:5rem 0}.navbar{z-index:1000;background:#fff;width:100%;height:90px;position:fixed;top:0;left:0;box-shadow:0 2px 15px #00000014}.navbar .container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{font-family:var(--font-heading);color:var(--color-secondary);font-size:1.7rem;font-weight:700}.nav-links{gap:2rem;display:flex}.nav-links a{color:#222;font-weight:600;transition:all .3s}.nav-links a:hover{color:var(--color-secondary)}.btn{background:var(--color-primary);color:var(--color-white);cursor:pointer;transition:var(--transition);border:none;border-radius:10px;justify-content:center;align-items:center;padding:1rem 2rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-secondary);color:var(--color-white)}.btn-primary{background:var(--color-primary);color:var(--color-white)}.inventory{background:#fff;padding:6rem 0}.inventory-search{border:1px solid #ddd;border-radius:10px;width:100%;max-width:450px;margin:2rem auto 3rem;padding:1rem;font-size:1rem;display:block}.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.vehicle-card{cursor:pointer;background:#fff;border-radius:15px;flex-direction:column;transition:all .35s;display:flex;overflow:hidden;box-shadow:0 10px 25px #00000014}.vehicle-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.vehicle-card-image{position:relative}.vehicle-card-image img{object-fit:cover;width:100%;height:230px}.featured-tag{color:#111;background:gold;border-radius:30px;padding:6px 14px;font-size:.8rem;font-weight:700;position:absolute;top:15px;left:15px}.status-tag{color:#fff;border-radius:30px;padding:6px 14px;font-size:.8rem;font-weight:700;position:absolute;top:15px;right:15px}.status-available{background:#2ecc71}.status-reserved{background:#f39c12}.status-sold{background:#e74c3c}.vehicle-card-body{flex-direction:column;gap:15px;padding:20px;display:flex}.vehicle-card-body h3{color:#222;margin:0;font-size:1.2rem}.vehicle-card-body h2{color:var(--color-primary);margin:0}.vehicle-meta{color:#666;grid-template-columns:repeat(2,1fr);gap:10px;font-size:.95rem;display:grid}.vehicle-card button{margin-top:auto}.vehicle-details-page{background:#f7f8fa;min-height:100vh;padding:60px 0}.vehicle-layout{grid-template-columns:1.2fr 1fr;align-items:start;gap:50px;display:grid}.vehicle-gallery{background:#fff;border-radius:15px;padding:20px;box-shadow:0 10px 30px #00000014}.main-image{object-fit:cover;border-radius:12px;width:100%;height:520px;transition:all .3s}.main-image:hover{transform:scale(1.02)}.thumbnail-gallery{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.thumbnail{object-fit:cover;cursor:pointer;border:3px solid #0000;border-radius:8px;width:110px;height:80px;transition:all .25s}.thumbnail:hover{border-color:var(--color-primary);transform:translateY(-3px)}.vehicle-info{background:#fff;border-radius:15px;padding:35px;box-shadow:0 10px 30px #00000014}.vehicle-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.vehicle-header h1{color:#222;margin:0;font-size:2rem}.featured-badge{color:#222;white-space:nowrap;background:gold;border-radius:30px;padding:8px 15px;font-weight:700}.vehicle-price{color:var(--color-primary);margin:15px 0;font-size:2rem}.vehicle-status{border-radius:25px;margin-bottom:30px;padding:8px 18px;font-weight:700;display:inline-block}.vehicle-specs{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:35px;display:grid}.vehicle-specs div{background:#fafafa;border-radius:10px;padding:15px}.vehicle-specs strong{color:#666;margin-bottom:5px;font-size:.9rem;display:block}.vehicle-specs span{color:#222;font-weight:700}.vehicle-description{margin-bottom:35px}.vehicle-description h3{margin-bottom:15px}.vehicle-description p{color:#555;line-height:1.8}.vehicle-actions{flex-wrap:wrap;gap:15px;display:flex}.vehicle-actions .btn{text-align:center;flex:1;padding:15px;font-size:1rem}.btn-secondary{color:#fff;background:#111827}.btn-secondary:hover{background:#000}.vehicle-not-found{text-align:center;padding:100px 20px}@media (width<=992px){.vehicle-layout{grid-template-columns:1fr}}@media (width<=768px){.main-image{height:320px}.thumbnail{width:80px;height:60px}.vehicle-specs{grid-template-columns:1fr}.vehicle-header{flex-direction:column;align-items:flex-start}.vehicle-actions{flex-direction:column}}.booking-section{border-top:1px solid #eee;margin-top:40px;padding-top:30px}.booking-section h3{margin-bottom:20px}#booking-form{flex-direction:column;gap:15px;display:flex}#booking-form input,#booking-form textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:14px;font-family:inherit;font-size:1rem}#booking-form textarea{resize:vertical}.admin-login{background:var(--color-light);padding:8rem 0}.login-card{border-radius:var(--radius-lg);max-width:450px;box-shadow:var(--shadow);background:#fff;margin:auto;padding:2.5rem}.login-card h2{text-align:center;margin-bottom:2rem}.login-card form{flex-direction:column;gap:1rem;display:flex}.login-card input{border-radius:var(--radius-sm);border:1px solid #ddd;padding:1rem;font-size:1rem}.admin-dashboard{min-height:80vh;padding:60px 0}.admin-dashboard h1{margin-bottom:30px;font-size:2rem}.vehicle-form{background:#fff;border-radius:15px;padding:35px;box-shadow:0 10px 30px #00000014}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}.vehicle-form input,.vehicle-form select,.vehicle-form textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;outline:none;width:100%;padding:15px;font-family:inherit;font-size:1rem;transition:all .3s}.vehicle-form input:focus,.vehicle-form select:focus,.vehicle-form textarea:focus{border-color:var(--color-primary)}.vehicle-form textarea{resize:vertical;min-height:160px;margin-top:20px}.image-upload{margin:30px 0}.image-upload h3{margin-bottom:15px}.image-upload input[type=file]{padding:12px}.form-group{align-items:center;gap:10px;margin:20px 0;display:flex}.form-group input{width:auto}.vehicle-form button{margin-top:20px}.admin-car-image{object-fit:cover;border-radius:10px;width:120px;height:80px}.admin-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;margin-top:30px;overflow:hidden}.admin-table th{color:#fff;text-align:left;background:#111827;padding:15px}.admin-table td{border-bottom:1px solid #eee;padding:15px}.admin-table tr:hover{background:#fafafa}.status{border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600}.status-available{color:#155724;background:#d4edda}.status-reserved{color:#856404;background:#fff3cd}.status-sold{color:#721c24;background:#f8d7da}@media (width<=768px){.form-grid{grid-template-columns:1fr}}.image-preview{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;margin:20px 0;display:grid}.preview-image{object-fit:cover;border:2px solid #ddd;border-radius:10px;width:100%;height:120px;transition:all .3s}.preview-image:hover{transform:scale(1.05)}.checkbox{align-items:center;gap:10px;font-weight:600;display:flex}.vehicle-form select{border:1px solid #ccc;border-radius:8px;width:100%;padding:12px}.vehicle-form input[type=file]{margin:20px 0}.brands-home{background:#f8f9fa;padding:100px 0}.brands-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px;margin-top:60px;display:grid}.brand-card{text-align:center;background:#fff;border-radius:16px;padding:35px;transition:all .3s;box-shadow:0 12px 30px #00000014}.brand-card:hover{transform:translateY(-8px)}.brand-card img{object-fit:contain;width:70px;height:70px;margin-bottom:20px}.brand-card h3{color:#222;font-size:1.1rem}.hero{color:#fff;background-color:#0000;background-image:linear-gradient(#0000008c,#0000008c),url(/assets/hero-B09AUTXe.WebP);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.hero-overlay{width:100%}.hero-content{max-width:700px}.hero-tag{background:#d71920;border-radius:40px;margin-bottom:20px;padding:8px 18px;font-size:.9rem;display:inline-block}.hero h1{margin-bottom:25px;font-size:4rem;font-weight:700;line-height:1.1}.hero h1 span{color:#d71920}.hero p{max-width:600px;margin-bottom:35px;font-size:1.2rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:20px;display:flex}.hero-scroll{text-align:center;color:#fff;animation:2s infinite bounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-arrow{margin-top:8px;font-size:2rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (width<=768px){.hero{text-align:center}.hero h1{font-size:2.6rem}.hero-buttons{justify-content:center}.hero p{font-size:1rem}}.quick-search{z-index:20;margin-top:-70px;position:relative}.quick-search-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001f}.quick-search-card h2{text-align:center;margin-bottom:25px}.quick-search-card form{gap:15px;display:flex}.quick-search-card input{border:1px solid #ddd;border-radius:12px;flex:1;padding:16px;font-size:1rem}@media (width<=768px){.quick-search{margin-top:30px}.quick-search-card form{flex-direction:column}}.featured-home{padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header span{color:#d71920;text-transform:uppercase;font-weight:600}.section-header h2{margin:15px 0;font-size:2.5rem}.section-header p{color:#666;max-width:650px;margin:auto}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.featured-card{background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 12px 30px #00000014}.featured-card:hover{transform:translateY(-8px)}.featured-card img{object-fit:cover;width:100%;height:230px}.featured-card-body{padding:25px}.featured-badge{color:#fff;background:#d71920;border-radius:30px;margin-bottom:15px;padding:6px 14px;font-size:.8rem;display:inline-block}.price{color:#d71920;margin:20px 0;font-size:1.4rem;font-weight:700}.section-footer{text-align:center;margin-top:60px}.categories-section{background:#f8f9fa;padding:100px 0}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:50px;display:grid}.category-card{border-radius:18px;height:250px;text-decoration:none;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000014}.category-card img{object-fit:cover;width:100%;height:100%;transition:all .4s}.category-card:hover img{transform:scale(1.08)}.category-overlay{background:linear-gradient(#0003,#000000b3);justify-content:center;align-items:flex-end;padding:25px;display:flex;position:absolute;inset:0}.category-overlay h3{color:#fff;font-size:1.6rem;font-weight:700}.why-choose-home{background:#fff;padding:100px 0}.why-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:60px;display:grid}.why-card{text-align:center;background:#fff;border-radius:18px;padding:35px;transition:all .3s;box-shadow:0 12px 30px #00000014}.why-card:hover{transform:translateY(-10px)}.why-icon{color:#fff;background:#d71920;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:auto auto 25px;font-size:2rem;display:flex}.why-card h3{margin-bottom:15px;font-size:1.4rem}.why-card p{color:#666;line-height:1.7}.latest-arrivals{background:#f8f9fa;padding:100px 0}.latest-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:60px;display:grid}.latest-card{background:#fff;border-radius:18px;transition:all .3s;overflow:hidden;box-shadow:0 12px 30px #00000014}.latest-card:hover{transform:translateY(-8px)}.latest-card img{object-fit:cover;width:100%;height:230px}.latest-card-body{padding:25px}.latest-card .status{color:#fff;background:#28a745;border-radius:30px;margin-bottom:15px;padding:6px 14px;font-size:.8rem;display:inline-block}.latest-card .price{color:#d71920;margin:20px 0;font-size:1.4rem;font-weight:700}.testimonials-section{background:#fff;padding:100px 0}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:60px;display:grid}.testimonial-card{background:#fff;border-radius:18px;padding:35px;transition:all .3s;box-shadow:0 12px 30px #00000014}.testimonial-card:hover{transform:translateY(-10px)}.stars{color:#f4b400;margin-bottom:20px;font-size:1.2rem}.testimonial-text{color:#555;margin-bottom:25px;font-style:italic;line-height:1.8}.testimonial-card h3{color:#111;margin-bottom:8px}.testimonial-card span{color:#777;font-size:.95rem}.home-cta{background:url(https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?w=1600) 50%/cover no-repeat;margin-top:100px}.cta-overlay{background:#000000bf;padding:120px 0}.cta-content{text-align:center;color:#fff;max-width:850px;margin:auto}.cta-content span{color:#ff4d4d;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-weight:700;display:inline-block}.cta-content h2{margin-bottom:25px;font-size:3rem;line-height:1.2}.cta-content p{color:#ddd;margin-bottom:40px;font-size:1.1rem;line-height:1.9}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.cta-buttons .btn{min-width:200px}@media (width<=768px){.cta-content h2{font-size:2.2rem}}.about-title{text-align:center;margin-bottom:40px}.about-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.about-card{text-align:center;background:#fff;border-radius:16px;padding:32px;box-shadow:0 8px 30px #00000014}.about-card-wide{grid-column:1/-1}.about-card h2{text-align:center;margin-top:0;margin-bottom:20px}.about-card p{margin-bottom:18px;line-height:1.7}.about-card p:last-child{margin-bottom:0}.about-card-tagline{text-align:center;grid-column:1/-1;padding:28px}@media (width<=768px){.about-grid{grid-template-columns:1fr}.about-card-wide,.about-card-tagline{grid-column:auto}}.contact-title{width:100%;margin:0 auto 15px;text-align:center!important}.contact-intro{text-align:center;max-width:700px;margin:0 auto 40px;line-height:1.7}.contact-grid{grid-template-columns:1fr 1.5fr;gap:24px;max-width:1100px;margin:0 auto;display:grid}.contact-card{background:#fff;border-radius:16px;padding:32px;box-shadow:0 8px 30px #00000014}.contact-card h2{text-align:center;margin-top:0;margin-bottom:30px}.contact-item{margin-bottom:25px}.contact-item:last-child{margin-bottom:0}.contact-item h3{margin-bottom:8px}.contact-item p{margin:0;line-height:1.6}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-weight:600}.form-group input,.form-group textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid #ddd;border-radius:8px;outline:none;padding:14px 16px}.form-group input:focus,.form-group textarea:focus{border-color:#999}.form-group textarea{resize:vertical}.contact-form button{cursor:pointer;font:inherit;border:none;border-radius:8px;padding:14px 24px;font-weight:600}.social-card{text-align:center;background:#fff;border-radius:16px;max-width:1100px;margin:24px auto 0;padding:28px 32px;box-shadow:0 8px 30px #00000014}.social-card h2{margin-top:0;margin-bottom:20px}.social-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.social-links a{font-weight:600;text-decoration:none}@media (width<=768px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:24px}.social-links{flex-direction:column;gap:16px}}
