/* ==========================================================================
   La Mozza İncek — Wedding Garden & Event Hall
   Tasarım sistemi · v1.0
   Palet WCAG AA doğrulandı. Kural: --pirinc açık zeminde ASLA metin olmaz.
   ========================================================================== */

/* ---------- 1. Design tokens ---------- */
:root{
  /* Yüzeyler */
  --kagit:      #F5F1E8;   /* ana zemin — asla saf beyaz */
  --kagit-alt:  #FBF8F2;   /* kart yüzeyi */
  --tas:        #E7E0D3;   /* ikincil zemin, taş dokusu */
  --sis:        #C9C4B4;   /* ayraç, ince çizgi */

  /* Mürekkep */
  --ink:        #26251F;   /* ana metin — asla #000 */
  --ink-2:      #4A4840;   /* ikincil metin */
  --ink-3:      #6E6B60;   /* üçüncül / caption */

  /* Marka */
  --zeytin:     #5A6350;   /* bahçe yeşili — ikincil ink, AA */
  --zeytin-koyu:#3B4235;
  --kil:        #9B5A3C;   /* TEK aksan — CTA, link, vurgu. AA (4.75) */
  --kil-koyu:   #7E4830;
  --pirinc:     #A89474;   /* SADECE koyu zemin üstü + 1px dekoratif çizgi */

  /* Koyu bölüm */
  --gece:       #23261F;
  --gece-2:     #2F332A;

  /* Ölçek */
  --sp-1: .25rem;  --sp-2: .5rem;   --sp-3: .75rem;  --sp-4: 1rem;
  --sp-5: 1.5rem;  --sp-6: 2rem;    --sp-7: 3rem;    --sp-8: 4rem;
  --sp-9: 6rem;    --sp-10: 8rem;

  --kenar: clamp(1.25rem, 5vw, 5rem);       /* sayfa yan boşluğu */
  --max:   78rem;                            /* içerik max genişlik */
  --max-dar: 46rem;                          /* okuma genişliği */

  --r-s: 4px; --r-m: 10px; --r-l: 18px;

  --gecis: cubic-bezier(.22,1,.36,1);
  --perde: cubic-bezier(.65,0,.35,1);

  --golge-s: 0 1px 2px rgba(38,37,31,.05), 0 4px 14px rgba(38,37,31,.05);
  --golge-m: 0 2px 6px rgba(38,37,31,.06), 0 18px 44px rgba(38,37,31,.10);
  --golge-l: 0 8px 24px rgba(38,37,31,.10), 0 40px 90px rgba(38,37,31,.16);

  --nav-h: 76px;
}

