/* ================= ck-banner-bos-link =================
================================================================
     ck-banner-bos-link (23.08.2026) - LINKI OLMAYAN BANNERLARI GIZLE
     Bu blok eski ck-m-banner-off blogunun yerini aldi. Eskisi bileşen
     KIMLIKLERINI hedefliyordu (home-comp-1419/1420/1422/1423) ama
     Anasayfa Yonetimi nde her "Guncelle" basildiginda bilesenler yeniden
     olusuyor ve kimlikler degisiyor (1447/1448/1450/1451 oldular).
     Bu yuzden eski blok sessizce ise yaramaz hale gelmisti ve gizlenen
     bannerlar geri gelmisti.
     Yeni kural kimlikten bagimsiz: banner bilesenlerinin "banner" sinifi
     var, urun raylarinda yok. Icindeki tek baglantinin href i bossa
     bilesen gizleniyor. Hem mobil hem masaustu.
     Calisan bannerlar (or. Gural aramaya giden ikisi) etkilenmez.
   (12.09.2026 head alanindan tasindi) */
.cmp.banner:has(a[href=""]){ display:none !important; }


/* ================= ck-mobile-marquee-off =================
============================================================
     SERDOHAN - Mobil: duyuru seridi + uygulama indirme banner'i (22.08.2026)
     Sadece max-width:768px. Masaustu etkilenmez.
     ============================================================
   (12.09.2026 head alanindan tasindi) */
@media (max-width:768px){
  .ny-marquee-text{ display:none !important; }
}


/* ================= ck-m-slider-ratio =================
Slider mobil oran duzeltmesi.
     BULGU: Slider'in AYRI bir "Mobil Gorseli" alani var ve doluydu (720x1279 dikey).
     Site bu gorseli mobil User-Agent'a sunucu tarafinda servis ediyor; masaustu
     HTML'inde hic gecmiyor. Onceki kurallarim (240px + contain) masaustu
     gorselini varsayarak yazilmisti, dikey mobil gorseli bozuyordu.
     COZUM: sabit yukseklik yerine 1:1 oran + cover. Hem mevcut 9:16 dikey
     gorselleri duzgun kirpar, hem de yeni 1:1 mobil gorselle tam oturur.
   (12.09.2026 head alanindan tasindi) */
@media (max-width:768px){
  .home-page .nyslider img{
    height:auto !important;
    width:100% !important;
    aspect-ratio:1 / 1 !important;
    object-fit:cover !important;
    object-position:center !important;
    background:#f5f7fa !important;
    border-radius:12px !important;
  }
}


/* ================= ck-m-slider-full =================
Slider mobilde tam genislik.
     SORUNUN KAYNAGI: slider iki kez iceri giriyordu -
       1) sitenin .container ogesinin 12px yan dolgusu
       2) benim onceki blogumda .nyslider'a verdigim 10px yan dolgu
     Toplam her iki yanda 22px -> 388px ekranda gorsel 329px kaliyor,
     etrafinda bosluk olusuyordu. Ayrica 16px ust/alt margin vardi.
     COZUM: yan dolgular sifirlandi, negatif margin ile container dolgusundan
     tasirildi, gorsel kenardan kenara. Oran (1:1 + cover) korunuyor,
     esnetme/sikistirma yok. Swiper otomatik gecisine dokunulmadi.
   (12.09.2026 head alanindan tasindi) */
@media (max-width:768px){
  .home-page .nyslider{
    width:calc(100% + 24px) !important;
    max-width:none !important;
    margin:0 -12px 10px !important;
    padding:0 !important;
  }
  .home-page .nyslider .swiper-container{
    width:100% !important; max-width:100% !important;
    margin:0 !important; padding:0 !important;
  }
  .home-page .nyslider img{ border-radius:0 !important; }

  /* Oklar: dokunmasi kolay, gorseli kapatmayacak sekilde yariseffaf */
  .home-page .nyslider .swiper-button-next,
  .home-page .nyslider .swiper-button-prev{
    width:40px !important; height:48px !important;
    background:rgba(255,255,255,.55) !important;
    border-radius:8px !important;
  }
}


/* ================= ck-mobile-sort-fix =================
MADDE 6 ek: siralama kutusu 390px ekrandan tasiyordu, daraltildi
   (12.09.2026 head alanindan tasindi) */
