/* ======================================================
   ALAA ELDIN TOURS — Enterprise CSS v2
   Primary: #0D1B3E (Navy)  |  Gold: #C9A84C
   Fonts: Tajawal (AR) / Outfit (EN)
   ====================================================== */

/* =================== TOKENS =================== */
:root {
  --primary:        #0D1B3E;
  --primary-light:  #162444;
  --primary-mid:    #1a2c5c;
  --primary-deep:   #060d1e;
  --gold:           #C9A84C;
  --gold-light:     #e4c06e;
  --gold-dark:      #a07a2a;
  --gold-shine:     #f2dc9a;
  --white:          #ffffff;
  --w10:            rgba(255,255,255,0.08);
  --w15:            rgba(255,255,255,0.12);
  --w20:            rgba(255,255,255,0.18);
  --w30:            rgba(255,255,255,0.28);
  --w60:            rgba(255,255,255,0.60);
  --w80:            rgba(255,255,255,0.82);
  --glass:          rgba(13,27,62,0.55);
  --glass-b:        rgba(201,168,76,0.18);
  --blur:           blur(20px) saturate(180%);
  --dark1:          #060d1e;
  --dark2:          #0a1530;
  --dark3:          #0d1a3a;
  --shadow-gold:    0 8px 32px rgba(201,168,76,0.28);
  --shadow-deep:    0 24px 64px rgba(0,0,0,0.55);
  --r-sm:           8px;
  --r-md:           16px;
  --r-lg:           24px;
  --r-xl:           32px;
  --r-pill:         999px;
  --ease:           cubic-bezier(0.4,0,0.2,1);
  --t:              all 0.3s var(--ease);
  --t-slow:         all 0.6s var(--ease);

  /* icon accent colors */
  --c-gold:   rgba(201,168,76,0.15);
  --c-blue:   rgba(59,130,246,0.15);
  --c-purple: rgba(139,92,246,0.15);
  --c-teal:   rgba(20,184,166,0.15);
  --c-rose:   rgba(244,63,94,0.15);
  --c-amber:  rgba(245,158,11,0.15);
}

/* =================== RESET =================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  font-family:'Tajawal','Outfit',system-ui,sans-serif;
  background:var(--dark1);
  color:#fff;
  direction:rtl;
  text-align:right;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  opacity:0;
  transition:opacity 0.4s ease;
}
body.loaded{opacity:1}
body.lang-en{direction:ltr;text-align:left;font-family:'Outfit','Tajawal',system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;outline:none;background:none}
ul{list-style:none}

/* =================== LANG =================== */
.lang-ar-label,.lang-en-label{display:none}
.lang-ar .lang-ar-label,.lang-en .lang-en-label{display:inline}
.lang-toggle{
  position:fixed;top:90px;left:20px;z-index:9999;
  width:46px;height:46px;border-radius:var(--r-pill);
  background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1.5px solid var(--glass-b);
  color:var(--gold);font-family:inherit;font-size:13px;font-weight:800;
  box-shadow:0 4px 20px rgba(0,0,0,0.4);
  display:flex;align-items:center;justify-content:center;
  transition:var(--t);
}
.lang-toggle:hover{background:rgba(201,168,76,0.2);box-shadow:var(--shadow-gold);transform:scale(1.08)}
body.lang-en .lang-toggle{right:20px;left:auto}

/* Scrollbar */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--dark1)}
::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}
::selection{background:rgba(201,168,76,0.3);color:#fff}

/* =================== NAVBAR =================== */
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:70px;padding:0 24px;display:flex;align-items:center;
  transition:var(--t-slow);
}
.navbar.scrolled{
  background:rgba(6,13,30,0.9);
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border-bottom:1px solid var(--glass-b);
  box-shadow:0 4px 30px rgba(0,0,0,0.5);
}
.nav-container{
  max-width:1280px;width:100%;margin:0 auto;
  display:flex;align-items:center;gap:16px;
}
.nav-logo{display:flex;align-items:center;flex-shrink:0}
.logo-img{
  height:50px;width:50px;border-radius:var(--r-md);
  object-fit:cover;border:2px solid rgba(201,168,76,0.3);
  box-shadow:0 0 20px rgba(201,168,76,0.15);transition:var(--t);
}
.logo-img:hover{box-shadow:var(--shadow-gold);transform:scale(1.05)}

.nav-links{display:flex;align-items:center;gap:2px;margin:0 auto}
.nav-link{
  padding:7px 13px;border-radius:var(--r-sm);
  font-size:14px;font-weight:500;color:var(--w80);
  transition:var(--t);position:relative;
}
.nav-link::after{
  content:'';position:absolute;bottom:2px;left:50%;right:50%;
  height:2px;background:var(--gold);border-radius:2px;transition:var(--t);
}
.nav-link:hover,.nav-link.active{color:var(--gold-light)}
.nav-link:hover::after,.nav-link.active::after{left:10px;right:10px}

.nav-cta{
  padding:9px 22px;border-radius:var(--r-pill);flex-shrink:0;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--dark1);font-size:13px;font-weight:800;font-family:inherit;
  box-shadow:0 4px 16px rgba(201,168,76,0.4);transition:var(--t);
}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,0.5)}

.hamburger{display:none;flex-direction:column;gap:5px;padding:6px}
.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:var(--t)}
body.lang-en .hamburger{margin-left:auto}

.mobile-menu{
  position:fixed;top:70px;left:0;right:0;z-index:999;
  background:rgba(6,13,30,0.98);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border-bottom:1px solid var(--glass-b);padding:8px 0 20px;
  transform:translateY(-120%);opacity:0;transition:var(--t);pointer-events:none;
}
.mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:all}
.mobile-menu li a{
  display:block;padding:13px 28px;font-size:16px;font-weight:500;color:var(--w80);
  border-bottom:1px solid rgba(255,255,255,0.04);transition:var(--t);
}
.mobile-menu li a:hover{color:var(--gold);padding-right:36px}
body.lang-en .mobile-menu li a:hover{padding-left:36px;padding-right:28px}