/* ---------- 2. Reset ---------- */
*,*::before,*::after{ box-sizing:border-box; }
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top: calc(var(--nav-h) + 1rem);
}
body{
  margin:0;
  background:var(--kagit);
  color:var(--ink);
  font-family:"Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size:clamp(1rem, .95rem + .28vw, 1.115rem);
  line-height:1.68;
  font-weight:380;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img,svg,video{ display:block; max-width:100%; }
img{ height:auto; }
button,input,select,textarea{ font:inherit; color:inherit; }
button{ background:none; border:0; cursor:pointer; }
a{ color:var(--kil); text-decoration-thickness:1px; text-underline-offset:.22em; }
a:hover{ color:var(--kil-koyu); }
ul,ol{ margin:0; padding:0; }
figure{ margin:0; }
hr{ border:0; border-top:1px solid var(--sis); margin:var(--sp-7) 0; }

::selection{ background:var(--kil); color:var(--kagit); }

:focus-visible{
  outline:2px solid var(--kil);
  outline-offset:3px;
  border-radius:2px;
}

.skip{
  position:absolute; left:-9999px; top:0; z-index:999;
  background:var(--ink); color:var(--kagit); padding:.8rem 1.2rem; border-radius:0 0 var(--r-m) 0;
}
.skip:focus{ left:0; }

.sr{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/* ---------- 3. Tipografi ---------- */
h1,h2,h3,h4{
  font-family:"Fraunces", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  font-weight:340;
  letter-spacing:-.021em;
  line-height:1.06;
  margin:0;
  color:var(--ink);
  text-wrap:balance;
  font-variation-settings:"SOFT" 0, "WONK" 0;
}
h1{ font-size:clamp(2.5rem, 1.4rem + 5vw, 5.4rem); }
h2{ font-size:clamp(2rem, 1.2rem + 3.4vw, 3.9rem); line-height:1.08; }
h3{ font-size:clamp(1.35rem, 1.1rem + 1.1vw, 1.9rem); line-height:1.18; letter-spacing:-.014em; }
h4{ font-size:clamp(1.08rem, 1rem + .45vw, 1.28rem); line-height:1.28; letter-spacing:-.01em; }

p{ margin:0 0 1.05em; }
p:last-child{ margin-bottom:0; }

.eyebrow{
  font-family:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:.7rem;
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--zeytin);
  margin:0 0 var(--sp-4);
  display:flex; align-items:center; gap:.7rem;
}
.eyebrow::before{
  content:""; width:1.6rem; height:1px; background:var(--pirinc); flex:none;
}
.eyebrow--merkez{ justify-content:center; }
.eyebrow--merkez::after{
  content:""; width:1.6rem; height:1px; background:var(--pirinc); flex:none;
}

.lede{
  font-size:clamp(1.1rem, 1rem + .55vw, 1.38rem);
  line-height:1.55;
  color:var(--ink-2);
  font-weight:350;
  max-width:38ch;
}
.mono{
  font-family:"DM Mono", ui-monospace, monospace;
  font-size:.78rem; letter-spacing:.1em; text-transform:uppercase;
}

/* ---------- 4. Layout ---------- */
.kap{ width:100%; max-width:var(--max); margin-inline:auto; padding-inline:var(--kenar); }
.kap--genis{ max-width:96rem; }
.kap--dar{ max-width:var(--max-dar); }

section{ position:relative; }
.blok{ padding-block:clamp(4.5rem, 9vw, 9rem); }
.blok--sik{ padding-block:clamp(3rem, 6vw, 5.5rem); }

.blok--tas{ background:var(--tas); }
.blok--gece{ background:var(--gece); color:#E8E4D9; }
.blok--gece h1,.blok--gece h2,.blok--gece h3,.blok--gece h4{ color:#F2EFE4; }
.blok--gece .eyebrow{ color:var(--pirinc); }
.blok--gece .lede{ color:#C6C2B4; }
.blok--gece a{ color:var(--pirinc); }

.bolum-bas{ max-width:52rem; margin-bottom:clamp(2.5rem,5vw,4.25rem); }
.bolum-bas--merkez{ margin-inline:auto; text-align:center; }
.bolum-bas--merkez .lede{ margin-inline:auto; max-width:46ch; }
.bolum-bas p{ margin-top:var(--sp-5); }

.izgara{ display:grid; gap:clamp(1.5rem,3vw,2.5rem); }
.izgara--2{ grid-template-columns:repeat(auto-fit, minmax(min(100%,20rem),1fr)); }
.izgara--3{ grid-template-columns:repeat(auto-fit, minmax(min(100%,17rem),1fr)); }
.izgara--4{ grid-template-columns:repeat(auto-fit, minmax(min(100%,13rem),1fr)); }
/* Geniş ekranda tam 4 sütuna sabitle — 8 kart 4+4 olarak dizilsin,
   auto-fit'in 5+3 gibi dengesiz satır üretmesini engelle. */
@media (min-width:1080px){
  .izgara--4{ grid-template-columns:repeat(4,1fr); }
  .rozetler{ grid-template-columns:repeat(4,1fr); }
}

/* ---------- 5. Film grain (dokusal katman) ---------- */
.grenli{ position:relative; isolation:isolate; }
.grenli::after{
  content:""; position:absolute; inset:0; z-index:2;
  pointer-events:none;
  opacity:.30; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  background-size:220px 220px;
}

/* ---------- 6. Butonlar ---------- */
.btn{
  --btn-bg:var(--kil); --btn-fg:var(--kagit); --btn-bd:var(--kil);
  display:inline-flex; align-items:center; justify-content:center; gap:.6rem;
  padding:.95rem 1.7rem;
  background:var(--btn-bg); color:var(--btn-fg);
  border:1px solid var(--btn-bd);
  border-radius:100px;
  font-size:.9rem; font-weight:500; letter-spacing:.015em;
  text-decoration:none; text-align:center;
  cursor:pointer;
  transition:background .35s var(--gecis), color .35s var(--gecis),
             border-color .35s var(--gecis), transform .35s var(--gecis);
  will-change:transform;
}
.btn:hover{ --btn-bg:var(--kil-koyu); --btn-bd:var(--kil-koyu); color:var(--kagit); transform:translateY(-2px); }
.btn:active{ transform:translateY(0); }
.btn svg{ width:1.05em; height:1.05em; flex:none; }

.btn--hayalet{ --btn-bg:transparent; --btn-fg:var(--ink); --btn-bd:var(--sis); }
.btn--hayalet:hover{ --btn-bg:var(--ink); --btn-fg:var(--kagit); --btn-bd:var(--ink); color:var(--kagit); }

.btn--acik{ --btn-bg:transparent; --btn-fg:#F2EFE4; --btn-bd:rgba(242,239,228,.42); }
.btn--acik:hover{ --btn-bg:#F2EFE4; --btn-fg:var(--gece); --btn-bd:#F2EFE4; color:var(--gece); }

.btn--wa{ --btn-bg:#1FA855; --btn-fg:#fff; --btn-bd:#1FA855; }
.btn--wa:hover{ --btn-bg:#178443; --btn-bd:#178443; color:#fff; }

.btn--kucuk{ padding:.62rem 1.15rem; font-size:.82rem; }
.btn--blok{ width:100%; }

.btn-grup{ display:flex; flex-wrap:wrap; gap:.85rem; margin-top:var(--sp-6); }
.bolum-bas--merkez .btn-grup{ justify-content:center; }

/* Metin bağlantısı — alt çizgi animasyonu */
.baglanti{
  display:inline-flex; align-items:center; gap:.45rem;
  font-size:.88rem; font-weight:500; letter-spacing:.02em;
  color:var(--kil); text-decoration:none;
  padding-bottom:2px;
  background-image:linear-gradient(currentColor,currentColor);
  background-size:100% 1px; background-repeat:no-repeat; background-position:0 100%;
  transition:background-size .4s var(--gecis), color .3s;
}
.baglanti:hover{ background-size:0% 1px; }
.baglanti svg{ width:.85em; height:.85em; transition:transform .35s var(--gecis); }
.baglanti:hover svg{ transform:translateX(4px); }

/* ---------- 7. Görsel çerçevesi (foto yoksa zarif yer tutucu) ---------- */
.gorsel{
  position:relative; overflow:hidden;
  background:
    radial-gradient(120% 90% at 22% 12%, #EFE8DA 0%, transparent 58%),
    radial-gradient(110% 80% at 82% 88%, #DED6C4 0%, transparent 62%),
    linear-gradient(158deg, #E9E1D2 0%, #D8CEBB 46%, #C4BAA6 100%);
  isolation:isolate;
}
.gorsel::before{ /* taş dokusu + kemer motifi */
  content:""; position:absolute; inset:0; z-index:0; opacity:.5;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='none' stroke='%239B8E76' stroke-width='.6' opacity='.5'%3E%3Cpath d='M0 40h160M0 80h160M0 120h160'/%3E%3Cpath d='M0 0v40h40V0M40 40v40h40V40M80 0v40h40V0M120 40v40h40V40M0 80v40h40V80M40 120v40h40v-40M80 80v40h40V80M120 120v40h40v-40'/%3E%3C/g%3E%3C/svg%3E");
  background-size:160px 160px;
}
.gorsel::after{ /* gren */
  content:""; position:absolute; inset:0; z-index:3; pointer-events:none;
  opacity:.22; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E");
}
.gorsel img{
  position:relative; z-index:1;
  width:100%; height:100%; object-fit:cover;
}
.gorsel__mono{ /* yer tutucu monogram */
  position:absolute; inset:0; z-index:1;
  display:grid; place-items:center; text-align:center;
  font-family:"Fraunces", Georgia, serif;
  color:#8E8168; padding:1.5rem;
}
.gorsel__mono b{
  display:block; font-size:clamp(1.15rem,3.2vw,3rem); font-weight:300; letter-spacing:.02em;
  max-width:100%; overflow-wrap:anywhere; line-height:1.1;
}
.gorsel__mono span{
  display:block; margin-top:.55rem;
  font-family:"DM Mono", monospace; font-size:.62rem;
  letter-spacing:.18em; text-transform:uppercase; opacity:.8;
}
.gorsel:has(img){ }
.gorsel img + .gorsel__mono{ display:none; }

/* Oranlar */
.o-manzara{ aspect-ratio:16/10; }
.o-genis  { aspect-ratio:21/9; }
.o-kare   { aspect-ratio:1/1; }
.o-portre { aspect-ratio:4/5; }
.o-uzun   { aspect-ratio:3/4.4; }

/* Kemer maskesi — kilise/pergola/konak kapısı referansı */
.kemer{ clip-path:inset(0 round 50% 50% var(--r-m) var(--r-m)); }
.yuvarlak{ border-radius:var(--r-l); }

/* ---------- 8. Scroll reveal (perde) ---------- */
.ac{
  opacity:0;
  clip-path:inset(0 0 100%);
  will-change:opacity, clip-path;
  transition:opacity .9s var(--gecis), clip-path 1.3s var(--perde), transform 1.1s var(--gecis);
}
.ac.gorundu{ opacity:1; clip-path:inset(0); }

.kay{
  opacity:0; transform:translateY(26px);
  transition:opacity .85s var(--gecis), transform .95s var(--gecis);
}
.kay.gorundu{ opacity:1; transform:none; }

[data-gecikme="1"]{ transition-delay:.09s; }
[data-gecikme="2"]{ transition-delay:.18s; }
[data-gecikme="3"]{ transition-delay:.27s; }
[data-gecikme="4"]{ transition-delay:.36s; }
[data-gecikme="5"]{ transition-delay:.45s; }
[data-gecikme="6"]{ transition-delay:.54s; }
[data-gecikme="7"]{ transition-delay:.63s; }

/* ---------- 9. Header / Nav ---------- */
.ust{
  position:fixed; inset:0 0 auto 0; z-index:100;
  height:var(--nav-h);
  display:flex; align-items:center;
  /* Sayfa tepesinde header koyu hero'nun üstündedir → açık renk yazı */
  color:#F2EFE4;
  transition:background .45s var(--gecis), box-shadow .45s var(--gecis),
             border-color .45s var(--gecis), color .35s var(--gecis);
  border-bottom:1px solid transparent;
}
/* Scroll edilince kağıt zemine oturur → koyu yazı */
.ust--sabit{ color:var(--ink); }
body.menu-acik .ust{ color:var(--ink); }
.ust__ic{
  width:100%; max-width:96rem; margin-inline:auto; padding-inline:var(--kenar);
  display:flex; align-items:center; justify-content:space-between; gap:1.25rem;
}
.ust--sabit{
  background:rgba(245,241,232,.93);
  -webkit-backdrop-filter:saturate(1.6) blur(14px);
  backdrop-filter:saturate(1.6) blur(14px);
  border-bottom-color:rgba(201,196,180,.6);
  box-shadow:0 1px 22px rgba(38,37,31,.055);
}

.logo{ display:flex; align-items:center; gap:.7rem; text-decoration:none; color:inherit; flex:none; }
.logo__mark{
  width:38px; height:38px; flex:none;
  border:1px solid currentColor; border-radius:50% 50% var(--r-s) var(--r-s);
  display:grid; place-items:center;
  font-family:"Fraunces",Georgia,serif; font-size:1rem; font-weight:400;
  letter-spacing:-.02em;
  transition:transform .5s var(--gecis);
}
.logo:hover .logo__mark{ transform:rotate(-4deg) scale(1.04); }
.logo__ad{ display:flex; flex-direction:column; line-height:1.05; }
.logo__ad b{
  font-family:"Fraunces",Georgia,serif; font-weight:350;
  font-size:1.16rem; letter-spacing:.005em;
}
.logo__ad span{
  font-family:"DM Mono",monospace; font-size:.53rem;
  letter-spacing:.235em; text-transform:uppercase; opacity:.72; margin-top:.18rem;
}

.nav{ display:flex; align-items:center; gap:.15rem; }
.nav a{
  position:relative;
  padding:.55rem .78rem;
  font-size:.855rem; font-weight:450; letter-spacing:.005em;
  color:inherit; text-decoration:none; white-space:nowrap;
  border-radius:var(--r-s);
  transition:color .3s;
}
.nav a::after{
  content:""; position:absolute; left:.78rem; right:.78rem; bottom:.3rem;
  height:1px; background:currentColor;
  transform:scaleX(0); transform-origin:left; opacity:.55;
  transition:transform .42s var(--gecis);
}
.nav a:hover::after,.nav a[aria-current="page"]::after{ transform:scaleX(1); }
.nav a[aria-current="page"]{ color:var(--kil); }

/* Açılır alt menü */
.nav__alt{ position:relative; }
.nav__alt > button{
  display:inline-flex; align-items:center; gap:.34rem;
  padding:.55rem .78rem; font-size:.855rem; font-weight:450;
  color:inherit; border-radius:var(--r-s);
}
.nav__alt > button svg{ width:.62em; height:.62em; transition:transform .35s var(--gecis); }
.nav__alt[data-acik="true"] > button svg{ transform:rotate(180deg); }
.nav__panel{
  position:absolute; top:calc(100% + .5rem); left:50%; transform:translate(-50%,-8px);
  min-width:15rem; padding:.5rem;
  background:var(--kagit-alt); border:1px solid var(--sis); border-radius:var(--r-m);
  box-shadow:var(--golge-m);
  display:grid; gap:1px;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .28s var(--gecis), transform .34s var(--gecis), visibility .28s;
}
.nav__alt[data-acik="true"] .nav__panel{
  opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0);
}
.nav__panel a{
  padding:.6rem .8rem; font-size:.85rem; border-radius:var(--r-s);
  color:var(--ink);
}
.nav__panel a::after{ display:none; }
.nav__panel a:hover{ background:var(--tas); color:var(--kil); }

.ust__cta{ display:flex; align-items:center; gap:.6rem; flex:none; }

.menu-btn{
  display:none;
  width:44px; height:44px; place-items:center;
  border:1px solid var(--sis); border-radius:50%;
  color:inherit;
}
.menu-btn span{
  display:block; width:17px; height:1.5px; background:currentColor; border-radius:2px;
  transition:transform .4s var(--gecis), opacity .25s;
}
.menu-btn span + span{ margin-top:4.5px; }
body.menu-acik .menu-btn span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
body.menu-acik .menu-btn span:nth-child(2){ opacity:0; }
body.menu-acik .menu-btn span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

/* Mobil overlay menü */
.mobil{
  position:fixed; inset:0; z-index:99;
  background:var(--kagit);
  padding:calc(var(--nav-h) + 1.5rem) var(--kenar) 2rem;
  overflow-y:auto; overscroll-behavior:contain;
  clip-path:inset(0 0 100%);
  opacity:0; visibility:hidden;
  transition:clip-path .62s var(--perde), opacity .4s var(--gecis), visibility .6s;
}
body.menu-acik .mobil{ clip-path:inset(0); opacity:1; visibility:visible; }
.mobil__nav{ display:grid; }
.mobil__nav a{
  display:flex; align-items:baseline; gap:.85rem;
  padding:.72rem 0;
  border-bottom:1px solid rgba(201,196,180,.55);
  font-family:"Fraunces",Georgia,serif; font-size:1.5rem; font-weight:340;
  letter-spacing:-.015em; color:var(--ink); text-decoration:none;
}
.mobil__nav a i{
  font-family:"DM Mono",monospace; font-style:normal;
  font-size:.6rem; letter-spacing:.1em; color:var(--pirinc); flex:none;
}
.mobil__nav a:hover{ color:var(--kil); }
.mobil__alt{
  margin-top:1.6rem; display:flex; flex-wrap:wrap; gap:.5rem .5rem;
}
.mobil__alt a{
  font-size:.8rem; padding:.42rem .8rem;
  border:1px solid var(--sis); border-radius:100px;
  color:var(--ink-2); text-decoration:none;
}
.mobil__alt a:hover{ border-color:var(--kil); color:var(--kil); }
.mobil__iletisim{
  margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--sis);
  display:grid; gap:.75rem;
}

/* ---------- 10. Hero ---------- */
.hero{
  position:relative; isolation:isolate;
  min-height:min(100svh, 62rem);
  display:flex; align-items:flex-end;
  padding-top:calc(var(--nav-h) + 2rem);
  padding-bottom:clamp(2.5rem,6vw,4.5rem);
  color:#F4F1E7;
  overflow:hidden;
}
.hero__medya{ position:absolute; inset:0; z-index:-2; background:var(--gece); }
.hero__medya img,.hero__medya video{
  width:100%; height:100%; object-fit:cover;
  opacity:0; transition:opacity 1.4s var(--gecis);
}
.hero__medya img.yuklendi,.hero__medya video.yuklendi{ opacity:1; }
/* Triptik: üç dikey fotoğraf yan yana. Kaynaklar 9:16 olduğu için
   her panel neredeyse kendi çözünürlüğünde görünür — büyütme yok. */
.hero__uclu{
  position:absolute; inset:0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:0;
}
.hero__uclu img{
  width:100%; height:100%; object-fit:cover;
  /* Fotoğrafı bir tık kısıp doygunluğunu düşürüyoruz: başlık her koşulda okunur kalsın */
  filter:brightness(.78) saturate(.88) contrast(1.04);
  opacity:0; transition:opacity 1.2s var(--gecis);
}
.hero__uclu img.yuklendi{ opacity:1; }
.hero__uclu img:nth-child(2){ transition-delay:.12s; }
.hero__uclu img:nth-child(3){ transition-delay:.24s; }
/* Panel aralarına ince ışık çizgisi — birleşimi kasıtlı gösterir */
.hero__uclu::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg, transparent calc(33.333% - 1px), rgba(245,241,232,.14) 33.333%,
                    transparent calc(33.333% + 1px), transparent calc(66.666% - 1px),
                    rgba(245,241,232,.14) 66.666%, transparent calc(66.666% + 1px));
}
@media (max-width:860px){
  .hero__uclu{ grid-template-columns:1fr; }
  .hero__uclu img:nth-child(n+2){ display:none; }
  .hero__uclu::after{ display:none; }
}
/* Geniş tek fotoğraf konulduğunda triptik gizlenir (JS yönetir) */
.hero__medya[data-tek="true"] .hero__uclu{ display:none; }

.hero__medya::before{ /* foto yokken kullanılan atmosferik zemin */
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(80% 60% at 18% 8%,  rgba(168,148,116,.34) 0%, transparent 62%),
    radial-gradient(70% 55% at 88% 92%, rgba(90,99,80,.42)   0%, transparent 60%),
    linear-gradient(168deg, #3B3E33 0%, #2A2D24 42%, #1E211A 100%);
}
/* İki katmanlı perde: dikey (alt künye + üst header için) + yatay (sol metin sütunu için).
   Metin fotoğrafın hangi bölgesine denk gelirse gelsin WCAG kontrastı korunur. */
.hero__perde{
  position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(to top,
      rgba(18,20,15,.93) 0%, rgba(18,20,15,.58) 34%,
      rgba(18,20,15,.34) 62%, rgba(18,20,15,.66) 100%),
    linear-gradient(100deg,
      rgba(18,20,15,.86) 0%, rgba(18,20,15,.66) 34%,
      rgba(18,20,15,.30) 66%, rgba(18,20,15,.42) 100%);
}
@media (max-width:860px){
  .hero__perde{
    background:linear-gradient(to top,
      rgba(18,20,15,.94) 0%, rgba(18,20,15,.72) 40%,
      rgba(18,20,15,.52) 72%, rgba(18,20,15,.70) 100%);
  }
}
.hero__ic{
  position:relative; z-index:1;
  width:100%; max-width:96rem; margin-inline:auto; padding-inline:var(--kenar);
}
.hero .eyebrow{ color:#D9CDB4; }
.hero .eyebrow::before{ background:#D9CDB4; }
/* Sekmeli hero'da yalnızca ilk panel gerçek h1'dir (SEO: tek h1).
   Diğer paneller görsel olarak aynı, semantik olarak aria-level=2. */
.hero h1,.hero__h1{
  color:#F7F4EA; max-width:16ch; margin:0;
  font-family:"Fraunces","Cormorant Garamond",Georgia,serif;
  font-weight:340; letter-spacing:-.021em; line-height:1.06;
  font-size:clamp(2.5rem, 1.4rem + 5vw, 5.4rem);
  text-wrap:balance;
}
.hero__alt{
  margin-top:var(--sp-5);
  max-width:44ch;
  font-size:clamp(1.02rem,.98rem + .35vw,1.22rem);
  color:#DCD7C9; line-height:1.55;
}

/* Hero sekmeleri (segment ayrıştırıcı) */
.hero__sekme{
  display:flex; flex-wrap:wrap; gap:.4rem;
  margin-bottom:var(--sp-5);
}
.hero__sekme button{
  padding:.44rem 1rem;
  border:1px solid rgba(244,241,231,.3); border-radius:100px;
  font-family:"DM Mono",monospace; font-size:.66rem;
  letter-spacing:.13em; text-transform:uppercase;
  color:#DCD7C9;
  transition:background .35s var(--gecis), color .35s var(--gecis), border-color .35s var(--gecis);
}
.hero__sekme button[aria-selected="true"]{
  background:#F4F1E7; color:var(--gece); border-color:#F4F1E7;
}
.hero__sekme button:hover{ border-color:#F4F1E7; }

.hero__panel[hidden]{ display:none; }
.hero__panel{ animation:panelAc .7s var(--gecis) both; }
@keyframes panelAc{ from{opacity:0; transform:translateY(14px);} to{opacity:1;transform:none;} }

/* Hero künye şeridi */
.hero__kunye{
  margin-top:clamp(2.2rem,5vw,3.4rem);
  padding-top:1.5rem;
  border-top:1px solid rgba(244,241,231,.22);
  display:flex; flex-wrap:wrap; gap:1.2rem 2.6rem;
  align-items:baseline;
}
.hero__kunye div{ display:flex; flex-direction:column; gap:.2rem; }
.hero__kunye b{
  font-family:"Fraunces",Georgia,serif; font-weight:340;
  font-size:clamp(1.5rem,1.2rem + 1.2vw,2.15rem); color:#F7F4EA; line-height:1;
}
.hero__kunye span{
  font-family:"DM Mono",monospace; font-size:.62rem;
  letter-spacing:.15em; text-transform:uppercase; color:#B9B3A2;
}

.hero__ipucu{
  position:absolute; left:50%; bottom:1.1rem; z-index:2;
  transform:translateX(-50%);
  display:grid; place-items:center; gap:.5rem;
  font-family:"DM Mono",monospace; font-size:.58rem;
  letter-spacing:.2em; text-transform:uppercase; color:rgba(244,241,231,.62);
}
.hero__ipucu i{
  display:block; width:1px; height:34px;
  background:linear-gradient(to bottom, rgba(244,241,231,.7), transparent);
  animation:ipucu 2.4s var(--gecis) infinite;
}
@keyframes ipucu{ 0%{transform:scaleY(0);transform-origin:top} 45%{transform:scaleY(1);transform-origin:top}
                  55%{transform:scaleY(1);transform-origin:bottom} 100%{transform:scaleY(0);transform-origin:bottom} }

/* Sayfa başlığı (alt sayfalar) */
.sayfa-bas{
  position:relative; isolation:isolate;
  padding-top:calc(var(--nav-h) + clamp(4rem,9vw,7rem));
  padding-bottom:clamp(3rem,7vw,5.5rem);
  color:#F4F1E7; overflow:hidden;
}
.sayfa-bas__medya{ position:absolute; inset:0; z-index:-2; }
.sayfa-bas__medya::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(75% 60% at 20% 10%, rgba(168,148,116,.30) 0%, transparent 60%),
    radial-gradient(70% 55% at 85% 90%, rgba(90,99,80,.40) 0%, transparent 58%),
    linear-gradient(165deg,#3A3D32 0%,#292C23 46%,#1F221B 100%);
}
.sayfa-bas__medya img{ width:100%; height:100%; object-fit:cover; opacity:.5; }
.sayfa-bas::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(to top, rgba(20,22,17,.72), rgba(20,22,17,.30));
}
.sayfa-bas h1{ color:#F7F4EA; max-width:18ch; }
.sayfa-bas .eyebrow{ color:#D9CDB4; }
.sayfa-bas .eyebrow::before{ background:#D9CDB4; }
.sayfa-bas p{ color:#DCD7C9; max-width:52ch; margin-top:var(--sp-5); font-size:1.08rem; }

/* Breadcrumb */
.kirinti{
  display:flex; flex-wrap:wrap; gap:.4rem; align-items:center;
  font-family:"DM Mono",monospace; font-size:.64rem;
  letter-spacing:.1em; text-transform:uppercase;
  margin-bottom:var(--sp-5); color:rgba(244,241,231,.62);
  list-style:none;
}
.kirinti a{ color:inherit; text-decoration:none; }
.kirinti a:hover{ color:#F4F1E7; }
.kirinti li::after{ content:"/"; margin-left:.4rem; opacity:.5; }
.kirinti li:last-child::after{ display:none; }
.kirinti li{ display:flex; align-items:center; }

/* ---------- 11. Rakam şeridi ---------- */
.rakamlar{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));
  border-top:1px solid var(--sis);
}
.rakamlar > div{
  padding:clamp(1.6rem,3vw,2.4rem) clamp(1rem,2vw,1.75rem);
  border-bottom:1px solid var(--sis);
  border-right:1px solid var(--sis);
}
.rakamlar > div:last-child{ border-right:0; }
.rakamlar b{
  display:block;
  font-family:"Fraunces",Georgia,serif; font-weight:330;
  font-size:clamp(2.1rem,1.5rem + 2.2vw,3.3rem); line-height:1;
  color:var(--ink); letter-spacing:-.03em;
}
.rakamlar b i{ font-style:normal; font-size:.46em; color:var(--kil); margin-left:.14em; letter-spacing:0; }
.rakamlar span{
  display:block; margin-top:.6rem;
  font-family:"DM Mono",monospace; font-size:.64rem;
  letter-spacing:.15em; text-transform:uppercase; color:var(--ink-3);
}
.rakamlar small{
  display:block; margin-top:.45rem; font-size:.82rem; line-height:1.45; color:var(--ink-2);
}
@media (max-width:640px){
  .rakamlar > div{ border-right:0; }
}

/* ---------- 12. İkili blok (metin + görsel) ---------- */
.ikili{
  display:grid; gap:clamp(2rem,5vw,4.5rem);
  align-items:center;
  grid-template-columns:1fr;
}
@media (min-width:900px){
  .ikili{ grid-template-columns:1fr 1fr; }
  .ikili--ters .ikili__metin{ order:2; }
  .ikili--dar-metin{ grid-template-columns:.85fr 1.15fr; }
}
.ikili__metin{ max-width:44rem; }
.ikili__medya{ position:relative; min-width:0; }
.ikili__metin{ min-width:0; }
.ikili__medya .rozet{
  position:absolute; z-index:4; right:.6rem; bottom:-.4rem;
  background:var(--kagit-alt); border:1px solid var(--sis);
  border-radius:var(--r-m); padding:.85rem 1.1rem;
  box-shadow:var(--golge-m);
  display:grid; gap:.15rem; max-width:13rem;
}
.rozet b{
  font-family:"Fraunces",Georgia,serif; font-weight:340; font-size:1.35rem; line-height:1;
}
.rozet span{
  font-family:"DM Mono",monospace; font-size:.58rem;
  letter-spacing:.14em; text-transform:uppercase; color:var(--ink-3);
}

/* Sayılı liste (özellik) */
.ozellik-liste{ list-style:none; display:grid; gap:1.15rem; margin-top:var(--sp-6); }
.ozellik-liste li{
  display:grid; grid-template-columns:auto 1fr; gap:.9rem; align-items:start;
  padding-bottom:1.15rem; border-bottom:1px solid rgba(201,196,180,.6);
}
.ozellik-liste li:last-child{ border-bottom:0; padding-bottom:0; }
.ozellik-liste i{
  font-family:"DM Mono",monospace; font-style:normal;
  font-size:.66rem; letter-spacing:.08em; color:var(--pirinc);
  padding-top:.42rem;
}
.blok--gece .ozellik-liste li{ border-bottom-color:rgba(232,228,217,.16); }
.ozellik-liste strong{ display:block; font-weight:600; font-size:1rem; margin-bottom:.2rem; }
.ozellik-liste p{ font-size:.94rem; color:var(--ink-2); margin:0; }
.blok--gece .ozellik-liste p{ color:#B7B3A5; }

/* ---------- 13. Alanlar turu (pinned) ---------- */
.tur{ position:relative; }
@media (min-width:1000px){
  .tur__izgara{ display:grid; grid-template-columns:1fr 1.05fr; gap:clamp(2rem,5vw,5rem); align-items:start; }
  .tur__sahne{
    position:sticky; top:calc(var(--nav-h) + 2.5rem);
    height:min(72vh,40rem);
    border-radius:var(--r-l); overflow:hidden;
  }
  .tur__kat{
    position:absolute; inset:0;
    clip-path:inset(50% round var(--r-l));
    transition:clip-path 1s var(--perde), opacity .7s var(--gecis);
    opacity:0;
  }
  .tur__kat[data-aktif="true"]{ clip-path:inset(0 round var(--r-l)); opacity:1; }
  .tur__kat .gorsel{ width:100%; height:100%; aspect-ratio:auto; }
  .tur__adimlar{ display:grid; }
  .tur__adim{ min-height:min(72vh,40rem); display:flex; flex-direction:column; justify-content:center; padding-block:2rem; }
  .tur__adim .tur__mobil-medya{ display:none; }
}
@media (max-width:999px){
  .tur__sahne{ display:none; }
  .tur__adim{ padding-block:clamp(1.75rem,5vw,2.75rem); border-bottom:1px solid var(--sis); }
  .tur__adim:last-child{ border-bottom:0; }
  .tur__mobil-medya{ margin-bottom:1.35rem; }
}
.tur__adim h3{ margin-bottom:.9rem; }
.tur__no{
  font-family:"DM Mono",monospace; font-size:.66rem;
  letter-spacing:.18em; text-transform:uppercase; color:var(--pirinc);
  display:block; margin-bottom:.85rem;
}
.tur__ozet{
  display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1.35rem;
}
.tur__ozet span{
  font-family:"DM Mono",monospace; font-size:.63rem;
  letter-spacing:.09em; text-transform:uppercase;
  padding:.35rem .7rem; border:1px solid var(--sis); border-radius:100px;
  color:var(--ink-2);
}
.blok--gece .tur__ozet span{ border-color:rgba(232,228,217,.25); color:#C6C2B4; }

/* ---------- 14. Kart ızgarası ---------- */
.kart{
  position:relative; display:flex; flex-direction:column;
  background:var(--kagit-alt);
  border:1px solid var(--sis); border-radius:var(--r-m);
  overflow:hidden; text-decoration:none; color:inherit;
  transition:transform .5s var(--gecis), box-shadow .5s var(--gecis), border-color .4s;
}
a.kart:hover{ transform:translateY(-5px); box-shadow:var(--golge-m); border-color:var(--pirinc); }
.kart .gorsel{ border-radius:0; }
.kart__govde{ padding:clamp(1.15rem,2.2vw,1.6rem); display:flex; flex-direction:column; flex:1; gap:.55rem; }
.kart__govde h3{ font-size:clamp(1.15rem,1.05rem + .4vw,1.42rem); }
.kart__govde p{ font-size:.93rem; color:var(--ink-2); margin:0; flex:1; }
.kart__ok{
  display:inline-flex; align-items:center; gap:.4rem; margin-top:.5rem;
  font-family:"DM Mono",monospace; font-size:.66rem;
  letter-spacing:.13em; text-transform:uppercase; color:var(--kil);
}
.kart__ok svg{ width:.85em; height:.85em; transition:transform .4s var(--gecis); }
a.kart:hover .kart__ok svg{ transform:translateX(5px); }
.kart__etiket{
  position:absolute; z-index:5; top:.85rem; left:.85rem;
  background:rgba(245,241,232,.94); color:var(--ink);
  font-family:"DM Mono",monospace; font-size:.6rem;
  letter-spacing:.12em; text-transform:uppercase;
  padding:.32rem .62rem; border-radius:100px;
}

/* ---------- 15. Galeri (native yatay scroll) ---------- */
.serit{
  display:flex; gap:clamp(.75rem,1.6vw,1.25rem);
  overflow-x:auto; overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none; -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  padding-inline:var(--kenar);
  padding-bottom:.5rem;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%);
}
.serit::-webkit-scrollbar{ display:none; }
.serit > *{ scroll-snap-align:center; flex:0 0 auto; width:min(78vw, 26rem); }
.serit figure{ position:relative; }
.serit figcaption{
  margin-top:.7rem;
  font-family:"DM Mono",monospace; font-size:.62rem;
  letter-spacing:.11em; text-transform:uppercase; color:var(--ink-3);
}
.serit-kontrol{
  display:flex; gap:.5rem; justify-content:flex-end;
  padding-inline:var(--kenar); margin-top:1.25rem;
  max-width:96rem; margin-inline:auto;
}
.serit-kontrol button{
  width:44px; height:44px; display:grid; place-items:center;
  border:1px solid var(--sis); border-radius:50%;
  color:var(--ink); transition:background .3s, color .3s, border-color .3s;
}
.serit-kontrol button:hover{ background:var(--ink); color:var(--kagit); border-color:var(--ink); }
.serit-kontrol button svg{ width:16px; height:16px; }
.blok--gece .serit-kontrol button{ border-color:rgba(232,228,217,.3); color:#E8E4D9; }
.blok--gece .serit-kontrol button:hover{ background:#E8E4D9; color:var(--gece); }

/* Mozaik galeri */
.mozaik{
  display:grid; gap:clamp(.6rem,1.4vw,1rem);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.mozaik > *{ margin:0; }
@media (min-width:820px){
  .mozaik{ grid-template-columns:repeat(4,1fr); grid-auto-rows:14rem; }
  .mozaik > *{ grid-column:span 1; grid-row:span 1; }
  .mozaik > .m-buyuk{ grid-column:span 2; grid-row:span 2; }
  .mozaik > .m-genis{ grid-column:span 2; }
  .mozaik > .m-uzun{ grid-row:span 2; }
  .mozaik .gorsel{ width:100%; height:100%; aspect-ratio:auto; }
}

/* Lightbox */
.kutu{
  position:fixed; inset:0; z-index:200;
  background:rgba(20,22,17,.94);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  display:grid; place-items:center; padding:clamp(1rem,4vw,3rem);
  opacity:0; visibility:hidden; transition:opacity .35s var(--gecis), visibility .35s;
}
.kutu[data-acik="true"]{ opacity:1; visibility:visible; }
.kutu img{ max-width:100%; max-height:82vh; border-radius:var(--r-m); box-shadow:var(--golge-l); }
.kutu figcaption{
  margin-top:1rem; text-align:center; color:#CFCABA;
  font-family:"DM Mono",monospace; font-size:.66rem; letter-spacing:.12em; text-transform:uppercase;
}
.kutu__kapat,.kutu__gez{
  position:absolute; display:grid; place-items:center;
  width:48px; height:48px; border-radius:50%;
  border:1px solid rgba(244,241,231,.3); color:#F4F1E7;
  transition:background .3s,color .3s;
}
.kutu__kapat:hover,.kutu__gez:hover{ background:#F4F1E7; color:var(--gece); }
.kutu__kapat{ top:1.25rem; right:1.25rem; }
.kutu__gez[data-yon="onceki"]{ left:1.25rem; top:50%; transform:translateY(-50%); }
.kutu__gez[data-yon="sonraki"]{ right:1.25rem; top:50%; transform:translateY(-50%); }
.kutu svg{ width:18px; height:18px; }

/* ---------- 16. Yorumlar ---------- */
.puanlar{
  display:flex; flex-wrap:wrap; gap:1.25rem 2.75rem; align-items:center;
  padding:1.5rem 0; border-block:1px solid var(--sis);
}
.puan{ display:flex; align-items:center; gap:.7rem; }
.puan b{
  font-family:"Fraunces",Georgia,serif; font-weight:340; font-size:1.85rem; line-height:1;
}
.puan div{ display:grid; gap:.1rem; }
.puan span{
  font-family:"DM Mono",monospace; font-size:.6rem;
  letter-spacing:.13em; text-transform:uppercase; color:var(--ink-3);
}
.puan small{ font-size:.78rem; color:var(--ink-2); }
.yildiz{ color:var(--kil); letter-spacing:.08em; font-size:.82rem; }

.yorum{
  display:flex; flex-direction:column; gap:1rem;
  padding:clamp(1.4rem,2.6vw,2rem);
  background:var(--kagit-alt);
  border:1px solid var(--sis); border-radius:var(--r-m);
}
.yorum blockquote{
  margin:0; font-family:"Fraunces",Georgia,serif; font-weight:340;
  font-size:clamp(1.08rem,1rem + .45vw,1.3rem); line-height:1.42;
  letter-spacing:-.01em;
}
.yorum blockquote::before{ content:"“"; color:var(--pirinc); }
.yorum blockquote::after{ content:"”"; color:var(--pirinc); }
.yorum footer{
  margin-top:auto; display:flex; flex-wrap:wrap; gap:.35rem .8rem; align-items:baseline;
  font-family:"DM Mono",monospace; font-size:.62rem;
  letter-spacing:.11em; text-transform:uppercase; color:var(--ink-3);
}
.yorum footer b{ color:var(--ink); font-weight:400; }

/* ---------- 17. Özellik rozetleri ---------- */
.rozetler{
  display:grid; gap:.7rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr));
  list-style:none;
}
.rozetler li{
  display:flex; align-items:center; gap:.7rem;
  padding:.85rem 1rem;
  background:var(--kagit-alt); border:1px solid var(--sis); border-radius:var(--r-m);
  font-size:.9rem; line-height:1.35;
}
.blok--gece .rozetler li{ background:var(--gece-2); border-color:rgba(232,228,217,.16); color:#DDD9CB; }
.rozetler svg{ width:18px; height:18px; flex:none; color:var(--kil); }
.blok--gece .rozetler svg{ color:var(--pirinc); }

/* ---------- 18. SSS ---------- */
.sss{ display:grid; }
.sss details{
  border-bottom:1px solid var(--sis);
}
.sss details[open]{ background:linear-gradient(var(--kagit-alt),var(--kagit-alt)) padding-box; }
.sss summary{
  display:flex; align-items:flex-start; justify-content:space-between; gap:1.25rem;
  padding:1.15rem clamp(.5rem,1.5vw,1rem);
  cursor:pointer; list-style:none;
  font-family:"Fraunces",Georgia,serif; font-weight:350;
  font-size:clamp(1.02rem,.98rem + .35vw,1.22rem); line-height:1.35;
  letter-spacing:-.012em;
  transition:color .3s;
}
.sss summary::-webkit-details-marker{ display:none; }
.sss summary:hover{ color:var(--kil); }
.sss summary i{
  flex:none; width:22px; height:22px; margin-top:.18rem;
  border:1px solid var(--sis); border-radius:50%;
  display:grid; place-items:center; position:relative;
  transition:background .3s, border-color .3s;
}
.sss summary i::before,.sss summary i::after{
  content:""; position:absolute; background:currentColor; border-radius:2px;
}
.sss summary i::before{ width:9px; height:1.2px; }
.sss summary i::after{ width:1.2px; height:9px; transition:transform .35s var(--gecis); }
.sss details[open] summary i::after{ transform:scaleY(0); }
.sss details[open] summary i{ border-color:var(--kil); color:var(--kil); }
.sss__cevap{ padding:0 clamp(.5rem,1.5vw,1rem) 1.35rem; max-width:62ch; }
.sss__cevap p{ font-size:.98rem; color:var(--ink-2); }
.sss__cevap ul{ padding-left:1.1rem; margin:.6rem 0 0; }
.sss__cevap li{ font-size:.95rem; color:var(--ink-2); margin-bottom:.35rem; }

/* ---------- 19. Form ---------- */
.form{
  display:grid; gap:1.1rem;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
}
.alan{ display:grid; gap:.42rem; }
.alan--tam{ grid-column:1/-1; }
.alan label{
  font-family:"DM Mono",monospace; font-size:.63rem;
  letter-spacing:.13em; text-transform:uppercase; color:var(--ink-3);
}
.alan label em{ font-style:normal; color:var(--kil); }
.alan input,.alan select,.alan textarea{
  width:100%; padding:.82rem .95rem;
  background:var(--kagit-alt);
  border:1px solid var(--sis); border-radius:var(--r-s);
  font-size:.98rem; color:var(--ink);
  transition:border-color .3s, box-shadow .3s, background .3s;
}
.alan textarea{ min-height:7.5rem; resize:vertical; }
.alan select{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236E6B60' stroke-width='1.4'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 1rem center;
  padding-right:2.4rem;
}
.alan input:focus,.alan select:focus,.alan textarea:focus{
  outline:none; border-color:var(--kil);
  box-shadow:0 0 0 3px rgba(155,90,60,.13);
}
.alan input::placeholder,.alan textarea::placeholder{ color:#A9A497; }
.alan small{ font-size:.78rem; color:var(--ink-3); }

.onay{
  grid-column:1/-1;
  display:grid; grid-template-columns:auto 1fr; gap:.7rem; align-items:start;
}
.onay input{
  width:19px; height:19px; margin-top:.2rem; accent-color:var(--kil); cursor:pointer;
}
.onay label{
  font-family:inherit; font-size:.85rem; text-transform:none; letter-spacing:0;
  color:var(--ink-2); line-height:1.5;
}

.form__gonder{ grid-column:1/-1; display:flex; flex-wrap:wrap; gap:.85rem; align-items:center; }
.form__not{ font-size:.82rem; color:var(--ink-3); }

.blok--gece .alan input,.blok--gece .alan select,.blok--gece .alan textarea{
  background:var(--gece-2); border-color:rgba(232,228,217,.2); color:#EEEBE0;
}
.blok--gece .alan label{ color:#ADA898; }
.blok--gece .onay label,.blok--gece .form__not{ color:#B7B3A5; }

/* ---------- 20. İletişim kartları ---------- */
.iletisim-kart{
  display:flex; flex-direction:column; gap:.5rem;
  padding:clamp(1.25rem,2.4vw,1.75rem);
  background:var(--kagit-alt); border:1px solid var(--sis); border-radius:var(--r-m);
  text-decoration:none; color:inherit;
  transition:transform .45s var(--gecis), box-shadow .45s var(--gecis), border-color .3s;
}
a.iletisim-kart:hover{ transform:translateY(-4px); box-shadow:var(--golge-m); border-color:var(--pirinc); }
.iletisim-kart__ikon{
  width:42px; height:42px; display:grid; place-items:center;
  border-radius:50%; background:var(--tas); color:var(--kil); margin-bottom:.35rem;
}
.iletisim-kart__ikon svg{ width:19px; height:19px; }
.iletisim-kart h3{ font-size:1.12rem; }
.iletisim-kart p{ font-size:.9rem; color:var(--ink-2); margin:0; }
.iletisim-kart b{
  margin-top:.35rem;
  font-family:"DM Mono",monospace; font-size:.82rem; font-weight:400;
  letter-spacing:.04em; color:var(--kil);
}
.blok--gece .iletisim-kart{ background:var(--gece-2); border-color:rgba(232,228,217,.16); }
.blok--gece .iletisim-kart p{ color:#B7B3A5; }
.blok--gece .iletisim-kart__ikon{ background:rgba(232,228,217,.1); color:var(--pirinc); }
.blok--gece .iletisim-kart b{ color:var(--pirinc); }

/* Harita */
/* width:100% ZORUNLU — yoksa min-height + aspect-ratio genişliği hesaplayıp
   kutuyu kabından taşırıyor ve mobilde tüm sayfaya yatay kaydırma açıyor. */
.harita{
  width:100%; max-width:100%;
  border:1px solid var(--sis); border-radius:var(--r-m); overflow:hidden;
  background:var(--tas);
  aspect-ratio:16/10; min-height:17rem;
}
.harita iframe{ width:100%; height:100%; border:0; display:block; filter:saturate(.82) contrast(1.02); }

/* ---------- 21. Instagram ---------- */
.ig-bas{
  display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
  text-decoration:none; color:inherit; margin-bottom:2rem;
}
.ig-avatar{
  width:58px; height:58px; border-radius:50%; flex:none;
  background:conic-gradient(from 210deg,#B45B3E,#C98B4B,#9B5A3C,#7E4830,#B45B3E);
  display:grid; place-items:center;
}
.ig-avatar i{
  width:50px; height:50px; border-radius:50%;
  background:var(--kagit); color:var(--ink);
  display:grid; place-items:center;
  font-family:"Fraunces",Georgia,serif; font-style:normal; font-size:1.25rem;
}
.blok--gece .ig-avatar i{ background:var(--gece); color:#F2EFE4; }
.ig-bas b{ display:block; font-size:1.02rem; font-weight:600; }
.ig-bas span{ display:block; font-size:.86rem; color:var(--ink-3); }
.blok--gece .ig-bas span{ color:#AAA595; }

.ig-yuva{ min-height:6rem; }
.ig-yedek{
  display:grid; gap:clamp(.4rem,1vw,.75rem);
  grid-template-columns:repeat(2,1fr);
}
@media (min-width:560px){ .ig-yedek{ grid-template-columns:repeat(4,1fr); } }
.ig-kare{
  position:relative; display:block; overflow:hidden;
  border-radius:var(--r-s); text-decoration:none;
}
.ig-kare .gorsel{ border-radius:0; }
.ig-kare .gorsel img{
  transition:transform .8s var(--gecis), filter .5s var(--gecis);
}
.ig-kare:hover .gorsel img{ transform:scale(1.06); filter:brightness(.72); }
.ig-kare__ust{
  position:absolute; inset:0; z-index:4;
  display:grid; place-items:center;
  color:#fff; opacity:0;
  background:rgba(24,26,20,.18);
  transition:opacity .4s var(--gecis);
  pointer-events:none;
}
.ig-kare:hover .ig-kare__ust,
.ig-kare:focus-visible .ig-kare__ust{ opacity:1; }
.ig-kare__ust svg{ width:26px; height:26px; }
@media (hover:none){
  .ig-kare__ust{ opacity:1; background:transparent; }
  .ig-kare__ust svg{ width:20px; height:20px; opacity:.9;
    position:absolute; right:.5rem; top:.5rem;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.55)); }
}
/* Elfsight canlı akış devreye girerse sabit ızgara gizlenir */
.ig-yuva[data-canli="true"] .ig-yedek{ display:none; }

/* ---------- 22. Yüzen aksiyonlar ---------- */
.yuzen{
  position:fixed; right:clamp(.9rem,2.2vw,1.5rem); bottom:clamp(.9rem,2.2vw,1.5rem);
  z-index:90; display:grid; gap:.6rem; justify-items:end;
}
.yuzen a{
  width:52px; height:52px; display:grid; place-items:center;
  border-radius:50%; color:#fff; text-decoration:none;
  box-shadow:0 6px 20px rgba(38,37,31,.25);
  transition:transform .4s var(--gecis), box-shadow .4s var(--gecis);
}
.yuzen a:hover{ transform:translateY(-3px) scale(1.05); box-shadow:0 10px 28px rgba(38,37,31,.32); color:#fff; }
.yuzen svg{ width:24px; height:24px; }
.yuzen__wa{ background:#1FA855; }
.yuzen__tel{ background:var(--kil); }
.yuzen__tel svg{ width:21px; height:21px; }

/* ---------- 23. Footer ---------- */
.alt{
  background:var(--gece); color:#C6C2B4;
  padding-block:clamp(3.5rem,7vw,5.5rem) 2rem;
}
.alt a{ color:#C6C2B4; text-decoration:none; }
.alt a:hover{ color:#F2EFE4; }
.alt__ust{
  display:grid; gap:clamp(2rem,4vw,3.5rem);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));
  padding-bottom:clamp(2.5rem,5vw,3.5rem);
  border-bottom:1px solid rgba(232,228,217,.16);
}
.alt__marka{ grid-column:span 1; }
@media (min-width:900px){ .alt__marka{ grid-column:span 1; max-width:22rem; } }
.alt__marka .logo{ color:#F2EFE4; margin-bottom:1.1rem; }
.alt__marka p{ font-size:.92rem; line-height:1.6; }
.alt h4{
  color:#F2EFE4;
  font-family:"DM Mono",monospace; font-size:.63rem; font-weight:400;
  letter-spacing:.16em; text-transform:uppercase;
  margin-bottom:1.1rem;
}
.alt ul{ list-style:none; display:grid; gap:.55rem; }
.alt li{ font-size:.9rem; line-height:1.45; }
.alt__sosyal{ display:flex; gap:.55rem; margin-top:1.35rem; }
.alt__sosyal a{
  width:40px; height:40px; display:grid; place-items:center;
  border:1px solid rgba(232,228,217,.24); border-radius:50%;
  transition:background .3s, color .3s, border-color .3s;
}
.alt__sosyal a:hover{ background:#F2EFE4; color:var(--gece); border-color:#F2EFE4; }
.alt__sosyal svg{ width:17px; height:17px; }
.alt__son{
  padding-top:1.6rem;
  display:flex; flex-wrap:wrap; gap:.6rem 1.5rem;
  justify-content:space-between; align-items:center;
  font-size:.78rem; color:#8E8A7C;
}
.alt__son nav{ display:flex; flex-wrap:wrap; gap:.4rem 1.15rem; }
.alt__domain{
  margin-top:1.1rem; font-family:"DM Mono",monospace;
  font-size:.6rem; letter-spacing:.1em; color:#75715F;
}

/* ---------- 24. Yardımcılar ---------- */
.merkez{ text-align:center; }
.mt-0{ margin-top:0; } .mt-4{ margin-top:var(--sp-4); } .mt-6{ margin-top:var(--sp-6); }
.mt-7{ margin-top:var(--sp-7); }
.ince-ayrac{ height:1px; background:var(--sis); border:0; margin:0; }
.gizle-mobil{ }
@media (max-width:720px){ .gizle-mobil{ display:none !important; } }

.not-kutu{
  padding:1.1rem 1.35rem;
  background:var(--tas); border-left:2px solid var(--kil); border-radius:0 var(--r-s) var(--r-s) 0;
  font-size:.93rem; color:var(--ink-2);
}
.blok--gece .not-kutu{ background:var(--gece-2); color:#C6C2B4; }

/* ---------- 25. Responsive ---------- */
@media (max-width:1120px){
  .nav{ display:none; }
  .menu-btn{ display:grid; }
  .ust__cta .btn--masaustu{ display:none; }
}
@media (max-width:860px){
  /* Mobilde künye şeridi ekranın altına dayanıyor; kaydırma ipucu üstüne biniyordu */
  .hero__ipucu{ display:none; }
  .hero__kunye{ gap:1rem 1.75rem; }
  .hero__kunye div{ flex:1 1 40%; min-width:8.5rem; }
}
@media (max-width:520px){
  .btn{ padding:.85rem 1.35rem; font-size:.86rem; }
  .btn-grup > .btn{ flex:1 1 100%; }
  .hero{ min-height:auto; padding-top:calc(var(--nav-h) + 3.5rem); }
  /* Dokunmatikte 44x44 minimum hedef alanı */
  .nav__panel a,.sss summary{ min-height:44px; }
}

/* ---------- 26. Hareket azaltma ---------- */
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{
    animation-duration:.01ms !important; animation-iteration-count:1 !important;
    transition-duration:.01ms !important; scroll-behavior:auto !important;
  }
  .ac,.kay{ opacity:1 !important; clip-path:none !important; transform:none !important; }
  .tur__kat{ clip-path:none !important; }
  .hero__ipucu i{ animation:none; }
}

/* Dokunmatikte hover efektlerini kapat */
@media (hover:none){
  a.kart:hover,a.iletisim-kart:hover,.btn:hover,.yuzen a:hover{ transform:none; }
}

/* ---------- 27. Yazdırma ---------- */
@media print{
  .ust,.mobil,.yuzen,.serit-kontrol,.hero__ipucu,.kutu{ display:none !important; }
  body{ background:#fff; color:#000; font-size:11pt; }
  .blok{ padding-block:1.5rem; }
  .gorsel{ display:none; }
  a[href^="http"]::after{ content:" (" attr(href) ")"; font-size:8pt; color:#555; }
}