/* NAT 2026 — full-site visual refresh, no functional JavaScript changes */
:root{--gold:#d9b978;--dark:#070d15;--muted:#aeb7c2;--lux-cream:#f3e6ca;--lux-line:rgba(220,187,119,.25)}
html{scroll-padding-top:24px}body{background:#080e17;color:#f4f1e9;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 75% 38% at 15% 4%,rgba(32,64,90,.16),transparent),radial-gradient(ellipse 60% 35% at 95% 70%,rgba(148,112,55,.065),transparent)}
.shell{max-width:1390px}.top{background:rgba(6,13,23,.97);border-bottom:1px solid rgba(221,185,114,.36);box-shadow:0 15px 45px rgba(0,0,0,.25)}
.toprow{padding-top:13px;padding-bottom:13px;gap:20px}.logo{width:80px;height:80px;border:1px solid rgba(237,198,125,.7);box-shadow:0 0 0 5px rgba(225,185,106,.045),0 12px 25px rgba(0,0,0,.25)}.logo strong{font-size:35px}.logo small{font-size:7px}
.titlebox h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,2vw,29px);letter-spacing:.025em;color:#f8f2e5}.titlebox p{font-size:10px;letter-spacing:2.4px;color:#c9bca4}
.langs button{border-radius:4px;background:#101a27;border:1px solid #485365;padding:8px 10px;transition:background .2s,border-color .2s,transform .2s}.langs button:hover{background:#1c3042;transform:translateY(-1px)}.langs button.active{background:linear-gradient(125deg,#f1d99c,#bc9250);color:#10141a;border-color:#d8b676;box-shadow:0 4px 18px rgba(211,170,96,.18)}
.navrow{padding-bottom:13px;margin-top:0}.nav{background:transparent;border:0;border-radius:0;gap:3px}.nav a{padding:11px 13px;font-size:11px;letter-spacing:.06em;font-weight:600;border-radius:4px;transition:background .2s,color .2s}.nav a:hover{background:#192739;color:#f3dba7}.contacttop{border-radius:4px;padding:12px 22px;letter-spacing:.04em;box-shadow:0 7px 25px rgba(190,143,61,.18)}
.hero{border-bottom:1px solid var(--lux-line);min-height:580px;background-color:#081321}.hero:before{opacity:.6}.hero .shell{position:relative;z-index:1}
.hero h1,.hero h2,.nat-new-showcase h2,.lx-section h2,.section h2,.nat-premium-extras h2,.fare-heading h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;font-weight:400}
.hero h1{font-size:clamp(38px,5.2vw,77px);line-height:1.09;text-wrap:balance}.hero p{line-height:1.85}
section{scroll-margin-top:20px}section.section,section.lx-section,.nat-trust-section,.nat-premium-extras,.nat-new-showcase{position:relative}
section.section,section.lx-section{padding-top:78px;padding-bottom:78px}
section.section:not(.price):nth-of-type(even),section.lx-section:nth-of-type(even){background:linear-gradient(135deg,rgba(24,39,55,.28),rgba(6,14,24,.15))}
.nat-new-showcase{max-width:none!important;width:100%;padding:95px max(28px,calc((100vw - 1334px)/2))!important;background:radial-gradient(ellipse at 80% 10%,rgba(158,117,54,.17),transparent 45%),linear-gradient(150deg,#111e2b,#070f1a 72%)!important;border-top:1px solid rgba(225,190,116,.35);border-bottom:1px solid rgba(225,190,116,.35)}
.nat-new-showcase h2{font-size:clamp(37px,4.5vw,67px)!important;line-height:1.13!important;color:#f7edda!important;max-width:920px;margin-left:auto!important;margin-right:auto!important}
.nat-new-showcase>p,.nat-new-showcase .nat-showcase-intro{max-width:750px;margin-left:auto;margin-right:auto}
.nat-new-showcase a,.nat-new-showcase button{transition:transform .25s,box-shadow .25s}.nat-new-showcase a:hover,.nat-new-showcase button:hover{transform:translateY(-3px)}
section h2{color:#f8edda}section p{color:#c7cdd3}
#why-nat,#car-gallery,#tour-programs,#airport-pickup,#halal-travel,#guest-reviews,#faq{border-top:1px solid rgba(215,177,104,.12)}
#car-gallery{background:linear-gradient(150deg,#111d2a,#08121e)!important;border:1px solid rgba(217,185,120,.19);border-radius:12px;margin-top:60px;margin-bottom:60px;box-shadow:0 25px 75px rgba(0,0,0,.2)}
#booking{background:radial-gradient(ellipse at 80% 10%,rgba(196,148,66,.11),transparent 45%),linear-gradient(180deg,#0b1623,#050b13);border-top:1px solid rgba(227,190,119,.3);padding-top:90px;padding-bottom:95px}
.fare-booking .fare-panel{background:linear-gradient(145deg,rgba(23,38,52,.95),rgba(9,18,29,.98));border:1px solid rgba(226,186,111,.35);border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.045);padding:clamp(20px,3vw,45px)}
.fare-booking .fare-heading h2{font-size:clamp(32px,4vw,53px);color:#f8e9c8}
input,select,textarea{max-width:100%}input:focus,select:focus,textarea:focus{outline:2px solid rgba(232,190,107,.7);outline-offset:1px}
button,a{ -webkit-tap-highlight-color:transparent }a:focus-visible,button:focus-visible{outline:2px solid #f0d496;outline-offset:3px}
.foot{background:#03080e!important;border-top:1px solid rgba(221,185,114,.35);padding-top:32px;padding-bottom:32px}
@media(max-width:850px){.toprow{flex-wrap:wrap}.titlebox{min-width:200px}.langs{width:100%;justify-content:center}.navrow{flex-wrap:wrap;justify-content:center}.nav{width:100%;justify-content:flex-start}.contacttop{width:100%;text-align:center}.hero{min-height:auto}.nat-new-showcase{padding:65px 22px!important}section.section,section.lx-section{padding-top:55px;padding-bottom:55px}#car-gallery{border-radius:0;margin-top:30px;margin-bottom:30px}#booking{padding-top:55px;padding-bottom:55px}}
@media(max-width:540px){.shell{padding-left:17px;padding-right:17px}.toprow{gap:12px}.logo{width:65px;height:65px}.logo strong{font-size:29px}.titlebox h2{font-size:19px}.titlebox p{letter-spacing:1px;font-size:8px}.langs button{padding:7px 9px;font-size:12px}.nav a{padding:10px 12px}.hero h1{font-size:38px}.fare-booking .fare-panel{padding:17px}.nat-new-showcase h2{font-size:37px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}