/* ==========================================================
   Hanifi Kuaför — ortak stil
   Renk: mürekkep siyahı · fildişi · altın · şarap
   Tipografi: Bodoni Moda (başlık) + Jost (metin)
   ========================================================== */

:root{
  --murekkep:#0E0D0C;
  --duman:#151312;
  --gece:#1C1917;
  --kat:#252120;
  --fildisi:#F4F0EA;
  --fildisi-yumusak:#EAE3D9;
  --sis:#A79E94;
  --altin:#D8AD5F;
  --altin-sicak:#EFD3A0;
  --altin-koyu:#8C6C2C;
  --sarap:#7A2436;

  --cizgi:rgba(216,173,95,.22);
  --cizgi-sessiz:rgba(244,240,234,.10);

  --olcu:1180px;
  --bosluk:clamp(22px,5vw,40px);
  --yumusak:cubic-bezier(.22,.61,.36,1);
  --sert:cubic-bezier(.76,0,.24,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--murekkep);
  color:var(--fildisi);
  font-family:'Jost',system-ui,'Segoe UI',sans-serif;
  font-size:16px;
  line-height:1.65;
  font-weight:300;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
ul{list-style:none}

::selection{background:var(--altin);color:var(--murekkep)}

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

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

/* ---------- tipografi ---------- */

h1,h2,h3,.gosteri{
  font-family:'Bodoni Moda',Georgia,'Times New Roman',serif;
  font-weight:400;
  line-height:1.05;
  letter-spacing:-.005em;
}

.etiket{
  font-size:10.5px;
  font-weight:500;
  letter-spacing:.42em;
  text-transform:uppercase;
  color:var(--altin);
  display:block;
}

.lede{color:var(--sis);font-size:clamp(15px,1.5vw,17px);line-height:1.8;max-width:62ch}

.altin{color:var(--altin)}

/* ---------- kabuk ---------- */

.kabuk{width:min(100% - (var(--bosluk) * 2),var(--olcu));margin-inline:auto}

.bolum{padding:clamp(64px,9vw,116px) 0}
.bolum--sikisik{padding:clamp(46px,6vw,74px) 0}

.bolum-basi{margin-bottom:clamp(34px,5vw,56px)}
.bolum-basi h2{font-size:clamp(32px,4.6vw,54px);margin:14px 0 16px}
.bolum-basi--orta{text-align:center}
.bolum-basi--orta .lede{margin-inline:auto}

/* ---------- düğmeler ---------- */

.dugme{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;
  font-size:11.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  background:var(--altin);color:var(--murekkep);
  border:1px solid var(--altin);
  transition:background .35s var(--yumusak),color .35s var(--yumusak),transform .35s var(--yumusak);
}
.dugme:hover{background:var(--altin-sicak);border-color:var(--altin-sicak);transform:translateY(-2px)}

.dugme--hayalet{background:transparent;color:var(--fildisi);border-color:var(--cizgi-sessiz)}
.dugme--hayalet:hover{background:transparent;border-color:var(--altin);color:var(--altin);transform:translateY(-2px)}

.dugme--kucuk{padding:11px 20px;font-size:10.5px}

.dugme svg{width:15px;height:15px;flex:none}

/* ---------- üst bar ---------- */

.ust{
  position:fixed;top:0;left:0;right:0;z-index:80;
  background:rgba(14,13,12,.78);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--cizgi-sessiz);
  transition:transform .45s var(--yumusak);
}
.ust--gizli{transform:translateY(-102%)}

.ust-ic{
  width:min(100% - (var(--bosluk) * 2),var(--olcu));margin-inline:auto;
  height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;
}

.marka{font-family:'Bodoni Moda',serif;font-size:25px;line-height:1;color:var(--fildisi)}
.marka span{
  display:block;font-family:'Jost',sans-serif;font-size:9px;font-weight:500;
  letter-spacing:.6em;text-indent:.6em;color:var(--altin);margin-top:6px;
}

.gezinti{display:flex;align-items:center;gap:26px}
.gezinti a{
  position:relative;font-size:11px;font-weight:500;letter-spacing:.19em;
  text-transform:uppercase;color:var(--fildisi-yumusak);padding:6px 0;
}
.gezinti a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:var(--altin);transform:scaleX(0);transform-origin:right;
  transition:transform .38s var(--yumusak);
}
.gezinti a:hover::after,.gezinti a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.gezinti a[aria-current="page"]{color:var(--altin)}

