@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Work+Sans:wght@400;500;600;700&family=Cinzel:wght@500&display=swap');

/* Madde: "sayfalar arası gezerken... gerçek uygulama içinde geziyor
   gibi olmalı" — bkz. style.css'deki aynı not. */
@view-transition { navigation: auto; }

:root {
  --primary: #C08552;
  --secondary: #8A9A5B;
  --accent: #E8B04B;
  --bg: #2B1B12;
  --bg-elevated: #3A261A;
  --cream: #F1E4D3;
  --cream-dim: #C9B8A4;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 10px;
}
/* Madde: "tüm sisteme uzun basılı tutma fonksiyonunu devre dışı
   bırak" — bkz. style.css'deki aynı not; form alanları istisna. */
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
input, textarea, [contenteditable="true"] { -webkit-user-select: text; user-select: text; -webkit-touch-callout: default; }
/* Madde: "masa üstü sitesinin giriş kartları birbirine girmiş" —
   kesin kök neden: admin panelinden yüksek bir kart boyutu (%150 gibi)
   ayarlandığında, .entry-cards'ın transform:scale ile büyümesi,
   sayfanın kenarlarından taşıp yatay bir kaymaya/kesilmeye neden
   oluyordu (masaüstünde daha belirgin görünür). overflow-x:hidden,
   bu taşmanın sayfa genelini bozmasını (yatay scrollbar/garip
   kayma) engeller. */
html, body { margin:0; padding:0; background:var(--bg); color:var(--cream); font-family:var(--font-body, 'Work Sans', sans-serif); scroll-behavior:smooth; touch-action:manipulation; overscroll-behavior:none; overflow-x:hidden; }
/* Madde: "ana sayfa da ve diğer sayfada arka plan görseli tam ekran
   olsun footer da yok şuan" — kesin kök neden: club.html'in
   (style.css) kullandığı dekoratif arka plan (radial-gradient)
   genel site sayfalarında (site.css) hiç yoktu — sadece düz bir
   renk vardı. Footer kaldırıldıktan sonra kısa sayfalarda ekranın alt
   kısmı bu düz renkle "boş" görünüyordu. Artık aynı dekoratif efekt
   + min-height:100svh (sayfa içerik ne kadar kısa olursa olsun EN AZ
   tam ekran yüksekliğinde) genel sitede de var. */
body {
  min-height: 100svh;
  background-image:
    radial-gradient(circle at 15% 8%, rgba(192,133,82,0.16), transparent 40%),
    radial-gradient(circle at 85% 92%, rgba(138,154,91,0.14), transparent 45%);
  background-attachment: fixed;
}
button, select, input { font-family:inherit; }
h1,h2,h3,.display { font-family:var(--font-heading, 'Fraunces', serif); font-weight:600; margin:0; letter-spacing:-0.01em; color:var(--heading-color, var(--cream)); text-shadow:var(--text-shadow, none); }

/* Madde: "gölge ayarında... ikon butonlar da dahil" */
.btn { filter:var(--btn-shadow-filter, none); }
.entry-card { filter:var(--btn-shadow-filter, none); }
.entry-nav-cards a { filter:var(--icon-shadow-filter, none); }
.lang-switch-btn, .nav-icon-btn, .survey-scale-btn, .survey-choices button, .survey-cta, .install-prompt-btn, .install-prompt-close, .ad-popup-close { filter:var(--icon-shadow-filter, none); }

/* Madde: "butonlara renksizlik de olsun likit glass için" */
.liquid-ui.liquid-colorless .btn {
  background:rgb(255 255 255 / var(--liquid-opacity, 0.1)) !important;
}
.liquid-ui.liquid-colorless .entry-nav-cards a,
.liquid-ui.liquid-colorless .entry-card {
  background:rgb(255 255 255 / var(--liquid-opacity, 0.06)) !important;
}
a { color:inherit; text-decoration:none; }
img { max-width:100%; display:block; }

/* ---- Top nav ---- */
.site-nav {
  position:fixed; top:0; left:0; right:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:calc(16px + env(safe-area-inset-top)) 24px 16px;
  background: linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0));
  transition: background .25s ease;
}
/* Hero (anasayfa arka plan görseli) olmayan sayfalarda VEYA kullanıcı
   hero'nun altına kaydırdığında nav OPAK olur — madde #19/#54: anasayfada
   en üstteyken tam ekran görsel görünsün, ama kaydırılan içerik nav'ın
   arkasından "hayalet" gibi görünmesin (bu, daha önce ayrı bulunup
   düzeltilmiş bir hataydı, geri gelmemesi için scrolled sınıfı şart). */