/* =================== HERO =================== */
.hero{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%,rgba(201,168,76,0.14) 0%,transparent 65%),
    linear-gradient(160deg,#040c1a 0%,#0D1B3E 45%,#060d1e 100%);
}
.hero-bg-overlay{
  position:absolute;inset:0;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a84c' fill-opacity='0.035'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.hero-particles{position:absolute;inset:0;pointer-events:none}
.hero-particle{position:absolute;border-radius:50%;background:rgba(201,168,76,0.18);animation:float-particle linear infinite}
@keyframes float-particle{
  0%{transform:translateY(100vh) rotate(0deg);opacity:0}
  10%{opacity:1}90%{opacity:0.8}
  100%{transform:translateY(-100px) rotate(360deg);opacity:0}
}
.hero-content{
  position:relative;z-index:2;text-align:center;
  max-width:820px;padding:130px 24px 80px;
  display:flex;flex-direction:column;align-items:center;gap:26px;
}
.hero-badge{
  display:inline-flex;align-items:center;gap:10px;padding:8px 20px;
  background:var(--w10);border:1px solid var(--glass-b);border-radius:var(--r-pill);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  font-size:13px;font-weight:600;color:var(--gold-light);letter-spacing:0.5px;
  animation:fadeInDown 0.8s ease both;
}
.hero-badge svg,.hero-badge i{animation:fly 2s ease-in-out infinite}
@keyframes fly{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.hero-title{display:flex;flex-direction:column;gap:2px;animation:fadeInUp 0.9s ease 0.1s both}
.title-line-1{
  font-size:clamp(56px,9vw,104px);font-weight:900;line-height:1;
  background:linear-gradient(135deg,var(--gold-shine) 0%,var(--gold) 45%,var(--gold-dark) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 0 40px rgba(201,168,76,0.45));
}
.title-line-2{font-size:clamp(22px,3.5vw,38px);font-weight:300;color:var(--w80);letter-spacing:2px}
.hero-subtitle{font-size:clamp(14px,1.8vw,17px);color:var(--w60);line-height:1.9;max-width:580px;animation:fadeInUp 0.9s ease 0.2s both}
.hero-cta-group{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;animation:fadeInUp 0.9s ease 0.3s both}

.btn-primary{
  display:inline-flex;align-items:center;gap:10px;padding:15px 34px;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--dark1);border-radius:var(--r-pill);font-size:16px;font-weight:800;font-family:inherit;
  box-shadow:0 8px 30px rgba(201,168,76,0.45);transition:var(--t);position:relative;overflow:hidden;
}
.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--gold-shine),var(--gold));opacity:0;transition:var(--t)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(201,168,76,0.55)}
.btn-primary:hover::before{opacity:1}
.btn-primary span,.btn-arrow-icon{position:relative;z-index:1}
.btn-arrow-icon{transition:var(--t);flex-shrink:0}
.btn-primary:hover .btn-arrow-icon{transform:translateX(-4px)}
body.lang-en .btn-primary:hover .btn-arrow-icon{transform:translateX(4px)}

.btn-ghost{
  display:inline-flex;align-items:center;padding:14px 30px;
  background:var(--w10);color:#fff;border-radius:var(--r-pill);
  font-size:15px;font-weight:500;font-family:inherit;
  border:1.5px solid var(--w20);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--t);
}
.btn-ghost:hover{background:var(--w15);border-color:var(--w30);transform:translateY(-2px)}

.hero-scroll-indicator{position:absolute;bottom:36px;left:50%;transform:translateX(-50%)}
.scroll-dot{width:6px;height:40px;border:2px solid rgba(201,168,76,0.35);border-radius:3px;position:relative;overflow:hidden}
.scroll-dot::after{content:'';position:absolute;top:0;left:0;right:0;height:14px;background:var(--gold);border-radius:2px;animation:scroll-bounce 1.6s ease-in-out infinite}
@keyframes scroll-bounce{0%{top:0;opacity:1}100%{top:100%;opacity:0}}

/* =================== ANIMATIONS =================== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}

.reveal{opacity:0;transform:translateY(36px);transition:opacity 0.7s var(--ease),transform 0.7s var(--ease)}
.reveal.visible{opacity:1;transform:translateY(0)}

/* =================== SHARED =================== */
.section-container{max-width:1280px;margin:0 auto;padding:0 28px}
.section-header{text-align:center;margin-bottom:56px;display:flex;flex-direction:column;align-items:center;gap:14px}
.section-tag{
  display:inline-flex;align-items:center;padding:5px 16px;
  background:rgba(201,168,76,0.09);border:1px solid rgba(201,168,76,0.22);
  border-radius:var(--r-pill);color:var(--gold);font-size:12px;font-weight:700;
  letter-spacing:1.2px;text-transform:uppercase;
}
.section-title{font-size:clamp(28px,4vw,46px);font-weight:800;color:#fff;line-height:1.2}
.section-desc{font-size:16px;color:var(--w60);max-width:560px;line-height:1.75}

/* =================== STATS BAND =================== */
.stats-band{
  background:linear-gradient(90deg,rgba(201,168,76,0.08),rgba(201,168,76,0.04),rgba(201,168,76,0.08));
  border-top:1px solid rgba(201,168,76,0.12);border-bottom:1px solid rgba(201,168,76,0.12);
  padding:28px 0;
}
.stats-band-inner{
  max-width:1280px;margin:0 auto;padding:0 28px;
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;
}
.stat-pill{display:flex;align-items:center;gap:10px;padding:0 32px;flex-shrink:0}
.stat-pill svg{color:var(--gold);flex-shrink:0}
.stat-pill-num{font-size:28px;font-weight:900;color:var(--gold);line-height:1}
.stat-pill span:last-child{font-size:14px;color:var(--w60);font-weight:500}
.stat-divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(201,168,76,0.3),transparent)}

/* =================== SERVICES =================== */
.services{
  padding:100px 0;
  background:linear-gradient(180deg,var(--dark1) 0%,var(--dark2) 100%);
  position:relative;
}
.services::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0.15),transparent)}

.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

