/* Kategori ve marka liste sayfalarinin ortak stilleri.
   Paket 272 ile Themes/kategoriler/listele.tpl icindeki gomulu <style> blogundan
   AYNEN tasindi; tek karakter degistirilmedi. Basamak sirasinin korunmasi icin
   <link> etiketi blogun tam bulundugu yere konuldu. */
        fieldset {border: 1px solid #000;border-radius: 4px;}
        legend {border: 1px solid #cdcdcd52;border-radius: 4px;font-size: 17px;font-weight: bold;padding: 5px 20px;width: auto;float: unset;}
        .item-product-name a {white-space: normal !important;}
        @media (min-width: 992px) {.col-lg-5 {width: 20%;}}
        @media (max-width: 992px) {.col-5 {width: 20%;}}
        .category-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap: 20px;padding: 20px;}
        .category-sub-item {display: flex;align-items: center;background-color: #fff;padding: 10px;border-radius: 8px;transition: box-shadow 0.2s ease;border: 1px solid #eee;gap: 10px;}
        .category-sub-item:hover {box-shadow: 0 0 10px rgba(0,0,0,0.1);}
        .category-sub-item img {width: 50px;height: 50px;object-fit: contain;flex-shrink: 0;}
        .category-sub-item p {font-weight: normal;font-size: 14px;color: #333;margin: 0;text-align: left;}
        .category-sub-item.no-sub-categoiy-image {justify-content: center!important;align-items: center!important;text-align: center!important;}
        .category-sub-item.no-sub-categoiy-image p {justify-content: center!important;align-items: center!important;text-align: center!important;}
        @media (min-width: 992px) {
            .col-lg-5 {width: 20%;}
        }
        @media (max-width: 992px) {
            .col-5 {width: 20%;}
        }
        @media (max-width: 992px) {
            .category-page #category_wrapper [data-cmp-key="sub_category_list#1"] {grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important;}
        }
        .infinite-scroll-enabled [data-cmp-type="category_pagination"] {display: none !important;}
        .infinite-scroll-loader {padding: 20px 0;text-align: center;font-weight: 600;color: #666;}
        .breadcrumb{margin:0px!important;}
        .product-list-item {align-items: flex-start;}
        .product-view-switch-group {display: inline-flex;gap: 6px;align-items: center;margin-left: 0;}
        .product-view-switch-btn {width: 32px;height: 32px;border: 1px solid #ddd;display: inline-flex;align-items: center;justify-content: center;border-radius: 6px;color: #333;background: #fff;text-decoration: none;cursor: pointer;}
        .product-view-switch-btn.active {background: #111;color: #fff;border-color: #111;}
        .filterTop .filter-top-right {display: flex;align-items: center;justify-content: flex-end;gap: 10px;flex-wrap: wrap;}
        .filterTop .filtreSelectGroup {margin: 0 !important;}
        .filterTop .sortfiltre {height: 32px !important;min-width: 200px;}
        .category-page #category_wrapper [data-cmp-key="filter_top#1"] .product-view-switch-group,
        .category-page #other_page_wrapper [data-cmp-key="filter_top#1"] .product-view-switch-group {background-color: transparent !important;}

        /* Kartify shop-grid-infinite iskeleti — Ofisomi'nin dinamik kategori verisi korunur. */
        .kartify-category-page{
            width:100%;
            max-width:none;
            padding-top:0;
            padding-bottom:30px;
        }
        .kartify-category-page > [data-cmp-order]{
            --bs-gutter-x:20px;
            align-items:flex-start;
            margin-bottom:30px!important;
        }
        /* Baslik seridi sayfa kenarindan kenarina beyaz bant olur. Kapsayici
           .custom-container'in yan boslugu Kartify'nin kendi formuluyle telafi edilir:
           padding-inline: calc(15px + 145*(100vw-320px)/1600).
           Canlida olculdu: bant -10 -> 1595 (ic alan 1585), yatay tasma yok. */
        .kartify-category-page{
            --kartify-bleed: calc(15px + 145 * (100vw - 320px) / 1600);
        }
        .kartify-category-page [data-cmp-key="page_header_title#1"]{
            flex:0 0 auto;
            width:calc(50% + var(--kartify-bleed))!important;
            margin-top:16px;
            margin-bottom:calc(15px + 25 * (100vw - 320px) / 1600);
            margin-left:calc(-1 * var(--kartify-bleed));
            padding:0 0 0 calc(var(--kartify-bleed) + 15px)!important;
            background-color:rgba(var(--white),1);
            border-radius:0;
        }
        .kartify-category-page [data-cmp-key="page_header_title#1"] .page_header_title_zone{
            display:flex;
            align-items:center;
            /* Kartify: .breadcrumb-contain padding calc(14px + 6*(100vw-320px)/1600) x2 */
            min-height:calc(56px + 12 * (100vw - 320px) / 1600);
        }
        .kartify-category-page [data-cmp-key="page_header_title#1"] .page-header-title{
            margin:0;
            color:rgba(var(--title-color),1);
            /* Kartify: .breadcrumb-section .breadcrumb-contain h2 */
            /* Kategori adi Entegra'dan BUYUK HARF geliyor ("BASKI COZUMLERI").
               Cumle duzenine cevriliyor; <html lang="tr"> tanimli oldugu icin Turkce
               buyuk-kucuk donusumu dogru calisir. Buyuk harf kalkinca Kartify'nin
               birebir olcusu kullanilabiliyor. */
            text-transform:lowercase;
            font-size:clamp(18px, calc(18px + 6 * (100vw - 320px) / 1600), 24px);
            font-weight:500;
            line-height:1.2;
            text-align:left!important;
        }
        .kartify-category-page [data-cmp-key="page_header_title#1"] .page-header-title::first-letter{
            text-transform:uppercase;
        }
        /* Breadcrumb "Anasayfa" yazisi yerine Kartify'nin ev ikonu.
           rgba(var(--primary-color),1) = 255,153,0 -- Kartify ile ayni turuncu. */
        .kartify-category-page .kartify-breadcrumb-home{
            color:rgba(var(--primary-color),1);
            font-size:18px;
            line-height:1;
            vertical-align:-2px;
        }
        .kartify-category-page [data-cmp-key="breadcrumb#1"]{
            display:flex!important;
            align-items:center;
            justify-content:flex-end;
            flex:0 0 auto;
            width:calc(50% + var(--kartify-bleed))!important;
            min-height:calc(56px + 12 * (100vw - 320px) / 1600);
            margin-top:16px;
            margin-bottom:calc(15px + 25 * (100vw - 320px) / 1600);
            margin-right:calc(-1 * var(--kartify-bleed));
            padding:0 var(--kartify-bleed) 0 0!important;
            background-color:rgba(var(--white),1);
            border-radius:0;
        }
        .kartify-category-page [data-cmp-key="breadcrumb#1"] .breadcrumbBox{
            width:auto;
        }
        .kartify-category-page [data-cmp-key="breadcrumb#1"] .breadcrumb{
            justify-content:flex-end;
            color:rgba(var(--content-color),1);
            font-size:14px;
        }
        .kartify-category-page .kartify-category-filter-col,
        .kartify-category-page .kartify-category-products-col{
            flex:0 0 auto;
        }
        /* ============================================================
           Kucuk laptoplarda kategori sayfasi genisler.
           Anasayfada Paket 69/70 ile uygulanan olculerin aynisi:
           1200-1920 px -> 10px, 992-1199 px -> 5px, 991 px alti -> 2px.
           --kartify-bleed de birlikte guncellenir; yoksa Paket 105'teki tam
           genislik seridi kapsayici boslugunu asiri telafi ederdi. */
        @media (min-width:1200px) and (max-width:1920px){
            .kartify-category-page.custom-container{
                box-sizing:border-box;
                width:100%!important;
                max-width:none!important;
                margin-right:0!important;
                margin-left:0!important;
                padding-right:10px!important;
                padding-left:10px!important;
            }
            .kartify-category-page{ --kartify-bleed:10px; }
        }
        @media (min-width:992px) and (max-width:1199.98px){
            .kartify-category-page.custom-container{
                box-sizing:border-box;
                width:100%!important;
                max-width:none!important;
                margin-right:0!important;
                margin-left:0!important;
                padding-right:5px!important;
                padding-left:5px!important;
            }
            .kartify-category-page{ --kartify-bleed:5px; }
        }
        @media (max-width:991.98px){
            .kartify-category-page.custom-container{
                box-sizing:border-box;
                width:100%!important;
                max-width:none!important;
                margin-right:0!important;
                margin-left:0!important;
                padding-right:2px!important;
                padding-left:2px!important;
            }
            .kartify-category-page{ --kartify-bleed:2px; }
        }

        /* ============================================================
           Sag kenar hizasi.

           Urun sutununun icindeki .row -12px negatif kenar bosluguna sahip, ama
           sutunun padding'i 10px. Bu fark yuzunden kategori slaydi ve arac cubugu
           sutundan 2px tasip sayfa kenarina dayaniyordu (olculdu: kutular 1427,
           ic alan 1425). Negatif bosluk sag tarafta sifirlanarak kutular sutun
           icine alindi.

           Breadcrumb da sayfanin en sag kenarina yapisiyordu (1425). Sag payi
           bir bleed daha artirilarak kutularla ayni hizaya cekildi.

           Sonuc (1440 px, ic alan 1425): breadcrumb / kategori slaydi / arac cubugu
           hepsi 1415'te bitiyor, sol kenarlar 15'te, yatay tasma yok. */
        @media (min-width:992px){
            .kartify-category-page .kartify-category-products-col > .row{
                margin-right:0!important;
            }
            .kartify-category-page [data-cmp-key="breadcrumb#1"]{
                padding-right:calc(var(--kartify-bleed) + 10px)!important;
            }
        }

        .kartify-category-page .kartify-category-filter-col{
            width:22%!important;
            /* Kartify style.css'inden gelen 30px ust bosluk sol filtre kutusunu
               kategori slaytindan 30px asagi kaydiriyordu; ayni duzleme cekildi. */
            padding-top:0!important;
        }
        .kartify-category-page .kartify-category-products-col{
            width:78%!important;
        }
        .kartify-category-page .left-box > .shop-left-sidebar{
            position:sticky;
            top:92px;
            display:block;
            margin:0;
            padding:20px;
            background-color:rgba(var(--white),1);
            border:1px solid rgba(var(--border-color),.7);
            border-radius:8px;
        }
        .kartify-category-page .left-box #filterArea{
            margin:0;
        }

        /* ============================================================
           KARTIFY FILTRE KENAR CUBUGU GORUNUMU
           Referans: .filter-category-2 > .filter-title + .accordion.custom-accordion-2
           (template/shop-grid-infinite.html:3812).
           Ofisomi'nin kendi DOM'u ve AJAX filtre mantigi korunur; yalniz gorunum
           Kartify'a cevrilir. Gercek DOM canlidan okundu:
           .ny-filter-home > .ny-filter-title + .ny-filter-item
             > .ny-category-item > label.ny-checkbox
                > input.ny-checkbox-input + span.ny-checkbox-box
                + span.ny-checkbox-text ( metin + span.ny-checkbox-count + a.ny-subCategoryIcon )
           ============================================================ */
        .kartify-category-page #filterArea .ny-filter-home + .ny-filter-home{
            margin-top:2px;
            border-top:1px solid rgba(var(--content-color),.14)!important;
        }
        /* Bolum basligi -> Kartify akordiyon basligi */
        .kartify-category-page #filterArea .ny-filter-title{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:10px;
            margin:0;
            padding:15px 0;
            color:rgba(var(--title-color),1);
            font-size:16px;
            font-weight:500;
            line-height:1.3;
            text-transform:none;
            cursor:pointer;
        }
        .kartify-category-page #filterArea .ny-filter-title i{
            flex:0 0 auto;
            color:rgba(var(--content-color),.75);
            font-size:13px;
        }
        /* Secenek satirlari */
        .kartify-category-page #filterArea .ny-checkbox{
            display:flex;
            align-items:flex-start;
            gap:10px;
            margin:0 0 11px;
            cursor:pointer;
        }
        .kartify-category-page #filterArea .ny-checkbox-text{
            display:flex;
            align-items:center;
            gap:8px;
            width:100%;
            min-width:0;
            color:rgba(var(--content-color),1);
            font-size:14px;
            font-weight:400;
            line-height:1.35;
        }
        /* Adet sayaci Kartify'da oldugu gibi saga yaslanir */
        .kartify-category-page #filterArea .ny-checkbox-count{
            margin-left:auto;
            color:rgba(var(--content-color),.65);
            font-size:13px;
            white-space:nowrap;
        }
        .kartify-category-page #filterArea .ny-subCategoryIcon{
            flex:0 0 auto;
            margin-left:2px;
            color:rgba(var(--content-color),.65);
        }
        .kartify-category-page #filterArea .ny-checkbox-sub{
            margin-top:9px;
            padding-left:26px;
        }
        /* Aktif filtre basligi / temizle baglantisi / cipler
           (bu ogeler yalnizca bir filtre secildiginde basilir) */
        .kartify-category-page #filterArea .ny-selected-filters-title{
            color:rgba(var(--title-color),1);
            font-size:16px;
            font-weight:500;
        }
        .kartify-category-page #filterArea .ny-selected-filter-chip{
            display:inline-flex;
            align-items:center;
            gap:6px;
            margin:0 6px 6px 0;
            padding:6px 10px;
            background:rgba(var(--light-gray),1);
            border-radius:6px;
            color:rgba(var(--content-color),1);
            font-size:13px;
            line-height:1.2;
        }
        .kartify-category-page #filterArea .ny-chip-remove{
            color:rgba(var(--content-color),.7);
            cursor:pointer;
        }

        /* ============================================================
           KARTIFY FILTRE PANELI GORUNUMU (referans ekran goruntusu)
           Kartify'da her filtre bolumu AYRI beyaz karttir; basligin sagindaki
           yuvarlak -/+ dugmesi ile acilir kapanir ve basligin altinda ayirici
           cizgi vardir. Ofisomi'nin DOM'u ve AJAX mantigi degismez; yalniz
           gorunum cevrilir.

           Ofisomi'nin kendi filter.css degerleri (canlidan okundu):
             .ny-filter-title { font-size:14px; font-weight:600; padding:10px 0 }
             .ny-filter-title i { float:right; color:#A7A4B0 }
             .ny-checkbox-box { 15x15; border:2px solid #cfd4dc }
             .ny-checkbox-count { font-size:11px; color:#A4A4B0 }
             .ny-filter-item { max-height:105px; overflow-y:scroll }
           ============================================================ */

        /* Dis kutu seffaflasir; her bolum kendi karti olur */
        .kartify-category-page .left-box > .shop-left-sidebar{
            padding:0!important;
            background:transparent!important;
            border:0!important;
        }
        .kartify-category-page #filterArea .ny-filter-home{
            margin:0 0 14px!important;
            padding:18px 20px!important;
            background-color:rgba(var(--white),1);
            border-radius:8px;
        }
        .kartify-category-page #filterArea .ny-filter-home + .ny-filter-home{
            border-top:0!important;
        }

        /* Bolum basligi: 17px/500 + altinda ayirici cizgi */
        .kartify-category-page #filterArea .ny-filter-title{
            margin:0 0 14px!important;
            padding:0 0 14px!important;
            border-bottom:1px solid rgba(var(--content-color),.14);
            font-size:17px!important;
            font-weight:500!important;
            color:rgba(var(--title-color),1)!important;
        }

        /* Chevron ikonu -> Kartify'nin yuvarlak -/+ dugmesi.
           Font Awesome glifi gizlenir, isaret iki cizgiyle cizilir:
           bolum acikken (fa-chevron-up) yalniz yatay cizgi  -> "-"
           bolum kapaliyken (fa-chevron-down) dikey de eklenir -> "+" */
        .kartify-category-page #filterArea .ny-filter-title i{
            position:relative;
            display:inline-flex!important;
            align-items:center;
            justify-content:center;
            flex:0 0 auto;
            float:none!important;
            width:28px;
            height:28px;
            margin:0!important;
            border-radius:50%;
            background:rgba(var(--light-gray),1);
            font-size:0!important;
        }
        .kartify-category-page #filterArea .ny-filter-title i::before{
            content:""!important;
            position:absolute;
            top:50%;
            left:50%;
            width:2px;
            height:11px;
            border-radius:2px;
            background:rgba(var(--title-color),1);
            transform:translate(-50%,-50%);
            opacity:0;
        }
        .kartify-category-page #filterArea .ny-filter-title i::after{
            content:"";
            position:absolute;
            top:50%;
            left:50%;
            width:11px;
            height:2px;
            border-radius:2px;
            background:rgba(var(--title-color),1);
            transform:translate(-50%,-50%);
        }
        .kartify-category-page #filterArea .ny-filter-title i.fa-chevron-down::before{
            opacity:1;
        }

        /* Liste alani: Kartify'da yaklasik 5-6 satir gorunur */
        .kartify-category-page #filterArea .ny-filter-item{
            max-height:190px;
            padding-right:4px;
            scrollbar-width:thin;
        }
        .kartify-category-page #filterArea .ny-filter-item::-webkit-scrollbar{
            width:5px;
        }
        .kartify-category-page #filterArea .ny-filter-item::-webkit-scrollbar-thumb{
            border-radius:5px;
            background:rgba(var(--content-color),.25);
        }

        /* Onay kutusu: Kartify'daki gibi biraz daha buyuk ve ince kenarlikli */
        .kartify-category-page #filterArea .ny-checkbox-box{
            width:18px!important;
            height:18px!important;
            border-width:1.5px!important;
            border-color:#d5d9e0!important;
            border-radius:4px!important;
        }

        /* Adet sayaci: soluk gri, saga yasli (Paket 112'den) */
        .kartify-category-page #filterArea .ny-checkbox-count{
            font-size:12px!important;
            color:rgba(var(--content-color),.6)!important;
        }

        /* "Filtreler" karti: baslik + Tumunu Temizle + cipler */
        .kartify-category-page #filterArea .ny-selected-filters,
        .kartify-category-page #filterArea .ny-selected-filters-wrap{
            margin:0 0 14px;
            padding:18px 20px;
            background-color:rgba(var(--white),1);
            border-radius:8px;
        }
        .kartify-category-page #filterArea .ny-selected-filters-title{
            font-size:17px!important;
            font-weight:500!important;
        }
        /* Kartify'da "Clear All" kirmizi ve alti cizili */
        .kartify-category-page #filterArea .ny-clear-all-filters{
            color:rgba(var(--primary-color2),1)!important;
            font-size:13px!important;
            font-weight:500!important;
            text-decoration:underline!important;
        }
        .kartify-category-page #filterArea .ny-selected-filter-chip{
            background:rgba(var(--light-gray),1)!important;
            border:0!important;
            border-radius:6px!important;
            color:rgba(var(--content-color),1)!important;
            font-size:13px!important;
        }

        /* ============================================================
           1) Filtre bolumu arama kutusu (Kartify "Search .." alani)
           ============================================================ */
        .kartify-category-page #filterArea .kartify-filter-search{
            position:relative;
            margin:0 0 14px;
        }
        .kartify-category-page #filterArea .kartify-filter-search-input{
            box-sizing:border-box;
            width:100%;
            height:42px;
            margin:0;
            padding:0 40px 0 14px;
            border:1px solid rgba(var(--content-color),.20);
            border-radius:8px;
            background-color:rgba(var(--white),1);
            color:rgba(var(--title-color),1);
            font-size:14px;
            line-height:1.2;
            outline:none;
        }
        .kartify-category-page #filterArea .kartify-filter-search-input::placeholder{
            color:rgba(var(--content-color),.55);
        }
        .kartify-category-page #filterArea .kartify-filter-search-input:focus{
            border-color:rgba(var(--primary-color),1);
        }
        .kartify-category-page #filterArea .kartify-filter-search > i{
            position:absolute;
            top:50%;
            right:14px;
            color:rgba(var(--content-color),.6);
            font-size:17px;
            line-height:1;
            transform:translateY(-50%);
            pointer-events:none;
        }
        .kartify-category-page #filterArea .kartify-filter-search-bos{
            margin:2px 0 0;
            color:rgba(var(--content-color),.7);
            font-size:13px;
        }

        /* ============================================================
           2) Isaretli onay kutusu turuncu.
           Ofisomi filter.css'te mavi: .ny-checkbox-input:checked +
           .ny-checkbox-box { background:#2563eb; border-color:#2563eb }
           Sayfadaki diger aktif ogelerle (sayfalama, gorunum dugmesi,
           breadcrumb ikonu) ayni turuncuya cevrildi.
           ============================================================ */
        .kartify-category-page #filterArea .ny-checkbox-input:checked + .ny-checkbox-box{
            background:rgba(var(--primary-color),1)!important;
            border-color:rgba(var(--primary-color),1)!important;
        }
        .kartify-category-page #filterArea .ny-checkbox:hover .ny-checkbox-box{
            border-color:rgba(var(--primary-color),1)!important;
        }

        /* Mobil drawer basligi masaustunde gizli */
        .kartify-filter-drawer-head{display:none;}
        @media (min-width:992px){
            .kartify-filter-backdrop{display:none!important;}
        }
        .kartify-category-page .kartify-category-browser{
            overflow:hidden;
            width:100%;
            margin-bottom:14px;
            padding:18px 20px 20px;
            background-color:rgba(var(--white),1);
            border-radius:8px;
        }
        .kartify-category-page .kartify-category-browser .title-2{
            display:flex;
            align-items:center;
            justify-content:space-between;
            margin-bottom:clamp(13px,1.05vw,20px);
        }
        .kartify-category-page .kartify-category-browser .title-2 h3{
            margin:0;
            color:rgba(var(--title-color),1);
            font-size:clamp(17px,1.05vw,20px);
            font-weight:500;
        }
        .kartify-category-page .kartify-category-browser .title-slider-button{
            display:flex;
            gap:8px;
        }
        .kartify-category-page .kartify-category-browser .swiper-btn-prev,
        .kartify-category-page .kartify-category-browser .swiper-btn-next{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            width:32px;
            height:32px;
            padding:0;
            border:0;
            border-radius:6px;
            background-color:rgba(var(--base-gray),1);
            color:rgba(var(--title-color),1);
            cursor:pointer;
        }
        /* Kategori gorsel alani kare. Kartify referansinda gorseller 432x444 (kare)
           renkli zeminli PNG'ler; bizim menu gorsellerimiz de 1254x1254 kare. */
        .kartify-category-page .kartify-category-browser .category-sm-box .category-image{
            display:flex;
            align-items:center;
            justify-content:center;
            width:100%;
            aspect-ratio:1 / 1;
            height:auto;
            padding:10px;
            overflow:hidden;
            border-radius:8px;
            background-color:rgba(var(--base-gray),1);
        }
        .kartify-category-page .kartify-category-browser .category-sm-box .category-image img{
            width:100%;
            height:100%;
            object-fit:contain;
            /* Kategori gorselinin beyaz zemini gri kutuya kaynasir.
               Urun kartlarinda kullanilan yontemin aynisi (bkz. .item-product-image). */
            mix-blend-mode:multiply;
        }
        /* Blend'in kutu zeminiyle hesaplanmasi icin kutu kendi yigin baglamini kurar;
           boylece kart golgesi/koseleri etkilenmez. */
        .kartify-category-page .kartify-category-browser .category-sm-box .category-image{
            isolation:isolate;
        }
        .kartify-category-page .kartify-category-browser .kartify-category-placeholder{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            width:56%;
            aspect-ratio:1 / 1;
            border-radius:50%;
            background-color:rgba(var(--white),1);
            color:rgba(var(--primary-color),1);
            font-size:clamp(20px,2.2vw,30px);
        }
        .kartify-category-page .kartify-category-browser .category-sm-box h4{
            min-height:34px;
            margin:8px 0 0;
            line-height:1.25;
            -webkit-line-clamp:2;
        }
        .kartify-category-page .kartify-category-browser .category-sm-box h4 a{
            color:rgba(var(--content-color),1);
            text-decoration:none;
        }
        .kartify-category-page .filterTop.show-button-2{
            width:100%;
            margin-bottom:14px!important;
            padding:14px 18px;
            background-color:rgba(var(--white),1);
            border-radius:8px;
        }
        .kartify-category-page .filterTop .top-filter-menu{
            width:100%;
            margin:0;
        }
        .kartify-category-page .filterTop .catProductCount{
            color:rgba(var(--title-color),1);
            font-size:14px;
            font-weight:500;
        }
        .kartify-category-page .filterTop .category-dropdown{
            display:flex;
            align-items:center;
            justify-content:flex-end;
        }
        .kartify-category-page .filterTop .filter-top-right{
            width:100%;
        }
        .kartify-category-page .filterTop .filtreSelectGroup label{
            display:flex;
            align-items:center;
            gap:7px;
            min-height:38px;
            margin:0;
            font-size:14px;
        }
        .kartify-category-page .filterTop .sortfiltre{
            min-width:230px;
            height:38px!important;
            padding:6px 34px 6px 12px!important;
            border:1px solid rgba(var(--border-color),1);
            border-radius:6px;
            background-color:rgba(var(--base-gray),.55);
            color:rgba(var(--title-color),1);
            font-size:14px;
        }
        .kartify-category-page .filterTop .grid-option ul{
            display:flex;
            align-items:center;
            gap:7px;
            margin:0;
            padding:0;
            list-style:none;
        }
        .kartify-category-page .filterTop .grid-option li{
            width:38px;
            height:38px;
            border-radius:6px;
            background:linear-gradient(149.8deg,rgba(var(--light-gray),1) 17.21%,#fbfaf9 79.21%);
        }
        .kartify-category-page .filterTop .grid-option button{
            display:flex;
            align-items:center;
            justify-content:center;
            width:100%;
            height:100%;
            padding:0;
            border:0;
            background:transparent;
            color:rgba(var(--title-color),.78);
            font-size:18px;
        }

        /* ============================================================
           1) Urun karti coklu gorsel noktalari
           Noktalar sari (#FEE501) oldugu icin gorunmuyordu.
           "Sepete Ekle" dugmesinin mavisine cevrildi (canlida olculdu:
           rgb(41,73,184) = #2949B8); pasif noktalar ayni mavinin acik tonu. */
        .kartify-category-page .product-multi-image-pagination{
            --swiper-pagination-color:#2949b8;
            --swiper-pagination-bullet-inactive-color:#2949b8;
            --swiper-pagination-bullet-inactive-opacity:1;
            color:#2949b8!important;
        }
        .kartify-category-page .product-multi-image-pagination .swiper-pagination-bullet{
            width:7px;
            height:7px;
            background-color:rgba(41,73,184,.28)!important;
            opacity:1!important;
        }
        .kartify-category-page .product-multi-image-pagination .swiper-pagination-bullet-active{
            background-color:#2949b8!important;
            opacity:1!important;
        }

        /* ============================================================
           2) Sayfa alti sayfalama: Kartify .btn-load-more dilinde, ortali.
           Kartify: background rgba(var(--primary-color),1), beyaz yazi,
           ayni renkte kenarlik; hover'da tersine doner. (style.css:2221) */
        .kartify-category-page [data-cmp-key="category_pagination#1"]{
            width:100%;
        }
        .kartify-category-page ul.pagination,
        .kartify-category-page .pagination{
            display:flex!important;
            flex-wrap:wrap;
            align-items:center;
            justify-content:center!important;
            gap:8px;
            width:100%;
            margin:calc(10px + 10 * (100vw - 320px) / 1600) 0 0!important;
            padding:0!important;
            list-style:none;
        }
        .kartify-category-page ul.pagination li,
        .kartify-category-page .pagination li{
            margin:0!important;
            padding:0!important;
            background:transparent!important;
            border:0!important;
        }
        .kartify-category-page ul.pagination li a,
        .kartify-category-page .pagination li a{
            display:flex!important;
            align-items:center;
            justify-content:center;
            min-width:42px;
            height:42px;
            padding:0 12px!important;
            border:1px solid rgba(var(--content-color),.20)!important;
            border-radius:8px!important;
            background-color:rgba(var(--white),1)!important;
            color:rgba(var(--title-color),1)!important;
            font-size:15px;
            font-weight:500;
            line-height:1;
            text-decoration:none!important;
            transition:background-color .2s ease,border-color .2s ease,color .2s ease;
        }
        .kartify-category-page ul.pagination li a:hover,
        .kartify-category-page .pagination li a:hover{
            border-color:rgba(var(--primary-color),1)!important;
            color:rgba(var(--primary-color),1)!important;
        }
        .kartify-category-page ul.pagination li.active a,
        .kartify-category-page .pagination li.active a{
            background-color:rgba(var(--primary-color),1)!important;
            border-color:rgba(var(--primary-color),1)!important;
            color:#fff!important;
        }

        /* ============================================================
           3) Kutu/liste gorunum secicisindeki aktif dugme turuncuya cevrildi.
           Canlida sari (#FEE501) geliyordu. */
        .kartify-category-page .filterTop .grid-option li.active,
        .kartify-category-page .filterTop .grid-option ul li.active,
        .shop-section .show-button-2 .grid-option ul li.active{
            background:rgba(var(--primary-color),1)!important;
        }
        .kartify-category-page .filterTop .grid-option li.active button,
        .kartify-category-page .filterTop .grid-option li.active a,
        .shop-section .show-button-2 .grid-option ul li.active button,
        .shop-section .show-button-2 .grid-option ul li.active a{
            color:#fff!important;
        }

        /* Kartify product-box-4: özgün 5 sütun, kompakt içerik ve hover işlem alanı. */
        .kartify-category-page .kartify-product-list-section{
            display:grid!important;
            grid-template-columns:repeat(5,minmax(0,1fr));
            gap:24px;
            width:100%;
            margin:0!important;
        }
        .kartify-category-page .kartify-product-list-section .prdslider{
            position:relative;
            align-self:start;
            width:100%!important;
            max-width:none!important;
            height:auto!important;
            margin-bottom:0!important;
            padding:0!important;
        }
        .kartify-category-page .kartify-product-list-section .prdslider.product-box-4-main + .prdslider.product-box-4-main{
            margin-top:0!important;
        }
        .kartify-category-page .kartify-product-list-section > .product-view-block{
            grid-column:1/-1;
            width:100%;
        }
        .kartify-category-page .kartify-category-products[data-view-mode="grid"] .product-view-block[data-view-mode="grid"]{
            display:grid!important;
            grid-template-columns:inherit;
            gap:inherit;
            margin:0!important;
        }
        .kartify-category-page .kartify-category-products[data-view-mode="grid"] .product-view-block[data-view-mode="list"],
        .kartify-category-page .kartify-category-products[data-view-mode="list"] .product-view-block[data-view-mode="grid"]{
            display:none!important;
        }
        .kartify-category-page .kartify-category-products[data-view-mode="list"] .kartify-product-list-section,
        .kartify-category-page .kartify-category-products[data-view-mode="list"] .product-view-block[data-view-mode="list"]{
            display:block!important;
        }
        .kartify-category-page .kartify-product-list-section .productBox{
            position:relative;
            z-index:0;
            display:flex!important;
            flex-direction:column!important;
            width:100%;
            min-width:0;
            height:auto!important;
            overflow:visible;
            padding:clamp(8px,.52vw,10px)!important;
            border:0!important;
            border-radius:6px;
            background-color:rgba(var(--white),1);
            box-shadow:none;
            transition:background-color .5s ease,box-shadow .5s ease;
        }
        .kartify-category-page .kartify-product-list-section .productBox:hover{
            z-index:3;
            transform:none;
            border-color:transparent;
            background-color:rgba(var(--white),1);
            box-shadow:var(--shadow-2,0 8px 24px rgba(22,30,52,.12));
        }
        .kartify-category-page .kartify-product-list-section .item-product-image-box{
            position:relative;
            display:block;
            width:100%;
            height:auto!important;
            min-height:0!important;
            aspect-ratio:103/100;
            margin:0!important;
            padding:12px;
            overflow:hidden;
            border-radius:0;
            background-color:rgba(var(--light-gray),1);
        }
        .kartify-category-page .kartify-product-list-section .item-product-image-box > a{
            position:relative;
            display:block;
            width:100%;
            height:100%;
            mix-blend-mode:darken;
            transition:opacity .5s,transform 1.25s cubic-bezier(0,0,.44,1.18);
        }
        .kartify-category-page .kartify-product-list-section .item-product-image-box > a > picture{
            display:flex;
            align-items:center;
            justify-content:center;
            width:100%;
            height:100%;
        }
        .kartify-category-page .kartify-product-list-section .item-product-image,
        .kartify-category-page .kartify-product-list-section .item-product-image-box video{
            display:block;
            width:100%!important;
            height:100%!important;
            max-width:100%!important;
            max-height:100%!important;
            margin:auto;
            mix-blend-mode:multiply;
            object-fit:contain!important;
            transition:transform 1.25s cubic-bezier(0,0,.44,1.18);
        }
        .kartify-category-page .kartify-product-list-section .productBox:hover .item-product-image{
            transform:scale(1.05);
        }
        .kartify-category-page .kartify-product-list-section .kartify-quick-view-button{
            position:absolute;
            z-index:12;
            top:50%;
            left:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            width:calc(100% - 34px);
            min-height:42px;
            padding:8px 14px;
            border-radius:6px;
            background-color:rgba(255,255,255,.88);
            color:#2949b8;
            font-size:15px;
            font-weight:500;
            line-height:1.2;
            text-align:center;
            pointer-events:none;
            opacity:0;
            visibility:hidden;
            transform:translate(-50%,-42%);
            backdrop-filter:blur(2px);
            -webkit-backdrop-filter:blur(2px);
            transition:opacity .25s ease,transform .25s ease,visibility .25s ease;
        }
        .kartify-category-page .kartify-product-list-section .productBox:hover .kartify-quick-view-button{
            opacity:1;
            visibility:visible;
            transform:translate(-50%,-50%);
        }
        .kartify-category-page .kartify-product-list-section .item-product-info{
            display:block!important;
            flex:0 0 auto!important;
            min-width:0;
            min-height:0!important;
            margin-top:clamp(8px,.73vw,14px)!important;
            padding:0!important;
            background-color:transparent!important;
        }
        .kartify-category-page .kartify-product-list-section .item-product-brand{
            min-height:0!important;
            margin:0 0 clamp(0px,.1vw,2px)!important;
            color:rgba(var(--content-color),.8)!important;
            font-size:13px!important;
            font-weight:400!important;
            line-height:1.2;
            text-transform:none;
        }
        .kartify-category-page .kartify-product-list-section .item-product-brand a{
            color:inherit!important;
            font-size:13px!important;
            font-weight:400!important;
            text-decoration:none;
        }
        .kartify-category-page .kartify-product-list-section .item-product-name{
            display:-webkit-box;
            min-height:19px!important;
            max-height:20px;
            margin:6px 0 4px!important;
            overflow:hidden;
            line-height:1.25;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:1;
        }
        .kartify-category-page .kartify-product-list-section .item-product-name a{
            color:rgba(var(--title-color),1)!important;
            font-size:14px!important;
            font-weight:500!important;
            line-height:inherit!important;
            text-decoration:none;
        }
        .kartify-category-page .kartify-product-list-section .comments-box{
            min-height:15px!important;
            margin:0 0 4px!important;
            line-height:1;
        }
        .kartify-category-page .kartify-product-list-section .comments-box .ny-rating{
            font-size:12px;
            line-height:1;
        }
        .kartify-category-page .kartify-product-list-section .offer-info{
            position:absolute;
            z-index:11;
            top:18px;
            left:18px;
            width:max-content;
            max-width:calc(100% - 78px);
            margin:0!important;
            padding:4px 7px!important;
            overflow:hidden;
            border-radius:4px;
            background-color:#fff5e9!important;
            color:#5f3a15!important;
            font-size:11px!important;
            font-weight:600;
            line-height:1.2;
            text-overflow:ellipsis;
            white-space:nowrap;
        }
        .kartify-category-page .kartify-product-list-section .item-product-price{
            display:block!important;
            width:100%;
            min-height:19px!important;
            margin:9px 0 0!important;
            padding:0!important;
        }
        .kartify-category-page .kartify-product-list-section .productpricebox{
            display:flex!important;
            flex-flow:row wrap!important;
            align-items:center!important;
            gap:4px 6px!important;
        }
        .kartify-category-page .kartify-product-list-section .item-product-priceOld{
            color:rgba(var(--content-color),.8)!important;
            font-size:12px!important;
            line-height:1.2;
        }
        .kartify-category-page .kartify-product-list-section .item-product-priceSale{
            color:rgba(var(--title-color),1)!important;
            font-size:16px!important;
            font-weight:600!important;
            line-height:1.2;
        }
        .kartify-category-page .kartify-product-list-section .item-product-disc{
            display:none!important;
        }
        .kartify-category-page .kartify-product-list-section .item-product-cart-add{
            position:absolute;
            z-index:4;
            bottom:-30px;
            left:0;
            display:flex!important;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            width:100%;
            margin:0!important;
            padding:6px 12px 12px!important;
            border-radius:0 0 6px 6px;
            background-color:rgba(var(--white),1);
            box-shadow:none;
            opacity:0;
            visibility:hidden;
            transition:bottom .5s ease,opacity .5s ease,visibility .5s ease,box-shadow .5s ease;
        }
        .kartify-category-page .kartify-product-list-section .productBox:hover .item-product-cart-add{
            bottom:-45px;
            box-shadow:0 4px 10px rgba(82,77,141,.10),0 8px 20px rgba(82,77,141,.06),0 12px 30px rgba(82,77,141,.04);
            opacity:1;
            visibility:visible;
        }
        .kartify-category-page .kartify-product-list-section .item-product-cart-add > a,
        .kartify-category-page .kartify-product-list-section .item-product-cart-add .addcartHome{
            display:flex!important;
            flex:1 1 auto;
            align-items:center;
            justify-content:center;
            width:100%!important;
            min-height:34px;
            padding:9px 10px!important;
            border:0!important;
            border-radius:4px!important;
            background-color:#2949b8!important;
            color:#fff!important;
            font-size:13px!important;
            font-weight:600!important;
            line-height:1.1;
            text-align:center;
            text-decoration:none;
        }
        .kartify-category-page .kartify-product-list-section .item-product-cart-add > a:hover,
        .kartify-category-page .kartify-product-list-section .item-product-cart-add .addcartHome:hover{
            background-color:#203b99!important;
            color:#fff!important;
        }
        .kartify-category-page .kartify-product-list-section .product-sepet{
            flex:1 1 auto;
            align-items:stretch;
            gap:7px;
            width:auto;
        }
        .kartify-category-page .kartify-product-list-section .product-single-qty{
            flex:0 0 50px;
            height:34px!important;
            margin:0!important;
        }
        .kartify-category-page .kartify-product-list-section .product-single-qty input{
            width:50px!important;
            height:34px!important;
        }
        .kartify-category-page .kartify-product-list-section .kartify-option-list{
            display:flex;
            flex:0 0 auto;
            align-items:center;
            gap:10px;
            margin:0;
            padding:0;
            list-style:none;
        }
        .kartify-category-page .kartify-product-list-section .kartify-option-list .favitem-btn{
            position:static!important;
            display:inline-flex!important;
            align-items:center;
            justify-content:center;
            width:auto!important;
            height:auto!important;
            margin:0!important;
            padding:0!important;
            border:0!important;
            border-radius:0!important;
            background:transparent!important;
            box-shadow:none!important;
            color:rgba(var(--content-color),1)!important;
            line-height:1;
        }
        .kartify-category-page .kartify-product-list-section .kartify-option-list .kartify-compare-btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            margin:0;
            padding:0;
            border:0;
            background:transparent;
            color:rgba(var(--content-color),1);
            font-size:20px;
            line-height:1;
            cursor:pointer;
            transition:color .2s ease,transform .2s ease;
        }
        .kartify-category-page .kartify-product-list-section .kartify-option-list .kartify-compare-btn:hover{
            color:#2949b8;
            transform:translateY(-1px);
        }
        .kartify-category-page .kartify-product-list-section .kartify-option-list .favitem-btn i{
            margin:0!important;
            color:inherit!important;
            font-size:20px!important;
        }
        .kartify-category-page .kartify-product-list-section .kartify-option-list .favitem-btn:hover,
        .kartify-category-page .kartify-product-list-section .kartify-option-list .favitem-btn.favorite-selected{
            color:#e84545!important;
        }

        /* Entegra liste şablonunu ürün ızgarasından tamamen ayırır. */
        .kartify-category-page .kartify-product-list-section > .product-list-item-col{
            grid-column:1/-1;
            width:100%!important;
            max-width:none!important;
            margin:0 0 16px!important;
            padding:0!important;
        }
        .kartify-category-page .kartify-product-list-section .product-list-item{
            position:relative;
            display:flex!important;
            align-items:stretch!important;
            gap:20px!important;
            width:100%!important;
            min-height:220px;
            padding:16px 18px!important;
            overflow:hidden;
            border:0!important;
            border-radius:8px;
            background-color:rgba(var(--white),1);
            box-shadow:none;
        }
        .kartify-category-page .kartify-product-list-section .product-list-image-area.item-product-image-box{
            display:flex!important;
            flex:0 0 220px!important;
            align-self:stretch!important;
            align-items:center;
            justify-content:center;
            width:220px!important;
            max-width:220px!important;
            height:200px!important;
            min-height:200px!important;
            aspect-ratio:auto!important;
            margin:0!important;
            padding:10px!important;
            background-color:rgba(var(--light-gray),1);
        }
        .kartify-category-page .kartify-product-list-section .product-list-image-area > .product-list-image-link{
            display:flex!important;
            align-items:center;
            justify-content:center;
            width:100%!important;
            height:100%!important;
            mix-blend-mode:normal;
        }
        .kartify-category-page .kartify-product-list-section .product-list-image-area .product-list-image,
        .kartify-category-page .kartify-product-list-section .product-list-image-area video{
            width:100%!important;
            height:100%!important;
            max-width:100%!important;
            max-height:100%!important;
            object-fit:contain!important;
            mix-blend-mode:multiply;
        }
        .kartify-category-page .kartify-product-list-section .product-list-content-area{
            display:flex!important;
            flex:1 1 auto!important;
            align-items:stretch!important;
            justify-content:space-between!important;
            gap:24px!important;
            min-width:0;
        }
        .kartify-category-page .kartify-product-list-section .product-list-main{
            display:flex!important;
            flex:1 1 auto!important;
            flex-direction:column;
            justify-content:center;
            min-width:0;
        }
        .kartify-category-page .kartify-product-list-section .product-list-buy-area{
            display:flex!important;
            flex:0 0 220px!important;
            flex-direction:column;
            align-items:flex-end!important;
            justify-content:center!important;
            width:220px!important;
            min-width:220px!important;
            padding-left:18px!important;
            border-left:1px solid rgba(var(--border-color),.65);
            text-align:right;
        }
        .kartify-category-page .kartify-product-list-section .product-list-price-box.item-product-price{
            width:100%!important;
            margin:0 0 14px!important;
            padding:0!important;
        }
        .kartify-category-page .kartify-product-list-section .product-list-price-box .productpricebox{
            align-items:flex-end!important;
            justify-content:flex-end!important;
        }
        .kartify-category-page .kartify-product-list-section .product-list-cart-add{
            position:static!important;
            display:flex!important;
            flex-direction:row!important;
            align-items:center;
            gap:10px;
            width:100%!important;
            margin:0!important;
            padding:0!important;
            background:transparent!important;
            box-shadow:none!important;
            opacity:1!important;
            visibility:visible!important;
        }
        .kartify-category-page .kartify-product-list-section .product-list-cart-add .product-list-sepet{
            flex:1 1 auto!important;
            width:auto!important;
        }
        .kartify-category-page .kartify-product-list-section .product-list-compare-btn{
            display:inline-flex;
            flex:0 0 38px;
            align-items:center;
            justify-content:center;
            width:38px;
            height:38px;
            padding:0;
            border:1px solid rgba(var(--border-color),1);
            border-radius:5px;
            background:#fff;
            color:rgba(var(--content-color),1);
            font-size:19px;
            cursor:pointer;
        }
        /* ============================================================
           PAKET 116 - DAR EKRANDA FIYAT ARALIGI VE YORUM SATIRLARI

           Fiyat satirindaki iki input ile arama dugmesi sabit genislikleri
           nedeniyle dar filtre kartinin disina tasiyordu. Inputlar kalan alani
           esit paylasir; dugme sabit kalir. Yorum seceneklerinde yildizlar ile
           metin tek satirda tutulur. Kurallar telefon, tablet ve kucuk laptop
           genisliklerinde ayni davranisi verir.
           ============================================================ */
        @media (max-width:1599.98px){
            .kartify-category-page #filterArea .ny-filter-item > .d-flex:has(.nyFilterPriceInput){
                display:flex!important;
                align-items:center!important;
                gap:6px!important;
                width:100%;
                min-width:0;
                flex-wrap:nowrap!important;
            }
            .kartify-category-page #filterArea .nyFilterPriceInput{
                box-sizing:border-box;
                flex:1 1 0!important;
                width:0!important;
                min-width:0!important;
                height:38px!important;
                margin:0!important;
                padding:6px 8px!important;
                font-size:13px!important;
            }
            .kartify-category-page #filterArea .nyFilterPriceInputSpan{
                flex:0 0 auto;
                margin:0!important;
                white-space:nowrap;
            }
            .kartify-category-page #filterArea .nyFilterPriceRangeBt{
                display:inline-flex!important;
                align-items:center;
                justify-content:center;
                flex:0 0 36px!important;
                width:36px!important;
                min-width:36px!important;
                height:38px!important;
                margin:0!important;
                padding:0!important;
            }
            .kartify-category-page #filterArea label.ny-checkbox:has(input[name="ratings"]){
                align-items:center;
                gap:7px;
            }
            .kartify-category-page #filterArea label.ny-checkbox:has(input[name="ratings"]) .ny-checkbox-text{
                display:inline-flex!important;
                align-items:center;
                flex-wrap:nowrap!important;
                gap:2px!important;
                width:auto!important;
                min-width:0;
                font-size:13px!important;
                line-height:1.25!important;
                white-space:nowrap!important;
            }
            .kartify-category-page #filterArea label.ny-checkbox:has(input[name="ratings"]) .ny-checkbox-text i{
                flex:0 0 auto;
                margin:0!important;
                font-size:13px!important;
                line-height:1;
            }
        }
        @media (max-width:1399.98px){
            .kartify-category-page .kartify-category-filter-col{width:25%!important;}
            .kartify-category-page .kartify-category-products-col{width:75%!important;}
            .kartify-category-page .kartify-product-list-section{grid-template-columns:repeat(3,minmax(0,1fr));}
        }
        @media (max-width:1199.98px){
            .kartify-category-page .kartify-category-filter-col{width:30%!important;}
            .kartify-category-page .kartify-category-products-col{width:70%!important;}
            .kartify-category-page .kartify-product-list-section{grid-template-columns:repeat(2,minmax(0,1fr));}
        }
        @media (max-width:991.98px){
            .kartify-category-page > [data-cmp-order]{--bs-gutter-x:4px;}
            .kartify-category-page [data-cmp-key="page_header_title#1"],
            .kartify-category-page [data-cmp-key="breadcrumb#1"]{
                width:100%!important;
                margin-top:0;
                padding-inline:14px!important;
                border-radius:0;
            }
            .kartify-category-page [data-cmp-key="page_header_title#1"]{
                margin-top:8px;
                border-radius:8px 8px 0 0;
            }
            .kartify-category-page [data-cmp-key="page_header_title#1"] .page_header_title_zone{
                justify-content:center;
                min-height:54px;
            }
            .kartify-category-page [data-cmp-key="page_header_title#1"] .page-header-title{
                font-size:21px;
                text-align:center!important;
            }
            .kartify-category-page [data-cmp-key="breadcrumb#1"]{
                justify-content:center;
                min-height:44px;
                border-radius:0 0 8px 8px;
            }
            .kartify-category-page [data-cmp-key="breadcrumb#1"] .breadcrumb{
                justify-content:center;
                font-size:12px;
            }
            .kartify-category-page .kartify-category-products-col{
                width:100%!important;
            }
            /* Paket 117: Drawer sagda en az 52px gorunur karartma/dokunma alani
               birakir. Kullanici bu alana dokunarak filtreyi kapatabilir. Kapaliyken
               left degeri kendi genisliginin tam negatifi oldugu icin solda beyaz
               serit olusmaz. */
            .kartify-category-page .kartify-category-filter-col{
                --kartify-mobile-filter-width:min(calc(100vw - 52px),380px);
                left:calc(0px - var(--kartify-mobile-filter-width))!important;
                right:auto!important;
                width:var(--kartify-mobile-filter-width)!important;
                min-width:0!important;
                max-width:var(--kartify-mobile-filter-width)!important;
            }
            .kartify-category-page .left-box > .shop-left-sidebar{
                position:static;
                margin-bottom:10px;
                padding:0 10px 24px;
                border:0;
                background:transparent;
            }

            /* ============================================================
               MOBIL FILTRE DRAWER
               Kartify mekanizmasi: .left-box.show{left:0} (style.css:23703).
               Panel zaten .left-box sinifina sahip; eksik olan tek sey .show
               sinifini ekleyen bir tetikleyiciydi -- Ofisomi'nin kendi dugmesi ve
               offcanvas'i yalnizca FILTER_LOCATION==0 modunda basiliyor.
               ============================================================ */
            .kartify-category-page .kartify-category-filter-col{
                box-shadow:0 0 40px rgba(15,23,42,.18);
            }
            .kartify-category-page .kartify-category-filter-col.show{
                left:0!important;
            }
            /* Drawer basligi */
            .kartify-filter-drawer-head{
                position:sticky;
                top:0;
                z-index:2;
                display:flex!important;
                align-items:center;
                justify-content:space-between;
                gap:12px;
                width:100%;
                margin:0 0 8px;
                padding:14px 10px;
                background:rgba(var(--white),1);
                border-bottom:1px solid rgba(var(--content-color),.14);
                color:rgba(var(--title-color),1);
                font-size:16px;
                font-weight:600;
            }
            .kartify-filter-close{
                display:inline-flex;
                align-items:center;
                justify-content:center;
                flex:0 0 auto;
                width:36px;
                height:36px;
                padding:0;
                border:0;
                border-radius:8px;
                background:rgba(var(--light-gray),1);
                color:rgba(var(--title-color),1);
                font-size:20px;
                line-height:1;
                cursor:pointer;
            }
            /* Ofisomi'nin mobil akordiyonu drawer icinde gereksiz; icerik hep acik. */
            .kartify-category-page .kartify-category-filter-col .ny-filter-titleMob{
                display:none!important;
            }
            .kartify-category-page .kartify-category-filter-col .ny-filter-itemMob{
                display:block!important;
            }
            /* Arka plan karartmasi */
            .kartify-filter-backdrop{
                position:fixed;
                inset:0;
                z-index:1040;
                background:rgba(15,23,42,.5);
                opacity:0;
                visibility:hidden;
                transition:opacity .25s ease,visibility .25s ease;
            }
            .kartify-filter-backdrop.show{
                opacity:1;
                visibility:visible;
                cursor:pointer;
            }
            /* 1) Filtreleme dugmesi saga yaslanir.
               Olculdu: dugme grubu 129 -> 253, yani satirin ortasinda kaliyordu. */
            .kartify-category-page .filterTop .kartify-filter-open-group{
                margin-left:auto!important;
            }

            /* 2) Siralama kutusu: biraz genis, font bir tik kucuk.
               Olculdu: 150px / 14,04px. */
            .kartify-category-page .filterTop .sortfiltre{
                width:min(100%,215px)!important;
                min-width:190px!important;
                font-size:13px!important;
            }

            /* 3) Drawer'i masaustu gibi tasarla.
               Panel zemini beyazdi; bolum kartlari da beyaz oldugu icin birbirinden
               ayrilmiyordu. Zemin sayfanin grisine cevrildi, kartlar ayri ayri okunur.
               Olculdu: drawer 315px genislikte, bolum kartlari 241px. */
            /* Panelin kendi zemini: yuksek ozgullukle yaziliyor cunku Kartify'nin
               .left-box kurali burayi beyaz boyuyor. */
            body .kartify-category-page .left-box.kartify-category-filter-col.ny-filter-Mob{
                background-color:rgba(var(--base-gray),1)!important;
            }
            /* Guvence: gorunen alani dolduran ic katman da griye boyanir. Boylece
               dis kural bir sekilde gecmezse bile drawer gri gorunur ve beyaz
               bolum kartlari birbirinden ayrilir. */
            .kartify-category-page .left-box > .shop-left-sidebar{
                box-sizing:border-box;
                min-height:100%;
                width:100%!important;
                margin-left:0!important;
                margin-right:0!important;
                padding:0 8px 20px!important;
                background-color:rgba(var(--base-gray),1)!important;
            }
            .kartify-category-page #filterArea .ny-filter-home{
                margin:0 0 10px!important;
                padding:14px 12px!important;
            }
            .kartify-category-page #filterArea .ny-filter-title{
                margin:0 0 10px!important;
                padding:0 0 10px!important;
                font-size:15px!important;
            }
            .kartify-category-page #filterArea .ny-filter-title i{
                width:24px;
                height:24px;
            }
            .kartify-category-page #filterArea .kartify-filter-search-input{
                height:38px;
                padding:8px 36px 8px 11px;
                font-size:13px;
            }
            .kartify-category-page #filterArea .kartify-filter-search > i{
                right:11px;
                font-size:17px;
            }
            .kartify-category-page #filterArea .ny-checkbox{
                gap:8px;
                margin-bottom:10px;
            }
            .kartify-category-page #filterArea .ny-checkbox-text{
                gap:5px;
                font-size:13px;
            }
            .kartify-category-page #filterArea .ny-checkbox-count{
                font-size:11px!important;
            }
            .kartify-category-page #filterArea .ny-filter-item > .d-flex:has(.nyFilterPriceInput){
                gap:4px!important;
            }
            .kartify-category-page #filterArea .nyFilterPriceInput{
                height:36px!important;
                padding:5px 6px!important;
                font-size:12px!important;
            }
            .kartify-category-page #filterArea .nyFilterPriceInputSpan{
                font-size:12px;
            }
            .kartify-category-page #filterArea .nyFilterPriceRangeBt{
                flex-basis:34px!important;
                width:34px!important;
                min-width:34px!important;
                height:36px!important;
            }
            .kartify-category-page #filterArea label.ny-checkbox:has(input[name="ratings"]) .ny-checkbox-text,
            .kartify-category-page #filterArea label.ny-checkbox:has(input[name="ratings"]) .ny-checkbox-text i{
                font-size:12px!important;
            }
            /* Drawer basligi: gri zeminde beyaz seritte dursun */
            .kartify-filter-drawer-head{
                box-sizing:border-box;
                width:calc(100% + 16px);
                margin:0 -8px 10px!important;
                padding:13px 14px!important;
            }

            /* Arac cubugundaki filtre dugmesi */
            .kartify-category-page .filterTop .filter-button{
                display:inline-flex!important;
                align-items:center;
                gap:7px;
                height:34px;
                padding:0 14px;
                border:1px solid rgba(var(--content-color),.22);
                border-radius:8px;
                background:rgba(var(--white),1);
                color:rgba(var(--title-color),1);
                font-size:14px;
                font-weight:500;
                white-space:nowrap;
            }
            .kartify-category-page .filterTop .filter-button i{
                font-size:17px;
                line-height:1;
            }
            /* Urun sutunundaki ic .row'un --bs-gutter-x:1.5rem'den gelen -12px yan
               boslugu, sutunun 2px padding'ini asip icerigi ekranin disina tasiriyordu
               (olculdu: ic satir -10 -> 400, ekran 390). Kategori slaydi, arac cubugu ve
               urun izgarasi bu yuzden soldan ve sagdan kirpiliyordu. Paket 108'de ayni
               sorun masaustu icin cozulmustu; bu kural mobil karsiligidir. */
            .kartify-category-page .kartify-category-products-col > .row{
                margin-left:0!important;
                margin-right:0!important;
            }
            .kartify-category-page .kartify-category-browser{
                margin-bottom:10px;
                padding:14px 12px 16px;
                border-radius:6px;
            }
            .kartify-category-page .kartify-category-browser .title-2 h3{font-size:17px;}
            /* Paket 102 oncesinden kalan sabit yukseklik, kare kutu kuralini eziyordu. */
            .kartify-category-page .kartify-category-browser .category-sm-box .category-image{
                height:auto;
                aspect-ratio:1 / 1;
            }
            .kartify-category-page .filterTop.show-button-2{padding:10px;}
            .kartify-category-page .filterTop .top-filter-menu{row-gap:10px;}
            .kartify-category-page .filterTop .kartify-product-count{margin-bottom:0!important;}
            .kartify-category-page .filterTop .category-dropdown{justify-content:flex-start;}
            .kartify-category-page .filterTop .filter-top-right{justify-content:flex-start;gap:8px;}
            .kartify-category-page .filterTop .sortfiltre{min-width:0;width:min(100%,230px);}
            .kartify-category-page .kartify-product-list-section{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
            .kartify-category-page .kartify-product-list-section .productBox .item-product-image-box{height:auto!important;aspect-ratio:103/100;padding:10px;}
        }
        @media (max-width:767.98px){
            .kartify-category-page .kartify-product-list-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
            .kartify-category-page .kartify-product-list-section .productBox:hover{z-index:unset;}
            .kartify-category-page .kartify-product-list-section .productBox .item-product-cart-add,
            .kartify-category-page .kartify-product-list-section .productBox:hover .item-product-cart-add{
                position:relative;
                inset:unset;
                margin-top:9px!important;
                padding:0!important;
                background-color:transparent;
                box-shadow:none;
                opacity:1;
                visibility:visible;
            }
            .kartify-category-page .kartify-product-list-section .product-list-item{
                gap:14px!important;
                min-height:0;
                padding:12px!important;
            }
            .kartify-category-page .kartify-product-list-section .product-list-image-area.item-product-image-box{
                flex-basis:160px!important;
                width:160px!important;
                max-width:160px!important;
                height:160px!important;
                min-height:160px!important;
            }
            .kartify-category-page .kartify-product-list-section .product-list-content-area{
                flex-direction:column;
                gap:12px!important;
            }
            .kartify-category-page .kartify-product-list-section .product-list-buy-area{
                flex:0 0 auto!important;
                align-items:flex-start!important;
                width:100%!important;
                min-width:0!important;
                padding:10px 0 0!important;
                border-top:1px solid rgba(var(--border-color),.65);
                border-left:0;
                text-align:left;
            }
            .kartify-category-page .kartify-product-list-section .product-list-price-box .productpricebox{
                align-items:flex-start!important;
                justify-content:flex-start!important;
            }
        }
        @media (max-width:575.98px){
            .kartify-category-page .filterTop .kartify-product-count{width:100%;}
            .kartify-category-page .filterTop .category-dropdown{width:100%;}
            .kartify-category-page .filterTop .filtreSelectGroup:has(.sortfiltre){flex:1 1 160px;}
            .kartify-category-page .filterTop .sortfiltre{width:100%;}
            .kartify-category-page .filterTop .grid-option{margin-left:auto;}
            .kartify-category-page .kartify-product-list-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0!important;}
            .kartify-category-page .kartify-product-list-section .prdslider{padding:0!important;}
            .kartify-category-page .kartify-product-list-section .productBox{border-radius:6px;}
            .kartify-category-page .kartify-product-list-section .productBox .item-product-image-box{height:auto!important;aspect-ratio:103/100;padding:8px;}
            .kartify-category-page .kartify-product-list-section .productBox .item-product-info{margin-top:8px!important;padding:0!important;}
            .kartify-category-page .kartify-product-list-section .productBox .item-product-brand{min-height:0!important;margin-bottom:0!important;font-size:11px!important;}
            .kartify-category-page .kartify-product-list-section .productBox .item-product-name{min-height:17px!important;max-height:18px;margin:5px 0 3px!important;line-height:1.3;}
            .kartify-category-page .kartify-product-list-section .productBox .item-product-name a{font-size:12.5px!important;}
            .kartify-category-page .kartify-product-list-section .productBox .item-product-price{min-height:17px!important;margin:7px 0 0!important;padding:0!important;}
            .kartify-category-page .kartify-product-list-section .productBox .item-product-priceSale{font-size:14px!important;}
            .kartify-category-page .kartify-product-list-section .productBox .item-product-cart-add > a,
            .kartify-category-page .kartify-product-list-section .productBox .item-product-cart-add .addcartHome{min-height:34px;font-size:12px!important;}
        }
        @media (max-width:460px){
            .kartify-category-page .kartify-product-list-section .productBox .item-product-cart-add,
            .kartify-category-page .kartify-product-list-section .productBox:hover .item-product-cart-add{display:none!important;}
            .kartify-category-page .kartify-product-list-section .product-list-item{
                flex-direction:column;
            }
            .kartify-category-page .kartify-product-list-section .product-list-image-area.item-product-image-box{
                flex-basis:auto!important;
                width:100%!important;
                max-width:none!important;
                height:190px!important;
                min-height:190px!important;
            }
        }