.menu-dugmesi{display:none;width:42px;height:42px;position:relative;z-index:95}
.menu-dugmesi i{
  display:block;height:1px;background:var(--fildisi);margin:6px auto;width:24px;
  transition:transform .35s var(--yumusak),opacity .25s;
}
.menu-acik .menu-dugmesi i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-acik .menu-dugmesi i:nth-child(2){opacity:0}
.menu-acik .menu-dugmesi i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- açılış perdesi ---------- */

#perde{
  position:fixed;inset:0;z-index:9999;overflow:hidden;
  /* JS çalışmasa bile perde kendini kapatır */
  animation:perdeKapat .01s linear 2.08s forwards;
}
@keyframes perdeKapat{to{visibility:hidden;pointer-events:none}}
.perde-yok #perde,#perde[hidden]{display:none}

.perde-yari{position:absolute;left:0;width:100%;height:50.2%;background:var(--murekkep)}
.perde-yari--ust{top:0;animation:perdeUst .82s var(--sert) 1.24s forwards}
.perde-yari--alt{bottom:0;animation:perdeAlt .82s var(--sert) 1.24s forwards}

@keyframes perdeUst{to{transform:translateY(-101%)}}
@keyframes perdeAlt{to{transform:translateY(101%)}}

.perde-sahne{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  animation:perdeSahne .3s ease 1.2s forwards;
}
@keyframes perdeSahne{to{opacity:0}}

/* saç teli */
.tel{position:absolute;top:50%;height:1px;width:50%}
.tel--sol{
  left:0;background:linear-gradient(90deg,transparent,var(--altin));
  transform-origin:left center;transform:scaleX(0);
  animation:telCiz .72s var(--yumusak) .12s forwards,telKacSol .5s var(--yumusak) 1.02s forwards;
}
.tel--sag{
  right:0;background:linear-gradient(270deg,transparent,var(--altin));
  transform-origin:right center;transform:scaleX(0);
  animation:telCiz .72s var(--yumusak) .12s forwards,telKacSag .5s var(--yumusak) 1.02s forwards;
}

@keyframes telCiz{to{transform:scaleX(1)}}
@keyframes telKacSol{to{transform:scaleX(1) translateX(-46px);opacity:0}}
@keyframes telKacSag{to{transform:scaleX(1) translateX(46px);opacity:0}}

/* makas */
.makas{
  position:relative;width:74px;height:74px;color:var(--altin);
  opacity:0;transform:translateY(-34px) rotate(-10deg);
  animation:makasIn .6s var(--yumusak) .42s forwards,makasCik .34s var(--yumusak) 1.06s forwards;
}
@keyframes makasIn{to{opacity:1;transform:translateY(7px) rotate(0)}}
@keyframes makasCik{to{opacity:0;transform:translateY(7px) scale(.86)}}

.makas svg{width:100%;height:100%}
.bicak--a{transform-origin:12px 17.4px;animation:kesA .2s var(--sert) .96s forwards}
.bicak--b{transform-origin:12px 17.4px;animation:kesB .2s var(--sert) .96s forwards}
@keyframes kesA{from{transform:rotate(9deg)}to{transform:rotate(-4deg)}}
@keyframes kesB{from{transform:rotate(-9deg)}to{transform:rotate(4deg)}}

.kivilcim{
  position:absolute;top:calc(50% - 7px);left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;
  border-radius:50%;background:var(--altin-sicak);
  box-shadow:0 0 22px 8px rgba(239,211,160,.55);
  opacity:0;animation:kivilcimAt .46s ease-out 1s forwards;
}
@keyframes kivilcimAt{
  0%{opacity:0;transform:scale(.2)}
  35%{opacity:1;transform:scale(1.6)}
  100%{opacity:0;transform:scale(3.4)}
}

.perde-ad{
  position:absolute;top:calc(50% + 62px);left:50%;transform:translateX(-50%);
  font-family:'Jost',sans-serif;font-size:9.5px;font-weight:500;
  letter-spacing:.55em;text-indent:.55em;color:var(--altin-koyu);white-space:nowrap;
  opacity:0;animation:perdeAdIn .6s ease .58s forwards;
}
@keyframes perdeAdIn{to{opacity:1}}

