@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');


/* Global */
body {
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
    font-size: 14px;
    overflow-x: hidden;

}



/* Ana taşıyıcı: Flexbox olarak ayarlandı ve öğeleri iki uca yasladı */
.flex-comment-bar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: linear-gradient(90deg, #e3f2fd, #fce4ec) !important;
  color: #1a237e !important;
  padding: 8px 12px !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 8px !important;
  margin-top: 15px !important;
}

/* Yorum sayısı ve "Yorum Yap" linki (Sola alınacak bölüm) */
.flex-comment-bar .comment-create {
  order: 1 !important; /* Flex sıralamasında 1. sıraya (en başa) yerleştirir */
}

/* Yıldızların bulunduğu kutu (Sağa alınacak bölüm) */
.flex-comment-bar .comments-box {
  order: 2 !important; /* Flex sıralamasında 2. sıraya (sona) yerleştirir */
}


.product-info-flex-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px; /* Masaüstü için boşluk */
  margin-bottom: 15px;
}

/* Ekran genişliği 768px ve altı olan mobil cihazlar için */
@media (max-width: 768px) {
  .product-info-flex-container {
    gap: 8px; /* Mobil için daha az boşluk */
  }
}

/* Havale satırını sarmalayan ve üstten 15px boşluk veren div */
.havale-wrapper {
    padding-top: 15px !important;
}

/* Havale indirim tablosunun genel yapısı */
.havale-indirim-table {
    border-collapse: collapse !important; /* Hücreler arası istenmeyen boşlukları kaldırır */
    width: 100% !important;               /* Tablonun kapsayıcısı kadar genişlemesini sağlar */
}

/* Havale indirim satırının hücre stilleri */
.product-havale-row td {
  background: linear-gradient(90deg, #e3f2fd, #fce4ec) !important; /* Yeni gradient arka plan */
  color: #1a237e !important;            /* Yeni yazı rengi */
  padding: 8px 12px !important;         /* Dikey ve yatay iç boşluk */
  font-weight: bold !important;         /* Kalın yazı tipi */
  border: none !important;              /* Hücreler arası çizgiyi kaldırma */
}

/* İlk hücre (Etiket: "Havale") için sol köşeleri yuvarlatma */
.product-havale-row .product-havale-label {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  text-align: left !important;
}

/* İkinci hücre (Fiyat) için sağ köşeleri yuvarlatma */
.product-havale-row .product-havale-value {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  text-align: right !important;
}

/* Fiyatın başındaki ":" işaretini gizleme (isteğe bağlı) */
.product-havale-row .product-havale-value .sep {
    display: none !important;
}


.sariLine {
  border-bottom: 2px solid #000;
  width: 75px;
  margin-left: auto;
  margin-right: auto;
  display: none!important;
}

.m-b-35 {
  margin-bottom: 60px !important;
}

.m-0 {
  margin: 0 !important;
  background-color: #f5f5f5 !important ;
}

#bottomCartAdd {
  position: fixed;
  left: 0;
  width: 100%;
  height: 65px;
  background-color: #fff;
  z-index: 1000;
  display: none !important;
}

.copyrightText {
  font-size: 11px !important;
  color: var(--footerTextColor);
  margin-bottom: 0;
  line-height: 24px;
  justify-content: center !important;
}



.widget p {
  color: #fff !important;
  line-height: 19px;
  font-size: 11px !important;
}

.copyrightText a {
  font-size: 12px !important;
  color: #ee7720 !important;
  margin-bottom: 0;
  line-height: 24px;
}

.subsBoxForm .btn {
  width: 100%;
  background-color: #ee7720 !important;
  color: var(--siteBtTextColor);
  height: 30px;
  line-height: 15px;
  font-size: 13px;
  border-radius: 0;
}


/* Footer bottom içindeki tüm yazıları ortaya hizalar */
.footerBottom .copyrightText {
  text-align: center !important;
  width: 100% !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

/* Eğer logolar da aynı satırdaysa, bunları da ortaya çekmek için */
.footerBottom .row {
  display: flex !important;
  justify-content: center !important;
  border-top: 1px solid white !important;

}


/* Mobil ve tüm cihazlar için temel stil */
.footer .col-lg-3.col-12 {
  /* Koyu mordan biraz daha açık mora parlak gradient */
  background: linear-gradient(135deg, #6432c7 0%, #8e44ad 100%) !important;

  margin-top: 15px !important;
  border-radius: 16px !important;
  padding: 2rem !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  color: #ffffff !important;
}

/* Masaüstü (992px ve üstü) için ekstil */
@media (min-width: 992px) {
  .footer .col-lg-3.col-12 {
    margin-top: -50px !important;
    box-shadow:
      0 12px 24px rgba(0, 0, 0, 0.2),
      0 6px 12px rgba(0, 0, 0, 0.15)
      !important;
  }
}


.footer {
  background-color: #2d0f5b !important;
  border-top: 4px solid #fd7a00 !important; /* Üstte tam genişlikte turuncu çizgi */
}


.widget .widget-title {
  color: var(--footerTextColor) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  padding-bottom: 20px;
  display: block;
}


.widget .widget-body li {
  list-style-type: none;
  line-height: 1.8 !important;
  position: relative;      /* ::before için konumlandırma *    /* oka yer açmak için */
}




#bottomCartAdd {
  position: fixed;
  left: 0;
  width: 100%;
  height: 120px !important;
  background-color: #fff;
  z-index: 1000;
}

/* Küçük başlık fontu */
h5.product-title.altCartTitle.mb-0 {
  font-size: 12px !important;
}



/* modal içindeki tüm img etiketlerini responsive yap */
.modal-body img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
}


@media (max-width: 767.98px) {
  /* Görsel kutusunun yüksekliğini kısalt */
  .productPhoto_200_x {
    min-height: 150px !important;
    max-height: 150px !important;
  }

  /* Görseli tutan linkin alt boşluğunu küçült */
  .productBox .item-product-image-box a {
    bottom: 0.5rem !important;
    top: auto !important;
  }

  /* İsterseniz üstten de küçük bir boşluk ekleyin */
  .productBox .item-product-image-box a img {
    margin-top: -25px !important;
    margin-bottom: -30px !important;
  }
}




@media (max-width: 767.98px) {
  .menuBox,
  .top-header-search-box {
    width: 98% !important;
    padding-left: 0;   /* isterseniz yan boşlukları sıfırlayın */
    padding-right: 0;
  }
}



@media only screen and (max-width: 768px) {
  .nav-tabs .nav-link {
    padding: 4px 8px !important;  /* Daha küçük iç boşluk */
    font-size: 11px !important;    /* Daha küçük yazı boyutu */
  }

  .nav-tabs .nav-link.active {
    padding: 4px 8px !important;
    font-size: 11px !important;
  }
}


/* Ok ikonunu hover’ta yukarı döndür ve mora boyar */
.mmenu-btn {
  transition: transform 0.3s ease, color 0.3s ease;
}

.mmenu-btn:hover {
  color: #542c96 !important;
  transform: rotate(-180deg) !important; /* sağdan yukarıya döndür */
}


.mobile-menu li a:hover, .mobile-menu li a:focus {
  color:#58309b  !important;
  text-decoration: none;
}

.mobile-menu-container .social-icons {
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0;
  display: none !important;
}

.mobile-menu-wrapper {
  position: relative;
  padding-top: 35px !important;
}

.mobile-menu li ul li a {
  padding-left: 2.5rem !important;
}

.mobile-menu li ul ul li a {
  padding-left: 5rem !important;
  font-size: 12px !important;
}

.mmenu-btn {
  display: block;
  position: absolute;
  top: 50%;
  right: -3.8rem;
  width: 3rem;
  height: 3rem;
  margin-top: -1.5rem;
  text-align: center;
  border-radius: 0;
  outline: none;
  background-color: transparent;
  color: #fd7a00 !important;
  font-size: 1.5rem;
  line-height: 3rem;
  cursor: pointer;
  font-weight: 600 !important;
}

.mobile-menu-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 350px !important;
  transform: translateX(-100%);
  transition: all .25s;
  background-color: #fdf2e5 !important;
  font-size: 1.2rem;
  line-height: 1.5;
  box-shadow: 0.1rem 0 0.6rem 0 rgba(50, 50, 50, 0.65);
  visibility: hidden;
  z-index: 1001;
  overflow-y: auto;
  
}

.mobile-menu li a {
  font-size: 14px !important;
  display: block;
  position: relative;
  margin-right: 5rem;
  padding: 10px 12px;
  color: #000 !important;
  font-weight: 600 !important;
}


.bi.bi-list {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #542c96 !important;
  color: #fff !important;
  border-radius: 50% !important;
  padding: 8px !important;
  font-size: 16px !important;
  line-height: 1 !important;
}




@media only screen and (max-width: 768px) {
  img.logoImg.img-fluid {
    width: 160px !important;
    height: auto !important;
    margin-left: 20px !important;
  }
}


@media only screen and (max-width: 768px) {
  .ny-filter-item label {
    font-size: 17px !important;
  }
}


@media only screen and (max-width: 768px) {
  .fa.fa-search {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 768px) {
  /* Butonun kendisini flex kutu yap ve ortala */
  .nyFilterPriceRangeBt {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    /* İstersen içerideki yatay boşlukları sıfırlayabilirsin */
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}



.ny-filter-titleMob {
  display: inline-block !important;
  padding: 10px !important;
  background-color: #542c96 !important;
  color: #fff !important;
  font-size: 18px !important;
  border-radius: 10px !important;
  margin-bottom: 5px !important;
  margin-left: 8px !important;
}

.catProductCount {
  display: inline-block !important;
  padding: 6px !important;
  color: #542c96 !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

@media only screen and (min-width: 769px) {
  .ny-filter-titleMob {
    display: none !important;
  }
}




/* --- SADECE MOBİLDE FİYATLARI YAN YANA GETİR --- */

@media (max-width: 768px) {

    /* --- ÜRÜN DETAY SAYFASI --- */

    /* Fiyatları içeren ana kapsayıcıyı flexbox'a çeviriyoruz */
    .productPrices {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }

    /* İndirim kutusunun boşluklarını sıfırla */
    .productPrices .product-discount {
        margin: 0;
    }

    /* Fiyatların kendisini içeren dikey flex yapısını yatay yap */
    .d-flex[style="flex-direction: column;"] {
        display: flex;
        flex-direction: row !important; /* Dikey sıralamayı yatay yap */
        align-items: center;        /* Fiyatların alt çizgilerini hizala */
        gap: 10px;                    /* Öğeler arasına boşluk koy */
    }


    /* --- ÜRÜN LİSTELEME / KART --- */
    
    .item-product-price {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
    }


    /* Yeni fiyatın stil ayarı */
    .item-product-priceSale {
        font-size: 1.1rem;
        font-weight: 600;
        order: 1; /* Yeni fiyatı en başta gösterir */
    }
    
     /* İndirim oranının stil ayarı */
    .item-product-price .item-product-disc {
        order: 0; /* İndirim oranını en en başta gösterir */
    }
    
   

}

@media (max-width: 767px) {
  .offer-info {
    display: none !important;
  }
}


.nymobilesearch{
    display: none !important;
}

.breadcrumbBox{
    display: none!important;
}

.nyGiftDetailText{
    font-weight: 600 !important;
    color: #6941ac !important;
    margin-bottom: 10px !important;
}

/* 1) Daire şeklinde, beyaz arka planlı ve siyah ikonlu küçük buton */
.swiper-button-next,
.swiper-button-prev {
  /* Boyutu küçültüyoruz */
  width: 32px !important;
  height: 32px !important;
  margin-top: -16px !important;        /* Yarı yükseklik kadar yukarı kaydır */
  top: 50% !important;

  /* Daire şekli ve stil */
  background-color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 50% !important;

  /* İkon rengini siyah yap */
  color: #000 !important;

  /* İçerik ortalaması */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 2) Ok ikonunu biraz daha küçük yapalım */
.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 14px !important;
}

/* 3) Hover’dayken hafif gölge ekleyebilirsiniz (opsiyonel) */
.swiper-button-next:hover,
.swiper-button-prev:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}


.swiper-wrapper{
    margin-bottom: 5px !important;
}


.col-12 .swiper-container .swiper-wrapper {
  display: flex !important;
  align-items: stretch !important;
}




.col-12 .swiper-container .swiper-slide {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: auto !important;
  flex: 0 0 auto !important;
}


.col-12 .swiper-container .swiper-slide .productBox {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 0 auto !important;
}



#cargo_zone {
  background: linear-gradient(90deg, #e3f2fd, #fce4ec);
  color: #1a237e;
  font-weight: 600;
  font-size: 14.5px;
  padding: 12px 20px !important;
  border: 1px solid #dcc6ff !important;
  border-radius: 10px !important;
  
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 15px !important;
  flex-wrap: wrap; /* Satır sığmazsa alt satıra geçsin */
  word-break: break-word; /* Uzun kelimeleri böl */
}

@media (max-width: 767px) {
  #cargo_zone {
    font-size: 9px !important;
  }
}

