/* ============================================================================
   HobiBuy KKTC — Masaüstü Tasarım Sistemi (desktop.css)
   Hedef Cihazlar: @media (min-width: 1025px)
   Sahibinden.com Fontu ("Lucida Grande", Roboto, sans-serif),
   Sahibinden Buton & Marka Renkleri, Sticky Sol Filtre, 5 Sütun Ürün Grid
   ============================================================================ */

@media (min-width: 1025px) {
  :root {
    --top-h: 58px;
    --dock-h: 0px;
    --chip-h: 0px;
  }

  /* ---------- Geniş Ekran Konteynerler (max-width: 1640px) ---------- */
  body .topbar__in,
  body .layout,
  body .subpage,
  body .foot__in {
    max-width: 1640px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  /* ---------- Hızlı Kategori Tab Menüsü Masaüstünde de Tamamen Kaldırıldı ---------- */
  body #chipbar,
  body .chipbar,
  body #chips,
  body .chips {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* ---------- Üst Bar (Google Antigravity Header) ---------- */
  body .topbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e4e4e7 !important;
    box-shadow: 0 1px 2px rgba(9, 9, 11, 0.03) !important;
  }

  body .topbar__in {
    gap: 8px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body .logo {
    font-size: 16px !important;
    font-weight: 750 !important;
    letter-spacing: -0.025em !important;
    gap: 8px !important;
    color: #09090b !important;
  }

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

  body .tb-meta-pills {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
  }

  body .locbtn {
    height: 32px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
  }

  body .locbtn:hover {
    background: #fafafa !important;
    border-color: #a1a1aa !important;
  }

  body .cursel {
    height: 32px !important;
    padding: 0 22px 0 10px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background-color: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
  }

  body .cursel:hover {
    background-color: #fafafa !important;
    border-color: #a1a1aa !important;
  }

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

  body .ag-lang-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    height: 32px !important;
    padding: 0 9px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.16s ease, border-color 0.16s ease !important;
  }

  body .ag-lang-btn:hover {
    background: #fafafa !important;
    border-color: #a1a1aa !important;
  }

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

  body .search {
    flex: 1 1 480px !important;
    min-width: 280px !important;
    max-width: 860px !important;
    height: 34px !important;
    gap: 6px !important;
    padding: 0 5px 0 11px !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);
  }

  body .search input {
    flex: 1 1 0% !important;
    width: 0 !important;
    min-width: 120px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #09090b !important;
  }

  body .search:hover {
    background: #ffffff !important;
    border-color: #d4d4d8 !important;
  }

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

  body .search__flt {
    height: 26px !important;
    padding: 0 9px !important;
    font-size: 11.5px !important;
    font-weight: 550 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
    flex-shrink: 0 !important;
  }

  body .search__go,
  body .tb-msg,
  body .tb-fav {
    display: none !important;
  }

  body .tb-actions {
    gap: 6px !important;
    margin-left: auto;
    flex-shrink: 0;
  }

  body .tb-actions .tb-prem {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
    border: 1px solid #f59e0b !important;
    color: #b45309 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body .tb-actions .tb-prem:hover {
    background: #fef3c7 !important;
    border-color: #d97706 !important;
    color: #92400e !important;
  }

  body .tb-actions .tb-prem .ico {
    width: 15px !important;
    height: 15px !important;
    color: #b45309 !important;
  }

  body .top-acc-wrap {
    margin-left: 2px !important;
    flex-shrink: 0 !important;
  }

  body .top-acc-btn {
    height: 32px !important;
    padding: 0 9px 0 4px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
  }

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

  body .tb-actions .btn-sm {
    height: 29px !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
    font-weight: 550 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid #e4e4e7 !important;
    color: #09090b !important;
  }

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

  body .tb-actions .tb-sell {
    height: 30px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1.5px solid #09090b !important;
    color: #09090b !important;
  }

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

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

  /* ---------- Ana Yerleşim: Sticky Sol Filtre + Sağ İçerik ---------- */
  body .hide,
  body #layout.hide,
  body.is-subpage #layout,
  body #subPage.hide {
    display: none !important;
  }

  body .layout:not(.hide) {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    padding-top: 16px !important;
    padding-bottom: 32px !important;
  }

  body .subpage {
    padding-top: 16px !important;
    padding-bottom: 32px !important;
  }

  body .sidebar {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
    background: var(--surface) !important;
    border: 1px solid var(--line) !important;
    border-radius: 4px !important;
    box-shadow: var(--sh-1) !important;
  }

  body .sidebar .fp,
  body .sidebar .f-nav-list,
  body .sidebar .f-sub-wrap,
  body .sidebar .f-opt-list,
  body .sidebar .tree,
  body .sidebar .opt-list {
    max-height: none !important;
    overflow: visible !important;
    overscroll-behavior: auto !important;
  }

  body .fbtn,
  body .mob-quick-filters {
    display: none !important;
  }

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

  /* ---------- 5 Sütun Masaüstü Ürün Grid & E-Ticaret Kalitesinde Dikine Kartlar ---------- */
  body .grid,
  body .subpage .grid--sim {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body .card {
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 14px !important;
    padding: 7px !important;
    box-shadow: none !important;
    transition: border-color 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  body .card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !important;
    border-color: #d4d4d8 !important;
  }

  body .card__media {
    aspect-ratio: 2 / 2.68 !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    border: 0 !important;
  }

  body .card:hover .card__media img {
    transform: scale(1.035) !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: 10px !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: 3.5px !important;
    background: transparent !important;
  }

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

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

  body .card__price {
    font-family: 'Plus Jakarta Sans', 'Inter', var(--font) !important;
    font-size: 15px !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 .cond-svg-tag {
    top: 4px !important;
    left: 4px !important;
  }

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

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

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

  body .fav svg,
  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;
  }

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

  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:hover,
  body .card.card--boost:hover {
    border-color: #d4d4d8 !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08) !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;
  }

  /* ---------- Sahibinden PC Görünümü (Tam Genişlik Üst Kategori & Başlık Barı + 3 Sütun: Sol Görsel | Orta İlan Bilgileri | Sağ Üst İlan Sahibi) ---------- */
  body .subpage .sp-bar--detail {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 8px 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    color: #1e293b !important;
    margin-bottom: 8px !important;
    box-shadow: none !important;
  }

  body .subpage .sp-bar--detail .sp-back {
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #185e91 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
  }

  body .subpage .sp-bar--detail .sp-crumb {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #185e91 !important;
    text-align: left !important;
  }

  body .subpage .sp-bar--detail .sp-crumb a,
  body .subpage .sp-bar--detail .sp-crumb span {
    color: #185e91 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
  }

  body .subpage .sp-bar--detail .sp-crumb a:hover {
    text-decoration: underline !important;
  }

  body .subpage .sp-bar--detail .sp-crumb .sep {
    color: #64748b !important;
    margin: 0 2px !important;
    font-weight: 400 !important;
  }

  body .subpage .sp-bar--detail .sp-acts {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }

  body .subpage .sp-bar--detail .sp-pc-stats {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-right: 10px !important;
    border-right: 1px solid #cbd5e1 !important;
    font-size: 12px !important;
    color: #475569 !important;
    font-weight: 500 !important;
  }

  body .subpage .sp-bar--detail .sp-pc-stat {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
  }

  body .subpage .sp-bar--detail .sp-pc-stat b {
    color: #0f172a !important;
    font-weight: 700 !important;
  }

  body .subpage .sp-bar--detail .sp-pc-stat svg {
    width: 13px !important;
    height: 13px !important;
    color: #185e91 !important;
  }

  body .subpage .sp-bar--detail .icon-btn,
  body .subpage .sp-bar--detail #dtFav {
    width: auto !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: none !important;
    color: #185e91 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  body .subpage .sp-bar--detail .icon-btn:hover,
  body .subpage .sp-bar--detail #dtFav:hover {
    background: #f1f5f9 !important;
    border-color: #94a3b8 !important;
  }

  body .subpage .sp-bar--detail .icon-btn svg,
  body .subpage .sp-bar--detail #dtFav svg {
    width: 14px !important;
    height: 14px !important;
    stroke: #185e91 !important;
  }

  body .subpage .sp-bar--detail #dtFav.fav-on svg {
    fill: #ff2908 !important;
    stroke: #ff2908 !important;
  }

  body .subpage .sp-bar--detail .sp-act-lbl {
    display: inline !important;
  }

  body .subpage .dt-pc-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 13px 18px 11px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
  }

  body .subpage .dt-pc-head__title {
    margin: 0 !important;
    font-size: 17.5px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    line-height: 1.28 !important;
    text-transform: uppercase !important;
    letter-spacing: -0.01em !important;
    flex: 1 !important;
    min-width: 0 !important;
  }

  body .subpage .dt-pc-head__no {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  body .subpage .dt-pc-head__no b {
    color: #b91c1c !important;
    font-weight: 800 !important;
  }

  body .subpage .dt {
    display: grid !important;
    grid-template-columns: minmax(380px, 460px) minmax(320px, 1fr) 305px !important;
    gap: 20px !important;
    padding: 14px 18px 20px !important;
    align-items: start !important;
    align-content: start !important;
    overflow: visible !important;
  }

  body .subpage .dt__gal {
    position: relative !important;
    top: 0 !important;
    align-self: start !important;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: var(--sh-1);
    background: #ffffff;
    border: 1px solid var(--line);
    margin: 0 !important;
  }

  body .subpage .gal__track img {
    aspect-ratio: 4 / 3 !important;
    max-height: 440px;
  }

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

  body .subpage .dt__info {
    padding: 0 !important;
    min-width: 0 !important;
  }

  body .subpage .dt-meta-center,
  body .subpage .dt-mob-price-wrap {
    display: none !important;
  }

  body .subpage .dt-pc-top-meta {
    display: block !important;
    margin-bottom: 10px !important;
  }

  body .subpage .dt-pc-top-meta .dt-price-bar {
    padding: 0 0 6px !important;
    border-bottom: 1px solid #eaeaea !important;
  }

  body .subpage .dt-pc-top-meta .dt-price-val {
    font-size: 21px !important;
    font-weight: 800 !important;
    color: #185e91 !important;
  }

  body .subpage .dt-pc-loc {
    padding: 7px 0 4px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #185e91 !important;
  }

  body .subpage .dt-tabs {
    padding: 4px 0 0 !important;
  }

  body .subpage .dt__side {
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    top: 0 !important;
    align-self: start !important;
  }

  body .subpage .dt__side .dt__box.seller-card {
    margin-top: 0 !important;
  }

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

  body .subpage .dt__similar {
    padding: 14px 18px 22px !important;
    border-top: 1px solid var(--line);
  }

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

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

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

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

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

  /* ---------- Footer 4 Sütun ---------- */
  body .foot__grid {
    grid-template-columns: 1.7fr 1fr 1fr 1fr !important;
    gap: 28px !important;
  }

  /* Mobil alt bar masaüstünde kapalı */
  body .dock {
    display: none !important;
  }
}