@media (max-width:768px){
  .filterTop > .row > .col-lg-8{ min-width:0 !important; }
  .filterTop .filter-top-right{ min-width:0 !important; }
  .filterTop .filter-top-right .filtreSelectGroup{ min-width:0 !important; flex:0 1 auto !important; font-size:11px !important; }
  .filterTop .filter-top-right select.sortfiltre{ width:auto !important; max-width:120px !important; min-width:0 !important; font-size:11px !important; padding:4px 6px !important; height:30px !important; }
}


/* ================= ck-m-footer-tight =================
================================================================
     ck-m-footer-tight (23.08.2026) - MOBIL FOOTER BOSLUK SIKILASTIRMA
     828px -> 651px (-177px). Her sayfada tekrarladigi icin kazanc genel.
     Hicbir link, bolum veya bilgi KALDIRILMADI - sadece bosluk ve boyut.
     Not: uygulama rozeti gorsellerinde satir ici width/height !important
     var, stylesheet ile asilamiyor. max-width/max-height kullanildi -
     kutu modelinde max-* kisiti her zaman width/height uzerinde calisir.
     Masaustu etkilenmez (sadece max-width:768px).
   (12.09.2026 head alanindan tasindi) */
@media (max-width:768px){
  /* blok ici bosluklar: 25/20/16px -> 10/6/4px */
  .widget{ padding-top:10px !important; }
  .widget-title{ padding-bottom:6px !important; }
  .widget-body{ margin-bottom:4px !important; }
  /* yasal linkler 13px iken iki satira tasiyordu, 12px ile tek satir */
  .widget-body li{ line-height:20px !important; }
  .widget-body li a{ font-size:12px !important; line-height:20px !important; white-space:nowrap !important; }
  /* uygulama rozetleri 150x45 -> 118x35 */
  .mobileApp a img{ max-width:118px !important; max-height:35px !important; object-fit:contain !important; }
  .mobileApp a{ margin-bottom:3px !important; }
  .ny-sub-box-desc{ margin-bottom:6px !important; }
}


/* ================= ck-mobile-filter-narrow =================
Dar telefonlarda (max 375px) Stoktakiler etiketi siralama kutusunun altinda kaliyordu
   (12.09.2026 head alanindan tasindi) */