#cargo_zone b:first-of-type {
  color: red !important;
}


@media (max-width: 768px) {
  .container,
  .container-fluid,
  .row,
  .col-lg-3,
  .col-lg-9 {
    padding-left: 3px !important;
    padding-right: 4px !important;
    margin-left: 0px !important;
  }

  .row {
    --bs-gutter-x: 4px !important;
  }
}




.item-product-price {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 5px;
  padding: 10px !important;
  background-color: #ffd2e5 !important;
  margin-bottom: 5px !important;
  border-radius: 5px !important;
}

@media (max-width: 768px) {
  .item-product-price {
    display: flex !important;
    flex-direction: row !important;      /* yan yana */
    align-items: center !important;      /* dikey ortala */
    gap: 4px !important;                 /* aralarında boşluk */
  }

  .item-product-price .item-product-disc {
    flex: 0 0 auto !important;           /* kendine göre boyut, daralmaz */
    width: auto !important;              /* yüzdeyi kaldır */
  }

  .item-product-price .productpricebox,
  .item-product-price .item-product-discount {
    flex: 1 1 auto !important;           /* kalan alanı kapla */
    width: auto !important;
  }
}






.productBox.d-flex {
  align-items: stretch !important;
}


.horizontal > .swiper-button-next-new{
    display: none !important;
}

.horizontal > .swiper-button-prev-new{
    display: none !important;
}

.tab-content {
  background-color: #fff;
  padding: 24px;
  border: 2px solid #dcc6ff !important;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); /* daha derin ve yaygın gölge */
  margin-top: 16px;
  transition: all 0.3s ease;
}




.nav-tabs {
  border: none !important;
  background: #f8f8f8;
  padding: 10px !important;
  border: 2px solid lightgray !important;
  border-radius: 12px !important;
  display: flex;
  justify-content: flex-start;
  gap: 5px !important;
  margin-top: 10px!important;
}

.nav-tabs .nav-link {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px 20px;
  font-weight: 600;
  color: #333;
  transition: all 0.3s ease;
  box-shadow: 0 1px 2px rgba(0,0,0,0.06); /* daha soft shadow */
}

.nav-tabs .nav-link:hover {
  background: #f0f0f0;
  color: #000;
}

.nav-tabs .nav-link.active {
  background-color: #542c96;
  color: #fe7917 !important;
  border-color: #542c96;
  box-shadow: 0 2px 4px rgba(84, 44, 150, 0.15); /* önceki gibi değil, daha yumuşak */
}



table.mt-3.mb-3 tr:first-child {
  display: none !important;
}

.nyGiftList {
  display: flex !important;
  justify-content: center !important; /* yatayda ortala */
  align-items: center !important;    /* dikeyde ortala */
}

/* img’in block-level olup margin:auto ile ortalanmasını sağla */
.nyGiftList .nyGiftImage {
  display: inline-block !important;
  margin: 0 auto !important;
}

.nyGiftList:not(:last-child)::after {
  display: none!important;
}


.productPropertion {
    background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.9) 0%,
    rgba(104, 64, 171, 0.08) 50%,
    rgba(245, 166, 35, 0.08) 100%
  ) !important;
  border: 1px solid #542c96 !important;
  border-radius: 7px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: -15px !important;
  
}

.productPropertion .info p {
  display: block;
  text-align: center;
  margin-bottom: 0;
  color: #6a42ae !important;
  font-weight: 400;
  font-size: 12px !important; /* masaüstü */
}

@media (max-width: 767px) {
  .productPropertion .info p {
    font-size: 9px !important; /* mobil */
  }
}


label.product-label.label-sale {
    background-color: #6840ab !important;
    color: #fff !important;
    padding: 12px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    display: inline-block !important;
    margin-left: 2px!important;
    margin-top: 5px!important;
}


/* Kategoriler ve Marka satırlarını gizle */
table.mt-3.mb-3 tr:first-child,
table.mt-3.mb-3 tr:nth-child(2) {
  display: none !important;
}


#variantBox {
  display: none !important;
}

.productInfo {
  display: none !important;
}

/* Eski fiyatın üstünü çizme ve hizalama ayarı */
.item-product-priceOld {
  text-decoration: line-through;
  margin: 0;
  padding: 0;
  order: 2;
  font-size: 12px !important;
}

@media (max-width: 768px) {
  .item-product-priceOld {
    font-size: 11px !important;
  }
}





