/* GCN V24 — desktop-first visual system + responsive hardening */
:root{--gcn-bg:#05080a;--gcn-panel:#0b1013;--gcn-gold:#d8a84b;--gcn-gold2:#f4cf78;--gcn-line:#3a2d1b;--gcn-muted:#8d9497}
html{font-size:16px;overflow-x:hidden}body{min-width:320px;overflow-x:hidden}
.container{width:min(1480px,calc(100% - 56px));margin-inline:auto}
/* Desktop header */
.announcement{height:32px;font-size:9px}
.site-header{top:32px}
.nav-wrap{height:84px;gap:14px}
.brand{flex:0 0 205px;display:flex;align-items:center}.brand img{width:205px;height:auto;max-height:70px;object-fit:contain}
.navlinks{flex:1;justify-content:center;gap:clamp(10px,1.15vw,20px);margin:0;min-width:0}.navlinks a{font-size:9px;letter-spacing:.7px;white-space:nowrap;padding:31px 0}
.support-pill{flex:0 0 auto;padding:7px 12px;gap:7px}.support-pill b{font-size:9px}.support-pill small{font-size:6.5px}
.login-pill{flex:0 0 auto;padding:11px 13px;font-size:8.5px;white-space:nowrap}
.menu-btn{flex:0 0 42px}
/* Hero: balanced 44/56 desktop composition */
.hero-premium{min-height:690px;padding-top:105px;background:#05080a;position:relative}
.hero-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 48%,rgba(218,169,72,.16),transparent 30%),linear-gradient(90deg,#05080a 0%,#070a0d 43%,rgba(5,8,10,.35) 72%,#05080a 100%);z-index:0}
.hero-bg{inset:0;background-image:linear-gradient(90deg,rgba(5,8,10,.98) 0%,rgba(5,8,10,.88) 37%,rgba(5,8,10,.22) 70%,rgba(5,8,10,.75) 100%),url('/assets/img/vehicles/mercedes-s-class.webp');background-size:cover;background-position:right center;opacity:.26;z-index:0}
.hero-grid{width:min(1480px,calc(100% - 56px));grid-template-columns:minmax(430px,.9fr) minmax(560px,1.25fr);min-height:585px;gap:12px;margin-inline:auto;position:relative;z-index:2}
.hero-copy{padding:35px 0 10px;max-width:660px}.hero-copy h1{font-size:clamp(58px,5vw,82px);line-height:.92}.hero-copy p{font-size:14px;max-width:560px}.hero-actions{margin-top:24px}.hero-features{max-width:660px;margin-top:32px}
.hero-visual{height:570px;min-height:0;align-items:center;overflow:visible}.hero-visual img{width:min(780px,118%);max-width:none;height:auto;object-fit:contain;object-position:center;transform:translate(3%,3%);filter:drop-shadow(0 38px 42px rgba(0,0,0,.78))}
.visual-caption{right:3%;top:12%}.visual-badge{right:4%;bottom:10%}
/* Booking */
.booking-shell{margin-top:-52px}.booking-panel{padding:0 16px 12px}.booking-form{grid-template-columns:1.18fr 1fr 1fr .9fr 1.04fr;gap:9px}.form-field{min-width:0}.input-line input,.input-line select{font-size:10px}.search-btn{min-width:170px}
/* Fleet */
.section-pad{padding:68px 0}.section-head h2,.all-cars-head h2{font-size:32px}.featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fleet-card{min-width:0}.car-photo{height:205px}.car-info h3{font-size:20px}.all-cars-head{margin-top:52px}.all-cars-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.all-car-photo{height:165px}
/* Prevent oversized desktop sections */
.service-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:1.4fr .8fr .9fr 1.1fr;gap:28px}
/* Desktop tablet transition */
@media (max-width:1280px){
 .container,.hero-grid{width:min(1200px,calc(100% - 44px))}
 .brand{flex-basis:185px}.brand img{width:185px}.navlinks{gap:11px}.navlinks a{font-size:8px}.support-pill{display:none}
 .hero-grid{grid-template-columns:44% 56%}.hero-copy h1{font-size:clamp(52px,5.2vw,72px)}
 .featured-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.all-cars-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* Tablet */
@media (max-width:1080px){
 .container{width:min(920px,calc(100% - 36px))}.site-header{top:0;background:rgba(5,7,8,.9)}.nav-wrap{height:76px}.brand{flex-basis:190px}.brand img{width:190px}.navlinks,.support-pill,.login-pill{display:none}.menu-btn{display:grid;place-items:center;margin-left:auto}
 .mobile-menu{position:absolute;top:76px;left:18px;right:18px;background:rgba(6,9,11,.98);border:1px solid #5b431f;border-radius:12px;padding:10px;grid-template-columns:1fr 1fr;gap:6px;box-shadow:0 24px 60px #000c}.mobile-menu a{padding:13px 10px;border:1px solid #2b251b;border-radius:7px;text-align:center;color:#e9e4d9;font-size:10px}.mobile-menu .mobile-cta{grid-column:1/-1;background:linear-gradient(135deg,#bf8b31,#f0c666);color:#160f05;font-weight:900}
 .hero-premium{padding-top:92px;min-height:0}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:760px;margin-inline:auto;text-align:center;padding:38px 0 12px}.hero-copy p{margin-inline:auto}.hero-actions{justify-content:center}.hero-features{margin-inline:auto}.hero-visual{height:420px;margin-top:5px}.hero-visual img{width:min(760px,105%);transform:none}.booking-shell{margin-top:-26px}.booking-form{grid-template-columns:1fr 1fr}.search-btn{min-height:52px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.all-cars-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}
}
/* Mobile */
@media (max-width:640px){
 .container,.hero-grid{width:calc(100% - 24px)}.announcement{display:none}.nav-wrap{height:68px}.brand{flex-basis:170px}.brand img{width:170px;max-height:58px}.mobile-menu{top:68px;left:12px;right:12px}
 .hero-premium{padding-top:68px}.hero-copy{padding-top:30px}.eyebrow{font-size:7px;letter-spacing:2.5px}.hero-copy h1{font-size:42px;letter-spacing:-1px}.hero-copy p{font-size:12.5px}.hero-actions{flex-direction:column;align-items:stretch}.gold-btn,.ghost-btn{width:100%;min-height:46px}.hero-features{grid-template-columns:1fr 1fr;margin-top:22px}.hero-features div{min-height:66px;border-bottom:1px solid #3b2e1d}.hero-visual{height:265px;margin-top:8px}.hero-visual img{width:122%;max-width:none;height:100%;object-fit:cover;object-position:center;transform:none}.visual-caption,.visual-badge{display:none}
 .booking-shell{margin-top:-16px}.booking-panel{padding:0 9px 11px;border-radius:12px}.booking-head{flex-direction:column;align-items:stretch}.booking-head>span{text-align:center;padding:7px 0}.booking-tabs{width:100%}.tab{flex:1;padding:12px 8px}.booking-form{grid-template-columns:1fr}.booking-trust{flex-wrap:wrap;justify-content:flex-start;gap:7px 12px;font-size:6.5px}.section-pad{padding:48px 0}.section-head,.all-cars-head{align-items:flex-start;flex-direction:column}.section-head h2,.all-cars-head h2{font-size:27px}.featured-grid{grid-template-columns:1fr}.car-photo{height:190px}.all-cars-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.all-car-photo{height:125px}.all-car-info{padding:9px}.all-car-info h3{font-size:15px}.all-price{font-size:14px}.filters{width:100%;overflow:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:5px}.filter{flex:0 0 auto}.service-grid,.steps,.blog-grid,.footer-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div{border-bottom:1px solid #373021}.footer-bottom{flex-direction:column;gap:8px}.whatsapp-float{right:14px;bottom:14px}.whatsapp-float b,.whatsapp-float small{display:none}
}
@media (max-width:390px){.brand img{width:150px}.hero-copy h1{font-size:38px}.hero-visual{height:235px}.all-cars-grid{grid-template-columns:1fr 1fr}.all-car-photo{height:115px}}