@media (max-width:768px){
  .filterTop > .row > .col-lg-4{ flex:1 1 auto !important; min-width:0 !important; overflow:hidden !important; }
  .filterTop .catProductCount{ display:block !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
  .filterTop .filter-top-right{ flex:0 0 auto !important; }
  .filterTop .filter-top-right .filtreSelectGroup{ flex:0 0 auto !important; }
  .filterTop .filter-top-right .filtreSelectGroup label{ white-space:nowrap !important; }
}
@media (max-width:400px){
  .filterTop .catProductCount{ font-size:10px !important; }
  .filterTop .filter-top-right{ gap:6px !important; }
  .filterTop .filter-top-right, .filterTop .filter-top-right label{ font-size:10px !important; }
  .filterTop .filter-top-right select.sortfiltre{ max-width:96px !important; font-size:10px !important; padding:4px !important; }
}


/* ================= ck-m-header-tight =================
Header sikistirma: ikonlar logonun altina dusuyordu (uc satir), ayni satira alindi.
     Olculen (358px): header 159px -> 104px, slider ust kenari 138px -> 120px.
     Ikon dokunma alanlari 18x25'ten 40x40'a cikarildi.
   (12.09.2026 head alanindan tasindi) */
@media (max-width:768px){
  header.container{ padding-top:2px !important; padding-bottom:6px !important; }
  header.container > a.d-flex{ flex:0 1 auto !important; }

  /* Ikon grubu tam genislik aliyordu, bu yuzden alt satira dusuyordu */
  header.container .ny-menu-right{
    flex:0 0 auto !important; width:auto !important; max-width:none !important;
    margin-left:auto !important; height:auto !important; min-height:0 !important;
    padding:0 !important;
  }
  header.container .ny-menu-right .cartIconBox{
    height:auto !important; align-items:center !important; margin-bottom:0 !important;
  }
  header.container .ny-menu-right .dropdownAc{ height:auto !important; }
  header.container .ny-menu-right .dropdownAc > a.btn{
    height:40px !important; min-height:40px !important; padding:0 6px !important;
    line-height:1 !important; display:flex !important;
    align-items:center !important; justify-content:center !important;
  }
  /* dokunma alani: 40x40 */
  header.container .ny-menu-right li > a{
    min-width:40px !important; height:40px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    margin:0 !important;
  }

  header.container .ny-menu-center{ margin:2px 0 0 !important; }
  header.container .menuBox form.top-header-search-box input.form-control{ height:42px !important; }
  header.container .menuBox form.top-header-search-box .btn{ height:42px !important; }
}


/* ================= ck-m-urun-raylari =================
================================================================
     ck-m-urun-raylari (23.08.2026) - MOBIL URUN RAYLARI
     1) "Sepete Ekle" iki satira boluyordu. Sebep: butonun yan bosluklari
        24er px; 119px lik butonun 48i bosluga gidiyor, yaziya 71px
        kaliyordu ama yazi 75px istiyor. Bosluk 8px yapildi, nowrap eklendi.
        Buton yuksekligi min-height:40px ile korunuyor (dokunma hedefi).
     2) Nokta gostergesi 291px lik seritte 11 noktaya kadar cikiyordu.
        Swiper dynamicBullets ile 80px lik kompakt gruba indirildi.
     3) Kart ve ray bosluklari kisildi. Ray 374 -> 348px, sayfa -129px.
     Masaustu etkilenmez.
   (12.09.2026 head alanindan tasindi) */
@media (max-width:768px){
  .item-product-cart-add a, .item-product-cart-add button{
    padding:11px 8px !important; white-space:nowrap !important;
    line-height:13px !important; text-align:center !important;
  }
  .item-product-cart-add{ padding-top:4px !important; padding-bottom:4px !important; }
  .homeComp .swiper-container{ padding-bottom:22px !important; }
  .homeComp .productTitle{ padding-bottom:2px !important; }
  .homeComp .home-product-title{ margin-bottom:4px !important; }
  .homeComp .item-product-info{ padding-top:8px !important; padding-bottom:6px !important; }
  .homeComp .item-product-name{ margin-bottom:6px !important; }
  .homeComp .productBox{ margin-bottom:4px !important; }
}


/* ================= ck-m-kategori-filtre =================
================================================================
     ck-m-kategori-filtre (23.08.2026) - MOBIL KATEGORI FILTRESI
     1) Filtre satirlari 21px yuksekligindeydi. Telefonda parmakla
        isabet ettirmek zor, yanlis filtre secilir. 36px yapildi.
     2) Kategoriler kutusu 105px lik pencerede 166px icerik gosteriyordu,
        yani sayfa icinde AYRI bir kaydirma alani vardi. Mobilde bu bilinen
        bir tuzak: kullanici kaydirilabildigini fark etmez, gizli kalan
        kategorileri hic gormez. Ic kaydirma kaldirildi, hepsi listeleniyor.
        Filtre paneli varsayilan KAPALI oldugu icin ek yukseklik yalnizca
        kullanici bilerek actiginda olusuyor.
     3) "Stoktakiler" kutusu 12x12px idi -> 20x20, etiket hedefi 38px.
     Masaustu etkilenmez.
   (12.09.2026 head alanindan tasindi) */
/* Ic kaydirma HER EKRANDA kaldirildi: masaustunde de 105px lik pencerede
   166px icerik vardi, 8 kategoriden 3 u gizli kaliyordu. 520px cok uzun
   listelerde (or. 20+ alt kategori) yine kaydirma birakir, normal
   durumlarda hicbir sey gizlenmez. Sol panel zaten urun izgarasindan
   kisa oldugu icin sayfa yuksekligi degismiyor. */
.ny-filter-item{ max-height:520px !important; overflow-y:auto !important; }
@media (max-width:768px){
  .ny-filter-item label{
    display:flex !important; align-items:center !important;
    min-height:36px !important; margin-bottom:0 !important; line-height:1.25 !important;
  }
  .filter-top-right input[type=checkbox], .filter-top-right input[type=radio]{
    width:20px !important; height:20px !important; min-width:20px !important; margin-right:6px !important;
  }
  .filter-top-right label{
    display:inline-flex !important; align-items:center !important;
    min-height:38px !important; margin-bottom:0 !important;
  }
}


/* ================= ck-m-urun-adet =================
================================================================
     ck-m-urun-adet (23.08.2026) - URUN SAYFASI ADET SAYACI
     NOT: daha once kaldirilan sayac LISTE KARTLARINDAKI idi
     (ck-m-qty-off -> .productBox .product-single-qty). Urun detay
     sayfasindaki sayac hep duruyordu, sadece orantisizdi:
     eksi/arti butonlari 28px genisliginde ince serit, sayi kutusu ise
     291px - yani ekranin tamami tek haneli bir sayi icin ayrilmis,
     basilacak butonlar kenarda kalmisti.
     Simdi: butonlar 52x44, kutu 84x44, cerceveli ve ortalanmis.
     Kutu yazisi 16px - iOS Safari 16px altinda odaklaninca zoomlar.
     Masaustu etkilenmez.
   (12.09.2026 head alanindan tasindi) */
@media (max-width:768px){
  .productCount .quantity-left-minus, .productCount .quantity-right-plus{
    width:52px !important; min-width:52px !important; height:44px !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    border:1px solid #cfd9e6 !important; background:#f2f6fb !important; color:#0d2b57 !important;
    border-radius:9px !important; padding:0 !important;
  }
  .productCount .quantity-left-minus:active, .productCount .quantity-right-plus:active{
    background:#e2eaf5 !important;
  }
  .productCount .input-number{
    width:84px !important; max-width:84px !important; flex:0 0 84px !important; height:44px !important;
    text-align:center !important; font-size:16px !important; font-weight:600 !important;
    border:1px solid #cfd9e6 !important; border-radius:9px !important;
    margin:0 6px !important; padding:0 !important;
  }
}




/* ================= ck-m-cerez-esit-buton (12.09.2026) =================
   KVKK: reddetmek kabul etmek kadar kolay olmali.
   Mobilde olculen: Kabul Et 104x45 / 15px / 600 , Reddet 70x40 / 13px / 400
   Iki buton esitlendi. Masaustunde zaten esitti (96x37 ve 89x37, ayni font),
   o yuzden kural yalnizca mobil.
   Bant kaldirilmadi, gizlenmedi, otomatik onaylanmadi. */
@media (max-width:768px){
.cookiepopup .cookie_footer .cookie_btn.accept,
.cookiepopup .cookie_footer .cookie_btn.reject{
min-width:104px!important;height:45px!important;padding:10px 16px!important;
font-size:15px!important;font-weight:600!important;line-height:1.2!important;
display:flex!important;align-items:center!important;justify-content:center!important;
}
}

/* === ck-m-kategori-ilkekran: digerlerini ezmesi icin dosyanin SONUNDA durur === */
/* ================================================================
   SERDOHAN - Mobil kategori ilk ekran (12.09.2026)
   1) Kayan serit: tema ici style .ny-marquee-text{display:block}
      kuralini eziyordu. ID secicisi (#marquee_text) ozgullukte
      sinif secicisini yener, yukleme sirasindan bagimsiz kazanir.
   2) Kart kucultme kurallari .home-page kapsamindaydi, kategori
      sayfalarinda .home-page sinifi YOK. Burada kapsamsiz yazildi.
      Not: .ny-product-card diye bir sinif sitede hic yok;
      gercek siniflar .productBox / .item-product-*
   Olculen: ilk urun 244->201px, kart 351->283px, 4 urun 945->767px
   ================================================================ */
@media (max-width:768px){
#marquee_text,#marquee_text .ny-marquee-wrapper{display:none!important}
.categoriTitle{padding-top:2px!important;padding-bottom:2px!important}
.categoriTitle .page-header-title{font-size:15px!important;line-height:20px!important;margin:0!important}
.ny-filter-titleMob{padding-top:2px!important;padding-bottom:2px!important;font-size:14px!important;min-height:0!important}
.filterTop{padding-bottom:2px!important}
.filterTop .catProductCount{font-size:12px!important}
.productBox{margin-top:4px!important;margin-bottom:4px!important}
.item-product-image-box,.item-product-image-box>a,.item-product-image-box>a>img.item-product-image{height:122px!important;max-height:122px!important}
.item-product-image-box{overflow:hidden!important}
.item-product-image{transform:scale(1.15)}
.item-product-info{padding-top:6px!important;padding-bottom:6px!important}
.item-product-name{margin-bottom:4px!important}
.item-product-price{margin-top:6px!important}
.item-product-cart-add{padding-top:0!important;padding-bottom:0!important}
.item-product-cart-add .product-sepet>a{margin-top:2px!important}
}