.add-to-cart-btn {
    /* Mevcut stillerin bir kısmı korunarak düzenlendi */
    flex: 3;
    border-radius: 5px;
    padding: 16px !important;
    font-size: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff !important;
    margin-top: 15px !important;
    border: none; /* Gradient ile daha iyi görünmesi için border kaldırıldı */

    /* --- DİNAMİK GRADIENT EFEKTİ --- */
    background: linear-gradient(90deg, #542c96, #734bb7, #542c96);
    background-size: 250% auto;
    background-position: 0% 50%;
    transition: background-position 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.add-to-cart-btn:hover {
    /* Fare üzerine gelince gradient'in pozisyonunu değiştirerek akma efekti yaratır */
    background-position: 100% 50%;
}

<style>


/* Sütunların aynı yüksekliği almasını ve içini doldurmasını sağlar */
.row.gx-2 {
    align-items: stretch;
}
.row.gx-2 > .col {
    display: flex;
}

/* Adet Sayacı Stilleri */
.productCount {
    display: flex;
    border: 2px solid #ff9600 !important;
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    height: 100%; 
    background-color: #fff;
    margin-top: -1px  !important;
    margin-left: -2px !important;
}
.productCount input.input-number {
    border: none;
    text-align: center;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #fe7917 !important;
    padding: 0 5px;
}
.productCount input.input-number:focus {
    outline: none;
    box-shadow: none;
}
.productCount .btn-number {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0 15px;
    color: #888;
    transition: all 0.2s ease;
    min-width: 40px;
}
.productCount .btn-number:hover {
    color: #000 !important;
}

/* Favori ve Paylaş Butonları Ortak Stili */
.favorite-btn.ekleFavori,
.share-area .share-btn {
    border: 2px solid #59319b !important;
    border-radius: 8px;
    background-color: #fff;
    color: #fe7917 !important;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    text-decoration: none;
}

.favorite-btn.ekleFavori:hover,
.share-area .share-btn:hover {
    border-color: #59319b;
    color: #59319b;
    background-color: #f7f2ff;
}

/* Favori seçiliyken aktif stil */
.favorite-btn.ekleFavori.favorite-selected {
    border-color: #542c96;
    background-color: #542c96;
    color: #fff;
}
.favorite-btn.ekleFavori.favorite-selected:hover {
    color: #fff;
    background-color: #402172; /* Hover'da hafif koyulaştırma */
}

/* Paylaş butonunun içindeki yazı (büyük ekranlar için) */
.share-btn span {
    font-size: 14px;
    font-weight: 500;
}
</style>

/* “Next” ve “Prev” yeni butonlarını gizle */
.swiper-button-next-new,
.swiper-button-prev-new {
  display: none !important;
}


.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  z-index: 1;
}

/* Masaüstünde 30px, mobilde 10px padding-top */
.productDetails.p-0 {
  padding-top: 30px !important;
}

@media (max-width: 768px) {
  .productDetails.p-0 {
    padding-top: 10px !important;
  }
}


.productPhotos {
  border: solid 1px white !important;
  border-radius: 10px;
  padding: 0px;
}

/* Ana büyük görsele hafif gölge efekti */
img#gal_1.img-fluid.product_IMG {
  border: solid 1px lightgray !important;
  border-radius: 10px;
  padding: 20px;
  max-width: 100%;
  height: auto;
  /* Yeni: hafif gölge */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Thumbnail img-fluid ayarları + gri çerçeve ve gölge */
.product-thumbs .swiper-slide img {
  display: block;             /* img-fluid eşdeğeri */
  max-width: 100%;            /* img-fluid eşdeğeri */
  height: auto;               /* img-fluid eşdeğeri */
  object-fit: cover;
  cursor: pointer;
  border: 2px solid #ccc !important;
  border-radius: 6px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.3s ease;
  padding: 3px !important;
}

.product-thumbs .swiper-slide img:hover {
  transform: scale(1.05);
  border-color: #ff7700 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}

@media (max-width: 768px) {
  .swiper-slide {
    margin-right: 0px !important;
    padding: 6px !important;
  }
}


.productLeft .product-thumbs {
  margin-top: 0px !important;
  width: 100%;
}


/* 4) Gift slider’daki küçük resimlerin boyutunu koru */
.nyPdgift-boxImgDiv {
  width: 60px !important;
  height: 60px !important;
}

/* dış kutu: overflow ve max-height sıfırlandı */
.nyPdgift-box-h {
  overflow: visible !important;
  max-height: none !important;
  padding-top: 15px!important;     
  padding-right:  15px !important;
  padding-left: 15px !important;
  padding-bottom: 5px !important;/* istersen kendi padding’ini koruyabilirsin */
  background-color: #f9f7ff;    /* mevcut stilin */
  border: 2px solid #8e44ad;
  border-radius: 12px !important;
  box-sizing: border-box;
}

/* reset varsa overflow300’u tamamen kaldır */
.overflow300 {
  display: none !important;
}

/* iç kutu: zonklama ve diğer efektler kalabilir */
.nyPdgift-box {
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #ff7700;
  border-radius: 10px;
  margin-bottom: 12px !important;
  padding: 12px 14px !important;
  gap: 10px;
  overflow: visible;
  box-sizing: border-box;
  /* istersen zonklama efekti veya hover burda kalsın */
}

/* Daha yoğun turuncu zonklama efekti */
.nyPdgift-box {
  animation: intenseOrangePulse 2s ease-in-out infinite;
}

@keyframes intenseOrangePulse {
  0%, 100% {
    box-shadow: 0 0 4px rgba(255, 119, 0, 0.8);
  }
  50% {
    box-shadow: 0 0 16px rgba(255, 119, 0, 0.6);
  }
}


/* 1) Görsel kutusunu flex kapsayıcıya çevir */
.nyPdgift-boxImgDiv {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ff7700 !important;
  border-radius: 5px;
}

/* Ürün kutularının arka planını hafif kırık beyaz yap */
.nyPdgift-box {
  background-color: #f7f2ff  !important;
}

/* 2) Görseli max boyutlarla, otomatik oranlı kullan */
.nyGiftImageDetail {
  /* width:100%, height:100% kaldırıldı */
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;        /* resmin tamamı görünür, oran korunur */
  object-position: center;    /* kırpma da olsa ortada tutar */
}


.nyGiftImage {
  max-width: 35px !important;
  max-height: 35px !important;
  object-fit: contain !important;
  display: center;
  margin: 0 auto;
}



.product-title {
  font-weight: bold !important;
  text-align: left !important;
}



/* Turuncu metinli kısım (Orijinal Ürün) */
.combinedTitle strong {
    display: inline-block; /* EKLENECEK SATIR BU */
    color: #000 !important;
    background-color: #dcc6ff;
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 5px;
}
/* Mor metinli kısım (Açıklama metni) */
.combinedTitle span {
    color: #000 !important; /* Metin rengi koyu mor kalacak */
    background-color: #e1ffe4 !important;  /* Arka plan rengi açık yeşil */
    padding: 4px 8px;           /* İç boşluk */
    border-radius: 4px;
}

@media (max-width: 768px) {

    /* Ana kapsayıcıyı flexbox’a çevirip dikey dizilime geçiriyoruz */
    .combinedTitle {
        display: flex;
        flex-direction: column; /* Öğeleri alt alta sırala */
        gap: 5px;               /* Aralarına 5px boşluk koy */
        align-items: flex-start; /* EKLENECEK: Çocukları sola yasla, tam genişlikten kurtar */
    }

    /* strong etiketinin sağındaki boşluğu mobilde sıfırla */
    .combinedTitle strong {
        margin-right: 0;
        font-size: 10px !important;
        /* align-self: flex-start;  // alternativ olarak burayı da ekleyebilirsiniz */
    }
}


.brand-field-popup {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  color: #000 !important; /* Mor Yazı */
  
  /* Efektin yumuşak (0.3 saniyede) gerçekleşmesini sağlar */
  transition: background-color 0.3s ease, color 0.3s ease;
  
  /* Tıklanabilir olduğunu belirtmek için imleci el işareti yapar */
  cursor: pointer; 
  border: 1px solid #dcc6ff !important;
  font-size: 11px !important;
}

/* Üzerine gelindiğinde çalışan yumuşak hover efekti (Gölge ve hareket YOK) */
.brand-field-popup:hover {
  /* Arkaplanı, çerçevenin rengi olan turuncu yapar */
  background: #fdf2e5 !important;
  
}

/* Kutunun içindeki ana başlık (alttaki) */
.brand-field-popup .defaultTitle {
  font-size: 13px !important;
  font-weight: 600;
}

/* Kutunun içindeki kısa başlık (üstteki) */
.brand-field-popup .shortTitle {
  font-size: 16px !important;
  font-weight: 500;
  color: #fe7917 !important; /* Vurgu rengi - Canlı bir turuncu */
  margin-bottom: 2px;
  opacity: 0.9;
}


/* --- Modal Pencere Stilleri --- */

/* Modalın genel çerçevesi */
.modal-content {
  border: none;
  border-radius: 12px;
  overflow: hidden; /* Köşelerin yuvarlaklığını korumak için */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

/* Modal Başlığı (Header) */
.modal-header {
  background-color: #6247AA; /* Ana renk - Mor */
  color: #FFFFFF;
  padding: 1rem 1.5rem;
  border-bottom: 3px solid #FFA726; /* Vurgu rengiyle ince bir ayraç */
}

/* Modal Başlık Yazısı */
.brand-field-popup-title {
  color: #FFFFFF;
  font-weight: 600;
}

/* Modal Kapatma Düğmesi (Sağdaki X) */
.modal-header .btn-close {
  /* Bootstrap'in koyu renkli 'X' ikonunu beyaza çevirir */
  filter: invert(1) grayscale(100) brightness(200%);
  transition: transform 0.2s ease;
}

.modal-header .btn-close:hover {
  transform: scale(1.1);
}

/* Modal İçeriği (Body) */
.modal-body {
  padding: 25px 30px;
  font-size: 16px;
  line-height: 1.7; /* Okunabilirliği artırmak için satır yüksekliği */
  color: #495057; /* Çok sert olmayan bir siyah */
}

/* Modal içeriğindeki başlıklar veya linkler için örnek stil */
.modal-body h3,
.modal-body strong {
    color: #6247AA;
}
.modal-body a {
    color: #FFA726;
    text-decoration: none;
    font-weight: 600;
}
.modal-body a:hover {
    text-decoration: underline;
}

/* ---- Ürün Bilgi Çerçevesi Stilleri ---- */

.product-info-line .info-item strong{
    color: black !important;
}

.product-info-line .info-item span{
    color: black !important;
}

.product-info-line .info-item {
  display: inline-block;  /* blok değil, içerik genişliğine sığan bir kutu olsun */
  width: auto;            /* tam içerik genişliği */
  white-space: nowrap;    /* tarih satırı asla taşmasın */
  vertical-align: middle; /* eğer yanyana başka inline öğe varsa ortalasın */
  /* istersen şu satırları koru/ekle: */
  background: #f8b774 !important;    /* mevcut turuncun */
  padding: 8px 16px;
  border-radius: 10px;
  color: #fff !important;
  margin-bottom: 0px !important;
}

.product-info-line .info-item {
  width: auto !important;
}



/* Bilgi satırlarının genel stili */
.info-item {
  padding: 10px 15px;
  border-radius: 6px; /* Her bir satırın köşesini de yumuşatır */
  margin-bottom: 8px; /* Satırlar arasına boşluk ekler */
  display: flex;      /* Etiket ve değeri daha iyi hizalamak için */
  font-size: 14px;
}

/* Son bilgi satırının altındaki gereksiz boşluğu kaldırır */
.info-item:last-child {
  margin-bottom: 0;
}

/* Etiketlerin (strong) stili */
.info-item strong {
  font-weight: 600;
  color: #333;
}

/* Değerlerin (span) stili */
.info-item span {
  margin-left: 5px; /* Etiket ile değer arasına küçük bir boşluk koyar */
  color: #555;
}

/* Başlık ve Logoyu Yan Yana Getiren Kapsayıcı */
.title-wrapper {
    display: flex;
    justify-content: flex-start !important; /* Başlığı sola, logoyu sağa yaslar */
    align-items: top; /* Dikeyde ortalar */
    gap: 15px; /* Aralarına boşluk bırakır */
    margin-bottom: 10px; /* Altına biraz boşluk */
}

/* Fiyat ve Butonları içeren ana kapsayıcı */
.productLine {
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap; /* Mobilde alt satıra rahat inmesi için */
    margin-top: 10px !important;
    
    
}

/* Sağ taraf: Adet sayacı ve butonların kapsayıcısı */
.price-actions-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0; /* Ekran daralınca ezilmesini önler */
}

/* Adet seçici ve butonların kendi içindeki kapsayıcılar için stil sıfırlama */
.price-actions-wrapper .productCount,
.price-actions-wrapper .product-button-container {
    margin: 0 !important;
}

.price-actions-wrapper .product-button-container {
    display: flex;
    gap: 10px;
}

/* Sepete Ekle butonunun esnemesi için */
.price-actions-wrapper .ekleSepet {
    flex-grow: 1;
}

/* Favori butonunun boyutunu sabitlemek için */
.price-actions-wrapper .ekleFavori {
    flex-shrink: 0;
    width: 50px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* MOBİL GÖRÜNÜM (768px ve altı ekranlar için) */
@media (max-width: 768px) {
    .productLine {
        flex-direction: column; /* Ana yapıyı alt alta getir */
        align-items: flex-start; /* Tüm içeriği sola hizala */
    }
    .price-actions-wrapper {
        width: 100%; /* Mobilde tam genişlik kapla */
        margin-top: 15px; /* Fiyat ile arasına boşluk koy */
    }
}

@media only screen and (max-width: 768px) {
  .row.filterTop .col-lg-8 {
    background-color: #fdf2e5 !important;
    padding: 7px !important;
    border-radius: 5px !important;
  }
}


/* Marka Logosu Kutusu (İstediğiniz Kare, Radüslü Çerçeve) */
.brand-logo-box {
    width: 75px;  /* Genişlik (kare olması için height ile aynı) */
    height: 75px; /* Yükseklik */
    border: 2px solid #e0e0e0; /* İnce bir çerçeve */
    border-radius: 5px;
    border-color: #fe7917;/* İstediğiniz 10px yuvarlaklık */
    padding: 5px; /* Logo ile çerçeve arasına iç boşluk */
    background-color: #ffffff;
    flex-shrink: 0; /* Daralmalarda logo kutusunun küçülmesini engeller */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Logo Resminin Kutuya Sığmasını Sağlayan Kural */
.brand-logo-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Logonun esnemeden veya kırpılmadan kutuya sığmasını sağlar */
}

.nyPdGiftTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  display: none !important;
  margin-top: -5px !important;
}


.beadcrumbBox{
    margin-top: 15px!important;
}

img.logoImg.img-fluid {
  max-width: 300px !important; /* 186 * 1.5 */
  height: auto;
}


*a {
    cursor: pointer !important;
}

a {
    color: #000;
    text-decoration: none;
}

.fullHorizontalMenuRow {
    background: var(--menuBgColor) !important;
    padding: 10px;
}

header {
    padding: 2rem 0;
}

.m-b-35 {
    margin-bottom: 35px;
}

.swal2-container {
    zoom: 0.7;
}

.form-control:focus {
    border-color: #000 !important;
    box-shadow: none !important;
}

.banner {
    padding: 0 0.7rem;
}

.topBanner {
    text-align: center;
    padding: 7px 0;
}

.topBanner a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.topBanner a:hover {
    color: #fff;
}

.cartIconBox {
    padding: 0;
    margin: 0;
}

.cartIconBox li {
    list-style-type: none;
    float: right;
    margin-right: 20px;
    font-size: 25px;
    line-height: 0;
}

.cartIconBox li a {
    text-decoration: none;
    color: #000 !important;
}

.cartIconBox li a:hover {
    color: #8e8400;
}

.header-top {
    font-size: 12px;
    border-bottom: 1px solid #e1e1e1;
    padding: 7px 0 !important;
    font-weight: 600 !important;
    color: black !important;
}

.header-top p {
    padding-bottom: 0;
    margin-bottom: 0;
}


.nyGiftContainer {
  width: 100%;
  color: #333; /* Örneğin bir renk ekledim, boş bırakmak yerine */
  border: 1px solid #fd7a00 !important;
  border-radius: 10px;
  padding: 5px 5px;
  margin-bottom: 10px !important;
  margin-top: -5px !important;
  animation: orangePulse 1.5s infinite; /* daha kısa süre */
}

@keyframes orangePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(82, 46, 145, 0.3); /* Opaklık 0.5'ten 0.3'e düşürüldü */
  }
  50% {
    box-shadow: 0 0 8px 4px rgba(82, 46, 145, 0.6); /* Yayılma 10px'ten 8px'e, opaklık 0.8'den 0.6'ya düşürüldü */
  }
  100% {
    box-shadow: 0 0 0 0 rgba(82, 46, 145, 0.3); /* Opaklık 0.5'ten 0.3'e düşürüldü */
  }
}

