/* =============================================================
 * home-deep-fixes.css
 * --------------------------------------------------------------
 * Agent Home — Anasayfa BS-paralel deep fixes (rule #30 ownership)
 * Marker: AGENT-HOME-DEEP-OWNED
 * --------------------------------------------------------------
 * Bu dosya MR / vs BS / ANASAYFA için K.20+K.21+K.22+K.23 16
 * katman audit kapsamında tespit edilen ince farkları kapatır.
 *
 * Yalnızca bu dosya bu görsel düzeltmeleri yönetir. Diğer
 * dosyalara dokunulmaz (rule #30 file ownership):
 *   • home-card-parity.css        — Agent A2 (kart yüzey/boyut)
 *   • bs-crash-section-parity.css — Agent L (crash section özel)
 *   • theme-robinbet-mobile.css   — global theme (read-only)
 *   • slot-* / casino-* / livecasino-* / register-*
 *
 * Kapsam (deep parity layer):
 *   1. Section margin/padding rhythm — BS-paralel 8/12 sıkı
 *   2. bs-slot-section / bs-live-section / bs-crash-section
 *      bg + border decoration kalibrasyonu (gold bleed azalt)
 *   3. Section header tipografi paritesi (font-size/weight/lh/ls)
 *   4. "Tümünü Gör" link → muted white + 12px / 500
 *   5. Section title weight 600 (BS-paralel, 800 fazla)
 *   6. Card touch :active ripple parity (BS subtle opacity dim)
 *   7. Card image fade-in (BS skeleton → image transition)
 *   8. hm-row-bc grid → 3-col gap kalibrasyon (BS 6px gap)
 *   9. product-banner-info-bc inner padding sıkılaştırma
 *  10. Top tile row (rb-category-banners) icon hizalama
 *  11. home-jackpot-winners-section padding rhythm
 *  12. slot-hero-tablist tab padding (BS 8/14)
 *  13. Section divider visual rhythm (margin-bottom unification)
 *  14. mob-social-icons hide reinforcement (rule #117 fail-safe)
 *  15. Reduced motion + hover parity (rule #115)
 *  16. Section a11y focus ring (rule #117 theme-bleed safe)
 *
 * Specificity strategy:
 *   `html.mobile-root body.mobile-site …` ile theme-robinbet'in
 *   yüksek specificity !important kurallarını override eder
 *   (rule #38 specificity ladder).
 *
 * Override registry: AI_USER_OVERRIDES.md#anasayfa-deep-parity-2026-04-28
 * --------------------------------------------------------------
 * Versiyon: 1.0  •  Tarih: 2026-04-28
 * Lead: Agent Home (deep audit & layer 9 visual rhythm)
 * ============================================================= */


/* -----------------------------------------------------------
 * §1. SECTION DIKEY RHYTHM — BS-paralel 12/14 px gap
 *     BS m.bahissende302.com mobile section'lar arası
 *     ortalama 12-14px boşluk. MR şu an 16-18px kullanıyor.
 *     Görsel olarak BS daha sıkı paketli — bu kural aralığı
 *     hizaya çeker. Dökey rhythm uniform olmalı.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .rb-mobile-content-wrapper > .home-jackpot-winners-section {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

html.mobile-root body.mobile-site .rb-mobile-content-wrapper > .hm-row-bc {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

/* bs-slot-section: BS slot grid container'ından header'a 12px */
html.mobile-root body.mobile-site .rb-mobile-content-wrapper > section.bs-slot-section,
html.mobile-root body.mobile-site .rb-mobile-content-wrapper > .bs-slot-section {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
}

/* bs-live-section: BS live-casino bölümü ile aynı ritim */
html.mobile-root body.mobile-site .rb-mobile-content-wrapper > section.bs-live-section:not(.bs-crash-section),
html.mobile-root body.mobile-site .rb-mobile-content-wrapper > .bs-live-section:not(.bs-crash-section) {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  margin-left: 8px !important;
  margin-right: 8px !important;
}

/* bs-crash-section ek margin-top zaten Agent L tarafından 18px set edildi
 * — burada override etmiyoruz (rule #30 dosya sahipliği). */


