/* Genel Ayarlar */
.item-product-name { 
    flex-grow: initial; 
}

.item-product-price .item-product-disc { 
    font-weight: 600 !important; 
    font-size: 15px !important; 
	margin-top: inherit !important;
}

.item-product-price {
	margin-top: inherit !important;
}

.ny-box-1 > .storiesBox .owl-stage-outer { 
    padding-top: 40px !important; /* Küçük ikonlar üst boşluk */
} 

.ny-box-1 > .storiesBox .info-box p { 
    margin-top: 10px; /* Küçük ikonlar yazı üst boşluk */
} 

.ny-filter-item label { 
    margin-bottom: 10px !important; /* Sol filtre alanları arası boşluk */
} 

/* Fiyat Alanı Düzenlemesi (Hizalama bozulmaması için inline-flex yapıldı) */
.product-price-sale .price, 
.product-price-old .price2, /* Aradaki boşluk düzeltildi */
.product-price-old.price2 {
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center;
}


/* Ürün resimlerinin 1.sini büyük yapar ve çerçeveyi kaldırır */
.productPhotos, .image-wrapper, .product-video-image { 
    border: none !important; 
    box-shadow: none !important; 
    padding: 0 !important; 
}

#con > div:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

#con > div:first-child .product_IMG { 
    border: none !important;
    width: 100% !important;
    height: 500px !important; 
    object-fit: contain !important; 
    background-color: #fff; 
}

@media (max-width: 768px) {
    #con > div:first-child .product_IMG {
        height: 350px !important; 
    }
}

/* Mobilde tümünü gör yazısını alta alır */
@media (max-width: 768px) {
    .productTitle {
        display: flex !important;
        flex-direction: column !important; 
        align-items: center !important;    
        text-align: center !important;
    }

    .home-product-see-btn {
        float: none !important;            
        margin: 10px 0 0 0 !important;      
        position: static !important;       
        display: inline-block !important;
    }
}

/* Ürün Resim Alanı Optimizasyonu (CLS ve Hız Ayarı) */
.product-item img, 
.showcase-image img, 
.fl.col-12.imgHolder img, 
.product-image-wrapper img {
    aspect-ratio: 1 / 1 !important; 
    object-fit: cover !important; /* Resimler 1:1 kareye zorlanırken basıklaşmasın/yamulmasın diye eklendi */
    width: 100% !important;
    height: auto !important;
    display: block !important;
    background-color: #f7f7f7; 
    content-visibility: auto; 
    image-rendering: -webkit-optimize-contrast; 
}

/* Sayfa yüklenirken kutuların zıplamasını engellemek için kapsayıcıyı sabitle */
.product-image-wrapper, .showcase-image, .imgHolder {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden;
    background: #f7f7f7;
}

/* Buton ve İkon Ayarları */
#scrollTopBtn { bottom: 10px !important; width: 50px !important; height: 50px !important; } 
.whatsappOrder { height: 50px !important; width: 50px !important; border-radius: 50% !important; }



/* BreadCrumb sağa doğru uzamasını sağlayan alan başlangıç*/

@media (max-width: 768px) {
  .customBreadcrumb {
    display: flex !important;
    flex-wrap: nowrap !important; /* Alt alta kırılmayı kesin olarak engeller */
    overflow-x: auto !important;  /* Sağa doğru kaydırmayı açar */
    overflow-y: hidden !important;
    padding-bottom: 8px !important;
    -webkit-overflow-scrolling: touch; 
  }

  .customBreadcrumb .breadcrumb-item {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;    /* Elemanların sıkışıp daralmasını engeller */
    white-space: nowrap !important; /* Kelimelerin alt satıra geçmesini önler */
  }

  .customBreadcrumb .breadcrumb-item a {
    white-space: nowrap !important; /* Link metninin tek satırda kalmasını zorlar */
    display: inline-block !important;
  }
  
  /* Mobil kaydırma çubuğunu gizler, tertemiz bir görüntü sunar */
  .customBreadcrumb::-webkit-scrollbar {
    display: none !important;
  }
}

/* BreadCrumb sağa doğru uzamasını sağlayan alan bitiş*/

/* 
.product-slider .swiper-button-next { border: none !important;}
.horizontal > .swiper-button-prev-new { display: none !important;}
.horizontal > .swiper-button-next-new { display: none !important;}
*/