/* NOT: Eğer .nyGiftContainer içindeki metin görünmüyorsa,
   konteynerin 'color' özelliğini belirlediğinizden emin olun (örn: color: #333;). */

.nyGiftContainer .row .col-12 {
  text-align: center !important;
  font-size: 10px;
  font-weight:600 !important;
  color: #522e91 !important;
  text-transform: uppercase;
  margin-bottom: 0 !important;
}

.nyFilterPriceInput {
  margin: 5px !important;
  font-size: 12px !important;
  height: 30px !important;
  background-color: #fff !important;
  border: solid 1px #fd7a00 !important; /* Normal durumda turuncu çerçeve */
  border-radius: 6px !important;
  width: 80px !important;
  text-align: center !important;
  outline: none; /* Odaklanıldığında varsayılan tarayıcı çerçevesini kaldırın */
  transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out; /* Geçiş ekleyin */
}

.nyFilterPriceInput:focus {
    font-size: 12px!important;
  border-color: #522e91 !important; /* Odaklanıldığında kenarlık rengini mora çevir */
  /* Daha hafif hareli mor vurgu için box-shadow kullanın */
  box-shadow:
    0 0 0 1px rgba(82, 46, 145, 0.1), /* En içteki katman, çok hafif */
    0 0 0 2px rgba(138, 43, 226, 0.15), /* Orta katman, biraz daha belirgin */
    0 0 0 3px rgba(75, 0, 130, 0.1);   /* En dıştaki katman, yine hafif */
  /* NOT: Opaklıklar daha da düşürüldü ve yayılma yarıçapları küçültüldü. */
}

.nyFilterPriceRangeBt {
  height: 30px !important;
  cursor: pointer !important;
  margin: 5px !important;
  border: 2px solid #fd7a00 !important;
  background-color: white !important;
  border-radius: 5px !important;
  width: 100px;
  transition: all 0.2s ease; /* Yumuşak geçiş efekti */
}

.nyFilterPriceRangeBt:hover {
  background-color: #542c96 !important;
  border-color: #542c96 !important;
  color: white !important; /* Yazı rengi değişsin istersen */
}


#filterArea {
  background-color: #fdf2e5 !important;
  padding: 20px !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  margin-right: 5px !important;
}

@media only screen and (min-width: 769px) {
  #filterArea {
    margin-top: -20px;
  }
}

@media only screen and (max-width: 768px) {
  #filterArea {
    margin-left: 5px !important;
  }
}



.categoriTitle h1 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color:#fd7a00 !important;
  text-align: left !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
}


.text-center {
  text-align: center !important;
}



.ny-filter-title {
  font-size: 19px !important;
  font-weight: 600;
  color: #522e91 !important;
  padding: 10px 0px;
}

.ny-filter-item label {
  cursor: pointer;
  color: black !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  margin-bottom: 2px !important;
  font-weight: 600 !important;
}

.ny-filter-item {
  overflow-y: scroll;
  max-height: 350px !important;
  margin-bottom: 10px;
  display: none;
}


/* Başlık Stili (HTML'inizde varsa) */
.filter-title {
  font-size: 16px;
  font-weight: 700;
  color: #522e91; /* Mor renk */
  margin-bottom: 15px;
  border-bottom: 1px solid #fd7a00; /* Altına turuncu çizgi */
  padding-bottom: 5px;
}


.ny-filter-item label input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #fd7a00; /* Turuncu çerçeve */
  border-radius: 3px;
  background-color: #fff;
  vertical-align: baseline;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}

.ny-filter-item label input[type="checkbox"]:checked {
  border-color: #542c96; /* Seçildiğinde mor çerçeve */
  background-color: #542c96; /* Mor dolgu */
}

.ny-filter-item label input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


.nyMenuBlurClasses .breadcrumbBox {
  margin-top: 20px !important;
}



.breadcrumbBox {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  color: #542c96 !important;
  margin-top:  10px !important;
  margin-bottom: 10px !important;
}


.breadcrumb li.breadcrumb-item a {
  color: #542c96 !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.breadcrumb li.breadcrumb-item a:hover {
  color: #fd7a00 !important;
  text-decoration: underline !important;
}

header {
  background-color: #fdf2e5 !important;
  width: 100% !important;
}

.header.w-100 {
  background-color: #fdf2e5 !important;
}

.top-header-search-box input {
  border: 2px solid #542c96 !important;
  border-radius: 10px !important;
  padding: 8px 15px !important;
  font-size: 15px !important;
  outline: none !important;
  box-shadow: 0 0 8px rgba(84, 44, 150, 0.3); /* Mor hare efekti */
  transition: all 0.2s ease;
  color: #333;
}

.top-header-search-box input:hover,
.top-header-search-box input:focus{
  border-color: #fd7a00 !important;
  box-shadow: 0 0 10px 3px rgba(253, 122, 0, 0.4) !important; /* Turuncu hare tıklanınca */
}


.top-header-search-box button {
  position: absolute !important;
  right: 0; /* Gerekirse konum sabitle */
  top: 0;
  height: 100%;
  min-width: 48px;
  background-color: #542c96 !important; /* Mor arka plan */
  color: #fff !important; /* Beyaz ikon */
  border: none !important;
  border-radius: 10px !important;
  font-size: 1rem !important;
  cursor: pointer;
  box-shadow: 0 0 8px rgba(84, 44, 150, 0.3); /* Mor hare */
  transition: all 0.3s ease;
}

.top-header-search-box button:hover,
.top-header-search-box button:focus {
  background-color: #fd7a00 !important; /* Turuncu arka plan */
  box-shadow: 0 0 10px 3px rgba(253, 122, 0, 0.4); /* Turuncu hare */
}