.perde-gec{
  position:absolute;right:24px;bottom:22px;z-index:5;
  font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;
  color:var(--sis);padding:10px 14px;border:1px solid var(--cizgi-sessiz);
  opacity:0;animation:perdeAdIn .5s ease .9s forwards;
}
.perde-gec:hover{color:var(--altin);border-color:var(--cizgi)}

/* ---------- giriş hareketi ---------- */

/* JS yoksa içerik olduğu gibi görünür kalır */
.js .gir{opacity:0;transform:translateY(22px)}
.js .gir.gorunur{
  animation:girYukari .9s var(--yumusak) forwards;
  animation-delay:var(--gecikme,0s);
}
@keyframes girYukari{to{opacity:1;transform:none}}

/* perde atlandığında hero gecikmelerini kısalt */
.perde-yok .hero .gir.gorunur{animation-delay:calc(var(--gecikme,0s) - 1.34s)}

/* ---------- hero ---------- */

.hero{
  position:relative;min-height:100svh;display:flex;align-items:flex-end;
  padding:150px 0 0;overflow:hidden;
}
.hero-fon{position:absolute;inset:0;z-index:-2}
.hero-fon img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.hero-fon::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(105deg,rgba(14,13,12,.96) 0%,rgba(14,13,12,.82) 42%,rgba(14,13,12,.42) 100%),
    linear-gradient(0deg,var(--murekkep) 2%,rgba(14,13,12,0) 46%);
}

.hero-ic{padding-bottom:clamp(34px,5vw,58px)}

.hero h1{
  font-size:clamp(52px,10.5vw,124px);
  letter-spacing:-.02em;
  line-height:.92;
}
.hero h1 em{
  display:block;font-style:italic;color:var(--altin);
  font-size:clamp(40px,8vw,96px);margin-top:.06em;letter-spacing:-.01em;
}
.hero .lede{margin:26px 0 32px;max-width:44ch}

.hero-dugmeler{display:flex;flex-wrap:wrap;gap:14px}

.hero-yan{
  position:absolute;right:calc(var(--bosluk) - 6px);top:52%;
  transform:rotate(90deg);transform-origin:right center;
  font-size:9.5px;font-weight:500;letter-spacing:.5em;text-transform:uppercase;
  color:var(--altin-koyu);white-space:nowrap;
}

.olculer{
  display:grid;grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--cizgi-sessiz);margin-top:clamp(38px,5vw,62px);
}
.olcu{padding:24px 26px 26px;border-right:1px solid var(--cizgi-sessiz)}
.olcu:first-child{padding-left:0}
.olcu:last-child{border-right:none}
.olcu b{
  display:block;font-family:'Bodoni Moda',serif;font-weight:400;
  font-size:clamp(30px,3.6vw,42px);color:var(--fildisi);line-height:1;
}
.olcu span{
  display:block;margin-top:9px;font-size:10.5px;font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;color:var(--sis);
}

/* ---------- sayfa başlığı (iç sayfalar) ---------- */

.sayfa-basi{
  position:relative;padding:clamp(140px,17vw,210px) 0 clamp(48px,7vw,84px);
  overflow:hidden;border-bottom:1px solid var(--cizgi-sessiz);
}
.sayfa-basi-fon{position:absolute;inset:0;z-index:-2}
.sayfa-basi-fon img{width:100%;height:100%;object-fit:cover}
.sayfa-basi-fon::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(14,13,12,.95),rgba(14,13,12,.72) 55%,rgba(14,13,12,.5));
}
.sayfa-basi h1{font-size:clamp(40px,6.6vw,80px);margin:14px 0 16px}

.iz{display:flex;flex-wrap:wrap;gap:9px;font-size:11.5px;color:#6E665E;margin-top:22px}
.iz a:hover{color:var(--altin)}
.iz span[aria-current]{color:var(--sis)}

/* ---------- kesim çizgisi (bölüm ayracı) ---------- */

.kesik{
  display:flex;align-items:center;gap:18px;
  width:min(100% - (var(--bosluk) * 2),var(--olcu));margin-inline:auto;
  color:var(--altin-koyu);
}
.kesik::before,.kesik::after{
  content:"";flex:1;height:1px;
  background:repeating-linear-gradient(90deg,var(--altin-koyu) 0 7px,transparent 7px 15px);
  opacity:.55;
}
.kesik svg{width:19px;height:19px;flex:none;color:var(--altin)}

/* ---------- hizmet ızgarası ---------- */

.hizmetler{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--cizgi-sessiz);border:1px solid var(--cizgi-sessiz);
}
.hizmet{
  background:var(--murekkep);padding:38px 32px 34px;
  transition:background .4s var(--yumusak);
}
.hizmet:hover{background:var(--gece)}
.hizmet svg{width:30px;height:30px;color:var(--altin);margin-bottom:20px}
.hizmet h3{font-size:22px;margin-bottom:9px}
.hizmet p{color:var(--sis);font-size:14.5px;line-height:1.7}