.service-card{
  background:var(--glass);border:1px solid rgba(255,255,255,0.07);
  border-radius:var(--r-lg);padding:30px 26px;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  transition:var(--t);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;
}
.service-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,168,76,0.04) 0%,transparent 60%);pointer-events:none}
.service-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold-dark),transparent);opacity:0;transition:var(--t)}
.service-card:hover{transform:translateY(-8px);border-color:rgba(201,168,76,0.3);box-shadow:0 20px 60px rgba(0,0,0,0.5),var(--shadow-gold)}
.service-card:hover::after{opacity:1}
.service-card.featured{background:linear-gradient(135deg,rgba(201,168,76,0.1),rgba(13,27,62,0.65));border-color:rgba(201,168,76,0.35);box-shadow:0 8px 40px rgba(201,168,76,0.12)}
.featured-badge{position:absolute;top:14px;right:14px;padding:4px 12px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--dark1);border-radius:var(--r-pill);font-size:11px;font-weight:800}
body.lang-en .featured-badge{right:auto;left:14px}

/* Service icon variants */
.service-icon-wrap{
  width:60px;height:60px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;
  transition:var(--t);flex-shrink:0;
}
.service-icon-wrap.gold{background:var(--c-gold);border:1px solid rgba(201,168,76,0.2);color:var(--gold)}
.service-icon-wrap.blue{background:var(--c-blue);border:1px solid rgba(59,130,246,0.2);color:#60a5fa}
.service-icon-wrap.purple{background:var(--c-purple);border:1px solid rgba(139,92,246,0.2);color:#a78bfa}
.service-icon-wrap.teal{background:var(--c-teal);border:1px solid rgba(20,184,166,0.2);color:#2dd4bf}
.service-icon-wrap.rose{background:var(--c-rose);border:1px solid rgba(244,63,94,0.2);color:#fb7185}
.service-icon-wrap.amber{background:var(--c-amber);border:1px solid rgba(245,158,11,0.2);color:#fbbf24}
.service-card:hover .service-icon-wrap{transform:scale(1.1) rotate(-4deg)}

.service-card h3{font-size:19px;font-weight:700;color:#fff}
.service-card>p{font-size:13.5px;color:var(--w60);line-height:1.7;flex:1}

.service-tags{display:flex;flex-wrap:wrap;gap:7px}
.service-tags span{padding:4px 11px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--r-sm);font-size:12px;color:var(--w80);font-weight:500}

.service-link{
  display:inline-flex;align-items:center;gap:6px;margin-top:4px;
  font-size:13px;font-weight:700;color:var(--gold);transition:var(--t);
}
.service-link:hover{color:var(--gold-light);gap:10px}
.service-link svg{transition:var(--t)}

/* =================== HOW IT WORKS =================== */
.how-it-works{
  padding:100px 0;
  background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(201,168,76,0.06) 0%,transparent 60%),var(--dark2);
}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}

.step-card{
  background:var(--glass);border:1px solid rgba(255,255,255,0.07);
  border-radius:var(--r-lg);padding:32px 24px;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;
  position:relative;transition:var(--t);
}
.step-card:hover{transform:translateY(-6px);border-color:rgba(201,168,76,0.28);box-shadow:0 16px 50px rgba(0,0,0,0.4)}

.step-num{
  position:absolute;top:-14px;right:50%;transform:translateX(50%);
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--dark1);font-size:11px;font-weight:900;
  padding:4px 14px;border-radius:var(--r-pill);letter-spacing:1px;
}
body.lang-en .step-num{right:auto;left:50%;transform:translateX(-50%)}

.step-icon-wrap{
  width:70px;height:70px;border-radius:var(--r-lg);
  background:rgba(201,168,76,0.08);border:1px solid rgba(201,168,76,0.15);
  color:var(--gold);display:flex;align-items:center;justify-content:center;
  transition:var(--t);
}
.step-icon-wrap.gold-icon{background:linear-gradient(135deg,rgba(201,168,76,0.2),rgba(201,168,76,0.08));border-color:rgba(201,168,76,0.4);color:var(--gold)}
.step-card:hover .step-icon-wrap{transform:scale(1.08);background:rgba(201,168,76,0.14)}

.step-card h3{font-size:17px;font-weight:700;color:#fff}
.step-card p{font-size:13px;color:var(--w60);line-height:1.7}

.step-connector{
  position:absolute;top:50%;left:-24px;
  width:24px;height:2px;
  background:linear-gradient(90deg,rgba(201,168,76,0.3),rgba(201,168,76,0.05));
  display:none;
}

/* =================== PACKAGES =================== */
.packages{
  padding:100px 0;
  background:linear-gradient(180deg,var(--dark2) 0%,var(--dark1) 100%);
}
.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.package-card{
  background:var(--glass);border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--r-xl);padding:36px 30px;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  display:flex;flex-direction:column;gap:24px;
  position:relative;transition:var(--t);
}
.package-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-deep)}
.package-card.featured-pkg{
  background:linear-gradient(160deg,rgba(201,168,76,0.12) 0%,rgba(13,27,62,0.7) 100%);
  border-color:rgba(201,168,76,0.4);box-shadow:0 8px 40px rgba(201,168,76,0.15);
  transform:scale(1.02);
}
.package-card.featured-pkg:hover{transform:scale(1.02) translateY(-8px);box-shadow:0 24px 70px rgba(201,168,76,0.3)}

.pkg-popular-badge{
  position:absolute;top:-14px;right:50%;transform:translateX(50%);
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--dark1);font-size:12px;font-weight:800;
  padding:5px 18px;border-radius:var(--r-pill);white-space:nowrap;
  box-shadow:0 4px 16px rgba(201,168,76,0.4);
}
body.lang-en .pkg-popular-badge{right:auto;left:50%;transform:translateX(-50%)}

.package-header{display:flex;align-items:center;gap:16px}
.package-icon{
  width:54px;height:54px;border-radius:var(--r-md);
  background:rgba(201,168,76,0.09);border:1px solid rgba(201,168,76,0.2);
  color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.package-icon.gold-pkg{background:rgba(201,168,76,0.18);border-color:rgba(201,168,76,0.4)}
.package-icon.diamond{background:rgba(168,85,247,0.12);border-color:rgba(168,85,247,0.25);color:#c084fc}

.package-tier{font-size:20px;font-weight:800;color:#fff;display:block}
.package-duration{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gold);font-weight:600;margin-top:4px}
.package-duration svg{color:var(--gold)}

.package-features{display:flex;flex-direction:column;gap:12px;flex:1}
.package-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--w80);line-height:1.5}
.package-features li svg{color:var(--gold);flex-shrink:0;margin-top:2px}