.fullHorizontalMenuRow.mobHide {
  background: linear-gradient(90deg, #7a60b0, #fdae5c) !important;
  /*box-shadow: 0 10px 20px -5px rgba(122, 96, 176, 0.3), */
  /*            0 15px 25px -5px rgba(253, 174, 92, 0.3) !important;*/
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  /*position: relative !important;*/
  /*z-index: 9999 !important;*/
}

.col-lg-12.productTitle {
  margin-top: 15px !important;
}



.menuBox .dropdown:hover .dropdown-menu {
  display: block;
  position: absolute;
  margin: 0px !important;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #fdf2e5 !important;
}




.menuBox > li.nav-item > a {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.menuBox > li.nav-item a:hover {
  color: #542c96 !important;
  border-bottom: 2px solid #fd7a00 !important;
}


.ny-marquee-text {
  background-color: #fe7917 !important;
  border-top: 1px solid #fe7917 !important;
  border-bottom: 1px solid #fe7917 !important;
  box-shadow: 0 4px 10px rgba(64, 0, 128, 0.6) !important; /* Mor hare efekti */
  color: #ffffff !important;
  display: flex !important;
}

.dropdownAc-menu {
  display: none !important;
  position: absolute !important;
  background-color: #fff !important;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2) !important;
  min-width: 250px !important;
  padding: 10px !important;
  border-radius: 10px !important;
  z-index: 10001 !important;
}


@media only screen and (max-width: 768px) {
  .productTitle span a {
    font-size: 15px !important;
  }
}

.dropdownAc:hover .dropdownAc-menu {
  display: block !important;
  z-index: 10001 !important;
}


.stories.snapgram .story > .item-link > .item-preview {
  border-radius: 50% !important;
  padding: 3px !important; /* Kenarlık kalınlığı 3px olarak değiştirildi */
  background: radial-gradient(ellipse at 70% 70%, #ff9a00 8%, #ff6c00 42%, #ff3d00 58%) !important; /* Turuncu tonlu gradyan */
}


.stories.carousel {
  display: flex;
  justify-content: center;
  gap: 10px; /* aralarına boşluk istersen */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}


.productTitle {
  font-size: 18px !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  text-align: center;
  padding: 10px 10px 10px 10px !important;
  margin-bottom: 0px !important;
  display: block;
  border-radius: 10px !important ;
  color:white!important;
}

.btn-light {
  background-color: #efd9c3 !important;
  border-radius: 10px !important;
  color: white !important;
  padding: 6px 12px !important;
  text-decoration: none !important;
  display: inline-block;
}

.productTitle span {
  color: var(--siteLinkHover) !important;
}


.productTitle, .productTitle a, .productTitle span {
  color: white !important;
}


.social-link {
    width: 20px;
    height: 20px;
    border: unset !important;
    display: inline-block !important;
    color: #666;
}

.hemenAl {
    background-color: var(--productNowBtBgColor) !important;
    border: 1px solid var(--productNowBtBgColor) !important;
    color: var(--productBtNowTextColor) !important;
}

.hemenAl:hover {
    background-color: var(--productNowBtBgColorHover) !important;
    color: var(--productBtNowTextColorHover) !important;
}

/* Sepet Boş */
.cartBos .cartBosDiv {
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 10px;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
}

.cartBos .cartIcon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dedede;
    margin-bottom: 20px;
    border-radius: 10px;
}

.cartBos .cartTitle {
    color: #313132;
    font-size: 24px;
    font-weight: 500;
    margin: 14px 0 0;
}

.cartBos .cartDesc {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
    margin-top: 5px;
}

/* Slider */
.owl-carousel .owl-nav {
    overflow: hidden;
    height: 0;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #4b4b4b;
}

.owl-carousel .nav-btn {
    height: 47px;
    position: absolute;
    width: 26px;
    cursor: pointer;
    top: 150px !important;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
}

.owl-carousel .prev-slide {
    background: url("../owl/nav-icon2.webp") no-repeat scroll 0 0;
    left: -10px;
}

.owl-carousel .next-slide {
    background: url("../owl/nav-icon2.webp") no-repeat scroll -24px 0;
    right: -10px;
}

.owl-carousel .prev-slide:hover {
    background-position: 0 -53px;
}

.owl-carousel .next-slide:hover {
    background-position: -24px -53px;
}

span.img-text {
    text-decoration: none;
    outline: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    cursor: pointer;
    width: 100%;
    font-size: 23px;
    display: block;
    text-transform: capitalize;
}

span.img-text:hover {
    color: #2caae1;
}

.swiper-button-next {
    color: #444 !important;
    transition: all 0.3s ease;
}

.swiper-button-next:hover {
    color: #ded700 !important;
}

.swiper-button-prev {
    color: #444 !important;
    transition: all 0.3s ease;
}

.swiper-button-prev:hover {
    color: #ded700 !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0 !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0 !important;
}

.homeComp swiper-button-prev {
    left: -50px !important;
}

.homeComp swiper-button-next {
    right: -50px !important;
}

@media (max-width: 768px) {
    .swiper-button-prev {
        display: none;
    }

    .swiper-button-next {
        display: none;
    }
}

/* Scroll To Top */
.scroll-top {
    position: fixed;
    text-align: center;
    bottom: 30px;
    left: auto;
    right: 30px;
    width: 60px;
    height: 60px;
    font-size: 27px;
    opacity: 0;
    visibility: hidden;
    transition: transform .3s, visibility .3s, opacity .3s;
    color: #222;
    transform: translateY(40px);
    border-radius: 3px;
    z-index: 9999;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    line-height: 60px;
    background-color: #fff;
}

.scroll-top:hover {
    color: #222;
}

.scroll-top i {
    font-weight: 900;
    line-height: inherit;
}

@media (min-width: 768px) {
    .scroll-top.show {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }
}



.productTitle span {
    color: #000;
    text-decoration: none;
}

.productTitle span a {
    color: #000;
    text-decoration: none;
}


.productBox {
  background-color: #fff;
  border: 1px solid #fb7600; /* Genel kenarlık 1px */
  border-left: 3px solid #fb7600; /* Sol kenarlık 3px */
  border-top: 3px solid #fb7600; /* Sağ kenarlık 3px */
  border-radius: 10px;
  margin-bottom: 20px !important;
  padding: 11px !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}



.productBox:hover {
  border-color: #dcc6ff !important; /* hover'da border rengi */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Gölgeyi daha az belirginleştir */
}

.item-product-info {
    min-height: 180px;
    padding: 10px 0;
    display: flex;
    flex-grow: 1 !important;
    align-items: normal;
    flex-direction: column;
    justify-content: flex-start;
}

div.item-product-info{
    margin-bottom: 0px !important;
}

.item-product-brand {
    font-size: 12px;
    font-weight: 600;
    color: #000;
    margin-bottom: 3px;
}

.item-product-brand a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 3px;
    text-decoration: none;
}

.item-product-name a {
  display: block !important;              /* Blok seviye, tam genişlik */
  width: 100% !important;                 /* konteyneri doldursun */
  white-space: normal !important;         /* tek satır zorlamasını iptal et */
  overflow: visible !important;           /* taşanı gizleme */
  text-overflow: clip !important;         /* … ile kesme yok */
  word-wrap: break-word !important;       /* uzayan kelimeyi satır kır */
  overflow-wrap: break-word !important;   /* modern tarayıcı uyumluluğu */
  font-size: 11px !important;
}



.productPhoto_250 {
    object-fit: contain !important;
    max-height: 250px !important;
    min-height: 250px !important;
    max-width: 250px !important;
}

.item-product-image-box {
    position: relative;
}

/* .product-label-new-ticket { position: absolute } */
/* .product-label-new-ticket label { top: 10px; left: 25px; background-color: #E74C3F; padding: 2px 10px; color: white; font-size: 10px; border-radius: 2px; position: absolute } */
.product-label-new-ticket label {
    background-color: #E74C3F;
    padding: 2px 10px;
    color: white;
    font-size: 10px;
    border-radius: 2px;
}

/* Information */
.bilgiItem {
    position: relative;
}

.bilgiItem:not(:last-child) .bilgiBox::after {
    content: '';
    height: 37px;
    width: 1px;
    background: #e1e1e1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.bilgiBox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bilgiBox i {
    font-size: 31px;
    color: #000;
    float: left;
    margin-right: 15px;
}

.bilgiBox .title {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
}

.bilgiBox .subtitle {
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
}

/* Brands */
.brandsBox .item p {
    text-align: center;
}

.brandsBox .item img {
    border: 1px solid #d3d3d3;
    border-radius: 7px;
    padding: 7px;
}

.brandsBox .item p {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 15px;
}

/* Menü */
.menuBox {
    padding: 0;
    margin: 0;
}

.menuBox > li.nav-item {
    float: left;
    padding: 0 15px;
    margin: 0;
}

.menuBox > li.nav-item a {
    color: gray;
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600 !important;
    border-bottom: 2px solid transparent;
}

.menuBox > li.nav-item a:hover {
    color: var(--menuTextHoverColor);
    border-bottom: 1px solid var(--menuTextHoverColor);
}

.submenu-ny {
    min-width: 25%;
    list-style-type: none;
    padding-left: 0;
}

.submenu-ny li {
    display: block;
    list-style-type: none;
    margin-bottom: 5px;
    color: gray !important;
}

.submenu-ny li:nth-child(1) a {
    font-weight: 600;
    font-size: 18px !important;
    color: black !important;
}

.submenu-ny li a {
    text-decoration: none;
    color: gray !important;
}

.submenu-ny li a:hover {
    color: #000 !important;
}

.dropdown-menu {
    width: 100%;
}

.mobile-menu-toggler {
    color: var(--menuTextColor) !important;
}

.addSptBt {
  display: block;
  margin: auto;
  margin-top: 5px;
  background-color: #522e91; /* Normal arka plan rengi mor */
  font-size: 12px !important;
  border-radius: 5px !important; /* Bu satır en üstteydi, önemli */
  padding: 7px 24px;
  color: var(--productBtTextColor);
  width: 100%;
  text-align: center;
  letter-spacing: initial;
  cursor: pointer !important;
  /* border-radius: 0; Bu satır üstteki border-radius: 5px !important; satırını geçersiz kılıyordu.
     Eğer 5px istiyorsanız bu satırı kaldırın. */
  transition: all 0.3s ease; /* Tüm geçişler için genel süre */

  /* Normal durumda gradient yok veya arka plan rengiyle aynı */
  background-image: none; /* Varsayılan olarak gradient olmasın */
}

.addSptBt:hover {
  /* Mevcut hover arka plan rengini koru veya kendi mor hare gradient'ini ayarla */
  /* Eğer var(--productBtBgColorHover) mor harenin ana rengi olacaksa, bu satırı bırakın */
  /* background-color: var(--productBtBgColorHover); */

  /* Mor hare efekti için background-image kullanın */
  background-image: linear-gradient(45deg, #8a2be2, #4b0082, #8a2be2, #9400d3);
  background-size: 200% auto; /* Gradient'i daha büyük yap ki hareket edebilsin */
  background-position: right center; /* Gradient'in başlangıç pozisyonu */

  /* Bu iki satır mevcut border ve color değişkenlerini kullanmaya devam edecektir. */
  color: var(--productBtTextColorHover);

  /* Hareli görünümün animasyonla sağa doğru hareket etmesini sağlar */
  animation: moveHare 0.6s linear forwards; /* Hareket animasyonu */
}

/* Hare hareket animasyonu */
@keyframes moveHare {
  from {
    background-position: left center; /* Başlangıçta soldan gelsin */
  }
  to {
    background-position: right center; /* Sağa doğru hareket etsin */
  }
}

.dontStokBt {
    display: block;
    margin: auto;
    margin-top: 5px;
    background-color: var(--dontStockBgColor);
    border: 1px solid var(--dontStockBgColor);
    font-size: 15px;
    padding: 7px 24px;
    color: var(--dontStockTextColor);
    width: 100%;
    text-align: center;
    letter-spacing: initial;
    cursor: pointer !important;
    border-radius: 0;
    transition: all 0.3s ease;
}

.dontStokBt:hover {
    background-color: var(--dontStockBgColorHover);
    border: 1px solid var(--dontStockTextColorHover);
    color: var(--dontStockTextColorHover);
}

/* Footer */
.footer {
    background-color: var(--footerBgColor);
}

.widget {
    padding-top: 25px;
}

.widget .widget-title {
    color: var(--footerTextColor) !important;
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 20px;
    display: block;
}

.widget .widget-body {
    padding-left: 0;
}

.widget .widget-body li {
    list-style-type: none;
}

.widget .widget-body li a {
    text-decoration: none;
    color: var(--footerTextColor) !important;
    font-weight: 400;
    font-size: 13px;
}

.widget .widget-body li label {
    color: var(--footerTextColor) !important;
}

.widget .widget-body li a:hover {
    color: var(--footerTitleColor) !important;
}

.widget p {
    color: #999;
    line-height: 19px;
    font-size: 13px;
}

.etbisdiv > img {
    width: 90px !important;
    margin-left: auto;
    margin-right: auto;
}

.mobileApp a {
    display: block;
    text-align: left;
}

.mobileApp img {
    margin-bottom: 10px;
    opacity: 0.7;
}

.mobileApp img:hover {
    opacity: 1;
}

.socialLinks {
    display: block;
    text-align: left;
}

.socialLinks a {
    font-size: 25px;
    color: #fff;
    text-decoration: none;
    padding-right: 7px;
}

.formSbs {
    border-radius: 0;
    height: 29px;
    font-size: 13px;
    margin-bottom: 5px;
}

.formSbs:focus {
    outline: none;
    border-color: #feed02 !important;
    box-shadow: none !important;
}

.subsBoxForm .btn {
    width: 100%;
    background-color: var(--siteBtBgColor);
    color: var(--siteBtTextColor);
    height: 30px;
    line-height: 15px;
    font-size: 13px;
    border-radius: 0;
}

.footerBottom {
    margin-top: 25px;
    padding: 10px 0;
}

.copyrightText {
    font-size: 13px;
    color: var(--footerTextColor);
    margin-bottom: 0;
    line-height: 24px;
}

/* Category Header */
.categoriTitle {
    padding-bottom:15px !important;
    padding-top:15px !important;
}

@media only screen and (max-width: 768px) {
  .categoriTitle {
    padding: 14px !important;
  }
}


.sariLine {
    border-bottom: 2px solid #000;
    width: 75px;
    margin-left: auto;
    margin-right: auto;
}

/* Category Filter */
.panel-filtre {
    font-family: 'Poppins', sans-serif;
    margin-bottom: 30px;
}

.panel-filtre .panel-heading {
    margin-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
}

.panel-filtre .panel-title {
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
}

.filtreBox {}

.filtreIcon {
    float: right;
    margin-top: 5px;
    margin-right: 15px;
}

.filtreBox .filtre-group {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.filtreBox .filtre-group li {
    margin-bottom: 5px;
}

.filtreBox .filtre-group li label {
    font-size: 13px;
}

.filtreBox .filtre-group li label input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #d3d3d3;
    border-radius: 10px;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

.filtreBox .filtre-group li label input[type="checkbox"]:checked {
    border: 0.1em solid #6e6e6e;
}

.filtreBox .filtre-group li label input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.7em;
    transform: scale(0);
    border-radius: 10px;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #000;
}

.filtreBox .filtre-group li label input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.filtreBox .filtre-group li label {
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
    align-items: center;
}

.filterGroupBox {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0;
}

.filterGroupBox::-webkit-scrollbar {
    border-radius: 90px;
    width: 8px;
}

.filterGroupBox::-webkit-scrollbar-thumb {
    border-radius: 90px;
    min-height: 50px;
    background-color: #000;
}

.filterGroupBox::-webkit-scrollbar-track {
    background: #000;
    border-radius: 90px;
}

/* Product Item */
/*.productPhoto_200_x {*/
/*    object-fit: unset !important;*/
/*    max-height: 200px !important;*/
/*    min-height: 200px !important;*/
/*    max-width: 100% !important;*/
/*}*/

.productPhoto_200 {
  object-fit: unset !important;
  max-height: 200px !important;
  min-height: 200px !important;
}


.item-product-name {
    display: flex;
    margin-bottom: 10px;
    flex-grow: 1;
    font-size:8px;
}

.item-product-priceSale {
    font-size: 17px;
    font-weight: 600;
    color: var(--priceTextColor) !important;
}

.default-price {
    color: var(--priceTextColor) !important;
}

.disc-price {
    color: #e74c3c;
}

.item-product-price {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: end;
    padding: 5px!important;
    background-color:#fdf2e5!important;
    margin-bottom:5px !important;
    border-radius:5px!important;
}

.item-product-price .item-product-disc {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600 !important;
    color: #ff750b;
    background-color: #fd7a00 !important;
    border-radius: 5px !important;
    margin-right: 5px;
    border: 1px solid #e74c3c;
    padding: 3px !important;
    font-size: 14px !important;
}



.item-product-price .item-product-disc i {
    display: inline-block;
    width: 20px !important;
    height: auto;
    margin-right: 3px;
}

.item-product-priceOld {
    color: #522e91 !important;
    font-size: 13px;
    margin-right: 5px;
    text-decoration: line-through;
    font-weight: 500;
    padding-top: 0px !important;
}

.item-product-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Filter Top */
.sortfiltre {
    padding-bottom: 2px;
    padding-top: 2px;
    width: 140px;
    font-size: 13px;
}

.filtreSelectGroup {
    float: right;
}

.filtreSelectGroup label {
    font-size: 13px;
    line-height: 15px;
    margin-right: 10px;
    color: #542c96 !important;
    font-weight: 600px !important;
}

.catProductCount {
    font-size: 14px;
}

.filterTop {
    font-family: 'Poppins', sans-serif;
    margin-bottom: 19px;
}

.filterTop strong {
    font-weight: 600;
}

.filtreSelectGroup label {
    display: grid;
    grid-template-columns: 1em auto;
    gap: 0.5em;
}

.filtreSelectGroup input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid #d3d3d3;
    border-radius: 10px;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

.filtreSelectGroup input[type="checkbox"]:checked {
    border: 0.1em solid #6e6e6e;
}

.filtreSelectGroup input[type="checkbox"]::before {
    content: "";
    width: 0.65em;
    height: 0.7em;
    transform: scale(0);
    border-radius: 10px;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #000;
}

.filtreSelectGroup input[type="checkbox"]:checked::before {
    transform: scale(1);
}

/* Pagination */
.pagination {
    font-family: 'Poppins', sans-serif;
    list-style-type: none;
    padding: 30px 0 50px 0;
    margin: 0;
    float: right;
}

.pagination li {
    margin-right: 10px;
}

.pagination li a {
    border-radius: 99px;
    border: 1px solid #e3e3e3;
    color: #000;
    padding: 8px 13px;
    text-decoration: none;
}

.pagination li a:hover {
    color: #000;
    border: 1px solid #000;
}

.pagination .active a {
    color: #000;
    border: 1px solid #000;
    border-bottom-left-radius: var(--bs-pagination-border-radius) !important;
    background-color: unset;
}

/* Category Text Box */
.catTextBox {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 20px;
    border: 1px solid #ececec;
    border-radius: 9px;
}

.catTextBox a {
    text-decoration: underline;
    color: #000;
    font-weight: 600;
}

.catTextBox::-webkit-scrollbar {
    border-radius: 90px;
    width: 8px;
}

.catTextBox::-webkit-scrollbar-thumb {
    border-radius: 90px;
    min-height: 50px;
    background-color: #000;
}

.catTextBox::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 90px;
}

/* catTextBox */
.catTextBox a {
    color: #0000EE !important;
}

.catTextBox a:visited {
    color: #551A8B !important;
}

.catTextBox h1 {
    font-size: 17px !important;
    font-weight: 600;
}

.catTextBox h2 {
    font-size: 17px !important;
    font-weight: 600;
}

.catTextBox h3 {
    font-size: 16px !important;
    font-weight: 600;
}

.catTextBox h4 {
    font-size: 15px !important;
    font-weight: 600;
}

.catTextBox h5 {
    font-size: 14px !important;
    font-weight: 600;
}

.catTextBox h6 {
    font-size: 13px !important;
    font-weight: 600;
}

/* textshort */
.textshort a {
    color: #0000EE !important;
}

.textshort a:visited {
    color: #551A8B !important;
}

.textshort h1 {
    font-size: 17px !important;
    font-weight: 600;
}

.textshort h2 {
    font-size: 17px !important;
    font-weight: 600;
}

.textshort h3 {
    font-size: 16px !important;
    font-weight: 600;
}

.textshort h4 {
    font-size: 15px !important;
    font-weight: 600;
}

.textshort h5 {
    font-size: 14px !important;
    font-weight: 600;
}

.textshort h6 {
    font-size: 13px !important;
    font-weight: 600;
}

/* Breadcrumb */
.breadcrumbBox {
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
}

.breadcrumb {}

.breadcrumb li.breadcrumb-item {}

.breadcrumb li.breadcrumb-item a {
    text-decoration: none;
    font-size: 14px;
    color: #999;
}

.breadcrumb li.breadcrumb-item a:hover {
    text-decoration: underline;
    color: #000;
}

/* Product Details */
.productDetails {
    font-family: 'Poppins', sans-serif;
    padding: 30px 20px;
}

.productDetails .product-brand {
    font-weight: 600;
    font-size: 19px;
}

.productDetails .product-title {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 0;
}

.productDetails .product-stockcode {
    font-size: 13px;
}

.productPrices {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* İndirim Rozeti: Büyük ve Köşeli Tasarım */
.productPrices .product-discount {
    background: linear-gradient(135deg, #FF6B6B, #FF4D4D);
    color: #ffffff !important;
    font-size: 18px; /* Boyuta uygun olarak fontu büyüttük */
    font-weight: 700;
    border-radius: 5px; /* İsteğine göre köşeleri 5px yuvarladık */
    border: none !important;
    box-shadow: 0 4px 12px rgba(255, 77, 77, 0.5); /* Daha belirgin bir gölge */
    
    /* Kare ve büyük olması için sabit boyutlar ve ortalama */
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;

    /* Flex ile ortalama yaptığımız için padding'e ihtiyaç kalmadı */
    padding: 0 !important;
}

.productPrices .product-discount i {
    display: inline-block;
    width: 10px;
    height: auto;
    margin-right: 3px;
}

.product-price-old {
    color: #6840ab !important;
    font-size: 20px;
    margin-left: 10px !important;
    text-decoration: line-through;
    font-weight: 500;
    padding-top: 5px;
}

.product-price-sale {
    font-size: 30px !important;
    font-weight: 600;
}

.default-price {
    color: #000;
}

.discount {
    color: #000;
}

/* Product Variant */
.productVariants {
    font-family: 'Poppins', sans-serif;
}

.variantGroup {
    display: flex;
    flex-direction: column;
    margin-bottom: 21px;
}

.variantGroup .group-label {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}

.group-variants {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px 10px;
}

.varyantRadioLabel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    min-height: 35px;
    text-align: center;
    font-size: 14px;
    text-decoration: none !important;
    transition: all .3s ease-out;
    min-width: 60px;
    cursor: pointer;
    outline: none;
    padding: 0 10px;
}

.varyantRadio input[type=radio] {
    visibility: hidden;
    position: absolute;
    margin-left: -20px;
}

.varyantRadio input[type=radio]:checked + label {
    color: #fff;
    background-color: #000;
    border-radius: 0;
    line-height: 23px;
}

.varyantRadioLabel:hover {
    background-color: #000;
    color: #fff;
}

.varyantRadio.active {
    background-color: #000;
    color: #fff;
}

.productImageBox {
    border: 1px solid #cdcdcd52;
    padding: 7px;
    border-radius: 13px;
}

.productCart {
  font-family: 'Poppins', sans-serif;
  display: flex;
  align-items: center;
  gap:15px !important
  justify-content: space-between;
  transition: all 0.3s ease;
}



.productCount {
    height: 40px;
    position: relative;
    display: flex;
    align-items: stretch;
    width: 100%;
    margin-top: 10px;
}

.ny-soico {
    width: 2rem !important;
    margin-left: 2px !important;
}

.quantity-left-minus {
    padding: 5px;
    border-radius: 0;
    border: 1px solid #ccc;
    color: #222;
    background-color: transparent;
    cursor: pointer;
}

.quantity-right-plus {
    padding: 5px;
    border-radius: 0;
    border: 1px solid #ccc;
    color: #222;
    background-color: transparent;
    cursor: pointer;
}

.quantity-left-minus:hover {
    background-color: #d3d3d3;
}

.quantity-right-plus:hover {
    background-color: #d3d3d3;
}



.product-cart-heart:hover {
    color: var(--favBtBgColorHover);
    border-color: var(--favBtBgColorHover);
}

.product-cart-heart {
    text-align: center;
    text-decoration: none;
    color: var(--favBtBgColor);
    border: 1px solid var(--favBtBgColor);
    padding: 3px 20px 0 20px;
    font-size: 20px;
    display: inline-block;
    height: 40px;
}

.favorite-selected {
    background-color: var(--favBtBgColorHover);
    color: var(--favBtTxtColorHover);
}

.favorite-selected:hover {
    background-color: var(--favBtBgColor);
    color: var(--favBtTxtColor);
}

.talepUrun {
    background-color: var(--productBtBgColor);
    color: var(--productBtTextColor);
    border: 1px solid var(--productBtBgColor);
    border-radius: 0;
}

.talepUrun:hover {
    color: var(--productBtTextColorHover) !important;
    background-color: var(--productBtBgColorHover) !important;
    border: 1px solid var(--productBtTextColorHover) !important;
}

.input-number {
    border-radius: 0;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    text-align: center;
    min-height: unset;
    outline: none;
}

.input-number:focus {
    border-color: #d3d3d3;
    box-shadow: none;
}

.productCount input::-webkit-outer-spin-button,
.productCount input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.productCount input[type=number] {
    -moz-appearance: textfield;
}

/* Product Info */
.productInfo {
    font-family: 'Poppins', sans-serif;
    padding: 30px 20px;
    border-bottom: 1px solid #cdcdcd52;
}

.info-title {
    text-decoration: none;
    color: #000;
    font-size: 17px;
    font-weight: 600;
    display: block;
    cursor: pointer;
}

.info-title:hover {
    color: #999;
}

.info-title::before {
    float: right;
    padding-right: 10px;
    color: #000;
    content: '\F280';
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
    -webkit-font-smoothing: antialiased;
}

.infoBox .collapse {
    padding: 25px 0;
    word-wrap: break-word;
    white-space: normal;
}

.infoBox h1 {
    font-size: 19px !important;
}

.infoBox h2 {
    font-size: 19px !important;
}

.infoBox table a {
    text-decoration: none;
    color: #000;
}

.productImages .product-image {
    padding: 7px;
}

.productImages .product-image img {
    border: 1px solid #cdcdcd52;
    border-radius: 13px;
}

/* Mobil Menü*/
.mobile-menu-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 250px;
    transform: translateX(-100%);
    transition: all .25s;
    background-color: #1D1E20;
    font-size: 1.2rem;
    line-height: 1.5;
    box-shadow: 0.1rem 0 0.6rem 0 rgba(50, 50, 50, 0.65);
    visibility: hidden;
    z-index: 1001;
    overflow-y: auto;
}

.mmenu-active .mobile-menu-container {
    transform: translateX(0);
    visibility: visible;
}

.mobile-menu-container .social-icons {
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
}

.mobile-menu-container .social-icon {
    width: 3rem;
    height: 3rem;
    margin-bottom: 0;
    border: 0;
    background-color: transparent;
    font-size: 1.5rem;
}

.mobile-menu-container .social-icon + .social-icon {
    margin-left: .3rem;
    color: white;
}

.mobile-menu-container .social-icon:hover,
.mobile-menu-container .social-icon:focus {
    background-color: transparent;
    color: #fafafa;
}

.mobile-menu-wrapper {
    position: relative;
    padding: 4.2rem 0 3rem;
}

.mobile-menu-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: .4rem;
    color: #fff;
    font-size: 1.3rem;
    line-height: 1;
    cursor: pointer;
    z-index: 9;
}

