/*
 * /karolar/ (page ID 17) - BASEKA Tiles modulunun urun listing sayfasi.
 * Tema'nin bos/gri .page-header konteyneri (~500px, sadece 'Karolar / Home
 * / Karolar' breadcrumb'i) landing sayfasinda (page ID 50) daha once
 * kaldirilmisti; ayni sorun /karolar/ sayfasinda da mevcuttu (dogrulandi:
 * .page-header, yukseklik ~500px). Bu kural SADECE page ID 17 icin
 * gecerlidir - diger sayfalar/tema geneli ETKILENMEZ. Urun detay
 * sayfalari (single-product, .baseka-tiles-product) zaten temanin kendi
 * 'no-page-header' ayariyla banner GOSTERMIYOR - ek kural gerekmedi.
 */
body.page-id-17 .page-header{display:none!important}

.btc-tiles-module{width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(230px,25%) 1fr;gap:32px;align-items:start}.btc-tiles-module *{box-sizing:border-box}.btc-filter-toggle-input{display:none}.btc-mobile-filter-bar{display:none}.btc-filters .btc-filter-close{display:none}.btc-filters{display:flex;flex-direction:column;gap:14px;margin:0;position:sticky;top:24px}.btc-filters label{display:flex;flex-direction:column;gap:6px}.btc-filters span{font-size:13px}.btc-filters select,.btc-filters button{min-height:42px;width:100%}.btc-filter-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.btc-filter-actions button{padding:0 18px;cursor:pointer}.btc-filter-actions a{min-height:42px;display:inline-flex;align-items:center;justify-content:center}.btc-grid{display:grid;grid-template-columns:repeat(var(--btc-columns,3),minmax(0,1fr));gap:24px}.btc-card{margin:0}.btc-card-image{display:block;aspect-ratio:1/1;overflow:hidden;background:#f4f4f2}.btc-card-image img{width:100%;height:100%;object-fit:cover;display:block}.btc-card-body{padding-top:12px}.btc-card-body h3{margin:0 0 6px;font-size:18px}.btc-card-body h3 a{text-decoration:none}.btc-card-price{font-size:14px}.btc-empty{grid-column:1/-1}.btc-specs{margin:24px 0}.btc-specs>div{display:grid;grid-template-columns:minmax(130px,1fr) 2fr;gap:16px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.12)}.btc-specs dt{font-weight:600}.btc-specs dd{margin:0}.btc-calculator{padding:22px;border:1px solid rgba(0,0,0,.14)}.btc-calculator h3{margin-top:0}.btc-calculator label{display:block;margin:0 0 14px}.btc-calculator label span{display:block;margin:0 0 6px}.btc-calculator input,.btc-calculator select{width:100%;min-height:42px}.btc-calculator-result{margin-top:18px}.btc-calculator-result p{margin:6px 0}/* NOT: 991px esigi rastgele secilmedi - temanin (Sober/Bootstrap) GERCEK container kirilma noktasi (min-width:992px / max-width:991px, style.css + bootstrap.css icinde dogrulandi) ile BIREBIR hizalandi. Onceki 980px esigi bu gercek 992px esiginden farkli oldugu icin 980-991px araliginda tema container'i zaten kuculuyor ama sidebar hala masaustu modunda kaliyordu - bu 'olu bolge' artik yok, iki sistem ayni noktada birlikte degisiyor. */@media(max-width:991px){.btc-tiles-module{display:block}.btc-mobile-filter-bar{display:block;margin:0 0 16px}.btc-filter-toggle-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;cursor:pointer;border:1px solid currentColor;background:transparent}.btc-filters{display:none;position:fixed;inset:0;z-index:9999;background:#fff;overflow-y:auto;padding:20px;flex-direction:column;top:0}.btc-filter-toggle-input:checked~.btc-filters{display:flex}.btc-filters .btc-filter-close{display:inline-flex;align-self:flex-end;margin:0 0 16px;cursor:pointer;padding:8px 14px;border:1px solid currentColor;background:transparent}.btc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.btc-grid{grid-template-columns:1fr}.btc-filter-actions{align-items:stretch}}

/*
 * LIVE scoped ekleme: canli /karolar/ sayfasinin gercek page ID
 * degeri 17 degil 7340. Yukaridaki page-id-17 kurali staging icindir
 * ve canlida eslesmiyor, bu yuzden banner canlida gorunuyordu. Bu
 * kural SADECE body.page-id-7340 kapsaminda ayni .page-header
 * konteynerini kaldirir (filtreli /karolar/?baseka_... sonuclari dahil,
 * cunku sayfa ID query string ile degismez); baska hicbir sayfa
 * etkilenmez.
 */
body.page-id-7340 .page-header{display:none!important}


/*
 * LIVE UI FIX (v0.2.13) - SADECE canli /karolar/ (page ID 7340) icin.
 *
 * Sorun 1: page-header kaldirildiktan sonra listing icerigi ust
 * navigasyona fazla yaklasti; kullanici filtre dropdownlarina giderken
 * Sober ust menu hover/mega-menu alani devreye giriyordu. Cozum:
 * .btc-tiles-module container'ina (filtre sidebar + urun gridini
 * birlikte iceren ana kapsayici) 48px top spacing eklenir - boylece
 * sidebar ve grid birlikte, ayni hizada asagi kayar.
 *
 * Sorun 2: WooCommerce paginate_links() ciktisi (.page-numbers /
 * .next.page-numbers ogeleri) herhangi bir wrapper olmadan dogrudan
 * .btc-tiles-module icine render ediliyor. .btc-tiles-module masaustunde
 * (min-width:992px) display:grid + grid-template-columns:minmax(230px,25%) 1fr
 * oldugundan, her pagination ogesi kendi grid hucresine dusuyor ve
 * sirayla dar/genis sutunlar arasinda dagilarak alt alta yigiliyordu.
 * Cozum: SADECE min-width:992px (masaustu; mobilde zaten mevcut
 * @media(max-width:991px) kurali .btc-tiles-module'u display:block
 * yapiyor ve pagination ogeleri dogal olarak inline akiyor, ek kural
 * gerekmiyor) icin .btc-tiles-module display:grid yerine display:flex
 * yapilir; .btc-filters ve .btc-grid mevcut 25%/1fr oranini flex-basis
 * ile korur, pagination ogeleri kucuk oldugundan otomatik olarak
 * alt satira sarar ve kendi aralarinda yatay tek satirda dizilir.
 * Baska hicbir sayfa/tema genel page-header, grid, menu davranisi
 * ETKILENMEZ.
 */
@media(min-width:992px){
	body.page-id-7340 .btc-tiles-module{padding-top:110px}
	body.page-id-7340 .btc-tiles-module{display:flex;flex-wrap:wrap}
	body.page-id-7340 .btc-tiles-module>.btc-filters{flex:0 0 25%;min-width:230px}
	body.page-id-7340 .btc-tiles-module>.btc-grid{flex:0 1 calc(75% - 32px);min-width:0}
	body.page-id-7340 .btc-tiles-module>.page-numbers,
	body.page-id-7340 .btc-tiles-module>.next.page-numbers{flex:0 0 auto}
}