/* OTOMATİK ÜRETİM — elle düzenleme! Kaynaklar: home-editorial, home-ios27, home-experience.
 * Yeniden üretim: node anzelha/tools/build-css-packs.mjs */

/* ==================== home-editorial.css ==================== */
/**
 * Anzelha editorial helpers.
 * 2026-07 iOS 27 yenilemesinden sonra bu dosyada yalnız hâlâ kullanılan
 * paylaşılan yardımcılar kaldı: <picture> tabanlı editoryal görsel sarmalayıcı
 * (anzelha_render_home_picture) ve metin aksiyon bağlantısı. Eski editoryal
 * yerleşim/story/menü-indeks kuralları ölü koddu ve kaldırıldı.
 */
.az-editorial-picture,
.az-editorial-picture__image {
  display: block;
  width: 100%;
  height: 100%;
}

.az-editorial-picture__image {
  object-fit: cover;
  object-position: var(--az-image-focus, 50% 50%);
}

.az-text-action {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  padding: 0;
  color: var(--text-primary, #171717);
  background: transparent;
  border: 0;
  font: inherit;
  font-weight: 650;
  text-decoration: none;
}
.az-text-action svg { width: 18px; transition: transform 180ms ease; }
.az-text-action:hover svg,
.az-text-action:focus-visible svg { transform: translateX(4px); }
.az-text-action:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; border-radius: 4px; }

.anzelha-menu-panel .anzelha-menu-panel__link { gap: 10px; }

@media (prefers-reduced-motion: reduce) {
  .az-text-action svg { transition: none; }
}


/* ==================== home-ios27.css ==================== */
/* ============================================================
   Anzelha · Ana Sayfa iOS Cam Tasarımı (2026-07-19 referans yerleşimi)
   Tüm seçiciler .az-home--ios27 gövdesi altında kapsüllenmiştir.
   Akış (referans görsele birebir): birleşik hero (+Puan cam kartı) →
   tek parça cam hızlı erişim paneli (4 bölme) → 4'lü tanıtım kartları
   (sofra / puan üyelik kartı / sıra gecesi / şubeler) →
   kategori kartları → şubeler + harita → kültür bannerı → güven.
   Yüzey (blur/zemin/gölge) kararları surface-system.css'tedir.
   ============================================================ */

.az-home--ios27 {
  /* 7.78.0 (md.8) — ANA SAYFA TEK İÇERİK EKSENİ: hero copy, wallet ekseni ve
     krem pano AYNI genişliğe hizalanır. Site geneli --az-w-content (1560px)
     yalnız ana sayfada 1600px'e (--az-home-max) bağlanır; başka öğede farklı
     shell genişliği kullanılmaz (md.8). Kapsam yalnız .az-home--ios27. */
  --az-home-max: 1600px;
  --az-w-content: var(--az-home-max);
  /* Ana sayfadaki komşu ana bölümlerin karttan-karta mesafesi. Bu token,
     surface-system.css içindeki tek yetkili bölüm dolgusu tarafından ikiye
     bölünür; böylece iki komşu bölüm birlikte 32–48px ritim üretir. */
  --az-home-section-gap: clamp(32px, 3.4vw, 48px);
}
/* 7.143.0 (§4.1) — ÖLÜ KURAL KALDIRILDI. Buradaki eski
   `.az-home--ios27 .az-section { padding-block: calc(--az-section-gap / 2) }`
   HİÇBİR ZAMAN kazanmıyordu: ana sayfanın .az-section'ları <main> içinde olduğundan
   dikey ritim `main .az-section { … !important }` (design-system.css) ve
   `.az-home--ios27 .az-section` (surface-system.css, biri !important) otoritelerinden
   gelir; !important taşımayan bu kural DAİMA eziliyordu. Tek tüketicisi olan ölü
   `--az-section-gap` tokenı da yukarıdan kaldırıldı → çıktı-nötr (görsel değişiklik yok).
   NOT (kalan §4.1 borcu): surface-system.css'te bölüm padding'i için 3 rakip
   `.az-home--ios27 .az-section` kuralı (~869/1203/1916, biri !important) + design-system
   `main .az-section` !important hâlâ çatışıyor; tam tek-otorite birleştirmesi
   headless-ölçümlü ayrı ve dikkatli bir iştir (her kırılımda ölç → değiştir → doğrula). */

/* ---------- 1) SİNEMATİK HERO (FINAL MASTER DESIGN düzeltmesi 2026-07-20) ----------
   Tam yüzey gerçek Balıklıgöl fotoğrafı; iki sütunlu eski kart, beyaz overlay,
   Mutlu Misafir bloğu, küçük puan kartı ve 4 bölmeli hızlı erişim paneli
   KALDIRILDI (güncel talimat üstündür). Okunabilirlik yalnız soldan sağa +
   alttan kontrollü koyu degrade (scrim) ile sağlanır; iki temada aynı.
   Renk/cam otoritesi surface-system.css'tedir; burada yerleşim ve degrade var. */
.az-home--ios27 .az-hero27 { padding-bottom: var(--sp-4, 16px); overflow-x: clip; }
.az-home--ios27 .az-hero27__frame { position: relative; }
/* 7.77.0 (md.3): hero artık YUVARLATILMIŞ BAĞIMSIZ KART değildir. Fotoğraf tam
   ekran genişliğini doldurur (tarayıcı kenarlarına kadar), header üzerine yüzer.
   Tam taşma tekniği: stage viewport genişliğine açılır (html/body overflow-x:clip
   yatay scroll'u keser). Kenarlık/yarıçap/gölge KALDIRILDI; okunabilirlik yalnız
   scrim degradesiyle sağlanır. İçerik (copy + wallet) içerik eksenine hizalanır. */
.az-home--ios27 .az-hero27__stage {
  position: relative;
  display: grid;
  align-items: center;
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  /* 7.78.0 (md.1) — hero ARTIK tüm ekranı kaplamaz: tarayıcı yüksekliğini
     doldurmayacak ölçüde kısaltıldı (eski clamp(620px,72vh,780px) şubeler
     panosunu ilk ekranın dışına itiyordu). 1440-1600px'te tam header + hero
     başlığı + iki CTA + durum şeridi + puan kartı + pano üst kısmı birlikte
     görünür. Kısa ekran uyarlaması aşağıdaki max-height sorgusundadır. */
  min-height: clamp(520px, 58vh, 610px);
  overflow: hidden;
  border: 0;
  border-radius: 0;
  /* Fotoğraf yüklenene dek sıcak koyu zemin: beyaz parlama/CLS yok. */
  background: #17110d;
  box-shadow: none;
}
.az-home--ios27 .az-hero27__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; display: block; }
.az-home--ios27 .az-hero27__bg img { width: 100%; height: 100%; object-fit: cover; object-position: var(--az-image-focus, 50% 45%); }
/* 7.100.0 — Hero TEMA-VARYANT görseli: iki katman (koyu gece avlusu + açık gündüz
   avlusu) DOM'da üst üste; görünürlük yalnız `data-theme` ile değişir. Varsayılan
   (açık tema, attribute yok) → gündüz görseli; `[data-theme="dark"]` → gece görseli.
   Tema anahtarında yumuşak çapraz geçiş; katmanlar object-fit:cover ile aynı kadrajı
   paylaşır (scrim değişmez, beyaz metin her iki görselde de okunur kalır). */
.az-home--ios27 .az-hero27__bg--dark,
.az-home--ios27 .az-hero27__bg--light { transition: opacity .45s ease; }
.az-home--ios27 .az-hero27__bg--dark { opacity: 0; }
.az-home--ios27 .az-hero27__bg--light { opacity: 1; }
[data-theme="dark"] .az-home--ios27 .az-hero27__bg--dark { opacity: 1; }
[data-theme="dark"] .az-home--ios27 .az-hero27__bg--light { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .az-home--ios27 .az-hero27__bg--dark,
  .az-home--ios27 .az-hero27__bg--light { transition: none; }
}
/* Okunabilirlik degradesi — TEK kaynak (md.8): tüm yüzeyi kaplayan beyaz
   perde yok; sol metin bölgesi + alt kenar kontrollü koyulaşır. */
.az-home--ios27 .az-hero27__scrim {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0; inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(7, 10, 10, .78) 0%, rgba(7, 10, 10, .48) 38%, rgba(7, 10, 10, .1) 70%, rgba(7, 10, 10, .2) 100%),
    linear-gradient(180deg, rgba(7, 10, 10, .18) 0%, transparent 26%, transparent 64%, rgba(7, 10, 10, .34) 100%);
}
/* CC BY-SA kredisi fotoğraf üstünde görünür kalır (lisans şartı).
   7.84.0 (Safari md.8) — kredi ESKİDEN `top:12px` idi ve masaüstü overlay
   header'ının sağ aksiyon ikonlarıyla (özellikle Safari'de header daha alçak
   hizalanınca) çakışıyordu. Hero'nun SAĞ-ALT köşesine alındı: header katmanının
   dışında, düşük öncelikli; wallet kartı (üst-sağ) ve copy (sol) ile çakışmaz. */
.az-home--ios27 .az-hero27__credit {
  position: absolute;
  bottom: 12px;
  right: 14px;
  z-index: 2;
  padding: 3px 10px;
  border-radius: var(--r-chip, 999px);
  background: rgba(12, 10, 8, .4);
  color: rgba(255, 249, 242, .82);
  font-size: 10.5px;
  letter-spacing: .02em;
  -webkit-backdrop-filter: blur(var(--az-blur-sm, 8px));
  backdrop-filter: blur(var(--az-blur-sm, 8px));
}
.az-home--ios27 .az-hero27__copy {
  position: relative;
  z-index: 2;
  display: grid;
  align-content: center;
  justify-items: start;
  /* Genişlik yalnız METNE ait (660px); içerik ekseni hizası MARGIN ile verilir,
     böylece geniş ekranda başlık genişliğini yemez ("Kadim Şehirden" tek satır). */
  max-width: min(660px, 92%);
  /* 7.78.0 (md.8) — eksen tek kaynak --az-home-max (1600px). */
  margin-inline-start: max(clamp(24px, 3.4vw, 56px), calc(50vw - var(--az-home-max, 1600px) / 2));
  /* 7.78.0 (md.3) — metin daha yukarıda ve kompakt: başlık hero yüksekliğinin
     ~%28-32'sinde başlar; üst/alt dikey boşluklar küçültüldü.
     7.112.2 — pill referansa göre biraz AŞAĞI: üst iç boşluk ~14px artırıldı
     (pill başlık bölgesine yaklaşır, üstteki ölü boşluk azalır). Alt sabit. */
  padding-block: clamp(64px, 8.5vh, 92px) clamp(28px, 4vh, 44px);
  padding-inline: 0 clamp(20px, 3vw, 48px);
}
.az-home--ios27 .az-hero27__pill {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2, 8px);
  min-height: 38px;
  padding: 0 var(--sp-4, 16px);
  border: var(--border-1, 1px solid rgba(255, 255, 255, .24));
  border-radius: var(--r-chip, 999px);
  font-size: var(--text-xs, 12px);
  font-weight: var(--w-bold, 750);
  letter-spacing: .1em;
}
.az-home--ios27 .az-hero27__pill .anzelha-icon { width: 15px; height: 15px; }
.az-home--ios27 .az-hero27__copy h1 {
  /* NOT: h1 dikey margin OTORİTESİ surface-system.css'tedir (margin-block, sonra
     yüklenir, bunu ezer) — pill↔başlık boşluğunu ORADAN değiştir. Bu satır fallback. */
  margin: var(--sp-4, 16px) 0 var(--sp-3, 12px);
  /* 7.78.0 (md.3) — üst sınır 82px'ten 70px'e; 1440-1600px'te ~62-70px.
     İki satır korunur ("Kadim Şehirden" / "Eşsiz Tatlara"). */
  font-size: clamp(52px, 4.4vw, 70px);
  font-weight: var(--w-semibold, 650);
  line-height: .94;
  letter-spacing: -.035em;
  text-wrap: balance;
  text-shadow: 0 2px 24px rgba(10, 8, 6, .35);
}
.az-home--ios27 .az-hero27__copy h1 em { display: block; font-style: normal; }
.az-home--ios27 .az-hero27__copy > p {
  max-width: min(480px, 44ch);
  margin: 0;
  font-size: var(--text-md, 16.5px);
  line-height: var(--leading-loose, 1.7);
  text-shadow: 0 1px 14px rgba(10, 8, 6, .4);
}
.az-home--ios27 .az-hero27__buttons { display: flex; flex-wrap: wrap; gap: var(--sp-3, 12px); margin-top: var(--sp-5, 20px); }
.az-home--ios27 .az-hero27__buttons .az-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2, 8px);
  /* 7.82.0 (md.8) — hedef CTA yüksekliği 48-52px (eski 58px fazla yüksekti). */
  min-height: 52px;
  padding: 0 var(--sp-6, 24px);
  border-radius: 15px;
  font-size: var(--text-base, 15px);
  font-weight: var(--w-semibold, 650);
  text-decoration: none;
}
/* md.8 — Sipariş Ver (altın) hedef genişlik ~180-190px. */
.az-home--ios27 .az-hero27__buttons .az-button--primary { min-width: 182px; }

/* ---------- 1a) ANZELHA PUAN WALLET PANELİ (md.2) ----------
   Masaüstünde hero fotoğrafının sağında dikey büyük cam panel; ≤1023px'te
   statik karta dönüşür ve durum şeridinin ARDINDAN akar (md.7 sıralaması).
   Cam reçetesi surface-system.css'te; burada yerleşim ve iç düzen. */
.az-home--ios27 .az-hero27__wallet {
  position: absolute;
  z-index: 3;
  top: clamp(20px, 2.6vw, 36px);
  right: clamp(20px, 2.6vw, 36px);
  bottom: clamp(20px, 2.6vw, 36px);
  display: grid;
  grid-auto-rows: min-content;
  align-content: center;
  gap: var(--sp-3, 12px);
  /* 7.82.0 (md.11) — kart genişliği hedefe göre 340-370px aralığında (eski üst
     sınır 390 hedefi biraz aşıyordu). */
  width: clamp(340px, 25vw, 368px);
  padding: clamp(20px, 2vw, 28px);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: var(--r-panel, 24px);
}
.az-home--ios27 .az-hero27__wallet-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-2, 8px);
  font-size: var(--text-sm, 13.5px);
  font-weight: var(--w-semibold, 650);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(255, 249, 242, .78);
}
.az-home--ios27 .az-hero27__wallet-head .anzelha-icon { width: 18px; height: 18px; color: #f2cf8e; }
.az-home--ios27 .az-hero27__wallet-row { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3, 12px); }
.az-home--ios27 .az-hero27__wallet-value { font-size: clamp(34px, 3vw, 46px); font-weight: var(--w-bold, 750); letter-spacing: -.02em; line-height: 1; }
.az-home--ios27 .az-hero27__wallet-value--text { font-size: clamp(24px, 2.2vw, 30px); }
.az-home--ios27 .az-hero27__wallet-medal {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border-radius: var(--r-chip, 999px);
  background: linear-gradient(135deg, #e8cd6e, #c99a45);
  color: #5d4712;
  /* 7.91.0 (md.7 yüzey cilası): altın madalyona üstten iç ışık — kabartma hissi.
     Yalnız box-shadow; boyut/renk/konum aynı. */
  box-shadow: 0 6px 18px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .5);
}
.az-home--ios27 .az-hero27__wallet-medal .anzelha-icon { width: 22px; height: 22px; }
/* 7.76.0 (Referans birebir md.4): üst blok — solda değer/seviye, sağda altın
   üyelik madalyonu. */
.az-home--ios27 .az-hero27__wallet-top { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3, 12px); }
.az-home--ios27 .az-hero27__wallet-figures { display: grid; gap: 6px; min-width: 0; }
/* ALTIN ÜYELİK MADALYONU — dikey altın kart: köşe "+", taç, Anzelha "A" harfi,
   seviye rozeti. Renk tek palet (şampanya altın); metin kömür. */
