/* =============================================
   DESTINATION WHIPS — Pages (Premium Automotive)
   ============================================= */

/* === HERO === */
.dw-hero{position:relative;min-height:92vh;display:flex;align-items:center;background:var(--navy);overflow:hidden;}
.dw-hero-bg{position:absolute;inset:0;z-index:0;}
.dw-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.dw-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,26,0.88) 0%,rgba(10,10,26,0.65) 50%,rgba(10,10,26,0.4) 100%);}
.dw-hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:var(--space-12);align-items:center;position:relative;z-index:2;padding:var(--space-20) 0;}
.dw-hero-content{color:var(--white);}
.dw-hero-pill{display:inline-block;padding:6px 18px;background:rgba(255,167,38,0.15);border:1px solid rgba(255,167,38,0.3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--accent);font-weight:var(--font-semibold);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-6);}
.dw-hero-title{font-family:var(--font-display);font-size:clamp(3rem,6vw,5.5rem);line-height:1.05;letter-spacing:3px;text-transform:uppercase;margin-bottom:var(--space-4);}
.dw-hero-tagline{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:rgba(255,255,255,0.9);}
.dw-hero-desc{color:rgba(255,255,255,0.6);font-size:var(--text-base);line-height:1.8;margin-bottom:var(--space-8);max-width:520px;}
.dw-hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;}
.dw-hero-actions .btn-outline{border-color:rgba(255,255,255,0.3);color:var(--white);}
.dw-hero-actions .btn-outline:hover{background:var(--white);color:var(--navy);}
.dw-hero-trust{display:flex;gap:var(--space-6);margin-bottom:var(--space-5);}
.dw-hero-trust-item{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:rgba(255,255,255,0.7);}
.dw-hero-rating{display:flex;align-items:center;gap:var(--space-3);}
.dw-stars{color:var(--accent);font-size:18px;letter-spacing:2px;}
.dw-hero-rating span{font-size:var(--text-sm);color:rgba(255,255,255,0.5);}
.dw-hero-visual{text-align:center;}
.dw-hero-car{max-height:420px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.5));}

/* === SEARCH === */
.dw-search-section{margin-top:-50px;position:relative;z-index:10;padding-bottom:var(--space-12);}
.dw-search-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid var(--border);}
.dw-search-title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-6);}
.dw-search-form{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap;}
.dw-search-field{flex:1;min-width:160px;}
.dw-search-field label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:6px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:1px;}
.dw-search-field input,.dw-search-field select{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--white);outline:none;transition:border-color 0.2s;}
.dw-search-field input:focus,.dw-search-field select:focus{border-color:var(--accent);}
.dw-search-tagline{text-align:center;margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-muted);}

/* === SECTION HEADERS === */
.dw-section-header{text-align:center;margin-bottom:var(--space-12);}
.dw-section-header h2{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:2px;text-transform:uppercase;}
.dw-section-header p{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-lg);}

/* === FLEET GRID === */
.dw-fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-6);}
.dw-car-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all 0.4s ease;}
.dw-car-card:hover{border-color:var(--accent);box-shadow:var(--shadow-card);transform:translateY(-6px);}
.dw-car-img{height:180px;background:var(--gray-100);overflow:hidden;position:relative;}
.dw-car-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.dw-car-card:hover .dw-car-img img{transform:scale(1.06);}
.dw-car-badge{position:absolute;top:12px;left:12px;padding:4px 12px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}
.badge-hybrid{background:rgba(16,185,129,0.15);color:var(--success);}
.dw-car-body{padding:var(--space-5);}
.dw-car-body h3{font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:var(--space-3);}
.dw-car-specs{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:11px;color:var(--text-muted);margin-bottom:var(--space-4);}
.dw-car-price{font-size:var(--text-sm);margin-bottom:var(--space-4);color:var(--text-secondary);}
.dw-car-price span{font-size:var(--text-xl);font-weight:var(--font-extrabold);}

/* === SERVICES === */
.dw-services-bar{padding:var(--space-10) 0;background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.dw-services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-5);}
.dw-service-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);}
.dw-service-icon{font-size:28px;flex-shrink:0;}
.dw-service-item strong{display:block;font-size:var(--text-sm);}
.dw-service-item span{display:block;font-size:var(--text-xs);color:var(--text-muted);}