.site-nav.scrolled {
  background: var(--bg, #2B1B12);
}
.site-nav .brand { display:flex; align-items:center; gap:10px; font-family:var(--font-heading, 'Fraunces', serif); font-weight:700; font-size:1.15rem; color:#fff; }
.site-nav .brand img { width:34px; height:34px; border-radius:8px; object-fit:cover; }
.lang-switch-btn {
  background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.25); color:#fff; border-radius:999px;
  padding:6px 12px; font-size:.78rem; font-weight:600; cursor:pointer; margin-left:6px;
}
.lang-switch-btn:hover { background:rgba(255,255,255,0.2); }
.site-nav .links { display:flex; gap:22px; font-size:.85rem; font-weight:600; }
.site-nav .links a { color:rgba(255,255,255,0.85); }
.site-nav .burger { display:none; background:rgba(255,255,255,0.12); border:none; color:#fff; width:38px; height:38px; border-radius:10px; font-size:1.1rem; cursor:pointer; }

/* Madde: "ana sayfada üç çizgiye basınca çıkan arka plan neden club'daki
   gibi blur efekti yok" — club.html'in hamburger paneli Liquid Glass
   açıkken blur alıyordu, site.js kullanan sayfaların (ana sayfa dahil)
   AYNI panel için bu kural HİÇ eklenmemişti — kesin eksiklik, düzeltildi. */
.liquid-ui .site-nav .links {
  background:rgba(28,18,10,0.5) !important;
  backdrop-filter:blur(var(--liquid-blur, 28px)) saturate(var(--liquid-saturate, 180%));
  -webkit-backdrop-filter:blur(var(--liquid-blur, 28px)) saturate(var(--liquid-saturate, 180%));
}
.nav-icon-btn {
  position:relative; background:rgba(255,255,255,0.12); border:none; color:#fff;
  width:38px; height:38px; border-radius:10px; font-size:1.05rem; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.nav-icon-btn:hover { background:rgba(255,255,255,0.2); }
.nav-icon-badge {
  position:absolute; top:-4px; right:-4px; background:#D9534F; color:#fff;
  font-size:.62rem; font-weight:700; min-width:16px; height:16px; border-radius:8px;
  display:flex; align-items:center; justify-content:center; padding:0 3px;
}

/* Logo konumu */
.site-nav.logo-left { justify-content:space-between; }
.site-nav.logo-right { flex-direction:row-reverse; }
.site-nav.logo-center { justify-content:center; position:relative; }
.site-nav.logo-center .links { position:absolute; right:24px; }
.site-nav.logo-center .burger { position:absolute; right:24px; }
@media (max-width:720px) {
  .site-nav.logo-center .links, .site-nav.logo-center .burger { position:static; }
}
@media (max-width: 720px), (max-height: 500px) and (orientation: landscape) {
  .site-nav .links { position:fixed; top:0; right:0; bottom:0; width:72%; max-width:280px; background:#1c120a; flex-direction:column; padding:80px 26px; gap:20px; transform:translateX(100%); transition:transform .3s ease; }
  .site-nav .links.open { transform:translateX(0); }
  .site-nav .burger { display:block; z-index:60; }
}

/* ---- Hero (home) ---- */
.hero-section { position:relative; height:100vh; height:100dvh; min-height:560px; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.hero-media { position:absolute; left:0; right:0; top:-8%; width:100%; height:116%; object-fit:cover; will-change:transform; }

/* PC'ye özel tam ekran slayt (madde #49) — sadece geniş ekranlarda
   (992px+) ve admin panelinden Galeri görseli yüklenmişse gösterilir.
   Mobilde bu konteyner HİÇ render edilmez (aşağıdaki media query'nin
   dışında JS de zaten devre dışı bırakıyor — çifte güvence). */
.pc-slideshow { position:absolute; inset:0; }
.pc-slideshow .ps-slide {
  position:absolute; inset:0; background-size:cover; background-position:center;
  opacity:0; transition:opacity 1.2s ease-in-out;
}
.pc-slideshow .ps-slide.active { opacity:1; }
@media (max-width: 991px) {
  .pc-slideshow { display:none !important; }
}
.hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,9,5,0.55) 0%, rgba(15,9,5,0.35) 40%, rgba(15,9,5,0.85) 100%); }

.hero-center { position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:36px; width:100%; padding:24px; }

/* Madde: "instagram google yorumu ve bizi değerlendir butonları da
   ayrı ayarlara sahip olsun diğer kartlardan bağımsız olsun" — bu
   sınıf artık --ec-* (giriş kartları) DEĞİL, tamamen bağımsız --sc-*
   (social card) değişkenlerini kullanıyor. */
/* Madde: "instagram butonu rezervasyon butonu üzerine gelmiş durumda"
   — kesin kök neden: entry-cards'da düzelttiğim AYNI transform:scale()
   hatası burada da vardı (--sc-scale, sosyal buton boyutu ayarı,
   transform ile uygulanıyordu — bu GERÇEK layout boyutunu/konumunu
   değiştirmiyor, sadece görsel büyütme yapıyor). --sc-scale yüksek
   bir değere ayarlandığında, sosyal butonlar kendi GERÇEK alanlarının
   dışına taşıp üstlerindeki giriş kartlarının üzerine biniyordu.
   Kesin çözüm: transform:scale() kaldırıldı, .social-box'ın GERÇEK
   boyutu (padding, font-size) --sc-scale ile çarpılıyor. */
.social-boxes { display:flex; flex-direction:column; gap:10px; align-items:center; transform:translateY(var(--sc-offset-y, 0px)); transform-origin:top center; }
.social-boxes-row { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.social-box {
  display:flex; align-items:center; justify-content:center; gap:8px; padding:calc(11px * var(--sc-scale, 1)) calc(18px * var(--sc-scale, 1)); border-radius:var(--radius-sm);
  backdrop-filter:blur(var(--sc-blur, 10px)) saturate(var(--sc-saturate, 180%)); -webkit-backdrop-filter:blur(var(--sc-blur, 10px)) saturate(var(--sc-saturate, 180%));
  border:1px solid rgba(255,255,255,0.2);
  color:#fff; text-decoration:none; font-size:calc(.85rem * var(--sc-text-scale, 1) * var(--sc-scale, 1)); font-weight:600; transition:transform .15s ease, background .15s ease;
  opacity:0; animation:menuItemIn .5s ease-out forwards;
  flex:1 1 140px; max-width:calc(180px * var(--sc-scale, 1)); min-width:140px; text-align:center;
}
.social-box:hover { transform:translateY(-2px); background:rgba(255,255,255,0.18); }
.social-box-ic { display:inline-flex; align-items:center; transform:scale(var(--sc-text-scale, 1)); }
.social-box-ic svg { display:block; }

.survey-cta {
  margin-top:4px; padding:11px 20px; border-radius:999px; border:1px solid rgba(255,255,255,0.3);
  background:rgba(255,255,255,0.08); backdrop-filter:blur(var(--liquid-blur, 8px)); color:#fff; font-size:.85rem; font-weight:600;
  cursor:pointer; opacity:0; animation:menuItemIn .5s ease-out forwards; animation-delay:.5s;
  display:inline-flex; align-items:center; gap:8px;
}
.survey-cta:hover { background:rgba(255,255,255,0.16); }

/* Madde: "anket pop-up'ını da unutma... güzel bir pop-up yap içeriği
   şık olsun sisteme uygun olsun" — ilerleme çubuğu, daha yumuşak
   geçiş animasyonu ve Liquid Glass tutarlılığıyla zenginleştirildi. */
.survey-card { max-width:480px; }
.survey-card .ad-popup-body { padding:0 28px 30px; }
.survey-card .ad-popup-body h3 { font-size:1.3rem; line-height:1.4; margin-bottom:22px; }
.survey-progress-track { height:6px; background:rgba(255,255,255,0.12); border-radius:999px; margin:0 28px 30px; overflow:hidden; }
.survey-progress-fill { height:100%; background:linear-gradient(90deg, var(--accent), var(--primary)); border-radius:999px; transition:width .35s cubic-bezier(.4,0,.2,1); }
/* Madde: "pop-up penceresi görseli yazı ve puan numaralarında
   görselini... genel bir düzenleme yap daha iyi görünsün" — sayı
   butonları artık her biri kendi anlamına uygun bir renk tonuyla
   (1=kırmızımsı/kötü → 5=yeşilimsi/mükemmel) ayırt ediliyor, tek
   düze bir gri yerine daha canlı ve anlamlı bir skala oluşturuyor. */
.survey-scale-btn:nth-child(1) { border-color:rgba(214,90,74,0.4); }
.survey-scale-btn:nth-child(2) { border-color:rgba(214,140,74,0.4); }
.survey-scale-btn:nth-child(3) { border-color:rgba(214,180,74,0.4); }
.survey-scale-btn:nth-child(4) { border-color:rgba(154,190,90,0.4); }
.survey-scale-btn:nth-child(5) { border-color:rgba(96,180,110,0.45); }
.survey-scale-btn:nth-child(1):hover { background:#D65A4A; border-color:#D65A4A; }
.survey-scale-btn:nth-child(2):hover { background:#D68C4A; border-color:#D68C4A; }
.survey-scale-btn:nth-child(3):hover { background:#D6B44A; border-color:#D6B44A; }
.survey-scale-btn:nth-child(4):hover { background:#9ABE5A; border-color:#9ABE5A; }
.survey-scale-btn:nth-child(5):hover { background:#60B46E; border-color:#60B46E; }
.survey-scale-btn:hover { transform:scale(1.12); color:#241407; box-shadow:0 6px 18px rgba(0,0,0,0.3); }
.survey-scale-btn:focus { outline:2px solid rgba(255,255,255,0.35); outline-offset:2px; }
.survey-scale-btn:active { transform:scale(1.02); }
.survey-step-icon { font-size:2rem; text-align:center; margin:26px 0 4px; opacity:.9; }
.survey-step-content { animation:surveyStepIn .28s cubic-bezier(.2,.8,.3,1); }
@keyframes surveyStepIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
.survey-scale { display:flex; justify-content:center; gap:16px; margin:8px 0; }
.survey-scale-btn {
  width:64px; height:64px; border-radius:50%; border:2px solid rgba(255,255,255,0.28);
  background:rgba(255,255,255,0.06); color:#fff; font-size:1.6rem; font-weight:800; cursor:pointer;
  transition:transform .15s cubic-bezier(.4,0,.2,1), background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
/* Madde: "anketimize katılında hatalar var hep 5 numara seçili
   kalıyor" — kesin kök neden: kullanıcı "5" butonuna tıklayınca fare
   o konumda kalıyor, JS yeni soruyu innerHTML ile yeniden
   oluşturunca AYNI konumda oluşan YENİ "5" butonu, fare hiç hareket
   etmeden otomatik olarak :hover durumuna giriyor (tarayıcının doğal
   davranışı — DOM değişince hover yeniden hesaplanır). Bu, JS
   tarafında (answerSurveyStar) pointer-events hilesiyle düzeltildi. */
@media (max-width: 480px) {
  .survey-scale { gap:10px; }
  .survey-scale-btn { width:52px; height:52px; font-size:1.3rem; }
}
.survey-choices { display:flex; flex-direction:column; gap:12px; margin-top:6px; }
.survey-choices button {
  padding:16px 18px; border-radius:14px; border:1px solid rgba(241,228,211,0.15); background:rgba(241,228,211,0.06);
  color:var(--cream); font-size:1rem; cursor:pointer; text-align:left;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.survey-choices button:hover { background:rgba(241,228,211,0.12); border-color:rgba(241,228,211,0.3); transform:translateX(3px); }
.survey-choices button:active { transform:scale(.98); }
.survey-thanks { text-align:center; padding:14px 0 6px; }
.survey-thanks-icon { font-size:2.6rem; margin-bottom:12px; animation:surveyThanksPop .4s cubic-bezier(.34,1.4,.64,1); }
@keyframes surveyThanksPop { from { opacity:0; transform:scale(.5); } to { opacity:1; transform:scale(1); } }

/* Liquid Glass tutarlılığı — açıksa anket kartı da cam efekti alır */
.liquid-ui .survey-scale-btn {
  backdrop-filter:blur(var(--liquid-blur, 10px)) saturate(var(--liquid-saturate, 180%)); -webkit-backdrop-filter:blur(var(--liquid-blur, 10px)) saturate(var(--liquid-saturate, 180%));
}
.liquid-ui .survey-choices button {
  backdrop-filter:blur(var(--liquid-blur, 10px)) saturate(var(--liquid-saturate, 180%)); -webkit-backdrop-filter:blur(var(--liquid-blur, 10px)) saturate(var(--liquid-saturate, 180%));
}
.liquid-ui .survey-card.ad-popup-card {
  backdrop-filter:blur(var(--liquid-blur, 22px)) saturate(var(--liquid-saturate, 180%)); -webkit-backdrop-filter:blur(var(--liquid-blur, 22px)) saturate(var(--liquid-saturate, 180%));
  background:color-mix(in srgb, var(--bg-elevated) 75%, transparent);
  border:1px solid rgba(255,255,255,0.12);
}

/* Madde: "masa üstü sitesinin giriş kartları birbirine girmiş" —
   kesin kök neden bulundu: --ec-scale (admin panelinden ayarlanan
   "kart boyutu") transform:scale() ile uygulanıyordu. transform,
   elementin GERÇEK layout boyutunu (ve dolayısıyla grid'in hücre
   boyutlarını/gap'ini) DEĞİŞTİRMEZ — sadece görsel olarak büyütür.
   Sonuç: --ec-scale yüksek bir değere (ör. 140-150) ayarlandığında,
   kartlar kendi grid hücrelerinin GERÇEK sınırlarının dışına taşıp
   komşu kartların üzerine biniyordu (görsel olarak "birbirine
   girmiş" gibi görünüyordu). Kesin çözüm: transform:scale() yerine
   GERÇEK boyut özellikleri (max-width, padding) --ec-scale ile
   çarpılıyor — artık grid hücreleri de gerçekten büyüyor, taşma/
   çakışma imkansız. 1440px genişlikte %150 ölçekle test edilip
   kanıtlandı (önceden kartlar üst üste biniyordu, artık düzgün
   büyüyüp aralarında normal boşluk kalıyor). */
.entry-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; max-width:calc(640px * var(--ec-scale, 1)); width:100%; padding:0 20px; transform:translateY(var(--ec-offset-y, 0px)); transform-origin:top center; }
.entry-card {
  background:rgba(255,255,255,0.08); backdrop-filter:blur(var(--ec-blur, 10px)) saturate(var(--ec-saturate, 180%)); -webkit-backdrop-filter:blur(var(--ec-blur, 10px)) saturate(var(--ec-saturate, 180%)); border:1px solid rgba(255,255,255,0.18);
  border-radius:var(--radius-md); text-align:center; color:#fff; text-decoration:none;
  padding:calc(22px * var(--ec-scale, 1)) calc(14px * var(--ec-scale, 1));
  transition:transform .2s ease, background .2s ease;
  opacity:0; animation:menuItemIn .5s ease-out forwards;
}
.entry-card:hover { transform:translateY(-4px) scale(1.02); }
.entry-card .ic { font-size:calc(1.8rem * var(--ec-text-scale, 1)); margin-bottom:calc(8px * var(--ec-text-scale, 1)); }
.entry-card .lb { font-weight:700; font-size:calc(.88rem * var(--ec-text-scale, 1)); }
.entry-card .desc { font-size:calc(.72rem * var(--ec-text-scale, 1)); color:rgba(255,255,255,0.65); margin-top:4px; }

@keyframes menuItemIn { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion: reduce) { .entry-card { animation:none; opacity:1; } }

/* Madde: "ana sayfa giriş kartlarını... unutmuşsun" — kartlar zaten
   hafif cam efekti kullanıyordu, Liquid Glass açıkken daha zengin bir
   ışık kırılması + dokunma tepkisi ekleniyor. */
.liquid-ui .entry-card {
  backdrop-filter:blur(var(--liquid-blur, 20px)) saturate(var(--liquid-saturate, 200%)); -webkit-backdrop-filter:blur(var(--liquid-blur, 20px)) saturate(var(--liquid-saturate, 200%));
  border:1px solid rgba(255,255,255,0.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 12px 30px rgba(0,0,0,0.3);
  transition:transform .16s cubic-bezier(.4,0,.2,1), box-shadow .16s ease;
}
.liquid-ui .entry-card:active { transform:scale(.95); }

/* Genel animasyon stili (Admin → Web Sitesi'nden ayarlanır) */
html.anim-none .entry-card, html.anim-none .social-box { animation:none !important; opacity:1 !important; }
html.anim-fade .entry-card, html.anim-fade .social-box { animation-name:fadeOnlyIn !important; }
@keyframes fadeOnlyIn { from { opacity:0; } to { opacity:1; } }

@media (max-width: 620px) {
  .entry-cards { grid-template-columns:1fr; }
  .hero-center { gap:24px; }
}
.scroll-hint { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); z-index:2; color:rgba(255,255,255,0.6); font-size:.72rem; letter-spacing:.1em; }

/* ---- Generic page sections ---- */
.page-wrap { max-width:880px; margin:0 auto; padding:calc(120px + env(safe-area-inset-top)) 24px 80px; }
.section-eyebrow { font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; color:var(--accent); margin-bottom:10px; font-weight:700; }
.section-title { font-size:2rem; margin-bottom:18px; }
.section-text { font-size:.98rem; line-height:1.8; color:var(--cream-dim); max-width:640px; }

.about-grid { display:grid; grid-template-columns:1.1fr 0.9fr; gap:40px; align-items:center; margin-top:20px; }
.about-grid img { border-radius:20px; }
@media (max-width: 720px) { .about-grid { grid-template-columns:1fr; } }

.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:24px; }
.contact-card { background:var(--bg-elevated); border-radius:var(--radius-md); padding:22px; border:1px solid rgba(241,228,211,0.08); }
.contact-card .row { display:flex; gap:10px; align-items:flex-start; margin-bottom:14px; font-size:.92rem; }
.contact-card .row .ic { font-size:1.1rem; }
.contact-card iframe { width:100%; height:260px; border:0; border-radius:14px; }
@media (max-width: 720px) { .contact-grid { grid-template-columns:1fr; } }

.gallery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }
.gallery-grid .g-item { border-radius:var(--radius-sm); overflow:hidden; aspect-ratio:1; position:relative; background:var(--bg-elevated); }
.gallery-grid .g-item img { width:100%; height:100%; object-fit:cover; }
.gallery-grid .g-item .cap { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(0deg, rgba(0,0,0,0.7), transparent); color:#fff; font-size:.72rem; padding:16px 10px 8px; }
@media (max-width: 620px) { .gallery-grid { grid-template-columns:repeat(2,1fr); } }

.entry-nav-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:26px; }
.entry-nav-cards a { background:var(--bg-elevated); border-radius:var(--radius-md); padding:20px; text-align:center; border:1px solid rgba(241,228,211,0.08); text-decoration:none; color:inherit; display:block; transition:transform .16s cubic-bezier(.4,0,.2,1); }
.entry-nav-cards a:hover { border-color:var(--primary); }
@media (max-width: 620px) { .entry-nav-cards { grid-template-columns:1fr; } }

/* Madde: "iletişim formu ve müşteri hizmetleri sayfalarındaki gibi
   ilgili yazılar olsun" — hızlı destek kanalları (telefon/e-posta/
   WhatsApp) satırları ve form gönderim durum mesajları. */
.support-channels { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.support-channel-item { display:flex; align-items:center; gap:8px; background:var(--bg-elevated); border:1px solid rgba(241,228,211,0.08); border-radius:999px; padding:10px 18px; font-size:.85rem; text-decoration:none; color:inherit; transition:border-color .15s ease; }
.support-channel-item:hover { border-color:var(--primary); }
.form-success { background:rgba(96,180,110,0.12); border:1px solid rgba(96,180,110,0.3); color:#8FD69E; padding:11px 14px; border-radius:10px; font-size:.85rem; margin-bottom:14px; }
.form-error { background:rgba(214,90,74,0.12); border:1px solid rgba(214,90,74,0.3); color:#E89489; padding:11px 14px; border-radius:10px; font-size:.85rem; margin-bottom:14px; }

/* Madde: "iletişim sayfasında butonlar var onları da liquid glass yap
   unutmuşsun" — sayfanın alt kısmındaki QR Menü/Rezervasyon/Club
   hızlı navigasyon kartları. */
.liquid-ui .entry-nav-cards a {
  background:rgb(255 255 255 / var(--liquid-opacity, 0.06)) !important;
  backdrop-filter:blur(var(--liquid-blur, 18px)) saturate(var(--liquid-saturate, 200%)); -webkit-backdrop-filter:blur(var(--liquid-blur, 18px)) saturate(var(--liquid-saturate, 200%));
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.14), 0 8px 20px rgba(0,0,0,0.22);
}
.liquid-ui .entry-nav-cards a:active { transform:scale(.96); }

/* ---- Reservation form ---- */
/* Madde: "rezervasyon sayfasını tekrar tasarla aşağı yukarı inmesin
   sayfada tek seferde görünsün... başlık yazısı ve rezervasyon
   talebi gönder butonu sabit kalsın" — tüm sayfa ekran yüksekliğine
   sabitlenip (dvh, mobil tarayıcı adres çubuğu değişimlerinde de
   doğru çalışsın diye) flex column yapılıyor. min-height:0, her flex
   child'ta KRİTİK — aksi halde overflow-y:auto içerik kadar
   büyümeye devam eder, hiç kaydırma alanı oluşmaz. */
.res-page-fixed {
  /* Madde: aynı "sabit değil" sorununun kaynağı (100dvh'in mobil
     tarayıcı arayüzü değiştikçe yeniden hesaplanması) burada da
     düzeltildi. */
  height: 100svh;
  max-width: 480px;
  margin: 0 auto;
  /* Madde: "rezervasyon sayfası düzelmemiş yine yazılar üstte kesik
     görünüyor" — kesin kök neden bulundu: sabit (.site-nav,
     position:fixed) üst gezinme çubuğunun GERÇEK yüksekliği (logo +
     marka adıyla) 70px — ama üst boşluk sadece 72px'ti, aralarında
     SADECE 2px boşluk kalıyordu. Bu, pratikte "hiç boşluk yokmuş"
     gibi algılanıyordu (küçük bir font/cihaz farkı bile metni nav
     çubuğunun altına/arkasına itebiliyordu). Güvenli bir marj için
     94px'e çıkarıldı — artık nav çubuğu ile başlık arasında GERÇEKTEN
     görünür bir boşluk var (Puppeteer ile: 70px nav + 94px padding =
     24px net boşluk, gerçek cihazda ölçülüp doğrulandı). */
  padding: calc(94px + env(safe-area-inset-top)) 24px calc(14px + env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
}
.res-page-header { flex-shrink: 0; }
.res-page-header .section-title { margin-bottom: 6px; }
.res-page-header .section-text { margin-bottom: 0; font-size: .85rem; }
.res-card {
  background:var(--bg-elevated); border-radius:var(--radius-lg); padding:22px 20px; margin-top:14px;
  border:1px solid rgba(241,228,211,0.08);
  flex: 1; display: flex; flex-direction: column; overflow: hidden; min-height: 0;
}
.res-form-flex { flex: 1; display: flex; flex-direction: column; overflow: hidden; min-height: 0; }
.res-form-scroll { flex: 1; overflow-y: auto; min-height: 0; padding-right: 2px; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.res-form-flex > .btn { flex-shrink: 0; margin-top: 14px; }
.field { margin-bottom:16px; }
.field label { display:block; font-size:.8rem; color:var(--cream-dim); margin-bottom:6px; font-weight:500; }
.field input, .field select, .field textarea {
  width:100%; padding:12px 13px; border-radius:var(--radius-sm); border:1px solid rgba(241,228,211,0.15);
  background:rgba(241,228,211,0.06); color:var(--cream); font-size:.95rem; font-family:inherit;
}
.field input[type="date"], .field input[type="time"] {
  font-size:.88rem; padding:11px 10px; min-height:44px; -webkit-appearance:none; appearance:none;
}
.field-row { display:flex; gap:12px; }
.field-row .field { flex:1; min-width:0; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:100%; padding:14px 16px; border-radius:var(--radius-sm); border:none; background:var(--primary); color:#241207; font-weight:700; font-size:1rem; cursor:pointer; }
.btn.secondary { background:transparent; border:1.5px solid var(--primary); color:var(--primary); }
.btn:disabled { opacity:.5; }

/* Madde: "bütün sistem butonlarına... her yere ekle" — Liquid Glass
   stili, site.js kullanan TÜM sayfalarda (hakkımızda, iletişim,
   rezervasyon, hediye, kampanyalar, galeri vb.) geçerli. */
.liquid-ui .btn {
  position:relative; overflow:hidden; border-radius:999px;
  background:linear-gradient(165deg, var(--primary) 0%, var(--primary) 45%, color-mix(in srgb, var(--primary) 78%, black 22%) 100%);
  backdrop-filter:blur(var(--liquid-blur, 22px)) saturate(var(--liquid-saturate, 220%)) brightness(1.05); -webkit-backdrop-filter:blur(var(--liquid-blur, 22px)) saturate(var(--liquid-saturate, 220%)) brightness(1.05);
  border:1px solid rgba(255,255,255,0.4);
  box-shadow:
    0 8px 20px rgba(0,0,0,0.25),
    inset 0 1px 0 rgba(255,255,255,0.5),
    inset 0 -3px 5px rgba(0,0,0,0.18);
  transition:transform .18s cubic-bezier(.4,0,.2,1), box-shadow .18s ease;
}
.liquid-ui .btn:active {
  transform:scale(.96);
  box-shadow:0 3px 8px rgba(0,0,0,0.22), inset 0 1px 3px rgba(0,0,0,0.25);
}
.liquid-ui .btn.secondary {
  background:color-mix(in srgb, var(--primary) 16%, rgba(255,255,255,0.06));
  backdrop-filter:blur(var(--liquid-blur, 22px)) saturate(var(--liquid-saturate, 220%)); -webkit-backdrop-filter:blur(var(--liquid-blur, 22px)) saturate(var(--liquid-saturate, 220%));
  border:1px solid color-mix(in srgb, var(--primary) 55%, transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.25), 0 8px 20px rgba(0,0,0,0.2);
}
.form-error { background:rgba(211,68,58,0.15); color:#F2A9A2; padding:10px 14px; border-radius:10px; font-size:.85rem; margin-bottom:14px; }
.form-success { background:rgba(138,154,91,0.18); color:#c8d9ae; padding:14px; border-radius:12px; font-size:.9rem; }

/* ---- Genel pop-up (ör. rezervasyon onayı) ---- */
.popup-backdrop {
  position:fixed; inset:0; background:rgba(10,7,4,0.65); z-index:300;
  display:flex; align-items:center; justify-content:center; padding:20px;
}
.popup-card {
  background:var(--bg-elevated); border:1px solid rgba(241,228,211,0.1); border-radius:var(--radius-lg);
  padding:30px 26px; max-width:380px; width:100%; text-align:center;
  box-shadow:0 25px 60px rgba(0,0,0,0.5); animation:popupPop .18s ease-out;
}
.popup-card .popup-icon { font-size:2.4rem; margin-bottom:10px; }
.popup-card h3 { font-size:1.15rem; margin-bottom:10px; }
.popup-card p { font-size:.88rem; color:var(--cream-dim); line-height:1.6; margin-bottom:20px; }
@keyframes popupPop { from { transform:scale(0.94); opacity:0; } to { transform:scale(1); opacity:1; } }

/* ---- Footer ---- */
/* Madde: "footer kısmı Cinzel Medium olsun" */
.site-footer { padding:34px 24px; text-align:center; color:var(--cream-dim); font-size:.82rem; font-family:'Cinzel',serif; font-weight:500; }
.site-footer .soc { margin-top:10px; display:flex; gap:16px; justify-content:center; }
.site-footer.small { padding:16px 20px; font-size:.72rem; }
.site-footer.small .display { font-size:.85rem !important; }
.site-footer.small .soc { margin-top:6px; gap:12px; font-size:.72rem; }
.copyright { text-align:center; font-size:.68rem; color:var(--cream-dim); opacity:.6; margin-top:18px; padding-top:14px; }

/* ---- Reklam pop-up ---- */
.ad-popup-backdrop { position:fixed; inset:0; background:rgba(10,7,4,0.65); z-index:300; display:flex; align-items:center; justify-content:center; padding:20px; }
.ad-popup-card { position:relative; background:var(--bg-elevated); border-radius:var(--radius-lg); max-width:380px; width:100%; overflow:hidden; box-shadow:0 25px 60px rgba(0,0,0,0.5); animation:popupPop .18s ease-out; }
.ad-popup-card img { width:100%; max-height:220px; object-fit:cover; }
.ad-popup-body { padding:22px; text-align:center; }
.ad-popup-body h3 { font-size:1.15rem; margin-bottom:8px; }
.ad-popup-body p { font-size:.88rem; color:var(--cream-dim); margin-bottom:16px; line-height:1.6; }
.ad-popup-close { position:absolute; top:12px; right:14px; z-index:2; width:32px; height:32px; border-radius:50%; background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.18); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; font-size:1.1rem; transition:background .15s ease, transform .15s ease; }
.ad-popup-close:hover { background:rgba(255,255,255,0.22); transform:scale(1.08); }

/* ---- Ana ekrana ekle bildirimi ---- */
.install-prompt-banner {
  position:fixed; left:12px; right:12px; bottom:-120px; z-index:400;
  background:var(--card, var(--bg-elevated, #241507)); border:1px solid var(--line, rgba(255,255,255,0.12));
  border-radius:16px; padding:14px 16px; display:flex; align-items:flex-start; gap:12px;
  box-shadow:0 20px 50px rgba(0,0,0,0.45); transition:bottom .35s ease; max-width:460px; margin:0 auto;
}
.install-prompt-banner.show { bottom:calc(16px + env(safe-area-inset-bottom)); }
.install-prompt-icon { font-size:1.6rem; flex-shrink:0; }
.install-prompt-text { flex:1; min-width:0; }
.install-prompt-text b { display:block; font-size:.88rem; color:var(--cream, #F1E4D3); margin-bottom:3px; }
.install-prompt-text p { font-size:.78rem; color:var(--cream-dim, #B8A488); margin:0; line-height:1.5; }
.install-prompt-btn {
  flex-shrink:0; background:var(--primary, #C08552); color:#241407; border:none; border-radius:999px;
  padding:8px 16px; font-size:.82rem; font-weight:700; cursor:pointer; align-self:center;
}
.install-prompt-close {
  flex-shrink:0; cursor:pointer; color:var(--cream-dim, #B8A488); font-size:1.1rem; line-height:1; padding:2px 4px;
}

/* Madde: "club sayfasında yapılan alt ikonlar ana sayfa ve tüm
   sayfalara uygula" — style.css'deki (club.html) TANIM ile birebir
   aynı; genel site sayfalarında (site.js/renderSiteBottomNav) da
   kullanılabilsin diye buraya da eklendi. */
/* Madde: "alt gezinti çubuğunu... footer tarafına taşımak" —
   style.css'deki (club.html) AYNI değişiklik: sabit (fixed) kalıyor,
   ama artık yarı saydam gradyan yerine tam opak arka plan + üst
   sınır çizgisiyle "gerçek bir taban paneli" hissi veriyor. */
.bottombar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  display: flex; justify-content: center;
  padding: 10px 20px calc(10px + env(safe-area-inset-bottom));
  background: var(--bn-bg-rgba, rgba(36,21,7,0.72));
  backdrop-filter: blur(var(--bn-blur, 16px));
  -webkit-backdrop-filter: blur(var(--bn-blur, 16px));
  border-top: 1px solid rgba(241,228,211,0.1);
  box-shadow: 0 -4px 16px rgba(0,0,0,0.2);
  z-index: 50;
}
.bottom-nav { display: flex; align-items: flex-end; justify-content: space-around; width: 100%; max-width: 480px; margin: 0 auto; }
.bottom-nav-item {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  color: var(--cream-dim); text-decoration: none; background: none; border: none;
  font-size: .65rem; font-weight: 600; letter-spacing: .01em; cursor: pointer;
  flex: 1; padding: 0 2px;
  transition: color .15s ease, transform .15s ease;
}
.bottom-nav-item:active { transform: scale(.92); }
.bottom-nav-item .bottom-nav-ic { width: 21px; height: 21px; display: flex; align-items: center; justify-content: center; }
.bottom-nav-item.active { color: var(--primary); }
.bottom-nav-item.qr-center { color: #241407; margin-top: -14px; }
.bottom-nav-item.qr-center .bottom-nav-ic {
  width: 46px; height: 46px; border-radius: 50%;
  background: var(--primary); box-shadow: 0 6px 16px rgba(0,0,0,0.4), 0 0 0 4px var(--bg);
}
.bottom-nav-item.qr-center .bottom-nav-ic span { width: 22px; height: 22px; }
.bottom-nav-item.qr-center span:last-child { color: var(--cream-dim); }
/* İçerik alt gezinme çubuğunun arkasında kalmasın diye .page-wrap'e
   ekstra alt boşluk. */
.page-wrap { padding-bottom: calc(90px + env(safe-area-inset-bottom)); }


/* ============================================================
   2026-09-05 — TUM SAYFALAR ALT NAV KONUM ESITLEME
   Menu sayfasindaki alt gezinme cubuguyla ayni viewport konumu.
   iOS/Android PWA safe-area dahil ekranin GERCEK en altina sabitlenir.
   ============================================================ */
.bottombar {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
  z-index: 190 !important;
  display: flex !important;
  justify-content: center !important;
  padding: 10px 20px calc(10px + env(safe-area-inset-bottom)) !important;
}
.bottom-nav {
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  flex-shrink: 0 !important;
}


/* ============================================================
   2026-09-05 — REZERVASYON / ALT NAV ÇAKIŞMA DÜZELTMESİ
   Rezervasyon Talebi Gönder butonu, PWA alt gezinme çubuğunun
   arkasında kalmasın. Formun kendi scroll alanı küçülür; başlık ve
   gönder butonu görünür kalmaya devam eder.
   ============================================================ */
.res-page-fixed {
  padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
}

/* Çok kısa mobil ekranlarda kartın taşması yerine yalnızca form
   alanı kayar; submit butonu alt nav'ın üstünde sabit kalır. */
.res-card,
.res-form-flex {
  min-height: 0 !important;
}
.res-form-scroll {
  min-height: 0 !important;
  overflow-y: auto !important;
}


/* ============================================================
   LOREN'S PREMIUM BOTTOM NAV — 2026-09-05
   Referans: kapsül bar + yükseltilmiş merkez QR.
   Mevcut Loren'S ikonları ve tema ana rengi korunur.
   ============================================================ */
.bottombar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding:
    10px
    14px
    calc(10px + env(safe-area-inset-bottom))
    !important;
  pointer-events: none;
}

.bottom-nav {
  position: relative !important;
  width: 100% !important;
  max-width: 460px !important;
  min-height: 72px !important;
  padding: 8px 8px 7px !important;
  box-sizing: border-box !important;
  align-items: flex-end !important;
  border-radius: 30px !important;
  background: rgba(250, 246, 240, .97) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  box-shadow:
    0 16px 34px rgba(24, 13, 5, .24),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  backdrop-filter: blur(22px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.15) !important;
  overflow: visible !important;
  pointer-events: auto;
}

.bottom-nav-item {
  position: relative !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 5px 2px 2px !important;
  gap: 4px !important;
  justify-content: flex-end !important;
  color: #3A281B !important;
  font-size: .61rem !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: -.01em !important;
  border-radius: 18px !important;
  transition:
    transform .18s ease,
    color .18s ease,
    opacity .18s ease !important;
}

.bottom-nav-item .bottom-nav-ic {
  width: 25px !important;
  height: 25px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: currentColor !important;
  transition: transform .18s ease !important;
}

.bottom-nav-item .bottom-nav-ic > span:not([id$="Badge"]) {
  width: 24px !important;
  height: 24px !important;
  color: currentColor !important;
}

.bottom-nav-item.active {
  color: var(--primary, #C8953D) !important;
}

.bottom-nav-item.active .bottom-nav-ic {
  transform: translateY(-1px) scale(1.05);
}

.bottom-nav-item:active {
  transform: scale(.94) !important;
}

/* Referans görseldeki merkezde yukarı taşan seçili/ana aksiyon görünümü. */
.bottom-nav-item.qr-center {
  margin-top: -26px !important;
  padding-top: 0 !important;
  color: var(--primary, #C8953D) !important;
}

.bottom-nav-item.qr-center .bottom-nav-ic {
  position: relative !important;
  width: 58px !important;
  height: 58px !important;
  margin-bottom: 2px !important;
  border-radius: 50% !important;
  color: #FFF9F0 !important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb, var(--primary, #C8953D) 88%, white 12%),
      color-mix(in srgb, var(--primary, #C8953D) 88%, #6E461D 12%)
    ) !important;
  border: 3px solid rgba(255,250,241,.96) !important;
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--primary, #C8953D) 32%, transparent),
    0 5px 12px rgba(42,24,10,.24),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
  transform: translateY(-5px) !important;
}

.bottom-nav-item.qr-center .bottom-nav-ic::before {
  content: "" !important;
  position: absolute !important;
  inset: -10px !important;
  border-radius: inherit !important;
  background: color-mix(in srgb, var(--primary, #C8953D) 16%, transparent) !important;
  filter: blur(8px) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

.bottom-nav-item.qr-center .bottom-nav-ic > span {
  width: 27px !important;
  height: 27px !important;
  color: #FFF9F0 !important;
}

.bottom-nav-item.qr-center > span:last-child {
  color: var(--primary, #C8953D) !important;
  font-weight: 750 !important;
  transform: translateY(-2px);
}

/* Bildirim rozeti yeni ikon ölçüsüne göre hizala. */
.bottom-nav-item #navNotifBadge,
.bottom-nav-item #menuNotifBadge,
.bottom-nav-item #notifBadge {
  top: -8px !important;
  right: -11px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,.22);
}

/* Küçük telefonlarda yazılar taşmasın. */
@media (max-width: 370px) {
  .bottombar {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  .bottom-nav {
    border-radius: 27px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .bottom-nav-item {
    font-size: .54rem !important;
  }
  .bottom-nav-item.qr-center .bottom-nav-ic {
    width: 54px !important;
    height: 54px !important;
  }
}


/* ============================================================
   LOREN'S PREMIUM BOTTOM NAV V1.1
   V1 GEOMETRİSİ KORUNDU.
   - Çubuk ekranın altına yaklaştırıldı.
   - Admin: bottom_nav_bg_color
   - Admin: bottom_nav_bg_opacity
   - Admin: bottom_nav_blur
     ayarları doğrudan yeni V1 çubuğuna bağlandı.
   ============================================================ */

.bottombar {
  bottom: 0 !important;
  top: auto !important;
  padding:
    0
    14px
    max(2px, env(safe-area-inset-bottom))
    !important;
  align-items: flex-end !important;
}

/* V1'in şekli aynen kalır; yalnızca arka plan artık yönetim
   panelinden gelen CSS değişkenlerini kullanır. */
.bottom-nav {
  background: var(--bn-bg-rgba, rgba(250, 246, 240, .97)) !important;
  backdrop-filter:
    blur(var(--bn-blur, 16px))
    saturate(1.15)
    !important;
  -webkit-backdrop-filter:
    blur(var(--bn-blur, 16px))
    saturate(1.15)
    !important;
}

/* Küçük ekranlarda da ekstra yukarı boşluk oluşmasın. */
@media (max-width: 370px) {
  .bottombar {
    padding-bottom: max(2px, env(safe-area-inset-bottom)) !important;
  }
}


/* Loren'S V1.2 — QR alt parlama minimum */
.bottom-nav-item.qr-center .bottom-nav-ic {
  box-shadow:
    0 3px 7px rgba(42,24,10,.14),
    inset 0 1px 0 rgba(255,255,255,.30) !important;
}

.bottom-nav-item.qr-center .bottom-nav-ic::before {
  background: color-mix(in srgb, var(--primary, #C8953D) 4%, transparent) !important;
  filter: blur(3px) !important;
  opacity: .22 !important;
  inset: -3px !important;
}


/* ============================================================
   LOREN'S V1 NAV — GLOBAL ADMIN AYARLARI
   V1 geometrisi değiştirilmez.
   Sayfa temasından bağımsız ikon/aktif/QR renkleri + Liquid Glass.
   ============================================================ */

.bottom-nav {
  background: var(--bn-bg-rgba, rgba(250,246,240,.97)) !important;
}

/* Liquid Glass KAPALI: admin arka plan rengi/saydamlığı çalışır,
   fakat arkadaki görüntü bulanıklaştırılmaz. */
body:not(.bottom-nav-liquid) .bottom-nav {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Liquid Glass AÇIK: sadece alt çubuğa özel blur + saturasyon. */
body.bottom-nav-liquid .bottom-nav {
  backdrop-filter:
    blur(var(--bn-blur, 16px))
    saturate(var(--bn-saturate, 160%))
    !important;
  -webkit-backdrop-filter:
    blur(var(--bn-blur, 16px))
    saturate(var(--bn-saturate, 160%))
    !important;
  border-color: rgba(255,255,255,.78) !important;
  box-shadow:
    0 10px 24px rgba(24,13,5,.16),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

/* Normal ikon/yazı rengi artık sayfanın --primary renginden bağımsız. */
.bottom-nav-item {
  color: var(--bn-icon-color, #3A281B) !important;
}

/* Seçili sayfa rengi. Rezervasyon sayfasının kendi --primary ayarı
   bunu artık değiştiremez. */
.bottom-nav-item.active {
  color: var(--bn-active-color, #C8953D) !important;
}

/* QR butonu da ayrı admin rengine bağlı. */
.bottom-nav-item.qr-center {
  color: var(--bn-qr-color, #C8953D) !important;
}

.bottom-nav-item.qr-center .bottom-nav-ic {
  background:
    linear-gradient(
      145deg,
      color-mix(in srgb, var(--bn-qr-color, #C8953D) 88%, white 12%),
      color-mix(in srgb, var(--bn-qr-color, #C8953D) 88%, #6E461D 12%)
    ) !important;
}

/* QR yazısının rengi */
.bottom-nav-item.qr-center > span:last-child {
  color: var(--bn-qr-color, #C8953D) !important;
}

/* V1.2'deki minimum parlama korunur, ancak artık QR admin rengine bağlı. */
.bottom-nav-item.qr-center .bottom-nav-ic::before {
  background: color-mix(in srgb, var(--bn-qr-color, #C8953D) 4%, transparent) !important;
}


/* ============================================================
   RESPONSIVE SAFE CONTENT — V1 ALT ÇUBUK ŞEKLİNE DOKUNMAZ
   ============================================================ */

/* Sabit alt çubuk içerik üzerine binmesin. */
body {
  overflow-x: hidden !important;
}

/* Normal sayfalarda son içerik bölümü alt çubuğun üstünde kalır. */
main,
.site-main,
.page-content,
.content-wrap {
  box-sizing: border-box;
}

/* Ana sayfa 100dvh hero olduğu için body padding yeterli değildir.
   Sosyal butonlar / son kartlar için doğrudan hero içinde güvenli alan. */
.hero-center {
  box-sizing: border-box !important;
  padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
}

/* Kısa telefonlarda içeriği biraz sıkıştır; çubuğun şeklini değiştirme. */
@media (max-height: 760px) and (max-width: 600px) {
  .hero-center {
    gap: clamp(14px, 3vh, 28px) !important;
    padding-top: 16px !important;
    padding-bottom: calc(106px + env(safe-area-inset-bottom)) !important;
  }

  .social-boxes {
    gap: 8px !important;
  }
}

/* Çok kısa ekranlarda kartlar ve sosyal butonlar ekrana sığabilsin. */
@media (max-height: 670px) and (max-width: 600px) {
  .hero-center {
    gap: 12px !important;
    padding-top: 10px !important;
    padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important;
  }

  .social-box {
    padding-top: calc(8px * var(--sc-scale, 1)) !important;
    padding-bottom: calc(8px * var(--sc-scale, 1)) !important;
  }
}

/* Ana sayfa dışındaki kaydırılabilir sayfalarda son öğe alt barın altına kaçmasın. */
body:not(.home-page) main,
body:not(.home) main {
  padding-bottom: calc(98px + env(safe-area-inset-bottom));
}

img, video, iframe, canvas {
  max-width: 100%;
}


/* ============================================================
   LOREN'S FIXED VIEWPORT V6
   SAYFA AŞAĞI-YUKARI OYNAMAZ / ESNEMEZ.
   V1 ALT ÇUBUK GEOMETRİSİNE DOKUNMAZ.
   ============================================================ */

html {
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

body {
  width: 100%;
  height: 100svh !important;
  min-height: 100svh !important;
  max-height: 100svh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  position: relative;
}

/* Ana sayfa artık dynamic viewport (100dvh) ile büyüyüp küçülmez.
   Small viewport sabit kalır; browser barı görünse/kaybolsa da sayfa oynamaz. */
.hero-section {
  height: 100svh !important;
  min-height: 0 !important;
  max-height: 100svh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

/* Ana sayfa içeriği ekranın gerçek kullanılabilir yüksekliğine sığdırılır.
   Sosyal butonlar alt çubuğun arkasına kaçmaz; sayfanın kendisi kaymaz. */
.hero-center {
  height: 100%;
  min-height: 0;
  padding-top: calc(76px + env(safe-area-inset-top)) !important;
  padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  overflow: hidden !important;
}

/* Kısa telefonlarda boşlukları akışkan küçült, ama viewport'u kaydırma. */
@media (max-height: 760px) and (max-width: 600px) {
  .hero-center {
    gap: clamp(10px, 2.4svh, 22px) !important;
    padding-top: calc(66px + env(safe-area-inset-top)) !important;
    padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-height: 660px) and (max-width: 600px) {
  .hero-center {
    gap: 8px !important;
    padding-top: calc(58px + env(safe-area-inset-top)) !important;
    padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
  }
}

/* Standart içerik sayfalarında ROOT değil, içerik alanı scroll eder.
   Böylece ekranın tamamında lastik gibi yukarı/aşağı esneme oluşmaz. */
.page-wrap {
  height: 100svh !important;
  max-height: 100svh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: none !important;
  -webkit-overflow-scrolling: auto !important;
  padding-top: calc(94px + env(safe-area-inset-top)) !important;
  padding-bottom: calc(112px + env(safe-area-inset-bottom)) !important;
  scrollbar-width: none;
}
.page-wrap::-webkit-scrollbar { display:none; }

/* Rezervasyon / destek gibi özel sabit ekranlarda dış sayfa hiç scroll etmez.
   Sadece halihazırdaki form-scroll alanı hareket eder. */
.res-page-fixed {
  height: 100svh !important;
  max-height: 100svh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

.res-form-scroll {
  overscroll-behavior-y: none !important;
  -webkit-overflow-scrolling: auto !important;
}

/* Modal / detay ekranları kendi içinde kayabilir; arka sayfayı hareket ettirmez. */
.camp-detail-screen,
.legal-popup-backdrop,
.ad-popup-backdrop,
.popup-backdrop {
  overscroll-behavior: none !important;
}

/* Eski V5 responsive ekinin body/main alt padding etkisini nötrle.
   Güvenli alan artık ilgili iç scroll konteynerlerinde uygulanıyor. */
body:not(.home-page) main,
body:not(.home) main {
  padding-bottom: 0 !important;
}


/* ==========================================================
   MÜŞTERİ HİZMETLERİ - FIXED PAGE V7
   Dış sayfa asla yukarı/aşağı esnemez veya rubber-band yapmaz.
   Sadece form alanının kendi içeriği gerektiğinde kayar.
   ========================================================== */
html:has(body.support-fixed-page) {
  height: 100%;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

body.support-fixed-page {
  width: 100%;
  height: 100svh !important;
  min-height: 100svh !important;
  max-height: 100svh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
  background-color: var(--bg) !important;
}

body.support-fixed-page .res-page-fixed {
  height: 100svh !important;
  min-height: 100svh !important;
  max-height: 100svh !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

body.support-fixed-page .res-form-scroll {
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: none !important;
  -webkit-overflow-scrolling: auto !important;
  scrollbar-width: none;
}

body.support-fixed-page .res-form-scroll::-webkit-scrollbar {
  display: none;
}


/* ==========================================================
   REZERVASYON + HESABI ÖDE — THEME/HEADER FIX V12
   - Üst header bu iki ekranda opak blok oluşturmaz.
   - İçerik header/safe-area altında kalmaz.
   - Dekoratif radial arka plan kaldırılır; yalnızca aktif tema rengi görünür.
   - Dış ekran esnemez.
   ========================================================== */

/* Her iki sayfada da tek parça tema arka planı */
body.reservation-theme-page,
body.bill-pay-page {
  background: var(--bg) !important;
  background-image: none !important;
  background-attachment: initial !important;
}

/* Üst header tema üzerinde saydam kalsın */
body.reservation-theme-page .site-nav,
body.bill-pay-page .site-nav {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* scroll olunca site.js .scrolled eklese bile bu iki sayfada opaklaştırma */
body.reservation-theme-page .site-nav.scrolled,
body.bill-pay-page .site-nav.scrolled {
  background: transparent !important;
  background-image: none !important;
}

/* Rezervasyon başlığı header'ın altında kalmasın */
body.reservation-theme-page .res-page-fixed {
  padding-top: calc(116px + env(safe-area-inset-top)) !important;
  background: transparent !important;
}

/* Rezervasyon dış kabuğunda ayrı katman yok */
body.reservation-theme-page .res-page-header,
body.reservation-theme-page .res-form-flex,
body.reservation-theme-page .res-form-scroll {
  background: transparent !important;
}

/* Kartı tema içinde tut; sayfanın arka planı gibi ikinci bir tam ekran katman olmasın */
body.reservation-theme-page .res-card {
  background: color-mix(in srgb, var(--cream) 5%, transparent) !important;
  border-color: color-mix(in srgb, var(--cream) 10%, transparent) !important;
}

/* Rezervasyon üst metinleri net ve okunaklı */
body.reservation-theme-page .res-page-header .section-eyebrow {
  color: var(--primary, #C8953D) !important;
}

body.reservation-theme-page .res-page-header .section-text {
  color: var(--cream-dim) !important;
}

/* Hesabı Öde dış kabuğu da tamamen tema rengi */
body.bill-pay-page .page-wrap,
body.bill-pay-page .bill-pay-inner {
  background: transparent !important;
}

/* Çok kısa ekranlarda da başlık header'ın altına kaçmasın */
@media (max-height:700px) {
  body.reservation-theme-page .res-page-fixed {
    padding-top: calc(102px + env(safe-area-inset-top)) !important;
  }
}


/* ============================================================
   LOREN'S RESPONSIVE SHELL V13 — TÜM STANDART SAYFALAR
   Dış viewport sabit; içerik telefon boyuna/enine göre akışkan küçülür.
   V1 alt gezinme çubuğunun şekli/değerleri değiştirilmez.
   ============================================================ */
:root {
  --mobile-x: clamp(12px, 4.5vw, 24px);
  --mobile-top: clamp(82px, 12svh, 116px);
}

html, body {
  width:100%;
  height:100%;
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

body {
  height:100svh !important;
  min-height:100svh !important;
  max-height:100svh !important;
}

.page-wrap {
  width:100% !important;
  max-width:880px !important;
  height:100svh !important;
  max-height:100svh !important;
  margin:0 auto !important;
  padding-left:var(--mobile-x) !important;
  padding-right:var(--mobile-x) !important;
  padding-top:calc(var(--mobile-top) + env(safe-area-inset-top)) !important;
  padding-bottom:calc(108px + env(safe-area-inset-bottom)) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:none !important;
  -webkit-overflow-scrolling:auto !important;
  scrollbar-width:none;
}
.page-wrap::-webkit-scrollbar { display:none; }

.section-eyebrow {
  font-size:clamp(.62rem,2.8vw,.72rem) !important;
  margin-bottom:clamp(5px,1svh,10px) !important;
}
.section-title {
  font-size:clamp(1.45rem,7vw,2rem) !important;
  line-height:1.1 !important;
  margin-bottom:clamp(9px,1.8svh,18px) !important;
}
.section-text {
  font-size:clamp(.82rem,3.6vw,.98rem) !important;
  line-height:clamp(1.45, 1.6, 1.8) !important;
}

.contact-grid,
.about-grid,
.entry-nav-cards,
.gallery-grid {
  min-width:0;
}
.contact-card,
.entry-nav-cards a,
.res-card {
  min-width:0;
}

.contact-card {
  padding:clamp(14px,4vw,22px) !important;
}
.contact-card iframe {
  height:clamp(180px,34svh,260px) !important;
}

.field {
  margin-bottom:clamp(9px,1.8svh,16px) !important;
}
.field label {
  font-size:clamp(.7rem,3vw,.8rem) !important;
  margin-bottom:4px !important;
}
.field input,
.field select,
.field textarea {
  min-width:0;
  padding:clamp(9px,1.5svh,12px) 11px !important;
  font-size:clamp(.84rem,3.7vw,.95rem) !important;
}
.field-row {
  gap:clamp(7px,2.5vw,12px) !important;
}
.btn {
  min-height:42px;
  padding:clamp(10px,1.7svh,14px) 14px !important;
  font-size:clamp(.84rem,3.7vw,1rem) !important;
}

.res-page-fixed {
  width:100% !important;
  max-width:480px !important;
  height:100svh !important;
  max-height:100svh !important;
  padding-left:var(--mobile-x) !important;
  padding-right:var(--mobile-x) !important;
  overflow:hidden !important;
}
.res-page-header {
  min-width:0;
}
.res-card {
  min-height:0 !important;
  padding:clamp(12px,3.8vw,20px) !important;
  margin-top:clamp(8px,1.5svh,14px) !important;
}
.res-form-scroll {
  min-height:0 !important;
  overscroll-behavior-y:none !important;
  -webkit-overflow-scrolling:auto !important;
}

body.reservation-theme-page .res-page-fixed {
  padding-top:calc(clamp(94px, 13svh, 116px) + env(safe-area-inset-top)) !important;
}
body.bill-pay-page .page-wrap {
  padding-top:calc(clamp(96px, 13svh, 116px) + env(safe-area-inset-top)) !important;
}

body.bill-pay-page .cart-row {
  min-width:0;
  padding:clamp(9px,1.7svh,13px) 0 !important;
}
body.bill-pay-page .cart-row-name {
  min-width:0;
  overflow-wrap:anywhere;
  font-size:clamp(.82rem,3.6vw,.92rem) !important;
}
body.bill-pay-page .cart-row-price {
  min-width:60px !important;
  font-size:clamp(.8rem,3.4vw,.9rem) !important;
}
body.bill-pay-page .cart-total {
  padding:clamp(10px,1.8svh,14px) 12px !important;
}

/* Dar telefonda iki kolonlu form alanları üst üste alınır.
   Böylece buton/input üst üste binmez veya yatay taşmaz. */
@media (max-width:360px) {
  .field-row {
    flex-direction:column !important;
    gap:0 !important;
  }
  .contact-grid,
  .about-grid,
  .entry-nav-cards {
    grid-template-columns:1fr !important;
  }
  .gallery-grid {
    gap:8px !important;
  }
}

/* Kısa telefonlarda üst/alt boşlukları ve kartları küçült. */
@media (max-height:760px) and (max-width:600px) {
  :root { --mobile-top: 88px; }
  .page-wrap {
    padding-bottom:calc(98px + env(safe-area-inset-bottom)) !important;
  }
  .res-card { padding:12px !important; }
  .field { margin-bottom:9px !important; }
  .field input,
  .field select,
  .field textarea { padding:9px 10px !important; }
  .res-form-flex > .btn { margin-top:8px !important; }
  .support-channels { margin-top:12px !important; gap:7px !important; }
  .support-channel-item { padding:8px 12px !important; font-size:.78rem !important; }
}

@media (max-height:680px) and (max-width:600px) {
  :root { --mobile-top: 78px; }
  .page-wrap {
    padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }
  body.reservation-theme-page .res-page-fixed {
    padding-top:calc(88px + env(safe-area-inset-top)) !important;
  }
  body.bill-pay-page .page-wrap {
    padding-top:calc(90px + env(safe-area-inset-top)) !important;
  }
  .section-title { font-size:1.35rem !important; }
  .section-text { font-size:.78rem !important; }
  .btn { min-height:39px !important; padding:9px 12px !important; }
}

/* Görsel/iframe taşmaları kesin engellenir. */
img, video, iframe, canvas, svg {
  max-width:100%;
}


/* ============================================================
   GLOBAL BACKGROUND CLEANUP V14
   Tüm müşteri ekranlarında dekoratif radial/gradient sayfa arka planı
   kaldırıldı. Her sayfa yalnızca aktif sistem tema rengini kullanır.
   Hero/banner kendi bileşen arka planlarını koruyabilir.
   ============================================================ */
html,
body {
  background-color: var(--bg) !important;
}

body {
  background: var(--bg) !important;
  background-image: none !important;
  background-attachment: initial !important;
}

/* Alt sayfalar / profil bağlantıları / auth / rezervasyon / ödeme */
.page-wrap,
.app,
.app-scroll,
#view-root,
.auth-card-shell,
.profile-screen,
.profile-screen-fixed,
.res-page-fixed,
.bill-pay-page,
.reservation-theme-page {
  background-image: none !important;
}


/* ============================================================
   V29 TRIAL — APPLE-LIKE LIQUID GLASS / GEOMETRY SAFE
   KURAL: Bottom-nav'ın şekli, ölçüsü, konumu, QR yüksekliği,
   padding'i, radius'u ve item geometrisi DEĞİŞTİRİLMEZ.
   Sadece malzeme/ışık efekti uygulanır.
   ============================================================ */

/* Ana cam malzemesi — GEOMETRİYE DOKUNMAZ */
body.bottom-nav-liquid .bottom-nav {
  /* Özellikle overflow:hidden YOK:
     yükseltilmiş QR dairesini ve V1 pill şeklini kesmez. */
  isolation:isolate !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.30) 0%,
      rgba(255,255,255,.14) 34%,
      rgba(255,255,255,.075) 58%,
      rgba(255,255,255,.11) 100%
    ),
    var(--bn-bg-rgba, rgba(248,243,236,.62)) !important;

  backdrop-filter:
    blur(var(--bn-blur, 20px))
    saturate(var(--bn-saturate, 185%))
    contrast(106%)
    brightness(1.035) !important;
  -webkit-backdrop-filter:
    blur(var(--bn-blur, 20px))
    saturate(var(--bn-saturate, 185%))
    contrast(106%)
    brightness(1.035) !important;

  border-color:rgba(255,255,255,.56) !important;

  box-shadow:
    0 10px 28px rgba(30,18,10,.14),
    0 2px 7px rgba(30,18,10,.06),
    inset 0 1px 0 rgba(255,255,255,.90),
    inset 0 -1px 0 rgba(255,255,255,.15),
    inset 1px 0 0 rgba(255,255,255,.20),
    inset -1px 0 0 rgba(255,255,255,.14) !important;
}

/* Apple-benzeri üst yüzey ışığı.
   inset:0 olduğu için dış şekli değiştirmez. */
body.bottom-nav-liquid .bottom-nav::before {
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(
      120% 90% at 18% -18%,
      rgba(255,255,255,.58) 0%,
      rgba(255,255,255,.18) 33%,
      rgba(255,255,255,0) 62%
    ),
    linear-gradient(
      108deg,
      rgba(255,255,255,0) 5%,
      rgba(255,255,255,.13) 27%,
      rgba(255,255,255,.035) 50%,
      rgba(255,255,255,.12) 73%,
      rgba(255,255,255,0) 96%
    );
  opacity:.82;
}

/* Alt kenarda çok hafif refraksiyon/yoğunluk hissi.
   Yine geometriyi değiştirmez. */
body.bottom-nav-liquid .bottom-nav::after {
  content:"";
  position:absolute;
  inset:1px;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(
      105% 48% at 50% 112%,
      rgba(255,255,255,.24) 0%,
      rgba(255,255,255,.07) 48%,
      rgba(255,255,255,0) 75%
    );
  opacity:.64;
}

/* İçerik cam katmanının üstünde kalsın */
body.bottom-nav-liquid .bottom-nav > * {
  position:relative;
  z-index:1;
}

/* V27'deki aktif kapsül kaldırıldı:
   barın şeklini optik olarak bozuyordu.
   Aktif öğede yalnızca Apple-benzeri ışık/renk tepkisi kalır. */
body.bottom-nav-liquid .bottom-nav-item:not(.qr-center)::before {
  content:none !important;
}

body.bottom-nav-liquid .bottom-nav-item.active:not(.qr-center) {
  filter:brightness(1.07) saturate(1.04);
  text-shadow:0 1px 0 rgba(255,255,255,.22);
}

/* QR geometrisine ASLA dokunma.
   Yalnızca mevcut daire üzerinde yüzey ışığı/gölge. */
body.bottom-nav-liquid .bottom-nav-item.qr-center .bottom-nav-ic {
  background:
    radial-gradient(circle at 31% 22%,
      rgba(255,255,255,.34) 0%,
      rgba(255,255,255,.10) 24%,
      rgba(255,255,255,0) 43%
    ),
    var(--bn-qr-color, #C8953D) !important;

  border-color:rgba(255,255,255,.42) !important;

  box-shadow:
    0 7px 18px rgba(104,64,18,.17),
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 -1px 0 rgba(86,49,9,.10) !important;
}

/* Dokunmada geometri değişmez; sadece ışık cevabı */
body.bottom-nav-liquid .bottom-nav-item:active {
  filter:brightness(.97);
}

/* Destek yoksa sade, güvenli fallback */
@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))) {
  body.bottom-nav-liquid .bottom-nav {
    background:rgba(247,242,235,.94) !important;
  }
}


/* V30 — Ana sayfa giriş kartları Apple Liquid Glass */
body.entry-card-apple-glass .entry-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,calc(var(--ec-glass-opacity,.14) + .10)),rgba(255,255,255,var(--ec-glass-opacity,.14)) 46%,rgba(255,255,255,calc(var(--ec-glass-opacity,.14) * .62)))!important;border:1px solid rgba(255,255,255,.20)!important;-webkit-backdrop-filter:blur(var(--ec-glass-blur,18px)) saturate(var(--ec-glass-saturate,180%)) contrast(106%)!important;backdrop-filter:blur(var(--ec-glass-blur,18px)) saturate(var(--ec-glass-saturate,180%)) contrast(106%)!important;box-shadow:0 10px 26px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,calc(.62 * var(--ec-glass-highlight,.70))),inset 0 -1px 0 rgba(255,255,255,.065)!important}
body.entry-card-apple-glass .entry-card::before{content:"";position:absolute;inset:1px;z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(125% 95% at 15% -22%,rgba(255,255,255,calc(.48 * var(--ec-glass-highlight,.70))),rgba(255,255,255,calc(.13 * var(--ec-glass-highlight,.70))) 34%,transparent 64%),linear-gradient(108deg,transparent 5%,rgba(255,255,255,.09) 28%,transparent 51%,rgba(255,255,255,.07) 74%,transparent 96%)}
body.entry-card-apple-glass .entry-card:active{filter:brightness(.97)}


/* ============================================================
   V34 — TÜM SAYFALAR ALT GEZİNME = CLUB V33 DİKEY HİZASI
   SADECE dikey konum. Boyut / radius / QR / item geometrisi aynı.
   ============================================================ */
.bottombar{
  bottom:0 !important;
  top:auto !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.bottom-nav{
  bottom:0 !important;
  margin-bottom:0 !important;
}


/* V36 — Ana ekran görseli/gradyanı footer dahil gerçek tam ekran */
.hero-section{height:100dvh!important;min-height:100svh!important;inset:0;background-size:cover!important;background-position:center!important}
.hero-media{inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none}
.hero-overlay{background:linear-gradient(180deg,rgba(12,7,4,calc(var(--home-overlay-opacity,.42)*.72)),rgba(12,7,4,var(--home-overlay-opacity,.42)))!important}

/* V36 — Anket popup modern Premium görünüm */
#surveyBackdrop{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(15,9,5,.56)}
.survey-card{position:relative;max-width:430px!important;border-radius:28px!important;overflow:hidden!important;background:linear-gradient(165deg,rgba(54,34,22,.96),rgba(25,16,11,.98))!important;border:1px solid rgba(255,240,219,.14)!important;box-shadow:0 28px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important}
.survey-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(212,157,92,.22),transparent 34%)}
.survey-premium-mark{position:relative;padding:24px 24px 0;font-size:.62rem;letter-spacing:.24em;color:#dcb986;font-weight:800}
.survey-card .ad-popup-body{position:relative;padding:14px 24px 26px!important}.survey-step-content{text-align:left!important}.survey-step-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.07);margin:0 0 15px!important}.survey-scale{gap:8px!important}.survey-scale-btn{border-radius:14px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.06)!important;min-height:46px}.survey-scale-btn:active{transform:scale(.94)}.survey-progress-track{height:5px!important;background:rgba(255,255,255,.08)!important}.survey-progress-fill{background:linear-gradient(90deg,#b77b49,#e5bd83)!important}.survey-choices button{border-radius:16px!important;min-height:48px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.11)!important}

/* V36 — Hediye gönder modern */
body:has(#giftLoggedIn) .page-wrap{max-width:720px;padding-top:calc(94px + env(safe-area-inset-top));padding-bottom:120px}
body:has(#giftLoggedIn) .section-eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(192,133,82,.12);border:1px solid rgba(192,133,82,.22);letter-spacing:.15em}
body:has(#giftLoggedIn) .section-title{font-size:clamp(2rem,7vw,3.3rem);margin:12px 0 24px}
#giftLoggedIn{background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.11);border-radius:28px;padding:18px;box-shadow:0 24px 55px rgba(0,0,0,.18);backdrop-filter:blur(16px)}
.gift-tabs{padding:5px!important;border-radius:16px;background:rgba(0,0,0,.14)!important}.gift-tab{border-radius:12px!important;min-height:44px}.gift-section-title{font-size:.72rem!important;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)!important;margin-top:18px}.gift-recipient-row input,#giftMessage,#giftMenuSearch{border-radius:15px!important;background:rgba(255,255,255,.075)!important;color:var(--cream)!important;border:1px solid rgba(255,255,255,.12)!important;min-height:48px}.gift-payment-sheet{border-radius:28px 28px 0 0!important;background:linear-gradient(180deg,#fffaf4,#f4eadf)!important;box-shadow:0 -24px 60px rgba(0,0,0,.28)}

/* V36 — Rezervasyon modern */
.res-page-fixed{padding-top:calc(88px + env(safe-area-inset-top))!important;background:radial-gradient(circle at 12% 8%,rgba(192,133,82,.18),transparent 36%),radial-gradient(circle at 88% 92%,rgba(138,154,91,.11),transparent 42%)}
.res-page-header{max-width:650px!important;margin:0 auto!important;width:100%!important;padding:12px 22px 14px!important}.res-page-header .section-eyebrow{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(192,133,82,.12);border:1px solid rgba(192,133,82,.22)}
.res-card{max-width:650px!important;margin:0 auto 12px!important;border-radius:28px!important;background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 24px 55px rgba(0,0,0,.18)!important;backdrop-filter:blur(16px)}
.res-card input,.res-card select,.res-card textarea{min-height:47px;border-radius:14px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.12)!important;color:var(--cream)!important}.res-card textarea{min-height:74px}.res-form-flex>.btn{border-radius:16px!important;min-height:52px!important;box-shadow:0 12px 26px rgba(192,133,82,.22)}
#successPopup .popup-card{border-radius:28px!important;box-shadow:0 24px 70px rgba(0,0,0,.32)!important}


/* ============================================================
   V37 — ANA SAYFA ARKA PLAN = FOOTER / SAFE AREA DAHİL TAM EKRAN
   ============================================================ */
body:has(.hero-section){
  min-height:100svh !important;
  background:transparent !important;
}
body:has(.hero-section) .hero-section{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100svh !important;
  min-height:100svh !important;
  max-height:100svh !important;
  margin:0 !important;
  padding:0 !important;
  z-index:0;
}
body:has(.hero-section) .hero-media,
body:has(.hero-section) .pc-slideshow,
body:has(.hero-section) .hero-overlay{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
}
body:has(.hero-section) .site-footer{
  position:relative;
  z-index:2;
  background:transparent !important;
}
body:has(.hero-section) .bottombar,
body:has(.hero-section) .site-nav{
  z-index:190 !important;
}

/* ============================================================
   V37 — REZERVASYON: sade, premium, ferah
   ============================================================ */
body.reservation-theme-page{
  background:
    radial-gradient(circle at 14% -6%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 33%),
    radial-gradient(circle at 88% 108%,rgba(255,255,255,.05),transparent 38%),
    var(--bg) !important;
}
body.reservation-theme-page .res-page-fixed{
  max-width:700px !important;
  padding:
    calc(104px + env(safe-area-inset-top))
    18px
    calc(92px + env(safe-area-inset-bottom)) !important;
  gap:12px;
}
body.reservation-theme-page .res-page-header{
  padding:0 6px 4px !important;
  text-align:left;
}
body.reservation-theme-page .res-page-header .section-eyebrow{
  display:inline-flex !important;
  align-items:center;
  min-height:30px;
  padding:0 11px !important;
  border-radius:999px !important;
  font-size:.67rem !important;
  letter-spacing:.14em !important;
  background:color-mix(in srgb,var(--primary) 11%,transparent) !important;
  border:1px solid color-mix(in srgb,var(--primary) 26%,transparent) !important;
}
body.reservation-theme-page .res-page-header .section-text{
  margin:10px 2px 0 !important;
  font-size:.88rem !important;
  line-height:1.5 !important;
}
body.reservation-theme-page .res-card{
  margin:0 !important;
  padding:14px !important;
  border-radius:24px !important;
  background:
    linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
  box-shadow:
    0 18px 44px rgba(0,0,0,.17),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}
body.reservation-theme-page .res-form-scroll{ padding:2px 2px 8px !important; }
body.reservation-theme-page .field{ margin-bottom:11px !important; }
body.reservation-theme-page .field label{
  margin:0 0 6px 2px !important;
  font-size:.72rem !important;
  letter-spacing:.025em;
  color:var(--cream-dim) !important;
}
body.reservation-theme-page .field-row{ gap:9px !important; }
body.reservation-theme-page .res-card input,
body.reservation-theme-page .res-card select,
body.reservation-theme-page .res-card textarea{
  min-height:44px !important;
  padding:10px 12px !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  color:var(--cream) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
body.reservation-theme-page .res-card textarea{
  min-height:62px !important;
  resize:none;
}
body.reservation-theme-page .res-form-flex>.btn{
  min-height:50px !important;
  margin-top:10px !important;
  border-radius:15px !important;
  font-size:.94rem !important;
  letter-spacing:.01em;
  box-shadow:
    0 12px 26px color-mix(in srgb,var(--primary) 25%,transparent),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body.reservation-theme-page #successPopup{
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  background:rgba(11,7,4,.58) !important;
}
body.reservation-theme-page #successPopup .popup-card{
  max-width:420px !important;
  margin:18px !important;
  padding:24px 20px !important;
  border-radius:26px !important;
  background:linear-gradient(160deg,#fffaf5,#f4e9dc) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.35) !important;
}
@media(max-height:720px){
  body.reservation-theme-page .res-page-fixed{
    padding-top:calc(92px + env(safe-area-inset-top)) !important;
  }
  body.reservation-theme-page .res-page-header .section-text{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
}

/* Site/menu bildirim popup'ları */
.lorens-modern-popup-backdrop{
  background:rgba(13,8,5,.58) !important;
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
}
.lorens-modern-popup-backdrop > div{
  border-radius:26px 26px 0 0 !important;
  background:
    linear-gradient(165deg,rgba(255,252,247,.985),rgba(246,236,225,.985)) !important;
  border:1px solid rgba(255,255,255,.8) !important;
  box-shadow:
    0 -24px 60px rgba(24,13,5,.24),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}


/* ============================================================
   V38 — ANA SAYFA KARTLARI: TIKLAMADA TİTREME / SIÇRAMA YOK
   Kartın boyutu ve konumu dokunma sırasında değişmez.
   ============================================================ */
.entry-card,
.entry-card:hover,
.entry-card:active,
.liquid-ui .entry-card:hover,
.liquid-ui .entry-card:active,
body.entry-card-apple-glass .entry-card:hover,
body.entry-card-apple-glass .entry-card:active{
  transform:none !important;
}

/* Masaüstünde hover hissi kalsın ama geometri değişmesin */
@media (hover:hover) and (pointer:fine){
  .entry-card:hover{
    filter:brightness(1.035) !important;
  }
}

/* Telefonda dokununca yalnızca çok hafif renk geri bildirimi */
@media (hover:none), (pointer:coarse){
  .entry-card:hover,
  .entry-card:active,
  .liquid-ui .entry-card:active,
  body.entry-card-apple-glass .entry-card:active{
    transform:none !important;
    filter:brightness(.985) !important;
  }
}


/* ============================================================
   V41 — DESTEK / GERİ BİLDİRİM
   Rezervasyon stillerinden tamamen izole, sabit ve responsive.
   ============================================================ */
html:has(body.support-fixed-page),
body.support-fixed-page{
  width:100%;
  height:100%;
  min-height:100%;
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

body.support-fixed-page{
  min-height:100svh !important;
  max-height:100svh !important;
  background:var(--bg) !important;
  background-image:none !important;
}

/* Destek sayfasında header ayrı bir arka plan bloğu oluşturmasın. */
body.support-fixed-page .site-nav,
body.support-fixed-page .site-nav.scrolled{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  border-bottom-color:transparent !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

body.support-fixed-page .support-page-shell{
  box-sizing:border-box;
  width:100%;
  height:100svh;
  min-height:100svh;
  max-height:100svh;
  overflow:hidden;
  padding:
    calc(76px + env(safe-area-inset-top))
    clamp(12px,4vw,22px)
    calc(82px + env(safe-area-inset-bottom));
  display:flex;
  justify-content:center;
}

body.support-fixed-page .support-panel{
  width:min(100%,620px);
  min-width:0;
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  gap:clamp(7px,1.25svh,12px);
}

/* Başlık artık header'ın altında güvenli alanda ve asla kesilmez. */
body.support-fixed-page .support-heading{
  width:max-content;
  max-width:100%;
  min-height:30px;
  display:flex;
  align-items:center;
  padding:6px 10px;
  margin:0;
  border-radius:999px;
  color:var(--accent);
  background:rgba(192,133,82,.10);
  border:1px solid rgba(192,133,82,.20);
  font-size:clamp(.64rem,2.9vw,.74rem);
  font-weight:750;
  letter-spacing:.12em;
  line-height:1.2;
  text-transform:uppercase;
  white-space:normal;
}

body.support-fixed-page .support-channels{
  margin:0 !important;
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

body.support-fixed-page .support-channel-item{
  min-width:0;
  min-height:40px;
  margin:0 !important;
  padding:8px 11px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  overflow:hidden;
  font-size:clamp(.72rem,3.2vw,.84rem) !important;
  line-height:1.15;
}
body.support-fixed-page .support-channel-item span:last-child,
body.support-fixed-page .support-channel-item{
  text-overflow:ellipsis;
}

body.support-fixed-page .support-form-card{
  min-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  margin:0 !important;
  padding:clamp(12px,2.1svh,18px) !important;
  border-radius:22px;
  background:
    linear-gradient(165deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:
    0 18px 44px rgba(0,0,0,.15),
    inset 0 1px 0 rgba(255,255,255,.06);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
  backdrop-filter:blur(16px) saturate(135%);
}

/* "Bize Yazın" kaldırıldı; yalnızca kısa açıklama kaldı. */
body.support-fixed-page .support-form-intro{
  flex:0 0 auto;
  margin:0 0 clamp(7px,1.2svh,11px) !important;
  color:var(--cream-dim);
  font-size:clamp(.72rem,3.1vw,.82rem);
  line-height:1.35;
}

body.support-fixed-page #supportFormMsg:empty{
  display:none;
}

body.support-fixed-page .support-form{
  min-height:0;
  height:100%;
  display:grid;
  grid-template-rows:
    repeat(4,minmax(48px,auto))
    minmax(68px,1fr)
    auto;
  gap:clamp(6px,1svh,10px);
}

body.support-fixed-page .support-form .field{
  min-height:0;
  margin:0 !important;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  gap:4px;
}

body.support-fixed-page .support-form .field label{
  margin:0 0 0 2px !important;
  font-size:clamp(.64rem,2.8vw,.73rem) !important;
  line-height:1.1;
  color:var(--cream-dim) !important;
}

body.support-fixed-page .support-form input,
body.support-fixed-page .support-form textarea{
  width:100%;
  min-width:0;
  min-height:0 !important;
  height:100%;
  margin:0 !important;
  padding:8px 11px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:var(--cream) !important;
  font-size:clamp(.79rem,3.45vw,.91rem) !important;
  line-height:1.2;
}

body.support-fixed-page .support-form textarea{
  resize:none !important;
}

body.support-fixed-page .support-submit-btn{
  width:100%;
  min-height:44px !important;
  margin:0 !important;
  padding:9px 13px !important;
  border-radius:13px !important;
}

/* Kısa telefon ekranları: tüm sayfa yine sabit, sadece dikey boşluklar küçülür. */
@media (max-height:740px){
  body.support-fixed-page .support-page-shell{
    padding-top:calc(68px + env(safe-area-inset-top));
    padding-bottom:calc(76px + env(safe-area-inset-bottom));
  }
  body.support-fixed-page .support-panel{
    gap:6px;
  }
  body.support-fixed-page .support-heading{
    min-height:26px;
    padding:5px 9px;
  }
  body.support-fixed-page .support-channel-item{
    min-height:36px;
    padding:6px 9px !important;
  }
  body.support-fixed-page .support-form-card{
    padding:10px 11px !important;
  }
  body.support-fixed-page .support-form-intro{
    margin-bottom:5px !important;
  }
  body.support-fixed-page .support-form{
    grid-template-rows:
      repeat(4,minmax(42px,auto))
      minmax(56px,1fr)
      auto;
    gap:5px;
  }
  body.support-fixed-page .support-submit-btn{
    min-height:40px !important;
  }
}

/* Çok dar ekranlarda hızlı iletişim kartları alt alta gelir. */
@media (max-width:350px){
  body.support-fixed-page .support-channels{
    grid-template-columns:1fr;
    gap:5px;
  }
  body.support-fixed-page .support-page-shell{
    padding-left:10px;
    padding-right:10px;
  }
}

/* Tablet/geniş ekran: form gereksiz büyümez. */
@media (min-width:768px){
  body.support-fixed-page .support-page-shell{
    padding-left:24px;
    padding-right:24px;
  }
  body.support-fixed-page .support-form-card{
    border-radius:24px;
  }
}


/* ============================================================
   V45 — DESTEK FORMU EKLANA TAM OTURMA
   Mesaj alanı kontrollü; Gönder butonu her ekran boyunda görünür.
   Yalnızca support-fixed-page etkilenir.
   ============================================================ */
body.support-fixed-page .support-page-shell{
  padding-top:calc(70px + env(safe-area-inset-top)) !important;
  padding-bottom:calc(72px + env(safe-area-inset-bottom)) !important;
}

body.support-fixed-page .support-panel{
  gap:7px !important;
}

body.support-fixed-page .support-form-card{
  min-height:0 !important;
  padding:10px 12px !important;
}

body.support-fixed-page .support-form-intro{
  margin:0 0 6px !important;
  font-size:.74rem !important;
  line-height:1.25 !important;
}

body.support-fixed-page .support-form{
  min-height:0 !important;
  height:auto !important;
  flex:1 1 auto;
  display:grid !important;
  grid-template-rows:
    repeat(4, minmax(42px, 42px))
    minmax(62px, 62px)
    minmax(42px, 42px) !important;
  gap:5px !important;
  align-content:start !important;
  overflow:visible !important;
}

body.support-fixed-page .support-form .field{
  min-height:0 !important;
  height:42px !important;
  display:grid !important;
  grid-template-rows:10px 28px !important;
  gap:4px !important;
  overflow:visible !important;
}

body.support-fixed-page .support-form .support-message-field{
  height:62px !important;
  grid-template-rows:10px 48px !important;
}

body.support-fixed-page .support-form .field label{
  height:10px !important;
  line-height:10px !important;
  font-size:.64rem !important;
  margin:0 0 0 2px !important;
}

body.support-fixed-page .support-form input{
  min-height:28px !important;
  height:28px !important;
  padding:5px 10px !important;
  font-size:.82rem !important;
  line-height:1.1 !important;
}

body.support-fixed-page .support-form textarea{
  min-height:48px !important;
  height:48px !important;
  max-height:48px !important;
  padding:7px 10px !important;
  font-size:.82rem !important;
  line-height:1.2 !important;
  resize:none !important;
}

body.support-fixed-page .support-submit-btn{
  display:block !important;
  position:relative !important;
  width:100% !important;
  min-height:42px !important;
  height:42px !important;
  margin:0 !important;
  padding:8px 12px !important;
  flex:0 0 42px !important;
  z-index:2 !important;
}

/* Kısa ekranlarda daha da kompakt; buton yine görünür kalır. */
@media (max-height:700px){
  body.support-fixed-page .support-page-shell{
    padding-top:calc(64px + env(safe-area-inset-top)) !important;
    padding-bottom:calc(68px + env(safe-area-inset-bottom)) !important;
  }
  body.support-fixed-page .support-heading{
    min-height:24px !important;
    padding:4px 8px !important;
  }
  body.support-fixed-page .support-channel-item{
    min-height:32px !important;
    padding:5px 8px !important;
  }
  body.support-fixed-page .support-form-card{
    padding:8px 10px !important;
  }
  body.support-fixed-page .support-form-intro{
    margin-bottom:4px !important;
    font-size:.70rem !important;
  }
  body.support-fixed-page .support-form{
    grid-template-rows:
      repeat(4, minmax(38px, 38px))
      minmax(54px, 54px)
      minmax(38px, 38px) !important;
    gap:4px !important;
  }
  body.support-fixed-page .support-form .field{
    height:38px !important;
    grid-template-rows:9px 25px !important;
    gap:4px !important;
  }
  body.support-fixed-page .support-form .support-message-field{
    height:54px !important;
    grid-template-rows:9px 41px !important;
  }
  body.support-fixed-page .support-form .field label{
    height:9px !important;
    line-height:9px !important;
  }
  body.support-fixed-page .support-form input{
    min-height:25px !important;
    height:25px !important;
    padding:4px 9px !important;
  }
  body.support-fixed-page .support-form textarea{
    min-height:41px !important;
    height:41px !important;
    max-height:41px !important;
    padding:6px 9px !important;
  }
  body.support-fixed-page .support-submit-btn{
    min-height:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }
}


/* ============================================================
   V47 — DESTEK SAYFASI TAM YENİDEN TASARIM
   - Başlık logonun ALTINDA güvenli bölgede
   - Form kartı içerik kadar; gereksiz uzama yok
   - Mesaj alanı okunabilir yükseklikte
   - Gönder butonu daima kartın içinde ve görünür
   - Yalnızca support-fixed-page etkilenir
   ============================================================ */

body.support-fixed-page{
  overflow:hidden !important;
}

body.support-fixed-page .support-page-shell{
  box-sizing:border-box !important;
  width:100% !important;
  height:100svh !important;
  min-height:100svh !important;
  max-height:100svh !important;
  overflow:hidden !important;
  padding:
    calc(104px + env(safe-area-inset-top))
    clamp(14px,4vw,22px)
    calc(86px + env(safe-area-inset-bottom)) !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
}

body.support-fixed-page .support-panel{
  width:min(100%,620px) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  overflow:visible !important;
}

/* Logo/header ile asla çakışmayan bağımsız başlık */
body.support-fixed-page .support-heading{
  flex:0 0 auto !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:28px !important;
  margin:0 !important;
  padding:6px 11px !important;
  display:flex !important;
  align-items:center !important;
  border-radius:999px !important;
  color:var(--accent) !important;
  background:color-mix(in srgb,var(--accent) 10%,transparent) !important;
  border:1px solid color-mix(in srgb,var(--accent) 24%,transparent) !important;
  font-size:.70rem !important;
  font-weight:750 !important;
  letter-spacing:.10em !important;
  line-height:1.15 !important;
  text-transform:uppercase !important;
  box-sizing:border-box !important;
}

/* Hızlı iletişim */
body.support-fixed-page .support-channels{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:7px !important;
  margin:0 !important;
}

body.support-fixed-page .support-channel-item{
  min-height:38px !important;
  height:38px !important;
  padding:7px 10px !important;
  border-radius:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  font-size:.76rem !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}

/* Form kartı artık ekranı doldurmaz; yalnızca içeriği kadar yüksek */
body.support-fixed-page .support-form-card{
  flex:0 0 auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:14px !important;
  overflow:visible !important;
  border-radius:20px !important;
  background:
    linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:
    0 14px 36px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
  -webkit-backdrop-filter:blur(16px) saturate(125%) !important;
  backdrop-filter:blur(16px) saturate(125%) !important;
  box-sizing:border-box !important;
}

body.support-fixed-page .support-form-head{
  margin:0 0 10px !important;
}

body.support-fixed-page .support-form-title{
  margin:0 0 3px !important;
  color:var(--cream) !important;
  font-family:var(--font-heading,'Fraunces',serif) !important;
  font-size:1.02rem !important;
  font-weight:700 !important;
  line-height:1.15 !important;
}

body.support-fixed-page .support-form-intro{
  margin:0 !important;
  color:var(--cream-dim) !important;
  font-size:.72rem !important;
  line-height:1.3 !important;
}

/* Mesaj/başarı alanı boşken kesinlikle yükseklik kaplamasın */
body.support-fixed-page #supportFormMsg:empty{
  display:none !important;
}
body.support-fixed-page #supportFormMsg:not(:empty){
  margin:0 0 8px !important;
}

/* Form satırları içerik kadar; hiçbir satır flex ile uzamaz */
body.support-fixed-page .support-form{
  display:flex !important;
  flex-direction:column !important;
  gap:7px !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  align-content:initial !important;
}

body.support-fixed-page .support-form .field,
body.support-fixed-page .support-form .support-message-field{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

body.support-fixed-page .support-form .field label{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 0 0 2px !important;
  color:var(--cream-dim) !important;
  font-size:.66rem !important;
  font-weight:600 !important;
  line-height:1.1 !important;
}

/* Tek satırlı alanlar */
body.support-fixed-page .support-form input{
  display:block !important;
  width:100% !important;
  min-height:34px !important;
  height:34px !important;
  max-height:34px !important;
  margin:0 !important;
  padding:7px 10px !important;
  border-radius:11px !important;
  font-size:.82rem !important;
  line-height:1.1 !important;
  box-sizing:border-box !important;
}

/* Mesaj alanı artık fazla küçük de değil, gereksiz büyük de değil */
body.support-fixed-page .support-form textarea{
  display:block !important;
  width:100% !important;
  min-height:82px !important;
  height:82px !important;
  max-height:82px !important;
  margin:0 !important;
  padding:9px 10px !important;
  border-radius:12px !important;
  font-size:.82rem !important;
  line-height:1.3 !important;
  resize:none !important;
  box-sizing:border-box !important;
}

/* Buton kartın doğal son elemanı; altında sahte boş alan yok */
body.support-fixed-page .support-submit-btn{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:44px !important;
  height:44px !important;
  max-height:44px !important;
  margin:2px 0 0 !important;
  padding:9px 14px !important;
  border-radius:13px !important;
  font-size:.86rem !important;
  line-height:1 !important;
  box-sizing:border-box !important;
}

/* Kısa ekranlar: sadece ölçüler sıkışır, yapı bozulmaz */
@media (max-height:740px){
  body.support-fixed-page .support-page-shell{
    padding-top:calc(88px + env(safe-area-inset-top)) !important;
    padding-bottom:calc(74px + env(safe-area-inset-bottom)) !important;
  }

  body.support-fixed-page .support-panel{
    gap:6px !important;
  }

  body.support-fixed-page .support-heading{
    min-height:25px !important;
    padding:5px 9px !important;
    font-size:.65rem !important;
  }

  body.support-fixed-page .support-channel-item{
    min-height:34px !important;
    height:34px !important;
    padding:5px 8px !important;
    font-size:.72rem !important;
  }

  body.support-fixed-page .support-form-card{
    padding:10px 11px !important;
    border-radius:17px !important;
  }

  body.support-fixed-page .support-form-head{
    margin-bottom:7px !important;
  }

  body.support-fixed-page .support-form-title{
    font-size:.92rem !important;
  }

  body.support-fixed-page .support-form-intro{
    font-size:.67rem !important;
  }

  body.support-fixed-page .support-form{
    gap:5px !important;
  }

  body.support-fixed-page .support-form .field{
    gap:3px !important;
  }

  body.support-fixed-page .support-form .field label{
    font-size:.61rem !important;
  }

  body.support-fixed-page .support-form input{
    min-height:30px !important;
    height:30px !important;
    max-height:30px !important;
    padding:5px 9px !important;
    font-size:.78rem !important;
  }

  body.support-fixed-page .support-form textarea{
    min-height:62px !important;
    height:62px !important;
    max-height:62px !important;
    padding:7px 9px !important;
    font-size:.78rem !important;
  }

  body.support-fixed-page .support-submit-btn{
    min-height:40px !important;
    height:40px !important;
    max-height:40px !important;
    margin-top:1px !important;
  }
}

/* Çok kısa cihazlarda son güvenlik katmanı */
@media (max-height:620px){
  body.support-fixed-page .support-page-shell{
    padding-top:calc(80px + env(safe-area-inset-top)) !important;
    padding-bottom:calc(66px + env(safe-area-inset-bottom)) !important;
  }
  body.support-fixed-page .support-heading{
    min-height:23px !important;
    padding:4px 8px !important;
  }
  body.support-fixed-page .support-channel-item{
    min-height:30px !important;
    height:30px !important;
  }
  body.support-fixed-page .support-form-card{
    padding:8px 10px !important;
  }
  body.support-fixed-page .support-form-head{
    margin-bottom:5px !important;
  }
  body.support-fixed-page .support-form-intro{
    display:none !important;
  }
  body.support-fixed-page .support-form{
    gap:4px !important;
  }
  body.support-fixed-page .support-form input{
    min-height:27px !important;
    height:27px !important;
    max-height:27px !important;
  }
  body.support-fixed-page .support-form textarea{
    min-height:48px !important;
    height:48px !important;
    max-height:48px !important;
  }
  body.support-fixed-page .support-submit-btn{
    min-height:36px !important;
    height:36px !important;
    max-height:36px !important;
  }
}

@media (max-width:350px){
  body.support-fixed-page .support-page-shell{
    padding-left:10px !important;
    padding-right:10px !important;
  }
}


/* ============================================================
   V52 — ANA SAYFA GİRİŞ KARTLARI
   TIKLAMADA TİTREME / EFEKT DEĞİŞİMİ TAMAMEN KAPALI
   Kartın mevcut Liquid Glass görünümü korunur; hover/active,
   transform/filter ile ikinci bir efekt oluşturmaz.
   ============================================================ */
.entry-card,
.entry-card:hover,
.entry-card:focus,
.entry-card:focus-visible,
.entry-card:active,
.liquid-ui .entry-card,
.liquid-ui .entry-card:hover,
.liquid-ui .entry-card:focus,
.liquid-ui .entry-card:focus-visible,
.liquid-ui .entry-card:active,
body.entry-card-apple-glass .entry-card,
body.entry-card-apple-glass .entry-card:hover,
body.entry-card-apple-glass .entry-card:focus,
body.entry-card-apple-glass .entry-card:focus-visible,
body.entry-card-apple-glass .entry-card:active{
  transform:none !important;
  filter:var(--btn-shadow-filter, none) !important;
  outline:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

/* Dokunma/hover sırasında kart görünümünü değiştiren geçişleri kaldır.
   Açılış animasyonu ayrı "animation" özelliğidir ve korunur. */
.entry-card{
  transition:none !important;
}


/* ============================================================
   V54 — ANA SAYFA KARTLARI DOKUNMA FLICKER
   Mevcut cam görünümü sabit; tıklamada sayfamsı flash/titreme yok.
   ============================================================ */
.entry-card,
.entry-card:hover,
.entry-card:focus,
.entry-card:focus-visible,
.entry-card:active,
.liquid-ui .entry-card,
.liquid-ui .entry-card:hover,
.liquid-ui .entry-card:focus,
.liquid-ui .entry-card:focus-visible,
.liquid-ui .entry-card:active,
body.entry-card-apple-glass .entry-card,
body.entry-card-apple-glass .entry-card:hover,
body.entry-card-apple-glass .entry-card:focus,
body.entry-card-apple-glass .entry-card:focus-visible,
body.entry-card-apple-glass .entry-card:active{
  -webkit-tap-highlight-color:transparent !important;
  outline:none !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
  touch-action:manipulation !important;
}

/* ============================================================
   V54 — ANA SAYFA ALT MENÜ DOKUNMA TİTREMESİ
   ============================================================ */
.bottom-nav-item,
.bottom-nav-item:hover,
.bottom-nav-item:focus,
.bottom-nav-item:focus-visible,
.bottom-nav-item:active,
body.bottom-nav-liquid .bottom-nav-item,
body.bottom-nav-liquid .bottom-nav-item:hover,
body.bottom-nav-liquid .bottom-nav-item:focus,
body.bottom-nav-liquid .bottom-nav-item:focus-visible,
body.bottom-nav-liquid .bottom-nav-item:active{
  -webkit-tap-highlight-color:transparent !important;
  outline:none !important;
  filter:none !important;
  text-shadow:none !important;
  transition:color .12s ease, opacity .12s ease !important;
}

.bottom-nav-item:not(.qr-center),
.bottom-nav-item:not(.qr-center):active{
  transform:none !important;
}

.bottom-nav-item:not(.qr-center) .bottom-nav-ic,
.bottom-nav-item:not(.qr-center).active .bottom-nav-ic,
.bottom-nav-item:not(.qr-center):active .bottom-nav-ic{
  transform:none !important;
  transition:none !important;
}

.bottom-nav-item:not(.qr-center)::before,
.bottom-nav-item:not(.qr-center):active::before,
.bottom-nav-item:not(.qr-center).active::before,
body.bottom-nav-liquid .bottom-nav-item:not(.qr-center)::before{
  content:none !important;
  display:none !important;
}

.bottom-nav-item.qr-center,
.bottom-nav-item.qr-center:active{
  transform:none !important;
  filter:none !important;
}

.bottom-nav-item.qr-center .bottom-nav-ic,
.bottom-nav-item.qr-center:active .bottom-nav-ic{
  transform:translateY(-5px) !important;
  transition:none !important;
}


/* ============================================================
   V63 — TEK BUTON PWA KURULUM DENEYİMİ
   ============================================================ */

.lorens-install-cta{
  position:fixed;
  left:12px;
  right:12px;
  bottom:calc(82px + env(safe-area-inset-bottom));
  z-index:245;
  max-width:460px;
  margin:0 auto;
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}

.lorens-install-cta.show{
  opacity:1;
  transform:none;
  pointer-events:auto;
}

.lorens-install-main-btn{
  width:100%;
  min-height:58px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  padding:9px 12px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 22px;
  align-items:center;
  gap:9px;
  text-align:left;
  background:rgba(36,21,7,.86);
  color:var(--cream,#F1E4D3);
  box-shadow:0 12px 30px rgba(0,0,0,.28);
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  cursor:pointer;
  box-sizing:border-box;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

.lorens-install-main-btn,
.lorens-install-main-btn:hover,
.lorens-install-main-btn:focus,
.lorens-install-main-btn:focus-visible,
.lorens-install-main-btn:active{
  transform:none !important;
  filter:none !important;
  outline:none !important;
}

.lorens-install-main-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.25rem;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.10);
}

.lorens-install-main-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.lorens-install-main-copy strong{
  color:var(--cream,#F1E4D3);
  font-size:.87rem;
  line-height:1.15;
  font-weight:800;
}

.lorens-install-main-copy small{
  color:var(--cream-dim,#B8A488);
  font-size:.68rem;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.lorens-install-main-arrow{
  justify-self:end;
  color:var(--cream-dim,#B8A488);
  font-size:1.6rem;
  line-height:1;
  font-weight:300;
}

/* iPhone kurulum rehberi */
.lorens-install-guide-backdrop{
  position:fixed;
  inset:0;
  z-index:850;
  padding:
    max(16px, env(safe-area-inset-top))
    16px
    max(18px, env(safe-area-inset-bottom));
  display:flex;
  align-items:flex-end;
  justify-content:center;
  background:rgba(9,6,4,.68);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
  box-sizing:border-box;
}

.lorens-install-guide-backdrop.show{
  opacity:1;
  pointer-events:auto;
}

.lorens-install-guide-card{
  position:relative;
  width:100%;
  max-width:430px;
  padding:20px 17px 16px;
  border-radius:24px;
  background:#FBF8F5;
  color:#241507;
  box-shadow:0 24px 70px rgba(0,0,0,.38);
  transform:translateY(18px);
  transition:transform .22s ease;
  box-sizing:border-box;
}

.lorens-install-guide-backdrop.show .lorens-install-guide-card{
  transform:none;
}

.lorens-install-guide-close{
  position:absolute;
  top:11px;
  right:12px;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#EFE6DB;
  color:#62452E;
  font-size:1.25rem;
  line-height:1;
  cursor:pointer;
}

.lorens-install-guide-mark{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
  border-radius:14px;
  background:#F0E4D6;
  font-size:1.45rem;
}

.lorens-install-guide-card h3{
  margin:0;
  padding-right:35px;
  color:#241507;
  font-size:1.12rem;
  line-height:1.2;
}

.lorens-install-guide-lead{
  margin:7px 0 14px;
  color:#715A47;
  font-size:.78rem;
  line-height:1.45;
}

.lorens-install-guide-steps{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.lorens-install-guide-step{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:10px;
  border-radius:14px;
  background:#F5EEE7;
}

.lorens-install-guide-step > span{
  width:30px;
  height:30px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#C08552;
  color:#241507;
  font-size:.78rem;
  font-weight:900;
}

.lorens-install-guide-step div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.lorens-install-guide-step b{
  color:#2D1B0D;
  font-size:.82rem;
}

.lorens-install-guide-step small{
  color:#79614D;
  font-size:.72rem;
  line-height:1.35;
}

.lorens-install-guide-done{
  width:100%;
  min-height:44px;
  margin-top:14px;
  border:0;
  border-radius:13px;
  background:#2B1B12;
  color:#F1E4D3;
  font-size:.83rem;
  font-weight:800;
  cursor:pointer;
}

@media (max-height:680px){
  .lorens-install-cta{
    bottom:calc(76px + env(safe-area-inset-bottom));
  }

  .lorens-install-main-btn{
    min-height:52px;
    border-radius:16px;
    grid-template-columns:34px minmax(0,1fr) 20px;
  }

  .lorens-install-main-icon{
    width:34px;
    height:34px;
  }
}


/* ============================================================
   V77 — ANA SAYFA KART + ALT NAV DOKUNMA FLICKER KİLİDİ
   ============================================================ */
.entry-card,
.entry-card:hover,
.entry-card:focus,
.entry-card:focus-visible,
.entry-card:active,
.liquid-ui .entry-card,
.liquid-ui .entry-card:hover,
.liquid-ui .entry-card:focus,
.liquid-ui .entry-card:focus-visible,
.liquid-ui .entry-card:active,
body.entry-card-apple-glass .entry-card,
body.entry-card-apple-glass .entry-card:hover,
body.entry-card-apple-glass .entry-card:focus,
body.entry-card-apple-glass .entry-card:focus-visible,
body.entry-card-apple-glass .entry-card:active{
  -webkit-tap-highlight-color:transparent !important;
  outline:none !important;
  transform:none !important;
  filter:none !important;
  transition:none !important;
  touch-action:manipulation !important;
}

.bottom-nav-item,
.bottom-nav-item:hover,
.bottom-nav-item:focus,
.bottom-nav-item:focus-visible,
.bottom-nav-item:active,
body.bottom-nav-liquid .bottom-nav-item,
body.bottom-nav-liquid .bottom-nav-item:hover,
body.bottom-nav-liquid .bottom-nav-item:focus,
body.bottom-nav-liquid .bottom-nav-item:focus-visible,
body.bottom-nav-liquid .bottom-nav-item:active{
  -webkit-tap-highlight-color:transparent !important;
  outline:none !important;
  filter:none !important;
  text-shadow:none !important;
}
.bottom-nav-item:not(.qr-center),
.bottom-nav-item:not(.qr-center):active,
.bottom-nav-item:not(.qr-center) .bottom-nav-ic,
.bottom-nav-item:not(.qr-center):active .bottom-nav-ic{
  transform:none !important;
}
.bottom-nav-item:not(.qr-center)::before,
.bottom-nav-item:not(.qr-center):active::before,
.bottom-nav-item:not(.qr-center).active::before,
body.bottom-nav-liquid .bottom-nav-item:not(.qr-center)::before{
  content:none !important;
  display:none !important;
}
.bottom-nav-item.qr-center,
.bottom-nav-item.qr-center:active{
  transform:none !important;
  filter:none !important;
}
.bottom-nav-item.qr-center .bottom-nav-ic,
.bottom-nav-item.qr-center:active .bottom-nav-ic{
  transform:translateY(-5px) !important;
}


/* V99 — yalnızca Ana Sayfa / Rezervasyon / Senin İçin:
   Loren'S logo görseli profil fotoğrafıyla aynı dış çapa gelir. */
.v99-header-logo-avatar-match .site-nav .brand img{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  object-fit:contain !important;
  flex:0 0 42px !important;
}
@media(max-width:520px){
  .v99-header-logo-avatar-match .site-nav .brand img{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    flex-basis:38px !important;
  }
}

/* ============================================================
   V200 — PREMIUM TOP-LIT VISUAL LANGUAGE / SAFE SITE CARDS
   Yalnız Ana Sayfa giriş kartları ve hızlı navigasyon kartları.
   Layout ölçüleri, hover davranışı ve içerik korunur.
   ============================================================ */
.entry-card,
.entry-nav-cards a {
  background-image:
    radial-gradient(ellipse 78% 48% at 50% -10%,
      color-mix(in srgb, var(--primary, #C8953D) 18%, rgba(255,255,255,.05)) 0%,
      color-mix(in srgb, var(--primary, #C8953D) 7%, transparent) 42%,
      transparent 74%);
  border-color: color-mix(in srgb, var(--primary, #C8953D) 20%, rgba(255,255,255,.16));
  box-shadow:
    0 14px 30px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 12px 24px color-mix(in srgb, var(--primary, #C8953D) 4%, transparent);
}

/* ============================================================
   F15 — GLOBAL NOTIFICATION POPUP
   Club'taki premium bildirim sheet görsel dili site sayfalarına taşınır.
   Bildirim davranışı / API / swipe mantığı değiştirilmez.
   ============================================================ */
.site-notification-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:600 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  padding:0 !important;
  background:rgba(13,8,5,.62) !important;
  -webkit-backdrop-filter:blur(16px) saturate(125%) !important;
  backdrop-filter:blur(16px) saturate(125%) !important;
}
.site-notification-sheet{
  position:relative;
  width:min(100%,500px);
  max-height:min(80dvh,760px);
  display:flex;
  flex-direction:column;
  padding:10px 16px calc(18px + env(safe-area-inset-bottom));
  box-sizing:border-box;
  border-radius:30px 30px 0 0;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,233,196,.34),rgba(255,255,255,0) 34%),
    linear-gradient(165deg,rgba(255,252,247,.99),rgba(245,235,223,.99));
  border:1px solid rgba(255,255,255,.88);
  border-bottom:0;
  box-shadow:0 -28px 72px rgba(24,13,5,.30),inset 0 1px 0 rgba(255,255,255,.96);
  overflow:hidden;
}
.site-notification-sheet::before{
  content:"";
  position:absolute;
  left:15%;
  right:15%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(198,137,70,.62),transparent);
  opacity:.9;
  pointer-events:none;
}
.site-notification-handle{
  width:42px;
  height:4px;
  border-radius:999px;
  background:rgba(78,50,30,.18);
  margin:0 auto 10px;
  flex:0 0 auto;
}
.site-notification-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:2px 2px 14px;
  margin:0;
  border-bottom:1px solid rgba(89,58,33,.10);
  flex:0 0 auto;
}
.site-notification-head-copy{
  display:flex;
  align-items:center;
  min-width:0;
  gap:11px;
}
.site-notification-head-icon{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  font-size:17px;
  background:linear-gradient(145deg,rgba(210,153,84,.20),rgba(255,255,255,.50));
  border:1px solid rgba(190,126,60,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 8px 20px rgba(95,55,25,.08);
}
.site-notification-head h3{
  margin:0;
  color:#241507;
  font-size:1.08rem;
  line-height:1.18;
  letter-spacing:-.01em;
}
.site-notification-head p{
  margin:3px 0 0;
  color:#8A7864;
  font-size:.73rem;
  line-height:1.25;
}
.site-notification-close{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 38px;
  border:1px solid rgba(95,63,39,.10);
  border-radius:14px;
  background:rgba(255,255,255,.45);
  color:#6F5B47;
  font-size:25px;
  line-height:1;
  padding:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  cursor:pointer;
}
.site-notification-list{
  width:100%;
  min-width:0;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-overflow-scrolling:touch;
  padding:8px 0 0;
  scrollbar-width:none;
}
.site-notification-list::-webkit-scrollbar{display:none}
.site-notification-row{
  position:relative;
  overflow:hidden;
  width:100%;
  min-width:0;
  margin:6px 0;
  border:0;
  border-radius:17px;
  background:transparent;
}
.site-notification-delete-bg{
  position:absolute;
  inset:0 0 0 auto;
  width:108px;
  border-radius:17px;
  background:linear-gradient(135deg,#C94C43,#A93631);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:.84rem;
}
.site-notification-content{
  position:relative;
  z-index:2;
  width:100%;
  min-width:0;
  min-height:76px;
  margin:0;
  padding:13px 42px 12px 14px;
  box-sizing:border-box;
  border-radius:17px;
  border:1px solid rgba(103,68,42,.09);
  background:rgba(255,252,248,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80),0 6px 18px rgba(68,38,18,.035);
  cursor:pointer;
}
.site-notification-row.is-unread .site-notification-content{
  background:linear-gradient(135deg,rgba(255,247,236,.97),rgba(248,233,215,.92));
  border-color:rgba(193,126,55,.18);
  box-shadow:inset 3px 0 0 rgba(196,128,57,.70),inset 0 1px 0 rgba(255,255,255,.85),0 8px 22px rgba(87,50,24,.055);
}
.site-notification-row.is-unread .site-notification-content::after{
  content:"";
  position:absolute;
  top:15px;
  right:15px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#C8863E;
  box-shadow:0 0 0 4px rgba(200,134,62,.11);
}
.site-notification-row.is-read .site-notification-content{opacity:.86}
.site-notification-title{
  display:block;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  color:#241507;
  font-size:.92rem;
  font-weight:760;
  line-height:1.32;
  letter-spacing:-.006em;
}
.site-notification-message{
  display:block;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  color:#5A4A3A;
  font-size:.84rem;
  line-height:1.48;
  margin-top:4px;
}
.site-notification-date{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  margin-top:8px;
  color:#9A8874;
  font-size:.70rem;
  line-height:1.2;
}
.site-notification-date::before{
  content:"";
  width:4px;
  height:4px;
  margin-right:6px;
  border-radius:50%;
  background:rgba(160,108,57,.55);
}
.site-notification-empty{
  margin:12px 0 6px;
  padding:30px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.42);
  border:1px dashed rgba(103,68,42,.13);
  color:#8A7864;
  text-align:center;
  font-size:.9rem;
}
.site-notification-empty.error{color:#B8544A}
@media (max-width:420px){
  .site-notification-sheet{border-radius:27px 27px 0 0;padding-left:14px;padding-right:14px}
  .site-notification-content{padding-left:13px;padding-right:38px}
}


/* F17 — Bildirim kartı: mockup'taki premium kart dili, yalnız popup içinde. */
.lorens-notification-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 9px;
  padding-right:14px;
}
.lorens-notification-meta span{
  display:inline-flex;
  align-items:center;
  max-width:70%;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.68);
  border:1px solid rgba(174,112,50,.16);
  color:#71461f;
  font-size:.68rem;
  font-weight:760;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.lorens-notification-meta time{
  color:#a18c75;
  font-size:.66rem;
  white-space:nowrap;
}
.lorens-notification-action{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  box-sizing:border-box;
  margin-top:12px;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,#c58a43,#9d5d20);
  color:#fff;
  font-size:.80rem;
  font-weight:760;
  line-height:1.15;
  box-shadow:0 8px 18px rgba(120,70,27,.16),inset 0 1px 0 rgba(255,255,255,.28);
}
.lorens-notification-action b{font-size:1rem;font-weight:500}
.club-notification-content,.site-notification-content{padding-top:12px !important}
.club-notification-title,.site-notification-title{font-size:1rem !important}
.club-notification-message,.site-notification-message{margin-top:6px !important}
@media (prefers-reduced-motion:no-preference){
  .club-notification-sheet,.site-notification-sheet{
    animation:lorensNotifSheetIn .34s cubic-bezier(.22,.8,.3,1) both;
  }
}
@keyframes lorensNotifSheetIn{
  from{transform:translateY(24px);opacity:.72}
  to{transform:translateY(0);opacity:1}
}

/* F18 — Swipe delete: Sil alanı normal durumda tamamen gizli. */
.site-notification-delete-bg{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .14s ease, visibility .14s ease !important;
}
.site-notification-row.is-delete-revealed .site-notification-delete-bg{
  opacity:1 !important;
  visibility:visible !important;
}


/* ============================================================
   F26 — ANA SAYFA KART ETKİLEŞİMİ
   Eski hafif yukarı kalkma + dokunma geri bildirimi geri getirildi.
   Layout ölçülerini değiştirmez; yalnız transform/transition.
   ============================================================ */
.entry-card,
.liquid-ui .entry-card,
body.entry-card-apple-glass .entry-card{
  transform:translateY(0) scale(1) !important;
  transition:
    transform .18s cubic-bezier(.2,.8,.2,1),
    box-shadow .18s ease,
    filter .18s ease !important;
  will-change:transform;
}
@media (hover:hover) and (pointer:fine){
  .entry-card:hover,
  .liquid-ui .entry-card:hover,
  body.entry-card-apple-glass .entry-card:hover{
    transform:translateY(-4px) scale(1.01) !important;
  }
}
.entry-card:active,
.liquid-ui .entry-card:active,
body.entry-card-apple-glass .entry-card:active{
  transform:translateY(-1px) scale(.985) !important;
  transition-duration:.08s !important;
}


/* F37 — Standart sayfalardaki küçük üst başlıkları Rezervasyon diliyle birleştir */
.page-wrap .section-eyebrow,
.res-page-header .section-eyebrow{
  display:inline-flex !important;align-items:center;width:max-content;max-width:100%;
  padding:7px 10px !important;border-radius:999px;
  color:var(--accent,#C08552) !important;background:rgba(192,133,82,.11) !important;
  border:1px solid rgba(192,133,82,.21) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  letter-spacing:.15em !important;
}