/* ---------- fiyat panosu (fildişi kart) ---------- */

.pano{
  background:var(--fildisi);color:var(--murekkep);
  padding:clamp(38px,5.5vw,68px) clamp(26px,4.5vw,64px);
}
.pano .etiket{color:var(--altin-koyu)}
.pano h2{color:var(--murekkep);font-size:clamp(30px,4.2vw,48px);margin:14px 0 16px}
.pano .lede{color:#5C544B}

.menu{margin-top:clamp(26px,4vw,44px);display:grid;gap:4px}
.menu-satir{
  display:flex;align-items:baseline;gap:12px;padding:15px 0;
  border-bottom:1px solid rgba(14,13,12,.09);
}
.menu-ad{font-family:'Bodoni Moda',serif;font-size:clamp(19px,2.1vw,25px);line-height:1.25}
.menu-not{
  display:block;font-family:'Jost',sans-serif;font-size:13.5px;color:#6B6259;
  margin-top:3px;line-height:1.55;max-width:52ch;font-weight:300;
}
.menu-arasi{flex:1;min-width:26px;border-bottom:1px dotted rgba(14,13,12,.32)}
.menu-fiyat{
  font-family:'Bodoni Moda',serif;font-size:clamp(20px,2.2vw,26px);
  color:var(--altin-koyu);white-space:nowrap;
}
.menu-bos{padding:26px 0;color:#6B6259;font-size:15px}

.pano-alt{
  margin-top:32px;padding-top:26px;border-top:1px solid rgba(14,13,12,.12);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;
}
.pano-alt p{color:#5C544B;font-size:14px;max-width:46ch}
.pano .dugme{background:var(--murekkep);color:var(--fildisi);border-color:var(--murekkep)}
.pano .dugme:hover{background:var(--altin-koyu);border-color:var(--altin-koyu);color:var(--murekkep)}

/* ---------- paketler ---------- */

.paketler{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.paket{
  border:1px solid var(--cizgi-sessiz);padding:38px 32px;
  display:flex;flex-direction:column;background:var(--duman);
  transition:border-color .4s var(--yumusak),transform .4s var(--yumusak);
}
.paket:hover{border-color:var(--cizgi);transform:translateY(-4px)}
.paket--one{border-color:var(--sarap);background:linear-gradient(175deg,rgba(122,36,54,.22),var(--duman) 58%)}
.paket-rozet{
  align-self:flex-start;font-size:9.5px;font-weight:500;letter-spacing:.28em;
  text-transform:uppercase;color:var(--altin-sicak);
  border:1px solid var(--cizgi);padding:5px 11px;margin-bottom:20px;
}
.paket h3{font-size:27px;margin-bottom:8px}
.paket>p{color:var(--sis);font-size:14.5px;margin-bottom:20px}
.paket-fiyat{
  font-family:'Bodoni Moda',serif;font-size:44px;color:var(--altin);
  line-height:1;margin-bottom:24px;
}
.paket ul{margin-bottom:28px;flex:1}
.paket li{
  padding:11px 0;border-bottom:1px solid var(--cizgi-sessiz);
  font-size:14.5px;color:var(--fildisi-yumusak);display:flex;gap:11px;align-items:baseline;
}
.paket li::before{content:"";width:5px;height:5px;flex:none;background:var(--altin);transform:rotate(45deg)}

/* ---------- kart ızgaraları ---------- */

.izgara-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.izgara-bos{
  grid-column:1/-1;border:1px dashed var(--cizgi-sessiz);
  padding:44px 26px;text-align:center;color:var(--sis);font-size:15px;
}

.kart{
  border:1px solid var(--cizgi-sessiz);background:var(--duman);
  display:flex;flex-direction:column;overflow:hidden;
  transition:border-color .4s var(--yumusak),transform .4s var(--yumusak);
}
.kart:hover{border-color:var(--cizgi);transform:translateY(-4px)}
.kart-gorsel{aspect-ratio:4/3;overflow:hidden;background:var(--kat)}
.kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--yumusak)}
.kart:hover .kart-gorsel img{transform:scale(1.045)}
.kart-ic{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1;gap:10px}
.kart-ic h3{font-size:23px}
.kart-rol{font-size:10.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--altin)}
.kart-ic p{color:var(--sis);font-size:14.5px;line-height:1.7;flex:1}
.kart-fiyat{font-family:'Bodoni Moda',serif;font-size:26px;color:var(--altin)}
.kart-satir{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding-top:16px;margin-top:4px;border-top:1px solid var(--cizgi-sessiz);
}
.rozetler{display:flex;flex-wrap:wrap;gap:7px}
.rozetler span{
  font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:var(--fildisi-yumusak);border:1px solid var(--cizgi-sessiz);padding:5px 10px;
}

/* ---------- galeri ---------- */

.galeri{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.galeri-parca{position:relative;overflow:hidden;background:var(--kat);aspect-ratio:3/4}
.galeri-parca--genis{grid-column:span 2;aspect-ratio:3/2}
.galeri-parca img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--yumusak)}
.galeri-parca:hover img{transform:scale(1.05)}
.galeri-yazi{
  position:absolute;inset:auto 0 0 0;padding:44px 22px 20px;
  background:linear-gradient(0deg,rgba(14,13,12,.92),transparent);
}
.galeri-yazi h3{font-size:20px}
.galeri-yazi p{font-size:12.5px;color:var(--sis);margin-top:3px}

