/* ============================================================================
   HobiBuy KKTC — iPad / Tablet Tasarım Sistemi (tablet.css)
   Hedef Cihazlar: @media (min-width: 769px) and (max-width: 1024px)
   Sahibinden Fontu, Butonları, 3 Sütun Ürün Grid ve Ek Sayfa İlan Detayı
   ============================================================================ */

@media (min-width: 769px) and (max-width: 1024px) {
  :root {
    --top-h: 56px;
    --dock-h: 0px;
    --chip-h: 0px;
  }

  /* ---------- Üst Bar (iPad / Tablet — Opak Arka Plan) ---------- */
  body .topbar {
    background: #ffffff !important;
    border-bottom: 1px solid #dcdcdc !important;
  }

  body #chipbar,
  body .chipbar,
  body #chips,
  body .chips {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  body .topbar__in,
  body .layout,
  body .subpage,
  body .foot__in {
    max-width: 1024px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body .topbar__in {
    gap: 8px !important;
  }

  body .locbtn {
    max-width: 140px !important;
    height: 32px !important;
    padding: 0 9px !important;
    font-size: 11.5px !important;
    border-radius: 6px !important;
  }

  body .ag-lang-btn {
    height: 32px !important;
    padding: 0 8px !important;
    font-size: 11.5px !important;
    border-radius: 6px !important;
  }

  body .search {
    height: 34px !important;
    border-radius: 3px !important;
  }

  body .tb-ad {
    display: none !important;
  }

  body .tb-login.is-user {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 10px 0 4px !important;
    height: 34px !important;
    border-radius: 3px !important;
  }

  body .tb-login.is-user .avatar {
    width: 26px !important;
    height: 26px !important;
    font-size: 11px !important;
    border-radius: 3px !important;
  }

  /* ---------- Yerleşim & Ek Sayfa ---------- */
  body .hide,
  body #layout.hide,
  body.is-subpage #layout,
  body #subPage.hide {
    display: none !important;
  }

  body .layout:not(.hide) {
    display: block !important;
    padding-top: 14px !important;
    padding-bottom: 24px !important;
  }

  body .subpage {
    padding-top: 14px !important;
    padding-bottom: 24px !important;
  }

  body .sidebar,
  body .chipbar,
  body .mob-quick-filters,
  body #mobQuickFilters,
  body .active-filters,
  body #activeFilters {
    display: none !important;
  }

  body .fbtn {
    display: inline-flex !important;
    height: 32px !important;
    padding: 0 12px !important;
    border-radius: 3px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
  }

  /* ---------- Hero Slider Tablet ---------- */
  body .slide {
    aspect-ratio: 1600 / 520 !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
  }

  /* ---------- 2 Sütun Dikine (Story) Ürün Grid ---------- */
  body .grid,
  body .subpage .grid--sim,
  body .subpage .dt__similar .grid--sim {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body .card__media {
    aspect-ratio: 9 / 12.5 !important;
  }

  body .hscroll > .card {
    flex: 0 0 calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
  }

  /* ---------- Tablet Modallar & Filtre Paneli ---------- */
  body .sheet {
    width: min(580px, calc(100vw - 28px)) !important;
    max-height: calc(100vh - 36px) !important;
    border-radius: 4px !important;
  }

  body .sheet--lg {
    width: min(720px, calc(100vw - 28px)) !important;
  }

  body .sheet--xl {
    width: min(880px, calc(100vw - 28px)) !important;
  }

  body #sh-filters .fp__head {
    display: none !important;
  }

  /* ---------- Ek Sayfa İlan Detay (Tablet) ---------- */
  body .subpage .gal__track img {
    aspect-ratio: 16 / 10 !important;
    max-height: 400px;
  }

  body .subpage .dt__actions--inline {
    display: flex !important;
  }

  body .subpage .dt__similar .grid--sim {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  /* ---------- Mesajlar Sayfası (Tablet 2 Sütun) ---------- */
  body .subpage .chat,
  body #sh-chat .chat {
    grid-template-columns: 260px 1fr !important;
    height: min(72vh, 620px) !important;
  }

  body .subpage .conv__back,
  body #sh-chat .conv__back {
    display: none !important;
  }

  /* ---------- İlan Ver Sihirbazı (Tablet) ---------- */
  body .subpage .catgrid,
  body #sh-wizard .catgrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body .subpage .brandgrid,
  body #sh-wizard .brandgrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  /* ---------- Footer 2x2 Grid ---------- */
  body .foot__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
  }

  body .dock {
    display: none !important;
  }
}