/* ===================================================================
   Kadıköy Kuaför · Erdal & Cafer — ultra
   Palet: sedef/krem/toz pembe/bebek mavisi/rose-gold (SİYAH YOK, düşük kontrast)
   =================================================================== */
:root{
  --pearl:#FBF8F4;        /* sedef / inci zemin */
  --pearl-2:#F7F1EA;
  --cream:#F3EBDF;        /* krem ikincil zemin */
  --powder-pink:#E8C9CE;  /* toz pembe aksan */
  --powder-pink-d:#D6A6AE;
  --baby-blue:#CBDCE6;    /* bebek mavisi pastel */
  --baby-blue-d:#A9C4D2;
  --rose-gold:#C9A38E;    /* rose-gold / şampanya aksan */
  --rose-gold-d:#B0876F;
  --neon-pink:#FF4D8D;    /* galeri neon şerit */
  --review-glow:#EAFF3A;  /* yorum kartı parıltısı — neon sarı. Şampanya/altın için tek satır: #E6C36B */
  --sparkle:#F2CE6B;      /* kart içi sim noktaları (altın). İstersen değiştir */
  --ink:#5B5258;          /* yumuşak koyu metin — saf siyah değil */
  --ink-2:#6E646A;
  --ink-soft:#8A7F86;     /* ikincil metin */
  --line:rgba(91,82,88,.12);
  --line-2:rgba(91,82,88,.20);
  --shadow:0 18px 50px rgba(150,120,120,.16);
  --shadow-sm:0 8px 24px rgba(150,120,120,.12);
  --maxw:1200px;
  --ease:cubic-bezier(.16,1,.3,1);
  --serif:"Marcellus",Georgia,serif;
  --sans:"Jost","-apple-system",BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  font-family:var(--sans);background:var(--pearl);color:var(--ink);
  line-height:1.75;font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
body.is-loading{overflow:hidden}
img,svg,canvas,iframe{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:.005em;color:var(--ink)}
::selection{background:var(--powder-pink);color:var(--ink)}

/* RTL: Arapça fontu */
html[dir="rtl"] body{font-family:"Tajawal",var(--sans)}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{font-family:"Tajawal",var(--serif)}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 26px}

/* ===== Butonlar ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--sans);font-weight:500;font-size:.92rem;letter-spacing:.04em;
  padding:13px 26px;border-radius:40px;border:1px solid transparent;cursor:pointer;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .4s,color .4s,border-color .4s;}
.btn--rose{background:linear-gradient(135deg,var(--powder-pink),var(--rose-gold));color:#fff;
  box-shadow:0 12px 30px rgba(201,163,142,.35)}
.btn--rose:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(201,163,142,.45)}
.btn--ghost{background:rgba(255,255,255,.5);color:var(--ink);border-color:var(--line-2)}
.btn--ghost:hover{transform:translateY(-2px);border-color:var(--rose-gold);color:var(--rose-gold-d)}
.btn--lg{padding:16px 34px;font-size:1rem}
.btn--sm{padding:10px 20px;font-size:.84rem}

/* ===== eyebrow ===== */
.eyebrow{display:inline-block;font-family:var(--sans);font-weight:500;font-size:.72rem;
  letter-spacing:.34em;text-transform:uppercase;color:var(--rose-gold-d);margin-bottom:16px}

/* ===== Loader ===== */
.loader{position:fixed;inset:0;z-index:1000;background:var(--pearl);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;
  transition:opacity .7s var(--ease),visibility .7s}
.loader.done{opacity:0;visibility:hidden}
.loader__brand{font-family:var(--serif);font-size:clamp(1.8rem,5vw,2.8rem);color:var(--ink);letter-spacing:.02em}
.loader__brand b{color:var(--rose-gold)}
.loader__tag{font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-soft)}
.loader__track{width:200px;height:2px;background:var(--line-2);border-radius:2px;overflow:hidden}
.loader__track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--powder-pink),var(--rose-gold));transition:width .2s linear}
.loader__pct{font-family:var(--serif);color:var(--rose-gold-d);font-size:1rem}

/* ===== Nav ===== */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;
  transition:background .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
  border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(251,248,244,.86);backdrop-filter:blur(14px);
  border-bottom-color:var(--line);box-shadow:var(--shadow-sm)}