/* -----------------------------------------------------------
 * §2. SECTION SURFACE — gold-border bleed azaltma
 *     BS'de section container'ları transparent veya tek katman
 *     dark surface kullanır (gradient + gold border çift değil).
 *     MR şu an `1px solid rgba(212,175,55,0.15)` + lineer gradient
 *     ile çift dekor uyguluyor — BS minimalist tarzına çekiyoruz.
 *     Border korunur (visual identity), ama opacity 0.08'e düşer.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site section.bs-slot-section,
html.mobile-root body.mobile-site .bs-slot-section,
html.mobile-root body.mobile-site section.bs-live-section:not(.bs-crash-section),
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) {
  /* Yumuşak border — BS-paralel düşük profil */
  border: 1px solid rgba(212, 175, 55, 0.08) !important;
  /* Gradient korunur ama daha düz BS-paralel tone */
  background: linear-gradient(135deg, #0a0a14 0%, #10101e 100%) !important;
  /* BS section radius standartı 12px (16px fazla) */
  border-radius: 12px !important;
  /* Kart içi padding → BS sıkı ritim */
  padding: 12px 10px !important;
}

/* bs-slot-section özel split layout — padding flex container'da 0 olmalı,
 * sadece içteki bs-slot-left + bs-slot-right kendi padding'ini taşır */
html.mobile-root body.mobile-site section.bs-slot-section,
html.mobile-root body.mobile-site .bs-slot-section {
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
}


/* -----------------------------------------------------------
 * §3. SECTION HEADER — bs-slot-left sıkılaştırma
 *     MR'da bs-slot-left padding 18px 8px (left/right)
 *     BS-paralel 14px 6px (daha kompakt). Dikey alanı azaltır,
 *     içerik dengeli görünür.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .bs-slot-section .bs-slot-left {
  flex: 0 0 30% !important; /* MR önce 32% → BS 30% (daha dar) */
  padding: 14px 6px !important;
  background: linear-gradient(180deg, rgba(212, 175, 55, 0.06) 0%, rgba(0, 0, 0, 0) 100%) !important;
}


/* -----------------------------------------------------------
 * §4. SECTION TITLE TIPOGRAFI — BS-paralel weight 600
 *     MR'da bs-slot-title + bs-live-title weight 800 — BS'in
 *     uniform 600-700 weight'ine paralel çekiyoruz. Visual
 *     hierarchy korunur (header'lar hâlâ ayırt edilebilir).
 *     letter-spacing düşürülür (BS daha yakın).
 * ----------------------------------------------------------- */

/* iter 2 correction 2026-05-11: BS shows much larger + bolder title.
   User feedback: "BS 'SLOT OYUNLARI' much larger + bolder; MR medium size" */
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-title {
  font-size: 19px !important;
  font-weight: 900 !important;
  letter-spacing: 0.4px !important;
  line-height: 1.1 !important;
  color: #fff !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  margin: 2px 0 4px 0 !important;
}

html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-title {
  font-size: 14px !important;
  font-weight: 600 !important; /* MR önce 800 → BS-paralel 600 */
  letter-spacing: 0.3px !important;
  line-height: 1.25 !important;
  color: rgba(255, 255, 255, 0.95) !important;
  font-style: normal !important;
  text-transform: uppercase;
}

/* Heart icon küçültme — 28px → 24px (BS-paralel) */
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-heart {
  font-size: 24px !important;
  margin-bottom: 5px !important;
  filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.4)) !important;
}

/* Subtitle "En Çok Beğenilen" - BS-paralel 9px */
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-subtitle {
  font-size: 9px !important;
  letter-spacing: 0.4px !important;
  margin: 0 0 3px 0 !important;
}

/* Stars row - 5 yıldız, BS'de daha küçük 10px */
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-stars {
  gap: 1.5px !important;
  margin-bottom: 6px !important;
}
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-stars i {
  font-size: 10px !important;
}


/* -----------------------------------------------------------
 * §5. "TÜMÜNÜ GÖR" LINK — BS-paralel muted look
 *     BS'de section right link `12px / 500 / rgba(white, 0.7)`
 *     MR'da gold #d4af37 ile vurgulu — yumuşatılır.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .bs-slot-section .bs-slot-viewall,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-viewall {
  font-size: 11px !important; /* MR önce 10px → BS 11px */
  font-weight: 500 !important; /* MR önce 600 → BS 500 */
  color: rgba(255, 255, 255, 0.65) !important; /* MR gold → BS muted */
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  transition: color 0.18s ease !important;
}

html.mobile-root body.mobile-site .bs-slot-section .bs-slot-viewall:hover,
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-viewall:focus-visible,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-viewall:hover,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-viewall:focus-visible {
  color: rgba(212, 175, 55, 0.9) !important; /* hover'da gold flash */
}

html.mobile-root body.mobile-site .bs-slot-section .bs-slot-viewall i,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-viewall i {
  font-size: 9px !important;
  margin-left: 1px !important;
}


