.categoriTitle.page_header_title_zone,
[data-cmp-type="page_header_title"] {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ny-box-1, 
.ny-box-1 .owl-carousel,
.ny-box-1 .owl-stage-outer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

#header_main_zone {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#header-top-bar, 
#header-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#main-menu {
    margin-top: 0 !important;
}

XXX



/* Ana sayfadaki tüm görsel bileşenleri hedef alır */
.home-banner-wrapper img, 
.banner-block img, 
.showcase-image img,
.widget-banner img,
[class*="banner"] img { 
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: block;
}

/* Mouse üzerine geldiğinde büyüme efekti */
.home-banner-wrapper:hover img, 
.banner-block:hover img, 
.showcase-image:hover img,
.widget-banner:hover img,
[class*="banner"]:hover img {
    transform: scale(1.02) !important; /* %2 büyüme */
    z-index: 10;
    position: relative;
}

/* Görselin kutusundan taşmasını engellemek için */
.home-banner-wrapper, 
.banner-block, 
.showcase-image,
.widget-banner {
    overflow: hidden !important;
}

/* 1. İKON SEMBOLLERİ */
.bi-heart::before { content: "\F784" !important; font-family: "bootstrap-icons" !important; }
.bi-person.dropdownAc-icon::before { content: "\F8C9" !important; font-family: "bootstrap-icons" !important; }
.bi-bag::before { content: "\F785" !important; font-family: "bootstrap-icons" !important; }

/* 2. ADET KUTUCUKLARINI GİZLE */
.cartcountBox { display: none !important; }

/* 3. MASAÜSTÜ HİZALAMA (992px+) */
@media screen and (min-width: 992px) {
    /* Genel Kapsayıcılar */
    .bi-heart, .bi-person, .bi-bag {
        display: inline-flex !important;
        align-items: center !important;
        text-decoration: none !important;
        gap: 10px !important;
    }

    /* --- SADECE HESABIM BÖLÜMÜ İÇİN ÖZEL AYAR --- */
    /* Hem ikonu hem yazıyı komple aşağı kaydırır */
    .bi-person.dropdownAc-icon {
        position: relative;
        top: 3px !important; /* Bu değeri artırıp azaltarak diğerleriyle hizalayabilirsin */
        font-style: normal !important;
    }

    /* İkonların Ortak Boyutu */
    .bi-heart::before, 
    .bi-person.dropdownAc-icon::before, 
    .bi-bag::before {
        font-size: 33px !important;
        display: inline-block !important;
        line-height: 1 !important;
        font-style: normal !important;
    }

    /* Yazıların Ortak Stili */
    .bi-heart::after, .bi-person::after, .bi-bag::after {
        font-size: 13px !important;
        font-weight: 500 !important;
        font-style: normal !important;
        line-height: 1 !important;
        vertical-align: middle;
    }

    .bi-heart::after { content: "Favoriler"; }
    .bi-person::after { content: "Hesabım"; }
    .bi-bag::after { content: "Sepetim"; }
}

/* 4. MOBİL AYARLARI */
@media screen and (max-width: 991px) {
    .bi-heart::before, .bi-person.dropdownAc-icon::before, .bi-bag::before {
        font-size: 21px !important;
    }
    .bi-heart::after, .bi-person::after, .bi-bag::after {
        content: none !important;
    }
}

/* Filtreleme butonunu tüm sitede tamamen gizler */
.btn.ny-filter-show {
    display: none !important;
}


/* İKONLAR VE YAZILAR İÇİN HOVER (ÜZERİNE GELİNCE) EFEKTİ */

/* 1. Favoriler, Hesabım ve Sepetim için genel hover */
.bi-heart:hover, 
.bi-person.dropdownAc-icon:hover, 
.bi-bag:hover {
    opacity: 0.7 !important; /* Rengi %30 oranında şeffaflaştırarak "açılmış" efekti verir */
    transition: all 0.3s ease !important; /* Geçişin yumuşak olması için */
    cursor: pointer;
}