.package-btn{
  display:block;text-align:center;padding:14px 24px;border-radius:var(--r-pill);
  font-size:15px;font-weight:700;font-family:inherit;transition:var(--t);
}
.package-btn.filled{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--dark1);box-shadow:0 6px 22px rgba(201,168,76,0.4)}
.package-btn.filled:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(201,168,76,0.55)}
.package-btn.outline{background:transparent;border:2px solid rgba(201,168,76,0.35);color:var(--gold)}
.package-btn.outline:hover{background:rgba(201,168,76,0.1);border-color:rgba(201,168,76,0.6);transform:translateY(-2px)}

.packages-note{text-align:center;font-size:13px;color:var(--w60);margin-top:28px}

/* =================== DESTINATIONS =================== */
.destinations{
  padding:100px 0;
  background:radial-gradient(ellipse 70% 50% at 30% 50%,rgba(201,168,76,0.05) 0%,transparent 60%),var(--dark2);
}
.destinations-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:18px}

.dest-card{
  border-radius:var(--r-lg);overflow:hidden;position:relative;
  border:1px solid rgba(255,255,255,0.06);
  transition:var(--t);cursor:default;
  min-height:220px;
}
.dest-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,0.5);border-color:rgba(201,168,76,0.25)}
.dest-card.large{grid-row:1/3;min-height:400px}

.dest-bg{
  position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:space-between;
  padding:20px;transition:transform 0.5s var(--ease);
}
.dest-card:hover .dest-bg{transform:scale(1.04)}
.dest-flag{font-size:36px}
.dest-landmark{font-size:48px;opacity:0.35;filter:drop-shadow(0 0 12px rgba(201,168,76,0.3))}
.dest-card.large .dest-landmark{font-size:80px}

.dest-info{
  position:absolute;bottom:0;left:0;right:0;
  padding:20px 20px 22px;
  background:linear-gradient(to top,rgba(4,8,20,0.95) 0%,rgba(4,8,20,0.5) 60%,transparent 100%);
}
.dest-card.large .dest-info{padding:24px 26px 28px}
.dest-info h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:5px}
.dest-card.large .dest-info h3{font-size:24px}
.dest-info p{font-size:12px;color:var(--w60);margin-bottom:10px}
.dest-pills{display:flex;flex-wrap:wrap;gap:6px}
.dest-pills span{
  padding:3px 10px;background:rgba(201,168,76,0.15);
  border:1px solid rgba(201,168,76,0.25);border-radius:var(--r-pill);
  font-size:11px;font-weight:600;color:var(--gold-light);
}

/* =================== WHY US =================== */
.why-us{
  padding:100px 0;
  background:radial-gradient(ellipse 60% 50% at 20% 50%,rgba(201,168,76,0.06) 0%,transparent 60%),var(--dark1);
}
.why-us-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.why-us-text{display:flex;flex-direction:column;gap:22px}
.why-us-text h2{font-size:clamp(26px,3.5vw,42px);font-weight:800;line-height:1.2}
.why-us-text>p{font-size:15px;color:var(--w60);line-height:1.8}

.why-us-list{display:flex;flex-direction:column;gap:18px}
.why-us-list li{display:flex;gap:14px;align-items:flex-start}
.why-icon{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;margin-top:2px;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--dark1);display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(201,168,76,0.3);
}
.why-us-list li div{display:flex;flex-direction:column;gap:3px}
.why-us-list li strong{font-size:15px;font-weight:700;color:#fff}
.why-us-list li span{font-size:13px;color:var(--w60);line-height:1.6}

.why-us-visual{position:relative;height:460px}
.visual-card{position:absolute;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-deep);border:2px solid rgba(201,168,76,0.18)}
.visual-card img{width:100%;height:100%;object-fit:cover}
.main-card{width:72%;height:84%;top:0;right:0}
body.lang-en .main-card{right:auto;left:0}
.side-card{width:44%;height:50%;bottom:0;left:0;border-color:rgba(201,168,76,0.25)}
body.lang-en .side-card{left:auto;right:0}
.visual-card-overlay{
  position:absolute;bottom:0;left:0;right:0;padding:14px;
  background:linear-gradient(to top,rgba(6,13,30,0.9) 0%,transparent 100%);
  font-size:12px;font-weight:600;color:var(--gold-light);
}

.trust-badge{
  position:absolute;top:30px;left:-14px;
  background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  border:1px solid var(--glass-b);border-radius:var(--r-md);
  padding:14px 18px;display:flex;flex-direction:column;align-items:center;gap:4px;
  box-shadow:var(--shadow-deep);z-index:2;animation:float-badge 3s ease-in-out infinite;
}
body.lang-en .trust-badge{left:auto;right:-14px}
@keyframes float-badge{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.trust-badge svg{color:var(--gold)}
.trust-num{font-size:26px;font-weight:900;color:var(--gold);line-height:1}
.trust-text{font-size:11px;color:var(--w60);font-weight:500}

/* =================== VIDEO SECTION =================== */
.video-section{
  padding:100px 0;
  background:linear-gradient(180deg,var(--dark2) 0%,var(--dark1) 100%);
}
.video-wrapper{
  border-radius:var(--r-xl);overflow:hidden;position:relative;
  border:1px solid var(--glass-b);box-shadow:var(--shadow-deep);
  background:#000;
}
.trip-video{width:100%;display:block;max-height:520px;object-fit:cover}

.video-play-overlay{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  background:rgba(6,13,30,0.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  cursor:pointer;transition:var(--t);
}
.video-play-overlay.hidden{opacity:0;pointer-events:none}
.video-play-overlay:hover{background:rgba(6,13,30,0.5)}
.play-btn-circle{
  width:80px;height:80px;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--dark1);display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 0 rgba(201,168,76,0.4);
  animation:pulse-play 2s ease-in-out infinite;transition:var(--t);
}
.video-play-overlay:hover .play-btn-circle{transform:scale(1.1);animation:none}
@keyframes pulse-play{0%,100%{box-shadow:0 0 0 0 rgba(201,168,76,0.4)}50%{box-shadow:0 0 0 16px rgba(201,168,76,0)}}
.play-btn-circle svg{margin-right:-3px}
body.lang-en .play-btn-circle svg{margin-right:0;margin-left:-3px}
.video-play-overlay p{font-size:14px;color:var(--w80);font-weight:600;letter-spacing:0.5px}

.video-info-strip{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;
  padding:20px 28px;background:rgba(6,13,30,0.9);
  border-top:1px solid var(--glass-b);
}
.video-strip-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--w80);font-weight:500}
.video-strip-item svg,.video-strip-item i{color:var(--gold);flex-shrink:0;font-size:16px}