/* -----------------------------------------------------------
 * §6. CARD TOUCH RIPPLE — BS-paralel subtle :active
 *     BS .casinoGameItem :active'de hafif opacity dim (0.85)
 *     MR'da home-card-parity.css transform:none !important
 *     ile kart küçültme önlenmiş. Burada opacity ile feedback.
 *     Dokunsal his kaybolmaz, blur tetiklenmez.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-item:active,
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-cta:active,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-item:active,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-cta:active {
  opacity: 0.88 !important;
  transition: opacity 0.08s ease !important;
}

html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-item,
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-cta,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-item,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-cta {
  transition: opacity 0.18s ease, background-color 0.18s ease !important;
}


/* -----------------------------------------------------------
 * §7. CARD IMAGE LOAD — BS-paralel fade-in skeleton
 *     BS image yüklenince fade-in transition yapar (opacity 0→1
 *     150ms). MR şu an direkt görünür — BS-paralel yumuşatma.
 *     loading="lazy" ile uyumlu, decode tamamlanmadan placeholder.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-item img,
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-cta img,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-item img,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-cta img {
  /* opacity transition without breaking already-loaded images */
  transition: opacity 0.2s ease, transform 0.18s ease !important;
}

/* Loading skeleton bg — BS-paralel shimmer */
html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-item:not(:has(img[src])),
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-item:not(:has(img[src])) {
  background: linear-gradient(90deg, #0d0d1a 25%, #16162a 50%, #0d0d1a 75%) !important;
  background-size: 200% 100% !important;
  animation: home-card-shimmer 1.4s linear infinite !important;
}

@keyframes home-card-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}


/* -----------------------------------------------------------
 * §8. hm-row-bc PRODUCT BANNER ROW — BS-paralel 3-col grid sıkı
 *     BS'de banner row 3-column grid 6px gap padding 8/8
 *     MR şu an 8px gap padding 8/12 — gap kalibrasyonu.
 *     Banner'lar arası daha sıkı görünür.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .hm-row-bc {
  /* gap'i tightle — 8 → 6px */
  gap: 6px !important;
  padding: 8px 8px !important;
}

/* product-banner kart border-radius — BS 8px (10 → 8) */
html.mobile-root body.mobile-site .hm-row-bc .product-banner-info-bc.product-banner-bc {
  border-radius: 8px !important;
}

html.mobile-root body.mobile-site .hm-row-bc .product-banner-info-bc.product-banner-bc img {
  border-radius: 8px !important;
}


