
/* ═══════ NAVBAR ═══════ */
.navbar{position:fixed;top:0;left:0;right:0;z-index:200;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;transition:background var(--trans),box-shadow var(--trans);}
.navbar.scrolled{background:rgba(6,18,30,0.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(0,158,176,0.15),0 8px 40px rgba(0,0,0,0.4);}
.nav-logo{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0;}
/* SVG logo inline */
.nav-logo{width:180px; height:auto;}
.logo-mark{flex-shrink:0;}
.logo-words{display:flex;flex-direction:column;gap:0px;}
.logo-line1{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,0.55);line-height:1;}
.logo-line2{font-family:'Playfair Display',serif;font-size:24px;font-weight:700;font-style:italic;color:var(--white);line-height:1;position:relative;display:inline-block;}
.logo-swoosh{position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--flamingo),var(--coral2),transparent);border-radius:3px;}
.nav-links{display:flex;align-items:center;gap:36px;list-style:none;}
.nav-links a{font-size:11.5px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,0.58);text-decoration:none;transition:color var(--trans);position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--teal3);transition:width var(--trans);}
.nav-links a:hover{color:var(--white);}
.nav-links a:hover::after{width:100%;}
.nav-cta{display:flex;align-items:center;gap:10px;background:transparent;border:1.5px solid rgba(0,196,216,0.35);border-radius:100px;padding:6px 6px 6px 6px;text-decoration:none;transition:all 0.28s ease;flex-shrink:0;position:relative;overflow:hidden;}
.nav-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,158,176,0.08),rgba(0,196,216,0.04));opacity:0;transition:opacity 0.28s;}
.nav-cta:hover{border-color:var(--teal3);box-shadow:0 0 0 4px rgba(0,196,216,0.1),0 4px 24px rgba(0,158,176,0.25);transform:translateY(-1px);}
.nav-cta:hover::before{opacity:1;}
.nav-cta-orb{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal2));display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 0 0 2px rgba(0,196,216,0.3),0 2px 12px rgba(0,158,176,0.45);}
.nav-cta-orb svg{width:18px;height:18px;fill:#fff;}
.nav-cta-orb::after{content:'';position:absolute;top:1px;right:1px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid var(--ink);animation:pulse2 2s ease-in-out infinite;}
@keyframes pulse2{0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.8);}50%{box-shadow:0 0 0 5px rgba(34,197,94,0);}}
.nav-cta-info{display:flex;flex-direction:column;gap:2px;padding-right:14px;}
.nav-cta-tag{font-size:7px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(0,196,216,0.7);line-height:1;}
.nav-cta-num{font-size:17px;font-weight:700;color:var(--teal3);letter-spacing:-0.3px;line-height:1;}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;width:44px;height:44px;border-radius:10px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);transition:background 0.18s;}
.nav-hamburger:hover{background:rgba(255,255,255,0.12);}
.nav-hamburger span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform var(--trans),opacity var(--trans);}
.mobile-menu{display:none;position:fixed;top:72px;left:0;right:0;background:rgba(6,18,30,0.98);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);padding:28px 32px 36px;z-index:199;flex-direction:column;gap:0;transform:translateY(-8px);opacity:0;transition:transform 0.28s,opacity 0.28s;}
.mobile-menu.open{display:flex;transform:translateY(0);opacity:1;}
.mobile-menu a{font-size:15px;font-weight:500;color:rgba(255,255,255,0.65);text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(255,255,255,0.05);transition:color var(--trans);}
.mobile-menu a:hover{color:var(--teal3);}
.mobile-menu a:last-child{border-bottom:none;}


/* ═══════ FOOTER ═══════ */
.mega-footer{background:var(--ink);border-top:1px solid rgba(0,158,176,0.1);padding:72px 52px 0;}
.footer-grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:48px;}
.footer-brand-col{padding-right:20px;}
.footer-logo-row{display:flex;align-items:center;gap:13px;margin-bottom:18px;}
.footer-desc{font-size:13px;font-weight:300;color:var(--mist);line-height:1.85;margin-bottom:24px;max-width:320px;}
.footer-sub-title{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,0.85);margin-bottom:14px;}
.footer-socials{display:flex;gap:10px;margin-bottom:26px;}
.soc-btn{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.07);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:all var(--trans);text-decoration:none;}
.soc-btn:hover{background:rgba(0,158,176,0.1);border-color:rgba(0,196,216,0.25);transform:translateY(-2px);}
.footer-pay-grid{display:flex;flex-wrap:wrap;gap:9px;max-width:320px;}
.footer-col-title{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--white);margin-bottom:20px;}
.footer-nav{display:flex;flex-direction:column;gap:13px;}
.footer-nav a{font-size:13.5px;font-weight:300;color:var(--mist);text-decoration:none;transition:color var(--trans),transform var(--trans);width:fit-content;}
.footer-nav a:hover{color:var(--teal3);transform:translateX(3px);}
.footer-refer{color:var(--coral2) !important;font-weight:600 !important;}
.footer-refer:hover{color:var(--coral2) !important;}
.footer-contact-item{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px;}
.footer-contact-icon{font-size:16px;flex-shrink:0;margin-top:1px;}
.footer-contact-val{font-size:13px;font-weight:300;color:var(--mist);line-height:1.55;}
.footer-contact-val strong{color:var(--teal3);font-weight:600;}
.fc-link{text-decoration:none;transition:transform var(--trans);}
.fc-link:hover{transform:translateX(3px);}
.fc-link:hover .footer-contact-val strong{color:var(--teal3);}

@media(max-width:1100px){
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:36px 30px;}
  .footer-brand-col{grid-column:1 / -1;}
}
@media(max-width:680px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px;}
  .footer-brand-col{grid-column:1 / -1;}
  .accred-row-grid{flex-direction:column;}
  .accred-dot{display:none;}
  .accred-card{width:100%;max-width:320px;}
  .footer-bottom{flex-direction:column;text-align:center;align-items:center;}
  .footer-bottom-links{justify-content:center;}
}
@media(max-width:1200px){.navbar{padding:0 28px;}.nav-links{gap:22px;}.nav-hide-lg{display:none!important;}}
@media(max-width:960px){.nav-links li:not(:first-child){display:none;}.nav-hamburger{display:flex;}.deals-grid{grid-template-columns:1fr 1fr;}.cabin-cards{grid-template-columns:1fr 1fr;}.why-grid{grid-template-columns:1fr 1fr;}.how-grid{grid-template-columns:1fr 1fr;}.how-connector{display:none;}.testi-grid{grid-template-columns:1fr 1fr;}.footer-grid{grid-template-columns:1fr 1fr;gap:32px;}.dest-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;}.dest-card:first-child{grid-row:auto;}.stats-inner{flex-wrap:wrap;}.stat-item{flex:1 1 40%;border:none;border-bottom:1px solid rgba(0,196,216,0.1);padding:20px;}}
@media (max-width: 600px) {
    .navbar {
        padding: 0 10px;
    }
    .nav-links{
        display:none;
    }
    .nav-cta-info{
        display: none;
    }
    .navbar{
        justify-content: space-between;
    }
    .nav-cta{
        margin-left:auto;
        margin-right:10px;
    }
    .clsb{
        word-break: break-all;
    }
   
}