/* GulfNest FINAL V6.2 — premium interaction, branding and conversion polish */
:root{--gn-navy:#0b1f46;--gn-blue:#173d72;--gn-gold:#c9a227;--gn-gold2:#f0cf65;--gn-ink:#17233b;--gn-muted:#667085;--gn-border:#dfe5ee}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
h1,h2,h3,h4,h5,h6,.stitle,.head h2,.tool-hero h1,.tool-section h2,.tool-section h3,.slide-h1,.brand,.nb1{font-family:'Sora',Inter,Segoe UI,sans-serif!important;font-weight:800!important;letter-spacing:-.025em}
/* Socials: refined, consistent, and never duplicate on pages that already have the top social rail */
.sic{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:10px!important;color:#fff!important;text-decoration:none!important;box-shadow:0 6px 16px rgba(7,23,47,.14);transition:transform .2s,box-shadow .2s,filter .2s!important}
.sic svg{width:17px!important;height:17px!important;display:block!important;fill:currentColor!important}
.sic:hover{transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(7,23,47,.2)!important;filter:saturate(1.08)}
.sic.fb{background:#1877f2!important}.sic.ig{background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045)!important}.sic.tt{background:#101820!important}.sic.yt{background:#ff0000!important}.sic.wa{background:#25d366!important}
body:has(.tb-soc) .ft-soc-sm{display:none!important}
/* Payment methods: clean brand-style marks instead of emoji */
.payment-strip{gap:10px!important;align-items:center!important}
.payment-pill{min-height:38px!important;padding:7px 13px!important;border-radius:12px!important;background:#fff!important;border:1px solid #dce3ec!important;color:#263a5d!important;box-shadow:0 4px 14px rgba(22,37,90,.06)!important;font-weight:800!important;letter-spacing:.01em}
.payment-pill .pay-icon{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;margin-right:5px;border-radius:6px;font-size:11px;font-weight:900;line-height:1}
.pay-cash{background:#eaf8ef;color:#16804a}.pay-visa{color:#1a3f91;background:#f4f7ff}.pay-master{color:#17233b;background:#fff}.pay-link{color:#5f4b91;background:#f8f4ff}.pay-tabby{color:#5b3aa0;background:#f8f4ff}.pay-tamara{color:#b24c24;background:#fff7f2}
.pay-master .mc-a,.pay-master .mc-b{width:14px;height:14px;border-radius:50%;display:inline-block}.mc-a{background:#eb001b;margin-right:-5px}.mc-b{background:#f79e1b;opacity:.9}.pay-tabby .tabby-dot{width:12px;height:12px;border-radius:50%;background:#6d45b8}.pay-tamara .tamara-dot{width:12px;height:12px;border-radius:50%;background:#f08a55}.pay-link .link-mark{font-size:15px}
/* FAQ — force reliable accordion behaviour even when legacy page scripts exist */
.faq-q{cursor:pointer!important;user-select:none!important;min-height:68px!important}
.faq-q .fa{transition:transform .22s,background .22s,color .22s!important}
.faq-q[aria-expanded="true"] .fa{background:#c9a227!important;color:#0b1f46!important;transform:rotate(180deg)!important}
.faq-a{overflow:hidden!important;transition:max-height .3s ease,padding .3s ease!important}
/* Area cards: landmark watermark */
.gn-area-card{position:relative!important;overflow:hidden!important;isolation:isolate}
.gn-area-card>*{position:relative;z-index:2}
.gn-area-watermark{position:absolute!important;right:-8px;bottom:-10px;z-index:1!important;font-family:'Sora',sans-serif!important;font-size:64px!important;font-weight:800!important;letter-spacing:-.05em!important;line-height:1!important;color:#173d72!important;opacity:.045!important;pointer-events:none!important;white-space:nowrap!important;text-transform:uppercase!important}
.gn-area-watermark small{display:block;font-size:13px;letter-spacing:.18em;text-align:right;color:#c9a227;opacity:.8}
/* Page watermarks: subtle, editorial rather than decorative clutter */
.gn-watermark-host{position:relative!important;overflow:hidden!important;isolation:isolate}
.gn-watermark-host>*{position:relative;z-index:2}
.gn-watermark-host:after{content:attr(data-watermark);position:absolute;right:-20px;bottom:-35px;z-index:1;font:800 clamp(72px,12vw,170px)/.8 Sora,sans-serif;letter-spacing:-.06em;color:#fff;opacity:.055;pointer-events:none;white-space:nowrap}
.hero.gn-watermark-host:after,.ph.gn-watermark-host:after,.hero-wrap.gn-watermark-host:after{opacity:.065}
.tool-hero.gn-watermark-host:after{opacity:.035}
/* Offer: one strong marketing unit on calculator; remove duplicate inline offer */
.moving-calculator-page .offer-banner{display:none!important}
.gn-page-offer,.gn-offer-strip{position:relative;overflow:hidden}
.gn-page-offer:after,.gn-offer-strip:after{content:'20%';position:absolute;right:7%;top:50%;transform:translateY(-50%);font:800 110px/1 Sora,sans-serif;color:#fff;opacity:.055;pointer-events:none}
.gn-page-offer-actions a,.gn-offer-actions a{transition:transform .2s,box-shadow .2s!important}
.gn-page-offer-actions a:hover,.gn-offer-actions a:hover{transform:translateY(-2px)!important;box-shadow:0 10px 25px rgba(0,0,0,.16)!important}
/* Cargo: use the supplied wide image edge-to-edge, without the blurred side treatment */
.slide-bg[style*="gn-cargo-banner.jpg"]{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.gn-cargo-visual{background:#fff!important}
.gn-cargo-visual img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1920/720!important;object-fit:cover!important;object-position:center!important}
/* Image consistency + tasteful zoom */
.gal-item img,.svc-img,.gn-story-card img,.gn-fleet-card img{transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s!important}
.gal-item:hover img,.svc-card:hover .svc-img,.gn-story-card:hover img,.gn-fleet-card:hover img{transform:scale(1.035)!important}
/* Fleet section: clean light presentation */
.gn-fleet-section{background:linear-gradient(180deg,#f7f9fc,#eef3f8)!important}
.gn-fleet-section .stitle{color:#102454!important}
.gn-fleet-section .ssub{color:#667085!important}
.gn-fleet-card{background:#fff!important;border:1px solid #e0e6ee!important;box-shadow:0 12px 34px rgba(17,35,63,.08)!important}
/* Area page ending: compact premium conversion footer */
.locations-page footer{background:linear-gradient(180deg,#fff,#f4f7fb)!important;color:#24324c!important;border-top:1px solid #dfe5ee!important}
.locations-page footer .ft-brand p,.locations-page footer .ft-col li a,.locations-page footer .ft-col li span,.locations-page footer .ft-bot span{color:#657084!important}
.locations-page footer .ft-col h4{color:#b28716!important}
.locations-page footer .payment-strip{border-top:1px solid #e7ebf1!important;background:transparent!important}
.locations-page .areas-section{padding-bottom:48px!important}
@media(max-width:760px){.gn-area-watermark{font-size:42px!important}.gn-watermark-host:after{font-size:72px}.payment-pill{font-size:11px!important;padding:7px 10px!important}.gn-page-offer:after,.gn-offer-strip:after{font-size:72px;right:4%}}

/* === V6.1 FINAL CONSOLIDATED POLISH === */
/* Real visual landmark watermarks: colorful, lightweight local SVGs */
.gn-area-card{position:relative!important;overflow:hidden!important;isolation:isolate!important}
.gn-area-card>*:not(.gn-area-watermark){position:relative;z-index:2}
.gn-area-watermark{position:absolute!important;right:-8px!important;bottom:-6px!important;width:62%!important;height:58%!important;z-index:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-end!important;gap:0!important;pointer-events:none!important;color:#173d72!important;opacity:.18!important;white-space:nowrap!important}
.gn-area-watermark img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:right bottom!important;opacity:.78!important;filter:saturate(1.15)!important}
.gn-area-watermark>span{position:absolute!important;right:12px!important;bottom:17px!important;font:800 14px/1 'Sora',sans-serif!important;letter-spacing:.08em!important;color:#1d4f85!important;text-shadow:0 1px 0 rgba(255,255,255,.7)!important}
.gn-area-watermark>small{position:absolute!important;right:12px!important;bottom:3px!important;font:700 8px/1 'Sora',sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#c39a24!important}

/* Page watermark artwork */
.gn-watermark-host{position:relative!important;overflow:hidden!important;isolation:isolate!important}
.gn-watermark-host>*{position:relative;z-index:2}
.gn-watermark-host:after{content:''!important;position:absolute!important;right:2%!important;bottom:-9%!important;width:min(34vw,390px)!important;height:78%!important;z-index:1!important;background-image:var(--gn-wm-image)!important;background-repeat:no-repeat!important;background-size:contain!important;background-position:center bottom!important;opacity:.14!important;pointer-events:none!important;filter:saturate(1.25)!important}
.gn-watermark-host:before{content:attr(data-watermark)!important;position:absolute!important;right:4%!important;bottom:5%!important;z-index:1!important;font:800 clamp(28px,4vw,58px)/1 'Sora',sans-serif!important;letter-spacing:-.03em!important;color:rgba(255,255,255,.18)!important;pointer-events:none!important;white-space:nowrap!important}
.gn-watermark-host[data-watermark-image]{--gn-wm-image:none}

/* Consistent image fitting: banner gets the dedicated wide crop; cards use 16:9 source */
.gn-cargo-visual{overflow:hidden!important;border-radius:18px!important;background:#f7f9fc!important}
.gn-cargo-visual img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover!important;object-position:center!important}
.gal-item img[alt*="international cargo"],img[src*="gn-cargo-card"]{object-fit:cover!important;object-position:center!important}
.slide-bg[style*="gn-cargo-banner.webp"]{background-size:cover!important;background-position:center top!important}

/* Payment marks — crisp brand-style vector marks, no emoji/dot placeholders */
.payment-pill .pay-icon{background:transparent!important;border:0!important;box-shadow:none!important}
.pay-icon.pay-visa{font-family:Arial,sans-serif!important;font-style:italic!important;font-weight:900!important;font-size:15px!important;letter-spacing:-.08em!important;color:#1434a4!important;min-width:38px!important}
.pay-master .pay-icon{min-width:34px!important}
.pay-master .mc-a,.pay-master .mc-b{width:17px!important;height:17px!important}
.pay-tabby .pay-icon,.pay-tamara .pay-icon{min-width:48px!important;height:22px!important}
.pay-tabby .tabby-mark{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:22px;padding:2px 7px;border-radius:7px;background:#b8f5d5;color:#111;font:900 12px/1 Arial,sans-serif;letter-spacing:-.03em}
.pay-tamara .tamara-mark{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:22px;padding:2px 7px;border-radius:7px;background:linear-gradient(135deg,#f3a35b,#f0c85a 34%,#e7789b 66%,#8c78db);color:#111;font:900 12px/1 Arial,sans-serif;letter-spacing:-.04em}
.payment-pill{gap:7px!important}

/* Locations/emirate pages use the same full-width premium footer container as the main site */
.locations-page footer .container{width:min(1160px,calc(100% - 44px))!important;max-width:1160px!important;margin:0 auto!important;padding:0!important;transform:none!important;font-size:initial!important;line-height:inherit!important}
.locations-page footer{font-size:14px!important;line-height:1.65!important}
.locations-page footer .ft-grid{display:grid!important;grid-template-columns:1.45fr 1fr 1fr 1.15fr!important;gap:32px!important;padding-bottom:28px!important}
.locations-page footer .ft-brand,.locations-page footer .ft-col{min-width:0!important}
.locations-page footer .ft-brand p{font-size:14px!important}
.locations-page footer .payment-strip{display:flex!important;align-items:center!important;flex-wrap:wrap!important}
.locations-page footer .ft-bot{display:flex!important;justify-content:space-between!important;gap:20px!important;flex-wrap:wrap!important}

/* Remove duplicate footer social row once a unified social rail exists */
body:has(.social-bar) .ft-soc-sm{display:none!important}
.gn-generated-social{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:16px max(22px,calc((100vw - 1160px)/2))!important;background:#fff!important;border-top:1px solid #e7ebf1!important;border-bottom:1px solid #e7ebf1!important}
.gn-generated-social .social-left{color:#526078!important;font-size:14px!important}
.gn-generated-social .social-right{display:flex!important;gap:10px!important}

/* CTA hierarchy */
.gn-page-offer{box-shadow:0 16px 42px rgba(118,31,42,.18)!important}
.gn-page-offer-actions a:first-child{box-shadow:0 8px 22px rgba(232,201,106,.26)!important}
.nav-cta,.gn-call-float,.wa-float,.gn-call{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
.nav-cta:hover,.gn-call-float:hover,.wa-float:hover,.gn-call:hover{transform:translateY(-2px)!important;filter:saturate(1.05)!important}

@media(max-width:800px){
  .gn-area-watermark{width:58%!important;height:52%!important;opacity:.15!important}
  .gn-area-watermark>span{font-size:11px!important}
  .gn-area-watermark>small{font-size:7px!important}
  .gn-watermark-host:after{width:45vw!important;height:62%!important;opacity:.11!important}
  .gn-watermark-host:before{font-size:24px!important;right:5%!important}
  .locations-page footer .container{width:calc(100% - 32px)!important}
  .locations-page footer .ft-grid{grid-template-columns:1fr!important}
  .gn-generated-social{padding:13px 16px!important}
  .gn-generated-social .social-left{font-size:12px!important}
}
.cash-mark{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:20px;padding:2px 5px;border-radius:5px;background:#e8f7ee;color:#16804a;font:900 9px/1 Arial,sans-serif;letter-spacing:-.02em}
.link-mark-svg{display:inline-flex;align-items:center;justify-content:center;width:22px;height:20px;color:#6a4db2;font:900 16px/1 Arial,sans-serif}
.ph.gn-watermark-host:before{color:rgba(16,36,84,.07)!important}


/* ============================================================
   GULFNEST V6.2 — MOBILE-FIRST FINAL HARDENING
   Keeps V6.1 visuals, fixes mobile layout, LCP and form uploads.
   ============================================================ */
html{overflow-x:hidden}
body{min-width:0;overflow-x:hidden}
.gn-hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.gn-media-upload{margin-top:16px}
.gn-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.gn-upload-field{min-width:0}
.gn-upload-field>span{display:block;font-size:11px;font-weight:800;color:#24324c;margin:0 0 5px}
.gn-media-input{display:block;width:100%;min-height:44px;padding:9px;border:1px dashed #cbd5e1;border-radius:10px;background:#fff;color:#526078;font-size:11px;cursor:pointer}
.gn-media-input::file-selector-button{border:0;border-radius:8px;padding:7px 9px;margin-right:7px;background:#eef3f9;color:#173d72;font-weight:800;cursor:pointer}
.gn-media-status{font-size:11px;color:#526078;margin-top:7px;line-height:1.5}
.gn-media-status.is-ok{color:#167a49;font-weight:700}
.gn-media-status.is-error{color:#b42318;font-weight:700}
button:disabled{opacity:.6!important;cursor:wait!important}

/* Mobile header: no overflow, no competing desktop controls. */
@media(max-width:700px){
  .top-bar{height:34px!important}
  .tb-in{height:34px!important;padding:0 12px!important}
  .tb-left{gap:8px!important;min-width:0}
  .tb-left a{font-size:11px!important;white-space:nowrap}
  .tb-left a:nth-child(2){display:none!important}
  .tb-soc{gap:5px!important}
  .tb-soc a{width:24px!important;height:24px!important;border-radius:7px!important}
  .tb-soc a:nth-child(3),.tb-soc a:nth-child(4){display:none!important}
  nav{top:34px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(255,255,255,.99)!important}
  .nav-in{height:64px!important;padding:0 14px!important;gap:8px!important}
  .nav-logo{gap:8px!important;min-width:0}
  .nav-logo img{width:40px!important;height:40px!important}
  .nb1{font-size:16px!important}
  .nb2{font-size:8px!important;letter-spacing:1.1px!important}
  .nav-links,.nav-call,.nav-cta,.gn-lang{display:none!important}
  .ham{display:flex!important;margin-left:auto!important;width:34px!important;height:34px!important;align-items:center!important;justify-content:center!important}
  .mob-menu{top:98px!important;max-height:calc(100svh - 98px)!important;overflow:auto!important;padding:10px 16px 18px!important;-webkit-overflow-scrolling:touch}
  .mob-menu a{padding:12px 0!important}

  /* Hero: one complete mobile viewport, with readable copy and non-overlapping badges. */
  .hero-wrap{height:calc(100svh - 98px)!important;min-height:680px!important;padding-top:98px!important}
  .slide-content{align-items:flex-start!important;padding:58px 18px 184px!important}
  .slide-text{max-width:100%!important}
  .slide-tag{font-size:9px!important;letter-spacing:1.35px!important;padding:6px 11px!important;margin-bottom:16px!important;max-width:100%!important}
  .slide-h1{font-size:clamp(28px,8.6vw,36px)!important;line-height:1.05!important;letter-spacing:-1.1px!important;margin-bottom:12px!important;max-width:100%!important}
  .slide-sub{font-size:13.5px!important;line-height:1.55!important;max-width:100%!important;margin-bottom:20px!important;color:rgba(255,255,255,.9)!important}
  .slide-btns{gap:9px!important;width:100%!important}
  .slide-btns a{padding:11px 14px!important;font-size:12px!important;border-radius:8px!important;flex:1 1 auto!important;justify-content:center!important;min-width:0!important}
  .slide-badges{bottom:24px!important}
  .badges-inner{padding:0 18px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .badge-item{min-width:0!important;padding:8px 9px!important;border-radius:9px!important;gap:7px!important;background:rgba(8,23,55,.48)!important;backdrop-filter:blur(5px)!important}
  .badge-item .bi{font-size:17px!important;flex:0 0 auto}
  .badge-item .bt{font-size:9px!important;line-height:1.2!important}
  .badge-item .bs{display:none!important}
  .slider-dots{bottom:7px!important}
  .slide-progress{height:2px!important}
  .sl-btn{display:none!important}

  /* Below-the-fold rendering + spacing. */
  main>section:not(:first-child){content-visibility:auto;contain-intrinsic-size:700px}
  section{padding:54px 0!important}
  .container{padding-left:16px!important;padding-right:16px!important}
  .svc-grid,.testi-grid,.why-grid,.val-grid,.gal-grid,.about-grid,.contact-grid{grid-template-columns:1fr!important;gap:16px!important}
  .svc-card{padding:18px!important}
  .svc-img{height:205px!important;min-height:205px!important}
  .about-img{height:340px!important}
  .gal-item img,.gal-item.tall img{height:220px!important;min-height:220px!important}
  .slide-bg{background-position:center center!important}
  .gn-watermark-host:after{width:48vw!important;height:48%!important;right:-4%!important;opacity:.08!important}
  .gn-watermark-host:before{font-size:20px!important;right:4%!important;bottom:5%!important}

  /* Forms: comfortable tap targets and no horizontal overflow. */
  .cform{padding:18px!important;border-radius:14px!important}
  .fg-grid{grid-template-columns:1fr!important;gap:0!important}
  .fg input,.fg select,.fg textarea{width:100%!important;min-height:46px!important;font-size:14px!important}
  .fg textarea{min-height:120px!important}
  .form-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;flex-direction:row!important}
  .ftab,.sub-wa,.sub-em{min-height:46px!important}
  .gn-upload-grid{grid-template-columns:1fr!important;gap:8px!important}
  .gn-upload-field>span{font-size:11px!important}
  .gn-media-input{min-height:48px!important;font-size:11px!important}

  /* Payment/social rows stay neat on narrow phones. */
  .payment-strip{display:flex!important;flex-wrap:wrap!important;gap:7px!important;justify-content:flex-start!important}
  .payment-strip strong{width:100%!important}
  .payment-pill{font-size:10px!important;padding:7px 9px!important;min-height:36px!important}
  .social-inner{padding:0 16px!important;gap:10px!important}
  .social-left{font-size:11px!important;max-width:210px!important}
  .social-icons{gap:6px!important}
  .social-icons .sic{width:32px!important;height:32px!important}
  .gn-generated-social{padding:11px 16px!important}
  .gn-generated-social .social-left{font-size:11px!important;max-width:210px}
  .gn-generated-social .social-right{gap:6px!important}
  footer{padding-top:38px!important}
  footer .ft-grid{grid-template-columns:1fr!important;gap:22px!important}
  footer .ft-brand p{max-width:100%!important}
  footer .ft-bot{display:block!important}
  footer .ft-bot span{display:block!important;margin-bottom:6px!important}
  .call-float,.wa-float{right:12px!important}
  .call-float{bottom:82px!important}
  .wa-float{bottom:18px!important}
}

@media(max-width:380px){
  .nb1{font-size:15px!important}
  .nb2{font-size:7px!important}
  .slide-content{padding-left:15px!important;padding-right:15px!important}
  .slide-h1{font-size:27px!important}
  .slide-sub{font-size:12.5px!important}
  .slide-btns{flex-direction:column!important}
  .slide-btns a{width:100%!important}
  .badges-inner{padding-left:15px!important;padding-right:15px!important}
}