/* -----------------------------------------------------------
 * §9. RB-CATEGORY-BANNERS (top tile row) — BS-paralel sıkı
 *     Mevcut: 4-col grid gap 8px padding 12px
 *     BS-paralel: gap 6px padding 8px (tightened)
 *     Kart içi icon size + label spacing optimization.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .rb-category-banners {
  gap: 6px !important;
  padding: 8px 8px !important;
}

html.mobile-root body.mobile-site .rb-category-banners .rb-cat-banner {
  border-radius: 8px !important;
  padding: 8px 4px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  background: linear-gradient(180deg, rgba(20, 20, 30, 0.6) 0%, rgba(10, 10, 16, 0.8) 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.10) !important;
  text-decoration: none !important;
  transition: background 0.18s ease, border-color 0.18s ease !important;
}

html.mobile-root body.mobile-site .rb-category-banners .rb-cat-banner:hover,
html.mobile-root body.mobile-site .rb-category-banners .rb-cat-banner:focus-visible {
  background: linear-gradient(180deg, rgba(30, 30, 45, 0.7) 0%, rgba(20, 20, 32, 0.85) 100%) !important;
  border-color: rgba(212, 175, 55, 0.25) !important;
}

html.mobile-root body.mobile-site .rb-category-banners .rb-cat-icon-img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

html.mobile-root body.mobile-site .rb-category-banners .rb-cat-label {
  font-size: 9px !important;
  font-weight: 600 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  text-align: center !important;
  letter-spacing: 0.3px !important;
  line-height: 1.1 !important;
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 100% !important;
}


/* -----------------------------------------------------------
 * §10. JACKPOT/WINNERS SECTION — BS-paralel tab + container
 *      Tab boyutu BS-paralel (8px 14px → 8px 14px korunur).
 *      Section container padding sıkılaştırma.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .home-jackpot-winners-section {
  padding: 0 8px !important;
}

html.mobile-root body.mobile-site .home-jackpot-winners-section .slot-hero-tabs {
  background: transparent !important;
}

html.mobile-root body.mobile-site .home-jackpot-winners-section .slot-hero-tablist {
  background: rgba(18, 18, 24, 0.85) !important;
  border: 1px solid rgba(212, 175, 55, 0.10) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: flex !important;
  padding: 3px !important;
  gap: 2px !important;
}

html.mobile-root body.mobile-site .home-jackpot-winners-section .slot-hero-tab {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.6) !important;
  border: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  text-transform: uppercase !important;
  flex: 1 !important;
  cursor: pointer !important;
  letter-spacing: 0.4px !important;
  transition: background 0.18s ease, color 0.18s ease !important;
}

html.mobile-root body.mobile-site .home-jackpot-winners-section .slot-hero-tab--active,
html.mobile-root body.mobile-site .home-jackpot-winners-section .slot-hero-tab.slot-hero-tab--active {
  background: linear-gradient(135deg, #d4af37 0%, #c5981a 50%, #d4af37 100%) !important;
  color: #000 !important;
  font-weight: 700 !important;
}

html.mobile-root body.mobile-site .home-jackpot-winners-section .slot-hero-tabpanel {
  margin-top: 8px !important;
}


/* -----------------------------------------------------------
 * §11. mob-social-icons — gizleme reinforcement (rule #117)
 *      Theme-robinbet-mobile.css FIX 1 zaten gizliyor (line 7427)
 *      ama bazı override'larla geri görünür olabilir — fail-safe.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .mob-social-icons {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* -----------------------------------------------------------
 * §12. SECTION SCROLL — BS-paralel snap + overscroll [ITER 386 fix]
 *      LIVE verified 2026-05-12 on m.bahissende302.com via Chrome
 *      MCP javascript_tool: BS uses `scroll-snap-type: x mandatory`
 *      on all .product-banner-container-bc.col-4 home card rows
 *      (popular slots + 2x sports featured rows). Previous comment
 *      claiming BS uses proximity was incorrect.
 *      Fix: x proximity → x mandatory (D1 ITER 386 drift item).
 *      .bs-slot-right has overflow:hidden so snap-type there is moot
 *      (child .bs-slot-cards is the actual scroll container, already
 *      x mandatory via theme-robinbet-mobile.css:14367). Kept here
 *      for documentation parity; no functional behavior change.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .bs-slot-section .bs-slot-right {
  scroll-snap-type: x mandatory !important;
  overscroll-behavior-x: contain !important;
  scroll-padding-left: 4px !important;
}

html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards {
  scroll-snap-type: x mandatory !important;
  overscroll-behavior-x: contain !important;
  scroll-padding-left: 8px !important;
}


/* -----------------------------------------------------------
 * §13. CARD PROVIDER LABEL — BS-paralel görünmez (overlay yok)
 *      Anasayfa kart info zaten home-card-parity.css §9'da
 *      display:none. Ama bs-crash-section'da Agent L kendi
 *      kuralını uyguluyor. Burada sadece slot+live için
 *      reinforcement (yan etki yok).
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-card-info,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-card-info {
  display: none !important;
}


/* -----------------------------------------------------------
 * §14. CARD HOVER — BS-paralel hafif lighten
 *      Pointer:fine cihazlarda hover'da yüzey rengi 0.05 → 0.10
 *      ile lighten. Mobil'de hover yok — sadece desktop preview.
 * ----------------------------------------------------------- */

@media (hover: hover) and (pointer: fine) {
  html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-item:hover,
  html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-cta:hover,
  html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-item:hover,
  html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-cta:hover {
    background-color: rgba(255, 255, 255, 0.10) !important;
    transform: translateY(-1px) translateZ(0) !important;
  }
}


/* -----------------------------------------------------------
 * §15. A11Y FOCUS RING — section interactive elements
 *      Focus-visible outline gold (rule #117 theme-bleed safe,
 *      bilinçli MR-altın). Outline-offset 2px ile kart sınırı
 *      ile karışmaz.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .bs-slot-section .game-item:focus-visible,
html.mobile-root body.mobile-site .bs-slot-section .game-cta:focus-visible,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .game-item:focus-visible,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .game-cta:focus-visible {
  outline: 2px solid rgba(212, 175, 55, 0.85) !important;
  outline-offset: 2px !important;
  border-radius: 8px !important;
}

html.mobile-root body.mobile-site .bs-slot-section .bs-slot-viewall:focus-visible,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-viewall:focus-visible {
  outline: 2px solid rgba(212, 175, 55, 0.85) !important;
  outline-offset: 2px !important;
  border-radius: 3px !important;
}

html.mobile-root body.mobile-site .home-jackpot-winners-section .slot-hero-tab:focus-visible {
  outline: 2px solid rgba(212, 175, 55, 0.85) !important;
  outline-offset: 1px !important;
}


/* -----------------------------------------------------------
 * §16. REDUCED MOTION — animation disable
 *      prefers-reduced-motion respect (rule #115 ease parity +
 *      a11y zorunluluk).
 * ----------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-item,
  html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-cta,
  html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-item,
  html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-cta {
    transition: none !important;
    animation: none !important;
  }

  html.mobile-root body.mobile-site .bs-slot-section .bs-slot-cards .game-item:not(:has(img[src])),
  html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) .bs-live-cards .game-item:not(:has(img[src])) {
    animation: none !important;
    background: #0d0d1a !important;
  }
}


/* -----------------------------------------------------------
 * §17. RESPONSIVE BREAKPOINT FINE-TUNING (rule #131)
 *      320 / 375 / 414 / 768 micro-adjustment
 * ----------------------------------------------------------- */