.mobile-menu-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all .25s;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

.mmenu-active .mobile-menu-overlay {
    opacity: 1;
    visibility: visible;
}

.mmenu-active .sidebar-product {
    display: none;
}

.mobile-nav {
    margin: 0 0 2rem;
    padding: 0;
}

.mobile-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mobile-menu > li > a {
    text-transform: uppercase;
}

.mobile-menu li {
    display: block;
    position: relative;
    border-bottom: 1px solid #242527;
}

.mobile-menu li a {
    font-size: 12px;
    display: block;
    position: relative;
    margin-right: 4.5rem;
    padding: 7px 10px;
    color: #fff;
}

.mobile-menu li a:hover,
.mobile-menu li a:focus {
    color: #b7b7b7;
    text-decoration: none;
}

.mobile-menu li.open > a,
.mobile-menu li.active > a {
    color: #b7b7b7;
}

.mobile-menu li ul {
    display: none;
    margin: 0;
    padding: 0;
}

.mobile-menu li ul li a {
    padding-left: 1rem;
}

.mobile-menu li ul ul li a {
    padding-left: 3.5rem;
}

.mmenu-btn {
    display: block;
    position: absolute;
    top: 50%;
    right: -3.8rem;
    width: 3rem;
    height: 3rem;
    margin-top: -1.5rem;
    text-align: center;
    border-radius: 0;
    outline: none;
    background-color: transparent;
    color: #fff;
    font-size: 1.5rem;
    line-height: 3rem;
    cursor: pointer;
}