/* =================== GALLERY =================== */
.gallery{
  padding:100px 0 80px;
  background:linear-gradient(180deg,var(--dark2) 0%,var(--dark1) 100%);
  overflow:hidden;
}
.gallery-carousel-wrapper{
  position:relative;
  margin-top:20px;
  overflow:hidden;
  width:100%;
  min-height:260px;
  /* ensure clipping for transform-based track */
  touch-action:pan-y;
}

/* The moving track — never use overflow-x:auto here */
.gallery-track{
  display:flex;
  /* gap handled via padding so transform math stays clean */
  gap:0;
  width:max-content;
  transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94);
  will-change:transform;
  /* remove any webkit scroll leftovers */
  -webkit-overflow-scrolling:unset;
}

/* ---- Slide visual styles (sizing handled by JS inline styles) ---- */
.gallery-slide{
  /* JS sets: width, minWidth, maxWidth, flex, margin */
  height:260px;
  border-radius:var(--r-lg);
  overflow:hidden;
  position:relative;
  cursor:pointer;
  border:1px solid var(--glass-b);
  box-shadow:0 8px 30px rgba(0,0,0,0.4);
  transition:box-shadow var(--t),border-color var(--t);
  flex-shrink:0;
}

@media(min-width:640px){
  .gallery-slide{ height:280px; }
}
@media(min-width:1024px){
  .gallery-slide{ height:300px; }
  .gallery-slide:hover{
    box-shadow:0 16px 50px rgba(0,0,0,0.6),0 0 0 2px rgba(201,168,76,0.3);
    border-color:rgba(201,168,76,0.4);
  }
  .gallery-slide:hover img{transform:scale(1.06)}
}

.gallery-slide img{
  width:100%;height:100%;object-fit:cover;
  transition:transform 0.6s var(--ease);
}

/* Caption: always visible on mobile, overlay on desktop */
.slide-caption{
  position:absolute;bottom:0;left:0;right:0;padding:14px 12px;
  background:linear-gradient(to top,rgba(6,13,30,0.97) 0%,rgba(6,13,30,0.4) 60%,transparent 100%);
  font-size:12px;font-weight:600;color:var(--gold-light);
  line-height:1.4;
}

/* Nav buttons */
.carousel-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  /* min 44px touch target */
  width:48px;height:48px;
  border-radius:50%;
  background:rgba(6,13,30,0.85);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1.5px solid rgba(201,168,76,0.4);
  color:var(--gold);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(0,0,0,0.5);
  transition:var(--t);
  z-index:10;
  /* keep inside the track area */
  cursor:pointer;
}
.carousel-btn:hover{
  background:rgba(201,168,76,0.2);
  box-shadow:var(--shadow-gold);
  transform:translateY(-50%) scale(1.1);
}
/* RTL site: prev = right arrow = left side of carousel */
.carousel-prev{right:8px}
.carousel-next{left:8px}
@media(min-width:640px){
  .carousel-prev{right:12px}
  .carousel-next{left:12px}
}
@media(min-width:1024px){
  .carousel-prev{right:16px}
  .carousel-next{left:16px}
}

.carousel-dots{
  display:flex;
  justify-content:center;
  gap:7px;
  padding:20px 24px 0;
  flex-wrap:wrap;
}
.carousel-dot{
  width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,0.2);
  border:none;cursor:pointer;
  transition:var(--t);
  flex-shrink:0;
}
.carousel-dot.active{background:var(--gold);width:22px;border-radius:4px}

/* =================== TESTIMONIALS =================== */
.testimonials{
  padding:100px 0;
  background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(201,168,76,0.05) 0%,transparent 60%),var(--dark2);
}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

.testimonial-card{
  background:var(--glass);border:1px solid rgba(255,255,255,0.07);
  border-radius:var(--r-lg);padding:30px 26px;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  display:flex;flex-direction:column;gap:18px;transition:var(--t);
}
.testimonial-card:hover{transform:translateY(-6px);border-color:rgba(201,168,76,0.25);box-shadow:0 16px 50px rgba(0,0,0,0.4)}
.testimonial-quote{color:rgba(201,168,76,0.3)}
.testimonial-text{font-size:14.5px;color:var(--w80);line-height:1.8;flex:1}
.testimonial-footer{display:flex;align-items:center;gap:12px}
.testimonial-avatar{
  width:44px;height:44px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--dark1);font-size:18px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
}
.testimonial-footer strong{font-size:14px;font-weight:700;color:#fff;display:block}
.stars{display:flex;gap:2px;margin-top:3px}
.stars svg{color:var(--gold);width:14px;height:14px}

/* =================== BRANCHES =================== */
.branches{
  padding:100px 0;
  background:radial-gradient(ellipse 70% 50% at 80% 50%,rgba(201,168,76,0.05) 0%,transparent 60%),var(--dark1);
  position:relative;
}
.branches::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,0.12),transparent)}