/* ---------- sık sorulanlar ---------- */

.sss{border-top:1px solid var(--cizgi-sessiz)}
.sss-satir{border-bottom:1px solid var(--cizgi-sessiz)}
.sss-soru{
  width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;
  padding:26px 0;text-align:left;
  font-family:'Bodoni Moda',serif;font-size:clamp(19px,2.1vw,24px);line-height:1.3;
  transition:color .3s var(--yumusak);
}
.sss-soru:hover{color:var(--altin)}
.sss-isaret{flex:none;width:22px;height:22px;position:relative;margin-top:6px;color:var(--altin)}
.sss-isaret::before,.sss-isaret::after{
  content:"";position:absolute;background:currentColor;left:50%;top:50%;
  transition:transform .38s var(--yumusak);
}
.sss-isaret::before{width:15px;height:1px;transform:translate(-50%,-50%)}
.sss-isaret::after{width:1px;height:15px;transform:translate(-50%,-50%)}
.sss-satir[data-acik="1"] .sss-isaret::after{transform:translate(-50%,-50%) scaleY(0)}
.sss-cevap{overflow:hidden;height:0;transition:height .42s var(--yumusak)}
.sss-cevap p{color:var(--sis);font-size:15px;line-height:1.85;padding-bottom:26px;max-width:74ch}

/* ---------- iletişim ---------- */

.iletisim{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.bilgi-kart{border:1px solid var(--cizgi-sessiz);background:var(--duman);padding:clamp(28px,4vw,44px)}
.bilgi-satir{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--cizgi-sessiz)}
.bilgi-satir:last-of-type{border-bottom:none}
.bilgi-satir svg{width:20px;height:20px;color:var(--altin);flex:none;margin-top:4px}
.bilgi-satir h3{
  font-family:'Jost',sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.24em;
  text-transform:uppercase;color:var(--sis);margin-bottom:6px;
}
.bilgi-satir p,.bilgi-satir a{font-size:16px;line-height:1.6;color:var(--fildisi)}
.bilgi-satir a:hover{color:var(--altin)}

.harita{border:1px solid var(--cizgi-sessiz);overflow:hidden;min-height:430px;background:var(--duman)}
.harita iframe{width:100%;height:100%;min-height:430px;border:0;display:block;filter:grayscale(1) invert(.92) contrast(.86)}

/* ---------- çağrı şeridi ---------- */