.pageSmallTitle {
    text-align: center;
    font-size: 23px;
    display: block;
    margin-bottom: 25px;
}

#regform .form-group {
    margin-bottom: 15px;
}

#logform .form-group {
    margin-bottom: 15px;
}

#profilUpdateForm {
    margin-top: 35px;
    margin-bottom: 15px;
}

#profilUpdateForm .form-group {
    margin-bottom: 15px;
}

#frmsrl {
    margin-top: 35px;
    margin-bottom: 15px;
}

#frmsrl .form-group {
    margin-bottom: 15px;
}

.widget-titleNy {
    text-align: center;
    font-size: 23px;
    display: block;
    margin-bottom: 5px;
}

.popupClose {
    border-radius: 36px;
    width: 30px;
    height: 30px;
}

.bi-arrow-right-short::before {
    content: "\f282" !important;
    font-size: 16px;
}

.cartcountBox {
    position: absolute;
    right: -9px;
    top: -4px;
    width: 1.1rem;
    height: 1.1rem;
    font-size: .6rem;
    line-height: 1.8;
    text-align: center;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    z-index: 1;
}

.menuBox .dropdown:hover .dropdown-menu {
    display: block;
    position: absolute;
    margin: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 9999999999;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
}

.overlay-content {
    position: relative;
    top: 15%;
    width: 90%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 39px;
    cursor: pointer;
    color: white;
}

.overlay .closebtn:hover {
    color: #ccc;
}

.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background: transparent;
    border-bottom: 1px solid #d3d3d3;
    color: #fff;
    border-radius: 0;
}

.overlay input:hover {}

.overlay input:focus {
    border-color: #fff !important;
    box-shadow: none !important;
}

.overlay input:focus-visible {
    outline: none;
    box-shadow: none !important;
}

.overlay button {
    float: left;
    width: 5%;
    padding: 15px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #d3d3d3;
    color: #fff;
    font-size: 17px;
    cursor: pointer;
}

.overlay button:hover {
    color: #000;
}

.searchlist {
    display: none;
    list-style: none;
    position: absolute;
    z-index: 1005;
    background-color: white;
    margin-top: 40px;
    border: 1px solid rgb(211, 211, 211);
    padding-left: 0;
    padding-right: 0;
    left: 0;
    right: 0;
}



.salePrice {
  color: var(--priceTextColor) !important;
  line-height: 16px;
  font-size: 16px !important;
}

@media (max-width: 768px) {
  .salePrice {
    font-size: 13px !important;
    font-weight: 600 !important;
  }
}


.salePriceBox {
    width: 38px;
    height: 38px;
    font-size: 12px;
    color: #FFFFFF !important;
    background-color: var(--productsaleBgColor) !important;
    border: 1px solid var(--productsaleBgColor) !important;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}

.ny-add-cart-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}

.ny-add-cart-modal-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #888;
    width: 40%;
    position: relative;
}

.ny-add-cart-modal-main-title {
    display: block;
    font-weight: 600;
    font-size: 1.9rem;
    margin-bottom: 20px;
    color: #069804;
    border-bottom: 1px solid #40ad3f;
    width: 100%;
}

.ny-add-cart-modal-main-announce {
    display: block;
    font-weight: 600;
    font-size: 2.8rem;
    color: #069804;
    width: 100%;
    text-align: center;
    height: 160px;
    padding-top: 20px;
}

.ny-add-cart-modal-close-btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff;
    text-align: center;
    line-height: 37px;
    font-size: 23px;
    cursor: pointer;
    position: absolute;
    top: -18px;
    right: -13px;
    color: #7c7c7c;
}

.ny-add-cart-modal-close-btn:hover,
.ny-add-cart-modal-close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.ny-add-cart-modal-container {
    display: flex;
    align-items: start;
    flex-direction: column;
}

.ny-add-cart-success-title {
    color: #40ad3f;
}

.ny-add-cart-modal-img {
    width: 100%;
    object-fit: cover;
    border-radius: 7px;
    border: 1px solid #d7d7d7;
}

