/* Yazılıma özel ek stiller: harfli / resimli logo, form tuzak alanı, hata mesajı */
.logo--harf .logo-isaret{font-family:var(--f1);font-weight:800;font-size:1.2rem;letter-spacing:-.02em}
.logo--resim .logo-isaret{background:transparent;overflow:hidden;padding:0}
.logo--resim .logo-isaret img{width:100%;height:100%;object-fit:contain}
.bal{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
/* Form güvenlik kodu (inc/form-guvenlik.php) ve reCAPTCHA */
.fk-kod{display:flex;flex-direction:column;gap:.4rem}
.fk-kod-et{font-size:.86rem;font-weight:600}
.fk-kod-ic{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fk-kod-ic img{width:150px;height:48px;border-radius:10px;border:1px solid var(--cizgi);background:#f6f5ee;image-rendering:pixelated}
.fk-kod-yenile{width:44px;height:44px;border-radius:12px;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--ana);font-size:1.2rem;cursor:pointer}
.fk-kod-yenile:hover{border-color:var(--ana)}
.fk-kod-ic input{flex:1;min-width:150px;letter-spacing:.3em;font-weight:700}
.fk-kod-ic input::placeholder{letter-spacing:normal;font-weight:400}
.fk-robot{min-height:78px}
.d-sonuc.hata{background:#fde8e8;color:#b42318}
.koyu .d-sonuc.hata{background:#3d1414;color:#fca5a5}
.ur-g h3 a:hover{color:var(--ana)}

/* Ana sayfadaki "bize sorun" çubuğu (kit.php soruCubuk; eski rezervasyon çubuğunun yerine): soru kutusu + WhatsApp + gönder */
.rz--soru{grid-template-columns:minmax(0,1fr) auto auto}
.rz--soru input::placeholder{color:var(--soluk);opacity:.8}
.rz--soru .btn{white-space:nowrap}
@media (max-width:860px){.rz--soru{grid-template-columns:1fr 1fr}.rz--soru label{grid-column:1/-1}.rz--soru .btn{grid-column:auto}}
@media (max-width:420px){.rz--soru{grid-template-columns:1fr}}

/* Mobil alt hızlı erişim bandı: tüm temalarda (masaüstünde gizli) */
.sekme--hizli button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:inherit;font-size:.66rem;font-weight:600;color:var(--soluk);background:none;border:0;padding:0;cursor:pointer}
.sekme--hizli button i{font-size:1.1rem}
.sekme--hizli .sekme-wa i{color:#25d366}
.sekme--hizli a:active,.sekme--hizli button:active{transform:scale(.94)}

/* Mobil çekmece menüsünün boş alanında logodaki H amblemi soluk filigran (uploads/k/hayaltepe-amblem.png; bağlantıların arkasında kalır) */
.ck-govde::after{content:"";position:absolute;left:50%;bottom:28px;z-index:-1;width:min(230px,58%);aspect-ratio:1;transform:translateX(-50%);background:url(../../uploads/k/hayaltepe-amblem.png) center/contain no-repeat;opacity:.08;pointer-events:none}

/* ---------- Yatay logo (amblem + yazı tek görsel) ---------- */
.logo--yatay{display:inline-flex;align-items:center;flex:none}
.logo--yatay img{height:52px;width:auto;display:block}
.logo--yatay.logo--kucuk img{height:42px}
.ab .logo--yatay img{height:58px}
@media (max-width:760px){.logo--yatay img{height:44px}}
/* Menü açılır listesi: 17 kategori + fiyat listesi + QR menü iki sütunda (ekran boyunu aşmasın) */
@media (min-width:1101px){.nv-l2.nv-tek:has(>li:nth-child(10)){display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));column-gap:.25rem;min-width:480px}}
/* Fotoğrafı olmayan ürün: fincan simgesi */
.ur-fotosuz,.ud-fotosuz{display:grid;place-items:center;width:100%;height:100%;color:color-mix(in srgb,var(--ana) 45%,transparent);font-size:2.6rem;background:var(--yuzey2)}
.ud-fotosuz{font-size:4rem}
/* Ortalanmış düğme satırları */
.bx-orta,.og-orta{text-align:center;margin-top:2rem;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
/* Başlık düzeni h1 → h2: form, fiyat listesi ve sayfa ara başlıkları h2, h3 boyutunda */
.fk-bas h2{font-size:1.3rem;margin:0 0 .3rem}
.fm-grup h2{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;margin:0 0 .6rem}
.fm-grup h2 i{color:var(--ana);font-size:.95rem}
.fm-grup{scroll-margin-top:90px}
.kr-icerik h2.kr-ara{font-size:1.3rem;margin:2rem 0 1rem}
.icerik-metin h2{font-size:clamp(1.25rem,2.2vw,1.55rem)}
.fr-form{max-width:820px;margin:0 auto}
/* Kontrast: küçük etiket yazısı açık zeminde koyu altın; WhatsApp yeşilinde koyu yazı */
.etiket,.bx-rozet{color:color-mix(in srgb,var(--ana) 85%,#000)}
.btn--wa{color:#062b15}
.ab-s h3{font-size:.95rem;margin-bottom:.8rem}
/* Alt bilgi imzası */
.ab-son a{color:inherit}
.ab-son a b{color:var(--ana2)}
/* Ekranda görünmeyen, ekran okuyucu ve başlık düzeni için başlık */
.gizli-baslik{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Logo renkleri: koyu yeşil (--ana #184030) + altın (--ana2 #80602c); koyu zeminde açık altın ---------- */
:root{--altin-acik:#e3c88e;--yesil-acik:#22553f}
.k-kutu h1 em,.k-kutu h2 em{color:var(--ana2)}
.bx-ust{border-bottom:2px solid color-mix(in srgb,var(--ana2) 30%,var(--cizgi))}
/* Kahraman: logodaki gibi koyu yeşil zemin, altın kurdeleli kutu */
.bx-kahraman{background:radial-gradient(70% 90% at 82% 45%,var(--yesil-acik) 0,transparent 70%),repeating-linear-gradient(135deg,var(--ana) 0 26px,#1b4634 26px 52px);color:#fff}
.bx-k-metin h1{color:#fff}
.bx-kahraman h1 em{color:var(--altin-acik)}
.bx-k-metin p{color:rgba(255,255,255,.84)}
.bx-kahraman .bx-rozet{color:var(--altin-acik)}
.bx-kahraman .btn--ana{background:#c9a35b;color:#13261c;box-shadow:0 12px 26px -12px rgba(0,0,0,.6)}
.bx-kahraman .btn--cizgi{border-color:rgba(255,255,255,.5);color:#fff}
.bx-kahraman .btn--cizgi:hover{border-color:var(--altin-acik);color:var(--altin-acik)}
.bx-kurdele,.bx-kapak::after{background:var(--ana2)}
.bx-fiyonk{background:radial-gradient(ellipse at 25% 50%,var(--ana2) 48%,transparent 50%),radial-gradient(ellipse at 75% 50%,var(--ana2) 48%,transparent 50%)}
.bx-etiket{background:var(--ana);color:#fff}
/* İç sayfa başlığı: koyu yeşil bant */
.sb{background:radial-gradient(60% 120% at 90% 0,var(--yesil-acik) 0,transparent 70%),var(--ana);border-bottom:0;color:#fff}
.sb h1{color:#fff}
.sb h1 em{color:var(--altin-acik)}
.sb p{color:rgba(255,255,255,.84)}
.sb .etiket{background:rgba(255,255,255,.1);color:var(--altin-acik)}
.sb .kr,.sb .kr a{color:rgba(255,255,255,.78)}
.sb .kr a:hover{color:var(--altin-acik)}
.sb .kr [aria-current]{color:#fff}
.sb-foto img{box-shadow:0 24px 48px -24px rgba(0,0,0,.6)}
/* Fotoğrafsız sayfa başlığında sayfaya uygun büyük, soluk simge (sayfalar.php sayfaBasVarsayilan); telefonda sağ üstte filigran */
.sb-ic:has(.sb-ikon){grid-template-columns:1.2fr .8fr}
.sb-ikon{position:relative;justify-self:center;display:grid;place-items:center;width:min(280px,100%);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 38% 36%,rgba(227,200,142,.16),rgba(227,200,142,.05) 58%,transparent 71%);box-shadow:inset 0 0 0 1px rgba(227,200,142,.12)}
.sb-ikon>i{font-size:clamp(5rem,9vw,8rem);color:var(--altin-acik);opacity:.32;transform:rotate(-8deg)}
.sb-ikon>i+i{position:absolute;right:12%;bottom:14%;font-size:clamp(1.8rem,3vw,2.6rem);opacity:.5;transform:rotate(12deg)}
@media (max-width:760px){
  .sb{position:relative;overflow:hidden}
  .sb-ic:has(.sb-ikon){grid-template-columns:1fr}
  .sb-ikon{position:absolute;top:10px;right:-36px;width:180px}
  .sb-ikon>i{font-size:5.4rem;opacity:.16}
  .sb-ikon>i+i{display:none}
}
/* İletişim kanalları: üstte küçük etiket (Telefon, E-posta…), altında değer (tema kuralı yalnız span içindeki span'ı alt alta diziyordu) */
.il-kanallar a>span{display:flex;flex-direction:column;gap:.15rem;line-height:1.3;min-width:0}
.il-kanallar a>span b{overflow-wrap:anywhere}
/* Yeşil kutularda vurgu açık altın */
.tk-kutu h2 em,.tk-kutu h3 em{color:var(--altin-acik)}

/* ---------- Menü: kategori çubuğu, arama, satır satır ürünler ---------- */
.fy--satir{display:none}
.mn [hidden],.mn[hidden],.us [hidden]{display:none!important}
.mn-cubuk{padding:22px 0 0}
.mn-cubuk-ic{display:flex;align-items:flex-start;gap:.5rem}
.mn-ara-ac{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--ana);font-size:.95rem;cursor:pointer;transition:all .15s}
.mn-ara-ac:hover,.mn-ara-ac[aria-expanded="true"]{background:var(--ana);border-color:var(--ana);color:#fff}
.mn-cip{position:relative;flex:1;min-width:0;margin:0}
.mn-ara{display:none;align-items:center;gap:.5rem;margin-top:.6rem}
.mn--ara-acik .mn-ara{display:flex}
.mn-geri{display:none;flex:none;align-items:center;gap:.4rem;height:42px;padding:0 1rem 0 .8rem;border:0;border-radius:999px;background:var(--ana);color:#fff;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer}
.mn-ara label{flex:1;display:flex;align-items:center;gap:.6rem;height:46px;padding:0 1rem;border-radius:999px;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--soluk)}
.mn-ara label:focus-within{border-color:var(--ana);box-shadow:0 0 0 3px color-mix(in srgb,var(--ana) 15%,transparent)}
.mn-ara input{flex:1;min-width:0;min-height:0;height:auto;padding:0;border:0;outline:0;box-shadow:none;background:none;font:inherit;font-size:1rem;color:var(--yazi)}
.mn-ara button{border:0;background:none;padding:0 .4rem;font:inherit;font-weight:700;color:var(--ana);cursor:pointer}
.mn-katlar{padding-top:28px}
.mn-bolum{scroll-margin-top:calc(var(--ust-y,72px) + 12px)}
.mn-yok{text-align:center;color:var(--soluk);font-weight:600;padding:2rem 0;margin:0}
.mn-yok a{color:var(--ana);text-decoration:underline}
@media (max-width:760px){
  .sb--menu{padding:16px 0 18px}
  .sb--menu .sb-foto,.sb--menu .etiket{display:none}
  .sb--menu .kr{margin-bottom:.35rem}
  .sb--menu h1{font-size:1.8rem;margin:.1rem 0 .3rem}
  .sb--menu p{font-size:.9rem;line-height:1.5}
  .mn-cubuk{position:sticky;top:var(--ust-y,64px);z-index:60;padding:8px 0;background:color-mix(in srgb,var(--zemin) 94%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--cizgi);box-shadow:0 10px 18px -16px rgba(0,0,0,.35)}
  .mn-cubuk .kp{padding-right:0}
  .mn-cip{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding-right:16px;scroll-padding-left:4px}
  .mn-cip::-webkit-scrollbar{display:none}
  .mn-cip a{flex:none;scroll-snap-align:start;padding:.5rem .9rem;font-size:.86rem}
  .mn-ara{padding-right:16px}
  /* Menü sayfası: önce iki sütun kategori kutuları ve hep açık arama kutusu; kategori seçilince (mn--kategori) yalnız onun ürünleri,
     çubukta "‹ Menü" ve çipler; aranırken (mn--ara) bütün kategorilerdeki eşleşen ürünler */
  .mn--tum:not(.mn--kategori) .mn-cubuk-ic,.mn--tum:not(.mn--kategori) [data-mn-ara-kapat]{display:none}
  .mn--tum:not(.mn--kategori) .mn-ara{display:flex;margin-top:0}
  .mn--tum:not(.mn--kategori):not(.mn--ara) .mn-bolum{display:none}
  .mn--tum.mn--kategori:not(.mn--ara) .mn-bolum:not(.mn-secili){display:none}
  .mn--kategori .mn-katlar{display:none}
  .mn--kategori .mn-geri{display:inline-flex}
  .mn-katlar .kt-izgara{grid-template-columns:1fr 1fr;gap:.7rem}
  .mn-katlar .kt-kart{aspect-ratio:1;border-radius:16px}
  .mn-katlar .kt-kart>span{padding:.8rem}
  .mn-katlar .kt-kart b{font-size:1.02rem;line-height:1.2}
  .mn-katlar .kt-kart small{font-size:.74rem}
  .mn-katlar .kt-kart i.kt-ok{top:8px;right:8px;width:30px;height:30px;font-size:.7rem}
  .mn-katlar .og-orta{margin-top:1.2rem}
  .mn .bl-s{padding:20px 0 4px;background:none}
  .mn .bl-s:last-of-type{padding-bottom:20px}
  .mn-bolum{scroll-margin-top:calc(var(--ust-y,64px) + 62px)}
  .mn .bb{margin-bottom:.7rem}
  .mn .bb .etiket{display:none}
  .mn .bb h2{font-size:1.35rem}
  .mn .bb p{font-size:.86rem}
  /* Ürün satırı: solda fotoğraf, sağda ad, kısa açıklama, fiyat; dokununca alttan pencere */
  .mn .ur-izgara{grid-template-columns:minmax(0,1fr);gap:.6rem}
  .mn .ur{flex-direction:row;gap:.8rem;padding:.55rem;border-radius:16px;cursor:pointer;box-shadow:0 8px 20px -18px rgba(20,39,29,.6)}
  .mn .ur:hover{transform:none}
  .mn .ur:active{background:var(--yuzey2)}
  .mn .ur-foto{flex:none;width:96px;height:96px;aspect-ratio:auto;border-radius:12px}
  .mn .ur-foto .fy--foto{display:none}
  .mn .ur-fotosuz{font-size:2rem}
  .mn .ur-rozet{z-index:2;top:.3rem;left:.3rem;padding:.12rem .45rem;font-size:.6rem}
  body:has(.mn) .basa{display:none}
  .mn .ur-g{padding:.15rem 2.4rem .15rem 0;gap:.2rem}
  .mn .ur-g small,.mn .ur-alt,.mn .da-oz{display:none}
  .mn .ur-g h3{font-size:1rem;line-height:1.25}
  .mn .ur-g p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:none;font-size:.82rem;line-height:1.4}
  .mn .ur-g p:empty{display:none}
  .mn .fy--satir{display:inline-flex;margin-top:auto}
  .mn .fy--satir b{color:var(--ana);font-size:1.05rem}
  .mn .ur::after{content:"";position:absolute;right:.6rem;bottom:.6rem;width:30px;height:30px;border-radius:50%;background:linear-gradient(#fff,#fff) center/12px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 12px no-repeat,var(--ana);pointer-events:none}
}

/* ---------- Alttan açılan ürün penceresi (mobil) ---------- */
.us-perde{position:fixed;inset:0;z-index:94;background:rgba(8,22,15,.55);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}
.us-perde.acik{opacity:1;visibility:visible;transition:opacity .25s}
.us{position:fixed;left:0;right:0;bottom:0;z-index:95;display:flex;flex-direction:column;max-height:90vh;max-height:90dvh;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:var(--yuzey);border-radius:24px 24px 0 0;box-shadow:0 -20px 50px -20px rgba(0,0,0,.45);transform:translateY(105%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s .32s}
.us.acik{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.us:focus{outline:0}
.us-tutamak{flex:none;display:block;width:44px;height:5px;margin:10px auto 8px;border-radius:9px;background:var(--cizgi)}
.us-kapat{position:absolute;top:26px;right:26px;z-index:2;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--yazi);font-size:1rem;box-shadow:0 4px 14px -6px rgba(0,0,0,.45);cursor:pointer}
.us-govde{overflow-y:auto;overscroll-behavior:contain;padding:0 16px}
/* Ürün penceresinde fotoğrafa dokununca lightbox (site.js, GLightbox); fotoğraf yoksa büyüteç gizlenir */
.us-fotoalan{position:relative;display:block;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:inherit;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.us-fotoalan.yok{cursor:default}.us-fotoalan.yok .us-buyut{display:none}
.us-buyut{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--yazi);font-size:.9rem;box-shadow:0 4px 14px -6px rgba(0,0,0,.45);pointer-events:none}
.us-foto{aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:var(--yuzey2)}
.us-foto img{display:block;width:100%;height:100%;object-fit:cover}
.us-foto .ur-fotosuz{font-size:3.4rem}
.us-ic{padding:14px 2px 4px}
.us-ic small{display:block;color:var(--ana2);font-weight:700;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.us-ad{display:block;margin:.2rem 0 .45rem;font-family:var(--f1);font-size:1.45rem;line-height:1.2;letter-spacing:-.02em}
.us-rozet{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.5rem;padding:.2rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--ana2) 14%,transparent);color:#6b5121;font-size:.75rem;font-weight:700}
.us-ic p{margin:0 0 .8rem;color:var(--soluk);font-size:.95rem;line-height:1.55}
.us-ic p:empty{display:none}
.us-fiyat .fy b{color:var(--ana);font-size:1.6rem}
.us-fiyat .fy small{font-size:.9rem}
.us-dugmeler{flex:none;display:grid;grid-template-columns:1fr;gap:.6rem;padding:12px 16px 0}
.us-dugmeler .btn{justify-content:center;padding-left:.6rem;padding-right:.6rem;font-size:.92rem}
html.us-acik{overflow:hidden}
@media (min-width:761px){.us{left:50%;right:auto;width:520px;transform:translate(-50%,105%)}.us.acik{transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.us,.us.acik,.us-perde,.us-perde.acik{transition:none}}

/* ---------- Favori, puan ve ürün yorumları (tema/assets/etkilesim.js) ---------- */
.ur{position:relative}
.ur-fav{position:absolute;top:10px;right:10px;z-index:3;width:38px;height:38px}
.ur-puan{display:inline-flex;align-items:center;gap:4px;margin:.1rem 0 .3rem;font-size:.86rem;color:var(--yazi)}.ur-puan i{color:#f5a623}.ur-puan small{color:var(--soluk)}
.ur-puan--buyuk{font-size:1rem;margin:0}
.ud-fiyat{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.ud-fav i{color:#c2c2c2}.ud-fav[aria-pressed="true"] i{color:#e0245e}.ud-fav small{color:var(--soluk)}
.ud-yorumlar{max-width:760px;margin-top:2.2rem}.ud-yorumlar h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 .4rem}
.etk-fav i{font-size:1rem}