.branches-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.branch-card{
  background:var(--glass);border:1px solid rgba(255,255,255,0.07);
  border-radius:var(--r-lg);padding:30px 22px;text-align:center;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  transition:var(--t);position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;gap:10px;
}
.branch-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-dark));transform:scaleX(0);transition:var(--t)}
.branch-card:hover{transform:translateY(-6px);border-color:rgba(201,168,76,0.3);box-shadow:0 16px 50px rgba(0,0,0,0.4),var(--shadow-gold)}
.branch-card:hover::after{transform:scaleX(1)}
.branch-icon-wrap{
  width:56px;height:56px;border-radius:var(--r-md);
  background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.2);
  color:var(--gold);display:flex;align-items:center;justify-content:center;
  transition:var(--t);
}
.branch-card:hover .branch-icon-wrap{background:rgba(201,168,76,0.2);transform:scale(1.08)}
.branch-card h3{font-size:20px;font-weight:800;color:var(--gold)}
.branch-address{font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:0.8px;opacity:0.7}
.branch-card p{font-size:12.5px;color:var(--w60);line-height:1.65}
.branch-phone{
  display:inline-flex;align-items:center;gap:6px;margin-top:4px;
  font-size:13px;font-weight:700;color:var(--gold);transition:var(--t);
  padding:6px 14px;background:rgba(201,168,76,0.09);border:1px solid rgba(201,168,76,0.2);border-radius:var(--r-pill);
}
.branch-phone:hover{background:rgba(201,168,76,0.18);color:var(--gold-light)}

/* =================== FAQ =================== */
.faq{
  padding:100px 0;
  background:linear-gradient(180deg,var(--dark2) 0%,var(--dark1) 100%);
}
.faq-list{display:flex;flex-direction:column;gap:12px;max-width:820px;margin:0 auto}
.faq-item{
  background:var(--glass);border:1px solid rgba(255,255,255,0.07);
  border-radius:var(--r-md);overflow:hidden;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:var(--t);
}
.faq-item:hover{border-color:rgba(201,168,76,0.2)}
.faq-item.open{border-color:rgba(201,168,76,0.3)}
.faq-q{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:18px 22px;font-family:inherit;font-size:15px;font-weight:700;color:#fff;
  background:none;text-align:inherit;gap:16px;cursor:pointer;transition:var(--t);
}
.faq-q:hover{color:var(--gold-light)}
.faq-item.open .faq-q{color:var(--gold)}
.faq-chevron{color:var(--gold);flex-shrink:0;transition:transform 0.3s var(--ease)}
.faq-item.open .faq-chevron{transform:rotate(180deg)}
.faq-a{
  max-height:0;overflow:hidden;transition:max-height 0.4s var(--ease);
}
.faq-item.open .faq-a{max-height:200px}
.faq-a p{padding:0 22px 18px;font-size:14px;color:var(--w60);line-height:1.75}

/* =================== CONTACT =================== */
.contact{
  padding:100px 0;
  background:linear-gradient(180deg,var(--dark1) 0%,#030814 100%);
}
.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;margin-bottom:44px}
.contact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}

.contact-card{
  display:flex;align-items:center;gap:14px;padding:16px 18px;
  background:var(--glass);border:1px solid rgba(255,255,255,0.07);
  border-radius:var(--r-md);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transition:var(--t);color:inherit;
}
.contact-card:hover{background:rgba(201,168,76,0.09);border-color:rgba(201,168,76,0.3);transform:translateX(-4px);box-shadow:4px 0 20px rgba(201,168,76,0.12)}
body.lang-en .contact-card:hover{transform:translateX(4px);box-shadow:-4px 0 20px rgba(201,168,76,0.12)}
.contact-card-icon{color:var(--gold);flex-shrink:0}
.contact-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.contact-label{font-size:11px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:0.5px}
.contact-value{font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.contact-form-wrap{
  background:var(--glass);border:1px solid var(--glass-b);
  border-radius:var(--r-xl);padding:36px;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
}
.contact-form-header{margin-bottom:24px}
.contact-form-header h3{font-size:22px;font-weight:800;color:#fff;margin-bottom:5px}
.contact-form-header p{font-size:13px;color:var(--w60)}

.contact-form{display:flex;flex-direction:column;gap:16px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{display:flex;flex-direction:column;gap:7px}
.form-group label{font-size:12px;font-weight:700;color:var(--gold-light);letter-spacing:0.3px;text-transform:uppercase}
.form-group input,.form-group select,.form-group textarea{
  padding:13px 16px;background:rgba(255,255,255,0.04);
  border:1.5px solid rgba(255,255,255,0.09);border-radius:var(--r-md);
  color:#fff;font-family:inherit;font-size:14px;transition:var(--t);outline:none;-webkit-appearance:none;
}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--w30)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  border-color:var(--gold);background:rgba(201,168,76,0.06);box-shadow:0 0 0 3px rgba(201,168,76,0.14);
}
.form-group select option{background:var(--primary-mid);color:#fff}
.form-group textarea{resize:none}

.form-submit-btn{
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--dark1);border-radius:var(--r-pill);
  font-size:16px;font-weight:800;font-family:inherit;width:100%;
  box-shadow:0 6px 22px rgba(201,168,76,0.35);transition:var(--t);
}
.form-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(201,168,76,0.5)}
.form-submit-btn .btn-icon{transition:var(--t)}
.form-submit-btn:hover .btn-icon{transform:translateX(-5px)}
body.lang-en .form-submit-btn:hover .btn-icon{transform:translateX(5px)}

.form-success{
  display:none;align-items:center;justify-content:center;gap:10px;
  padding:14px;background:rgba(52,211,153,0.1);border:1px solid rgba(52,211,153,0.3);
  border-radius:var(--r-md);color:#34d399;font-size:15px;font-weight:700;
}
.form-success.show{display:flex}
.form-success svg{color:#34d399}

/* WhatsApp CTA */
.whatsapp-cta{display:flex;justify-content:center;margin-top:20px}
.whatsapp-btn{
  display:inline-flex;align-items:center;gap:18px;padding:18px 36px;
  background:linear-gradient(135deg,#25d366,#128c7e);border-radius:var(--r-xl);
  color:#fff;box-shadow:0 8px 32px rgba(37,211,102,0.35);transition:var(--t);
  max-width:480px;width:100%;font-family:inherit;
}
.whatsapp-btn:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(37,211,102,0.5)}
.wa-icon{flex-shrink:0}
.whatsapp-btn div{display:flex;flex-direction:column;gap:2px}
.wa-label{font-size:13px;font-weight:600;opacity:0.9}
.wa-num{font-size:20px;font-weight:900}

/* =================== FOOTER =================== */
.footer{background:var(--dark1);border-top:1px solid var(--glass-b);padding:70px 0 0}
.footer-container{max-width:1280px;margin:0 auto;padding:0 28px}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;padding-bottom:44px}
.footer-brand{display:flex;flex-direction:column;gap:14px}
.footer-logo{height:78px;width:78px;border-radius:var(--r-lg);object-fit:cover;border:2px solid rgba(201,168,76,0.28)}
.footer-brand p{font-size:13.5px;color:var(--w60);line-height:1.75}
.footer-social{display:flex;gap:10px}
.social-link{
  width:38px;height:38px;border-radius:var(--r-sm);
  background:var(--w10);border:1px solid rgba(255,255,255,0.09);
  display:flex;align-items:center;justify-content:center;transition:var(--t);
}
.social-link:hover{background:rgba(201,168,76,0.14);border-color:var(--glass-b);transform:translateY(-2px);color:var(--gold)}
.footer-links-group h4{font-size:14px;font-weight:800;color:var(--gold);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid rgba(201,168,76,0.15)}
.footer-links-group ul{display:flex;flex-direction:column;gap:9px}
.footer-links-group li a,.footer-links-group li span{font-size:13.5px;color:var(--w60);transition:var(--t);cursor:pointer}
.footer-links-group li a:hover{color:var(--gold-light);padding-right:6px}
body.lang-en .footer-links-group li a:hover{padding-left:6px;padding-right:0}