.nav__inner{display:flex;align-items:center;gap:18px;max-width:var(--maxw);margin:0 auto;padding:14px 26px}
.brand{display:flex;align-items:center;gap:13px;margin-inline-end:auto}
.brand__logo{height:40px;width:auto;display:block;transition:filter .4s var(--ease)}
/* üstte (hero üzeri) parlak altın; kaydırınca pearl nav'da okunur olsun diye koyulaştır */
.nav.scrolled .brand__logo{filter:brightness(.45) saturate(1.12)}
@media (max-width:560px){.brand__logo{height:32px}}
.brand__mark{position:relative;width:46px;height:46px;border:1px solid var(--rose-gold);border-radius:50%;
  display:grid;place-items:center;font-family:var(--serif);font-size:.66rem;color:var(--rose-gold-d);flex-shrink:0}
.brand__mark i{position:absolute;bottom:5px;font-style:normal;font-size:.7rem;color:var(--powder-pink-d)}
.brand__name{font-family:var(--serif);font-size:1.16rem;color:var(--ink);line-height:1.1}
.brand__name span{display:block;font-family:var(--sans);font-size:.6rem;font-weight:400;
  letter-spacing:.26em;text-transform:uppercase;color:var(--rose-gold-d);margin-top:2px}
.navlinks{display:flex;align-items:center;gap:26px}
.navlinks a{color:var(--ink-2);font-size:.92rem;position:relative;padding:4px 0;transition:color .25s}
.navlinks a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;
  background:var(--rose-gold);transition:width .3s var(--ease)}
.navlinks a:not(.btn):hover{color:var(--ink)}
.navlinks a:not(.btn):hover::after{width:100%}
.langs{display:flex;gap:6px;margin-inline-start:6px}
.flag{font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.08em;color:var(--ink-soft);
  background:transparent;border:1px solid var(--line-2);border-radius:30px;padding:6px 11px;cursor:pointer;
  transition:.25s var(--ease)}
.flag:hover{color:var(--ink);border-color:var(--rose-gold)}
.flag.active{background:var(--powder-pink);color:#fff;border-color:var(--powder-pink)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.burger span{width:24px;height:2px;background:var(--ink);border-radius:2px;transition:.3s var(--ease)}
.burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ===== Hero ===== */
.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--pearl)}
/* Kareler doğal kontrast/canlılıkta + hafif sıcak şampanya/pembe color-grade (soldurmaz) */
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;
  filter:saturate(1.12) contrast(1.04) brightness(1.015) sepia(.08) hue-rotate(-8deg)}
/* Pastel kimlik: tam-kare ışık katmanı DEĞİL — düşük opaklıklı soft-light toz pembe tint */
.hero__atmos{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.32;
  mix-blend-mode:soft-light;
  background:radial-gradient(130% 90% at 78% 12%,var(--powder-pink),transparent 62%),
             radial-gradient(130% 90% at 14% 92%,var(--rose-gold),transparent 62%),
             linear-gradient(180deg,var(--baby-blue),transparent 55%)}
/* Metin okunabilirliği: SADECE alt-merkezde lokal gradient (yukarı doğru hızla 0'a iner) */
.hero__shade{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:radial-gradient(125% 80% at 50% 100%,
    rgba(74,24,43,.72) 0%, rgba(74,24,43,.42) 26%,
    rgba(74,24,43,.13) 48%, transparent 64%)}
.hero__content{position:absolute;z-index:4;left:0;right:0;bottom:11vh;margin:0 auto;
  width:100%;max-width:760px;padding:0 26px;text-align:center;
  text-shadow:0 2px 20px rgba(40,12,24,.55),0 1px 3px rgba(40,12,24,.45);
  will-change:transform,opacity}
.hero__content>*{max-width:640px;margin-left:auto;margin-right:auto}
.hero__kick{font-size:.78rem;letter-spacing:.36em;text-transform:uppercase;color:#F1DAD0;margin-bottom:16px}
.hero__title{font-family:var(--serif);font-size:clamp(3rem,9vw,6.4rem);line-height:.98;color:#FBF8F4}
.hero__title em{font-style:italic;color:var(--powder-pink)}
.hero__slogan{font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2.8vw,1.9rem);
  color:var(--cream);margin:20px 0 6px}
.hero__sub{font-size:.86rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(251,248,244,.85);margin-bottom:30px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.hero__scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:4;
  font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-soft);
  display:flex;flex-direction:column;align-items:center;gap:7px}
