/* GCN V27 — reference layout / desktop + mobile visual correction */
:root{--gcn-max:1440px;--gcn-gold:#e5b552;--gcn-gold2:#f4d47d;--gcn-bg:#05080a;--gcn-panel:#0b1014}
html{scroll-behavior:smooth}
body{background:#05080a;color:#f4f0e8}
.container,.hero-grid{width:min(var(--gcn-max),calc(100% - 64px));margin-inline:auto}
/* Header: make the navigation a deliberate, readable band */
.announcement{background:#050709;border-bottom:1px solid rgba(229,181,82,.16);position:relative;z-index:30}
.site-header{background:rgba(4,7,9,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,181,82,.18);z-index:40}
.nav-wrap{height:86px;align-items:center}
.brand{flex:0 0 220px}.brand img{width:220px;max-height:72px;object-fit:contain}
.navlinks{gap:clamp(12px,1.45vw,24px);align-items:stretch}
.navlinks a{font-size:10px;font-weight:700;letter-spacing:.75px;padding:34px 0;position:relative}
.navlinks a:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:linear-gradient(90deg,transparent,var(--gcn-gold),transparent);transform:scaleX(0);transition:.2s}
.navlinks a:hover:after,.navlinks a.active:after{transform:scaleX(1)}
.support-pill{border:1px solid rgba(229,181,82,.48);background:linear-gradient(180deg,#15120d,#0a0b0c);border-radius:999px}
.login-pill{border:1px solid rgba(229,181,82,.5);background:linear-gradient(135deg,#d9a53f,#f1c867);color:#171006;border-radius:8px;font-weight:900}
.menu-btn{width:42px;height:42px;border:1px solid #80602a;border-radius:8px;background:#0b0e10;color:#f0c660;font-size:21px;cursor:pointer}
.mobile-quick-nav{display:none}
/* Hero: one coherent visual block, not two competing backgrounds */
.hero-premium{min-height:700px;padding-top:118px;overflow:hidden;background:#05080a}
.hero-bg{opacity:.18;filter:saturate(.75);background-position:center right}
.hero-premium:before{background:radial-gradient(circle at 77% 48%,rgba(229,181,82,.17),transparent 29%),linear-gradient(90deg,#05080a 0%,#06090b 38%,rgba(6,9,11,.15) 70%,#05080a 100%)}
.hero-grid{grid-template-columns:minmax(470px,.9fr) minmax(560px,1.1fr);gap:28px;min-height:560px}
.hero-copy{padding-top:54px;max-width:650px}
.hero-copy h1{font-size:clamp(54px,5vw,78px);text-wrap:balance}
.hero-copy p{line-height:1.7;color:#d1d0cc}
.hero-actions{gap:10px}.gold-btn,.ghost-btn{min-height:48px}
.hero-features{border-top:1px solid rgba(229,181,82,.18);border-bottom:1px solid rgba(229,181,82,.18)}
.hero-visual{height:560px;position:relative;align-self:end;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:18px}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,10,.42),transparent 25%,transparent 70%,rgba(5,8,10,.18)),linear-gradient(0deg,rgba(5,8,10,.32),transparent 30%);pointer-events:none}
.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 56%;transform:none;filter:brightness(.9) saturate(.88);border:1px solid rgba(229,181,82,.2);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.visual-caption{z-index:3}.visual-badge{z-index:3}
/* Booking sits visually attached to the hero */
.booking-shell{margin-top:-38px;position:relative;z-index:10}
.booking-panel{box-shadow:0 24px 70px rgba(0,0,0,.5);background:linear-gradient(180deg,rgba(11,15,18,.98),rgba(7,10,12,.98));border-color:rgba(229,181,82,.55)}
.booking-head{min-height:48px}.booking-form{gap:10px}.form-field{background:#080c0f}.search-btn{background:linear-gradient(135deg,#d8a645,#f2c65e);box-shadow:0 10px 25px rgba(216,166,69,.18)}
/* Fleet spacing / image hierarchy */
.fleet-section{padding-top:82px}.section-head{margin-bottom:24px}.section-head h2,.all-cars-head h2{letter-spacing:-.3px}
.featured-grid{gap:18px}.fleet-card{background:linear-gradient(180deg,#0d1215,#090d10);border-color:#49391f}.car-photo{height:220px}.car-photo img{object-position:center}.car-info{padding:15px}.car-bottom{margin-top:15px}
/* Desktop: don't let wide screens become tiny in the middle */
@media(min-width:1441px){.hero-grid{grid-template-columns:560px minmax(650px,1fr)}.hero-visual{height:580px}.booking-panel{padding-inline:20px}.featured-grid{gap:20px}}
/* Tablet: keep menu and hero coherent */
@media(max-width:1180px) and (min-width:761px){.container,.hero-grid{width:calc(100% - 42px)}.brand{flex-basis:180px}.brand img{width:180px}.navlinks{gap:12px}.navlinks a{font-size:8px}.support-pill{display:none}.login-pill{font-size:8px;padding:10px}.hero-grid{grid-template-columns:43% 57%;gap:14px}.hero-copy h1{font-size:50px}.hero-visual{height:460px}.booking-form{grid-template-columns:repeat(2,1fr)}.search-btn{grid-column:1/-1}}
/* Mobile: match the supplied reference composition without oversized blocks */
@media(max-width:760px){
 .container,.hero-grid{width:calc(100% - 24px)}
 .announcement{display:none}
 .site-header{position:sticky;top:0}
 .nav-wrap{height:68px;padding:0 2px}
 .brand{flex:0 0 198px}.brand img{width:198px;max-height:60px}
 .navlinks,.support-pill,.login-pill{display:none}
 .menu-btn{display:grid;place-items:center;margin-left:auto}
 .mobile-quick-nav{display:flex;position:sticky;top:68px;z-index:35;gap:5px;padding:7px 12px;background:rgba(5,8,10,.98);border-bottom:1px solid rgba(229,181,82,.2);overflow-x:auto;scrollbar-width:none}
 .mobile-quick-nav::-webkit-scrollbar{display:none}.mobile-quick-nav a{flex:0 0 auto;padding:8px 12px;border:1px solid #3f321f;border-radius:999px;color:#d9d2c5;font-size:8px;font-weight:800;letter-spacing:.45px;white-space:nowrap}.mobile-quick-nav a:first-child{background:linear-gradient(135deg,#c89236,#eec45f);color:#130e06;border-color:#eec45f}
 .mobile-menu{top:68px}
 .hero-premium{padding-top:12px;min-height:0}
 .hero-grid{display:flex;flex-direction:column;gap:12px}
 .hero-copy{padding:28px 6px 0;text-align:center;max-width:100%}
 .eyebrow{font-size:7px;letter-spacing:2.4px}
 .hero-copy h1{font-size:clamp(37px,10vw,48px);line-height:.95;margin-top:12px}
 .hero-copy p{font-size:11.5px;line-height:1.55;margin:15px auto 0;max-width:430px}
 .hero-actions{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.hero-actions .gold-btn,.hero-actions .ghost-btn{width:auto;min-height:44px;padding-inline:10px;font-size:8px}
 .hero-features{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);max-width:100%;overflow:hidden}.hero-features div{min-height:63px;padding:8px 4px}.hero-features div span{font-size:16px}.hero-features div b{font-size:6.5px;line-height:1.25}
 .hero-visual{order:2;width:100%;height:255px;margin:0;border-radius:12px}
 .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 57%;border-radius:12px}
 .visual-caption{right:12px;top:10px}.visual-caption b{font-size:19px}.visual-caption small{font-size:5px}.visual-badge{right:10px;bottom:10px;padding:7px 9px}.visual-badge b{font-size:6px}.visual-badge span{font-size:5px}
 .booking-shell{margin-top:-2px}.booking-panel{border-radius:12px;padding:0 8px 10px}.booking-head{display:flex;flex-direction:row;align-items:center;overflow:auto}.booking-tabs{flex:1;min-width:0}.booking-head>span{display:none}.tab{font-size:8px;padding:11px 8px;white-space:nowrap}.booking-form{grid-template-columns:1fr 1fr;gap:7px}.form-field{padding:8px}.form-field label{font-size:6px}.input-line input,.input-line select{font-size:9px;min-width:0}.search-btn{grid-column:1/-1;min-height:44px;font-size:8px}.booking-trust{font-size:6px}
 .fleet-section{padding-top:48px}.section-head h2,.all-cars-head h2{font-size:26px}.section-head p{font-size:10px}.featured-grid{grid-template-columns:1fr 1fr;gap:8px}.car-photo{height:150px}.car-info{padding:10px}.car-info h3{font-size:16px}.specs{gap:4px}.specs span{font-size:6px}.car-bottom strong{font-size:14px}.mini-gold{font-size:6px;padding:7px 8px}
}
@media(max-width:430px){.brand{flex-basis:185px}.brand img{width:185px}.hero-actions{grid-template-columns:1fr}.hero-features div b{font-size:6px}.hero-visual{height:235px}.booking-form{grid-template-columns:1fr}.search-btn{grid-column:auto}.featured-grid{grid-template-columns:1fr}.car-photo{height:190px}}