/* === STEPS === */
.dw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);}
.dw-step{text-align:center;padding:var(--space-10) var(--space-6);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border);transition:all 0.4s;}
.dw-step:hover{box-shadow:var(--shadow-xl);border-color:var(--accent);transform:translateY(-4px);}
.dw-step-num{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--navy);font-family:var(--font-display);font-size:var(--text-2xl);border-radius:50%;margin:0 auto var(--space-5);}
.dw-step h4{font-size:var(--text-base);margin-bottom:var(--space-2);}
.dw-step p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;}

/* === STATS === */
.dw-stats-row{display:flex;justify-content:space-between;gap:var(--space-8);padding:var(--space-10);background:var(--navy);border-radius:var(--radius-xl);color:var(--white);}
.dw-stat{text-align:center;flex:1;}
.dw-stat-num{display:block;font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:1px;color:var(--accent);}
.dw-stat span{font-size:var(--text-xs);color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;}

/* === TESTIMONIALS === */
.dw-testimonials-section{padding:var(--space-20) 0;background:var(--navy-light);}
.dw-testimonials-section .section-title,.dw-testimonials-section .dw-section-header h2{color:var(--white);}
.dw-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);}
.dw-testimonial-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-8);transition:all 0.3s;}
.dw-testimonial-card:hover{border-color:rgba(255,167,38,0.3);background:rgba(255,255,255,0.08);}
.dw-testimonial-stars{color:var(--accent);font-size:18px;letter-spacing:2px;margin-bottom:var(--space-4);}
.dw-testimonial-card p{font-size:var(--text-sm);color:rgba(255,255,255,0.7);line-height:1.8;margin-bottom:var(--space-5);font-style:italic;}
.dw-testimonial-author{display:flex;align-items:center;gap:var(--space-3);}
.dw-testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;}
.dw-testimonial-author strong{display:block;font-size:var(--text-sm);color:var(--white);}
.dw-testimonial-author span{font-size:var(--text-xs);color:rgba(255,255,255,0.4);}

/* === CTA === */
.dw-cta-section{background:var(--accent);padding:var(--space-16) 0;}
.dw-cta-inner{text-align:center;padding:var(--space-6) 0;}
.dw-cta-inner h2{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:2px;text-transform:uppercase;color:var(--navy);max-width:700px;margin:0 auto;}

/* === FLEET PAGE === */
.fleet-hero{position:relative;padding:calc(var(--header-height) + var(--space-16)) 0 var(--space-12);background:var(--navy);color:var(--white);overflow:hidden;}
.fleet-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,26,0.92),rgba(26,26,46,0.85)),url('/assets/images/fleet-hero.jpg') center/cover;z-index:0;}
.fleet-hero .container{position:relative;z-index:1;}
.fleet-hero h1{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:2px;text-transform:uppercase;}
.fleet-hero-stats{display:flex;gap:var(--space-8);margin-top:var(--space-6);}
.fleet-hero-stat-value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--accent);display:block;}
.fleet-hero-stat-label{font-size:var(--text-xs);color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;}
.fleet-filters{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-8);box-shadow:var(--shadow-md);}
.fleet-filters-inner{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;}
.fleet-filter-item{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:180px;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-3);}
.fleet-filter-input{background:none;border:none;color:var(--text-primary);padding:12px 0;flex:1;outline:none;font-size:var(--text-sm);}
.fleet-filter-select{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);padding:12px;font-size:var(--text-sm);cursor:pointer;outline:none;appearance:auto;}
.fleet-filter-select:focus{border-color:var(--accent);}
.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);}
.fleet-vehicle-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:inherit;transition:all 0.4s;display:block;}
.fleet-vehicle-card:hover{border-color:var(--accent);box-shadow:var(--shadow-xl);transform:translateY(-6px);}
.fleet-vehicle-img{position:relative;height:220px;overflow:hidden;background:var(--gray-100);}
.fleet-vehicle-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.fleet-vehicle-card:hover .fleet-vehicle-img img{transform:scale(1.06);}
.fleet-vehicle-img-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.fleet-vehicle-body{padding:var(--space-6);}
.fleet-vehicle-body h3{font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-3);}
.fleet-vehicle-specs{display:flex;gap:var(--space-5);margin-bottom:var(--space-4);font-size:12px;color:var(--text-muted);}
.fleet-vehicle-specs span{display:flex;align-items:center;gap:4px;}
.fleet-vehicle-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--border);}
.fleet-book-btn{color:var(--accent);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:0.5px;}
.fleet-badge{position:absolute;top:14px;left:14px;padding:4px 14px;font-size:11px;font-weight:700;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:0.5px;}
.fleet-rating{position:absolute;top:14px;right:14px;background:var(--white);color:var(--accent);padding:4px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;box-shadow:var(--shadow-sm);}
.pagination{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-10);}
.pagination-link{padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all 0.2s;}
.pagination-link:hover{border-color:var(--accent);}
.pagination-link.active{background:var(--accent);color:var(--navy);border-color:var(--accent);}

