/* Aqua Zen Traditional Turkish Bath — styles */
:root{
  --ink:#0c2a29; --deep:#113d3b; --iznik:#2b9c93; --iznik-soft:#8fcfc6;
  --brass:#c19a5b; --brass-soft:#e6d3ae; --copper:#a8683a;
  --marble:#eef2ee; --stone:#d6dfda; --paper:#f8faf7; --text:#172a29; --muted:#566f6c;
  --wa:#1faa59;
  --f-disp:"Forum", "Times New Roman", serif;
  --f-body:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wrap:1180px;
  --r:6px;
}
html[lang="ar"]{ --f-disp:"Amiri", "Forum", serif; --f-body:"Noto Sans Arabic", "Manrope", system-ui, sans-serif; }

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:400 1rem/1.65 var(--f-body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-disp);font-weight:400;margin:0;line-height:1.1;letter-spacing:.005em}
html[lang="ar"] :is(h1,h2,h3,h4){line-height:1.45;font-weight:700}
p{margin:0}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:2px}
.i{width:1.15em;height:1.15em;flex:none}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1.1rem,4vw,2rem)}
.skip{position:absolute;inset-inline-start:-999px;top:0;background:var(--brass);color:var(--ink);padding:.6rem 1rem;z-index:100}
.skip:focus{inset-inline-start:1rem}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.8rem 1.3rem;border-radius:999px;
  font:600 .95rem/1.2 var(--f-body);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.btn--lg{padding:1rem 1.6rem;font-size:1rem}
