@media(max-width:1200px){
  .stats-row{grid-template-columns:repeat(3,1fr)}
  .grid4{grid-template-columns:repeat(3,1fr)}
  .sl-track .lcard{min-width:calc(33.333% - 12px)}
  .ld-main{grid-template-columns:1.5fr 1fr;gap:20px}
  .listing-form .cat-selector{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:1100px){
  .cats-grid{grid-template-columns:repeat(4,1fr)}
}

@media(max-width:900px){
  .mob-btn{display:flex}
  .main-nav{position:fixed;inset:0;background:rgba(15,15,30,.97);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}
  .main-nav.open{opacity:1;visibility:visible}
  .main-nav a{font-size:20px;color:#fff;padding:14px 30px}
  .main-nav a:hover,.main-nav a.active{background:rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.2);color:#fff}
  .hdr-top{display:none}
  .hdr-actions .btn-post span{display:none}
  .hdr-actions .btn-post{padding:10px 14px}
  .panel-row{grid-template-columns:1fr}
  .sl-track .lcard{min-width:calc(50% - 9px)}
  .account-layout{grid-template-columns:1fr}
  .account-sidebar{position:static!important;display:flex!important;overflow-x:auto;gap:6px;padding:8px 0;border:none!important;border-bottom:1px solid var(--brd)!important;border-radius:0!important;margin-bottom:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:transparent!important}
  .account-sidebar::-webkit-scrollbar{display:none}
  .account-sidebar>div{display:none!important}
  .account-sidebar a{white-space:nowrap;flex-shrink:0;padding:8px 14px;font-size:12px;border-radius:20px!important;background:var(--bg2)!important;border:1px solid var(--brd)!important;border-left:1px solid var(--brd)!important;gap:6px!important}
  .account-sidebar a.active{background:var(--p)!important;color:#fff!important;border-color:var(--p)!important}
  .account-sidebar a span{display:none}
  .account-sidebar a i{font-size:13px;width:auto!important}
  .ld-main{grid-template-columns:1fr;gap:20px}
  .ld-info{order:2}
  .trust-grid{grid-template-columns:1fr}
  .listing-form .cat-selector{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
  .how-grid{grid-template-columns:repeat(2,1fr)}
  .how-it::after{display:none}
  .grid4{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .stats-row{grid-template-columns:repeat(2,1fr)}
  .ft-grid{grid-template-columns:repeat(2,1fr)}
  .hero,.webgl-ph{min-height:340px}
  .hero-h{font-size:30px;text-align:center}
  .hero-p{font-size:15px;text-align:center}
  .hero-over{padding:32px 20px;align-items:center;justify-content:center}
  .hero-slider{min-height:320px!important}
  .slider-h1{font-size:26px!important;text-align:center}
  .slider-sub{font-size:14px!important;text-align:center}
  .slider-content{text-align:center!important;align-items:center!important}
  .sl-arrow{width:36px;height:36px;font-size:14px}
  .sl-prev{left:8px}
  .sl-next{right:8px}
  .sec-hdr h2{font-size:20px}
  .stat-num{font-size:32px}
  .ft-bottom{flex-direction:column;text-align:center}
  .profile-card{margin-left:16px;margin-right:16px;padding:24px 18px}
  .profile-stats{gap:20px}
  .ld-thumb img{width:60px;height:60px}
  .ld-price{font-size:26px}
  .ld-info h1{font-size:20px}
  .breadcrumb-in{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .breadcrumb-in::-webkit-scrollbar{display:none}
  #toast-box{left:16px;right:16px;bottom:16px}
  .toast{min-width:auto;max-width:none}
}

@media(max-width:700px){
  .cats-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:560px){
  .search-fields{flex-wrap:wrap}
  .sf{width:100%;flex:none}
  .sep-v{display:none}
  .btn-srch{width:100%;justify-content:center;margin-top:4px}
  .search-outer{padding:10px}
  .sl-track .lcard{min-width:82%}
  .blog-grid{grid-template-columns:1fr}
  .search-tabs{overflow-x:auto}
  .s-tab{white-space:nowrap;font-size:12px;padding:8px 14px}
  .ck-in{flex-direction:column;text-align:center}
  .ck-btns{width:100%;justify-content:center}
  .form-card{padding:20px 16px}
  .listing-form .cat-selector{grid-template-columns:1fr 1fr}
  .ld-actions{flex-direction:column}
  .ld-actions .btn-post{width:100%}
  .ld-actions .act-btn{width:100%;height:44px;border-radius:var(--r2)}
  .pagination{gap:4px}
  .pg-btn{width:36px;height:36px;font-size:13px}
}

@media(max-width:460px){
  .cats-grid{grid-template-columns:repeat(2,1fr)}
  .how-grid{grid-template-columns:1fr}
  .hero-h{font-size:24px;text-align:center}
  .hero-p{font-size:13px;text-align:center}
  .hero-over{padding:24px 16px;align-items:center}
  .hero-slider{min-height:260px!important}
  .slider-h1{font-size:22px!important}
  .slider-sub{font-size:12px!important;margin-bottom:16px!important}
  .container{padding:0 16px}
  .lcard-body{padding:12px}
  .lcard-foot{padding:8px 12px}
  .lcard-title{font-size:13px;min-height:auto}
  .lcard-price{font-size:16px}
  .stats-row{grid-template-columns:1fr 1fr}
  .stat-it{padding:14px 10px}
  .stat-num{font-size:28px}
  .ft-grid{grid-template-columns:1fr}
  .profile-stats{flex-direction:column;gap:14px}
  .seller-card{padding:16px}
}

@media(max-width:420px){
  .grid4{grid-template-columns:1fr}
  .sl-track .lcard{min-width:92%}
  .hdr-main .container{gap:10px}
  .hdr-actions{gap:6px}
  .icon-btn{width:36px;height:36px;font-size:16px}
  .blog-grid{grid-template-columns:1fr}
  .user-pill span{display:none}
  .listing-form .cat-selector{grid-template-columns:1fr}
  .hdr-dropdown{min-width:calc(100vw - 32px);right:-16px}
}

/* ===== MOBILE IMPROVEMENTS ===== */
@media(max-width:768px){
  /* Bottom nav */
  .bottom-nav{display:flex}
  body{padding-bottom:70px}
  .modal-overlay{padding-bottom:70px}
  .tablo-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .tablo-wrap table{min-width:600px}
  /* Mobil ilan kartları daha kompakt */
  .listing-card .lc-img-wrap{padding-top:58%}
  .listing-card .lc-body{padding:10px 12px}
  .listing-card .lc-body h3,.lc-title{font-size:13px;line-height:1.3;-webkit-line-clamp:2}
  .lc-price{font-size:15px}
  .lc-meta{font-size:10px;gap:6px}
  .lc-meta span{gap:3px}
  .lc-foot{padding:8px 12px}
  .lc-seller span{font-size:12px}
  .lc-av{width:24px;height:24px;font-size:10px}
  /* Mobilde otomatik carousel */
  .carousel-ready{display:flex!important;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:8px;grid-template-columns:none!important}
  .carousel-ready::-webkit-scrollbar{display:none}
  .carousel-ready .listing-card{min-width:220px;max-width:220px;flex-shrink:0}
  /* ═══ MOBİL HEADER: Custom header satırları gizle, kompakt header göster ═══ */
  .mobile-header-bar{display:flex!important;background:var(--white);border-bottom:1px solid var(--brd);position:sticky;top:0;z-index:100}
  .mobile-header-bar .logo-wrap img{max-height:32px!important}
  .hdr-row-custom{display:none!important}
  .hdr-row-custom.mobile-visible{display:flex!important}
  header .hdr-top{display:none!important}
  header .hdr-ad{display:none!important}
  .hdr-nav-bar{display:none!important}
  /* ═══ TEMPLATE 6 MOBİL HEADER ═══ */
  .hdr6-topbar,.hdr6-main,.hdr6-navbar{display:none!important}
  .hdr6-mobile{display:block!important}
  /* Mobil header: tek satır */
  .hdr-main{padding:8px 0}
  .hdr-actions{gap:4px}
  .icon-btn{width:36px;height:36px;font-size:15px}
  .theme-toggle{width:36px;height:36px;font-size:15px}
  .btn-post{padding:8px 12px;font-size:12px}
  .btn-post span{display:none}
  .mobile-menu-btn{display:flex!important;align-items:center;justify-content:center}
  .mob-btn{display:flex!important}
  /* Mobilde masaüstü mesaj panel/chatwindow gizle */
  .msg-desktop-only{display:none!important}
  .msg-chat-win{display:none!important}
  .chat-widget-box{width:calc(100vw - 32px)!important;right:16px!important;bottom:80px!important;max-height:70vh!important}
  /* FAB mobilde küçük */
  #msg-fab{bottom:80px!important;right:12px!important}
  #msg-fab button{width:46px!important;height:46px!important;font-size:18px!important}
  /* ═══ OVERFLOW FIX — Tüm taşmaları engelle ═══ */
  body,html{overflow-x:hidden!important;width:100%!important}
  .container{padding-left:14px!important;padding-right:14px!important;max-width:100%!important;overflow-x:hidden}
  img{max-width:100%!important}
  table{display:block;overflow-x:auto;max-width:100%}
  pre,code{overflow-x:auto;max-width:100%}
  /* Slider mobilde daha uzun */
  .hero-slider{min-height:380px!important}
  .hero,.webgl-ph{min-height:350px!important}
  .slider-content{padding:28px 16px!important}
  .slider-h1{font-size:24px!important;line-height:1.3!important;text-align:center!important;max-width:100%!important}
  .slider-sub{font-size:13px!important;text-align:center!important}
  .search-wrap{padding:0 8px!important}
  .search-fields{flex-direction:column!important;gap:6px!important}
  .sf{width:100%!important;flex:none!important}
  .sep-v{display:none!important}
  .btn-srch{width:100%!important}
  /* Slider okları */
  .sl-arrow,.slider-arrow{width:32px!important;height:32px!important;font-size:12px!important}
  .sl-prev,.slider-prev{left:6px!important}
  .sl-next,.slider-next{right:6px!important}
  /* Kategori kartları mobilde 2 sütun */
  .cat-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .cat-card{padding:14px 10px!important}
  .cat-icon i{font-size:22px!important}
  .cat-name{font-size:13px!important}
  .cat-count{font-size:11px!important}
  .cat-subs{display:none!important}
  /* Section spacing tutarlı */
  .section,.section-alt{padding:24px 0!important}
  .sec-head{margin-bottom:14px!important}
  .sec-title{font-size:17px!important}
  /* ═══ İLAN DETAY MOBİL ═══ */
  .ld-main{grid-template-columns:1fr!important;gap:16px!important}
  .ld-main>*{min-width:0!important;max-width:100%!important;box-sizing:border-box}
  .ld-info{order:2!important;word-break:break-word}
  .ld-info [style*="display:flex"]{flex-wrap:wrap}
  .ld-gallery{border-radius:0!important;max-width:100%!important}
  .form-card{padding:16px!important;margin-bottom:12px!important;max-width:100%!important;box-sizing:border-box}
  .seller-card{margin-top:12px!important;max-width:100%!important;box-sizing:border-box}
  /* İlan detay bilgi kartları */
  .ld-info h1{font-size:18px!important}
  .ld-price{font-size:22px!important}
  /* Butonlar tam genişlik */
  .ld-actions{flex-direction:column!important}
  .ld-actions .btn-post{width:100%!important}
  .ld-actions .act-btn{width:100%!important}
  /* Listing grid - default carousel */
  .listing-grid{display:flex!important;overflow-x:auto!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px!important;padding-bottom:8px;grid-template-columns:none!important}
  .listing-grid::-webkit-scrollbar{display:none}
  .listing-grid .listing-card{min-width:200px!important;max-width:200px!important;flex-shrink:0!important}
  /* Filtre sidebar gizle */
  .filter-sidebar{display:none!important}
  #main-layout{grid-template-columns:1fr!important}
  /* İlan detay tabları scroll */
  .ld-tabs .tab-btns{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important}
  .ld-tabs .tab-btns::-webkit-scrollbar{display:none}
  .ld-tabs .tab-btn{white-space:nowrap!important;flex-shrink:0!important;padding:10px 14px!important;font-size:13px!important}
  /* Profil kart */
  .profile-card{margin:0 8px!important;padding:16px!important}
  .profile-stats{flex-direction:column!important;gap:10px!important}
  /* Breadcrumb mobil */
  .breadcrumb-in{flex-direction:row!important;overflow-x:auto;scrollbar-width:none}
  .breadcrumb-in::-webkit-scrollbar{display:none}
  .breadcrumb-in ul{flex-shrink:0}
  /* Footer */
  .ft-grid{grid-template-columns:1fr!important}
  .ft-bottom{flex-direction:column!important;text-align:center!important;gap:10px!important}
  /* Modal mobil boyut */
  .modal-box,.amodal-box{max-width:95vw!important;margin:8px!important}
  /* İlan ekleme step indicator mobil */
  .step-item div[id^="step-circle"]{width:30px!important;height:30px!important;font-size:12px!important}
  .step-item span{font-size:9px!important}
  div[id^="step-line"]{width:30px!important}
  /* Arama modal mobil */
  #hdr-search-modal>div{width:95%!important;padding:16px!important}
  /* Dropdown mobilden bottom sheet */
  .hdr-dropdown{position:fixed!important;top:auto!important;bottom:70px;left:12px;right:12px;width:auto!important;min-width:auto!important;max-height:60vh;border-radius:16px!important;box-shadow:0 -8px 40px rgba(0,0,0,.2)!important}
  /* ═══ İLAN DETAY CAROUSEL TAŞMASİ FİX ═══ */
  [style*="min-width:240px"]{min-width:calc(80vw - 28px)!important;max-width:calc(80vw - 28px)!important}
  [style*="min-width:220px"]{min-width:calc(80vw - 28px)!important;max-width:calc(80vw - 28px)!important}
  /* Lightbox mobil fix */
  #lightbox{padding:8px!important}
  #lightbox img{max-width:100%!important;max-height:75vh!important}
  #lightbox button{width:36px!important;height:36px!important;font-size:16px!important}
  /* İlan detay attribute grid tek sütun */
  [style*="grid-template-columns:repeat(auto-fill,minmax(180px"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:repeat(auto-fill,minmax(220px"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:repeat(auto-fill,minmax(240px"]{grid-template-columns:1fr!important}
  /* Reklam alanları overflow fix */
  .ad-section,.ad-placeholder,.ad-ph,.sp-ad,.sp-ad-placeholder{overflow:hidden!important;max-width:100%!important;box-sizing:border-box!important}
  .ad-section img,.ad-section iframe,.sp-ad img{max-width:100%!important;height:auto!important}
  .sp-ad,.sp-ad-wrap{margin:10px auto!important;max-width:100%!important;box-sizing:border-box!important}
  .sp-ad img{width:100%!important;height:auto!important}
  .sp-ad-placeholder{aspect-ratio:auto!important;flex-direction:row!important;padding:10px 12px!important;gap:8px!important;min-height:auto!important}
  /* Reklam placeholder mobil compact layout */
  .sp-ad-ph{aspect-ratio:auto!important;min-height:auto!important;padding:12px!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:center!important}
  .sp-ad-ph .sp-ad-ph-badge-l{position:static!important;flex-shrink:0;order:-1}
  .sp-ad-ph .sp-ad-ph-badge-r{position:static!important;flex-shrink:0;order:-1}
  /* Hesap doğrulama kartları mobil */
  .verify-badges{flex-direction:column!important;gap:6px!important}
  /* Hesabım 4-sütun grid 2'ye düşür */
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}
  /* Genel inline grid'ler mobilde tek sütun */
  [style*="grid-template-columns:repeat(auto-fill,minmax(160px"]{grid-template-columns:repeat(2,1fr)!important}
  [style*="grid-template-columns:repeat(auto-fill,minmax(180px"]{grid-template-columns:repeat(2,1fr)!important}
  /* Hero banner mobil */
  .sp-hero-banner{padding:12px 0!important}
  .sp-hb-grid{gap:12px!important}
  .sp-hb-box{padding:20px!important;min-height:220px!important}
  .sp-hb-title{font-size:20px!important}
  .sp-hb-desc{font-size:13px!important}
  .sp-hb-content{max-width:90%!important}
  /* Promo cards mobil */
  .sp-pc-grid{grid-template-columns:1fr!important;gap:12px!important}
  .sp-pc-card{padding:20px!important;min-height:180px!important}
  .sp-pc-title{font-size:18px!important}
  /* Template 6 sidebar overlay */
  .hdr6-sidebar{z-index:99999!important}
  .hdr6-sidebar-overlay{z-index:99998!important}
}

/* ===== RESPONSIVE DARK MODE ===== */
@media(max-width:900px){
  [data-theme="dark"] .main-nav{background:#1e293b}
  [data-theme="dark"] .main-nav a{color:#e2e8f0}
  [data-theme="dark"] .main-nav a:hover,[data-theme="dark"] .main-nav a.active{background:rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.15);color:var(--p)}
}
@media(max-width:560px){
  [data-theme="dark"] .form-card{background:#1e293b;border-color:#334155}
}
@media(max-width:420px){
  [data-theme="dark"] .icon-btn{background:#0f172a}
}

/* ===== SMALL MOBILE (480px) ===== */
@media(max-width:480px){
  /* Hesap doğrulama 2-sütun → tek sütun */
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}
  /* Why-us grid tek sütun */
  .why-grid{grid-template-columns:1fr!important;gap:10px!important}
  .why-card{padding:16px 14px!important}
  .why-icon{width:44px!important;height:44px!important;font-size:18px!important}
  /* Stats tek satırda 2 */
  .stats-row{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}
  /* Blog grid tek sütun */
  .blog-grid{grid-template-columns:1fr!important}
  /* Footer grid tek sütun */
  .ft-grid{grid-template-columns:1fr!important}
  /* Container padding */
  .container{padding-left:12px!important;padding-right:12px!important}
  /* Genel inline 2-sütun grid'ler tek sütun */
  [style*="grid-template-columns:repeat(2,1fr)"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:repeat(auto-fill,minmax(160px"]{grid-template-columns:1fr!important}
  [style*="grid-template-columns:repeat(auto-fill,minmax(180px"]{grid-template-columns:1fr!important}
  /* Reklam alanları tam genişlik */
  .sp-ad,.sp-ad-placeholder,.sp-ad-ph,.sp-ad-wrap{margin:8px 0!important;border-radius:8px!important;max-width:100%!important}
  .sp-ad-ph{padding:10px 8px!important;aspect-ratio:auto!important;min-height:auto!important}
  .sp-ad-ph .sp-ad-ph-badge-r{display:none!important}
  /* Section padding azalt */
  .section{padding:20px 0!important}
  .sec-title{font-size:18px!important}
  /* How it works tek sütun */
  .how-grid{grid-template-columns:1fr!important}
}