.footer-bottom{
  border-top:1px solid var(--glass-b);padding:18px 0;
  display:flex;align-items:center;justify-content:space-between;
  font-size:13px;color:var(--w60);
}
.footer-bottom a{color:var(--gold);transition:var(--t)}
.footer-bottom a:hover{color:var(--gold-light)}

/* Floating WA */
.float-wa{
  position:fixed;bottom:26px;left:26px;z-index:999;
  width:58px;height:58px;border-radius:50%;
  background:linear-gradient(135deg,#25d366,#128c7e);
  color:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,0.5);transition:var(--t);
  animation:pulse-wa 2.5s ease-in-out infinite;
}
body.lang-en .float-wa{left:auto;right:26px}
.float-wa:hover{transform:scale(1.15);animation:none;box-shadow:0 8px 30px rgba(37,211,102,0.65)}
@keyframes pulse-wa{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.5)}50%{box-shadow:0 4px 20px rgba(37,211,102,0.5),0 0 0 12px rgba(37,211,102,0.08)}}

/* =================== RESPONSIVE =================== */
@media(max-width:1100px){
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
  .destinations-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .dest-card.large{grid-row:auto;min-height:220px}
  .why-us-inner{grid-template-columns:1fr;gap:48px}
  .why-us-visual{height:340px}
  .footer-top{grid-template-columns:1fr 1fr;gap:30px}
  .contact-layout{grid-template-columns:1fr}
  .contact-info-grid{grid-template-columns:repeat(2,1fr)}
  .testimonials-grid{grid-template-columns:repeat(2,1fr)}
  .branches-grid{grid-template-columns:repeat(2,1fr)}
  .packages-grid{grid-template-columns:1fr}
  .package-card.featured-pkg{transform:none}
  .package-card.featured-pkg:hover{transform:translateY(-8px)}
}

@media(max-width:768px){
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  .services-grid{grid-template-columns:1fr}
  .steps-grid{grid-template-columns:1fr 1fr}
  .destinations-grid{grid-template-columns:1fr 1fr}
  .packages-grid{grid-template-columns:1fr}
  .testimonials-grid{grid-template-columns:1fr}
  .branches-grid{grid-template-columns:1fr 1fr}
  .hero-cta-group{flex-direction:column;align-items:center}
  .btn-primary,.btn-ghost{width:100%;justify-content:center}
  .stats-band-inner{gap:16px}
  .stat-pill{padding:0 14px}
  .stat-divider{display:none}
  .form-row{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:6px;text-align:center}
  .gallery-slide{flex:0 0 280px;height:210px}
  .contact-info-grid{grid-template-columns:1fr}
  .whatsapp-btn{padding:16px 22px}
  .video-info-strip{gap:16px}
}

@media(max-width:500px){
  .steps-grid{grid-template-columns:1fr}
  .destinations-grid{grid-template-columns:1fr}
  .branches-grid{grid-template-columns:1fr}
  .section-container{padding:0 16px}
  .contact-form-wrap{padding:22px}
  .gallery-slide{flex:0 0 240px;height:185px}
  .lang-toggle{top:80px}
  .hero-content{padding:110px 16px 60px}
  .offers-grid{grid-template-columns:1fr}
  .hajj-grid{grid-template-columns:1fr}
}

/* =================== FA ICON GLOBAL FIXES =================== */

/* All icon wraps: inherit color from wrapper, block display */
.service-icon-wrap i,
.step-icon-wrap i,
.branch-icon-wrap i,
.package-icon i,
.hajj-icon i,
.offer-icon i,
.why-icon i,
.trust-badge i { display:block;line-height:1 }

/* Stat band icons */
.stat-icon { color:var(--gold);font-size:18px;flex-shrink:0 }

/* Trust badge heart */
.trust-heart { color:var(--gold) }

/* Stars */
.stars i { color:var(--gold);font-size:13px }

/* Quote icon in testimonials */
.testimonial-quote i { color:rgba(201,168,76,0.3) }

/* Branch phone icon */
.branch-phone i { font-size:12px }

/* Service link arrow */
.service-link i { transition:transform 0.3s var(--ease) }
.service-link:hover i { transform:translateX(-3px) }
body.lang-en .service-link:hover i { transform:translateX(3px) }

/* btn-arrow-icon (hero CTA arrow) */
.btn-arrow-icon { transition:var(--t);flex-shrink:0 }
.btn-primary:hover .btn-arrow-icon { transform:translateX(-4px) }
body.lang-en .btn-primary:hover .btn-arrow-icon { transform:translateX(4px) }

/* Form submit btn icon */
.btn-icon { transition:var(--t) }
.form-submit-btn:hover .btn-icon { transform:translateX(-5px) }
body.lang-en .form-submit-btn:hover .btn-icon { transform:translateX(5px) }

/* Carousel buttons */
.carousel-btn i { pointer-events:none }

/* Contact card icon */
.contact-card-icon i { display:block }

