/* ============================================================================
   HobiBuy KKTC — Mobil Uygulama Tasarım Sistemi (mobile.css)
   Hedef Cihazlar: @media (max-width: 768px)
   - Sahibinden.com Fontu ("Lucida Grande", Roboto, sans-serif) & Buton Tasarımı
   - Sahibinden Mobil Orijinal Boyutları (14px Gövde, Ferah Satır ve Kart Ölçüleri)
   - 100dvh Kilitli Flex Kabuk (#appTop üstte sabit, #appScroll ortada kayar, #dock altta sabit)
   ============================================================================ */

@media (max-width: 768px) {
  :root {
    --top-h: 74px;
    --dock-h: 54px;
    --chip-h: 0px;
  }

  html {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    position: fixed !important;
    inset: 0 !important;
    background: #ffffff !important;
    font-size: 14px !important;
  }

  body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 100dvh !important;
    overflow: hidden !important;
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    background: var(--bg) !important;
    overscroll-behavior: none !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  /* ---------- Üst Sabit Kabuk (#appTop — %100 Opak, Asla Kaymaz, Altına Hiçbir Şey Geçmez) ---------- */
  #appTop,
  body .app-top {
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(var(--top-h) + env(safe-area-inset-top, 0px)) !important;
    z-index: 9000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
    border-bottom: 1px solid #e4e4e7 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
    transform: translateZ(0) !important;
  }

  /* ---------- Alt Sabit Menü (#dock — %100 Opak, Asla Kıpırdamaz, Altına Hiçbir Şey Geçmez) ---------- */
  #dock,
  .dock,
  body .dock {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: calc(var(--dock-h) + var(--safe-b)) !important;
    padding-bottom: var(--safe-b) !important;
    z-index: 9000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-top: 1px solid #dcdcdc !important;
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
  }

  /* ---------- Orta Kaydırılabilir İçerik Kabuğu (#appScroll — Üst ve Alt Bar Arasında Kilitli App Viewport) ---------- */
  #appScroll,
  body .app-scroll {
    display: block !important;
    position: fixed !important;
    top: calc(var(--top-h) + env(safe-area-inset-top, 0px)) !important;
    bottom: calc(var(--dock-h) + var(--safe-b)) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding-top: 0 !important;
    padding-bottom: 16px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-y: contain !important;
    z-index: 1 !important;
    clip-path: inset(0) !important;
    background: var(--bg) !important;
  }

  body.lock,
  body.lock #appScroll {
    overflow: hidden !important;
  }

  /* ---------- Google Antigravity Tarzı Kibar & Kompakt Mobil Butonlar ---------- */
  body .btn {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 550 !important;
    border-radius: 6px !important;
    gap: 4px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #09090b !important;
    border: 1px solid #e4e4e7 !important;
    box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.03) !important;
  }

  body .btn .ico {
    color: #09090b !important;
  }

  body .btn-primary {
    border: 1.5px solid #09090b !important;
    font-weight: 650 !important;
  }

  body .btn-sm {
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 8px !important;
    font-size: 11.5px !important;
    border-radius: 6px !important;
  }

  body .btn-lg {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
  }

  body .icon-btn {
    width: 30px !important;
    height: 30px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
  }

  body .ico {
    width: 17px;
    height: 17px;
  }

  body .ico-sm {
    width: 14px;
    height: 14px;
  }

  body .inp,
  body .sel {
    height: 40px !important;
    font-size: 14px !important;
    padding: 0 11px !important;
    border-radius: 3px !important;
  }

  body .sel {
    padding-right: 28px !important;
    background-position: right 9px center !important;
  }

  body .txa {
    font-size: 14px !important;
    padding: 9px 11px !important;
    min-height: 96px !important;
    border-radius: 3px !important;
  }

  body .field label,
  body .lbl {
    font-size: 12.5px !important;
  }

  /* ---------- Mobil Üst Bar (Sahibinden Mobil Ölçüleri) ---------- */
  .topbar,
  body .topbar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    z-index: 1210 !important;
    overflow: visible !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-bottom: 1px solid #dcdcdc !important;
    touch-action: manipulation !important;
  }

  body .topbar__in {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: var(--top-h) !important;
    min-height: var(--top-h) !important;
    padding: 4px 8px 5px !important;
    gap: 3px !important;
    overflow: visible !important;
    background: #ffffff !important;
  }

  body.lock .topbar__in {
    padding: 4px 8px 5px !important;
  }

  body .logo {
    order: 0 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    letter-spacing: -0.025em !important;
    gap: 4.5px !important;
    color: #09090b !important;
    min-width: 0 !important;
    max-width: 112px !important;
    flex-shrink: 1 !important;
    overflow: hidden !important;
  }

  body .logo__mark {
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%) !important;
    border: 1px solid #1e40af !important;
    color: #ffffff !important;
    flex-shrink: 0 !important;
  }

  body .logo__txt {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body .logo__txt small {
    font-size: 8px !important;
    color: #71717a !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body .tb-meta-pills {
    order: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2.5px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }

  body .locbtn {
    height: 27px !important;
    padding: 0 4.5px !important;
    font-size: 9.8px !important;
    font-weight: 600 !important;
    max-width: 68px !important;
    margin-left: 0 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
    gap: 2px !important;
    overflow: hidden !important;
  }

  body .locbtn span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    min-width: 0 !important;
  }

  body .locbtn .ico {
    color: #09090b !important;
    width: 10.5px !important;
    height: 10.5px !important;
    flex-shrink: 0 !important;
  }

  body .cursel {
    height: 27px !important;
    padding: 0 12px 0 4.5px !important;
    font-size: 9.8px !important;
    font-weight: 600 !important;
    max-width: 54px !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
    background-position: right 3.5px center !important;
    background-size: 8px !important;
    flex-shrink: 0 !important;
  }

  body .ag-lang-dropdown-wrap {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    z-index: 9600 !important;
  }

  body .ag-lang-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2.5px !important;
    height: 27px !important;
    padding: 0 5px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
  }

  body .ag-lang-globe {
    width: 12px !important;
    height: 12px !important;
  }

  body .ag-lang-chevron {
    width: 9px !important;
    height: 9px !important;
  }

  body .ag-lang-menu {
    top: calc(100% + 6px) !important;
    right: 0 !important;
    min-width: 172px !important;
    z-index: 9950 !important;
  }

  body .tb-actions,
  body .tb-ad,
  body .tb-msg,
  body .tb-login,
  body .tb-sell,
  body .tb-fav {
    display: none !important;
  }

  body .top-acc-wrap {
    order: 2 !important;
    position: relative !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    z-index: 9500 !important;
  }

  body .top-acc-btn {
    height: 27px !important;
    padding: 0 6px 0 3px !important;
    gap: 4px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
    font-size: 11px !important;
    font-weight: 600 !important;
  }

  body .top-acc-ava {
    width: 21px !important;
    height: 21px !important;
    border-radius: 5px !important;
  }

  body .top-acc-lbl {
    display: none !important;
  }

  body .top-acc-drop {
    top: calc(100% + 6px) !important;
    right: 0 !important;
    width: min(276px, calc(100vw - 20px)) !important;
    z-index: 9800 !important;
  }

  body .search {
    position: relative !important;
    overflow: visible !important;
    order: 3 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    height: 32px !important;
    padding: 0 4px 0 9px !important;
    border-radius: 7px !important;
    background: #fafafa !important;
    border: 1px solid #e4e4e7 !important;
    box-shadow: inset 0 1px 1.5px rgba(9, 9, 11, 0.02) !important;
    gap: 5px !important;
  }

  body .search input {
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #09090b !important;
  }

  body .search-suggest {
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 4px) !important;
    max-height: 55dvh !important;
    border-radius: 8px !important;
    z-index: 1250 !important;
  }

  body .search:focus-within {
    background: #ffffff !important;
    border-color: #09090b !important;
  }

  body .search__flt {
    height: 24px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
    gap: 3.5px !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
  }

  body .search__go {
    display: none !important;
  }

  /* ---------- Mobilde Yatay Tab/Chip Menüleri Gizli ---------- */
  #chipbar,
  .chipbar,
  body .chipbar,
  #chips,
  .chips,
  body .chips,
  #mobQuickFilters,
  .mob-quick-filters,
  body .mob-quick-filters,
  #activeFilters,
  .active-filters,
  body .active-filters {
    display: none !important;
  }

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

  body .layout:not(.hide) {
    display: block !important;
    padding: 0 0 16px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body .sidebar {
    display: none !important;
  }

  body .subpage {
    padding: 0 0 16px !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body .sp-bar {
    padding: 8px 12px !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 58%, #0284c7 100%) !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #1e40af !important;
    margin: 0 !important;
    flex-wrap: nowrap !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body .sp-back {
    height: 31px !important;
    padding: 0 11px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    flex-shrink: 0 !important;
  }

  body .sp-back .ico,
  body .sp-back .ico-sm {
    color: #ffffff !important;
  }

  body .sp-crumb {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    font-size: 11.8px !important;
    color: #e0f2fe !important;
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: right !important;
  }

  body .sp-crumb a {
    color: #bae6fd !important;
    font-weight: 600 !important;
  }

  body .sp-crumb b {
    color: #ffffff !important;
    font-weight: 750 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body .sp-bar--detail .sp-crumb,
  body .sp-bar--auth .sp-crumb {
    display: none !important;
  }

  body .sp-card,
  body .wz-card {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-shadow: none !important;
  }

  /* ---------- Ana Sayfa Kategori Kutusu Gizli (Kategoriler Alt Menüde, Alt Kategori & Sıralama Filtre İçinde) ---------- */
  #homeCatBox,
  .home-cats-box,
  body .home-cats-box {
    display: none !important;
  }

  body .hc-head {
    padding: 9px 12px !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #e6eaf0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 13.5px !important;
  }

  body .hc-head small {
    font-size: 11.5px !important;
  }

  body .hc-head__title {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #163d66 !important;
    letter-spacing: 0.01em !important;
  }

  body .hc-head__sub {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #64748b !important;
  }

  body .hc-row {
    padding: 9px 12px !important;
    gap: 11px !important;
    border-bottom: 1px solid #eef1f5 !important;
    min-height: 50px !important;
  }

  body .hc-row:last-child {
    border-bottom: 0 !important;
  }

  body .hc-ico {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
  }

  body .hc-ico .ico {
    width: 17px !important;
    height: 17px !important;
  }

  body .hc-ico--sm {
    width: 26px !important;
    height: 26px !important;
  }

  body .hc-ico--sm .ico {
    width: 14px !important;
    height: 14px !important;
  }

  body .hc-body b {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1e242b !important;
    line-height: 1.25 !important;
  }

  body .hc-body small {
    font-size: 11.5px !important;
    color: #7b8492 !important;
    margin-top: 2px !important;
    line-height: 1.25 !important;
  }

  body .hc-right {
    gap: 4px !important;
    font-size: 12px !important;
  }

  body .hc-right em {
    font-size: 12px !important;
    color: #8b93a1 !important;
  }

  body .hc-chev {
    width: 15px !important;
    height: 15px !important;
  }

  body .hc-subbar {
    padding: 7px 10px !important;
    gap: 8px !important;
    background: #ffffff !important;
    color: #09090b !important;
    border-bottom: 1px solid #e4e4e7 !important;
  }

  body .hc-back {
    height: 27px !important;
    padding: 0 9px !important;
    font-size: 11.5px !important;
    font-weight: 550 !important;
    color: #09090b !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.02) !important;
  }

  body .hc-back svg {
    width: 14px !important;
    height: 14px !important;
    color: #09090b !important;
  }

  body .hc-cur {
    color: #09090b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  body .hc-cur b,
  body .hc-cur span {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
  }

  body .hc-subrow {
    padding: 9px 12px !important;
    min-height: 44px !important;
    border-bottom: 1px solid #eef1f5 !important;
  }

  body .hc-subrow__t b {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #1e242b !important;
  }

  body .hc-subrow__t small {
    font-size: 11.5px !important;
    color: #7b8492 !important;
    margin-top: 2px !important;
  }

  /* ---------- Hero Slider (Mobil Tam Genişlik & Dinamik Boyut Uyumlu) ---------- */
  body .hero {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 4px solid #eef1f5 !important;
    margin: 0 !important;
  }

  body .slide {
    aspect-ratio: 1000 / 530 !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
  }

  body .hero__dots {
    bottom: 5px !important;
    padding: 2.5px 7px !important;
    gap: 4px !important;
  }

  body .hero__dots button {
    width: 5px !important;
    height: 5px !important;
  }

  body .hero__dots button.on {
    width: 15px !important;
  }

  body .hero__ad {
    display: none !important;
  }

  /* ---------- Hemen Sat Vitrin Kuşağı (Sahibinden Mobil Boyutları) ---------- */
  body .boostbar {
    padding: 11px 0 11px 11px !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    margin-top: 10px !important;
  }

  body .boostbar .sec__head {
    padding-right: 11px !important;
    margin-bottom: 8px !important;
  }

  body .boostbar .sec__head h2 {
    font-size: 14.5px !important;
    gap: 6px !important;
  }

  body .boostbar .bolt {
    width: 24px !important;
    height: 24px !important;
    border-radius: 3px !important;
  }

  body .boostbar .sec__head p {
    font-size: 11px !important;
  }

  body .boostbar .sec__head button.link {
    font-size: 12px !important;
  }

  body .hscroll {
    gap: 8px !important;
    padding-right: 11px !important;
  }

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

  /* ---------- Araç Çubuğu (Filtrele ve Sıralama Anasayfada Gösterilmez; Topbar, Alt Menü ve Kategori/Filtre İçindedir) ---------- */
  body .toolbar {
    margin: 0 !important;
    padding: 10px 12px !important;
    gap: 4px !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #e2e6ec !important;
    width: 100% !important;
  }

  body .toolbar h1 {
    font-size: 15px !important;
    flex: 1 1 100% !important;
  }

  body .toolbar h1 small {
    font-size: 12px !important;
  }

  body .fbtn,
  body .toolbar .fbtn,
  body .toolbar .sel,
  body #sortSel {
    display: none !important;
  }

  body .hc-tools {
    display: grid !important;
    grid-template-columns: 1fr 1.35fr !important;
    gap: 8px !important;
    padding: 8px 12px !important;
    background: #f7f8fa !important;
    border-bottom: 1px solid #e2e6ec !important;
  }

  body .hc-tool-btn {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    font-size: 12.5px !important;
    border-radius: 3px !important;
  }

  /* ---------- Mobilde 2'li Dikine (E-Ticaret V5 Stüdyo) İlan Kartı Düzeni & %10 Küçültülmüş Öne Çıkan Mührü ---------- */
  body .grid,
  body .grid--sim {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px !important;
    background: #ffffff !important;
  }

  body .card {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 13px !important;
    border: 1px solid #eaeaea !important;
    padding: 5.5px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body .card:hover {
    transform: none !important;
  }

  body .card__media {
    aspect-ratio: 2 / 2.75 !important;
    width: 100% !important;
    border-radius: 9px !important;
    background: #f8fafc !important;
    border: 0 !important;
  }

  body .card__status-strip {
    height: 20px !important;
    margin-top: 2px !important;
    margin-left: auto !important;
    align-self: flex-end !important;
    min-width: 50% !important;
    max-width: 100% !important;
    width: auto !important;
    padding: 0 6px !important;
    font-size: 9.8px !important;
    border-radius: 5px !important;
    justify-content: center !important;
  }

  body .card__status-cond,
  body .card__status-dot {
    display: none !important;
  }

  body .card__status-loc {
    justify-content: center !important;
    color: #1e293b !important;
    font-weight: 700 !important;
    gap: 3px !important;
    width: auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body .card__body {
    padding: 5px 1px 2px !important;
    gap: 3px !important;
    background: transparent !important;
  }

  body .card__price {
    font-family: 'Plus Jakarta Sans', 'Inter', var(--font) !important;
    font-size: 14.6px !important;
    font-weight: 800 !important;
    color: #09090b !important;
    line-height: 1.15 !important;
    letter-spacing: -0.02em !important;
    margin: 1px 0 0 0 !important;
    padding: 0 !important;
  }

  body .card__price small {
    display: none !important;
  }

  body .card__price--sold .sold-lbl {
    font-size: 10px !important;
    padding: 2px 5px !important;
  }

  body .card__title {
    font-family: 'Plus Jakarta Sans', 'Inter', var(--font) !important;
    font-size: 11.3px !important;
    font-weight: 650 !important;
    line-height: 1.28 !important;
    letter-spacing: -0.022em !important;
    word-spacing: -0.5px !important;
    color: #0f172a !important;
    height: 2.56em !important;
    min-height: 2.56em !important;
    max-height: 2.56em !important;
    display: block !important;
    overflow: hidden !important;
  }

  body .card__meta {
    display: none !important;
  }

  body .card__sp-slider {
    height: 21px !important;
    min-height: 21px !important;
    max-height: 21px !important;
    border-radius: 5px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    overflow: hidden !important;
  }

  body .card__sp-item {
    height: 19px !important;
    min-height: 19px !important;
    max-height: 19px !important;
    flex: 0 0 19px !important;
    padding: 0 5px !important;
    gap: 4.5px !important;
    font-size: 9.7px !important;
  }

  body .cond-svg-tag {
    top: 4px !important;
    left: 4px !important;
    z-index: 3 !important;
  }

  body .cond-svg-tag svg {
    height: 17.5px !important;
    width: auto !important;
  }

  body .card__one-cikan-seal {
    top: auto !important;
    bottom: 5px !important;
    right: 5px !important;
    width: 33px !important;
    height: 33px !important;
  }

  body .badge {
    height: 20px !important;
    padding: 0 6px !important;
    font-size: 10px !important;
    top: auto !important;
    left: auto !important;
    bottom: 6px !important;
    right: 6px !important;
    border-radius: 5px !important;
  }

  body .fav,
  body .card .fav {
    width: 22px !important;
    height: 22px !important;
    top: 3px !important;
    right: 3px !important;
    bottom: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body .fav svg,
  body .fav .ico,
  body .card .fav svg {
    width: 15.5px !important;
    height: 15.5px !important;
  }

  body .card.card--vitrin .fav,
  body .card.card--boost .fav {
    top: 3px !important;
    right: 3px !important;
    bottom: auto !important;
  }

  /* ---------- Öne Çıkan İlanlar: Altın Çerçeve Kaldırıldı, E-Ticaret Kalitesinde Temiz Çerçeve ---------- */
  body .boostbar,
  body #boostSec {
    display: none !important;
  }

  body .card.card--vitrin,
  body .card.card--boost {
    border: 1px solid #eaeaea !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  body .card.card--vitrin .card__media,
  body .card.card--boost .card__media {
    border-bottom: 0 !important;
  }

  body .card.card--vitrin .card__body,
  body .card.card--boost .card__body {
    background: transparent !important;
  }

  body .ara-banner {
    grid-column: 1 / -1 !important;
    border-radius: 4px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    min-height: 92px !important;
  }

  body .ara-banner__t {
    padding: 12px 14px !important;
  }

  body .ara-banner__t b {
    font-size: 14px !important;
  }

  body .ara-banner__t span {
    font-size: 11.5px !important;
  }

  /* ---------- Tam Sabit 5 Sekmeli Alt Menü (#dock — Sahibinden Mobil Standart Ölçü) ---------- */
  #dock,
  .dock,
  body .dock {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    align-items: center !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    width: 100% !important;
    height: calc(var(--dock-h) + var(--safe-b)) !important;
    padding: 0 4px var(--safe-b) !important;
    z-index: 9000 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-top: 1px solid #dcdcdc !important;
    box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
    touch-action: manipulation !important;
  }

  body .dock__i {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    height: 54px;
    font-size: 10.5px;
    font-weight: 600;
    color: var(--muted);
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: color 0.15s;
  }

  body .dock__i .ico {
    width: 19px !important;
    height: 19px !important;
  }

  body .dock__i.on {
    color: #163d66;
    font-weight: 700;
  }

  body .dock__i .dot-badge {
    top: 4px;
    right: calc(50% - 18px);
  }

  body .dock__sell {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 54px !important;
    margin-top: 0 !important;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }

  body .dock__sell span {
    width: 30px !important;
    height: 30px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1.5px solid #09090b !important;
    color: #09090b !important;
    display: grid;
    place-items: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  }

  body .dock__sell .ico {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 2.2;
    color: #09090b !important;
  }

  body .dock__sell em {
    font-style: normal;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 700;
    color: #09090b;
  }

  /* ---------- Bottom-Sheet Modallar (Sahibinden Mobil Standart Ölçü) ---------- */
  body .backdrop {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: calc(var(--dock-h) + var(--safe-b)) !important;
    z-index: 8005 !important;
    background: rgba(9, 9, 11, 0.48) !important;
    clip-path: inset(0) !important;
  }

  .sheet,
  body .sheet {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: calc(var(--dock-h) + var(--safe-b)) !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 74dvh !important;
    z-index: 8110 !important;
    border-radius: 12px 12px 0 0 !important;
    box-shadow: 0 -6px 24px rgba(9, 9, 11, 0.16) !important;
    transform: translateY(104%);
    transition: opacity 0.22s var(--ease), transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
    clip-path: inset(0) !important;
  }

  .sheet.on,
  body .sheet.on {
    transform: translateY(0);
  }

  body #sh-filters,
  body #sh-loc,
  body #sh-cats,
  body #sh-maps {
    max-height: 74dvh !important;
  }

  body #imgViewer {
    z-index: 9999 !important;
  }

  body .toast {
    bottom: calc(var(--dock-h) + var(--safe-b) + 12px) !important;
    z-index: 9800 !important;
    font-size: 13px !important;
    padding: 9px 14px !important;
  }

  body .sheet__grab {
    display: block !important;
    width: 32px;
    height: 4px;
    border-radius: 2px;
    background: #cccccc;
    margin: 5px auto 0;
    flex: none;
  }

  body .sheet__head {
    padding: 8px 12px !important;
    min-height: 40px !important;
  }

  body .sheet__head h2 {
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body .sheet__head .icon-btn {
    width: 30px !important;
    height: 30px !important;
  }

  body .sheet__body {
    padding: 10px 12px !important;
  }

  body .sheet__body--flush {
    padding: 0 !important;
  }

  body .sheet__foot {
    padding: 8px 12px !important;
    gap: 8px !important;
  }

  body .sheet__foot .btn {
    min-height: 38px !important;
    height: 38px !important;
    font-size: 13.5px !important;
    border-radius: 3px !important;
  }

  body .f-nav-row {
    min-height: 44px !important;
    padding: 9px 12px !important;
  }

  body .f-nav-row__ico {
    width: 26px !important;
    height: 26px !important;
  }

  body .f-nav-row__lbl {
    font-size: 13.5px !important;
  }

  body .f-nav-row__val {
    font-size: 12.5px !important;
  }

  body .f-opt-row {
    min-height: 42px !important;
    padding: 8px 12px !important;
    font-size: 13.5px !important;
  }

  /* ---------- Giriş Yap / Kayıt Ol: Tam Ekran App Görünümü (Üst Topbar & Mobil Alt Menü Gizli, Sol Üst Geri İkonu) ---------- */
  body[data-view="auth"] #appTop,
  body[data-view="auth"] .app-top,
  body[data-view="auth"] .topbar,
  body[data-view="auth"] #dock,
  body[data-view="auth"] .dock,
  body[data-view="auth"] .vitrin-footer,
  body[data-view="auth"] .foot,
  body[data-view="auth"] #cookieBar {
    display: none !important;
  }

  body[data-view="auth"] #appScroll,
  body[data-view="auth"] .app-scroll {
    top: 0 !important;
    bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 100dvh !important;
    height: auto !important;
    background: #ffffff !important;
  }

  body[data-view="auth"] .subpage {
    padding: 0 !important;
    min-height: 100dvh !important;
    background: #ffffff !important;
  }

  body[data-view="auth"] .auth-page {
    min-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
  }

  body[data-view="auth"] .sp-bar--auth {
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #ededed !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: calc(10px + env(safe-area-inset-top, 0px)) 14px 10px !important;
    min-height: 48px !important;
    box-shadow: none !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
  }

  body[data-view="auth"] .sp-bar--auth .auth-back-btn {
    background: transparent !important;
    border: 0 !important;
    padding: 0 4px !important;
    width: 36px !important;
    height: 36px !important;
    color: #163d66 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  body[data-view="auth"] .sp-bar--auth .auth-back-btn .ico,
  body[data-view="auth"] .sp-bar--auth .auth-back-btn .ico-sm {
    width: 22px !important;
    height: 22px !important;
    stroke-width: 2.2 !important;
    color: #163d66 !important;
  }

  body[data-view="auth"] .sp-bar--auth .sp-back__txt {
    display: none !important;
  }

  body[data-view="auth"] .sp-bar--auth .sp-title-mob {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1e242b !important;
    pointer-events: none !important;
  }

  body[data-view="auth"] .auth-grid {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
  }

  body[data-view="auth"] .auth-card {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 20px 18px 32px !important;
    flex: 1 !important;
    justify-content: flex-start !important;
  }

  /* ---------- Ek Sayfa: İlan Detay, Satıcı Profili & Çerez/Yasal ---------- */
  body .sp-bar--detail {
    background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 58%, #0284c7 100%) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #1e40af !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    min-height: 42px !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body .sp-bar--detail .sp-back {
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    padding: 0 10px !important;
    height: 30px !important;
  }

  body .sp-bar--detail .sp-back .ico,
  body .sp-bar--detail .sp-back .ico-sm {
    width: 15px !important;
    height: 15px !important;
    color: #ffffff !important;
  }

  body .sp-bar--detail .sp-back__txt {
    display: inline !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  body .sp-bar--detail .sp-title-mob {
    display: block !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    color: #ffffff !important;
    letter-spacing: -0.01em !important;
    pointer-events: none !important;
  }

  body .sp-bar .icon-btn,
  body .sp-bar--detail .icon-btn {
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    width: 30px !important;
    height: 30px !important;
  }

  body .sp-bar--detail #dtFav {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body .sp-bar .icon-btn .ico,
  body .sp-bar--detail .icon-btn .ico {
    width: 15px !important;
    height: 15px !important;
    color: #ffffff !important;
  }

  body .sp-card--detail {
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body .sp-card--detail.has-vitrin-cap {
    margin: 8px 8px 0 !important;
    width: calc(100% - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    border-radius: 12px 12px 0 0 !important;
    border: 1.5px solid #bfdbfe !important;
    box-shadow: 0 4px 14px rgba(29, 78, 216, 0.1) !important;
  }

  body .sp-card--detail .dt-vitrin-cap {
    padding: 9px 11px !important;
    gap: 9px !important;
  }

  body .sp-card--detail .dt-vitrin-cap__go {
    height: 26px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
  }

  body .subpage .dt {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body .subpage .dt__gal,
  body .subpage .gal {
    background: #ffffff !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body .subpage .gal__track img {
    aspect-ratio: 4 / 3 !important;
    max-height: 325px !important;
    padding: 4px 10px 6px !important;
    background: #ffffff !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body .subpage .gal__no,
  body .subpage .gal__fav,
  body .subpage .gal .fav {
    display: none !important;
  }

  body .subpage .gal__zoom,
  body .subpage .gal__idx {
    display: none !important;
  }

  body.is-subpage #cookieBar {
    display: none !important;
  }

  body .subpage .dt__info,
  body .subpage .dt-pane {
    padding: 0 14px 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body .subpage .dt-pane {
    padding: 0 !important;
  }

  body .subpage .dt-meta-center {
    margin-left: -14px !important;
    margin-right: -14px !important;
    padding: 9px 6px 10px !important;
    width: calc(100% + 28px) !important;
    max-width: calc(100% + 28px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body .subpage .dt-meta-cat {
    font-size: 12.2px !important;
    line-height: 1.44 !important;
    font-weight: 600 !important;
    color: #1d4ed8 !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }

  body .subpage .dt-meta-cat a,
  body .subpage .dt-meta-cat span {
    display: inline !important;
    white-space: normal !important;
  }

  body .subpage .dt-meta-cat .sep {
    display: inline !important;
    margin: 0 3px !important;
    color: #64748b !important;
  }

  body .subpage .dt-meta-loc {
    font-size: 12px !important;
    color: #64748b !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  body .subpage .dt-tabs {
    padding: 0 0 6px !important;
    gap: 6px !important;
    border-bottom: 2px solid #f6c324 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body .subpage .dt-tab {
    height: 38px !important;
    font-size: 13.5px !important;
  }

  body .subpage .dt-price-bar {
    padding: 12px 0 6px !important;
  }

  body .subpage .dt__price {
    font-size: 21px !important;
    color: #163d66 !important;
  }

  body .subpage .dt-offer-btn {
    height: 34px !important;
    padding: 0 13px !important;
    font-size: 13px !important;
    border-color: #1f4e79 !important;
    color: #1f4e79 !important;
  }

  body .subpage .dt-main-title {
    font-size: 15.5px !important;
    line-height: 1.35 !important;
    margin: 5px 0 8px !important;
  }

  body .subpage .dt-desc-preview {
    font-size: 13.5px !important;
    line-height: 1.48 !important;
  }

  body .subpage .dt-more-btn {
    font-size: 13.5px !important;
  }

  body .subpage .dt-spec-row {
    padding: 11px 2px !important;
    font-size: 13.5px !important;
  }

  body .subpage .dt-sticky-cta {
    display: block !important;
    position: sticky !important;
    bottom: 8px !important;
    z-index: 60 !important;
    background: transparent !important;
    padding: 0 10px !important;
    margin-top: -12px !important;
    padding-bottom: 6px !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  body .subpage .dt-ask-btn {
    pointer-events: auto !important;
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1.5px solid #09090b !important;
    color: #09090b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  }

  body .tag {
    height: 22px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    border-radius: 2px !important;
  }

  body .dt__box {
    padding: 10px 12px !important;
    margin-top: 10px !important;
    border-radius: 3px !important;
  }

  body .dt__box h3 {
    font-size: 13px !important;
    margin-bottom: 6px !important;
  }

  body .kv {
    font-size: 12.5px !important;
    gap: 5px 10px !important;
  }

  body .dt__desc {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
  }

  body .seller b {
    font-size: 14px !important;
  }

  body .seller small {
    font-size: 12px !important;
  }

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

  body .subpage .dt__actions .row {
    flex-direction: column !important;
    gap: 6px !important;
  }

  body .subpage .dt__similar {
    padding: 10px 12px 16px !important;
  }

  body .dt__sold-banner {
    padding: 9px 11px !important;
    gap: 10px !important;
  }

  body .dt__sold-banner b {
    font-size: 17px !important;
  }

  body .sp-bar--seller {
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    padding: 7px 10px !important;
    min-height: 42px !important;
  }

  body .seller-hero {
    padding: 13px 12px !important;
    margin: 8px 10px 12px !important;
    width: calc(100% - 20px) !important;
    border-radius: 11px !important;
    gap: 10px !important;
    box-sizing: border-box !important;
  }

  body .seller-hero__main {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body .seller-hero__top {
    flex: none !important;
    width: 100% !important;
    gap: 10px !important;
    align-items: flex-start !important;
  }

  body .seller-hero__ava {
    width: 48px !important;
    height: 48px !important;
    border-radius: 11px !important;
    font-size: 16px !important;
  }

  body .seller-hero__title {
    font-size: 16px !important;
    line-height: 1.24 !important;
  }

  body .seller-hero__desc {
    font-size: 12.2px !important;
    line-height: 1.35 !important;
  }

  body .seller-hero__loc {
    font-size: 11.5px !important;
  }

  body .seller-hero__qrbar {
    flex: none !important;
    width: 100% !important;
    padding: 8px 10px !important;
    gap: 8px !important;
  }

  body .seller-hero__qrbar .btn {
    height: 30px !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    background: #ffe800 !important;
    border-color: #facc15 !important;
    color: #0f172a !important;
    flex-shrink: 0 !important;
  }

  body .seller-hero__qrbar .btn .ico {
    color: #0f172a !important;
  }

  body .subpage .sec__head {
    padding: 0 12px !important;
    margin-bottom: 8px !important;
  }

  body .subpage .sec > .grid {
    padding: 0 10px !important;
    box-sizing: border-box !important;
  }

  body .seller-hero__stats {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding-top: 9px !important;
  }

  body .seller-hero__stats.stats--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body .seller-stat {
    min-width: 0 !important;
    padding: 7px 6px !important;
  }

  body .seller-stat b {
    font-size: 15px !important;
  }

  body .seller-stat small {
    font-size: 10.5px !important;
  }

  body .legal-card {
    padding: 14px 12px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  body .legal-card h1 {
    font-size: 16.5px !important;
    margin-bottom: 9px !important;
  }

  body .legal-card h4 {
    font-size: 14px !important;
  }

  /* ---------- Mesajlar Sayfası (Mobil Tek Ekran Geçişli) ---------- */
  body .subpage .chat,
  body #sh-chat .chat {
    display: flex !important;
    flex-direction: column !important;
    min-height: 420px !important;
    height: auto !important;
  }

  body .subpage .chat__list,
  body #sh-chat .chat__list {
    border-right: 0 !important;
    flex: 1 !important;
  }

  body .subpage .chat:not(.chat--conv) .conv,
  body #sh-chat .chat:not(.chat--conv) .conv {
    display: none !important;
  }

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

  body .subpage .chat.chat--conv .conv,
  body #sh-chat .chat.chat--conv .conv {
    flex: 1 !important;
    min-height: 420px !important;
  }

  /* ---------- İlan Ver Sihirbazı & Paketler (Sahibinden Mobil Standart Ölçü) ---------- */
  body .steps {
    padding: 10px 12px 0 !important;
  }

  body .steps div {
    font-size: 11px !important;
  }

  body .catgrid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body .catcard {
    padding: 10px 6px !important;
    min-height: 78px !important;
    font-size: 12px !important;
  }

  body .catcard .ci {
    width: 34px !important;
    height: 34px !important;
  }

  body .subgrid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

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

  body .condgrid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body .photos {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body .pkgs {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  body .pkgs.pkgs--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body .sp-bar__title {
    font-size: 12.8px !important;
    font-weight: 750 !important;
    flex: 1 1 0% !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    text-align: right !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body .pkg-page .sp-bar .sp-crumb,
  body .pkg-page .sp-crumb {
    display: none !important;
  }

  body .form .row2 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  /* ---------- Hesabım / İlanlarım Tam Sayfa Tek Kart Düzeni & Butonlar ---------- */
  body .acc-wrap {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  body .ios-profile-card {
    padding: 14px 14px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e2e6ec !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
  }

  body .ios-profile-card .ava {
    width: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
  }

  body .quota-bar {
    margin: 0 !important;
    padding: 12px 14px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 1px solid #e2e6ec !important;
    border-radius: 0 !important;
    width: 100% !important;
  }

  body .stats,
  body .ios-bento-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e2e6ec !important;
    background: #ffffff !important;
    width: 100% !important;
  }

  body .ios-bento {
    padding: 11px 6px !important;
    margin: 0 !important;
    border: 0 !important;
    border-right: 1px solid #eef1f5 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .ios-bento:last-child {
    border-right: 0 !important;
  }

  body .ios-bento b {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #163d66 !important;
  }

  body .ios-bento small {
    font-size: 11px !important;
    color: #64748b !important;
    font-weight: 600 !important;
  }

  body .ios-seg {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 4px !important;
    padding: 6px 10px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #eaedf1 !important;
    border-radius: 0 !important;
    width: 100% !important;
  }

  body .ios-seg button {
    height: 29px !important;
    min-height: 29px !important;
    padding: 0 8px !important;
    font-size: 11.5px !important;
    font-weight: 550 !important;
    border: 1px solid #e4e4e7 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #09090b !important;
    box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.02) !important;
  }

  body .ios-seg button .ico {
    color: #09090b !important;
    width: 13px !important;
    height: 13px !important;
  }

  body .ios-seg button.on {
    background: #ffffff !important;
    border: 1.5px solid #09090b !important;
    color: #09090b !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
  }

  body .ios-seg button.on .ico {
    color: #09090b !important;
  }

  body #accC {
    margin: 0 !important;
    width: 100% !important;
  }

  body .my-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 6px 10px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eaedf1 !important;
    width: 100% !important;
  }

  body .my-filter-grid .chip {
    width: 100% !important;
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
    font-weight: 550 !important;
    justify-content: center !important;
    gap: 3px !important;
    border-radius: 6px !important;
    border: 1px solid #e4e4e7 !important;
    background: #ffffff !important;
    color: #09090b !important;
    box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.02) !important;
  }

  body .my-filter-grid .chip.on {
    background: #ffffff !important;
    border: 1.5px solid #09090b !important;
    color: #09090b !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
  }

  body .my {
    padding: 9px 10px !important;
    gap: 6px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #eaedf1 !important;
    border-radius: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
  }

  body .my__top {
    display: flex !important;
    gap: 10px !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  body .my img {
    width: 82px !important;
    height: 64px !important;
    border-radius: 5px !important;
  }

  body .my__m b {
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: #09090b !important;
  }

  body .my__m .p {
    font-size: 14px !important;
    font-weight: 750 !important;
    color: #09090b !important;
  }

  body .my .tags {
    gap: 4px !important;
    margin: 3px 0 0 !important;
  }

  body .my .tags .tag {
    height: 20px !important;
    padding: 0 6px !important;
    font-size: 10.5px !important;
    font-weight: 550 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
  }

  body .my__acts {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    padding-top: 6px !important;
    border-top: 1px solid #f1f3f5 !important;
  }

  body .my__acts .btn,
  body .my__acts .btn-gold,
  body .my__acts .btn-ok,
  body .my__acts .btn-line,
  body .my__acts .btn-ghost {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 27px !important;
    min-height: 27px !important;
    padding: 0 6.5px !important;
    font-size: 11px !important;
    font-weight: 550 !important;
    letter-spacing: -0.01em !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    background-image: none !important;
    color: #09090b !important;
    border: 1px solid #e4e4e7 !important;
    box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.03) !important;
    justify-content: center !important;
    gap: 3px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body .my__acts .btn .ico {
    width: 11.5px !important;
    height: 11.5px !important;
    color: #09090b !important;
  }

  body .acc-sec-head {
    padding: 11px 14px 8px !important;
    margin: 0 !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e6ec !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: #163d66 !important;
  }

  body .ios-menu-group {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    width: 100% !important;
  }

  body .acc-form-sec,
  body .danger-card {
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 14px !important;
  }

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

  /* ---------- Tam Sayfa Filtreleme & Sıralama (/filtrele, /sirala) ---------- */
  body[data-view="filters"] .vitrin-footer,
  body[data-view="filters"] .foot,
  body[data-view="filters"] #cookieBar {
    display: none !important;
  }

  body[data-view="filters"] .subpage {
    padding: 0 !important;
    margin: 0 !important;
    min-height: 100% !important;
    background: #ffffff !important;
  }

  body .flt-page {
    max-width: 100% !important;
    width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #ffffff !important;
  }

  body .sp-bar--filters {
    padding: 8px 10px !important;
    min-height: 42px !important;
    border-radius: 0 !important;
    background: linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 58%, #0284c7 100%) !important;
    color: #ffffff !important;
    border-bottom: 1px solid #1e40af !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
  }

  body .flt-page__body {
    flex: 1 1 auto !important;
    background: #ffffff !important;
  }

  body .flt-page__foot {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 40 !important;
    padding: 10px 12px calc(10px + var(--safe-b)) !important;
    background: #f8fafc !important;
    border-top: 1px solid #dcdcdc !important;
  }

  body .foot,
  body .vitrin-footer {
    margin-top: 16px !important;
    padding: 0 10px 14px !important;
    overflow: hidden !important;
    font-size: 11px !important;
  }

  body .vf-inner {
    padding: 12px 8px 6px !important;
    gap: 8px !important;
  }

  body .vf-links a,
  body .vf-cookie-btn,
  body .vf-copy,
  body .vf-raks-tag {
    font-size: 11px !important;
  }

  body .qchips {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
  }

  body .cookie-bar {
    left: 8px !important;
    right: 8px !important;
    bottom: calc(var(--dock-h) + var(--safe-b) + 8px) !important;
    padding: 10px 12px !important;
    border-radius: 4px !important;
    gap: 8px !important;
    z-index: 7900 !important;
  }

  body .cookie-bar__txt {
    font-size: 12px !important;
    line-height: 1.4 !important;
    flex: 1 1 100% !important;
  }

  body .cookie-bar__acts {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
  }

  body .cookie-bar__acts .btn {
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
    font-size: 11.5px !important;
  }
}