.hero__scroll svg{width:18px;height:18px;color:var(--rose-gold);animation:bob 1.9s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* ===== Section başlık ===== */
.section{position:relative;padding:clamp(70px,10vw,130px) 0;overflow:hidden}
.section--about{background:linear-gradient(180deg,var(--pearl),var(--cream))}
.section--rev{background:var(--pearl-2)}
.section--visit{background:linear-gradient(180deg,var(--cream),var(--pearl))}
.sec-head{text-align:center;max-width:660px;margin:0 auto clamp(40px,6vw,68px)}
.sec-head h2{font-size:clamp(2rem,4.6vw,3.1rem)}
.sec-head p{color:var(--ink-soft);font-size:1.05rem;margin-top:14px}

/* ===== Hizmetler ===== */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svc{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px 30px;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s;position:relative;overflow:hidden}
.svc::before{content:"";position:absolute;inset:0;border-radius:22px;opacity:0;transition:opacity .5s var(--ease);
  background:linear-gradient(160deg,rgba(232,201,206,.18),rgba(203,220,230,.14))}
.svc:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.svc:hover::before{opacity:1}
.svc__icon{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--powder-pink),var(--baby-blue));color:#fff;margin-bottom:20px}
.svc__icon svg{width:28px;height:28px}
.svc h3{position:relative;font-size:1.32rem;margin-bottom:10px}
.svc p{position:relative;color:var(--ink-soft);font-size:.95rem}
.svc--vip{background:linear-gradient(155deg,#fff,var(--cream))}
.svc--vip .svc__icon{background:linear-gradient(150deg,var(--rose-gold),var(--powder-pink-d))}

/* botanik dekor */
.botanic{position:absolute;color:var(--rose-gold);opacity:.14;width:90px;pointer-events:none}
.botanic--svc{top:40px;right:3%;transform:rotate(8deg)}
html[dir="rtl"] .botanic--svc{right:auto;left:3%;transform:rotate(-8deg) scaleX(-1)}

/* eller — parallax ile kenarlardan içeri girer (JS/GSAP yönetir; kartların arkasında) */
#services .wrap{position:relative;z-index:2}
.hand{position:absolute;bottom:-3%;z-index:1;width:clamp(150px,18vw,280px);height:auto;
  pointer-events:none;opacity:0;
  filter:drop-shadow(0 16px 30px rgba(150,120,120,.24))}
.hand--left{left:0}
.hand--right{right:0}
@media (max-width:860px){.hand{width:clamp(110px,26vw,170px)}}
@media (max-width:480px){.hand{display:none}}

/* ===== Hakkımızda ===== */
.about{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(34px,5vw,72px);align-items:center}
.about__media{position:relative;aspect-ratio:4/5;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);
  border:6px solid #fff}
.about__media img{width:100%;height:100%;object-fit:cover}
.about__since{position:absolute;bottom:18px;right:18px;font-family:var(--serif);font-size:1.4rem;
  color:#fff;background:linear-gradient(135deg,var(--rose-gold),var(--powder-pink-d));
  width:74px;height:74px;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow-sm)}
html[dir="rtl"] .about__since{right:auto;left:18px}
.about__copy .lead{font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--ink);line-height:1.4;margin-bottom:18px}
.about__copy p{color:var(--ink-soft);margin-bottom:16px;font-size:1.04rem}
.about__stats{display:flex;gap:30px;margin-top:26px;flex-wrap:wrap}
.about__stats strong{display:block;font-family:var(--serif);font-size:2rem;color:var(--rose-gold-d);font-weight:400}
.about__stats span{font-size:.8rem;color:var(--ink-soft);letter-spacing:.04em}

/* ===== Galeri ===== */
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gal-grid figure{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4;background:var(--cream);
  border:1.5px solid var(--neon-pink);
  box-shadow:0 0 0 1px rgba(255,77,141,.35), 0 0 14px rgba(255,77,141,.45), var(--shadow-sm);
  transition:box-shadow .4s var(--ease)}