.btn--wa{background:var(--wa);color:#fff}
.btn--wa:hover{background:#178a48}
.btn--deep{background:var(--deep);color:var(--paper)}
.btn--deep:hover{background:var(--iznik)}
.btn--ghost{color:var(--brass-soft);border-color:rgba(230,211,174,.45)}
.btn--ghost:hover{border-color:var(--brass-soft);background:rgba(230,211,174,.08)}
.btn--line{color:var(--deep);border-color:var(--deep)}
.btn--line:hover{background:var(--deep);color:var(--paper)}

/* top bar + header */
.topbar{background:var(--ink);color:#cfe0db;font-size:.82rem}
.topbar__in{display:flex;align-items:center;gap:1.4rem;min-height:38px}
.topbar a{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none}
.topbar a:hover{color:#fff}
.langs{margin-inline-start:auto;display:flex;gap:.15rem}
.langs a,.langs span{padding:.2rem .5rem;border-radius:4px;text-decoration:none;font-weight:600;letter-spacing:.04em}
.langs span{background:var(--brass);color:var(--ink)}
.langs a:hover{background:rgba(255,255,255,.1)}

.hdr{position:sticky;top:0;z-index:50;background:rgba(248,250,247,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.hdr.is-scrolled{border-bottom-color:var(--stone)}
.hdr__in{display:flex;align-items:center;gap:2rem;min-height:74px}
.logo{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--ink)}
.logo svg{width:34px;height:34px;fill:var(--brass)}
.logo b{display:block;font:400 1.6rem/1 var(--f-disp);letter-spacing:.02em}
.logo small{display:block;font-size:.72rem;color:var(--muted);margin-top:.2rem;letter-spacing:.02em}
.logo--light{color:var(--paper)} .logo--light small{color:#a9c2bd}
.nav{display:flex;gap:1.6rem;margin-inline-start:auto}
.nav a{text-decoration:none;font-weight:500;font-size:.95rem;padding-block:.4rem;border-bottom:1px solid transparent}
.nav a:hover{border-bottom-color:var(--brass)}
.burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;margin-inline-start:auto;position:relative}
.burger span{position:absolute;inset-inline:10px;height:1.5px;background:var(--ink);transition:transform .25s,top .25s}
.burger span:first-child{top:17px}.burger span:last-child{top:26px}
.burger[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}

/* HERO — the dome */
.hero{position:relative;background:var(--ink);color:var(--paper);overflow:hidden;padding-top:clamp(5rem,12vw,9rem);isolation:isolate}
.dome{position:absolute;inset:0 0 auto 50%;width:max(1200px,110%);height:auto;transform:translateX(-50%);z-index:-1}
html[dir="rtl"] .dome{transform:translateX(50%)}
.dome .st{opacity:0;animation:lit .8s ease-out var(--d) forwards}
.dome .bm{opacity:0;animation:beam 1.6s ease-out var(--d) forwards;mix-blend-mode:screen}
@keyframes lit{0%{opacity:0}60%{opacity:1;filter:drop-shadow(0 0 6px #f3e6c8)}100%{opacity:.95}}
@keyframes beam{to{opacity:1}}
.hero__in{text-align:center;position:relative}
.hero__in::before{content:"";position:absolute;inset:-10% 5%;background:radial-gradient(closest-side,rgba(12,42,41,.75),rgba(12,42,41,0));z-index:-1}
.hero h1{font-size:clamp(2.6rem,7vw,5.4rem);max-width:15ch;margin-inline:auto;color:#fbf6ea;text-wrap:balance}
.hero__p{max-width:44ch;margin:1.4rem auto 0;font-size:clamp(1.02rem,1.6vw,1.18rem);color:#cfe0db;text-wrap:pretty}
.hero__cta{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:2.2rem}
.facts{list-style:none;padding:0;margin:2.2rem auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.8rem;font-size:.9rem;color:var(--brass-soft)}
.facts li{display:flex;align-items:center;gap:.55rem}
.facts li::before{content:"";width:6px;height:6px;background:var(--brass);transform:rotate(45deg)}
.niches{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:clamp(.7rem,2vw,1.4rem);align-items:end;margin-top:clamp(3rem,7vw,5rem);position:relative}
.niches::after{content:"";position:absolute;inset-inline:calc(50% - 50vw);bottom:0;height:34%;background:var(--paper);z-index:-1}
.niche{margin:0;border-radius:999px 999px 0 0;overflow:hidden;border:1px solid rgba(193,154,91,.6);outline:1px solid rgba(193,154,91,.3);outline-offset:6px;background:var(--deep)}
.niche img{width:100%;aspect-ratio:3/4;object-fit:cover}
.niche.n1 img{aspect-ratio:3/3.6}
.niche.n0,.niche.n2{margin-bottom:0}

/* sections */
.sec{padding-block:clamp(4.5rem,9vw,7.5rem)}
.sec h2{font-size:clamp(2.1rem,4.4vw,3.3rem);color:var(--ink);text-wrap:balance}
.sec__head{max-width:640px;margin-bottom:clamp(2.2rem,5vw,3.4rem)}
.sec__head p{margin-top:1rem;color:var(--muted);font-size:1.05rem}

/* ritual */
.ritual{padding-top:clamp(3rem,6vw,5rem)}
.ritual__in{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2.5rem,7vw,6rem);align-items:start}
.ritual__intro p{margin-top:1rem;color:var(--muted);font-size:1.05rem;max-width:40ch}
.arch{margin:2.2rem 0 0;max-width:360px;border-radius:999px 999px var(--r) var(--r);overflow:hidden}
.arch img{aspect-ratio:4/5;object-fit:cover;width:100%}
.steps{list-style:none;counter-reset:s;padding:0;margin:0}
.steps li{counter-increment:s;display:grid;grid-template-columns:3.4rem 1fr;column-gap:1.2rem;padding-block:1.4rem;border-top:1px solid var(--stone)}
.steps li:last-child{border-bottom:1px solid var(--stone)}
.steps li::before{content:counter(s);grid-row:span 2;width:2.7rem;height:2.7rem;border-radius:50%;border:1px solid var(--brass);display:grid;place-items:center;font:400 1.25rem/1 var(--f-disp);color:var(--copper)}
.steps h3{font-size:1.55rem;color:var(--ink)}
.steps p{color:var(--muted);margin-top:.3rem}

/* packages */
.pkgs{background:var(--marble)}
.pkg-group+.pkg-group{margin-top:clamp(3rem,6vw,4.5rem)}
.pkg-group__h{font-size:1.7rem;color:var(--deep);display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}
.pkg-group__h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--brass),transparent)}
html[dir="rtl"] .pkg-group__h::after{background:linear-gradient(-90deg,var(--brass),transparent)}
.pkg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:1.2rem}
.pkg-grid--one{grid-template-columns:1fr;max-width:900px}
@media (min-width:700px){
  .pkg-grid--one .pkg{flex-direction:row;padding:.8rem;gap:1.4rem}
  .pkg-grid--one .pkg__img{flex:0 0 42%;border-radius:999px 999px var(--r) var(--r)}
  .pkg-grid--one .pkg__img img{height:100%;aspect-ratio:auto}
  .pkg-grid--one .pkg__body{padding:1rem 1rem .6rem}
}
.pkg{background:#fff;display:flex;flex-direction:column;border-radius:var(--r);padding:.8rem .8rem 0}
.pkg__img{border-radius:50% 50% 0 0/36% 36% 0 0;overflow:hidden;background:var(--stone)}
.pkg__img img{width:100%;aspect-ratio:1/1;object-fit:cover}
.pkg__body{padding:1.3rem .6rem 1.2rem;display:flex;flex-direction:column;flex:1}
.pkg h4{font-size:1.5rem;color:var(--ink)}
.pkg__body>p{color:var(--muted);font-size:.93rem;margin-top:.55rem}
.pkg__list{list-style:none;padding:0;margin:1.1rem 0 1.3rem;font-size:.92rem;flex:1}
.pkg__list li{display:grid;grid-template-columns:4.2rem 1fr;gap:.6rem;padding-block:.42rem;border-top:1px dashed var(--stone)}
.dur{font-weight:700;color:var(--iznik);white-space:nowrap}
.pkg .btn{width:100%}
.inc{margin-top:clamp(3rem,6vw,4.5rem);padding:1.8rem clamp(1.2rem,3vw,2.4rem);border:1px solid var(--brass);border-radius:var(--r);display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.inc h3{font-size:1.45rem;color:var(--deep)}
.inc ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1.1rem 2rem;flex:1;justify-content:space-between}
.inc li{display:flex;align-items:center;gap:.6rem;font-weight:500;font-size:.93rem}
.inc svg{width:30px;height:30px;color:var(--copper)}

/* treatment board */
.board{background:var(--deep);color:#d9e7e3;position:relative}
.board h2{color:#fbf6ea}
.board .sec__head p{color:#a9c6c0}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:clamp(2.5rem,5vw,3.5rem)}
.chip{display:inline-flex;align-items:center;padding:.6rem 1.05rem;border-radius:999px;border:1px solid rgba(193,154,91,.55);text-decoration:none;font-size:.9rem;font-weight:500;color:var(--brass-soft)}
.chip:hover{background:var(--brass);color:var(--ink);border-color:var(--brass)}
.mcols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,4vw,3.5rem)}
.mcol h3{font-size:1.55rem;color:var(--brass-soft);padding-bottom:.8rem;border-bottom:1px solid rgba(193,154,91,.5);margin-bottom:.4rem}
.mcol ul{list-style:none;padding:0;margin:0}
.mcol a{display:flex;align-items:baseline;gap:.5rem;padding-block:.62rem;text-decoration:none}
.mcol .ld{flex:1;border-bottom:1px dotted rgba(217,231,227,.3);transform:translateY(-.25em)}
.mcol .ask{font-size:.8rem;font-weight:600;color:var(--iznik-soft);white-space:nowrap}
.mcol a:hover .nm{color:#fff}
.mcol a:hover .ask{color:var(--brass-soft)}

/* gallery */
.gal{columns:3 260px;column-gap:1rem}
.gal figure{margin:0 0 1rem;break-inside:avoid;position:relative}
.gal a{display:block;border-radius:var(--r);overflow:hidden;cursor:zoom-in}
.gal img{width:100%;transition:transform .5s ease}
.gal figure:nth-child(3n+1) img{aspect-ratio:4/5;object-fit:cover}
.gal figure:nth-child(3n+2) img{aspect-ratio:1/1;object-fit:cover}
.gal figure:nth-child(3n) img{aspect-ratio:5/4;object-fit:cover}
.gal a:hover img{transform:scale(1.04)}
.gal figcaption{font-size:.85rem;color:var(--muted);padding-top:.5rem}

/* why + reviews */
.why{background:var(--marble)}
.why__g{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,3vw,2.5rem);margin-top:2.6rem}
.why__i{border-top:2px solid var(--brass);padding-top:1.2rem}
.why__i h3{font-size:1.4rem;color:var(--ink)}
.why__i p{color:var(--muted);font-size:.95rem;margin-top:.5rem}
.rev{margin-top:clamp(3rem,6vw,4rem);background:#fff;border-radius:var(--r);padding:clamp(1.5rem,3vw,2.2rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.rev h3{font-size:1.6rem;color:var(--ink)}
.rev p{color:var(--muted);margin-top:.4rem;max-width:52ch}
.stars5{color:#f2c46b;letter-spacing:.08em}

/* faq */
.faq__in{display:grid;grid-template-columns:1fr 1.7fr;gap:clamp(2rem,6vw,5rem);align-items:start}
.faq__side{position:sticky;top:110px}
.faq__side p{color:var(--muted);margin:1rem 0 1.6rem}
.faq__list details{border-top:1px solid var(--stone)}
.faq__list details:last-child{border-bottom:1px solid var(--stone)}
.faq__list summary{list-style:none;cursor:pointer;padding:1.15rem 0;padding-inline-end:2.4rem;position:relative;font-weight:600;font-size:1.05rem;color:var(--ink)}
.faq__list summary::-webkit-details-marker{display:none}
.faq__list summary::after{content:"";position:absolute;inset-inline-end:.4rem;top:50%;width:10px;height:10px;border:solid var(--copper);border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg);transition:transform .25s}
.faq__list details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq__list details p{padding-bottom:1.3rem;color:var(--muted);max-width:62ch}

/* contact */
.contact{background:var(--marble)}
.contact__in{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(2rem,5vw,4rem);align-items:stretch}
.contact dl{margin:1.8rem 0 0}
.contact dl div{padding-block:.9rem;border-top:1px solid var(--stone)}
.contact dt{font-size:.82rem;font-weight:600;color:var(--copper)}
.contact dd{margin:.25rem 0 0}
.contact dd a{text-decoration:none;font-weight:600}
.contact__btns{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.map{border-radius:999px 999px var(--r) var(--r);overflow:hidden;min-height:440px;background:var(--stone)}
.map iframe{width:100%;height:100%;min-height:440px;border:0;display:block}

/* footer */
.ftr{background:var(--ink);color:#b8cdc8;padding-block:4rem 1.5rem;font-size:.93rem}
.ftr__in{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:2.5rem}
.ftr__in>div>p{margin-top:1rem;max-width:34ch}
.ftr nav[aria-label="Footer"]{display:grid;gap:.5rem;align-content:start}
.ftr a{text-decoration:none}.ftr a:hover{color:#fff}
.langs--ft{margin:1.2rem 0 0}
.ftr__b{margin-top:3rem;padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:#7f9a95}

/* floating + mobile bar */
.fab{position:fixed;inset-inline-end:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;z-index:60;box-shadow:0 8px 24px rgba(12,42,41,.3)}
.fab .i{width:30px;height:30px}
.mbar{display:none}

/* lightbox */
.lb{border:0;padding:0;background:transparent;max-width:min(92vw,900px);max-height:92vh;overflow:visible}
.lb::backdrop{background:rgba(8,26,25,.88)}
.lb img{max-height:80vh;width:auto;margin-inline:auto;border-radius:var(--r)}
.lb p{color:#e5eeeb;text-align:center;margin-top:.8rem}
.lb__x{position:absolute;top:-46px;inset-inline-end:0;background:none;border:0;color:#fff;font-size:2.2rem;line-height:1;cursor:pointer;width:44px;height:44px}

/* responsive */
@media (max-width:1080px){
  .nav{gap:1.1rem}
  .why__g{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:960px){
  .hdr__cta{display:none}
  .burger{display:block}
  .nav{position:absolute;top:100%;inset-inline:0;max-height:calc(100svh - 70px);overflow:auto;flex-direction:column;gap:0;background:var(--paper);padding:.5rem clamp(1.1rem,4vw,2rem) 1.5rem;border-bottom:1px solid var(--stone);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
  .nav.is-open{opacity:1;visibility:visible;transform:none}
  .nav a{padding:.95rem 0;border-bottom:1px solid var(--stone);font-size:1.05rem}
  .ritual__in,.faq__in,.contact__in{grid-template-columns:1fr}
  .faq__side{position:static}
  .arch{max-width:280px}
  .mcols{grid-template-columns:1fr 1fr}
  .ftr__in{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{padding-bottom:64px}
  .topbar__in{gap:.8rem;font-size:.76rem}
  .topbar__in>span{display:none}
  .hdr__in{min-height:64px}
  .logo b{font-size:1.4rem}
  .hero{padding-top:4.2rem}
  .hero__cta .btn{width:100%}
  .facts{flex-direction:column;align-items:center;gap:.45rem}
  .niches{grid-template-columns:1fr 1.3fr 1fr;gap:.5rem}
  .niche{outline-offset:3px}
  .mcols{grid-template-columns:1fr}
  .why__g{grid-template-columns:1fr}
  .inc ul{justify-content:flex-start}
  .map,.map iframe{min-height:340px}
  .map{border-radius:160px 160px var(--r) var(--r)}
  .ftr__in{grid-template-columns:1fr}
  .fab{display:none}
  .mbar{display:grid;grid-template-columns:1fr 1.3fr 1fr;position:fixed;inset-inline:0;bottom:0;z-index:60;background:var(--ink);padding-bottom:env(safe-area-inset-bottom)}
  .mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;height:64px;text-decoration:none;color:#dbe8e4;font-size:.75rem;font-weight:600}
  .mbar .i{width:22px;height:22px}
  .mbar__wa{background:var(--wa);color:#fff!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition:none!important;scroll-behavior:auto!important}
}