/* =================== NEW ICON WRAP VARIANTS =================== */
.service-icon-wrap.green {
  background:rgba(34,197,94,0.12);
  border:1px solid rgba(34,197,94,0.22);
  color:#4ade80;
}
.service-icon-wrap.indigo {
  background:rgba(99,102,241,0.12);
  border:1px solid rgba(99,102,241,0.22);
  color:#818cf8;
}

/* =================== SEASONAL OFFERS =================== */
.offers {
  padding:100px 0;
  background:linear-gradient(180deg,var(--dark1) 0%,var(--dark2) 100%);
  position:relative;
}
.offers::before {
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,168,76,0.15),transparent);
}
.offers-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:22px }

.offer-card {
  background:var(--glass);border:1px solid rgba(255,255,255,0.07);
  border-radius:var(--r-xl);padding:32px 28px;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  display:flex;flex-direction:column;gap:20px;
  position:relative;overflow:hidden;transition:var(--t);
}
.offer-card:hover {
  transform:translateY(-8px);border-color:rgba(201,168,76,0.3);
  box-shadow:0 20px 60px rgba(0,0,0,0.5),var(--shadow-gold);
}
.offer-umrah {
  background:linear-gradient(160deg,rgba(201,168,76,0.1) 0%,rgba(13,27,62,0.65) 100%);
  border-color:rgba(201,168,76,0.3);
}
.offer-hajj {
  background:linear-gradient(160deg,rgba(139,92,246,0.08) 0%,rgba(13,27,62,0.65) 100%);
}
.offer-badge {
  position:absolute;top:16px;right:16px;
  padding:4px 12px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--dark1);border-radius:var(--r-pill);font-size:11px;font-weight:800;
}
body.lang-en .offer-badge { right:auto;left:16px }
.offer-icon {
  width:72px;height:72px;border-radius:var(--r-lg);
  background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.2);
  color:var(--gold);display:flex;align-items:center;justify-content:center;
  transition:var(--t);
}
.offer-umrah .offer-icon { background:rgba(201,168,76,0.15);border-color:rgba(201,168,76,0.35) }
.offer-summer .offer-icon { background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.2);color:#fbbf24 }
.offer-hajj .offer-icon { background:rgba(139,92,246,0.1);border-color:rgba(139,92,246,0.2);color:#a78bfa }
.offer-card:hover .offer-icon { transform:scale(1.08) rotate(-4deg) }

.offer-body { display:flex;flex-direction:column;gap:10px;flex:1 }
.offer-body h3 { font-size:20px;font-weight:800;color:#fff }
.offer-body p { font-size:13.5px;color:var(--w60);line-height:1.7 }

.offer-perks { display:flex;flex-direction:column;gap:8px;margin-top:4px }
.offer-perks li { display:flex;align-items:center;gap:10px;font-size:13px;color:var(--w80) }
.offer-perks li i { color:var(--gold);flex-shrink:0;font-size:13px }

.offer-btn {
  display:block;text-align:center;padding:14px 24px;border-radius:var(--r-pill);
  background:linear-gradient(135deg,var(--gold),var(--gold-dark));
  color:var(--dark1);font-size:15px;font-weight:800;font-family:inherit;
  box-shadow:0 6px 22px rgba(201,168,76,0.4);transition:var(--t);
}
.offer-btn:hover { transform:translateY(-2px);box-shadow:0 10px 32px rgba(201,168,76,0.55) }
.offer-btn-outline {
  background:transparent;border:2px solid rgba(201,168,76,0.35);
  color:var(--gold);box-shadow:none;
}
.offer-btn-outline:hover { background:rgba(201,168,76,0.1);border-color:rgba(201,168,76,0.6) }

/* =================== HAJJ PROGRAMS =================== */
.hajj {
  padding:100px 0;
  background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(139,92,246,0.06) 0%,transparent 60%),var(--dark2);
  position:relative;
}
.hajj::before {
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,168,76,0.15),transparent);
}
.hajj-alert {
  display:flex;align-items:center;gap:12px;padding:14px 20px;margin-bottom:40px;
  background:rgba(245,158,11,0.07);border:1px solid rgba(245,158,11,0.22);
  border-radius:var(--r-md);color:#fcd34d;font-size:14px;font-weight:600;line-height:1.6;
}
.hajj-alert i { flex-shrink:0;font-size:17px }

.hajj-grid {
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:28px;max-width:900px;margin:0 auto;
}
.hajj-card {
  background:var(--glass);border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--r-xl);padding:36px 30px;
  backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);
  display:flex;flex-direction:column;gap:24px;
  position:relative;transition:var(--t);
}
.hajj-card:hover { transform:translateY(-8px);box-shadow:var(--shadow-deep) }
.hajj-featured {
  background:linear-gradient(160deg,rgba(201,168,76,0.12) 0%,rgba(13,27,62,0.7) 100%);
  border-color:rgba(201,168,76,0.4);box-shadow:0 8px 40px rgba(201,168,76,0.15);
}
.hajj-featured:hover { box-shadow:0 24px 70px rgba(201,168,76,0.3) }
.hajj-card-header { display:flex;align-items:center;gap:16px }
.hajj-icon {
  width:64px;height:64px;border-radius:var(--r-md);
  background:rgba(201,168,76,0.09);border:1px solid rgba(201,168,76,0.2);
  color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;
  transition:var(--t);
}
.hajj-icon-gold { background:rgba(201,168,76,0.18);border-color:rgba(201,168,76,0.4) }
.hajj-card:hover .hajj-icon { transform:scale(1.08) }
.hajj-card-header h3 { font-size:22px;font-weight:800;color:#fff }

/* =================== RESPONSIVE ADDITIONS =================== */
@media(max-width:1100px) {
  .offers-grid { grid-template-columns:repeat(2,1fr) }
  .hajj-grid { max-width:100% }
}
@media(max-width:768px) {
  .offers-grid { grid-template-columns:1fr }
  .hajj-grid { grid-template-columns:1fr }
  .offer-card { padding:24px 20px }
  .hajj-alert { font-size:13px }
  .testimonials-grid { grid-template-columns:1fr }
}
@media(max-width:500px) {
  .offers-grid { grid-template-columns:1fr }
}