:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

:root{
  --background: 30 25% 94%;
  --foreground: 25 30% 15%;
  --card: 30 20% 90%;
  --card-foreground: 25 30% 15%;
  --muted: 30 15% 85%;
  --muted-foreground: 25 20% 38%;
  --primary: 25 65% 45%;
  --primary-foreground: 30 25% 98%;
  --accent: 25 70% 55%;
  --border: 25 20% 78%;
  --border-strong: 25 25% 60%;
  --radius: 1rem;

  --gradient-gold: linear-gradient(135deg, hsl(35 30% 62%) 0%, hsl(30 25% 48%) 50%, hsl(35 30% 62%) 100%);
  --gradient-hero-overlay: linear-gradient(180deg, hsla(25,30%,12%,.15) 0%, hsla(25,30%,12%,.55) 60%, hsl(30 25% 94%) 100%);
  --shadow-gold: 0 0 50px hsla(35,30%,55%,.22);
  --shadow-card: 0 18px 36px -12px hsla(25,30%,20%,.16);

  --font-heading: "Secular One", "Segoe UI", sans-serif;
  --font-body: "Rubik", "Segoe UI", sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;direction:rtl;}
body{
  margin:0;
  background:hsl(var(--background));
  color:hsl(var(--foreground));
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  direction:rtl;
}
img{max-width:100%;display:block;}
a{color:inherit;}
h1,h2,h3{font-family:var(--font-heading);font-weight:400;text-wrap:balance;margin:0;}
.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px;}
section{padding-block:clamp(2.5rem,6vw,4.5rem);}

.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;}
.brand img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 3px #000;}
.brand span{font-family:var(--font-heading);font-size:1.15rem;letter-spacing:.02em;color:hsl(var(--foreground));}
footer .brand img{width:54px;height:54px;}
/* ---------- hero ---------- */
.hero{
  position:relative;
  min-height:min(88vh, 720px);
  display:flex;align-items:flex-end;
  background:#000 url("images/new_background.jpg") center/cover no-repeat;
}
.hero::after{
  content:"";position:absolute;inset:0;
  background:var(--gradient-hero-overlay);
}
.hero .wrap{position:relative;z-index:1;padding-block:clamp(2rem,7vw,4rem);}
.hero-logo{
  display:block;
  width:min(320px, 62vw);
  margin-inline:auto;
  margin-bottom:1.3rem;
  filter:drop-shadow(0 6px 22px hsla(25,30%,8%,.55));
}
.hero-eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  color:#000;
  background:#EFE9E3;
  padding:.35rem .8rem;border-radius:999px;
  font-size:.85rem;font-weight:600;letter-spacing:.02em;
  margin-bottom:1.1rem;
}
.hero h1{
  color:#fff;
  font-size:clamp(2.1rem,5.2vw,3.4rem);
  line-height:1.15;
  text-shadow:0 2px 24px hsla(25,30%,10%,.45);
}
.hero p{
  color:hsl(30 20% 92%);
  font-size:clamp(1.02rem,2vw,1.2rem);
  max-width:46ch;
  margin-block-start:1rem;
}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.85rem;margin-block-start:1.8rem;}

.btn{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.85rem 1.5rem;border-radius:999px;
  font-weight:700;font-size:1rem;
  text-decoration:none;border:1px solid transparent;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease;
}
.btn svg{width:19px;height:19px;flex:none;}
.btn-primary{
  background:#EFE9E3;
  color:#000;
  box-shadow:var(--shadow-card);
}
.btn-ghost{
  background:hsla(30,25%,96%,.12);
  color:#fff;
  border-color:hsla(30,25%,96%,.55);
}
.btn:hover{transform:translateY(-2px);}
@media (prefers-reduced-motion:reduce){
  .btn:hover{transform:none;}
  html{scroll-behavior:auto;}
}