.az-home--ios27 .az-hero27__wallet-medal--card {
  position: relative;
  width: clamp(66px, 5.2vw, 80px);
  height: clamp(86px, 6.6vw, 104px);
  display: grid;
  grid-template-rows: auto 1fr auto;
  justify-items: center;
  align-content: space-between;
  gap: 4px;
  padding: 10px 8px 8px;
  border-radius: 16px;
  border: 1px solid rgba(255, 246, 214, .62);
  background: linear-gradient(158deg, #f6dc8f 0%, #e6bd64 44%, #c8963d 100%);
  color: #4a3410;
  box-shadow: 0 12px 26px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .55);
}
.az-home--ios27 .az-hero27__wallet-medal--card .az-hero27__wallet-medal-plus {
  position: absolute; top: 6px; right: 8px;
  font-size: 12px; font-weight: 700; font-style: normal; line-height: 1; opacity: .68;
}
.az-home--ios27 .az-hero27__wallet-medal--card .az-hero27__wallet-medal-crown { display: block; line-height: 0; }
.az-home--ios27 .az-hero27__wallet-medal--card .az-hero27__wallet-medal-crown .anzelha-icon { width: 17px; height: 17px; }
.az-home--ios27 .az-hero27__wallet-medal-letter {
  font-family: var(--anzelha-font-display, "Playfair Display", Georgia, serif);
  font-size: clamp(28px, 2.6vw, 36px); font-weight: 800; line-height: .9;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
}
.az-home--ios27 .az-hero27__wallet-medal-tier {
  /* 7.111.0 — TAŞMA DÜZELTMESİ: uzun tier adları (ör. "ANZELHA ÜYE") 9px+nowrap ile
     dar madalyon kartını taşırıyordu (Safari'de görüldü). Artık sarmalanır ve karta
     sığar: 8px, dar harf aralığı, ortalı, en fazla kart genişliği. Dekoratif rozet. */
  font-size: 8px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase;
  white-space: normal; line-height: 1.05; text-align: center; max-width: 100%; overflow-wrap: anywhere;
}
.az-home--ios27 .az-hero27__wallet-level { font-size: var(--text-base, 15px); font-weight: var(--w-semibold, 650); color: #f2cf8e; }
.az-home--ios27 .az-hero27__wallet-bar {
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: var(--r-chip, 999px);
  background: rgba(255, 255, 255, .18);
}
.az-home--ios27 .az-hero27__wallet-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #e8cd6e, #c9903a);
}
.az-home--ios27 .az-hero27__wallet-next { color: rgba(255, 249, 242, .74); font-size: var(--text-xs, 12px); line-height: 1.5; }
.az-home--ios27 .az-hero27__wallet-expiry {
  display: flex;
  align-items: center;
  gap: var(--sp-3, 12px);
  padding: var(--sp-3, 12px) var(--sp-4, 16px);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: var(--r-control, 15px);
  background: rgba(255, 255, 255, .08);
}
.az-home--ios27 .az-hero27__wallet-expiry .anzelha-icon { width: 18px; height: 18px; flex: 0 0 auto; color: #f2cf8e; }
.az-home--ios27 .az-hero27__wallet-expiry b { display: block; font-size: var(--text-xs, 12px); font-weight: var(--w-semibold, 650); }
.az-home--ios27 .az-hero27__wallet-expiry small { display: block; color: rgba(255, 249, 242, .74); font-size: var(--text-xs, 12px); }
.az-home--ios27 .az-hero27__wallet-cta {
  display: flex;
  align-items: center;
  gap: var(--sp-2, 8px);
  min-height: 46px;
  padding: 0 var(--sp-4, 16px);
  /* 7.91.0 (md.7 yüzey cilası): kart içi CTA cam kontrastı netleştirildi
     (.22→.3 kenar, .12→.16 zemin, ince üst highlight) — daha "basılabilir" cam
     buton. Yükseklik/tipografi/renk paleti aynı. */
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: var(--r-control, 15px);
  background: rgba(255, 255, 255, .16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
  color: inherit;
  font-size: var(--text-sm, 13.5px);
  font-weight: var(--w-semibold, 650);
  text-decoration: none;
}
.az-home--ios27 .az-hero27__wallet-cta span { flex: 1 1 auto; }
.az-home--ios27 .az-hero27__wallet-cta .anzelha-icon { width: 17px; height: 17px; flex: 0 0 auto; }
@media (hover: hover) and (pointer: fine) {
  .az-home--ios27 .az-hero27__wallet-cta:hover { background: rgba(255, 255, 255, .2); }
}
.az-home--ios27 .az-hero27__wallet-link {
  color: rgba(255, 249, 242, .74);
  font-size: var(--text-xs, 12px);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.az-home--ios27 .az-hero27__wallet-link:hover { color: #f2cf8e; }

/* ---------- 1b) DURUM ŞERİDİ (md.3) ----------
   Tek cam şerit: açık/kapanış · telefon · en yakın şube. Cam reçetesi
   surface-system'de (statusbar kaydı); burada yerleşim. */
.az-home--ios27 .az-hero27__statusbar {
  display: grid;
  /* 7.132.0 (kırpma düzeltmesi) — çipler DOĞAL genişlikte (her biri tek satır,
     TAM metin; ellipsis/overflow-hidden YOK). Şerit içeriğe göre daralır
     (fit-content) ve kaba sığmazsa iOS gibi YATAY KAYAR (overflow-x:auto +
     scroll-snap). Eski sabit `1.95fr .92fr 1.13fr` + `max-width:470px` +
     `overflow:hidden`, son çipi ("Şubelerimiz") sağ kenardan kesiyordu.
     Reçete `.az-featured27__strip` ile aynıdır (tek desen). */
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  width: fit-content;
  max-width: 100%;
  margin-top: var(--sp-3, 12px);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  border: var(--border-1, 1px solid rgba(255, 255, 255, .5));
  border-radius: 16px;
}
.az-home--ios27 .az-hero27__statusbar::-webkit-scrollbar { display: none; }
.az-home--ios27 .az-hero27__status-cell {
  display: flex;
  align-items: center;
  gap: 8px;
  /* 7.82.0 (md.9) — hedef yükseklik 52-58px, gereksiz dikey padding yok. */
  min-height: 54px;
  padding: 8px 10px;
  color: inherit;
  text-decoration: none;
  scroll-snap-align: start;
  transition: background-color var(--motion-fast, 180ms) var(--motion-ease, ease);
}
.az-home--ios27 .az-hero27__status-cell + .az-hero27__status-cell { border-left: 1px solid var(--lg-border, rgba(255, 255, 255, .5)); }
@media (hover: hover) and (pointer: fine) { .az-home--ios27 a.az-hero27__status-cell:hover { background-color: rgba(255, 255, 255, .14); } }
[data-theme="dark"] .az-home--ios27 a.az-hero27__status-cell:hover { background-color: rgba(255, 255, 255, .08); }
.az-home--ios27 .az-hero27__status-cell > b {
  display: grid;
  place-items: center;
  /* 7.82.0 (md.9) — dar şeride uygun kompakt ikon kabı (eski 44px yer kaplıyordu). */
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
}
.az-home--ios27 .az-hero27__status-cell > b .anzelha-icon { width: 18px; height: 18px; }
.az-home--ios27 .az-hero27__status-cell > span { min-width: 0; }
/* 7.132.0 — çip metni tek satır + TAM görünür; kırpma/ellipsis yok (sığmazsa
   şerit yatay kayar, metin kısaltılmaz). */
.az-home--ios27 .az-hero27__status-cell strong { display: block; font-size: 13px; letter-spacing: -.01em; white-space: nowrap; }
.az-home--ios27 .az-hero27__status-cell small { display: block; margin-top: 1px; font-size: var(--text-xs, 12px); }
/* Açık/kapalı hücresi: yeşil nokta yalnız "Şu an açık" göstergesidir ve çok
   hafif nefes alır (master prompt); kapalı/karma durumda nötr ve hareketsiz. */
/* 7.112.4 — Program hücresi artık diğer hücreler gibi rozetli (foto üstü ikon
   tutarlılığı): saat rozeti + köşe durum noktası. Gap diğer hücrelerle eşitlenir
   (eski 12px, tek nokta içindi). Rozet zemini/biçimi `.status-cell > b` otoritesinden
   gelir (açık=daire, koyu=yuvarlak kare) — ayrıca stil gerekmez. */
.az-home--ios27 .az-hero27__status-cell--schedule { gap: 8px; }
.az-home--ios27 .az-hero27__status-cell--schedule > b { position: relative; overflow: visible; }
.az-home--ios27 .az-hero27__status-dot {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 8px rgba(34, 197, 94, .5);
}
/* 7.112.4 — Nokta rozetin köşesinde (durum göstergesi). Halka rengi şerit yüzeyine göre;
   koyu-mod override surface-system.css'te. Durum rengi bg'de .is-soon/.is-closed ile korunur.
   7.114.0 — referans birebir: nokta SOL-üst köşeye alındı (referansta saat çemberinin
   sol-üstünde; eskiden sağ-üstteydi). */
.az-home--ios27 .az-hero27__status-cell--schedule .az-hero27__status-dot {
  position: absolute;
  top: -2px;
  left: -2px;
  border: 1.5px solid rgba(255, 253, 250, .95);
}
@media (prefers-reduced-motion: no-preference) {
  .az-home--ios27 .az-hero27__status-cell--schedule:not(.is-closed):not(.is-mixed) .az-hero27__status-dot { animation: azHeroDot 1.8s ease-in-out infinite; }
}
@keyframes azHeroDot { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
.az-home--ios27 .az-hero27__status-cell--schedule.is-closed .az-hero27__status-dot,
.az-home--ios27 .az-hero27__status-cell--schedule.is-mixed .az-hero27__status-dot { background: var(--az-muted, #6e6e73); box-shadow: none; animation: none; }
/* 7.82.0 (md.9) — "Yakında açılıyor" (opening_soon) durumu: TURUNCU nokta + ışık
   (gri/beyaz DEĞİL). Metin operations Schedule servisinden ("Bugün 11:00'de açılıyor").
   Açık yeşilden ayrılır ama kapalı grisi de değildir. */
.az-home--ios27 .az-hero27__status-cell--schedule.is-soon .az-hero27__status-dot {
  background: #f59e0b;
  box-shadow: 0 0 8px rgba(245, 158, 11, .6);
}
/* 7.114.0 (referans birebir): program metni artık İKİ SATIR (telefon/şube hücreleriyle
   aynı ritim) — <strong> "Bugün açık" üstte, <small> "11:00–22:30" altta. Strong/small
   biçimi ortak `.status-cell strong/small` otoritesinden gelir (13px kalın + 12px soluk,
   iki satır). Bu yüzden burası yalnız dikey kolon düzeni; tek satırlık nowrap/ellipsis
   KALDIRILDI (etiket " · " ile bölünmezse small gizlenir → tek satıra düşer). */
.az-home--ios27 .az-hero27__status-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: inherit;
  text-decoration: none;
}
.az-home--ios27 .az-hero27__status-text:hover { text-decoration: underline; text-underline-offset: 3px; }
.az-home--ios27 .az-hero27__status-pick {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 6px 12px;
  border: 1px solid var(--lg-border, rgba(255, 255, 255, .5));
  border-radius: var(--r-chip, 999px);
  color: inherit;
  font-size: var(--text-xs, 12px);
  font-weight: var(--w-semibold, 650);
  text-decoration: none;
}

/* ≤1023px: sinematik kompozisyon dikey akışa döner (md.7 sırası:
   hero → durum şeridi → wallet). frame display:contents ile stage ve
   wallet, shell'in flex akışına katılır; sıralama order ile kurulur. */
@media (max-width: 1023px) {
  .az-home--ios27 .az-hero27 > .az-shell { display: flex; flex-direction: column; gap: var(--sp-3, 12px); }
  .az-home--ios27 .az-hero27__frame { display: contents; }
  .az-home--ios27 .az-hero27__stage { order: 1; min-height: 440px; min-height: clamp(440px, 62svh, 620px); align-items: end; } /* §5.4 — svh yoksa px taban */
  .az-home--ios27 .az-hero27__statusbar { order: 2; margin-top: 0; }
  .az-home--ios27 .az-hero27__wallet { order: 3; position: static; inset: auto; width: auto; align-content: start; }
  .az-home--ios27 .az-hero27__copy { max-width: min(600px, 92%); margin-inline-start: 0; padding: clamp(22px, 5vw, 40px); }
  .az-home--ios27 .az-hero27__copy h1 { font-size: clamp(38px, 7.4vw, 60px); }
}
@media (max-width: 640px) {
  /* Board ana sayfada durum şeridi mobilde de yatay 3 hücrede kalır (md.16 —
     referans telefon görünümü): kompakt ped/ikon, alt açıklamalar gizlenir.
     7.132.0 — mobilde 3 EŞİT sütun (fit-content yerine tam genişlik); taban
     `grid-auto-flow:column` yerine normal satır akışı geri alınır. */
  .az-home--ios27.az-home--board .az-hero27__statusbar { grid-auto-flow: row; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; }
  .az-home--ios27.az-home--board .az-hero27__status-cell { flex-direction: column; gap: 4px; min-height: 0; padding: 10px 6px; text-align: center; }
  .az-home--ios27.az-home--board .az-hero27__status-cell > b { width: auto; height: auto; }
  /* 7.132.0 — dar eşit sütunda uzun etiket (ör. EN "Meaning of Our Name")
     ELLIPSIS yerine SARAR (iki satır); metin kırpılmaz, kutuyu taşırmaz. */
  .az-home--ios27.az-home--board .az-hero27__status-cell strong { font-size: 12.5px; white-space: normal; line-height: 1.15; }
  .az-home--ios27.az-home--board .az-hero27__status-cell small { display: none; }
  .az-home--ios27.az-home--board .az-hero27__status-cell--schedule { flex-direction: row; justify-content: center; }
  /* 7.82.0 (md.9/16) — mobilde dar hücrede schedule metni ellipsis ile
     KESİLMESİN; iki satıra sarabilir (masaüstündeki tek-satır nowrap yalnız
     geniş şeride aitti). */
  .az-home--ios27.az-home--board .az-hero27__status-text { white-space: normal; line-height: 1.2; text-align: center; }
  /* Board dışı eski varyant için önceki dikey yığın korunur. */
  .az-home--ios27:not(.az-home--board) .az-hero27__statusbar { grid-template-columns: 1fr; }
  .az-home--ios27:not(.az-home--board) .az-hero27__status-cell { min-height: 64px; }
  .az-home--ios27:not(.az-home--board) .az-hero27__status-cell + .az-hero27__status-cell { border-left: 0; border-top: 1px solid var(--lg-border, rgba(255, 255, 255, .5)); }
}

/* ---------- 4) LEZZET KATEGORİLERİ ---------- */
.az-home--ios27 .az-cats__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--sp-4, 16px);
}
.az-home--ios27 .az-cat-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: var(--border-1, 1px solid rgba(20, 18, 14, .09));
  border-color: var(--lb-border, rgba(20, 18, 14, .09));
  border-radius: var(--r-card, 20px);
  color: inherit;
  text-decoration: none;
  box-shadow: var(--shadow-1, 0 4px 14px rgba(28, 28, 30, .05));
  transition: transform var(--motion-fast, 180ms) var(--motion-ease, cubic-bezier(.2, .8, .2, 1));
}
/* 7.48.0 — FINAL PREMIUM talimatı: kart kalkışı en fazla 2px. */
@media (hover: hover) and (pointer: fine) { .az-home--ios27 .az-cat-card:hover { transform: translateY(-2px); } }
.az-home--ios27 .az-cat-card:active { transform: scale(.98); }
.az-home--ios27 .az-cat-card__figure { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; }
.az-home--ios27 .az-cat-card__media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--motion-slow, 420ms) var(--motion-ease, cubic-bezier(.16, 1, .3, 1));
}
@media (hover: hover) and (pointer: fine) { .az-home--ios27 .az-cat-card:hover .az-cat-card__media { transform: scale(1.05); } }
.az-home--ios27 .az-cat-card__placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background: var(--red-soft, rgba(216, 154, 56, .12));
  color: var(--red, #d89a38);
}
.az-home--ios27 .az-cat-card__placeholder .anzelha-icon { width: 34px; height: 34px; }
.az-home--ios27 .az-cat-card__badge {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 3px 11px;
  border-radius: var(--r-chip, 999px);
  background: var(--red, #d89a38);
  color: #fff;
  font-size: 11px;
  font-weight: var(--w-bold, 750);
  letter-spacing: .03em;
}
.az-home--ios27 .az-cat-card__bar {
  display: flex;
  align-items: center;
  gap: var(--sp-2, 8px);
  min-height: 52px;
  padding: var(--sp-2, 8px) var(--sp-3, 12px);
}
.az-home--ios27 .az-cat-card__bar b {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border-radius: var(--r-control, 10px);
  background: var(--red-soft, rgba(216, 154, 56, .14));
  color: var(--red, #d89a38);
}
.az-home--ios27 .az-cat-card__bar b .anzelha-icon { width: 16px; height: 16px; }
.az-home--ios27 .az-cat-card__bar > span {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  font-size: var(--text-sm, 13.5px);
  font-weight: var(--w-semibold, 650);
  letter-spacing: -.01em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.az-home--ios27 .az-cat-card__bar > .anzelha-icon { width: 15px; height: 15px; flex: 0 0 auto; color: var(--az-muted, #9aa0a6); }

/* ---------- 6) KÜLTÜR BANNERI (talimat 19) ---------- */
.az-home--ios27 .az-wideband__card {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  min-height: clamp(280px, 30vw, 400px);
  border-radius: var(--r-hero, 30px);
  box-shadow: var(--shadow-2, 0 8px 24px rgba(28, 28, 30, .08));
}
.az-home--ios27 .az-wideband__photo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; z-index: 0; }
.az-home--ios27 .az-wideband__photo img { width: 100%; height: 100%; object-fit: cover; object-position: var(--az-image-focus, 50% 45%); }
.az-home--ios27 .az-wideband__shade { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0; z-index: 1; }
.az-home--ios27 .az-wideband__shade--dark { background: linear-gradient(90deg, rgba(11, 12, 13, .84) 0%, rgba(11, 12, 13, .58) 42%, rgba(11, 12, 13, .14) 78%, transparent 100%); }
.az-home--ios27 .az-wideband__copy { position: relative; z-index: 2; max-width: 520px; padding: clamp(22px, 3.4vw, 48px); }
.az-home--ios27 .az-wideband__copy h2 { margin: 10px 0; font-size: clamp(26px, 3vw, 44px); letter-spacing: -.03em; }
.az-home--ios27 .az-wideband__copy p { margin: 0 0 var(--sp-4, 16px); line-height: var(--leading-normal, 1.55); }
.az-home--ios27 .az-wideband__copy--light h2, .az-home--ios27 .az-wideband__copy--light .az-eyebrow { color: #fff; }
.az-home--ios27 .az-wideband__copy--light p { color: rgba(255, 255, 255, .86); }
.az-home--ios27 .az-wideband__credit {
  position: absolute;
  right: 14px;
  top: 12px;
  z-index: 2;
  padding: 4px 10px;
  border-radius: var(--r-chip, 999px);
  background: rgba(8, 8, 10, .5);
  color: rgba(255, 255, 255, .82);
  font-size: 10.5px;
}

/* ---------- 6b) ANZELHA'NIN HİKÂYESİ (İsmimizin Anlamı teaser + rota) ----------
   7.126.0 — Kültür bannerının yerine geçen hikâye tanıtımı: Ayn Zeliha Gölü
   görseli üstünde koyu cam kart + Urfa→Anzelha→Ankara üç duraklı rota. */
.az-home--ios27 .az-origin__card {
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  min-height: clamp(340px, 34vw, 460px);
  border-radius: var(--r-hero, 30px);
  box-shadow: var(--shadow-2, 0 8px 24px rgba(28, 28, 30, .08));
  background: #14100a;
}
.az-home--ios27 .az-origin__media { position: absolute; inset: 0; z-index: 0; }
.az-home--ios27 .az-origin__photo { position: absolute; inset: 0; }
.az-home--ios27 .az-origin__photo img { width: 100%; height: 100%; object-fit: cover; object-position: var(--az-image-focus, 50% 50%); }
.az-home--ios27 .az-origin__scrim {
  position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(94deg, rgba(14, 10, 6, .9) 0%, rgba(14, 10, 6, .66) 38%, rgba(14, 10, 6, .2) 74%, transparent 100%);
}
.az-home--ios27 .az-origin__copy { position: relative; z-index: 2; max-width: 590px; padding: clamp(26px, 4vw, 56px); color: #fdf7ec; }
.az-home--ios27 .az-origin__eyebrow { color: #eec983; }
.az-home--ios27 .az-origin__copy h2 {
  margin: 10px 0 14px;
  font-family: var(--anzelha-font-display, Georgia, serif);
  font-weight: 600;
  font-size: clamp(27px, 3.4vw, 46px);
  line-height: 1.08;
  letter-spacing: -.02em;
  color: #fffaf1;
  text-wrap: balance;
}
.az-home--ios27 .az-origin__copy p { margin: 0 0 var(--sp-4, 16px); line-height: 1.62; color: rgba(253, 247, 236, .88); }
.az-home--ios27 .az-origin__accent {
  font-family: var(--anzelha-font-display, Georgia, serif);
  font-style: italic;
  font-size: clamp(17px, 1.9vw, 21px);
  color: #ecc887 !important;
}
.az-home--ios27 .az-origin__copy .az-button { margin-top: 6px; }
.az-home--ios27 .az-origin__credit { top: auto; bottom: 12px; right: 14px; }

/* Üç duraklı rota — Anzelha merkez, ince altın bağlantı çizgisi. */
.az-home--ios27 .az-origin__route {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: start;
  gap: 8px;
  margin: clamp(28px, 3.4vw, 44px) 0 0;
  padding: 0;
  list-style: none;
}
.az-home--ios27 .az-origin__step {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 10px;
}
.az-home--ios27 .az-origin__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 26px;
  left: calc(50% + 32px);
  right: calc(-50% + 32px);
  height: 2px;
  background: linear-gradient(90deg, rgba(216, 154, 56, .12), rgba(216, 154, 56, .5), rgba(216, 154, 56, .12));
  border-radius: 2px;
}
.az-home--ios27 .az-origin__num {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1.5px solid rgba(216, 154, 56, .5);
  background: var(--lb-bg, rgba(255, 255, 255, .84));
  color: var(--red, #b07c1f);
  font-family: var(--anzelha-font-display, Georgia, serif);
  font-size: 19px;
  font-weight: 600;
  box-shadow: var(--shadow-1, 0 4px 14px rgba(30, 24, 16, .05));
}
.az-home--ios27 .az-origin__step--hub { margin-top: -6px; }
.az-home--ios27 .az-origin__step--hub .az-origin__num {
  width: 64px;
  height: 64px;
  font-size: 23px;
  color: #3a2811;
  border-color: transparent;
  background: linear-gradient(135deg, #f0bd61 0%, #d39131 48%, #a4661f 100%);
  box-shadow: 0 10px 26px rgba(176, 118, 30, .34);
}
.az-home--ios27 .az-origin__step-name {
  margin: 13px 0 3px;
  font-family: var(--anzelha-font-display, Georgia, serif);
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 600;
  letter-spacing: -.01em;
  color: var(--ink, #17140f);
}
.az-home--ios27 .az-origin__step--hub .az-origin__step-name { color: var(--red-deep, #9a6425); }
.az-home--ios27 .az-origin__step-desc { max-width: 22ch; color: var(--az-muted, #767066); font-size: 13.5px; line-height: 1.5; }

[data-theme="dark"] .az-home--ios27 .az-origin__num { background: rgba(28, 30, 32, .82); }

@media (max-width: 760px) {
  .az-home--ios27 .az-origin__route { grid-template-columns: 1fr; gap: 4px; }
  .az-home--ios27 .az-origin__step { flex-direction: row; align-items: flex-start; gap: 14px; text-align: left; padding: 12px 0; }
  .az-home--ios27 .az-origin__step--hub { margin-top: 0; }
  .az-home--ios27 .az-origin__num,
  .az-home--ios27 .az-origin__step--hub .az-origin__num { width: 48px; height: 48px; font-size: 18px; flex: 0 0 auto; }
  .az-home--ios27 .az-origin__step:not(:last-child)::after {
    top: 48px; bottom: -4px; left: 23px; right: auto; width: 2px; height: auto;
    background: linear-gradient(180deg, rgba(216, 154, 56, .5), rgba(216, 154, 56, .12));
  }
  .az-home--ios27 .az-origin__step-name { margin: 4px 0 3px; }
  .az-home--ios27 .az-origin__step-desc { max-width: none; }
}

/* ---------- Sheet içeriği: 12 Çeşit İkram listesi ---------- */
.az-sheet__ikram { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; margin: 14px 0; }
.az-sheet__ikram span { display: flex; align-items: center; gap: 10px; font-weight: var(--w-semibold, 600); font-size: var(--text-sm, 14.5px); }
.az-sheet__ikram b {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  border-radius: var(--r-chip, 50%);
  background: var(--red-soft, rgba(216, 154, 56, .14));
  color: var(--red, #d89a38);
  font-size: var(--text-xs, 12px);
}
.az-sheet__note { color: var(--az-muted, #62676b); font-size: var(--text-sm, 13.5px); }
@media (max-width: 480px) { .az-sheet__ikram { grid-template-columns: 1fr; } }

/* ---------- Şube açık/kapalı rozeti (JS doldurur; boşken gizli) ---------- */
.az-branch-card__status:empty { display: none; }

/* ---------- Şube durum etiketi (7.37.0) — üç durumlu kapsül ----------
   NOT: Buradaki zeytin yeşili/bordo, sitedeki "yeşil yalnız WhatsApp"
   kuralının BİLİNÇLİ ve DAR kapsamlı istisnasıdır (kullanıcı talimatı):
   renkler yalnız bu küçük durum etiketinde geçerlidir; sitenin genel
   altın-kahverengi dili değişmez. Başka bileşende kullanılmaz. */
.az-branch-card__status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;                 /* 30-34px aralığı */
  margin-top: 6px;
  padding-inline: 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: var(--text-xs, 12.5px);
  font-weight: var(--w-semibold, 650);
  line-height: 1;
  white-space: nowrap;
}
/* Durum noktası: 8px, dikey ortalı */
.az-branch-card__status .az-status__dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: currentColor;
}
.az-branch-card__status .anzelha-icon { width: 14px; height: 14px; flex: 0 0 auto; }
.az-branch-card__status .az-status__text { display: inline-block; }

/* 1) Şu an Açık — yumuşak zeytin yeşili */
.az-branch-card__status.is-open   { background: #eef6eb; color: #4f7448; border-color: rgba(95, 138, 87, .22); }
.az-branch-card__status.is-open .az-status__dot,
.az-branch-card__status.is-open .anzelha-icon { color: #5f8a57; }
.az-branch-card__status.is-open .az-status__dot { background: #5f8a57; }

/* 2) Şu an Kapalı — sıcak bordo */
.az-branch-card__status.is-closed { background: #fceeee; color: #963f39; border-color: rgba(182, 82, 74, .22); }
.az-branch-card__status.is-closed .az-status__dot,
.az-branch-card__status.is-closed .anzelha-icon { color: #b6524a; }
.az-branch-card__status.is-closed .az-status__dot { background: #b6524a; }

/* 3) Yakında Açılıyor — altın */
.az-branch-card__status.is-soon   { background: #fff7e8; color: #9e6e22; border-color: rgba(215, 162, 75, .26); }
.az-branch-card__status.is-soon .az-status__dot,
.az-branch-card__status.is-soon .anzelha-icon { color: #d7a24b; }
.az-branch-card__status.is-soon .az-status__dot { background: #d7a24b; }

/* Koyu temada aynı üç kimlik, koyu zemin üstünde okunur alfa ile. */
[data-theme="dark"] .az-branch-card__status.is-open   { background: rgba(95, 138, 87, .18);  color: #a8cfa0; border-color: rgba(95, 138, 87, .34); }
[data-theme="dark"] .az-branch-card__status.is-closed { background: rgba(255, 93, 93, .18);  color: var(--dark-error, #FF5D5D); border-color: rgba(255, 93, 93, .34); }
[data-theme="dark"] .az-branch-card__status.is-soon   { background: rgba(20, 196, 207, .18); color: var(--dark-warning, #F4B740); border-color: rgba(20, 196, 207, .34); }
[data-theme="dark"] .az-branch-card__status.is-open .az-status__dot   { background: var(--dark-success, #32D583); }
[data-theme="dark"] .az-branch-card__status.is-closed .az-status__dot { background: var(--dark-error, #FF5D5D); }
[data-theme="dark"] .az-branch-card__status.is-soon .az-status__dot   { background: var(--dark-warning, #F4B740); }
[data-theme="dark"] .az-branch-card__status.is-open .anzelha-icon   { color: var(--dark-success, #32D583); }
[data-theme="dark"] .az-branch-card__status.is-closed .anzelha-icon { color: var(--dark-error, #FF5D5D); }
[data-theme="dark"] .az-branch-card__status.is-soon .anzelha-icon   { color: var(--dark-warning, #F4B740); }

/* ---------- Duyarlı düzen (md.16, md.22 kırılma listesi) ----------
   7.75.0: kaldırılan bileşenlerin (az-promos, az-trust grid'i, şubelerin
   yanındaki harita) duyarlı kuralları da söküldü — ölü seçici bırakılmaz. */
@media (max-width: 1280px) {
  .az-home--ios27 .az-cats__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .az-home--ios27 .az-cats__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  /* Dar ekranda fotoğraf kredisi başlıkla çakışmasın: alt sağ köşeye iner. */
  .az-home--ios27 .az-wideband__credit { top: auto; bottom: 10px; }
  .az-home--ios27 .az-cats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3, 12px); }
}

/* ---------- Hareket azaltma (talimat 28) ---------- */
@media (prefers-reduced-motion: reduce) {
  .az-home--ios27 .az-hero27__wallet-cta,.az-home--ios27 .az-hero27__status-cell,.az-home--ios27 .az-cat-card,.az-home--ios27 .az-cat-card__media,.az-home--ios27 .az-branch27,.az-home--ios27 .az-board__more,.az-home--ios27 .az-sira27__cta { transition: none !important; }
}

/* ---------- Bölüm başlığı altı açıklama (7.32.0 marka dili) ----------
   Talimat: her bölüm tek güçlü mesaj versin; açıklama 2-3 satırı geçmesin. */
.az-home--ios27 .az-section-head__text {
  max-width: 62ch;
  margin: var(--sp-2, 8px) 0 0;
  color: var(--lb-muted, #4c4f54);
  font-size: var(--text-sm, 14px);
  line-height: var(--leading-normal, 1.55);
  text-wrap: pretty;
}
@media (max-width: 640px) {
  .az-home--ios27 .az-section-head__text { font-size: 13px; }
}

/* Durum rozeti kart gövdesinin KENDİ SATIRINDA (7.37.0 düzeltme):
   meta kutusunun içindeyken dar kartlarda "Şu / an / Açık" diye
   üç satıra bölünüyordu (önizlemede görüldü). Artık body sarmalıyor
   ve rozet tam genişlikte kendi satırına düşüyor. */
.az-home--ios27 .az-branch27__body { flex-wrap: wrap; align-items: center; }
.az-home--ios27 .az-branch27__meta { flex: 1 1 auto; min-width: 0; }
/* Satır kırma sıfır yükseklikli bir ara öğeyle yapılır: rozet kendi
   satırına düşer AMA tam genişliğe yayılmaz, içeriği kadar kapsül kalır.
   (flex-basis:100% doğrudan rozete verilince kapsül bant gibi uzuyordu.) */
.az-home--ios27 .az-branch27__body::after {
  content: "";
  flex: 0 0 100%;
  height: 0;
  order: 2;
}
.az-home--ios27 .az-branch27 .az-branch-card__status {
  flex: 0 0 auto;
  order: 3;
  max-width: 100%;
  margin-top: 10px;
}
.az-home--ios27 .az-branch27__actions { order: 2; }
.az-branch-card__status,
.az-branch-card__status .az-status__text { white-space: nowrap; }

/* ============================================================
   7.75.0 — REFERANS GÖRSELİ BİREBİR KOMPOZİSYON
   Aşağıdaki bloklar, referans yerleşimini işaretleme yeniden
   kurularak (front-page.php 7.75.0) taşır. Otorite: masaüstü
   kompozisyonu burada; cam yüzey tokenları surface-system'de.
   ============================================================ */

/* ---------- md.5 · HEADER HERO'NUN ÜZERİNDE (yalnız ana sayfa) ----------
   `az-header--overlay` yalnız is_front_page()'te basılır; iç sayfaların
   header davranışı değişmez. Cam kapsül fotoğrafın üstünde okunur kalsın
   diye metin/ikon rengi açık, kenar ve gölge güçlendirilir. */
.az-header--overlay .az-header__inner {
  border-color: rgba(255, 255, 255, .32);
  box-shadow: 0 10px 34px rgba(10, 8, 6, .32), inset 0 1px 0 rgba(255, 255, 255, .28);
  color: #fff;
}
.az-header--overlay .az-desktop-nav > a,
.az-header--overlay .az-desktop-nav .az-nav-item > .az-nav-trigger,
.az-header--overlay .az-brand,
.az-header--overlay .az-header__actions .az-icon-action,
.az-header--overlay .az-header__actions .anzelha-icon-button,
.az-header--overlay .az-header__actions .az-compact-action { color: #f6efe6; }
@media (max-width: 1023px) {
  /* Mobil app bar kompozisyonu değişmez: overlay yalnız masaüstü içindir. */
  .az-header--overlay .az-header__inner { color: inherit; }
}

/* ---------- md.7 · WALLET PANELİ hero'nun kendi eks-eninde konumlanır ----------
   7.77.0 (md.7): header yüksekliği İKİNCİ KEZ eklenmez (eski calc kaldırıldı —
   panel aşağı kayıyordu). Wallet hero'nun kendi koordinat sisteminde durur ve
   içerik yüksekliğinde kalır (bottom stretch yok — referanstaki kart gibi). */
.az-home--ios27.az-home--board .az-hero27__wallet {
  /* 7.78.0 (md.4) — kart hero'nun sağ orta-üst bölümünde, daha yukarıda ve
     dengeli (eski clamp(110px,16vh,170px) aşağı kayıyordu).
     7.112.2 — referans yerleşimi: kart ~40px AŞAĞI (sağ hizası/genişliği/iç
     düzeni değişmez; yalnız dikey offset). */
  top: clamp(140px, 15.5vh, 168px);
  right: clamp(48px, 6vw, 96px);
  bottom: auto;
  align-content: start;
}

/* 7.78.0 (md.9) — KISA EKRAN UYARLAMASI: yalnız genişlik değil, düşük tarayıcı
   yüksekliğinde de hero tüm ekranı kaplamaz (900-1000px yükseklikte bile pano
   ilk ekranda görünür). Masaüstü bağlamı (≥1024px) için. */
@media (min-width: 1024px) and (max-height: 850px) {
  .az-home--ios27 .az-hero27__stage { min-height: 520px; }
  .az-home--ios27 .az-hero27__copy h1 { font-size: clamp(50px, 4vw, 64px); }
  .az-home--ios27 .az-hero27__copy { padding-block: clamp(36px, 5vh, 56px) clamp(24px, 3vh, 36px); }
  .az-home--ios27.az-home--board .az-hero27__wallet { top: 124px; } /* 7.112.2 — ~40px aşağı (kısa ekranda da; taşma yok: kart 124+~266<520 stage). */
}

/* ---------- md.9 · TEK BİRLEŞİK İÇERİK PANOSU ----------
   Hero'ya görsel olarak bitişik krem pano; cam DEĞİL, sıcak opak yüzey. */
/* 7.77.0 (md.8): krem pano hero'nun üzerine GÜÇLÜ biçimde biner (eski -24px
   kopuk beyaz şerit bırakıyordu → -58px). Üst köşeler yuvarlak, alt köşeler düz
   (referans); yumuşak yukarı gölge panoyu hero'dan ayırır. */
/* 7.78.0 (md.6) — hero kısaldıktan sonra pano binişi yeniden ayarlandı:
   -58px yerine -42px (hero üzerine KONTROLLÜ biner; ilk ekranda başlık +
   şube kartlarının üst kısmı görünür, kopuk şerit yok). */
/* ============================================================
   7.115.0 — ŞUBELERİMİZ EDİTORYAL YENİDEN TASARIM (yalnız bu bölüm)
   Klasik restoran kartı görünümünden → premium hospitality editoryal
   kompozisyon: sıcak krem pano hero'nun alt kenarına KONTROLLÜ biner
   (sert yatay çizgiyi kapatır), güçlü tipografik hiyerarşi, büyük
   dengeli köşeler, ince kenar, doğal gölge, geniş boşluk. Yüzey artık
   birleşik cam reçetesinde DEĞİL (surface-system'den çıkarıldı); şube
   kartı sıcak krem editoryal yüzey alır. Tema-duyarlı (açık = krem,
   koyu = gece camı korunur). Menüden Öne Çıkanlar / karşılama şeridi
   / harita bandı KAPSAM DIŞI — dokunulmadı.
   ============================================================ */
.az-home--ios27.az-home--board .az-board { padding-block: 0; margin-top: clamp(-80px, -5.4vw, -60px); position: relative; z-index: 5; }
/* 7.190.0 — Şubelerimiz, günlük ürün vitrininin eski konumuna taşındı. Pano artık
   hero üzerine binmez; bölüm akışında doğal aralıkla yer alır. */
.az-home--ios27.az-home--board .az-board.az-board--relocated { margin-top: 0; }
/* 7.132.0 — `#subeler` çapası (hero "Şubelerimiz" çipinin hedefi): sabit header
   altına gizlenmesin diye çapa hizası header yüksekliği kadar aşağı kaydırılır
   (tek kaynak: --header-clearance; ≤767'de 66px). */
.az-home--ios27.az-home--board #subeler { scroll-margin-top: var(--header-clearance, 84px); }
.az-home--ios27.az-home--board .az-board__panel {
  position: relative;
  z-index: 2;
  padding: clamp(26px, 3vw, 48px);
  border: 1px solid rgba(255, 255, 255, .8);
  border-radius: clamp(30px, 2.6vw, 42px);
  background: rgba(253, 250, 245, .97);
  box-shadow:
    0 34px 90px rgba(50, 32, 17, .14),
    inset 0 1px 0 rgba(255, 255, 255, .94);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-board__panel {
  border-color: rgba(255, 255, 255, .08);
  background: linear-gradient(180deg, var(--dark-input, #121416) 0%, var(--dark-bg, #0B0C0D) 100%);
  box-shadow:
    0 34px 90px rgba(0, 0, 0, .5),
    inset 0 1px 0 rgba(255, 255, 255, .05);
}
.az-home--ios27.az-home--board .az-board__grid {
  display: grid;
  /* Şube kartları (esnek 1fr) + sağda dikey Sıra Gecesi sütunu (~260-330px).
     Sıra sütunu dar tutulur ki üç şube kartı geniş kalsın (aksiyon satırındaki
     "Yol Tarifi" etiketi kırpılmaz). Kartlar ile Sıra aynı tabana hizalanır. */
  grid-template-columns: minmax(0, 1fr) minmax(256px, 0.27fr);
  gap: clamp(18px, 1.6vw, 24px);
  align-items: stretch;
}
.az-home--ios27.az-home--board .az-board__side { min-width: 0; display: flex; }

/* Pano başlık satırı */
.az-home--ios27.az-home--board .az-board__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: clamp(16px, 2vw, 32px);
  margin-bottom: clamp(20px, 2.2vw, 30px);
}
/* 7.398.0 — `.az-board__head--sub` ve `.az-board__main` kaldırıldı: "MENÜDEN ÖNE
   ÇIKANLAR" bloğu ana sayfadan çıkarıldı, bu seçiciler ölü koda dönüştü. */

/* Şube başlık bloğu — güçlü editoryal hiyerarşi (30–38px) + ikincil açıklama. */
.az-home--ios27.az-home--board .az-board__headings { min-width: 0; }
.az-home--ios27.az-home--board .az-board__head--branches h2 {
  display: flex;
  align-items: center;
  gap: clamp(10px, 1vw, 14px);
  margin: 0;
  font-size: clamp(28px, 2.6vw, 38px);
  line-height: 1.03;
  font-weight: var(--w-bold, 750);
  letter-spacing: -.01em;
  color: var(--lb-ink, #251d17);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-board__head--branches h2 { color: var(--dark-text, #F5F7F8); }
.az-home--ios27.az-home--board .az-board__head--branches h2 b { display: inline-grid; place-items: center; flex: 0 0 auto; color: var(--gold, #b87920); }
.az-home--ios27.az-home--board .az-board__head--branches h2 b .anzelha-icon { width: clamp(20px, 1.8vw, 26px); height: clamp(20px, 1.8vw, 26px); }
.az-home--ios27.az-home--board .az-board__subtitle {
  margin: 10px 0 0;
  font-size: clamp(13.5px, 1vw, 15.5px);
  line-height: 1.4;
  color: var(--lb-muted, #786b60);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-board__subtitle { color: var(--dark-text-secondary, #AEB4B8); }

.az-home--ios27.az-home--board .az-board__more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  color: var(--gold-dark, #8f5b14);
  font-size: var(--text-sm, 14px);
  font-weight: var(--w-bold, 700);
  text-decoration: none;
  transition: gap var(--motion-fast, 180ms) var(--motion-ease, ease);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-board__more { color: var(--dark-accent-hover, #29D0DA); }
.az-home--ios27.az-home--board .az-board__more .anzelha-icon { width: 16px; height: 16px; }
@media (hover: hover) and (pointer: fine) { .az-home--ios27.az-home--board .az-board__more:hover { gap: 12px; } }

/* ---------- md.10 · ŞUBE KARTLARI (editoryal, 3'lü) ---------- */
.az-home--ios27.az-home--board .az-board__branches {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(14px, 1.2vw, 20px);
  align-items: stretch;
}
/* Yüzey artık burada tanımlanır (surface-system birleşik cam listesinden
   çıkarıldı): sıcak beyaz-krem editoryal yüzey, ince sıcak kenar, doğal geniş
   gölge — aşırı cam/blur yok. Kartlar aynı yükseklikte (grid stretch), aksiyonlar
   tabana sabitlenir. Hover: kart TAMAMI manyetik kalkış (surface-system 8.3'ten
   transform) + burada kenar/gölge yumuşak vurgu. */
.az-home--ios27.az-home--board .az-branch27 {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: none;
  overflow: hidden;
  border: 1px solid var(--branch-line, rgba(71, 49, 29, .11));
  border-radius: clamp(22px, 2vw, 28px);
  background: rgba(255, 255, 255, .78);
  box-shadow:
    0 14px 34px rgba(59, 38, 19, .08),
    inset 0 1px 0 rgba(255, 255, 255, .86);
  transition:
    transform var(--motion-fast, 180ms) var(--motion-ease, cubic-bezier(.2, .8, .2, 1)),
    box-shadow var(--motion-fast, 180ms) var(--motion-ease, ease),
    border-color var(--motion-fast, 180ms) var(--motion-ease, ease);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-branch27 {
  border-color: rgba(255, 255, 255, .08);
  background: rgba(28, 30, 32, .72);
  box-shadow:
    0 16px 36px rgba(0, 0, 0, .42),
    inset 0 1px 0 rgba(255, 255, 255, .04);
}
@media (hover: hover) and (pointer: fine) {
  .az-home--ios27.az-home--board .az-branch27:hover {
    border-color: rgba(184, 121, 32, .24);
    box-shadow:
      0 22px 46px rgba(59, 38, 19, .13),
      inset 0 1px 0 rgba(255, 255, 255, .9);
  }
  [data-theme="dark"] .az-home--ios27.az-home--board .az-branch27:hover {
    border-color: rgba(20, 196, 207, .32);
    box-shadow:
      0 24px 50px rgba(0, 0, 0, .5),
      inset 0 1px 0 rgba(255, 255, 255, .05);
  }
}
/* Görsel = kartın ana öğesi: sabit oran (16/10), alt bölümde okunabilirlik
   degradesi. Görsel büyümesi çok hafif (surface-system editorial-picture). */
.az-home--ios27.az-home--board .az-branch27__figure {
  position: relative;
  display: block;
  flex: 0 0 auto;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
.az-home--ios27.az-home--board .az-branch27__photo { position: absolute; inset: 0; }
.az-home--ios27.az-home--board .az-branch27__photo img { width: 100%; height: 100%; object-fit: cover; }
.az-home--ios27.az-home--board .az-branch27__figure::after {
  content: "";
  position: absolute;
  inset: 20% 0 0;
  background: linear-gradient(to bottom, rgba(24, 16, 10, 0), rgba(24, 16, 10, .84));
}
.az-home--ios27.az-home--board .az-branch27__inspired {
  position: absolute;
  z-index: 2;
  top: 16px;
  left: 16px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: var(--r-chip, 999px);
  background: rgba(34, 25, 18, .62);
  color: #fffaf3;
  font-size: 13px;
  font-weight: var(--w-semibold, 650);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.az-home--ios27.az-home--board .az-branch27__inspired .anzelha-icon { width: 14px; height: 14px; }
.az-home--ios27.az-home--board .az-branch27__title {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 18px;
  left: 20px;
}
.az-home--ios27.az-home--board .az-branch27__title h3 { margin: 0; font-size: clamp(22px, 1.6vw, 28px); font-weight: var(--w-bold, 750); color: #fff; letter-spacing: -.025em; line-height: 1.1; text-shadow: 0 1px 12px rgba(8, 6, 4, .5); }
.az-home--ios27.az-home--board .az-branch27__title small {
  display: -webkit-box;
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.35;
  color: rgba(255, 250, 243, .82);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.az-home--ios27.az-home--board .az-branch27__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(12px, 1.2vw, 18px);
  padding: clamp(16px, 1.3vw, 20px);
}
.az-home--ios27.az-home--board .az-branch27 .az-branch-card__status { margin: 0; order: 0; }
.az-home--ios27.az-home--board .az-branch27__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-top: auto;
  order: 1;
}
.az-home--ios27.az-home--board .az-branch27__distance {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding-right: 2px;
  font-size: var(--text-xs, 12px);
  font-weight: var(--w-semibold, 650);
  color: var(--lb-muted, #5a5048);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-branch27__distance { color: var(--dark-text-secondary, #AEB4B8); }
/* Yol Tarifi — metin bağlantısı görünümü (gerçek harita linki). */
.az-home--ios27.az-home--board .az-branch27__route {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
  color: var(--lb-muted, #6a5c50);
  font-size: var(--text-sm, 13.5px);
  font-weight: var(--w-semibold, 650);
  text-decoration: none;
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-branch27__route { color: var(--dark-text-secondary, #AEB4B8); }
.az-home--ios27.az-home--board .az-branch27__route .anzelha-icon { width: 15px; height: 15px; flex: 0 0 auto; color: var(--gold, #b87920); }
.az-home--ios27.az-home--board .az-branch27__route span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Telefon — dairesel ikon buton (min 44px dokunma hedefi). */
.az-home--ios27.az-home--board .az-branch27__call { width: 46px; height: 46px; flex: 0 0 auto; margin-left: auto; }
/* Sipariş Ver — birincil aksiyon. */
.az-home--ios27.az-home--board .az-branch27__order {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 15px;
  background: linear-gradient(135deg, #c98d2a, #ad6d15);
  box-shadow: 0 10px 24px rgba(170, 104, 17, .2);
  color: #21170e;
  font-size: var(--text-sm, 13.5px);
  font-weight: var(--w-bold, 750);
  text-decoration: none;
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) { .az-home--ios27.az-home--board .az-branch27__order:hover { filter: brightness(1.05); } }
/* Yüzey birleşik cam reçetesinden (surface-system); az-featured27__card zaten
   o listede. Board içinde ayrıca zemin/gölge basılmaz — çift kural yok. */

/* ---------- md.11 · SIRA GECESİ dikey tanıtım kartı ----------
   Şube kartlarıyla aynı yükseklikte (grid stretch), aynı tasarım sisteminin
   parçası ama farklı: koyu kahve → sıcak siyah gradient, serif başlık, altın
   üst etiket, CTA tabana sabit. Görselin tamamı metinle kapatılmaz. */
.az-home--ios27.az-home--board .az-sira27 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 340px;
  padding: clamp(24px, 2vw, 32px);
  border-radius: clamp(24px, 2vw, 30px);
  color: #fffaf2;
  text-decoration: none;
  background: #2c1d13;
}
.az-home--ios27.az-home--board .az-sira27__photo { position: absolute; inset: 0; z-index: 0; }
.az-home--ios27.az-home--board .az-sira27__photo img { width: 100%; height: 100%; object-fit: cover; }
.az-home--ios27.az-home--board .az-sira27__shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(32, 21, 14, .1) 0%, rgba(32, 21, 14, .32) 46%, rgba(32, 21, 14, .82) 100%),
    linear-gradient(90deg, rgba(32, 21, 14, .9) 0%, rgba(32, 21, 14, .58) 58%, rgba(32, 21, 14, .16) 100%);
}
.az-home--ios27.az-home--board .az-sira27__copy { position: relative; z-index: 2; }
.az-home--ios27.az-home--board .az-sira27__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: var(--text-xs, 12px);
  font-weight: var(--w-bold, 750);
  letter-spacing: .14em;
  color: #e6b465;
}
.az-home--ios27.az-home--board .az-sira27__eyebrow .anzelha-icon { width: 15px; height: 15px; }
.az-home--ios27.az-home--board .az-sira27__title {
  margin: 12px 0 0;
  font-family: var(--anzelha-font-display, "Playfair Display", Georgia, serif);
  font-size: clamp(30px, 2.6vw, 40px);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -.01em;
  color: #fffaf2;
}
.az-home--ios27.az-home--board .az-sira27__copy p {
  margin: 12px 0 0;
  font-size: clamp(15px, 1.4vw, 17px);
  line-height: 1.5;
  color: rgba(255, 249, 242, .9);
}
/* CTA tabana sabit (margin-top:auto), tam-genişlik altın buton. Kopya ile
   arasında en az bir nefeslik boşluk için min-height'lı üst boşluk yeter. */
.az-home--ios27.az-home--board .az-sira27__cta {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: auto;
  min-height: 54px;
  padding: 0 var(--sp-5, 20px);
  border-radius: 17px;
  background: linear-gradient(135deg, #d99a31, #b87319);
  box-shadow: 0 12px 28px rgba(170, 104, 17, .26);
  color: #21170e;
  font-size: var(--text-sm, 14px);
  font-weight: var(--w-bold, 750);
  text-decoration: none;
}
.az-home--ios27.az-home--board .az-sira27__cta .anzelha-icon { width: 16px; height: 16px; }
@media (hover: hover) and (pointer: fine) { .az-home--ios27.az-home--board .az-sira27__cta:hover { filter: brightness(1.05); } }

/* ---------- md.13 · AVANTAJLAR — sade kurumsal şerit ----------
   Ana içerikten ince ayırıcı çizgiyle ayrılır ama ayrı bir büyük kart gibi
   görünmez. Beş öğe eşit; öğeler arasında ince dikey çizgi; ikon yüzeyleri
   açık altın-krem; açıklamalar daha açık ton; şerit fazla yüksek değil. */
.az-home--ios27.az-home--board .az-board__perks {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: clamp(26px, 3vw, 40px);
  padding-top: clamp(22px, 2.4vw, 30px);
  border-top: 1px solid rgba(71, 49, 29, .11);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-board__perks { border-top-color: rgba(255, 255, 255, .1); }
.az-home--ios27.az-home--board .az-board__perks > span {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 4px clamp(14px, 1.4vw, 22px);
}
.az-home--ios27.az-home--board .az-board__perks > span:first-child { padding-left: 0; }
.az-home--ios27.az-home--board .az-board__perks > span:last-child { padding-right: 0; }
.az-home--ios27.az-home--board .az-board__perks > span + span { border-left: 1px solid rgba(71, 49, 29, .11); }
[data-theme="dark"] .az-home--ios27.az-home--board .az-board__perks > span + span { border-left-color: rgba(255, 255, 255, .1); }
.az-home--ios27.az-home--board .az-board__perks b {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border-radius: 13px;
  background: rgba(184, 121, 32, .12);
  color: var(--gold, #b87920);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-board__perks b { background: rgba(20, 196, 207, .16); color: var(--dark-accent-hover, #29D0DA); }
.az-home--ios27.az-home--board .az-board__perks b .anzelha-icon { width: 21px; height: 21px; }
.az-home--ios27.az-home--board .az-board__perks strong { display: block; font-size: var(--text-sm, 14px); font-weight: var(--w-semibold, 650); color: var(--lb-ink, #251d17); letter-spacing: -.01em; }
[data-theme="dark"] .az-home--ios27.az-home--board .az-board__perks strong { color: var(--dark-text, #F5F7F8); }
.az-home--ios27.az-home--board .az-board__perks small { display: block; margin-top: 2px; font-size: var(--text-xs, 12px); color: var(--lb-muted, #786b60); }
[data-theme="dark"] .az-home--ios27.az-home--board .az-board__perks small { color: var(--dark-text-secondary, #AEB4B8); }

/* ---------- md.14 · KAMPANYA / KARŞILAMA ŞERİDİ (koyu, ince) ---------- */
.az-home--ios27.az-home--board .az-board__ribbon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-4, 16px);
  flex-wrap: wrap;
  margin-top: clamp(16px, 1.8vw, 22px);
  padding: clamp(12px, 1.4vw, 16px) clamp(18px, 2vw, 26px);
  border-radius: var(--r-control, 16px);
  background: linear-gradient(180deg, #241a11, #191008);
  color: rgba(255, 249, 242, .92);
}
.az-home--ios27.az-home--board .az-board__ribbon span { display: inline-flex; align-items: center; gap: 10px; min-width: 0; font-size: var(--text-sm, 13.5px); }
.az-home--ios27.az-home--board .az-board__ribbon span b { display: grid; place-items: center; color: #f2cf8e; }
.az-home--ios27.az-home--board .az-board__ribbon span b .anzelha-icon { width: 17px; height: 17px; }
.az-home--ios27.az-home--board .az-board__ribbon a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  color: #f2cf8e;
  font-size: var(--text-sm, 13.5px);
  font-weight: var(--w-semibold, 650);
  text-decoration: none;
}
.az-home--ios27.az-home--board .az-board__ribbon a .anzelha-icon { width: 15px; height: 15px; }
@media (hover: hover) and (pointer: fine) { .az-home--ios27.az-home--board .az-board__ribbon a:hover { text-decoration: underline; text-underline-offset: 3px; } }

/* md.15 İkincil harita bandı (az-mapband) 7.125.0'te kaldırıldı — "Size En Yakın
   Anzelha" artık Leaflet tabanlı etkileşimli bileşen (branch-map.css). */

/* ---------- md.9/16 · DUYARLI KOMPOZİSYON (editoryal, 7.115.0) ----------
   Üç şube kartı + dikey Sıra Gecesi sütunu ancak ≥1301px'te ferah durur; daha
   dar ekranda kartlar sıkışırdı (aksiyon etiketi kırpılır) — bu yüzden ≤1300'de
   tek sütuna geçilir: şube kartları 2'li, Sıra Gecesi tam-genişlik YATAY banda
   döner (dev boş kutu değil), avantajlar 2'li. ≤760: şube kartları tek sütun,
   Sıra Gecesi tekrar dikey kart (~420px), avantajlar tek sütun, pano kenarlara
   yapışmaz. Şube kartları mobilde DİKEY YIĞIN — yatay kaydırma/taşma YOK.
   Menüden Öne Çıkanlar (kapsam dışı) kendi yatay şeridini korur. */
@media (max-width: 1300px) {
  .az-home--ios27.az-home--board .az-board__grid { grid-template-columns: 1fr; }
  .az-home--ios27.az-home--board .az-board__branches { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* Mobil sırası: şubeler → ürünler → sıra gecesi. */
    .az-home--ios27.az-home--board .az-board__side { order: 2; margin-top: clamp(18px, 2.4vw, 26px); }
  /* Sıra Gecesi tam-genişlik yatay band: metin solda (perde solu koyu), CTA sağda. */
  .az-home--ios27.az-home--board .az-sira27 {
    flex-direction: row;
    align-items: center;
    gap: clamp(20px, 3vw, 40px);
    min-height: 240px;
  }
  .az-home--ios27.az-home--board .az-sira27__copy { max-width: 58%; }
  .az-home--ios27.az-home--board .az-sira27__cta { width: auto; flex: 0 0 auto; margin-top: 0; margin-left: auto; padding: 0 clamp(22px, 3vw, 30px); }
  .az-home--ios27.az-home--board .az-board__perks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(16px, 3vw, 32px);
    row-gap: 24px;
  }
  .az-home--ios27.az-home--board .az-board__perks > span { padding: 0; }
  .az-home--ios27.az-home--board .az-board__perks > span + span { border-left: 0; }
}
@media (max-width: 760px) {
  .az-home--ios27.az-home--board .az-board { margin-top: -42px; }
  .az-home--ios27.az-home--board .az-board__panel {
    padding: clamp(20px, 5vw, 28px) clamp(16px, 4vw, 20px);
    border-radius: clamp(26px, 6vw, 32px);
  }
  .az-home--ios27.az-home--board .az-board__head { flex-direction: column; align-items: flex-start; gap: 14px; }
  .az-home--ios27.az-home--board .az-board__branches { grid-template-columns: 1fr; }
  /* Sıra Gecesi tekrar dikey kart (yatay band değil); CTA tam-genişlik altta. */
  .az-home--ios27.az-home--board .az-sira27 { flex-direction: column; align-items: flex-start; gap: 0; min-height: 420px; }
  .az-home--ios27.az-home--board .az-sira27__copy { max-width: none; }
  .az-home--ios27.az-home--board .az-sira27__cta { width: 100%; margin-top: auto; margin-left: 0; padding: 0 var(--sp-5, 20px); }
  .az-home--ios27.az-home--board .az-board__perks { grid-template-columns: 1fr; row-gap: 0; }
  .az-home--ios27.az-home--board .az-board__perks > span { padding: 16px 0; border-top: 1px solid rgba(71, 49, 29, .11); }
  [data-theme="dark"] .az-home--ios27.az-home--board .az-board__perks > span { border-top-color: rgba(255, 255, 255, .1); }
  .az-home--ios27.az-home--board .az-board__perks > span:first-child { border-top: 0; padding-top: 4px; }
}

/* ---------- Hareket azaltma ---------- */
@media (prefers-reduced-motion: reduce) {
  .az-home--ios27.az-home--board .az-branch27,
  .az-home--ios27.az-home--board .az-branch27__order,
  .az-home--ios27.az-home--board .az-sira27__cta,
  .az-home--ios27.az-home--board .az-board__more { transition: none !important; }
}

/* ============================================================================
   7.122.0 — REFERANS ŞUBELERİMİZ
   Yalnız tam genişlikteki şube başlığı ve üç şube kartı için son otorite.
   Navigasyon, hero, ürün vitrini, Sıra Gecesi ve pano avantajları kapsam dışıdır.
   ============================================================================ */
.az-home--ios27.az-home--board .az-branches-reference {
  display: block;
  min-width: 0;
  padding: clamp(18px, 1.4vw, 24px) clamp(2px, .35vw, 6px) clamp(28px, 2.8vw, 42px);
}
.az-home--ios27.az-home--board .az-branches-reference + .az-board__grid {
  margin-top: clamp(6px, .7vw, 12px);
}
.az-home--ios27.az-home--board .az-branches-reference .az-board__head {
  align-items: center;
  margin-bottom: clamp(34px, 3.1vw, 48px);
}
.az-home--ios27.az-home--board .az-branches-reference .az-board__head--branches h2 {
  gap: clamp(12px, 1vw, 16px);
  font-size: clamp(36px, 3vw, 50px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.035em;
}
.az-home--ios27.az-home--board .az-branches-reference .az-board__head--branches h2 b .anzelha-icon {
  width: clamp(26px, 2.15vw, 34px);
  height: clamp(26px, 2.15vw, 34px);
}
.az-home--ios27.az-home--board .az-branches-reference .az-board__subtitle {
  margin-top: 14px;
  font-size: clamp(15px, 1.05vw, 18px);
  color: #5f574f;
}
.az-home--ios27.az-home--board .az-branches-reference .az-board__more {
  min-height: 44px;
  gap: 12px;
  padding-inline: 10px 2px;
  color: #96601b;
  font-size: clamp(15px, 1vw, 18px);
}
.az-home--ios27.az-home--board .az-branches-reference .az-board__more .anzelha-icon {
  width: 20px;
  height: 20px;
}

.az-home--ios27.az-home--board .az-branches-reference .az-board__branches {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 1.45vw, 24px);
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27 {
  min-width: 0;
  border-color: rgba(126, 91, 48, .13);
  border-radius: clamp(24px, 1.75vw, 28px);
  background: #fff;
  box-shadow: 0 18px 42px rgba(69, 42, 18, .09), inset 0 1px 0 rgba(255, 255, 255, .9);
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__figure {
  aspect-ratio: 16 / 10;
  border-radius: clamp(23px, 1.7vw, 27px) clamp(23px, 1.7vw, 27px) 0 0;
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__figure::after {
  inset: 36% 0 0;
  background: linear-gradient(to bottom, transparent, rgba(14, 10, 7, .84));
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__inspired {
  top: 18px;
  left: 18px;
  min-height: 36px;
  padding-inline: 14px;
  background: rgba(27, 23, 20, .7);
  font-size: 13.5px;
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__title {
  right: 72px;
  bottom: 20px;
  left: 22px;
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__title h3 {
  font-size: clamp(25px, 1.75vw, 31px);
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__title small {
  margin-top: 4px;
  color: rgba(255, 255, 255, .93);
  font-size: clamp(13px, .95vw, 16px);
}
.az-home--ios27.az-home--board .az-branch27__figure-link {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 3;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 50%;
  background: rgba(17, 14, 12, .58);
  color: #fff;
  text-decoration: none;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: transform 180ms ease, background-color 180ms ease;
}
.az-home--ios27.az-home--board .az-branch27__figure-link .anzelha-icon { width: 19px; height: 19px; }

.az-home--ios27.az-home--board .az-branches-reference .az-branch27__body {
  gap: clamp(16px, 1.25vw, 20px);
  padding: clamp(18px, 1.45vw, 24px);
  background: #fff;
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch-card__status {
  width: 100%;
  min-height: 46px;
  margin: 0;
  padding-inline: 16px;
  font-size: clamp(12.5px, .9vw, 14.5px);
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(124px, 1.08fr);
  gap: clamp(8px, .75vw, 12px);
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__distance:not([hidden]) {
  grid-column: 1 / -1;
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__route,
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__call,
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__order {
  min-height: 54px;
  border: 1px solid rgba(170, 112, 36, .22);
  border-radius: 17px;
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__route {
  justify-content: center;
  gap: 9px;
  padding-inline: 12px;
  color: #6a5031;
  font-size: clamp(13px, .92vw, 15px);
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__route .anzelha-icon {
  width: 19px;
  height: 19px;
  color: #1e1a16;
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__call {
  width: 54px;
  height: 54px;
  margin: 0;
  background: #fff;
  color: #1e1a16;
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__order {
  gap: 9px;
  min-width: 0;
  min-height: 54px;
  padding-inline: clamp(12px, 1.1vw, 18px);
  border-color: rgba(176, 112, 20, .35);
  border-radius: 17px;
  background: linear-gradient(135deg, #d59a33, #b87818);
  color: #20170d;
  font-size: clamp(13px, .92vw, 15px);
}
.az-home--ios27.az-home--board .az-branches-reference .az-branch27__order .anzelha-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}

@media (hover: hover) and (pointer: fine) {
  .az-home--ios27.az-home--board .az-branches-reference .az-branch27:hover { transform: translateY(-4px); }
  .az-home--ios27.az-home--board .az-branch27__figure-link:hover { transform: translateX(2px); background: rgba(17, 14, 12, .78); }
}
.az-home--ios27.az-home--board .az-branches-reference a:focus-visible {
  outline: 3px solid rgba(190, 128, 35, .56);
  outline-offset: 3px;
}

[data-theme="dark"] .az-home--ios27.az-home--board .az-branches-reference .az-board__subtitle { color: var(--dark-text-secondary, #AEB4B8); }
[data-theme="dark"] .az-home--ios27.az-home--board .az-branches-reference .az-board__more { color: #29D0DA; }
[data-theme="dark"] .az-home--ios27.az-home--board .az-branches-reference .az-branch27 {
  border-color: rgba(41, 208, 218, .16);
  background: var(--dark-input, #121416);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-branches-reference .az-branch27__body {
  background: var(--dark-input, #121416);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-branches-reference .az-branch27__route {
  border-color: rgba(41, 208, 218, .24);
  color: var(--dark-text, #F5F7F8);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-branches-reference .az-branch27__route .anzelha-icon,
[data-theme="dark"] .az-home--ios27.az-home--board .az-branches-reference .az-branch27__call { color: #29D0DA; }
[data-theme="dark"] .az-home--ios27.az-home--board .az-branches-reference .az-branch27__call {
  border-color: rgba(41, 208, 218, .24);
  background: rgba(41, 208, 218, .06);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-branches-reference .az-branch27__order {
  border-color: rgb(var(--action-rgb, 217 48 54) / .58);
  background: var(--action, #D93036);
  color: var(--on-action, #FFFFFF);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-branches-reference a:focus-visible {
  outline-color: rgba(41, 208, 218, .7);
}

@media (min-width: 768px) and (max-width: 1199px) {
  .az-home--ios27.az-home--board .az-branches-reference .az-board__branches {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .az-home--ios27.az-home--board .az-branches-reference {
    padding: 10px 0 28px;
  }
  .az-home--ios27.az-home--board .az-branches-reference .az-board__head {
    align-items: flex-start;
    margin-bottom: 26px;
  }
  .az-home--ios27.az-home--board .az-branches-reference .az-board__head--branches h2 {
    font-size: clamp(31px, 9.2vw, 40px);
  }
  .az-home--ios27.az-home--board .az-branches-reference .az-board__branches {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .az-home--ios27.az-home--board .az-branches-reference .az-branch27__actions {
    grid-template-columns: minmax(0, 1fr) 52px minmax(118px, 1.05fr);
  }
  .az-home--ios27.az-home--board .az-branches-reference .az-branch27__route,
  .az-home--ios27.az-home--board .az-branches-reference .az-branch27__call,
  .az-home--ios27.az-home--board .az-branches-reference .az-branch27__order { min-height: 52px; }
  .az-home--ios27.az-home--board .az-branches-reference .az-branch27__call { width: 52px; height: 52px; }
}
@media (max-width: 390px) {
  .az-home--ios27.az-home--board .az-branches-reference .az-branch27__actions {
    grid-template-columns: minmax(0, 1fr) 50px;
  }
  .az-home--ios27.az-home--board .az-branches-reference .az-branch27__order {
    grid-column: 1 / -1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .az-home--ios27.az-home--board .az-branches-reference .az-branch27,
  .az-home--ios27.az-home--board .az-branch27__figure-link { transition: none !important; }
}

/* ============================================================================
   7.123.0 — REFERANS SIRA GECESİ + AVANTAJ PANELİ
   Yalnız `.az-sira-reference`, içindeki ana kart ve hemen ardından gelen beşli
   avantaj paneli için son otorite. Header, hero, şubeler ve ürünler kapsam dışı.
   ============================================================================ */
.az-home--ios27.az-home--board .az-sira-reference {
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: clamp(28px, 2.2vw, 32px);
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 42%) minmax(0, 58%);
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: clamp(500px, 36vw, 560px);
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(180, 119, 35, .7);
  border-radius: clamp(30px, 2.1vw, 32px);
  background: #2a2018;
  box-shadow: 0 22px 52px rgba(67, 40, 17, .16), inset 0 1px 0 rgba(255, 223, 172, .18);
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27__photo {
  position: relative;
  inset: auto;
  z-index: 0;
  grid-column: 2;
  grid-row: 1;
  display: block;
  min-width: 0;
  min-height: 100%;
  overflow: hidden;
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--az-image-focus, 66% 50%);
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27__shade {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: calc(42% - 1px);
  width: clamp(112px, 10vw, 176px);
  pointer-events: none;
  background: linear-gradient(90deg, #2a2018 0%, rgba(42, 32, 24, .82) 26%, rgba(42, 32, 24, .28) 70%, transparent 100%);
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27__copy {
  position: relative;
  z-index: 2;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  max-width: none;
  padding: clamp(48px, 3.7vw, 56px);
  background: #2a2018;
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27__eyebrow {
  gap: 10px;
  color: #efb950;
  font-size: clamp(14px, 1vw, 16px);
  font-weight: 750;
  letter-spacing: .18em;
  line-height: 1.2;
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27__eyebrow .anzelha-icon {
  width: 22px;
  height: 22px;
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27__title {
  margin: clamp(24px, 2vw, 28px) 0 0;
  font-family: inherit;
  font-size: clamp(56px, 4.25vw, 64px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.04em;
  color: #fff;
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27__copy p {
  max-width: 410px;
  margin: clamp(24px, 2vw, 28px) 0 0;
  color: rgba(255, 255, 255, .88);
  font-size: clamp(20px, 1.5vw, 24px);
  line-height: 1.45;
  text-wrap: pretty;
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27__cta {
  position: relative;
  z-index: 2;
  width: auto;
  min-width: 250px;
  min-height: clamp(56px, 4vw, 60px);
  margin: clamp(24px, 2vw, 28px) 0 0;
  padding-inline: clamp(28px, 2.2vw, 32px);
  gap: 16px;
  border: 1px solid rgba(255, 202, 111, .25);
  border-radius: 17px;
  background: linear-gradient(135deg, #e3a43a, #c68320);
  color: #21170e;
  font-size: clamp(15px, 1.05vw, 17px);
  box-shadow: 0 12px 28px rgba(170, 104, 17, .27), inset 0 1px 0 rgba(255, 238, 201, .25);
  transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease;
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27__cta .anzelha-icon {
  width: 20px;
  height: 20px;
}
.az-home--ios27.az-home--board .az-sira-reference .az-sira27__cta:focus-visible {
  outline: 3px solid rgba(238, 185, 80, .72);
  outline-offset: 4px;
}
@media (hover: hover) and (pointer: fine) {
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__cta:hover {
    transform: translateY(-2px);
    filter: brightness(.94);
    box-shadow: 0 16px 32px rgba(170, 104, 17, .32), inset 0 1px 0 rgba(255, 238, 201, .22);
  }
}

/* Ana karta bağlı tek parça bilgi paneli; her avantaj ayrı kart değildir. */
.az-home--ios27.az-home--board .az-sira-reference + .az-board__perks {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  margin-top: clamp(28px, 2.2vw, 32px);
  padding: clamp(24px, 2vw, 28px);
  border: 1px solid rgba(177, 121, 48, .24);
  border-radius: 24px;
  background: rgba(255, 253, 249, .86);
  box-shadow: 0 14px 34px rgba(70, 43, 20, .07), inset 0 1px 0 rgba(255, 255, 255, .9);
}
.az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span {
  min-height: 72px;
  gap: clamp(14px, 1.15vw, 18px);
  padding: 4px clamp(16px, 1.55vw, 24px);
  border-top: 0;
}
.az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span:first-child { padding-left: 0; }
.az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span:last-child { padding-right: 0; }
.az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span + span {
  border-left: 1px solid rgba(177, 121, 48, .2);
}
.az-home--ios27.az-home--board .az-sira-reference + .az-board__perks b {
  width: 64px;
  height: 64px;
  border: 1px solid rgba(191, 132, 53, .16);
  border-radius: 17px;
  background: linear-gradient(145deg, #fff9ed, #f7ecd8);
  color: #b87920;
  box-shadow: 0 7px 18px rgba(157, 100, 25, .08);
}
.az-home--ios27.az-home--board .az-sira-reference + .az-board__perks b .anzelha-icon {
  width: 29px;
  height: 29px;
}
.az-home--ios27.az-home--board .az-sira-reference + .az-board__perks strong {
  color: #2a241e;
  font-size: clamp(15px, 1.05vw, 18px);
  font-weight: 750;
  line-height: 1.25;
}
.az-home--ios27.az-home--board .az-sira-reference + .az-board__perks small {
  margin-top: 5px;
  color: #776c61;
  font-size: clamp(13px, .9vw, 15.5px);
  line-height: 1.3;
}

[data-theme="dark"] .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks {
  border-color: rgba(20, 196, 207, .18);
  background: rgba(24, 26, 28, .9);
  box-shadow: 0 16px 38px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span + span {
  border-left-color: rgba(20, 196, 207, .17);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks b {
  border-color: rgba(20, 196, 207, .2);
  background: rgba(20, 196, 207, .11);
  color: var(--dark-accent, #14C4CF);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks strong { color: var(--dark-text, #F5F7F8); }
[data-theme="dark"] .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks small { color: var(--dark-text-secondary, #AEB4B8); }

@media (min-width: 768px) and (max-width: 1199px) {
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27 {
    grid-template-columns: minmax(0, 48%) minmax(0, 52%);
    min-height: clamp(460px, 52vw, 520px);
  }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__shade { left: calc(48% - 1px); }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__copy { padding: clamp(36px, 4.6vw, 48px); }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__title { font-size: clamp(46px, 5.2vw, 58px); }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__copy p { font-size: clamp(18px, 2vw, 21px); }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 22px;
  }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span { padding: 4px 20px; }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span:first-child,
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span:nth-child(4) { padding-left: 0; border-left: 0; }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span:nth-child(n+4) {
    padding-top: 18px;
    border-top: 1px solid rgba(177, 121, 48, .16);
  }
}

@media (max-width: 767px) {
  .az-home--ios27.az-home--board .az-sira-reference { margin-top: 28px; }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27 {
    grid-template-columns: 1fr;
    grid-template-rows: clamp(250px, 67vw, 360px) auto;
    min-height: 0;
    border-radius: 26px;
  }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__photo {
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
  }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__photo img { object-position: 67% 50%; }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__shade {
    top: calc(clamp(250px, 67vw, 360px) - 86px);
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 88px;
    background: linear-gradient(180deg, transparent, #2a2018);
  }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__copy {
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
    padding: 28px 24px 30px;
  }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__title {
    margin-top: 22px;
    font-size: clamp(38px, 11vw, 42px);
  }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__copy p {
    margin-top: 20px;
    font-size: 18px;
    line-height: 1.5;
  }
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__cta {
    width: 100%;
    min-width: 0;
    margin-top: 24px;
  }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 20px;
    border-radius: 22px;
  }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span,
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span + span {
    min-height: 92px;
    padding: 14px 8px;
    border-left: 0;
    border-top: 1px solid rgba(177, 121, 48, .16);
  }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span:nth-child(-n+2) { border-top: 0; }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span:nth-child(odd) { padding-left: 0; }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span:nth-child(even) { padding-right: 0; }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks b {
    width: 54px;
    height: 54px;
    border-radius: 15px;
  }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks b .anzelha-icon { width: 25px; height: 25px; }
}
@media (max-width: 480px) {
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks { grid-template-columns: 1fr; }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span,
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span + span {
    min-height: 84px;
    padding: 14px 0;
    border-top: 1px solid rgba(177, 121, 48, .16);
  }
  .az-home--ios27.az-home--board .az-sira-reference + .az-board__perks > span:first-child { border-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .az-home--ios27.az-home--board .az-sira-reference .az-sira27__cta { transition: none !important; }
}

/* ============================================================================
   7.124.0 — iOS 27 ANZELHA PUAN BENTO + LEZZET KATEGORİLERİ
   Yalnız `.az-rewards-bento` ve `.az-cats--reference` için son otorite.
   Navigasyon, hero, Şubelerimiz ve Sıra Gecesi işaretlemesi kapsam dışıdır.
   ============================================================================ */
.az-home--ios27.az-home--board .az-rewards-bento {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 24px;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  margin-top: clamp(48px, 4vw, 64px);
}

/* Sol 5 kolon: mevcut üyelik mesajı ve hedefiyle koyu Anzelha Puan kartı. */
.az-home--ios27.az-home--board .az-rewards-card {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  min-height: 408px;
  overflow: hidden;
  padding: clamp(38px, 3vw, 48px);
  border: 1px solid rgba(239, 187, 91, .58);
  border-radius: 28px;
  background:
    radial-gradient(circle at 83% 82%, rgba(218, 154, 53, .22), transparent 34%),
    linear-gradient(145deg, #34271c 0%, #1e1711 54%, #2a1d12 100%);
  color: #fff9ef;
  box-shadow:
    0 24px 56px rgba(63, 39, 18, .22),
    inset 0 1px 0 rgba(255, 240, 207, .26),
    inset 0 -1px 0 rgba(121, 73, 17, .32);
}
.az-home--ios27.az-home--board .az-rewards-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: -10%;
  bottom: -46%;
  width: 82%;
  aspect-ratio: 1;
  border: 1px solid rgba(226, 165, 65, .23);
  border-radius: 50%;
  box-shadow:
    0 0 0 34px rgba(226, 165, 65, .035),
    0 0 0 72px rgba(226, 165, 65, .025),
    0 0 68px rgba(226, 165, 65, .16);
  transform: rotate(-14deg);
  pointer-events: none;
}
.az-home--ios27.az-home--board .az-rewards-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 8%;
  bottom: 4%;
  width: 46%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 205, 111, .8), transparent);
  box-shadow: 0 -36px 34px rgba(224, 157, 52, .2);
  transform: rotate(-17deg);
  pointer-events: none;
}
.az-home--ios27.az-home--board .az-rewards-card__head {
  display: flex;
  align-items: center;
  gap: clamp(18px, 1.7vw, 26px);
  width: 100%;
}
.az-home--ios27.az-home--board .az-rewards-card__head > strong {
  color: #e8b95f;
  font-size: clamp(13px, .95vw, 16px);
  font-weight: 800;
  letter-spacing: .17em;
  line-height: 1.2;
}
.az-home--ios27.az-home--board .az-rewards-card__medal {
  position: relative;
  display: grid;
  place-items: center;
  width: clamp(78px, 6vw, 96px);
  height: clamp(78px, 6vw, 96px);
  flex: 0 0 auto;
  border: 1px solid rgba(255, 219, 145, .85);
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(69, 49, 30, .95), rgba(25, 19, 14, .96));
  box-shadow:
    0 12px 26px rgba(0, 0, 0, .36),
    inset 0 0 0 4px rgba(219, 158, 62, .08),
    inset 0 1px 0 rgba(255, 238, 204, .35);
  color: #efc570;
}
.az-home--ios27.az-home--board .az-rewards-card__medal .anzelha-icon {
  position: absolute;
  top: 20%;
  width: 30%;
  height: 30%;
}
.az-home--ios27.az-home--board .az-rewards-card__medal i {
  margin-top: 24%;
  font-family: var(--anzelha-font-display, Georgia, serif);
  font-size: clamp(33px, 2.8vw, 44px);
  font-style: normal;
  line-height: 1;
}
.az-home--ios27.az-home--board .az-rewards-card > p {
  max-width: 19ch;
  margin: clamp(28px, 2.35vw, 36px) 0 0;
  color: #fff;
  font-size: clamp(27px, 2.25vw, 34px);
  font-weight: 470;
  line-height: 1.36;
  letter-spacing: -.025em;
  text-wrap: pretty;
}
.az-home--ios27.az-home--board .az-rewards-card > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(100%, 304px);
  min-height: 58px;
  margin-top: auto;
  padding: 0 24px 0 28px;
  border: 1px solid rgba(255, 222, 150, .82);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(224, 166, 69, .78), rgba(153, 93, 20, .68));
  box-shadow:
    0 12px 26px rgba(151, 91, 18, .28),
    inset 0 1px 0 rgba(255, 246, 219, .5),
    inset 0 -8px 18px rgba(79, 42, 4, .2);
  color: #fffaf1;
  font-size: clamp(14px, 1.05vw, 17px);
  font-weight: 720;
  text-decoration: none;
  transition: transform 180ms ease, filter 180ms ease, box-shadow 180ms ease;
}
.az-home--ios27.az-home--board .az-rewards-card > a span { min-width: 0; }
.az-home--ios27.az-home--board .az-rewards-card > a .anzelha-icon { width: 21px; height: 21px; flex: 0 0 auto; }
.az-home--ios27.az-home--board .az-rewards-card > a:focus-visible {
  outline: 3px solid rgba(238, 185, 80, .75);
  outline-offset: 4px;
}

/* Sağ 7 kolon: üç üst, iki alt olmak üzere beş bağımsız cam avantaj kutusu. */
.az-home--ios27.az-home--board .az-rewards-bento .az-board__perks {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 20px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.az-home--ios27.az-home--board .az-rewards-bento .az-board__perks > span {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  min-width: 0;
  min-height: 190px;
  padding: clamp(22px, 1.8vw, 28px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .86);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255, 253, 249, .86), rgba(246, 239, 229, .72));
  box-shadow:
    0 15px 34px rgba(76, 51, 27, .09),
    inset 0 1px 0 rgba(255, 255, 255, .95),
    inset 0 -1px 0 rgba(165, 121, 65, .1);
  -webkit-backdrop-filter: blur(14px) saturate(1.04);
  backdrop-filter: blur(14px) saturate(1.04);
}
.az-home--ios27.az-home--board .az-rewards-bento .az-board__perks > span:nth-child(-n+3) { grid-column: span 2; }
.az-home--ios27.az-home--board .az-rewards-bento .az-board__perks > span:nth-child(n+4) {
  grid-column: span 3;
  flex-direction: row;
  align-items: center;
}
.az-home--ios27.az-home--board .az-rewards-bento .az-board__perks > span + span { border-left: 1px solid rgba(255, 255, 255, .86); }
.az-home--ios27.az-home--board .az-rewards-bento .az-board__perks b {
  display: grid;
  place-items: center;
  width: clamp(66px, 5vw, 78px);
  height: clamp(66px, 5vw, 78px);
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, .92);
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(255, 255, 255, .78), rgba(246, 237, 222, .58));
  color: #2c2722;
  box-shadow:
    0 10px 22px rgba(84, 56, 27, .1),
    inset 0 1px 0 rgba(255, 255, 255, .96),
    inset 0 -1px 0 rgba(174, 123, 54, .1);
}
.az-home--ios27.az-home--board .az-rewards-bento .az-board__perks b .anzelha-icon {
  width: clamp(28px, 2.2vw, 34px);
  height: clamp(28px, 2.2vw, 34px);
}
.az-home--ios27.az-home--board .az-rewards-bento .az-board__perks > span > span { min-width: 0; }
.az-home--ios27.az-home--board .az-rewards-bento .az-board__perks strong {
  color: #302a25;
  font-size: clamp(15px, 1.03vw, 18px);
  font-weight: 760;
  line-height: 1.25;
  letter-spacing: -.015em;
}
.az-home--ios27.az-home--board .az-rewards-bento .az-board__perks small {
  margin-top: 7px;
  color: #756b62;
  font-size: clamp(13px, .9vw, 15.5px);
  line-height: 1.35;
}

/* Lezzet Kategorilerimiz başlık ritmi ve dört fotoğraf kartı. */
.az-home--ios27 .az-cats--reference {
  padding-block: clamp(52px, 5vw, 76px);
}
.az-home--ios27 .az-cats--reference .az-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: clamp(24px, 2.2vw, 32px);
}
.az-home--ios27 .az-cats--reference .az-section-head > div > span {
  display: block;
  margin-bottom: 6px;
  color: #a76d1f;
  font-size: clamp(12px, .82vw, 14px);
  font-weight: 800;
  letter-spacing: .16em;
}
.az-home--ios27 .az-cats--reference .az-section-head h2 {
  margin: 0;
  color: #29221d;
  font-family: var(--anzelha-font-display, Georgia, serif);
  font-size: clamp(42px, 3.6vw, 58px);
  font-weight: 520;
  line-height: 1;
  letter-spacing: -.035em;
}
.az-home--ios27 .az-cats--reference .az-text-action {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
  color: #a66a18;
  font-size: clamp(14px, .96vw, 17px);
  font-weight: 720;
  text-decoration: none;
}
.az-home--ios27 .az-cats--reference .az-text-action .anzelha-icon { width: 20px; height: 20px; }
.az-home--ios27 .az-cats--reference .az-cats__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr) minmax(0, 1.22fr) minmax(0, .86fr);
  grid-auto-flow: row;
  grid-auto-columns: auto;
  gap: 14px;
  align-items: stretch;
  overflow: visible;
  margin: 0;
  padding: 0;
  scroll-snap-type: none;
  scroll-padding-inline: 0;
  touch-action: auto;
  overscroll-behavior-x: auto;
}
.az-home--ios27 .az-cats--reference .az-cat-card {
  position: relative;
  display: block;
  min-width: 0;
  min-height: clamp(250px, 19vw, 300px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .65);
  border-radius: 22px;
  background: #d7c3a7;
  box-shadow:
    0 17px 34px rgba(66, 43, 21, .13),
    inset 0 1px 0 rgba(255, 255, 255, .55);
  transition: transform 180ms ease, box-shadow 180ms ease;
}
.az-home--ios27 .az-cats--reference .az-cat-card__figure {
  position: absolute;
  inset: 0;
  display: block;
  aspect-ratio: auto;
}
.az-home--ios27 .az-cats--reference .az-cat-card__figure::after {
  content: "";
  position: absolute;
  inset: 38% 0 0;
  background: linear-gradient(180deg, transparent, rgba(24, 16, 10, .36));
  pointer-events: none;
}
.az-home--ios27 .az-cats--reference .az-cat-card__media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 360ms cubic-bezier(.2, .8, .2, 1);
}
.az-home--ios27 .az-cats--reference .az-cat-card__badge {
  top: 16px;
  left: 16px;
  z-index: 2;
  min-height: 36px;
  padding: 8px 16px;
  border: 1px solid rgba(255, 220, 147, .8);
  border-radius: 999px;
  background: rgba(105, 69, 24, .62);
  color: #fff6df;
  font-size: 12px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.az-home--ios27 .az-cats--reference .az-cat-card__bar {
  position: absolute;
  z-index: 3;
  right: 14px;
  bottom: 14px;
  left: 14px;
  display: flex;
  min-height: 58px;
  padding: 8px 9px 8px 18px;
  border: 1px solid rgba(255, 255, 255, .55);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(73, 58, 43, .64), rgba(112, 87, 59, .42));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28);
  color: #fff;
  -webkit-backdrop-filter: blur(14px) saturate(1.08);
  backdrop-filter: blur(14px) saturate(1.08);
}
.az-home--ios27 .az-cats--reference .az-cat-card__bar b { display: none; }
.az-home--ios27 .az-cats--reference .az-cat-card__bar > span {
  font-family: var(--anzelha-font-display, Georgia, serif);
  font-size: clamp(20px, 1.55vw, 27px);
  font-weight: 650;
  line-height: 1.1;
  text-shadow: 0 1px 10px rgba(0, 0, 0, .28);
}
.az-home--ios27 .az-cats--reference .az-cat-card__bar > .anzelha-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  padding: 11px;
  border: 1px solid rgba(255, 227, 166, .72);
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(221, 160, 61, .92), rgba(158, 96, 20, .82));
  color: #fff;
  box-shadow: 0 8px 18px rgba(95, 55, 8, .24), inset 0 1px 0 rgba(255, 255, 255, .34);
}
.az-home--ios27 .az-cats--reference a:focus-visible {
  outline: 3px solid rgba(190, 128, 35, .64);
  outline-offset: 4px;
}

@media (hover: hover) and (pointer: fine) {
  .az-home--ios27.az-home--board .az-rewards-card > a:hover { transform: translateY(-2px); filter: brightness(1.06); }
  .az-home--ios27 .az-cats--reference .az-cat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 22px 42px rgba(66, 43, 21, .17), inset 0 1px 0 rgba(255, 255, 255, .58);
  }
  .az-home--ios27 .az-cats--reference .az-cat-card:hover .az-cat-card__media { transform: scale(1.035); }
}

[data-theme="dark"] .az-home--ios27.az-home--board .az-rewards-card {
  border-color: rgba(20, 196, 207, .46);
  background: radial-gradient(circle at 83% 82%, rgba(20, 196, 207, .18), transparent 35%), linear-gradient(145deg, var(--dark-input, #121416), var(--dark-bg, #0B0C0D) 58%, var(--dark-input, #121416));
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks > span {
  border-color: rgba(255, 255, 255, .08);
  background: linear-gradient(145deg, rgba(28, 30, 32, .9), rgba(24, 26, 28, .84));
  box-shadow: 0 16px 36px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .05);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks > span + span { border-left-color: rgba(255, 255, 255, .08); }
[data-theme="dark"] .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks b {
  border-color: rgba(20, 196, 207, .2);
  background: rgba(20, 196, 207, .09);
  color: var(--dark-accent, #14C4CF);
}
[data-theme="dark"] .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks strong { color: var(--dark-text, #F5F7F8); }
[data-theme="dark"] .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks small { color: var(--dark-text-secondary, #AEB4B8); }
[data-theme="dark"] .az-home--ios27 .az-cats--reference .az-section-head h2 { color: var(--dark-text, #F5F7F8); }
[data-theme="dark"] .az-home--ios27 .az-cats--reference .az-section-head > div > span,
[data-theme="dark"] .az-home--ios27 .az-cats--reference .az-text-action { color: var(--dark-accent, #14C4CF); }

@media (min-width: 768px) and (max-width: 1199px) {
  .az-home--ios27.az-home--board .az-rewards-bento { grid-template-columns: 1fr; }
  .az-home--ios27.az-home--board .az-rewards-card { min-height: 360px; }
  .az-home--ios27.az-home--board .az-rewards-card > p { max-width: 26ch; }
  .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks { min-height: 390px; }
  .az-home--ios27 .az-cats--reference .az-cats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .az-home--ios27 .az-cats--reference .az-cat-card { min-height: clamp(250px, 34vw, 330px); }
}

@media (max-width: 767px) {
  .az-home--ios27.az-home--board .az-rewards-bento {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 40px;
  }
  .az-home--ios27.az-home--board .az-rewards-card {
    min-height: 370px;
    padding: 28px 24px;
    border-radius: 24px;
  }
  .az-home--ios27.az-home--board .az-rewards-card > p {
    max-width: 20ch;
    font-size: clamp(24px, 7.4vw, 30px);
  }
  .az-home--ios27.az-home--board .az-rewards-card > a { width: 100%; }
  .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    gap: 12px;
    min-height: 0;
  }
  .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks > span,
  .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks > span:nth-child(-n+3),
  .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks > span:nth-child(n+4) {
    grid-column: auto;
    flex-direction: column;
    align-items: flex-start;
    min-height: 168px;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, .82);
    border-radius: 20px;
  }
  .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks > span:last-child { grid-column: 1 / -1; }
  .az-home--ios27.az-home--board .az-rewards-bento .az-board__perks b { width: 58px; height: 58px; }
  .az-home--ios27 .az-cats--reference { padding-block: 48px; }
  .az-home--ios27 .az-cats--reference .az-section-head { align-items: flex-start; }
  .az-home--ios27 .az-cats--reference .az-section-head h2 { font-size: clamp(36px, 10vw, 44px); }
  .az-home--ios27 .az-cats--reference .az-cats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .az-home--ios27 .az-cats--reference .az-cat-card { min-height: clamp(220px, 61vw, 290px); border-radius: 20px; }
  .az-home--ios27 .az-cats--reference .az-cat-card__bar { right: 10px; bottom: 10px; left: 10px; min-height: 52px; padding-left: 14px; }
  .az-home--ios27 .az-cats--reference .az-cat-card__bar > span { font-size: clamp(17px, 5.2vw, 22px); }
  .az-home--ios27 .az-cats--reference .az-cat-card__bar > .anzelha-icon { width: 38px; height: 38px; padding: 10px; }
}
@media (max-width: 520px) {
  .az-home--ios27 .az-cats--reference .az-section-head { flex-direction: column; }
  .az-home--ios27 .az-cats--reference .az-cats__grid { grid-template-columns: 1fr; }
  .az-home--ios27 .az-cats--reference .az-cat-card { min-height: 260px; }
}
@media (prefers-reduced-motion: reduce) {
  .az-home--ios27.az-home--board .az-rewards-card > a,
  .az-home--ios27 .az-cats--reference .az-cat-card,
  .az-home--ios27 .az-cats--reference .az-cat-card__media { transition: none !important; }
}

/* ============================================================
   7.255.0 — "GÜNÜN SEÇKİSİ / Sizin İçin Seçtiklerimiz" vitrini.
   Referans: 8 ürünlük kompakt kart vitrini; onaylı 7.253.0 renk sistemi
   (sıcak nötr yüzey, vişne ana eylem, adaçayı ikincil eylem, turkuaz puan,
   ölçülü amber kategori). Yerleşim sözleşmesi: ≥1024 dört,
   768–1023 iki, ≤767 tek sütun; kartlar eşit yükseklikte (grid stretch +
   fiyat/aksiyon bloğu margin-top:auto ile alta sabit). Ticari veri iskeleti
   front-page.php'de canlı WooCommerce ürününden okunur; burada yalnız görünüm.
   ============================================================ */
.az-home--ios27 .az-showcase {
  /* Onaylı palet — design-system 7.253.0 .az-menu-prototype ile aynı değerler. */
  --azs-berry: #AD5268;
  --azs-berry-hover: #9E455B;
  --azs-sage-light: #E5EEE7;
  --azs-sage-text: #526A59;
  --azs-teal: #159C94;
  --azs-teal-text: #0C736E;
  --azs-amber: #D99232;
  /* Kategori etiketi: onaylı amber ailesinin okunur (ölçülü) koyulaştırması. */
  --azs-amber-text: #A06A15;
  --azs-surface: #FFFCF7;
  --azs-surface-soft: rgba(255, 252, 247, .78);
  --azs-border: #DED6CC;
  --azs-ink: #32161B;
  --azs-muted: #746B65;
  --azs-media-bg: #EFE9DF;
  --azs-shadow: 0 10px 30px rgba(70, 48, 38, .07);
  padding-block: clamp(48px, 5vw, 76px);
  overflow: clip;
  background: transparent;
}
[data-theme="dark"] .az-home--ios27 .az-showcase {
  --azs-amber-text: var(--dark-accent, #14C4CF);
  --azs-surface: var(--dark-input, #121416);
  --azs-surface-soft: rgba(28, 30, 32, .82);
  --azs-border: var(--dark-border, rgba(255, 255, 255, .14));
  --azs-ink: var(--dark-text, #F5F7F8);
  --azs-muted: var(--dark-text-secondary, #AEB4B8);
  --azs-media-bg: var(--dark-input, #121416);
  --azs-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

/* Bölüm başlığı: solda eyebrow + başlık + alt açıklama, sağda "Tümünü Gör" pili. */
.az-home--ios27 .az-showcase__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px 24px;
  margin: 0 0 clamp(20px, 2.2vw, 30px);
}
.az-home--ios27 .az-showcase__headings { min-width: 0; }
.az-home--ios27 .az-showcase__eyebrow {
  display: block;
  margin: 0 0 8px;
  color: var(--azs-amber-text);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
}
.az-home--ios27 .az-showcase__head h2 {
  margin: 0;
  color: var(--azs-ink);
  font-family: var(--anzelha-font-display, Georgia, serif);
  font-size: clamp(30px, 2.5vw, 42px);
  font-weight: 560;
  line-height: 1.06;
  letter-spacing: -.03em;
}
.az-home--ios27 .az-showcase__subtitle {
  margin: 9px 0 0;
  color: var(--azs-muted);
  font-size: clamp(14px, .95vw, 16px);
  line-height: 1.5;
}
.az-home--ios27 .az-showcase__all {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid var(--azs-border);
  border-radius: 14px;
  background: var(--azs-surface-soft);
  color: var(--azs-ink);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  font-size: 15px;
  font-weight: 680;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 200ms ease, border-color 200ms ease, transform 200ms ease;
}
.az-home--ios27 .az-showcase__all .anzelha-icon { width: 20px; height: 20px; }
.az-home--ios27 .az-showcase__all-arrow .anzelha-icon { width: 16px; height: 16px; }
.az-home--ios27 .az-showcase__all:hover {
  background: var(--azs-surface);
  border-color: var(--azs-berry);
}
.az-home--ios27 .az-showcase__all:focus-visible {
  outline: 3px solid var(--azs-berry);
  outline-offset: 2px;
}
.az-home--ios27 .az-showcase__empty {
  margin: 0;
  padding: 18px 20px;
  border: 1px solid var(--azs-border);
  border-radius: 18px;
  background: var(--azs-surface-soft);
  color: var(--azs-muted);
}
@media (max-width: 767px) {
  .az-home--ios27 .az-showcase { padding-block: 40px; }
  .az-home--ios27 .az-showcase__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
  }
  .az-home--ios27 .az-showcase__head h2 { font-size: clamp(26px, 7.6vw, 34px); }
  .az-home--ios27 .az-showcase__subtitle { margin-top: 7px; font-size: 13.5px; }
  .az-home--ios27 .az-showcase__all { min-height: 44px; font-size: 14px; }
}
@media (prefers-reduced-transparency: reduce) {
  .az-home--ios27 .az-showcase__all {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: var(--azs-surface) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .az-home--ios27 .az-showcase__all {
    transition: none !important;
  }
}


/* ==================== home-experience.css ==================== */
.az-experience{
  --az-x-gold:#ad711a;
  --az-x-ink:#171719;
  --az-x-muted:#6b6867;
  --az-x-surface:rgba(255,255,255,.72);
  --az-x-edge:rgba(255,255,255,.92);
  position:relative;
  z-index:2;
  padding:clamp(28px,4vw,58px) 0;
  color:var(--az-x-ink);
}
.az-experience__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:20px}
.az-experience-card{
  position:relative;display:flex;width:100%;min-width:0;min-height:250px;padding:0;overflow:hidden;
  border:1px solid var(--az-x-edge);border-radius:26px;background:var(--az-x-surface);color:inherit;
  box-shadow:0 15px 38px rgba(38,28,19,.09),inset 0 1px 0 rgba(255,255,255,.88);
  font:inherit;text-align:left;text-decoration:none;isolation:isolate;cursor:pointer;
  -webkit-appearance:none;appearance:none;transform:translateZ(0);
  transition:transform 410ms cubic-bezier(.2,.8,.2,1),box-shadow 410ms cubic-bezier(.2,.8,.2,1),border-color 410ms ease;
}
.az-experience-card--wide{grid-column:span 2;grid-row:span 2;min-height:520px;background:#261b12;color:#fff}
.az-experience-card.is-disabled{cursor:default;opacity:.82}
.az-experience-card__media,.az-experience-card__scrim{position:absolute;inset:0}
.az-experience-card__media{z-index:-2;background:#2c2118;overflow:hidden}
.az-experience-card__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--az-card-focus-x,50%) var(--az-card-focus-y,50%);transition:transform 420ms cubic-bezier(.2,.8,.2,1)}
.az-experience-card__media--fallback{display:block;background:radial-gradient(circle at 30% 34%,rgba(211,154,71,.26),transparent 28%),linear-gradient(135deg,#2b211a,#4b3320)}
.az-experience-card__media--fallback i{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.035)}
.az-experience-card__media--fallback i:nth-child(1){width:180px;height:180px;right:8%;bottom:8%}.az-experience-card__media--fallback i:nth-child(2){width:116px;height:116px;right:30%;bottom:14%}.az-experience-card__media--fallback i:nth-child(3){width:88px;height:88px;right:17%;bottom:34%}
.az-experience-card__scrim{z-index:-1;background:linear-gradient(180deg,rgba(22,15,10,.04) 0%,rgba(22,15,10,.22) 38%,rgba(16,10,7,.9) 100%);opacity:0}
.az-experience-card--wide .az-experience-card__scrim{opacity:1}
.az-experience-card__body{display:flex;flex-direction:column;width:100%;min-width:0;padding:30px}
.az-experience-card--standard .az-experience-card__body{padding:28px 30px 24px}
.az-experience-card__icon{
  display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;border:1px solid rgba(255,255,255,.92);
  border-radius:50%;background:rgba(255,255,255,.66);color:var(--az-x-gold);
  box-shadow:0 9px 24px rgba(42,31,21,.08),inset 0 1px 0 #fff;
  transition:transform 390ms cubic-bezier(.2,.8,.2,1),background-color 390ms ease;
}
.az-experience-card__icon svg{width:28px;height:28px;stroke-width:1.7}
.az-experience-card__icon.has-image{overflow:hidden}
.az-experience-card__icon.has-image img{width:34px;height:34px;object-fit:contain}
.az-experience-card--wide .az-experience-card__icon{border-color:rgba(255,255,255,.3);background:rgba(20,14,10,.36);color:#fff;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.az-experience-card__copy{display:flex;flex-direction:column;gap:8px;margin-top:auto;min-width:0}
.az-experience-card__copy strong{font-size:clamp(20px,1.65vw,28px);line-height:1.08;letter-spacing:-.035em}
.az-experience-card--wide .az-experience-card__copy strong{max-width:680px;font-size:clamp(30px,3.1vw,49px);letter-spacing:-.05em}
.az-experience-card__copy small{max-width:58ch;color:var(--az-x-muted);font-size:clamp(14px,1.15vw,17px);line-height:1.45}
.az-experience-card--wide .az-experience-card__copy small{color:rgba(255,255,255,.88);font-size:clamp(16px,1.4vw,20px)}
.az-experience-card__cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(36,30,25,.1);color:var(--az-x-gold);font-size:15px;font-weight:700}
.az-experience-card__cta svg{width:20px;height:20px;transition:transform 400ms cubic-bezier(.2,.8,.2,1)}
.az-experience-card--wide .az-experience-card__cta{align-self:flex-start;min-width:230px;padding:0 18px;margin-top:24px;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:rgba(170,105,19,.76);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.az-experience-card:focus-visible{outline:3px solid #0b7272;outline-offset:4px}
.az-experience-card--wide:focus-visible{outline-color:#f4c36e}
.az-experience-card--hide-desktop{display:none}

body.az-experience-modal-open{overflow:hidden;touch-action:none}
.az-experience-modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:24px}
.az-experience-modal[hidden]{display:none}
.az-experience-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;/* 4-2: blur sabit; yalnız renk katmanı animasyonlu (opacity animasyonu blur ile her karede yeniden çizim üretiyordu) */background:rgba(16,13,11,0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1;cursor:pointer;transition:background-color 240ms ease}
.az-experience-modal__panel{
  position:relative;display:flex;flex-direction:column;width:min(920px,calc(100vw - 48px));max-height:min(760px,calc(100dvh - 48px));
  overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:rgba(250,247,243,.95);color:#171719;
  box-shadow:0 34px 100px rgba(15,11,8,.34),inset 0 1px 0 #fff;opacity:0;transform:translateY(18px) scale(.985);
  transition:opacity 280ms ease,transform 320ms cubic-bezier(.2,.8,.2,1);outline:0;
}
.az-experience-modal__panel--hours{width:min(680px,calc(100vw - 48px))}
.az-experience-modal.is-open .az-experience-modal__backdrop{background:rgba(16,13,11,.48)}.az-experience-modal.is-open .az-experience-modal__panel{opacity:1;transform:none}
.az-experience-modal__handle{display:none}
.az-experience-modal__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px 20px;border-bottom:1px solid rgba(40,32,24,.1)}
.az-experience-modal__head>div>span{display:block;margin-bottom:6px;color:#9b6519;font-size:12px;font-weight:800;letter-spacing:.12em}
.az-experience-modal__head h2{margin:0;font-size:clamp(25px,3.4vw,38px);line-height:1.05;letter-spacing:-.04em}
.az-experience-modal__close{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;padding:0;border:1px solid rgba(40,32,24,.1);border-radius:50%;background:rgba(255,255,255,.72);color:#1c1c1e;cursor:pointer}
.az-experience-modal__close svg{width:22px;height:22px}.az-experience-modal__close:focus-visible,.az-experience-modal__actions a:focus-visible{outline:3px solid #0b7272;outline-offset:2px}
.az-experience-modal__scroll{padding:24px 28px 30px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.az-experience-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.az-experience-item{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid rgba(40,32,24,.08);border-radius:18px;background:rgba(255,255,255,.62)}
.az-experience-item__media{display:grid;place-items:center;width:66px;height:66px;flex:0 0 66px;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#efe6da,#f8f5f0);color:#a16b20}
.az-experience-item__media img{width:100%;height:100%;object-fit:cover;object-position:var(--az-item-focus-x,50%) var(--az-item-focus-y,50%)}
.az-experience-item__media svg{width:26px;height:26px}
.az-experience-item>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.az-experience-item strong{font-size:15px;line-height:1.2}.az-experience-item small{color:#6b6867;font-size:12px;line-height:1.3}
.az-experience-modal__note{margin:20px 0 0;color:#6b6867;font-size:13px;line-height:1.5}
.az-experience-hours{display:grid;gap:10px;padding:0;margin:0;list-style:none}
.az-experience-hours li{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid rgba(40,32,24,.08);border-radius:18px;background:rgba(255,255,255,.62)}
.az-experience-hours li>span:last-child{display:flex;flex-direction:column;gap:4px}.az-experience-hours strong{font-size:17px}.az-experience-hours small{color:#62605f;font-size:14px;line-height:1.35}
.az-experience-hours__dot{width:11px;height:11px;flex:0 0 11px;margin-top:5px;border-radius:50%;background:#8e8e93;box-shadow:0 0 0 5px rgba(142,142,147,.1)}
.az-experience-hours__dot.is-open{background:#2e9a55;box-shadow:0 0 0 5px rgba(46,154,85,.12)}.az-experience-hours__dot.is-closing_soon,.az-experience-hours__dot.is-opening_soon{background:#cf8420;box-shadow:0 0 0 5px rgba(207,132,32,.12)}
.az-experience-modal__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.az-experience-modal__actions a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:10px 14px;border:1px solid rgba(40,32,24,.1);border-radius:15px;background:#fff;color:#8f5b14;font-size:13px;font-weight:700;text-decoration:none}.az-experience-modal__actions svg{width:18px;height:18px}

[data-theme="dark"] .az-experience{--az-x-ink:var(--dark-text,#F5F7F8);--az-x-muted:var(--dark-text-secondary,#AEB4B8);--az-x-surface:var(--dark-glass,rgba(24,26,28,.72));--az-x-edge:var(--dark-border,rgba(255,255,255,.14))}
[data-theme="dark"] .az-experience-card{box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)}
[data-theme="dark"] .az-experience-card__icon{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
[data-theme="dark"] .az-experience-card__cta{border-color:rgba(255,255,255,.1)}
[data-theme="dark"] .az-experience-modal__panel{border-color:var(--dark-border,rgba(255,255,255,.14));background:rgba(24,26,28,.97);color:var(--dark-text, #F5F7F8);box-shadow:0 34px 100px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.06)}
[data-theme="dark"] .az-experience-modal__head{border-color:rgba(255,255,255,.1)}[data-theme="dark"] .az-experience-modal__close{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:var(--dark-text, #F5F7F8)}
[data-theme="dark"] .az-experience-item,[data-theme="dark"] .az-experience-hours li{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.045)}
[data-theme="dark"] .az-experience-item__media{background:linear-gradient(145deg,var(--dark-input, #121416),rgba(255, 255, 255, .1))}[data-theme="dark"] .az-experience-item small,[data-theme="dark"] .az-experience-modal__note,[data-theme="dark"] .az-experience-hours small{color:var(--dark-text-secondary, #AEB4B8)}
[data-theme="dark"] .az-experience-modal__actions a{border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.06);color:var(--dark-accent-hover, #29D0DA)}

@media (hover:hover) and (pointer:fine){
  .az-experience-card:not(.is-disabled):hover,.az-experience-card:not(.is-disabled):focus-visible{transform:translateY(-5px) scale(1.012);border-color:rgba(194,137,58,.34);box-shadow:0 24px 54px rgba(36,27,18,.16),inset 0 1px 0 rgba(255,255,255,.95)}
  .az-experience-card:not(.is-disabled):hover .az-experience-card__media img,.az-experience-card:not(.is-disabled):focus-visible .az-experience-card__media img{transform:scale(1.028)}
  .az-experience-card:not(.is-disabled):hover .az-experience-card__icon,.az-experience-card:not(.is-disabled):focus-visible .az-experience-card__icon{transform:translateY(-2px) scale(1.05);background-color:rgba(255,255,255,.78)}
  .az-experience-card:not(.is-disabled):hover .az-experience-card__cta svg,.az-experience-card:not(.is-disabled):focus-visible .az-experience-card__cta svg{transform:translateX(3px)}
  .az-experience-card:not(.is-disabled):active{transform:translateY(-2px) scale(.98)}
  .az-experience-modal__close:hover{transform:translateY(-1px) scale(1.04)}
}
@media (min-width:641px) and (max-width:1024px){
  .az-experience__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .az-experience-card--wide{grid-column:span 2;min-height:430px}.az-experience-card--standard{min-height:230px}
  .az-experience-items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .az-experience{padding:24px 0}.az-experience__grid{grid-template-columns:1fr;gap:14px}
  .az-experience-card--hide-desktop{display:flex}.az-experience-card--hide-mobile{display:none}
  .az-experience-card--wide{grid-column:auto;grid-row:auto;order:-1;min-height:390px;border-radius:24px}.az-experience-card--standard{min-height:205px;border-radius:22px}
  .az-experience-card__body,.az-experience-card--standard .az-experience-card__body{padding:24px}
  .az-experience-card__icon{width:52px;height:52px;flex-basis:52px}.az-experience-card__icon svg{width:25px;height:25px}
  .az-experience-modal{align-items:end;padding:0}
  .az-experience-modal__panel,.az-experience-modal__panel--hours{width:100%;max-height:min(88dvh,780px);border-width:1px 0 0;border-radius:26px 26px 0 0;transform:translateY(34px)}
  .az-experience-modal__handle{display:block;width:42px;height:5px;flex:0 0 5px;margin:9px auto 0;border-radius:99px;background:rgba(60,60,67,.25)}
  .az-experience-modal__head{padding:15px 18px 16px}.az-experience-modal__head h2{font-size:27px}.az-experience-modal__close{width:44px;height:44px;flex-basis:44px}
  .az-experience-modal__scroll{padding:18px 16px calc(22px + env(safe-area-inset-bottom))}
  .az-experience-items{grid-template-columns:1fr}.az-experience-item__media{width:62px;height:62px;flex-basis:62px}
  .az-experience-modal__actions{grid-template-columns:1fr}.az-experience-modal__actions a{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .az-experience-card,.az-experience-card__media img,.az-experience-card__icon,.az-experience-card__cta svg,.az-experience-modal__backdrop,.az-experience-modal__panel{transition-duration:.01ms!important;animation:none!important}
  .az-experience-card:hover,.az-experience-card:focus-visible,.az-experience-card:hover .az-experience-card__media img,.az-experience-card:focus-visible .az-experience-card__media img,.az-experience-card:hover .az-experience-card__icon,.az-experience-card:focus-visible .az-experience-card__icon{transform:none!important}
}