/* === COMPARE === */
.compare-bar{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:2px solid var(--accent);padding:var(--space-3) 0;z-index:100;box-shadow:0 -4px 20px rgba(0,0,0,0.1);}
.compare-check{position:absolute;top:12px;right:12px;z-index:5;}
.compare-check input{display:none;}
.compare-check label{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--white);border:2px solid var(--gray-300);cursor:pointer;font-size:14px;transition:all 0.2s;box-shadow:var(--shadow-sm);}
.compare-check input:checked+label{background:var(--accent);border-color:var(--accent);color:var(--white);}
.compare-pick-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-lg);transition:all 0.2s;min-width:240px;background:var(--white);}
.compare-pick-cb:checked+.compare-pick-card{border-color:var(--accent);background:var(--accent-light);}

/* === CHATBOT === */
.dw-chatbot{position:fixed;bottom:24px;right:24px;z-index:9999;}
.dw-chat-toggle{width:60px;height:60px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(255,167,38,0.4);transition:all 0.3s;color:var(--navy);position:relative;}
.dw-chat-toggle:hover{transform:scale(1.08);box-shadow:0 8px 32px rgba(255,167,38,0.5);}
.dw-chat-toggle.hidden{display:none;}
.dw-chat-badge{position:absolute;top:-6px;right:-6px;background:var(--navy);color:var(--white);font-size:9px;font-weight:800;padding:3px 7px;border-radius:99px;letter-spacing:0.5px;}
.dw-chat-window{display:none;position:absolute;bottom:0;right:0;width:380px;height:540px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;flex-direction:column;box-shadow:var(--shadow-xl);}
.dw-chat-window.active{display:flex;}
.dw-chat-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:var(--navy);color:var(--white);}
.dw-chat-avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:50%;font-weight:800;font-size:12px;color:var(--navy);}
.dw-chat-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;}
.dw-chat-welcome p{background:var(--gray-50);padding:14px 18px;border-radius:var(--radius-lg);font-size:14px;margin-bottom:14px;color:var(--text-secondary);}
.dw-chat-suggestions{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;}
.dw-chat-suggestions button{padding:10px 16px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;cursor:pointer;text-align:left;transition:all 0.2s;color:var(--text-primary);}
.dw-chat-suggestions button:hover{border-color:var(--accent);background:var(--accent-light);}
.dw-chat-messages{display:flex;flex-direction:column;gap:10px;flex:1;}
.dw-chat-msg{max-width:85%;padding:12px 16px;border-radius:var(--radius-lg);font-size:13px;line-height:1.6;}
.dw-chat-msg-user{align-self:flex-end;background:var(--accent);color:var(--navy);border-bottom-right-radius:4px;}
.dw-chat-msg-bot{align-self:flex-start;background:var(--gray-100);color:var(--text-primary);border-bottom-left-radius:4px;}
.dw-chat-msg-bot a{color:var(--accent);font-weight:600;}
.dw-chat-typing span{display:inline-block;width:6px;height:6px;background:var(--gray-400);border-radius:50%;margin-right:3px;animation:dwDot 1.4s ease infinite;}
.dw-chat-typing span:nth-child(2){animation-delay:0.2s;}
.dw-chat-typing span:nth-child(3){animation-delay:0.4s;}
@keyframes dwDot{0%,80%,100%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}
.dw-chat-footer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--white);}
.dw-chat-footer input{flex:1;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-full);font-size:13px;outline:none;}
.dw-chat-footer input:focus{border-color:var(--accent);}
.dw-chat-footer button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent);border:none;border-radius:50%;cursor:pointer;font-size:18px;font-weight:800;color:var(--navy);transition:all 0.2s;}
.dw-chat-footer button:hover{background:var(--accent-hover);}

/* === RESPONSIVE === */
@media(max-width:1024px){.dw-hero-grid{grid-template-columns:1fr;text-align:center;}.dw-hero-desc{margin:0 auto var(--space-8);}.dw-hero-actions,.dw-hero-trust{justify-content:center;}.dw-hero-rating{justify-content:center;}.dw-hero-visual{display:none;}.dw-services-grid{grid-template-columns:repeat(2,1fr);}.dw-steps{grid-template-columns:1fr;}}
@media(max-width:768px){.dw-search-form{flex-direction:column;}.dw-fleet-grid{grid-template-columns:1fr;}.dw-testimonials-grid{grid-template-columns:1fr;}.dw-services-grid{grid-template-columns:1fr;}.dw-stats-row{flex-wrap:wrap;gap:var(--space-4);padding:var(--space-6);}.dw-hero-trust{flex-direction:column;align-items:center;gap:var(--space-2);}.fleet-filters-inner{flex-direction:column;}.fleet-grid{grid-template-columns:1fr;}.dw-chat-window{width:calc(100vw - 32px);right:-8px;}}