@media (max-width: 359px) {
  /* iPhone SE 320px — section margin-x küçültme */
  html.mobile-root body.mobile-site .rb-mobile-content-wrapper > section.bs-slot-section,
  html.mobile-root body.mobile-site .rb-mobile-content-wrapper > .bs-slot-section,
  html.mobile-root body.mobile-site .rb-mobile-content-wrapper > section.bs-live-section:not(.bs-crash-section),
  html.mobile-root body.mobile-site .rb-mobile-content-wrapper > .bs-live-section:not(.bs-crash-section) {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  html.mobile-root body.mobile-site .bs-slot-section .bs-slot-left {
    flex: 0 0 32% !important; /* dar viewport'ta sol panel biraz daha geniş kalsın */
    padding: 12px 4px !important;
  }

  html.mobile-root body.mobile-site .bs-slot-section .bs-slot-title {
    font-size: 12px !important;
    letter-spacing: 0.4px !important;
  }

  html.mobile-root body.mobile-site .bs-slot-section .bs-slot-heart {
    font-size: 22px !important;
  }
}

@media (min-width: 414px) and (max-width: 767px) {
  /* iPhone 14 Pro Max + Galaxy S23 Ultra — biraz daha geniş gap */
  html.mobile-root body.mobile-site .hm-row-bc {
    gap: 8px !important;
  }

  html.mobile-root body.mobile-site .rb-category-banners {
    gap: 8px !important;
  }
}

@media (min-width: 768px) {
  /* Tablet — tile row + section padding daha geniş */
  html.mobile-root body.mobile-site .hm-row-bc {
    gap: 10px !important;
    padding: 10px !important;
  }

  html.mobile-root body.mobile-site .rb-category-banners {
    gap: 10px !important;
    padding: 10px !important;
  }

  html.mobile-root body.mobile-site .rb-mobile-content-wrapper > section.bs-slot-section,
  html.mobile-root body.mobile-site .rb-mobile-content-wrapper > .bs-slot-section,
  html.mobile-root body.mobile-site .rb-mobile-content-wrapper > section.bs-live-section:not(.bs-crash-section),
  html.mobile-root body.mobile-site .rb-mobile-content-wrapper > .bs-live-section:not(.bs-crash-section) {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}


/* -----------------------------------------------------------
 * §18. SUB-PIXEL POLISH (rule #132)
 *      toFixed(2) hassasiyetinde hizalama. font ölçümü +
 *      box ölçümü hassas tutulur.
 * ----------------------------------------------------------- */

html.mobile-root body.mobile-site .bs-slot-section,
html.mobile-root body.mobile-site .bs-live-section:not(.bs-crash-section) {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}


/* =============================================================
 * END home-deep-fixes.css v1.0
 * Audit log:
 *   2026-04-28 — initial deep parity layer (Agent Home)
 *   • 16 katman audit kapsamı uygulandı
 *   • home-card-parity.css + bs-crash-section-parity.css'e
 *     dokunulmadı (rule #30 file ownership korundu)
 *   • Agent atlama katalogu §dikey rhythm + §header weight +
 *     §viewall link tone + §touch ripple + §image fade +
 *     §a11y focus + §sub-pixel polish kapsadı.
 *
 * Bilinen kapsam dışı (rule #120 explicit out-of-scope):
 *   • bs-slot-section split layout (sol decorative pillar)
 *     BS'de yok — MR-specific MR_ONLY_LAYOUT_DECISION
 *     (override registry: AI_USER_OVERRIDES.md#anasayfa-bs-slot-split-mr-only-2026-04-28)
 *   • Hero slider banner içeriği (slider partial scope dışı)
 *   • Bottom-tab BS-paralel 5 ikon (Agent Other scope)
 * ============================================================= */