.ny-add-cart-modal-title {
    font-weight: 600;
    font-size: 15px;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ny-add-cart-modal-info {
    font-weight: 400;
    font-size: 14px;
}

.ny-add-cart-modal-btn {
    padding: 7px 10px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
    margin-top: 7px;
    width: 100%;
    text-align: center;
}

.ny-add-cart-modal-btnzone {
    justify-content: center;
    flex-direction: column;
}

.ny-add-cart-modal-cart-btn {
    background-color: #40ad3f;
    border: 1px solid #40ad3f;
    color: #fff;
    transition: all 0.3s ease-in;
}

.ny-add-cart-modal-cart-btn:hover {
    background-color: rgb(255, 255, 255);
    border: 1px solid #40ad3f;
    color: #40ad3f !important;
}

.ny-add-cart-modal-cont-btn {
    background-color: #f5f5f5;
    border: 1px solid #d9d9d9;
    color: #2a2a2a;
    transition: all 0.3s ease-in;
    font-weight: normal;
}

.ny-add-cart-modal-cont-btn:hover {
    background-color: rgb(255, 255, 255);
    border: 1px solid #40ad3f;
    color: #40ad3f !important;
}

@media screen and (min-width: 300px) and (max-width: 500px) {
    .ny-add-cart-modal-content {
        margin: 50% auto;
        width: 90%;
    }

    .ny-add-cart-modal-title {
        font-weight: 600;
        font-size: 1.5rem;
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }

    .ny-add-cart-modal-container {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .ny-add-cart-modal-img {
        display: block;
        width: 90px;
        margin: 0 auto;
    }

    .ny-add-cart-modal-btnzone {
        margin-top: 15px;
    }

    .ny-add-cart-modal-main-announce {
        margin-bottom: 30px;
    }
}

.item-product-box {
    display: flex;
    flex-direction: column;
}

.item-product-box .item-product-name a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.font-weight-bold {
    font-weight: bold !important;
}

/* Product & Review */
.productLine {
    flex-direction: row;
    justify-content: space-between;
}

.flex-comment-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.comment-count:after {
    content: '|';
    margin: 0 10px;
}

.rating-reviews {
    display: none;
}

.review-info {
    padding-left: 0;
    display: flex;
    flex-direction: row;
}

.review-name {
    display: block;
    width: 100%;
}

.review-date {
    font-size: 13px;
    color: #000;
}

.hide {
    display: none !important;
}

.clear {
    float: none !important;
    clear: both !important;
}

.rating {
    width: auto;
    unicode-bidi: bidi-override !important;
    direction: rtl !important;
    text-align: center !important;
    position: relative !important;
}

.rating > label {
    float: right !important;
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
    width: 1.1em !important;
    cursor: pointer !important;
    color: #000 !important;
    font-size: 18px;
}

.rating > label:hover,
.rating > label:hover ~ label,
.rating > input.radio-btn:checked ~ label {
    color: transparent !important;
    font-size: 18px;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating > input.radio-btn:checked ~ label:before,
.rating > input.radio-btn:checked ~ label:before {
    content: "\2605" !important;
    position: absolute !important;
    left: 0 !important;
    color: #FFD700 !important;
    font-size: 18px;
}

.product-card-discount-price {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #008040;
    font-size: 13px;
    font-weight: 400;
    padding: 2px 0 2px 5px;
    border-radius: 5px;
    background: linear-gradient(90deg, rgba(0, 128, 64, 0.1) 0%, rgba(0, 128, 64, 0) 100%);
}

.ny-pd-cart-disc-text-bottomcard {
    width: -webkit-fit-content;
    color: #fff;
    font-size: 12px;
    background-color: rgb(0, 138, 9);
    border-radius: 5px;
    padding: 0.2rem 1rem;
}

/* infoBox */
.infoBox .collapse a {
    color: #0000EE !important;
}

.infoBox .collapse a:visited {
    color: #551A8B !important;
}

.infoBox h1 {
    font-size: 21px !important;
    font-weight: 600;
}

.infoBox h2 {
    font-size: 20px !important;
    font-weight: 600;
}

.infoBox h3 {
    font-size: 19px !important;
    font-weight: 600;
}

.infoBox h4 {
    font-size: 18px !important;
    font-weight: 600;
}

.infoBox h5 {
    font-size: 17px !important;
    font-weight: 600;
}

.infoBox h6 {
    font-size: 16px !important;
    font-weight: 600;
}

.productInfo .infoBox img {
    max-width: 100%;
    height: auto !important;
}

.productInfo .infoBox iframe {
    max-width: 100%;
}

/* Popup */
.newsletter-content {
    margin-left: unset !important;
    max-width: unset !important;
    padding: unset !important;
}

.ny-popup-img {
    height: auto !important;
    width: auto !important;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.ny-bottom-center {
    position: absolute;
    bottom: 15px;
    left: 5%;
}

.ny-coupon-copy {
    border: 1px dashed black;
    border-radius: 6px;
    width: auto;
    padding: 0 !important;
    cursor: pointer;
}

.ny-icon-popup {
    position: absolute;
    top: -14px;
    z-index: 9999;
}

.ny-popup-row {
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}

.ny-copy-text {
    background-color: #2ecc71;
    color: white;
    width: auto !important;
    border-radius: 6px;
    height: auto;
    padding: 5px 10px;
    display: none;
}

/* blogDetail */
.blogDetail a {
    color: #0000EE !important;
}

.blogDetail a:visited {
    color: #551A8B !important;
}

.blogDetail h1 {
    font-size: 21px !important;
    font-weight: 600;
}

.blogDetail h2 {
    font-size: 20px !important;
    font-weight: 600;
}

.blogDetail h3 {
    font-size: 19px !important;
    font-weight: 600;
}

.blogDetail h4 {
    font-size: 18px !important;
    font-weight: 600;
}

.blogDetail h5 {
    font-size: 17px !important;
    font-weight: 600;
}

.blogDetail h6 {
    font-size: 16px !important;
    font-weight: 600;
}

/* contactTextDetail */
.contactTextDetail a {
    color: #0000EE !important;
}

.contactTextDetail a:visited {
    color: #551A8B !important;
}

.contactTextDetail h1 {
    font-size: 21px !important;
    font-weight: 600;
}

.contactTextDetail h2 {
    font-size: 20px !important;
    font-weight: 600;
}

.contactTextDetail h3 {
    font-size: 19px !important;
    font-weight: 600;
}

.contactTextDetail h4 {
    font-size: 18px !important;
    font-weight: 600;
}

.contactTextDetail h5 {
    font-size: 17px !important;
    font-weight: 600;
}

.contactTextDetail h6 {
    font-size: 16px !important;
    font-weight: 600;
}

/* Other */
.ny-info {
    background: #ffffff !important;
    color: black !important;
    border: 1px solid black !important;
    width: 17px !important;
    font-size: 11px !important;
    height: 17px !important;
}

.lang-img {
    height: 17px !important;
    width: 17px !important;
    vertical-align: sub !important;
}

.top-header-search-box {
    display: flex;
    position: relative;
}

.top-header-search-box button {
    position: absolute;
    background-color: var(--headerSearchBtColor);
    color: var(--headerSearchBtIconColor);
    min-width: 48px;
    height: 100%;
    border-radius: 5px;
    right: 0;
    font-size: 1rem;
}

.top-header-search-box input {
    flex: 1;
    min-width: 40px;
    font-size: 1rem;
    letter-spacing: inherit;
    border-radius: 5px;
    border: 2px solid;
    border-color: var(--headerSearchBtColor);
    font-family: inherit;
    background-color: #fff;
    color: #999;
}

.top-header-search-box input:focus {
    border-color: var(--headerSearchBtColor) !important;
    box-shadow: none !important;
}

.product-search-detay {
    width: 25px;
    height: 12px;
    color: #fff;
    background-color: var(--productsaleBgColor);
    border-radius: 2px;
    padding-left: 4px;
}

.blog-search-detay {
    width: 25px;
    height: 12px;
    color: white;
    background-color: #3498db;
    border-radius: 2px;
    padding-left: 4px;
}

.searchlist li:hover {
    background-color: #f7f7f7 !important;
}

.searchlist {
    z-index: 9999999 !important;
}

.searchProductname {
    display: block;
}

/* callCenter */
.callCenter {
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.callCenter .icon {
    font-size: 29px;
}

.callCenter .title {
    font-size: 15px;
    font-weight: 600;
    padding: 0 10px;
}

.callCenter .number {
    margin: 0;
    padding: 0;
    text-align: center;
}

/* Mobile */
@media screen and (min-width: 300px) and (max-width: 500px) {
    header {
        padding: 1rem 0 !important;
    }

    .bilgiBox {
        align-items: center !important;
        justify-content: flex-start !important;
        margin-bottom: 15px !important;
    }

    .callCenter {
        display: none !important;
    }

    .logoImg {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .mobileMenuSelector {
        position: absolute;
        left: 10px;
    }

    .mobileSearchIcon {}

    #wptext {
        display: none !important;
    }

    .whatsappOrder {
        max-width: 60px !important;
    }
}

.product-button-container {
    display: flex;
    align-items: center;
    gap: 0;
}



.favorite-btn {
    flex: 1;
    background-color: white;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* Default Menu & Left Menu */
.nyLeftCategoryMenu {}

.nyLeftCategoryMenuItem {
    font-weight: bold;
}

.ny-menudd {
    position: relative;
    list-style: none;
    display: flex;
    align-items: center;
}

.ny-menudd > a {
    display: block;
    padding: 3px 15px;
    color: #fff;
    text-decoration: none;
}

.ny-menudd .ny-menudd-submenu {
    display: none;
    position: absolute;
    top: 25px;
    min-width: 180px;
    list-style: none;
    background: #f8f9fa;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    z-index: 1000;
}

.ny-menudd .ny-menudd-submenu > li > a {
    display: block;
    padding: 5px 10px;
    color: #333;
    text-decoration: none;
}

.ny-menudd .ny-menudd-submenu > li > a:hover {
    background: #e9ecef;
}

.ny-menudd .ny-menudd-submenu .ny-menudd-submenu {
    top: auto !important;
    left: 100%;
    transform: translateY(-32px) !important;
}

.ny-menudd .ny-menudd-submenu > li:hover > .ny-menudd-submenu {
    top: 0;
    transform: none;
}

.ny-menudd:hover > .ny-menudd-submenu,
.ny-menudd .ny-menudd-submenu > li:hover > .ny-menudd-submenu {
    display: block;
}

.ny-menudd .ny-menudd-submenu.out-of-boundary {
    left: auto;
    right: 0;
    transform: none;
}

.ny-menuddAfter:has(> ul) > a {
    position: relative;
}

.ny-menuddAfter:has(> ul) > a::after {
    content: '>';
    margin-left: 10px;
    color: #333;
    font-size: 14px;
    right: 0;
}

.homeMenuListView {
    left: 100%;
    width: 900px;
    min-height: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    position: absolute;
    padding-top: 13px;
    background: white;
    z-index: 999;
    max-width: 900px;
}

.nydropdownmenu {
    position: relative;
    color: var(--menuTextColor);
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 999;
    display: flex;
    align-items: center;
}

.nydropdownmenu > a {
    display: block;
    color: var(--menuTextColor);
    text-decoration: none;
}

.nydropdownmenu ul {
    position: absolute;
    top: 40px;
    left: 0;
    display: none;
    border: 1px solid #d3d3d3;
    background: white;
    padding: 0;
    color: black;
    list-style: none;
    min-width: 200px;
    z-index: 1000;
}

.nydropdownmenu ul li {
    position: relative;
}

.nydropdownmenu:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.nydropdownmenuRemoveAfter:after {
    display: none !important;
}

.nydropdownmenu ul li a {
    display: block;
    padding: 7px 10px;
    color: black;
    text-decoration: none;
}

.nydropdownmenu ul li a:hover {
    background: white;
}

.nydropdownmenu .nyLeftMenuIcon {
    font-size: 15px;
}

.nydropdownmenu a {
    width: 100%;
}

.nydropdownmenu:hover > ul {
    display: block;
}

.nydropdownmenu ul .nydropdownmenu:hover > ul {
    display: block;
    left: 100%;
    top: 0;
}

.nydropdownmenu ul .nydropdownmenu:hover > ul.nyright-align {
    left: auto;
    right: 100%;
}

.nydropdownmenu ul .nydropdownmenu:hover > ul.nyleft-align {
    left: -100%;
    right: auto;
}

.nydropdownmenu > ul {
    top: 100%;
    left: 0;
}

/* Swiper Navigation */
.vertical > .main-thumb-slider {
    margin-top: 30px;
}

.vertical > .swiper-button-prev-new {
    position: absolute;
    top: 0%;
    width: 100%;
    height: 25px;
    background-color: #fff;
    color: #626466;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
}

.vertical > .swiper-button-next-new {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 25px;
    background-color: #fff;
    color: #626466;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
}

.vertical > .swiper-button-prev-new::after,
.vertical > .swiper-button-next-new::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 18px;
    color: #000;
}

.vertical > .swiper-button-prev-new::after {
    content: "\f077";
}

.vertical > .swiper-button-next-new::after {
    content: "\f078";
}

.horizontal > .swiper-button-prev-new {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 25%;
    left: 0;
    width: 20px;
    height: 50%;
    background-color: #fff;
    color: #626466;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
}

.horizontal > .swiper-button-next-new {
    position: absolute;
    align-items: center;
    justify-content: center;
    top: 25%;
    right: 0;
    width: 20px;
    height: 50%;
    background-color: #fff;
    color: #626466;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
}

.horizontal > .swiper-button-prev-new::after,
.horizontal > .swiper-button-next-new::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    color: #000;
}

.horizontal > .swiper-button-prev-new::after {
    content: "\f053";
}

.horizontal > .swiper-button-next-new::after {
    content: "\f054";
}

@media all and (max-width: 600px) {
    .vertical > .swiper-button-prev-new {
        display: flex;
        align-items: center;
        justify-content: center;
        top: 25%;
        left: 0;
        width: 20px;
        height: 100px;
    }

    .vertical > .swiper-button-next-new {
        display: flex;
        align-items: center;
        justify-content: center;
        top: 25%;
        right: 0;
        width: 20px;
        height: 100px;
    }

    .vertical > .swiper-button-prev-new::after,
    .vertical > .swiper-button-next-new::after {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 16px;
        color: #000;
    }

    .vertical > .swiper-button-prev-new::after {
        content: "\f053";
    }

    .vertical > .swiper-button-next-new::after {
        content: "\f054";
    }
}

.tab-content img {
    max-width: 100% !important;
}

.product-single-qty {
    max-width: 104px;
    max-height: 37px;
    text-align: center;
}

@media (max-width: 767px) {
  .product-single-qty  {
    display: none !important;
  }
}

.product-single-qty .bootstrap-touchspin.input-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 100%;
    max-height: 37px;
    padding-right: 0;
}

.product-single-qty .bootstrap-touchspin .form-control {
    height: 37px;
    padding: 1rem .2rem;
    color: #21293;
    box-shadow: none;
}

.product-single-qty .bootstrap-touchspin .form-control,
.product-single-qty .bootstrap-touchspin .form-control:not(:focus) {
    border-color: #dae2e6;
}

.product-single-qty .horizontal-quantity {
    height: 30px !important;
    border-radius: 5px !important;
    color:#fd7a00 !important;
}

@media (max-width: 767px) {
  .product-single-qty .horizontal-quantity {
    display: none !important;
  }
}

.product-single-qty .btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 31px;
    margin: 0;
    padding: .5rem;
    font-family: "Open Sans", sans-serif;
    font-size: 2.1rem;
    line-height: 1;
    z-index: 2;
}

.product-single-qty .btn.btn-outline {
    border-color: #ff7803;
    border: 2px;
    color: #f57a05 !important;
    height: 37px;
    border-radius: 0;
}

@media (max-width: 767px) {
  .product-single-qty .btn.btn-outline {
    display: none !important;
  }
}


.product-single-qty .btn.btn-down-icon:after,
.product-single-qty .btn.btn-up-icon:before,
.product-single-qty .btn.btn-up-icon:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 1px;
    margin-left: -5.5px;
    background-color: #8798a1;
    content: '';
}

.product-single-qty .btn.btn-up-icon:before {
    transform: rotate(90deg);
}

.favitem-btn {
  position: absolute;
  right: -12px;
  top: -13px;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background-color: #fd7a00 !important;
  border: 1px solid var(--favBtBgColor) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  
  border-top-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
}




.favitem-btn span i {
    font-size: 15px;
    text-align: center;
    letter-spacing: initial;
    color: var(--favBtTxtColor) !important;
}

.favitem-btn:hover {
    background-color: #522e91 !important;
    border-color: var(--favBtBgColorHover) !important;
}

.favitem-btn span i:hover {
    color: var(--favBtTxtColorHover) !important;
}

.favitem-btn .favorite-selected {
    background-color: var(--favBtBgColorHover) !important;
    border-color: var(--favBtBgColorHover) !important;
    color: var(--favBtTxtColorHover) !important;
}

@media (max-width: 768px) {
    .item-product-cart-add .product-sepet {
        flex-direction: column;
    }

    .item-product-cart-add .product-sepet .product-single-qty {
        margin-bottom: 20px !important;
        max-width: 100% !important;
    }
}

.modal.fade:not(.show) {
    opacity: unset !important;
    display: none;
}