/* =============================================
   VEHICLE DETAIL PAGE
   ============================================= */
.vehicle-detail-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8);align-items:start;}
.vehicle-detail-main{}
.vehicle-detail-image{border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-6);position:relative;}
.vehicle-detail-image img{width:100%;height:auto;border-radius:var(--radius-xl);}

/* Specs Grid */
.specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8);}
.spec-item{padding:var(--space-5);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;}
.spec-item .spec-icon{font-size:24px;margin-bottom:var(--space-2);color:var(--accent);}
.spec-item .spec-label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:2px;}
.spec-item .spec-value{display:block;font-size:var(--text-sm);font-weight:var(--font-bold);}

/* Features list */
.features-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-8);}
.feature-tag{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--gray-50);border-radius:var(--radius-md);font-size:var(--text-sm);}
.feature-tag::before{content:'✓';color:var(--success);font-weight:700;}

/* Reviews list */
.reviews-list{display:flex;flex-direction:column;gap:var(--space-4);}
.review-card{padding:var(--space-5);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);}
.review-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);}
.review-stars{color:var(--accent);letter-spacing:2px;}
.review-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.8;}

/* Booking sidebar */
.booking-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-6));}
.booking-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);}
.booking-price{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--accent);letter-spacing:1px;}
.booking-price span{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-normal);}
.booking-rate-toggle{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin:var(--space-4) 0;}
.booking-rate-toggle button{flex:1;padding:var(--space-3);border:none;background:var(--white);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all 0.2s;}
.booking-rate-toggle button.active{background:var(--accent);color:var(--navy);}

/* Description section */
.vehicle-description{margin-bottom:var(--space-8);}
.vehicle-description h3{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--accent);}
.vehicle-description p{color:var(--text-secondary);line-height:1.9;font-size:var(--text-base);}

/* Why rent section */
.why-rent{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-5);}
.why-rent h4{font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-4);}
.why-rent-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary);}
.why-rent-item svg{color:var(--success);flex-shrink:0;}

/* Trust bar */
.trust-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-10);padding:var(--space-8) 0;border-top:1px solid var(--border);}
.trust-badge{text-align:center;padding:var(--space-4);}
.trust-badge-icon{font-size:28px;margin-bottom:var(--space-2);color:var(--accent);}
.trust-badge h5{font-size:var(--text-sm);font-weight:var(--font-bold);margin-bottom:var(--space-1);}
.trust-badge p{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5;}

@media(max-width:1024px){.vehicle-detail-grid{grid-template-columns:1fr;}.booking-sidebar{position:static;}}
@media(max-width:768px){.specs-grid{grid-template-columns:repeat(2,1fr);}.features-list{grid-template-columns:1fr;}.trust-badges{grid-template-columns:repeat(2,1fr);}}

/* =============================================
   CONTACT PAGE
   ============================================= */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);}
.contact-info-card{padding:var(--space-6);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--space-5);}
.contact-info-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--gray-100);}
.contact-info-item:last-child{border-bottom:none;}
.contact-info-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-light);border-radius:var(--radius-md);color:var(--accent);flex-shrink:0;}
.contact-info-item h5{font-size:var(--text-sm);margin-bottom:2px;}
.contact-info-item p,.contact-info-item a{font-size:var(--text-sm);color:var(--text-secondary);}
.contact-form-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md);}
.contact-form-card h3{font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-6);}

/* =============================================
   HOW IT WORKS / ABOUT / LONG-TERM
   ============================================= */
.hiw-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-top:var(--space-10);}
.hiw-step{text-align:center;padding:var(--space-8);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all 0.3s;}
.hiw-step:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.hiw-step-num{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--navy);font-family:var(--font-display);font-size:var(--text-xl);border-radius:50%;margin:0 auto var(--space-4);}
.hiw-step h4{font-size:var(--text-base);margin-bottom:var(--space-2);}
.hiw-step p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;}

/* About stats */
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin:var(--space-10) 0;}
.about-stat{text-align:center;padding:var(--space-6);background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border);}
.about-stat .stat-num{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--accent);}
.about-stat .stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:var(--space-1);}