.serit{
  position:relative;overflow:hidden;text-align:center;
  padding:clamp(56px,8vw,96px) var(--bosluk);
  border-top:1px solid var(--cizgi-sessiz);border-bottom:1px solid var(--cizgi-sessiz);
  background:var(--duman);
}
.serit h2{font-size:clamp(30px,4.4vw,50px);margin:14px auto 18px;max-width:18ch}
.serit .lede{margin:0 auto 30px}

/* ---------- alt bilgi ---------- */

.alt{padding:clamp(52px,6vw,76px) 0 34px;border-top:1px solid var(--cizgi-sessiz)}
.alt-ic{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:38px}
.alt-marka p{color:var(--sis);font-size:14.5px;margin-top:20px;max-width:36ch;line-height:1.8}
.alt h4{
  font-family:'Jost',sans-serif;font-size:10.5px;font-weight:500;
  letter-spacing:.26em;text-transform:uppercase;color:var(--altin);margin-bottom:18px;
}
.alt li{margin-bottom:11px;color:var(--sis);font-size:14.5px}
.alt li a:hover{color:var(--fildisi)}
.alt-son{
  margin-top:46px;padding-top:22px;border-top:1px solid var(--cizgi-sessiz);
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  color:#6E665E;font-size:12.5px;
}
.alt-son a:hover{color:var(--altin)}

/* ---------- sabit arama düğmesi (mobil) ---------- */

.cep-ara{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:var(--altin);color:var(--murekkep);
  padding:15px;text-align:center;
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
}

/* ---------- uzun metin (kvkk) ---------- */

.metin{max-width:78ch}
.metin h2{font-size:clamp(24px,3vw,32px);margin:44px 0 14px}
.metin h2:first-child{margin-top:0}
.metin p,.metin li{color:var(--sis);font-size:15.5px;line-height:1.9;margin-bottom:14px}
.metin ul{margin:0 0 18px 0}
.metin li{padding-left:20px;position:relative}
.metin li::before{content:"";position:absolute;left:0;top:13px;width:5px;height:5px;background:var(--altin);transform:rotate(45deg)}
.metin a{color:var(--altin)}

/* ==========================================================
   duyarlı
   ========================================================== */

@media (max-width:1040px){
  .hizmetler,.paketler,.izgara-3{grid-template-columns:repeat(2,1fr)}
  .alt-ic{grid-template-columns:1fr 1fr}
  .alt-marka{grid-column:1/-1}
  .hero-yan{display:none}
}

@media (max-width:860px){
  .menu-dugmesi{display:block}
  .gezinti{
    position:fixed;inset:0;z-index:90;
    flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;
    padding:0 var(--bosluk);
    background:var(--murekkep);
    transform:translateX(100%);transition:transform .5s var(--sert);
  }
  .menu-acik .gezinti{transform:translateX(0)}
  .gezinti a{
    font-family:'Bodoni Moda',serif;font-size:32px;font-weight:400;
    letter-spacing:0;text-transform:none;padding:11px 0;
  }
  .gezinti a::after{display:none}
  .ust .dugme{display:none}

  .iletisim{grid-template-columns:1fr}
  .galeri{grid-template-columns:repeat(2,1fr)}
  .galeri-parca--genis{grid-column:span 2}
  .hero{min-height:auto;padding-top:118px}
  .hero-ic{padding-bottom:34px}
  .olculer{grid-template-columns:1fr}
  .olcu{border-right:none;border-bottom:1px solid var(--cizgi-sessiz);padding-left:0}
  .olcu:last-child{border-bottom:none}
  .cep-ara{display:block}
  body{padding-bottom:52px}
  .pano-alt{flex-direction:column;align-items:flex-start}
}

@media (max-width:600px){
  .hizmetler,.paketler,.izgara-3,.galeri{grid-template-columns:1fr}
  .galeri-parca,.galeri-parca--genis{grid-column:auto;aspect-ratio:4/3}
  .alt-ic{grid-template-columns:1fr;gap:30px}
  .marka{font-size:22px}
  .menu-satir{flex-wrap:wrap}
  .menu-arasi{display:none}
  .menu-fiyat{margin-left:auto}
  .hero-dugmeler{width:100%}
  .hero-dugmeler .dugme{flex:1 1 100%}
}

/* ---------- hareket azaltma ---------- */

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms !important;animation-delay:0s !important;
    transition-duration:.001ms !important;
  }
  .gir{opacity:1;transform:none}
  #perde{display:none}
}