/* ---------- trust strip ---------- */
.facts{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:hsl(var(--border));
  border-block:1px solid hsl(var(--border));
}
.fact{
  background:hsl(var(--background));
  padding:1.4rem 1rem;text-align:center;
}
.fact strong{display:block;font-family:var(--font-heading);font-size:1.9rem;color:#000;font-weight:700;}
.fact span{font-size:1rem;color:hsl(var(--muted-foreground));font-weight:700;}
@media (max-width:700px){ .facts{grid-template-columns:repeat(3,1fr);} }

/* ---------- section heading ---------- */
.section-head{max-width:60ch;margin-bottom:2.2rem;}
.kicker{
  display:block;color:hsl(var(--primary));font-weight:700;
  font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;
  margin-bottom:.5rem;
}
.section-head h2{font-size:clamp(1.6rem,3.4vw,2.3rem);}
.section-head p{color:hsl(var(--muted-foreground));margin-block-start:.6rem;font-size:1.02rem;}

/* ---------- features ---------- */
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
.feature{
  background:hsl(var(--card));
  border:1px solid hsl(var(--border));
  border-radius:var(--radius);
  padding:1.4rem;
}
.feature .ico{
  width:42px;height:42px;border-radius:12px;
  background:var(--gradient-gold);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:.9rem;
}
.feature .ico svg{width:22px;height:22px;color:hsl(var(--primary-foreground));}
.feature h3{font-size:1.08rem;font-family:var(--font-body);font-weight:700;margin-bottom:.35rem;}
.feature p{color:hsl(var(--muted-foreground));font-size:.94rem;margin:0;}
@media (max-width:820px){ .feature-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .feature-grid{grid-template-columns:1fr;} }

/* ---------- gallery ---------- */
.gal-group{margin-bottom:2rem;}
.gal-group h3{
  font-family:var(--font-body);font-weight:700;font-size:1rem;
  color:hsl(var(--muted-foreground));
  margin-bottom:.8rem;
  text-align:center;
}
.carousel{position:relative;width:100%;max-width:640px;margin-inline:auto;}
.carousel-viewport{
  overflow:hidden;border-radius:.65rem;
  border:1px solid hsl(var(--border));
  aspect-ratio:4/3;background:hsl(var(--muted));
}
.carousel-track{
  display:flex;height:100%;direction:ltr;
  transition:transform .4s ease;
}
.carousel-track img{
  flex:0 0 100%;width:100%;height:100%;object-fit:cover;
}
.car-btn{
  position:absolute;top:50%;translate:0 -50%;
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:hsla(30,25%,98%,.92);
  border:1px solid hsl(var(--border));
  color:hsl(var(--foreground));
  cursor:pointer;
  box-shadow:0 4px 14px hsla(25,30%,15%,.2);
}
.car-btn:hover{background:hsl(var(--background));}
.car-btn svg{width:20px;height:20px;}
.car-prev{left:.6rem;}
.car-next{right:.6rem;}
.car-counter{
  position:absolute;bottom:.6rem;left:50%;translate:-50% 0;
  background:hsla(25,30%,12%,.6);color:#fff;
  font-size:.78rem;font-weight:600;
  padding:.25rem .65rem;border-radius:999px;
  font-variant-numeric:tabular-nums;
  direction:ltr;
}
@media (prefers-reduced-motion:reduce){ .carousel-track{transition:none;} }

/* ---------- attractions ---------- */
.attractions{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;}
.attraction{
  flex:1 1 300px;
  max-width:calc(33.333% - .8rem);
  border-radius:var(--radius);
  padding:1.4rem;
  background:#EFE9E3;
  color:hsl(var(--foreground));
}
.attraction h3{font-family:var(--font-heading);font-weight:400;font-size:1.2rem;margin-bottom:.4rem;text-align:center;}
.attraction img{width:100%;height:140px;object-fit:cover;border-radius:.6rem;margin-block:.6rem;}
.attraction p{margin:0;font-size:.92rem;opacity:.92;text-align:center;}
@media (max-width:820px){ .attraction{max-width:100%;} }

/* ---------- faq ---------- */
.faq{max-width:760px;}
.faq-item{
  border-bottom:1px solid hsl(var(--border));
  padding-block:1.1rem;
}
.faq-item h3{font-family:var(--font-body);font-weight:700;font-size:1.2rem;margin-bottom:.4rem;}
.faq-item p{margin:0;color:hsl(var(--muted-foreground));font-size:1.05rem;}

/* ---------- final cta ---------- */
.cta-band{
  background:#EFE9E3;
  color:#000;
  border-radius:var(--radius);
  padding:clamp(2rem,5vw,3rem);
  text-align:center;
  box-shadow:var(--shadow-card);
}
.cta-band h2{color:#000;font-size:clamp(1.6rem,4vw,2.2rem);}
.cta-band p{opacity:.92;max-width:46ch;margin:.7rem auto 0;}
.cta-band .hero-ctas{justify-content:center;margin-block-start:1.6rem;}
.cta-band .btn-ghost{border-color:hsla(25,20%,45%,.4);color:#000;}

/* ---------- footer ---------- */
footer{
  border-top:1px solid hsl(var(--border));
  padding-block:1.6rem;
  text-align:center;
  color:hsl(var(--muted-foreground));
  font-size:.88rem;
}
footer .brand{justify-content:center;margin-bottom:.6rem;}
footer .foot-links{display:flex;justify-content:center;gap:1rem;margin-top:.5rem;}
footer a{text-decoration:none;font-weight:600;color:#000;}