/* =========================================================
   EYMEN TRAVELS - GLOBAL STYLESHEET
   Edit the variables below to change the look of the whole site.
========================================================= */

:root{
  --primary:#0c2347;
  --primary-2:#132d55;
  --primary-3:#1b3763;

  --accent:#c79a45;
  --accent-light:#e0bd78;

  --background:#ffffff;
  --background-soft:#f4f6f8;
  --background-cream:#fbfaf7;

  --heading:#1b2b43;
  --text:#6f7988;
  --white:#ffffff;

  --border:#e1e6eb;

  --shadow:0 18px 52px rgba(12,35,71,.10);
  --shadow-soft:0 10px 30px rgba(12,35,71,.07);

  --radius-sm:4px;
  --radius-md:10px;
  --radius-lg:20px;

  --container:1180px;

  --section-space:86px;
  --transition:.28s ease;
}

/* =========================================================
   01. RESET / GLOBAL
========================================================= */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--heading);
  background:var(--background);
  line-height:1.65;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.container{width:min(var(--container),92%);margin:auto}
.section{padding:var(--section-space) 0}
.section.light{background:var(--background-soft)}
.section.cream{background:var(--background-cream)}
.section.navy{background:var(--primary);color:var(--white)}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif}
.kicker{
  color:var(--accent);
  text-transform:uppercase;
  letter-spacing:.20em;
  font-size:10px;
  font-weight:700;
  margin-bottom:9px;
}
.section-title{
  color:var(--primary);
  font-size:clamp(34px,4vw,54px);
  line-height:1.08;
  letter-spacing:-.03em;
  margin:0;
}
.section-copy{
  color:var(--text);
  max-width:720px;
  margin-top:13px;
  font-size:14px;
}
.center{text-align:center}
.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .72s ease, transform .72s ease;
}
.reveal.show{opacity:1;transform:none}
.delay-1{transition-delay:.08s}
.delay-2{transition-delay:.16s}
.delay-3{transition-delay:.24s}

.btn{
  border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:0 18px;
  background:var(--accent);
  color:var(--primary);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  border-radius:var(--radius-sm);
  transition:var(--transition);
}
.btn:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 26px rgba(0,0,0,.12);
}
.btn.primary{background:var(--primary);color:var(--white)}
.btn.white{background:var(--white);color:var(--primary)}
.btn.outline{
  background:transparent;
  border:1px solid var(--border);
  color:var(--primary);
}