.gal-grid figure:hover{box-shadow:0 0 0 1px rgba(255,77,141,.6), 0 0 24px rgba(255,77,141,.75), var(--shadow)}
.gal-grid figure:nth-child(3n+1){aspect-ratio:4/5}
.gal-grid img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.gal-grid figure:hover img{transform:scale(1.06)}
.gal-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 18px 16px;
  font-family:var(--serif);font-style:italic;font-size:1.05rem;color:#fff;
  background:linear-gradient(to top,rgba(91,82,88,.7),transparent);
  opacity:0;transform:translateY(8px);transition:.45s var(--ease)}
.gal-grid figure:hover figcaption{opacity:1;transform:none}

/* ===== Yorumlar ===== */
/* dikey dikişsiz auto-scroll akış */
.rev-viewport{position:relative;max-width:560px;margin:0 auto;height:clamp(440px,68vh,640px);overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%);
          mask-image:linear-gradient(180deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.rev-track{display:flex;flex-direction:column;will-change:transform;animation:revScroll 55s linear infinite}
.rev-track .rcard{margin-bottom:18px}        /* flex-gap yerine → set tam yarı, dikiş yok */
.rev-viewport:hover .rev-track{animation-play-state:paused}   /* okumak isteyince dur */
@keyframes revScroll{from{transform:translateY(-50%)}to{transform:translateY(0)}}  /* yukarıdan aşağı */
@media (prefers-reduced-motion:reduce){
  .rev-viewport{height:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}
  .rev-track{animation:none}
  .rev-track .rev-dupe{display:none}          /* kopya seti gizle → normal liste (.rcard'ı ezsin diye özgül) */
}
.rcard{background:#fff;border:1.5px solid var(--review-glow);border-radius:22px;padding:28px 26px;
  position:relative;isolation:isolate;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm)}
/* çerçeve efekti — kenar boyunca DOLAŞAN ışık (traveling shine, conic-gradient rotation) */
@property --rev-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.rcard::before,.rcard::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.rcard::before{z-index:-1;   /* statik yumuşak glow halo (pulse YOK) */
  box-shadow:0 0 14px 1px color-mix(in srgb, var(--review-glow) 32%, transparent)}