/* Long-term pricing cards */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);}
.pricing-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all 0.3s;position:relative;}
.pricing-card:hover{border-color:var(--accent);box-shadow:var(--shadow-xl);transform:translateY(-4px);}
.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);}
.pricing-card.featured::before{content:'POPULAR';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--navy);padding:4px 16px;border-radius:var(--radius-full);font-size:10px;font-weight:800;letter-spacing:1px;}
.pricing-price{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--accent);margin:var(--space-4) 0;}
.pricing-price span{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-muted);}
.pricing-features{list-style:none;margin:var(--space-6) 0;text-align:left;}
.pricing-features li{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2);}
.pricing-features li::before{content:'✓';color:var(--success);font-weight:700;}

@media(max-width:768px){.contact-grid{grid-template-columns:1fr;}.about-stats{grid-template-columns:repeat(2,1fr);}.pricing-grid{grid-template-columns:1fr;}.hiw-steps{grid-template-columns:1fr;}}

/* =============================================
   ACCOUNT PAGES
   ============================================= */
.account-nav{display:flex;gap:var(--space-1);margin-bottom:var(--space-8);border-bottom:2px solid var(--border);padding-bottom:2px;}
.account-nav a{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all 0.2s;}
.account-nav a:hover{color:var(--text-primary);}
.account-nav a.active{color:var(--accent);border-bottom-color:var(--accent);}

/* Booking detail card */
.booking-detail-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--space-8);}
.booking-detail-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);}
.booking-info-row{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100);font-size:var(--text-sm);}
.booking-info-row:last-child{border-bottom:none;}
.booking-info-row .label{color:var(--text-muted);}
.booking-status-badge{display:inline-block;padding:6px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:0.5px;}

@media(max-width:1024px){.booking-detail-grid{grid-template-columns:1fr;}}

/* Spec detail aliases */
.spec-detail{padding:var(--space-4);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);}
.spec-detail .spec-label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px;}
.spec-detail .spec-value{display:block;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);}

/* Review item */
.review-item{padding:var(--space-5);background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);}
.review-date{font-size:var(--text-xs);color:var(--text-muted);}

/* Badge dot */
.badge-dot::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;}

/* mb/mt utilities */
.mb-6{margin-bottom:var(--space-6);}
.mb-8{margin-bottom:var(--space-8);}
.mt-6{margin-top:var(--space-6);}

/* Animate slide */
.animate-slide-left{animation:slideLeft 0.5s ease;}
@keyframes slideLeft{from{opacity:0;transform:translateX(-20px);}to{opacity:1;transform:none;}}

/* =============================================
   PRICING PAGE (Long-Term Rentals)
   ============================================= */
.pricing-label{display:inline-block;padding:6px 20px;border-radius:var(--radius-full);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;background:var(--accent);color:var(--navy);margin-bottom:var(--space-5);}
.pricing-amount{margin-bottom:var(--space-4);}
.pricing-currency{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);vertical-align:super;}
.pricing-value{font-family:var(--font-display);font-size:72px;letter-spacing:2px;color:var(--text-primary);}
.pricing-period{font-size:var(--text-sm);color:var(--text-muted);}
.pricing-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);}
.pricing-card .pricing-features{list-style:none;text-align:left;margin:var(--space-5) 0;}
.pricing-card .pricing-features div{padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary);}
.shimmer-border{position:relative;}

/* =============================================
   CONTACT PAGE TEXT FIXES
   ============================================= */
.page-header p,.page-header .section-subtitle{color:rgba(255,255,255,0.7);}
.page-header h1{color:var(--white);}

/* =============================================
   FAQ TEXT COLOR FIX
   ============================================= */
.faq-answer p{color:var(--text-primary);line-height:1.9;}
.faq-question span{color:var(--text-primary);}

/* Promo Badge */
.promo-badge{background:#e63946!important;color:#fff!important;position:absolute;top:14px;right:14px;left:auto;padding:4px 14px;font-size:11px;font-weight:800;border-radius:4px;letter-spacing:0.5px;text-transform:uppercase;animation:promoPulse 2s ease infinite;}
@keyframes promoPulse{0%,100%{box-shadow:0 0 0 0 rgba(230,57,70,0.4);}50%{box-shadow:0 0 0 8px rgba(230,57,70,0);}}
.fleet-card-badge.promo-badge,.dw-car-badge.promo-badge{background:#e63946!important;color:#fff!important;right:10px;left:auto;top:10px;}