/* =========================================================
   02. TOPBAR / HEADER / NAVIGATION
========================================================= */
.topbar{
  height:30px;
  background:var(--primary);
  color:#c8d3e2;
  font-size:10px;
}
.topbar .container{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
.header-inner{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.logo{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--primary);
}
.logo-mark{
  width:38px;
  height:38px;
  border:1px solid var(--accent);
  display:grid;
  place-items:center;
}
.logo-mark:before{
  content:"";
  width:15px;
  height:15px;
  border:2px solid var(--accent);
  transform:rotate(45deg);
}
.logo b{
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
}
.logo small{
  display:block;
  margin-top:2px;
  font-size:8px;
  color:var(--text);
  text-transform:uppercase;
  letter-spacing:.13em;
}
.navlinks{
  display:flex;
  align-items:center;
  gap:20px;
  font-size:11px;
  font-weight:600;
}
.navlinks a{transition:var(--transition)}
.navlinks a:hover,
.navlinks a.active{color:var(--accent)}
.nav-cta{
  background:var(--accent);
  color:var(--primary)!important;
  padding:10px 13px;
  border-radius:var(--radius-sm);
}
.menu{
  display:none;
  border:0;
  background:none;
  color:var(--primary);
  font-size:26px;
  cursor:pointer;
}

/* =========================================================
   03. HOMEPAGE HERO / SLIDER
========================================================= */
.hero{
  height:760px;
  min-height:680px;
  position:relative;
  overflow:hidden;
  background:var(--primary);
}
.slide{
  position:absolute;
  inset:0;
  opacity:0;
  transform:scale(1.06);
  transition:opacity 1.2s ease, transform 6s ease;
  background-size:cover;
  background-position:center;
}
.slide.active{
  opacity:1;
  transform:scale(1);
}
.slide:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,25,51,.84) 0%,rgba(7,25,51,.56) 45%,rgba(7,25,51,.24) 76%,rgba(7,25,51,.38) 100%);
}
.hero-slide-1{
  background-image:url("https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=2000&q=85");
}
.hero-slide-2{
  background-image:url("https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=2000&q=85");
}
.hero-slide-3{
  background-image:url("https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?auto=format&fit=crop&w=2000&q=85");
}
.hero-content{
  position:relative;
  z-index:8;
  height:100%;
  display:flex;
  align-items:center;
}
.hero-copy{
  color:white;
  max-width:780px;
}
.hero-kicker{
  color:var(--accent-light);
  text-transform:uppercase;
  letter-spacing:.24em;
  font-size:12px;
  font-weight:700;
  margin-bottom:15px;
}
.hero h1{
  font-size:clamp(48px,6vw,82px);
  line-height:1.05;
  letter-spacing:-.04em;
  margin:0 0 22px;
}
.hero-text{
  max-width:650px;
  color:#dfe7f0;
  font-size:17px;
  margin-bottom:30px;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero .btn.outline{
  color:white;
  border-color:rgba(255,255,255,.55);
}
.hero-title-anim{
  display:block;
  overflow:hidden;
}
.hero-title-anim span{
  display:block;
  animation:titleUp .9s cubic-bezier(.16,1,.3,1) both;
}
.hero-title-anim:nth-child(2) span{animation-delay:.12s}
.hero-controls{
  position:absolute;
  z-index:12;
  left:50%;
  bottom:42px;
  transform:translateX(-50%);
  width:min(var(--container),92%);
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:white;
}
.dots{display:flex;gap:9px}
.dot{
  width:30px;
  height:3px;
  border:0;
  padding:0;
  background:rgba(255,255,255,.38);
  cursor:pointer;
}
.dot.active{background:var(--accent)}
.hero-city-label{
  font-size:11px;
  color:#d8e1ec;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.hero-plane{
  position:absolute;
  z-index:9;
  top:28%;
  left:-100px;
  font-size:37px;
  filter:drop-shadow(0 8px 12px rgba(0,0,0,.25));
  animation:planeAcross 18s linear infinite;
}
.flight-trail{
  position:absolute;
  z-index:7;
  top:34%;
  left:-7%;
  width:62%;
  height:130px;
  border-top:2px dashed rgba(255,255,255,.34);
  border-radius:50%;
  transform:rotate(7deg);
}

/* =========================================================
   04. HOMEPAGE CITY CAROUSEL
========================================================= */
.city-strip{
  background:white;
  border-bottom:1px solid var(--border);
  padding:24px 0 28px;
  overflow:hidden;
}
.city-strip-title{
  width:min(var(--container),92%);
  margin:0 auto 15px;
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
}
.city-strip-title h3{
  color:var(--primary);
  margin:0;
  font-size:18px;
}
.city-strip-title span{font-size:12px;color:var(--text)}
.city-window{overflow:hidden}
.city-track{
  display:flex;
  width:max-content;
  gap:13px;
  padding-left:4%;
  animation:cityScroll 34s linear infinite;
}
.city-track:hover{animation-play-state:paused}
.city-card{
  width:225px;
  height:130px;
  flex:none;
  border-radius:5px;
  overflow:hidden;
  position:relative;
  background-size:cover;
  background-position:center;
  box-shadow:var(--shadow-soft);
}
.city-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 30%,rgba(7,25,51,.86));
}
.city-name{
  position:absolute;
  z-index:2;
  left:15px;
  bottom:13px;
  color:white;
}
.city-name b{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:18px;
}
.city-name small{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  opacity:.82;
}
.c-kabul{background-image:url("https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=700&q=75")}
.c-bamyan{background-image:url("https://images.unsplash.com/photo-1470770841072-f978cf4d019e8?auto=format&fit=crop&w=700&q=75")}
.c-herat{background-image:url("https://images.unsplash.com/photo-1539650116574-75c0c6d73f6e?auto=format&fit=crop&w=700&q=75")}
.c-mazar{background-image:url("https://images.unsplash.com/photo-1548013146-72479768bada?auto=format&fit=crop&w=700&q=75")}
.c-kandahar{background-image:url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=700&q=75")}
.c-jalalabad{background-image:url("https://images.unsplash.com/photo-1439853949127-fa647821eba0?auto=format&fit=crop&w=700&q=75")}
.c-ghazni{background-image:url("https://images.unsplash.com/photo-1509316785289-025f5b846b35?auto=format&fit=crop&w=700&q=75")}
.c-fayzabad{background-image:url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=700&q=75")}

/* =========================================================
   05. HOMEPAGE SECTIONS
========================================================= */
.welcome-grid,
.split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:58px;
  align-items:center;
}
.welcome-photo,
.photo{
  min-height:420px;
  border-radius:var(--radius-sm);
  background-size:cover;
  background-position:center;
  box-shadow:var(--shadow);
}
.welcome-photo{
  background-image:
    linear-gradient(180deg,rgba(7,25,51,.03),rgba(7,25,51,.12)),
    url("https://images.unsplash.com/photo-1526772662000-3f88f10405ff?auto=format&fit=crop&w=1200&q=80");
  position:relative;
}
.photo-tag{
  position:absolute;
  left:22px;
  bottom:22px;
  background:white;
  padding:12px 15px;
  border-left:3px solid var(--accent);
  box-shadow:var(--shadow-soft);
  font-size:12px;
}
.copy h2,
.welcome-content h2{
  font-size:clamp(35px,4vw,54px);
  line-height:1.12;
  color:var(--primary);
  margin:0 0 18px;
}
.copy p,
.welcome-content p{color:var(--text);font-size:13px}
.checks{display:grid;gap:9px;margin-top:20px}
.check{
  display:flex;
  gap:10px;
  align-items:center;
  font-size:13px;
  font-weight:600;
}
.check i{color:var(--accent);font-style:normal}

.why-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  background:white;
  border:1px solid var(--border);
}
.why-card{
  min-height:170px;
  padding:25px;
  border-right:1px solid var(--border);
  border-bottom:1px solid var(--border);
}
.why-card:nth-child(3n){border-right:0}
.why-card:nth-last-child(-n+3){border-bottom:0}
.why-num{
  color:var(--accent-light);
  font-family:Georgia,"Times New Roman",serif;
  font-size:27px;
  margin-bottom:12px;
}
.why-card h3{font-size:16px;margin:0 0 8px}
.why-card p{font-size:12px;color:var(--text);margin:0}
.why-cta{
  background:var(--primary);
  color:white;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.why-cta h3{color:white}

.services-grid,
.service-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.service-card,
.card{
  background:white;
  border:1px solid var(--border);
  min-height:150px;
  padding:20px;
  transition:var(--transition);
}
.service-card:hover,
.card:hover{
  transform:translateY(-4px);
  border-color:#d7bf8c;
  box-shadow:var(--shadow-soft);
}
.service-icon,
.card-icon{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  background:#fbf5e9;
  color:var(--accent);
  margin-bottom:15px;
}
.service-card h3,
.card h3{
  color:var(--primary);
  font-size:14px;
  margin:0 0 7px;
}
.service-card p,
.card p{
  color:var(--text);
  font-size:10px;
  margin:0;
}

.experiences{
  background:var(--primary);
  color:white;
}
.experiences .section-title{color:white}
.experiences .section-copy{color:#bac6d7}
.exp-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-top:34px;
}
.exp-card{
  background:var(--primary-2);
  border:1px solid rgba(255,255,255,.12);
  min-height:155px;
  padding:23px;
  transition:var(--transition);
}
.exp-card:hover{
  transform:translateY(-4px);
  background:var(--primary-3);
}
.exp-icon{color:var(--accent-light);font-size:20px;margin-bottom:15px}
.exp-card h3{font-size:16px;margin:0 0 8px}
.exp-card p{font-size:11px;color:#bdc8d8;margin:0}

.process{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
}
.process:before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:22px;
  height:1px;
  background:#d9dee4;
}
.step{position:relative;z-index:2}
.step-num{
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid var(--accent);
  background:white;
  display:grid;
  place-items:center;
  color:var(--primary);
  font-weight:700;
  margin-bottom:16px;
  box-shadow:0 0 0 7px white;
}
.step h3{font-size:13px;margin:0 0 7px}
.step p{font-size:9px;color:var(--text);margin:0}

.dest-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
  margin-top:32px;
}
.dest-card{
  height:420px;
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-sm);
  background-size:cover;
  background-position:center;
  box-shadow:var(--shadow-soft);
}
.dest-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 36%,rgba(7,25,51,.88) 100%);
}
.dest-info{
  position:absolute;
  z-index:2;
  left:20px;
  right:20px;
  bottom:18px;
  color:white;
}
.dest-info h3{font-size:20px;margin:0 0 4px}
.dest-info p{font-size:11px;margin:0;color:#d9e2ee}
.d-kabul{background-image:url("https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=900&q=80")}
.d-bamyan{background-image:url("https://images.unsplash.com/photo-1501785888041-af3ef285b470?auto=format&fit=crop&w=900&q=80")}
.d-band{background-image:url("https://images.unsplash.com/photo-1439853949127-fa647821eba0?auto=format&fit=crop&w=900&q=80")}

.trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:30px;
}
.trust-card{
  background:white;
  border:1px solid var(--border);
  min-height:135px;
  padding:22px;
}
.trust-icon{color:var(--accent);margin-bottom:12px}
.trust-card h3{font-size:13px;margin:0 0 7px}
.trust-card p{font-size:10px;color:var(--text);margin:0}
.notice{
  margin-top:28px;
  border:1px solid var(--border);
  border-left:3px solid var(--accent);
  padding:22px;
  display:flex;
  gap:14px;
  align-items:flex-start;
}
.notice strong{display:block;font-size:14px}
.notice p{font-size:10px;color:var(--text);margin:4px 0 0}