.rcard::after{padding:1.6px;   /* maskeli kenar halkası; dönen conic ile parlak nokta turlar */
  background:conic-gradient(from var(--rev-angle),
    transparent 0deg, transparent 62deg,
    color-mix(in srgb, var(--review-glow) 35%, transparent) 84deg,
    var(--review-glow) 95deg, #fff 100deg, var(--review-glow) 105deg,
    color-mix(in srgb, var(--review-glow) 35%, transparent) 116deg,
    transparent 138deg, transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  animation:revTravel 4.5s linear infinite}
@keyframes revTravel{to{--rev-angle:360deg}}
@media (prefers-reduced-motion:reduce){
  .rcard::after{display:none}                  /* dönen ışık dur → sade ince sarı border (.rcard) kalır */
  .rcard::before{box-shadow:none}
}
/* metin her zaman üstte (sim noktaları arkada kalsın) */
.rcard > :not(.rcard__sparkles){position:relative;z-index:1}
/* kart içi sim/glitter — metnin ARKASINDA (z-index:-1), 3 katman farklı fazda twinkle */
.rcard__sparkles{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;pointer-events:none}
.rcard__sparkles::before,.rcard__sparkles::after{content:"";position:absolute;inset:0}
.rcard__sparkles,.rcard__sparkles::before,.rcard__sparkles::after{background-repeat:no-repeat}
.rcard__sparkles{
  background-image:
    radial-gradient(circle at 12% 22%, var(--sparkle) 0 1.2px, transparent 2px),
    radial-gradient(circle at 78% 16%, #fff 0 1px, transparent 1.8px),
    radial-gradient(circle at 34% 70%, var(--review-glow) 0 1.2px, transparent 2px),
    radial-gradient(circle at 88% 60%, var(--sparkle) 0 1px, transparent 1.8px),
    radial-gradient(circle at 56% 40%, #fff 0 1px, transparent 1.6px);
  animation:rcardTwinkle 2.6s ease-in-out infinite}
.rcard__sparkles::before{
  background-image:
    radial-gradient(circle at 24% 52%, #fff 0 1px, transparent 1.8px),
    radial-gradient(circle at 64% 82%, var(--sparkle) 0 1.2px, transparent 2px),
    radial-gradient(circle at 92% 34%, var(--review-glow) 0 1px, transparent 1.8px),
    radial-gradient(circle at 44% 12%, var(--sparkle) 0 1px, transparent 1.6px);
  animation:rcardTwinkle 3.3s ease-in-out infinite;animation-delay:-1.1s}
.rcard__sparkles::after{
  background-image:
    radial-gradient(circle at 8% 78%, var(--sparkle) 0 1px, transparent 1.8px),
    radial-gradient(circle at 70% 48%, #fff 0 1.2px, transparent 2px),
    radial-gradient(circle at 50% 90%, var(--review-glow) 0 1px, transparent 1.8px),
    radial-gradient(circle at 30% 32%, #fff 0 1px, transparent 1.6px);
  animation:rcardTwinkle 3.9s ease-in-out infinite;animation-delay:-2.3s}
@keyframes rcardTwinkle{0%,100%{opacity:.12}50%{opacity:.88}}
@media (prefers-reduced-motion:reduce){
  .rcard__sparkles,.rcard__sparkles::before,.rcard__sparkles::after{animation:none;opacity:.4}
}
.rcard__top{display:flex;align-items:center;gap:12px}
.rcard__av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;
  font-family:var(--serif);font-size:1.2rem;color:#fff;background:linear-gradient(150deg,var(--powder-pink),var(--baby-blue-d))}
.rcard__name{font-family:var(--serif);font-size:1.05rem;color:var(--ink)}
.rcard__stars{font-size:.82rem;letter-spacing:1px}
.rcard__stars .star{color:var(--line-2)}
.rcard__stars .star.on{color:var(--rose-gold)}
.rcard__g{margin-inline-start:auto;flex-shrink:0}
.rcard__text{color:var(--ink-2);font-size:.96rem;line-height:1.7}
.rcard__src{font-size:.74rem;letter-spacing:.04em;color:var(--ink-soft);margin-top:auto}

/* ===== Ziyaret ===== */
.visit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,64px);align-items:center}
.visit__info h2{font-size:clamp(1.9rem,4vw,2.8rem)}
.visit__info p{color:var(--ink-soft);margin-top:12px}
.openpill{display:inline-flex;align-items:center;gap:9px;margin:22px 0 8px;padding:9px 18px;border-radius:30px;
  font-size:.86rem;letter-spacing:.03em;background:#fff;border:1px solid var(--line)}
.openpill .dot{width:9px;height:9px;border-radius:50%;background:var(--ink-soft)}
.openpill.is-open .dot{background:#7BA36F;box-shadow:0 0 0 4px rgba(123,163,111,.18)}
.openpill.is-closed .dot{background:var(--powder-pink-d)}
.visit__row{display:flex;gap:18px;padding:18px 0;border-top:1px solid var(--line)}
.visit__lbl{flex:0 0 130px;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-gold-d);padding-top:3px}
.visit__row a{color:var(--ink);border-bottom:1px solid var(--line-2);padding-bottom:2px}
.visit__row a:hover{color:var(--rose-gold-d)}
.hours{display:flex;flex-direction:column;gap:6px;flex:1}
.hrow{display:flex;justify-content:space-between;gap:20px;font-size:.94rem;color:var(--ink-2)}
.hrow--today{color:var(--ink);font-weight:500}
.hrow--today span:last-child{color:var(--rose-gold-d)}
.visit__cta{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.visit__map{aspect-ratio:1/1;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);border:6px solid #fff}
.visit__map iframe{width:100%;height:100%;border:0;filter:saturate(.9)}

/* ===== Footer ===== */
.foot{background:var(--cream);padding:40px 0;border-top:1px solid var(--line)}
.foot__inner{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.foot__brand{font-family:var(--serif);font-size:1.3rem;color:var(--ink)}
.foot__brand b{color:var(--rose-gold)}
.foot__brand span{display:block;font-family:var(--sans);font-size:.66rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--ink-soft);margin-top:3px}
.foot__copy{font-size:.84rem;color:var(--ink-soft)}

/* ===== Yüzen WhatsApp ===== */
.wa-float{position:fixed;bottom:22px;right:22px;z-index:90;width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#5fc97a,#3aa55f);
  box-shadow:0 12px 30px rgba(58,165,95,.4);transition:transform .35s var(--ease)}
html[dir="rtl"] .wa-float{right:auto;left:22px}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:30px;height:30px}

/* ===== Reveal ===== */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}
  .hero__scroll svg{animation:none}}

/* ===== RTL ince ayarlar ===== */
html[dir="rtl"] .navlinks a:not(.btn)::after{left:auto;right:0}
html[dir="rtl"] .eyebrow{letter-spacing:0}
html[dir="rtl"] .hero__kick,html[dir="rtl"] .hero__sub{letter-spacing:0}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .svc-grid,.gal-grid{grid-template-columns:repeat(2,1fr)}
  .about,.visit{grid-template-columns:1fr}
  .about__media{max-width:440px;margin:0 auto}
}
@media (max-width:860px){
  .burger{display:flex}
  .navlinks{position:fixed;top:0;right:0;height:100vh;width:min(80vw,320px);flex-direction:column;
    align-items:flex-start;justify-content:center;gap:22px;padding:0 34px;
    background:rgba(251,248,244,.97);backdrop-filter:blur(16px);box-shadow:var(--shadow);
    transform:translateX(110%);transition:transform .45s var(--ease)}
  html[dir="rtl"] .navlinks{right:auto;left:0;transform:translateX(-110%)}
  .navlinks.open{transform:none}
  .navlinks a{font-size:1.15rem}
  .hero__content{bottom:9vh}
  .hero__shade{background:radial-gradient(150% 70% at 50% 100%,rgba(74,24,43,.78) 0%,rgba(74,24,43,.45) 30%,rgba(74,24,43,.12) 54%,transparent 70%)}
}
@media (max-width:560px){
  .svc-grid,.gal-grid{grid-template-columns:1fr}
  .hero__cta{flex-direction:column;align-items:stretch}
  .hero__cta .btn{width:100%}
  .visit__row{flex-direction:column;gap:8px}
  .visit__lbl{flex-basis:auto}
  .foot__inner{flex-direction:column;text-align:center}
}

/* ===== Randevu modal (pastel) ===== */
.modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:20px}
.modal.open{display:flex}
.modal__overlay{position:absolute;inset:0;background:rgba(91,82,88,.45);backdrop-filter:blur(5px)}
.modal__dialog{position:relative;z-index:1;width:100%;max-width:440px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px 30px 30px;box-shadow:var(--shadow);max-height:92vh;overflow:auto}
.modal__close{position:absolute;top:14px;right:14px;width:38px;height:38px;border:1px solid var(--line-2);background:transparent;color:var(--ink-soft);border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:color .25s var(--ease),border-color .25s var(--ease)}
.modal__close:hover{color:var(--rose-gold-d);border-color:var(--rose-gold)}
html[dir="rtl"] .modal__close{right:auto;left:14px}
.modal__title{font-family:var(--serif);font-size:1.8rem;color:var(--ink)}
.modal__sub{color:var(--ink-soft);font-size:.92rem;margin:6px 0 22px}
.modal__form{display:flex;flex-direction:column;gap:14px}
.modal__form>label,.modal__field{display:flex;flex-direction:column;gap:7px}
.modal__form label>span,.modal__lbl{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-gold-d)}
.modal__form input{background:var(--pearl);border:1px solid var(--line-2);border-radius:10px;color:var(--ink);padding:12px 14px;font-family:var(--sans);font-size:.95rem;width:100%}
.modal__form input:focus{outline:none;border-color:var(--rose-gold)}
.modal__checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.modal__checks.err{outline:1px solid var(--powder-pink-d);outline-offset:3px;border-radius:10px}
.modal__checks .chk{display:flex;align-items:center;gap:9px;background:var(--pearl);border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;cursor:pointer;font-size:.85rem;color:var(--ink);transition:border-color .25s var(--ease),background .25s}
.modal__checks .chk:hover{border-color:var(--rose-gold)}
.modal__checks .chk input{accent-color:var(--rose-gold-d);width:16px;height:16px;flex-shrink:0;margin:0}
.modal__checks .chk:has(input:checked){border-color:var(--rose-gold);background:rgba(201,163,142,.14)}
.modal__submit{margin-top:8px;justify-content:center}
@media(max-width:420px){.modal__checks{grid-template-columns:1fr}}
body.modal-open{overflow:hidden}

/* mobil: dil bayrağı dokunma hedefini büyüt (≥40px) */
@media (max-width:560px){ .flag{min-height:40px;display:inline-flex;align-items:center} }