/* 2. Eğer sadece ikonun rengi değişsin, çerçeve kalsın istersen bu alternatifi kullan: */
.bi-heart:hover::before, 
.bi-person.dropdownAc-icon:hover::before, 
.bi-bag:hover::before {
    color: #555 !important; /* Siyah ikonları griye (açık renge) çevirir */
    transform: scale(1.05); /* Çok hafif büyüme efekti ile canlılık katar */
    transition: transform 0.2s ease, color 0.2s ease !important;
}

/* 3. Yazının rengini de aynı anda açmak istersen: */
.bi-heart:hover::after, 
.bi-person.dropdownAc-icon:hover::after, 
.bi-bag:hover::after {
    color: #777 !important;
    transition: color 0.3s ease !important;
}

/* ORTAK AYARLAR: Hem Sıralama hem Ürün Adedi için */
select.form-control.sortfiltre.filterajax, 
.catProductCount {
    display: inline-flex !important;
    align-items: center !important;
    height: 38px !important;              /* Kutuları aynı yüksekliğe sabitler */
    border: 2px solid #28a745 !important;
    color: #000000 !important;
    background-color: #ffffff !important;
    border-radius: 5px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.05) !important;
    margin-bottom: 10px !important;
    box-sizing: border-box !important;    /* Çerçevenin boyutu etkilemesini engeller */
    vertical-align: middle !important;
}

/* SADECE SIRALAMA SEÇENEĞİNE ÖZEL (İkon ve Boşluklar) */
select.form-control.sortfiltre.filterajax {
    cursor: pointer;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    padding: 0 35px 0 12px !important;    /* Sağdan ikon boşluğu */
    
    /* Bootstrap bi-caret-down-fill İkonu */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2328a745' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1.005 1.005 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px !important;
}

/* SADECE ÜRÜN ADEDİNE ÖZEL */
.catProductCount {
    padding: 0 12px !important;           /* Yazıyı ortalamak için sadece yanlardan boşluk */
    justify-content: center;              /* Yazıyı kutu içinde ortalar */
}

/* Fokus Durumu */
select.form-control.sortfiltre.filterajax:focus {
    border-color: #218838 !important;
    outline: none !important;
}

/* Story modülünde resmin aşırı büyümesini ve bozulmasını engeller */
.item.active img.media {
    max-width: 100% !important;
    max-height: 80vh !important; /* Ekran yüksekliğinin %80'inden fazla büyümez */
    width: auto !important;      /* Oransız genişlemeyi durdurur */
    height: auto !important;     /* En-boy oranını korur */
    object-fit: contain !important; /* Resmi kutuya sığdırır ama kesmez */
    margin: 0 auto !important;   /* Resmi ortalar */
    display: block !important;
    image-rendering: -webkit-optimize-contrast !important; /* Netliği bir tık artırır */
}

/* Kapsayıcı arka planını koyulaştırarak resmin netliğini vurgula */
.item.active {
    background-color: rgba(0,0,0,0.9) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* İncele Butonu Düzenlemesi */
.item.active a.tip.link {
    display: inline-block !important;
    background-color: #28a745 !important; /* Yeşil arka plan */
    color: #ffffff !important;             /* Beyaz yazı */
    padding: 8px 25px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    margin-top: 15px !important;
    text-align: center !important;
    align-self: center !important;
    transition: background 0.3s ease !important;
    border: 2px solid #28a745 !important;
}

.item.active a.tip.link:hover {
    background-color: #ffffff !important;  /* Üzerine gelince beyaz */
    color: #28a745 !important;             /* Yazı yeşil */
}

/* Logo Hover Efekti */
#main-logo.logoImg {
    transition: transform 0.4s ease-in-out !important; /* Geçiş süresi ve yumuşaklığı */
    cursor: pointer;
    backface-visibility: hidden; /* Büyürken oluşabilecek titremeyi engeller */
}

#main-logo.logoImg:hover {
    transform: scale(1.08) !important; /* %8 oranında büyüme sağlar (hafif ve şık) */
}