.final-cta{
  min-height:310px;
  display:grid;
  place-items:center;
  text-align:center;
  color:white;
  background:
    linear-gradient(rgba(7,25,51,.82),rgba(7,25,51,.82)),
    url("https://images.unsplash.com/photo-1551632811-561732d1e306?auto=format&fit=crop&w=1800&q=85") center/cover;
}
.final-cta h2{
  color:white;
  font-size:clamp(34px,4vw,52px);
  margin:0 0 10px;
}
.final-cta p{color:#dbe4ef;font-size:13px;margin:0 0 22px}

/* =========================================================
   06. INNER PAGE HERO
========================================================= */
.page-hero{
  min-height:255px;
  position:relative;
  display:flex;
  align-items:center;
  color:white;
  background-size:cover;
  background-position:center;
}
.page-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(8,27,55,.91),rgba(8,27,55,.62),rgba(8,27,55,.42));
}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{
  font-size:clamp(36px,5vw,60px);
  line-height:1.05;
  margin:0 0 8px;
}
.page-hero p{
  max-width:650px;
  color:#d8e0ec;
  font-size:13px;
  margin:0;
}
.hero-about{background-image:url("https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1800&q=80")}
.hero-services{background-image:url("https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=1800&q=80")}
.hero-tours{background-image:url("https://images.unsplash.com/photo-1539650116574-75c0c6d73f6e?auto=format&fit=crop&w=1800&q=80")}
.hero-visa{background-image:url("https://images.unsplash.com/photo-1521292270410-a8c4d716d518?auto=format&fit=crop&w=1800&q=80")}
.hero-info{background-image:url("https://images.unsplash.com/photo-1501555088652-021faa106b9b?auto=format&fit=crop&w=1800&q=80")}
.hero-contact{background-image:url("https://images.unsplash.com/photo-1527631746610-bca00a040d60?auto=format&fit=crop&w=1800&q=80")}
.notice-bar{
  background:#fffcf5;
  border-bottom:1px solid #eee4d1;
  color:#716b60;
  font-size:10px;
  padding:9px 0;
}
.notice-bar .container{display:flex;align-items:center;gap:8px}
.notice-bar i{color:var(--accent)}

/* =========================================================
   07. ABOUT PAGE
========================================================= */
.photo-story{
  background-image:url("https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=1000&q=80");
}
.photo-local{
  background-image:url("https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1000&q=80");
}
.mv-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.mv{
  background:#fafbfc;
  border:1px solid var(--border);
  padding:22px;
}
.mv h3{font-size:15px;margin:8px 0;color:var(--primary)}
.mv p{font-size:10px;color:var(--text)}
.values{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
.value{
  background:white;
  border:1px solid var(--border);
  border-top:2px solid var(--accent);
  padding:17px;
}
.value h3{font-size:12px;margin:4px 0}
.value p{font-size:9px;color:var(--text);margin:0}
.local{
  background:var(--primary);
  color:white;
  padding:42px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:45px;
  align-items:center;
}
.local h2{color:white;font-size:31px;margin:0 0 12px}
.local p,.local li{color:#c1ccdb;font-size:11px}
.local ul{padding-left:17px}
.who{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

/* =========================================================
   08. TOUR PACKAGES
========================================================= */
.package-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.package{
  background:white;
  border:1px solid var(--border);
  overflow:hidden;
  box-shadow:var(--shadow-soft);
}
.package-img{
  height:190px;
  position:relative;
  background-size:cover;
  background-position:center;
}
.package-img:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(transparent,rgba(8,27,55,.25));
}
.pkg1{background-image:url("https://images.unsplash.com/photo-1518005020951-eccb494ad742?auto=format&fit=crop&w=800&q=80")}
.pkg2{background-image:url("https://images.unsplash.com/photo-1470770841072-f978cf4d019e8?auto=format&fit=crop&w=800&q=80")}
.pkg3{background-image:url("https://images.unsplash.com/photo-1539650116574-75c0c6d73f6e?auto=format&fit=crop&w=800&q=80")}
.pkg4{background-image:url("https://images.unsplash.com/photo-1548013146-72479768bada?auto=format&fit=crop&w=800&q=80")}
.pkg5{background-image:url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=800&q=80")}
.pkg6{background-image:url("https://images.unsplash.com/photo-1526772662000-3f88f10405ff?auto=format&fit=crop&w=800&q=80")}
.duration{
  position:absolute;
  z-index:2;
  left:12px;
  bottom:10px;
  background:rgba(12,35,71,.90);
  color:white;
  padding:5px 8px;
  font-size:9px;
}
.package-body{padding:17px}
.package h3{font-size:15px;margin:0 0 5px}
.package p{font-size:10px;color:var(--text);margin:0 0 12px;min-height:48px}
.package-foot{
  border-top:1px solid var(--border);
  padding-top:11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.package-foot span{font-size:9px;font-weight:700}

/* =========================================================
   09. VISA / TRAVEL INFORMATION
========================================================= */
.photo-visa{
  background-image:url("https://images.unsplash.com/photo-1548013146-72479768bada?auto=format&fit=crop&w=1000&q=80");
}
.photo-info{
  background-image:url("https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1000&q=80");
}
.support-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.important{
  background:#fffaf0;
  border-left:3px solid var(--accent);
  color:#615b51;
  padding:18px 20px;
  font-size:10px;
}
.info-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.info-card{
  background:white;
  border:1px solid var(--border);
  padding:22px;
}
.info-card h3{font-size:14px;margin:0 0 8px}
.info-card p,.info-card li{font-size:10px;color:var(--text)}
.info-card ul{padding-left:17px;margin-bottom:0}
.checklist{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 28px;
}
.checkitem{
  border-bottom:1px solid var(--border);
  padding:9px 0;
  font-size:11px;
}
.checkitem:before{
  content:"✓";
  color:var(--accent);
  font-weight:700;
  margin-right:9px;
}

/* =========================================================
   10. FORMS / CONTACT
========================================================= */
.enquiry-shell{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  border:1px solid var(--border);
  box-shadow:var(--shadow);
}
.enquiry-copy{
  background:var(--primary);
  color:white;
  padding:48px;
}
.enquiry-copy h2{color:white;font-size:42px;line-height:1.15;margin:10px 0 18px}
.enquiry-copy p{color:#bdc8d8;font-size:13px}
.enquiry-list{display:grid;gap:11px;margin-top:28px;color:#e1e8f2;font-size:12px}
.enquiry-form,
.form-card{
  background:white;
  padding:36px;
}
.enquiry-form h3,
.form-card h2{margin:0 0 6px;font-size:25px}
.enquiry-form>p,
.form-card>p{margin:0 0 24px;color:var(--text);font-size:10px}
.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.field{display:grid;gap:5px}
.field.full{grid-column:1/-1}
label{
  color:var(--primary);
  font-size:8px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
input,select,textarea{
  width:100%;
  border:1px solid var(--border);
  background:#fbfcfd;
  padding:11px 12px;
  color:var(--heading);
  outline:none;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(199,154,69,.10);
}
textarea{min-height:105px;resize:vertical}
.submit{
  width:100%;
  border:0;
  background:var(--accent);
  color:var(--primary);
  padding:14px 20px;
  font-weight:700;
  cursor:pointer;
}
.success{
  display:none;
  margin-top:12px;
  background:#edf7f1;
  color:#2c6949;
  padding:10px;
  font-size:10px;
}
.contact-layout{
  display:grid;
  grid-template-columns:.65fr 1.35fr;
  gap:22px;
  align-items:start;
}
.contact-box{
  min-height:480px;
  background:var(--primary);
  color:white;
  padding:30px;
}
.contact-box h2{color:white;font-size:27px;margin:0 0 8px}
.contact-box p{font-size:10px;color:#bcc8d8}
.contact-item{
  border-bottom:1px solid rgba(255,255,255,.12);
  padding:14px 0;
  font-size:11px;
}
.contact-item small{
  display:block;
  color:#91a1b7;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.contact-actions{display:grid;gap:8px;margin-top:22px}
.contact-actions .btn{width:100%}
.checkbox-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.chk{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:9px;
}
.chk input{width:auto}

/* =========================================================
   11. SHARED CTA / FOOTER
========================================================= */
.cta-band{
  background:var(--primary);
  color:white;
  text-align:center;
  padding:46px 20px;
}
.cta-band h2{font-size:28px;margin:0 0 7px}
.cta-band p{font-size:11px;color:#bdc8d8;margin:0 0 18px}

.footer{
  background:var(--primary);
  color:#c9d4e3;
  padding:48px 0 25px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1.2fr;
  gap:35px;
}
.footer .logo{color:white}
.footer .logo small{color:#91a1b7}
.footer p{font-size:9px;color:#91a1b7}
.footer h4{
  font-family:Arial,sans-serif;
  color:var(--accent-light);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.13em;
  margin:0 0 13px;
}
.footer a{
  display:block;
  color:#b7c3d3;
  font-size:9px;
  margin:7px 0;
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.10);
  margin-top:30px;
  padding-top:18px;
  color:#76879e;
  font-size:8px;
}

/* =========================================================
   12. ANIMATIONS
========================================================= */
@keyframes planeAcross{
  0%{transform:translate(-80px,80px) rotate(9deg)}
  46%{transform:translate(58vw,-20px) rotate(14deg)}
  100%{transform:translate(115vw,-80px) rotate(4deg)}
}
@keyframes titleUp{
  from{transform:translateY(110%);opacity:0}
  to{transform:none;opacity:1}
}
@keyframes cityScroll{
  to{transform:translateX(-50%)}
}

/* =========================================================
   13. RESPONSIVE
========================================================= */
@media(max-width:980px){
  .topbar{display:none}
  .navlinks{display:none}
  .menu{display:block}
  .navlinks.open{
    display:flex;
    position:absolute;
    top:70px;
    left:4%;
    right:4%;
    padding:20px;
    flex-direction:column;
    align-items:stretch;
    background:white;
    box-shadow:var(--shadow);
  }
  .welcome-grid,.split,.local,.enquiry-shell,.contact-layout{grid-template-columns:1fr}
  .services-grid,.service-grid,.support-grid{grid-template-columns:1fr 1fr}
  .exp-grid,.dest-grid,.package-grid,.info-grid,.mv-grid{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .why-card:nth-child(n){border-right:1px solid var(--border);border-bottom:1px solid var(--border)}
  .why-card:nth-child(2n){border-right:0}
  .why-card:nth-last-child(-n+2){border-bottom:0}
  .values{grid-template-columns:repeat(3,1fr)}
  .who,.process,.trust-grid{grid-template-columns:1fr 1fr}
  .process:before{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  :root{--section-space:66px}
  .hero{height:720px}
  .hero h1{font-size:48px}
  .hero-text{font-size:15px}
  .hero-city-label{display:none}
  .city-card{width:190px}
  .welcome-photo,.photo{min-height:320px}
  .services-grid,.service-grid,.support-grid,.exp-grid,.dest-grid,.package-grid,.info-grid,.mv-grid,.why-grid,.values,.who,.process,.trust-grid,.form-grid,.footer-grid,.checkbox-grid,.checklist{grid-template-columns:1fr}
  .field.full{grid-column:auto}
  .why-card:nth-child(n){border-right:0;border-bottom:1px solid var(--border)}
  .why-card:last-child{border-bottom:0}
  .local,.enquiry-copy,.enquiry-form,.form-card{padding:28px 20px}
  .contact-box{min-height:auto}
}


/* =========================================================
   14. ADMIN DASHBOARD
   The admin area intentionally uses this SAME global stylesheet.
========================================================= */
.admin-body{background:#f3f5f8;color:var(--heading);min-height:100vh}
.admin-shell{width:min(1280px,94%);margin:auto}
.admin-header{background:var(--primary);color:white;box-shadow:0 6px 24px rgba(12,35,71,.16)}
.admin-header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.admin-brand{display:flex;align-items:center;gap:10px;color:white}
.admin-brand .logo-mark{border-color:var(--accent)}
.admin-brand b{font-family:Georgia,"Times New Roman",serif;font-size:18px}
.admin-brand small{display:block;color:#9fadc1;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
.admin-header-actions{display:flex;align-items:center;gap:10px}
.admin-page-title{color:#b9c6d8;font-size:12px;margin-right:8px}
.admin-header .btn.outline{border-color:rgba(255,255,255,.24);color:white}
.admin-header .btn.primary{background:white;color:var(--primary)}
.admin-main{padding:30px 0 60px}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.admin-stat{background:white;border:1px solid var(--border);padding:20px;box-shadow:var(--shadow-soft)}
.admin-stat span{display:block;color:var(--text);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.admin-stat strong{display:block;color:var(--primary);font-family:Georgia,"Times New Roman",serif;font-size:34px;line-height:1;margin-top:8px}
.admin-panel{background:white;border:1px solid var(--border);padding:24px;box-shadow:var(--shadow-soft)}
.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.admin-panel h1{font-size:27px;color:var(--primary);margin:0 0 4px}
.admin-panel h2{font-size:19px;color:var(--primary);margin:0 0 16px}
.admin-panel p{margin:0;color:var(--text);font-size:11px}
.admin-filters{display:grid;grid-template-columns:1fr 170px auto auto;gap:9px;margin-bottom:18px}
.admin-table-wrap{overflow:auto;border:1px solid var(--border)}
.admin-table{width:100%;border-collapse:collapse;min-width:880px;font-size:11px}
.admin-table th{background:#f8f9fb;color:#657184;text-align:left;padding:11px 12px;text-transform:uppercase;font-size:8px;letter-spacing:.09em;border-bottom:1px solid var(--border)}
.admin-table td{padding:12px;border-bottom:1px solid var(--border);vertical-align:top}
.admin-table tbody tr:hover{background:#fbfcfd}
.admin-table td strong{display:block;color:var(--primary)}
.admin-table td small{display:block;color:var(--text);margin-top:2px}
.admin-open{color:var(--accent);font-weight:700;white-space:nowrap}
.admin-empty{text-align:center!important;padding:35px!important;color:var(--text)}
.status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.status-new{background:#fff3d6;color:#8a5d00}
.status-read{background:#eaf3ff;color:#2c5c99}
.status-contacted{background:#e8f7ef;color:#2a704c}
.status-archived{background:#edf0f3;color:#5d6876}
.admin-pagination{display:flex;gap:5px;flex-wrap:wrap;margin-top:18px}
.admin-pagination a{min-width:32px;height:32px;border:1px solid var(--border);display:grid;place-items:center;background:white;font-size:10px}
.admin-pagination a.current{background:var(--primary);color:white;border-color:var(--primary)}
.admin-back{margin-bottom:14px;font-size:11px}
.admin-back a{color:var(--accent);font-weight:700}
.admin-detail-grid{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start}
.admin-detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:16px}
.admin-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.admin-detail-list>div{padding:13px 0;border-bottom:1px solid var(--border)}
.admin-detail-list>div.wide{grid-column:1/-1}
.admin-detail-list span{display:block;color:var(--text);font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.admin-detail-list strong{font-size:11px;color:var(--heading)}
.admin-message{background:#fafbfc;border:1px solid var(--border);padding:15px;font-size:11px;line-height:1.7;white-space:normal}
.admin-meta{color:#8a94a2;font-size:8px;margin-top:18px}
.admin-actions-panel{display:grid;gap:12px}
.admin-actions-panel>.btn{width:100%}
.admin-form{display:grid;gap:9px}
.admin-form.compact{padding-bottom:15px;border-bottom:1px solid var(--border)}
.admin-form label{font-size:8px}
.admin-delete-form{border-top:1px solid var(--border);padding-top:12px;margin-top:3px}
.admin-delete-form button{border:0;background:none;color:#b04444;font-size:10px;font-weight:700;cursor:pointer;padding:0}
.admin-login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:linear-gradient(135deg,#eef2f7,#f8f5ee)}
.admin-login-card{width:min(440px,100%);background:white;border:1px solid var(--border);padding:34px;box-shadow:var(--shadow)}
.admin-login-card h1{color:var(--primary);font-size:30px;margin:0 0 8px}
.admin-login-card p{color:var(--text);font-size:11px;margin:0 0 22px}
.admin-login-card .admin-form .btn{margin-top:5px}
.admin-login-help{border-top:1px solid var(--border);margin-top:18px;padding-top:14px;color:var(--text);font-size:9px}
.admin-login-help a{color:var(--accent);font-weight:700}
.admin-alert{padding:11px;margin-bottom:15px;font-size:10px;border-left:3px solid}
.admin-alert.error{background:#fff0f0;border-color:#c04d4d;color:#8f3030}
.admin-alert.successbox{background:#edf8f2;border-color:#4b9a70;color:#2d6c4c}
.form-error{background:#fff0f0!important;color:#8f3030!important}
button:disabled{opacity:.65;cursor:not-allowed}
@media(max-width:900px){
  .admin-stats{grid-template-columns:1fr 1fr}
  .admin-filters{grid-template-columns:1fr 1fr}
  .admin-detail-grid{grid-template-columns:1fr}
  .admin-header-actions .admin-page-title{display:none}
}
@media(max-width:600px){
  .admin-stats,.admin-filters,.admin-detail-list{grid-template-columns:1fr}
  .admin-detail-list>div.wide{grid-column:auto}
  .admin-header-inner{align-items:flex-start;padding:13px 0}
  .admin-header-actions{flex-wrap:wrap;justify-content:flex-end}
  .admin-header .btn{min-height:36px;padding:0 10px;font-size:9px}
  .admin-panel{padding:18px}
}