body {
    background: var(--body-bg);
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    position: relative;
    left: 0;
    transition: all 0.4s;
}

html, body {
    overflow-x: hidden;
    max-width: 100%;
}


@media (max-width: 768px) {
   .mobilsayac .pattern-group .p-g-mod {
        margin-bottom: 10px;
        margin-top: 1px; 
    }
}
.deal-wrapper {
    display: flex;
    justify-content: center;
    
  }

  .deal-box {
    background: linear-gradient(180deg, #ff5a5a, #ff7373);
    color: #fff;
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    max-width: 400px;
    width: 100%;
  }

  .deal-timer {
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 30px;
    padding: 10px;
    margin-bottom: 15px;
    color: #ff5a5a;
        border-width: 1.5px;
    border-style: solid;
    border-color: rgb(248, 55, 56);
  }

  .time-block {
    flex: 1;
    
  }

  .time-block span {
    display: block;
    font-size: 20px;
    font-weight: bold;
  }

  .time-block small {
    font-size: 12px;
    text-transform: uppercase;
  }

  .deal-text h2 {
    font-size: 18px;
    margin: 10px 0;
  }

  .deal-text p {
    font-size: 12px;
    margin: 5px 0 15px;
    font-weight: 500;
  }

  .deal-btn {
    display: inline-block;
    padding: 10px 18px;
    background: #fff;
    color: #ff5a5a;
    font-weight: bold;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.3s;
  }

  .deal-btn:hover {
    background: #ffdcdc;
  }

@media (max-width: 991px) {
    .categories .mms-12345 a:last-child .items-11223 img {
        width: 30px;
    }
}


@media (max-width: 991px) {
    .categories .mms-12345 a .items-11223 {
        display: flex;
        padding: 10px 0;
        align-items: center;
        justify-content: center;
        gap: 10px;
        line-height: 18px;
    }
}


@media (max-width: 991px) {
    .categories .mms-12345 a {
        width: 100%;
        flex: 0 0 50%;
    }
}

@media (max-width: 991px) {
    .categories .mms-12345{
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        border-bottom: 1px solid #e2e2e2;
    }
}

@media (max-width: 991px) {
    .categories .mms-12345 a:last-child .items-11223 {
        background: var(--dsdsdssd, linear-gradient(180deg, #7623DB 0%, #3F1375 100%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 14px;
        font-weight: 600;
    }
}

@media (max-width: 991px) {
    .categories .mms {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        border-bottom: 1px solid #e2e2e2;
    }
    
        .categories .mms a {
        width: 100%;
        flex: 0 0 50%;
    }
}

@media (max-width: 991px) {
    .categories .mms-12345 a-67890 {
        width: 100%;
        flex: 0 0 50%;
    }
}

@media (max-width: 991px) {
    .categories .mms-12345 a-67890:last-child .items-11223 {
        background: var(--dsdsdssd, linear-gradient(180deg, #7623DB 0%, #3F1375 100%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 14px;
        font-weight: 600;
    }
}

@media (max-width: 991px) {
    .categories .mms-12345 a-67890:last-child .items-11223 img-33445 {
        width: 30px;
    }
}

@media (max-width: 991px) {
    .categories .mms-12345 a-67890 .items-11223 {
        display: flex;
        padding: 10px 0;
        align-items: center;
        justify-content: center;
        gap: 10px;
        line-height: 18px;
    }
}


@media (max-width: 991px) {
    header.mobile {
        display: block;
        position: relative;
    }
    
}

@media (min-width: 768px) and (max-width: 990px) {
    .modal-inside2-12345 {
        top: 33px;
    }
    div#shareAge2-67890 {
        right: -20.6%;
    }
    .topbar-mobile-visible-54321 .d-sm-none-11223 {
        display: block !important;
    }
    .topbar-mobile-98765 {
        top: -3px;
    }
}

.topbar-mobile-98765 {
    position: absolute;
    top: -35px;
    z-index: 9;
}

.mobile .dinamik-slide-11234 a img {
    width: 100vh;
    border-radius: 0px;
    height: 100%;
}



#sales-info {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 400;
    color: #A1A1A1;
    margin-right: 1px; /* bu ekleme ile sağa yaslanır */
}

#sales-info img {
    width: 23px;
    height: 23px;
}
#sales-info p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 2px;
}
#sales-info span.color-red {
    color: #F83738;
    font-weight: 500;
}

/* Mobil uyumlu */
@media (max-width: 900px) {
    #sales-info {
        font-size: 12px;
        gap: 3px;
    }
    #sales-info img {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 768px) {
    .flash-box-unique {
        font-size: 12px;
        position: relative;
        overflow: hidden;
        padding: 14px 11px;
    }

    .flash-left-unique {
        position: absolute;
        right: -4%;
        bottom: -16%;
        z-index: 1;
        opacity: 0.3;
    }

    .flash-left-unique img {
        width: 50px;
        height: auto;
    }

    .flash-right-unique {
        position: relative;
        z-index: 2;
    }
}


.flash-box-unique {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    padding: 11px 16px;
    border-radius: 8px;
    border: 1px solid #F83738;
    background: rgba(248, 55, 56, 0.10);
    color: #F83738;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 10px;
}

.flash-box-left-unique {
    flex-shrink: 0;
}

.flash-box-right-unique {
    flex: 1;
}


/* Container: thumbnail listesi */
.product-profile-1 .carousel .carousel-indicators {
    display: flex;
    flex-direction: column;       
    flex-wrap: nowrap;
    max-height: 560px;
    overflow-y: auto;             
    overflow-x: hidden !important;
    gap: 12px;
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
}

/* Scrollbar stil (ince ve minimal) */
.product-profile-1 .carousel .carousel-indicators::-webkit-scrollbar {
    width: 4px; /* çok ince */
}

.product-profile-1 .carousel .carousel-indicators::-webkit-scrollbar-track {
    background: transparent; /* neredeyse görünmez */
    border-radius: 3px;
}

.product-profile-1 .carousel .carousel-indicators::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.15); /* çok hafif gri */
    border-radius: 3px;
    transition: background-color 0.3s ease;
}

.product-profile-1 .carousel .carousel-indicators::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.25); /* hover hafif belirgin */
}

/* Thumbnail li */
.product-profile-1 .carousel .carousel-indicators li {
    flex: 0 0 auto;
    width: 100%;
    max-width: 75px;
    height: auto;
    border: 1px solid rgba(0,0,0,0.1); /* minimal gri */
    border-radius: 10px;
    padding: 2px;
    margin-bottom: 6px;
    box-sizing: border-box;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Thumbnail hover: hafif efekt */
.product-profile-1 .carousel .carousel-indicators li:hover {
    transform: scale(1.03);
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Thumbnail img */
.product-profile-1 .carousel .carousel-indicators li img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}



.carousel-indicators li {
opacity: 1;
}

#kargoTimerPro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px; /* Bloklar arasında biraz daha boşluk */
    box-sizing: border-box;

}

#kargoTimerLeft {
    display: flex;
    align-items: center;
    gap: 8px; /* Saat/Dakika kutuları arası boşluk */
    flex: 1;
    min-width: 0; 
}

.kargoTimerBox {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.kargoTimerBox span {
    background: #f7f7f7;          /* Soft arka plan */
    color: #222222;               /* Yumuşak koyu gri rakam rengi */
    font-weight: 600;
    font-size: 1.1rem;
    padding: 8px 8px;
    border-radius: 6px;
    text-align: center;
    box-shadow: inset 0 -2px 4px rgba(0,0,0,0.08); /* Hafif iç gölge dijital hissi */
}

.kargoTimerSeparator {
    font-weight: bold;
    color: #222222;
    font-size: 1.2rem;
}

.kargoTimerLabel {
    font-size: 0.65rem;
    color: #666666;
    margin-top: 2px;
}

.kargoTimerAltMesaj {
    font-size: 0.75rem;
    color: #888888;
    margin-left: 8px;
    white-space: nowrap;
}

#kargoTimerRight {
    background: #f5a261; /* Soft pastel turuncu */
    color: #ffffff;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 12px 14px;
    border-radius: 6px;
    text-align: center;
    line-height: 1.2em;
    min-width: 90px;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08); /* Hafif gölge ile vurgulama */
}

/* Mobilde yatay kalacak, kutular sığacak, okunaklı */
@media (max-width: 768px) {
    #kargoTimerPro {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 12px;
       
    }
    #kargoTimerLeft {
        gap: 8px;
    }
    .kargoTimerBox span {
        font-size: 1.1rem;
        padding: 6px 10px;
        min-width: 44px;
    }
    #kargoTimerRight {
        font-size: 0.85rem;
        padding: 8px 12px;
        min-width: 85px;
    }
    .kargoTimerAltMesaj {
        font-size: 0.8rem;
    }
}



.teslimatTooltip {
    position: relative;
    cursor: help;
    display: inline-block;
    font-weight: 500;
}

@media (max-width: 600px) {
  .new-cargo-class {
    display: none;
  }
}
.new-cargo-class #kargoTimerPro {
    gap: 5px; /* Bloklar arasında biraz daha boşluk */

}

.new-cargo-class #kargoTimerLeft {
    gap: 5px; /* Saat/Dakika kutuları arası boşluk */

}

.new-cargo-class #kargoTimerRight {
    padding: 8px 14px;
    min-width: 90px;
        background: #f7f7f7;
    color: #222222;

}

/* Teslimat chip */
.teslimatChip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 12px;
    background: #fff5f0; /* soft turuncu arka plan */
    color: #f27a1a; /* trendyol buton rengi */
    font-weight: 600;
    font-size: 0.95rem;
    margin-left: 12px; /* Kargo Timer ile arada boşluk */
    white-space: nowrap;
}

.teslimatTooltip .tooltipText {
    visibility: hidden;
    width: 200px; /* Maksimum genişlik */
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    text-align: left;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.7rem;
    line-height: 1.2em;
    position: absolute;
    z-index: 10;
    bottom: 125%; /* Üstünde göster */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.2s;
    word-wrap: break-word; /* Taşmayı önler */
}

.teslimatTooltip:hover .tooltipText {
    visibility: visible;
    opacity: 1;
}



.payment-form-methods .nav-tabs .nav-item {
    margin: 0 4px;
}


.payment-trust-pro1 {
  background: #fff;
  padding: 10px;

}

/* Başlık */
.payment-trust-pro1 h3 {
  font-size: 20px;
  font-weight: 500;
  color: #4dc762; /* Referans yeşili */
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.payment-trust-pro1 h3 i {
  color: #4dc762;
}

.payment-trust-pro1 .desc-pro1 {
  font-size: 14px;
  color: #575757; /* Referans yazı rengi */
  margin-bottom: 20px;
  line-height: 1.5;
}

/* Ödeme Yöntemleri Listesi */
.methods-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.methods-list li {
  font-size: 13px;
  color: #575757; /* Referans yazı rengi */
  padding: 8px 12px;
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
}

.methods-list li:last-child {
  border-bottom: none;
}

.methods-list li i {
  font-size: 16px;
  color: #4dc762; /* İkon yeşil */
  min-width: 22px;
}

.methods-list li:hover {
  background: #f0fff5; /* Hafif yeşil hover */
  color: #333;
}

/* Bilgi Notu */
.note-pro1 {
  font-size: 13px;
  color: #333333;
  background: #f0fff5; /* Açık yeşil arka plan */
  border-left: 4px solid #4dc762;
  padding: 12px 15px;
  border-radius: 8px;
  line-height: 1.5;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  word-break: break-word;
}

.note-pro1 i {
  color: #4dc762;
  flex-shrink: 0;
  margin-top: 2px;
}

/* Tablet için uyum */
@media (max-width: 768px) {

  .payment-trust-pro1 h3 {
    font-size: 18px;
  }

  .payment-trust-pro1 .desc-pro1 {
    font-size: 13px;
  }

  .methods-list li {
    font-size: 12px;
    padding: 7px 10px;
  }

  .note-pro1 {
    font-size: 12px;
    padding: 10px 12px;
  }
}

/* Mobil için uyum */
@media (max-width: 480px) {


  .payment-trust-pro1 h3 {
    font-size: 16px;
    flex-wrap: wrap;
  }

  .methods-list li {
    font-size: 12px;
    padding: 6px 8px;
  }

  .note-pro1 {
    font-size: 12px;
    line-height: 1.4;
    flex-direction: column;
    align-items: flex-start;
  }

  .note-pro1 i {
    margin-bottom: 5px;
  }
}



.scroller--line.scroller--move {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 60s;
    animation-play-state: running;
    width: max-content;
    will-change: transform, width;
    animation-name: scroll-left;
}

.banner-motion-zone {
    margin-top: -20px;
    margin-bottom: 25px;
}
.banner-motion-wrap {
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    position: relative;
    gap: 10px;
    width: 100%;

}
.scroller--line.scroller--move {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 60s;
    animation-play-state: running;
    width: max-content;
    will-change: transform, width;
    animation-name: scroll-left;
}
.scroll-items-inner {
    color: #656c67;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
}
.scroll-items-inner img {
    width: 15px;
    height: 15px;
}
.banner-motion-wrap:hover .scroller--move {
    animation-play-state: paused;
}
@keyframes scroll-left {
  0% {
    transform: translateZ(0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}


/* 📌 Kampanya Başarıyla Uygulandı - Yeşil */
.discount-success {
    color: #ffffff;
    font-size: 10px;
    background: linear-gradient(90deg, #f9e4b7 0%, #e8c06c 100%);

    padding: 3px 8px;
    border-radius: 5px;
    margin: 10px 0px 10px 10px;
    text-align: center;
    font-weight: 500;
    display: inline-block;
}


/* 📌 Teşvik Etiketi - Turuncu */
.discount-prompt {
    color: #fff;
    font-size: 10px;
   background: linear-gradient(90deg, #60d394 0%, #2fa84e 100%);
    padding: 4px 10px;
    border-radius: 5px;
    margin: 0px 0px 10px 10px;
    text-align: center;
    font-weight: 500;
    display: inline-block;

}

/* 📌 Teşvik Etiketi - Turuncu */
.discount-prompt1 {
    color: #bb0000;;
    font-size: 10px;
      background: linear-gradient(90deg, #fef4eb 0%, #fff0f4 100%);
    padding: 4px 10px;
    border-radius: 5px;
    margin: 0px 0px 10px 10px;
    text-align: center;
    font-weight: 500;
    display: inline-block;

}

/* 📌 Flash İndirim - Mavi */
.discount-flash {
    color: #ffffff;
    font-size: 10px;
    background: linear-gradient(90deg, #60d394 0%, #2fa84e 100%);
    padding: 3px 8px;
    border-radius: 5px;
    margin: 0px 0px 10px 0px;
    text-align: center;
    font-weight: 500;
    display: inline-block;
  
}

/* 📌 Adet İndirimi Uygulandı */
.discount-quantity {
    color: #ffffff;
    font-size: 10px;
    background: linear-gradient(90deg, #f9e4b7 0%, #e8c06c 100%);


    padding: 3px 8px;
    border-radius: 16px;
    margin: 10px 10px 10px 10px;
    text-align: center;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

/* 📌 Mobil Uyumluluk */
@media (max-width: 768px) {
    .discount-success, .discount-prompt, .discount-flash, .discount-quantity {
        font-size: 10px;
        padding: 3px 6px;
        margin: 5px 2px 1px 1px;
        font-weight: 500;
    }
    
    .discount-prompt1 {
    margin: 5px 0px 10px 0px;
    padding: 3px 6px;
    font-weight: 500;
}

    .discount-prompt {
    margin: 5px 0px 0px 0px;
    padding: 3px 6px;
    font-weight: 500;
}
}



   /* Masaüstü cihazlar için (örneğin 768px ve üzeri ekran genişliklerinde) */
@media (min-width: 768px) {
    .masaustu-goster1 {
        display: block; /* Masaüstü cihazlarda görünür */
    }
}

/* Mobil cihazlar için (768px'den daha küçük ekranlarda) */
@media (max-width: 767px) {
    .masaustu-goster1{
        display: none; /* Mobilde gizlenir */
    }
}


   /* Masaüstü cihazlar için (örneğin 768px ve üzeri ekran genişliklerinde) */
@media (min-width: 768px) {
    .masaustu-goster4 {
        display: block; /* Masaüstü cihazlarda görünür */
    }
}

/* Mobil cihazlar için (768px'den daha küçük ekranlarda) */
@media (max-width: 767px) {
    .masaustu-goster4{
        display: none; /* Mobilde gizlenir */
        padding-bottom: -40px;
    }
}



   /* Masaüstü cihazlar için (örneğin 768px ve üzeri ekran genişliklerinde) */
@media (min-width: 768px) {
    .masaustu-gizle4 {
        display: none; /* Masaüstü cihazlarda görünür */
    }
}

/* Mobil cihazlar için (768px'den daha küçük ekranlarda) */
@media (max-width: 767px) {
    .masaustu-gizle4{
        display: block; /* Mobilde gizlenir */
    }
}
   
   
.card-voucher .meta .date {
    font-size: 11px;
    margin: 5px 0;
}

/* Genel stil */
.video {
    position: relative;
    display: inline-block;
}
.video video {
    width: 100%;
    height: auto;
    display: block;
}
.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    border: none;
    font-size: 60px;
    color: white;
    cursor: pointer;
    opacity: 0.8;
    transition: 0.3s;
}
.video-play-btn:hover {
    opacity: 1;
    color: #ff0000;
}

.profil-collection-btn {
    display: flex;
    align-items: center;
}

.profil-collection-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
}
.profil-collection-btn span{
    color: #000;
}


    .custom-products-header {
        display: flex;
        align-items: center;  /* 'left' yerine 'center' daha uygun çünkü flexbox kullanıyoruz */
        padding: 10px;
    }

    .custom-products-header .custom-icon {
        font-size: 20px;
        color: #333;
        margin-right: 10px;  /* İkon ve yazı arasında biraz boşluk */
    }

    .custom-header-text {
        font-size: 20px;
        font-weight: 600;
        color: #333;  /* Yazı siyah */
        margin: 0;  /* Başlıkta ekstra boşluk olmasın */
    }

    /* Mobilde font boyutunu küçültme */
    @media (max-width: 767px) {
        .custom-header-text {
            font-size: 18px;  /* Mobilde font boyutunu daha küçük yapıyoruz */
        }

        .custom-products-header .custom-icon {
            font-size: 20px;  /* İkon boyutunu da mobilde biraz küçültüyoruz */
        }
    }
    

.kargo-bilgi-container {
    padding: 15px 15px 15px 15px;
    text-align: center;
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #fff;


}

.kargo-bilgi-container .progress-bar-p {
    font-size: 14px;
    color: #a5a3a3;
    margin-bottom:-4px;

}



.progress-bar-container {
   
    border-radius: 20px;
    height: 20px;  /* Mobilde varsayılan yükseklik */
    width: 100%;
    margin-top: 10px;
    position: relative;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    background-color: #f4f4f4;
}

.progress-bar {
    height: 100%;
    border-radius: 20px;
    transition: width 0.4s ease-in-out;
    
}

.kargo-bilgi-mesaj {
    position: absolute;
    width: 100%;
    top: 1px;
    left: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #fff;  
    line-height: 20px;  /* Bar yüksekliğine uygun olarak ortalanır */
}

/* --- Mobil cihazlar için responsive ayarlar --- */
@media (max-width: 768px) {
    .kargo-bilgi-container {
        font-size: 14px;
        padding: 10px;
    }

    .progress-bar-container {
        height: 18px;  /* Mobilde daha ince bar */
    }

    .progress-bar {
        height: 100%;
    }

    .kargo-bilgi-mesaj {
        font-size: 12px;
        line-height: 16px;  /* Mobil barın yüksekliğine uygun ortalanır */
    }
}

@media (max-width: 480px) {
    .kargo-bilgi-container {
        font-size: 13px;
        padding: 8px;
    }

    .progress-bar-container {
        height: 16px;  /* Daha küçük bar yüksekliği */
    }

    .progress-bar {
        height: 100%;
    }

    .kargo-bilgi-mesaj {
        font-size: 10px;
        line-height: 14px;  /* Küçük bar için ortalama ayarı */
    }
    
    .kargo-bilgi-container .progress-bar-p {
    font-size: 12px;
    color: #a5a3a3;
    margin-bottom:-3px;
}


}

/* 📌 Custom Button Style for Remove Item Button */
.btn-remove {
    background: linear-gradient(90deg, #fef4eb 0%, #fff0f4 100%);  /* Pastel gradient background */
    border: none;
    padding: 16px 16px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 5px;
}

/* 📌 Trash Icon Color */
.btn-remove i.fa-trash-alt {
    color: #bb0000; /* Red color for the trash icon */
     font-size: 18px;
     margin-top:-2px;
     
}

/* 📌 Mobile Responsive Adjustments - Removed */
@media (max-width: 768px) {
    .btn-remove {
        padding: 8px 16px;
        font-size: 14px;
    }
}


.home-headline19{
    
    padding-top: 20px;
    padding-bottom: 20px;
}

.loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white; /* Ekran beyaz olacak */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Sayfanın üstünde olacak */
    opacity: 1; /* Başlangıçta görünür olacak */
    transition: opacity 1s ease-out; /* Geçiş animasyonu */
}

/* Logo stili (Ekran boyutuna göre dinamik büyüklük) */
.logosss {
    width: 60vw; /* Logo genişliği, ekranın %20'si kadar olacak */
    height: auto;
    max-width: 600px; /* Maksimum genişlik sınırı */
}

/* Sayfa yüklendikten sonra animasyonun kaybolması */
body.loaded .loader-container {
    opacity: 0; /* Sayfa yüklendikten sonra logo kaybolacak */
}

/* Sayfa geçişi sırasında tam beyaz ekranı kaplama */
@keyframes fadeInOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* Ortak stil, her bir kategori için geçerli */
.anasayfa-dikey-banner-pc19 {
  position: relative;
  width: 100%; /* Her bir kutu için genişlik */
  height: 375px; /* İhtiyaca göre yükseklik belirleyebilirsiniz */
  background-image: url('https://www.tilbehome.com/theme/___shuttle/assets/images/masaustu-banner/bg-resmi10.png?v=1741462653'); /* Ortak arka plan görseli */
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  overflow: hidden;
  z-index: 1;
  display: block;
  text-decoration: none;
}

/* Ortak stil, her bir kategori için geçerli */
.anasayfa-dikey-banner-pc19.sol-menu {
  position: relative;
  width: 100%; /* Her bir kutu için genişlik */
  height: 350px; /* İhtiyaca göre yükseklik belirleyebilirsiniz */
  background-image: url('https://www.tilbehome.com/theme/___shuttle/assets/images/masaustu-banner/bg-resmi10.png?v=1741462653'); /* Ortak arka plan görseli */
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  overflow: hidden;
  z-index: 1;
  display: block;
  text-decoration: none;
}


/* Transparan overlay */
.anasayfa-dikey-banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 165, 0, 0.4); /* Varsayılan turuncu renk */
  z-index: 2;
}

/* Başlık ve açıklama alanı */
.anasayfa-dikey-banner-header {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 165, 0, 0.7); /* Varsayılan turuncu renk */
  border-radius: 25px;
  padding: 15px 10px;
  z-index: 3;
  width: 90%;
  text-align: center;
}

.anasayfa-dikey-banner-header h3 {
  font-size: 16px;
  color: #fff;
  margin: 0;
  font-weight: 700;
}

/* Ürün görseli */
.anasayfa-dikey-banner-product {
  position: absolute;
  top: 60%;
  left: 35%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.anasayfa-dikey-banner-product img {
  max-width: 150%;
  height: auto;
}

/* Yapı Market Kategorisi */
.anasayfa-dikey-banner-pc19.yapimarket .anasayfa-dikey-banner-overlay {
  background-color: rgb(204, 204, 144, 0.4); /* Mavi overlay */
}

.anasayfa-dikey-banner-pc19.yapimarket .anasayfa-dikey-banner-header {
  background-color: rgb(204, 204, 144); /* Mavi başlık */
}

/* Still Bardaklar Kategorisi */
.anasayfa-dikey-banner-pc19.stillbardaklar .anasayfa-dikey-banner-overlay {
  background-color: rgb(125, 176, 211, 0.4); /* Kırmızı overlay */
}

.anasayfa-dikey-banner-pc19.stillbardaklar .anasayfa-dikey-banner-header {
  background-color: rgb(125, 176, 211, 0.9); /* Kırmızı başlık */
}

/* Rende Çeşitleri Kategorisi */
.anasayfa-dikey-banner-pc19.rende .anasayfa-dikey-banner-overlay {
  background-color: rgb(144, 206, 157, 0.4) /* Yeşil overlay */
}

.anasayfa-dikey-banner-pc19.rende .anasayfa-dikey-banner-header {
  background-color: rgb(144, 206, 157, 0.9) /* Yeşil başlık */
}

/* Yağdanlık Ürünleri Kategorisi */
.anasayfa-dikey-banner-pc19.yagdanlik .anasayfa-dikey-banner-overlay {
  background-color: rgb(200, 167, 232, 0.4) /* Sarı overlay */
}

.anasayfa-dikey-banner-pc19.yagdanlik .anasayfa-dikey-banner-header {
  background-color: rgb(200, 167, 232, 0.9) /* Sarı başlık */
}

/* Ev Yaşam Ürünleri Kategorisi */
.anasayfa-dikey-banner-pc19.evyasam .anasayfa-dikey-banner-overlay {
  background-color: rgb(169, 169, 169, 0.4); /* Turkuaz overlay */
}

.anasayfa-dikey-banner-pc19.evyasam .anasayfa-dikey-banner-header {
  background-color: rgb(169, 169, 169, 0.9); /* Turkuaz başlık */
}



@media (min-width: 992px) {
    .qk-app-discount-counter .dc-contents {
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: scale(1);
        transform-origin: center center;
        margin: 30px 30px;
    }
}



.sozleme-yazisi-9865 textarea {
  width: 100%; /* Yatayda genişliği sabitler */
  min-height: 100px; /* Minimum yükseklik */
  max-height: 400px; /* Maksimum yükseklik, ihtiyaca göre ayarlanabilir */
  padding: 10px;
  box-sizing: border-box;
  resize: vertical; /* Kullanıcının yalnızca dikeyde yeniden boyutlandırmasını sağlar */
  overflow: auto; /* İçerik fazla olduğunda kaydırma çubuğu ekler */
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Ödeme Seçenekleri Konteyner */
.payment-form-group-1 .nav-tabs {
    display: flex;
    justify-content: space-between;
    background: #fff; /* Açık ve zarif gri arka plan */
    border-radius: 6px;
    padding: 3px;
    gap: 2px;
    flex-wrap: wrap;
}


.card-list-product .card-list-product-inner .c-l-p-i-link {
    align-items: flex-start;
    color: #333;
    display: flex;
    font-weight: 400;
    justify-content: flex-start;
    flex-wrap: wrap;  /* Bu satır, öğelerin satırlara yayılmasına olanak tanır */
}

.card-list-product .card-list-product-inner .c-l-p-i-link > *:last-child {
    width: 100%;  /* Sağdaki öğenin tüm genişliği kaplamasını sağlar */
}


.sepet-indirim-mesaji {
    background-color: #fff1e5; /* Hafif pastel sarı arka plan */
    color: #b45309; /* Soft turuncu yazı rengi */
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 15px;
    
 
}

/* Hafif fade-in efekti */
@keyframes fadeIn9d {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Animasyon ekleyelim */
.sepet-indirim-mesaji.show {
    animation: fadeIn9d 0.4s ease-in-out;
}

/* Mobil uyumlu hale getirme */
@media (max-width: 768px) {
    .sepet-indirim-mesaji {
        font-size: 13px;
        padding: 10px;
        border-radius: 4px;
    }
    
    .show-category5, .show-category6, .show-category6 {
    top: 10px !important;
}
}


/* Sekme Alanı */
.payment-form-group-1 .nav-tabs {
  display: flex;
  justify-content: space-between;
  border: none;
  gap: 0px;
  margin: 0;
  padding: 0;
}

/* Her Sekme */
.payment-form-group-1 .nav-item {
  flex: 1; /* Hepsi eşit genişlik */
  text-align: center;
  margin: 0;
  padding: 0;
}

/* Sekme Linkleri (aktif ve pasif aynı boyutta) */
.payment-form-group-1 .nav-tabs .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  font-size: 14px;
  font-weight: 500;
  height: 50px;        /* Tüm sekmeler aynı yükseklik */
  background: #fff7f2; /* Pasif sekme rengi */
  border: 1px solid #e6e2df;
  border-radius: 0;    /* Tüm sekmelerin varsayılanı düz köşe */
  color: #333333;
  transition: all 0.25s ease;
  padding: 0 8px;
  width: 100%;         /* Tüm sekmeler eşit genişlik */
  box-sizing: border-box;
}

/* İlk sekme sol köşeleri yuvarlat */
.payment-form-group-1 .nav-tabs .nav-item:first-child .nav-link {
  border-radius: 8px 0 0 8px;
}

/* Son sekme sağ köşeleri yuvarlat */
.payment-form-group-1 .nav-tabs .nav-item:last-child .nav-link {
  border-radius: 0 8px 8px 0;
}

/* Hover */
.payment-form-group-1 .nav-tabs .nav-link:hover {
  background: #fff;
  border-color: #ccc;
  color: #222;
}

/* Aktif Sekme */
.payment-form-group-1 .nav-tabs .nav-link.active {
  background: #f27a1a; /* Sadece renk farklı */
  border-color: #f27a1a;
  color: #fff;
  font-weight: 500;    /* Boyut, padding vs aynı */
  height: 50px;
  margin-top: 10px;       /* Margin kaldırıldı, boyut eşit kalsın */
}

/* İkonlar */
.payment-form-group-1 .nav-tabs .nav-link i {
  font-size: 15px;
  opacity: 0.8;
}
.payment-form-group-1 .nav-tabs .nav-link.active i {
  color: #fff;
  opacity: 1;
}

/* Mobil */
@media (max-width: 768px) {
  .payment-form-group-1 .nav-tabs {
    gap: 0px; /* Daha az boşluk */
  }
  .payment-form-group-1 .nav-tabs .nav-link {
    font-size: 13px;
    height: 50px; /* Tüm sekmeler eşit */
    padding: 0 6px;
  }
}

@media (max-width: 767px) {
    .payment-form-methods .nav-tabs .nav-item {
        margin: 0 1px;
    }
}


.shipment-methods .method .name .image {
    align-items: center;
    background: none;
    border: none;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-right: 5px;
    padding: 5px;
    width: 90px;
}

/* Konteyner Tasarımı */
.payment-methods-container {
    background-color: #fff; /* Beyaz arka plan */
    padding: 30px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    font-family: 'Poppins', sans-serif;
}

/* Güvenlik Mesajı */
.payment-methods-container1 .payment-security1 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 25px;
}

.payment-methods-container1 .security-icon1 {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    opacity: 0.8;
}

.payment-methods-container1 .payment-message1 {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    max-width: 600px;
}

.payment-methods-container1 .payment-message1 strong {
    font-size: 18px;
    color: #3cb371; /* Soft yeşil tonu */
}

/* Ödeme Yöntemleri Listesi */
.payment-methods-container1 .payment-methods-list1 {
    margin-top: 30px;
}

.payment-methods-container1 .payment-methods-list1 h31 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
}

/* Yöntem İkonları ve Yazılar */
.payment-methods-container1 .methods1 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.payment-methods-container1 .method1 {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    max-width: 200px;
}

.payment-methods-container1 .method1 span {
    font-size: 16px;
    color: #333;
    font-weight: 600;
    text-transform: capitalize; /* İlk harflerin büyük olmasını sağlar */
    padding: 8px 0;
    border-bottom: 1px solid #eee; /* Alt çizgi */
    width: 100%;
}

/* Linkler */
.payment-methods-container1 .learn-more1 {
    margin-top: 20px;
    font-size: 14px;
    color: #3cb371;
    text-align: center;
}

.payment-methods-container1 .learn-more1 a {
    color: #3cb371;
    text-decoration: none;
    margin: 0 10px;
}

.payment-methods-container1 .learn-more1 a:hover {
    text-decoration: underline;
}

.shipment-methods .method:last-child {
    border-bottom: none !important;
    overflow: hidden !important;
    border-bottom: 1px solid rgba(0, 0, 0, .07)!important;
   
}

.shipment-methods .method .name .image img {
    max-height: 40px;
    max-width: 80px;
}



        .payment-form-group-1 .secure-payment-message {
            display: flex;
            align-items: center;
            padding: 10px 15px;                               
            width: 100%;
            margin: 20px auto;
                background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
        }

        .payment-form-group-1.secure-payment-message img {
            width: 40px;
            height: 40px;
            margin-right: 15px;
            
        }

       .payment-form-group-1 .message-text {
            font-size: 12px;
           color: #1F2D3D; /* Daha koyu ama göz yormayan bir ton */
            padding-left: 15px;
        }

      .payment-form-group-1  .message-text strong {
                color: #2c7a7b;                                      /* Güven veren, sakin mavi-yeşil */
    font-weight: 600;                                    /* Hafif kalın */
    font-size: 12px;
        }

.cc-installments .head {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9fbfd; /* Daha soft ve hafif bir arka plan */
    border-bottom: 1px solid #d6e2f0; /* İnce ve zarif alt çizgi */
    font-size: 14px;
    font-weight: 500; /* Çok kalın olmadan vurgulu */
    color: #2C3E50; /* Güven veren koyu mavi tonu */
    padding: 10px 14px;
    border-radius: 6px 6px 0 0; /* Üst köşeleri yumuşatılmış */
    text-transform: none; /* Doğal bir görünüm için büyük harfleri kaldırdım */
    letter-spacing: 0.3px; /* Hafif harf aralığı ayarı */
}

.cc-installments {
    background-color: #f9fbfd; /* Hafif soft mavi-beyaz tonu */
    border: 1px solid #d6e2f0; /* İnce ve zarif bir çerçeve */
    border-radius: 8px;
    padding: 12px;
}

.cc-installments .method {
    display: flex;
    align-items: center;
    background: #ffffff; /* Beyaz arka plan */
    border: 1px solid #d6e2f0;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 6px;
    transition: all 0.2s ease-in-out;
}

.cc-installments .method:hover {
    background: #f0f6fc; /* Hover yapıldığında hafif mavi vurgusu */
}

.cc-installments .method .name {
    display: flex;
    align-items: center;
    flex: 3;
    font-size: 14px;
    color: #2C3E50; /* Güven veren koyu mavi tonu */
    font-weight: 500;
}

.btn-lightsss {
 display: inline-block;
    border:2px solid #F27A1A; /* Soft yeşil renk */
    color: #F27A1A;
    padding: 12px 30px; /* Butonun iç boşlukları */
    font-size: 14px; /* Yazı boyutu */
    font-weight: 500; /* Font kalınlığı */
    text-decoration: none; /* Alt çizgiyi kaldırır */
    border-radius: 8px; /* Köşe yuvarlaması */
    background-color: #fff;

}

.btn-lightsss:hover {
 display: inline-block;
    border:2px solid #F27A1A; /* Soft yeşil renk */
    color: #fff;
    padding: 12px 30px; /* Butonun iç boşlukları */
    font-size: 14px; /* Yazı boyutu */
    font-weight: 500; /* Font kalınlığı */
    text-decoration: none; /* Alt çizgiyi kaldırır */
    border-radius: 8px; /* Köşe yuvarlaması */
    background-color: #f27a1a;

}
      
.container1 {
    padding: 25px 10px 15px 15px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}

.container1 h1 {
    text-align: center;
    color: #4dc762; /* Yeşil renk */
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 400;
}

.container1_section1 {
    margin-bottom: 10px;
    background-color: #ffffff;
}

.container1_section1 h2 {
    color: #4dc762; /* Yeşil renk */
    font-size: 14px; /* Küçültülmüş başlık fontu */
    margin-bottom: 10px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.container1_section1 h2 i {
    margin-right: 8px; /* İkon ile başlık arasında boşluk */
    color: #4dc762;
}

.container1_section1 p,
.container1_section1 ul,
.etbis-text p {
    font-size: 12px; /* Küçük ve okunabilir yazı */
    color: #575757;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 0;
}

.container1_section1 ul {
    padding-left: 20px;
    list-style-type: none; /* Liste işaretlerini gizler */
}

.container1_section1 ul li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px;
}

.container1_section1 ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #4dc762; /* Soft yeşil */
    font-weight: bold;
}

.container1_button1 {
    display: inline-block;
    background-color: #4dc762;
    color: #fff;
    padding: 8px 15px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    border-radius: 30px;
    text-align: center;
    transition: background-color 0.3s ease;
}

.container1_button1:hover {
    background-color: #43b15c;
}

.container1_footer1 {
    text-align: center;
    font-size: 10px;
    margin-top: 20px;
    color: #888888;
}

.etbis-section {
    background-color: #ffffff;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.etbis-section h2 {
    color: #4dc762;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.etbis-section h2 i {
    margin-right: 8px;
    color: #4dc762;
}

.etbis-text {
    flex: 1 1 60%;
}

.etbis-image {
    flex-shrink: 0;
}

.etbis-image img {
    max-width: 75px;
    height: auto;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
    padding: 5px;
    transition: transform 0.3s ease-in-out;
}

.etbis-image img:hover {
    transform: scale(2.05);
}




.cc-installments .method .name .info {
    font-size: 12px;
    color: #7a8a9a; /* Soft gri tonu */
}

.cc-installments .method .checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}

.cc-installments .method .price-1, 
.cc-installments .method .price-2 {
    flex: 1;
    padding-right: 5px;
    text-align: center;
    font-weight: 500;
    color: #34495e; /* Hafif koyu mavi tonu */
}

.cc-installments .method.active {
    background: #f0f6fc; /* Seçili taksit için hafif mavi tonu */
    color: #0056b3;
    font-weight: 600;
    border: 1px solid #e7ebf5;
}

.payment-cart-summary-1 {
    padding: 10px;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}

.payment-cart-summary-1 .d12fg154dfg {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #000;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 6px;
    font-family: 'Poppins', sans-serif;
}

.kargo-kampanya-sepet-pc {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e7ebf5;
}

.kargo-kampanya-sepet-pc .kampanya-kutu {
    text-align: center;
    padding: 20px 10px 20px 15px;
    
  

}

.kargo-kampanya-sepet-pc .kampanya-baslik {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    gap: 10px;
    
}

.kargo-kampanya-sepet-pc .kampanya-img {
   text-align: right;
    height: 25px;
}

.kargo-kampanya-sepet-pc .kampanya-aciklama {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

.kargo-kampanya-sepet-pc .magaza-adi {
    font-weight: bold;
    color: #000;
}

.kargo-kampanya-sepet-pc .eksik-tutar {
    color: #d9534f;
    font-weight: bold;
}

.kargo-kampanya-sepet-pc .tebrikler {
    color: #28a745;
    font-weight: bold;
}

.payment-cart-summary-1 .tilbe-sub {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -0.03em;
    color: #a1a1a1;
    margin-top: 8px;
    margin-bottom: 11px;
    text-align: center;
   
}

.payment-cart-summary-1 .summary span{
padding-top: -10px;

}

@media (max-width: 768px) {
    .pattern-group-body .card-product .card-product-inner .free-cargo-badge,
    .pattern-group-body .card-product .card-product-inner .hizli-teslimat {
        display: none !important;
    }
}


.payment-page-bodysection .p-g-b-c-1 .p-g-b-c-inner .payment-cart-summary-1 .table tfoot tr th {
    border: none !important;
}

.payment-cart-summary-1 h5 {
    color: #121212;
    font-size: 14px;
    letter-spacing: -0.28px;
    font-weight: 600;
    margin-bottom: 3px;
}

.payment-cart-summary-1 span9 {
    font-size: 14px;
    color: #0a7608;
    font-weight: 400;
}


.payment-cart-summary-1 .span19 {
    font-size: 14px;
    color: #212529;
    font-weight: 500;
}

.payment-cart-summary-1 .span18 {
    font-size: 12px;
    color: #31ab45;
    font-weight: 500;
}

.payment-cart-summary-1 .span17 {
    font-size: 11px;
    color: #a1a1a1;
    font-weight: 500;
}

.payment-cart-summary-1 .span16 {
    color: #31ab45;
}



.payment-cart-summary-1 table tfoot tr  {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    border-bottom: 1px solid #e7ebf5;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.payment-cart-summary-1 table tfoot tr:last-child {
    border-bottom: none; /* Son satırdaki border'ı kaldırır */
}

.payment-cart-summary-1 table tfoot tr th {
    border: none !important;
}

.readmore{
    margin:40px 0;
}

.readmore .p-g-mod-base-content{
    border: 0;
}

.readmore .readmore-text{
    max-height:100px;
    overflow:hidden;
}

.readmore .readmore-text.show{
    max-height:100% !important;
}

.readmore .p-g-mod-t-1{
    display:flex;
    justify-content:center;
}

/* Genel Form Stili */
.payment-form-group-1 {
    background: rgba(255, 255, 255, 1); /* Beyaz arka plan, temiz ve güven hissi verir */
 
   
}
/* Textarea Alanı */
.payment-form-group-1 .form-group textarea {
    min-height: 150px; /* Daha geniş alan */
    outline: none;
    color: #121212;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.28px;
    padding: 17px 14px;
    resize: vertical; /* Kullanıcı genişletebilir */
    background-color: #fbfbfb;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
   
}

/* Form Alanları */
.payment-form-group-1 .form-group input,
.payment-form-group-1 .form-group select {
    height: 60px;
    outline: none;
    color: #121212;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.28px;
    padding: 17px 14px;
    background-color: #fbfbfb;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
   
}

.payment-form-group-1 .gift-pack-price {
    color: #31ab45;
    font-weight: 500;
}

.payment-form-group-1 .hediye-aciklama54 {
              /* Yatayda hizalama sağlar */
    align-items: center;        /* Dikeyde ortalar */
    gap: 10px;                  /* Kutucuk ile yazı arasına boşluk ekler */
    margin-bottom: 7px;
    padding:1px 15px 5px 15px;
}

/* ✅ FORM GENEL */
.payment-form-group-1 {
    background: #ffffff;
}

/* ✅ GİRİŞ ALANLARI: input, select, textarea */
.payment-form-group-1 .form-group input,
.payment-form-group-1 .form-group select,
.payment-form-group-1 .form-group textarea {
    width: 100%;
    height: 52px;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 500;
    color: #121212;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    outline: none;
    transition: border 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

/* ✅ TEXTAREA için ekstra yükseklik */
.payment-form-group-1 .form-group textarea {
    min-height: 150px;
    resize: vertical;
}

/* ✅ FOCUS: Güvenli ve sade efekt */
.payment-form-group-1 .form-group input:focus,
.payment-form-group-1 .form-group select:focus,
.payment-form-group-1 .form-group textarea:focus {
    background-color: #f0f9ff;
}

/* ✅ CHECKBOX STİLİ */
.payment-form-group-1 .hediye-aciklama54 input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #2563eb;
    cursor: pointer;
    transition: transform 0.2s;
    margin-bottom: 5px;
    padding-right: 20px;
}

.payment-form-group-1 .hediye-aciklama54 input[type="checkbox"]:hover {
    transform: scale(1.1);
}

/* ✅ CHECKBOX YAZISI */
.payment-form-group-1 .hediye-aciklama54 label {
    font-size: 14px;
    color: #374151;
    cursor: pointer;
}

/* ✅ PLACEHOLDER STİLİ */
.payment-form-group-1 .form-group input::placeholder,
.payment-form-group-1 .form-group textarea::placeholder {
    color: #9ca3af;
    font-weight: 400;
}


.invoice-info-description {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0px;
    gap: 18px;
    background: transparent;
}

.invoice-info-description label {
    margin: 0px;
}

.kurumsal-etiket .kurumsal-span {
text-align: center;
font-size: 16px;

}

.kurumsal-etiket {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted white;
  text-align: center;
  font-size: 14px;
}

.kurumsal-etiket .kumtext {
  visibility: hidden;
  width: 400px;
  background-color: #fff;
  color: #333333;
  text-align: center;
  border-radius: 6px;
  border-width: 2px;
  border-style: solid;
  border-color: #4a90e2;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 0%;
  margin-left: -20px;
}

.kurumsal-etiket .kumtext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: #4a90e2 transparent transparent transparent;
}

.kurumsal-etiket:hover .kumtext {
  visibility: visible;
}

.readmore .more {
    display: inline-block;
    border-radius: 5px;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px 10px 20px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #000;
}

.product-badges-alert {
border: 1px solid #f4f4f4;
border-radius: 10px; 
padding:25px;
    background: #ff4040;
    color: #fff;
    align-content:center;
    margin-top: 20px;
    font-size: 14px;
}

/* Reset */
a {
    color: var(--main-color);
}

a:hover {
    text-decoration: none;
    color: var(--main-color2);
}



/* Overlay */
.overlay {
    display: flex;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: rgba(255, 255, 255, .4);
    justify-content: center;
    align-items: center;
}

.overlay .spin {
    color: var(--main-color);
    width: 3rem;
    height: 3rem;
    font-size: 20px;
}


/* Opacity */
.op-black {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}
.op-black.hide {
    visibility: hidden;
    opacity: 0;
}
.op-black.show {
    visibility: visible;
    opacity: 1;
}
.op-black-2 {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
}
.op-black-2.hide {
    visibility: hidden;
    opacity: 0;
}
.op-black-2.show {
    visibility: visible;
    opacity: 1;
}

/* Header (Desktop) */
header.desktop {
    background: #fefefe;
    box-shadow: 0 10px 20px -10px #cecece;
}
header.desktop.fixed-desktop {
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
}
header.desktop .h-contact {
    background: #fff;
   
}
.dropdown-languages-1 .dropdown-toggle {
    color: var(--header-top-color);
    transition: all var(--transition-time);
}
.dropdown-languages-1 .dropdown-toggle:hover {
    color: var(--header-top-color-hover);
}
.dropdown-currencies-1 .dropdown-toggle {
    color: var(--header-top-color);
    transition: all var(--transition-time);
}
.dropdown-currencies-1 .dropdown-toggle:hover {
    color: var(--header-top-color-hover);
}
header.desktop .h-contact .info {
    height: 30px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}




/* Genel yazı boyutu */
header.desktop .h-contact .info .header-ust-mesajim {
    font-size: 11px; /* Standart yazı boyutu */
   
}

/* Tablet cihazlar için yazı boyutu */
@media (max-width: 768px) {
    header.desktop .h-contact .info .header-ust-mesajim {
        font-size: 80px; /* Tablet boyutunda yazı boyutunu biraz küçült */
    }
}

/* Mobil cihazlar için yazı boyutu */
@media (max-width: 480px) {
    header.desktop .h-contact .info .header-ust-mesajim {
        font-size: 6px; /* Mobil cihazlarda daha da küçült */
    }
}

@media (max-width: 991px) {
    header.desktop .h-contact .info .header-ust-mesajim {
        font-size: 10px; /* Mobil cihazlarda daha da küçült */
    }
    
        .profil-collection-btn {
        top: 50px;
        width: 35px;
        height: 35px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 200px;
    }
    .profil-collection-btn img {
        width: 17px;
        height: 100%;
    }
}


header.desktop .h-contact .info .item {
    font-size: 12px;
    color: var(--header-top-color);
    transition: all var(--transition-time);
    margin-right: 20px;
    font-weight: 400;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}
header.desktop .h-contact .info .item:hover {
    color: var(--header-top-color-hover);
}
header.desktop .h-contact .info .item i {
    margin-right: 6px;
    font-size: 13px;
}
header.desktop .h-contact .info .item.wp i {
    font-weight: normal;
    font-size: 20px;
}
header.desktop .h-contact .social-media {
    height: 30px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
}
header.desktop .h-contact .social-media a {
    margin-left: 15px;
    font-size: 14px;
    color: var(--header-top-color);
}
header.desktop .h-contact .social-media a:hover {
    color: var(--header-top-color-hover);
    transition: all var(--transition-time);
}
header.desktop .header-area {
    height: 55px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
header.desktop .header-area.last {
    align-items: flex-end;
    margin-right: 0 !important;
}
header.desktop .logo {
    align-items: flex-start;
    -webkit-align-items: flex-start;
}
header.desktop .logo a img {
    max-height: 50px;
    max-width: 270px;
    width: 100%;
    height: 100%;
}

header.desktop .search {
    width: 100%;
    position: relative;
    transition: all var(--transition-time);
}

header.desktop .search form {
    width: 100%;
}

header.desktop .search form .input-box {
    width: 100%;
    padding-right: 45px;
    box-sizing: border-box;
}

header.desktop .search form input {
    float: left;
    color: #666;
    font-weight: 400;
    width: 100%;
    font-size: 13px;
    border: 1px solid #f3f3f3;
    border-radius: 10px;
    background: #f3f3f3 !important;
    height: 45px;
    box-shadow: none;
    padding-left: 20px;
}



header.desktop .search form input::placeholder {
    color: #666;
}

header.desktop .search:hover,
header.desktop .search:focus,
header.desktop .search:active{
    border-color: var(--main-color2);
}

section.h-center{
    height: 80px;
}


header.desktop .h-center .container{
padding-top: 5px;
}

header.desktop .h-center .container .search{
padding-top: 5px;
}



header.desktop .search form .btn-send {
    position: absolute;
    right:50px ;
    height: 40px;
    border-width: 0;
    color: var(--main-color2);
    border-radius: 0;
    font-size: 20px;
    top: 5px;
    transition: all var(--transition-time);
}



header.desktop .menu {
    height: 65px;
    border: 1px solid #ebebeb;
    border-right: 0;
    border-left: 0;
    display: flex;
    align-items: center;

}
header.desktop .mega-menu {
    padding: 0;
    position: relative;
}
header.desktop .mega-menu .navbar-nav {
    flex-direction: row;
    height: 50px;
    gap: 10px;
    display: flex;
    justify-content: space-between;
}
header.desktop .mega-menu .nav-item {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}
header.desktop .mega-menu .nav-link {
    padding: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: var(--menu-color);
    line-height: normal;
    font-weight: 500;
    font-size: 14px;
    padding: 0 5px;
    white-space: unset !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all var(--transition-time);
    border-bottom: 1px solid transparent;
}
header.desktop .mega-menu .nav-link::after {
    display: none;
}
header.desktop .mega-menu .nav-item:hover .nav-link, header.desktop .mega-menu .nav-item:focus .nav-link {
    color: var(--menu-color-hover);
    border-bottom: 1px solid #000;
    transition: all var(--transition-time);
}
header.desktop .mega-menu .nav-item:last-child .nav-link {
    border-right: 0;

}
header.desktop .mega-menu .dropdown {
    position: static;
}
header.desktop .mega-menu .dropdown-menu {
    border-radius: 0;
    background-color: #fff;
    width: 100%;
    left: -1px;
    right: 0;
    top: 48px;
    position: absolute;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);
    border: 1px solid #ebebeb;
    border-top: 0;
}
header.desktop .mega-menu .dropdown:hover .dropdown-menu, header.desktop .mega-menu .dropdown .dropdown-menu:hover {
    display: block !important;
}
header.desktop .h-banner {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Mega Menu Container */
.mega-menu-container {
    padding: 20px;
}
.mega-menu-container .sub-cat {
    margin-bottom: 15px;
}
.mega-menu-container .sub-title {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    display: block;
    margin-bottom: 7px;
    transition: all var(--transition-time);
}
.mega-menu-container .sub-title:hover {
    color: var(--main-color);
}
.mega-menu-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mega-menu-container ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}
.mega-menu-container ul li a {
    font-size: 13px;
    color: #222;
    font-weight: 400;
    line-height: 25px;
    transition: var(--transition-time);
}
.mega-menu-container ul li a.sub-title {
    color: #333;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
}
.mega-menu-container ul li a:hover {
    color: var(--main-color);
}
/* Mega Menu Side */
.mega-menu.side .mega-menu-container ul li {
    display: inline-block;
}
.mega-menu.side .mega-menu-container .comma {
    margin-right: 4px;
}
.mega-menu.side .mega-menu-container ul li:last-child .comma {
    display: none;
}
/* Single Menu */
.single-menu-container {
    display: block;
}
.single-menu-container .single-menu {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    height: 70px;
    align-items: center;
}
.single-menu-container .single-menu li:first-child {
    margin-left: 0;
}
.single-menu-container .single-menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
}
.single-menu-container .single-menu li .sub-single-item {
    font-weight: 400;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    color: #000;
    transition: all 0.2s ease-in-out 0s;
    font-size: 15px;
    text-align: center;
}
.single-menu-container .single-menu li:hover > a:after {
    width: 100%;
}
.single-menu-container .single-sub-menu li a {
    border: 1px solid #ebebeb;
    animation: all ease 0.5s;
    -webkit-animation: all ease 0.5s;
    padding: 20px 15px;
    border-top: 0;
}
.single-menu-container .single-menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    padding: 0;
    width: 170px;
    position: absolute;
    left: 0px;
    background: #fff;
    z-index: 99;
    transform: translate(0, 20px);
    transition: all 0.2s ease-out;
    -webkit-box-shadow: 1px 1px 6px -4px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 6px -4px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 6px -4px rgba(0, 0, 0, 0.75);
}
.single-menu-container .single-menu ul li {
    display: block;
    float: none;
    background: none;
    margin: 0;
    padding: 0;
}
.single-menu-container .single-menu ul li a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    color: #333;
    background: #fff;
    transition: var(--transition-time);
}
.single-menu-container .single-menu ul li a:hover, .single-menu ul li:hover > a {
    color: var(--main-color);
}
.single-menu-container .single-menu li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
}
.single-menu-container .single-menu ul ul {
    left: 100%;
    top: 0px;
    visibility: hidden;
    opacity: 0;
    transform: translate(20px, 20px);
    transition: all 0.2s ease-out;
}
.single-menu-container .single-menu li > ul ul:hover {
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
}

/* Mobile Header */
.mobile-header-space {
    height: 0;
    display: none;
}
header.mobile {
    display: none;
    background: rgb(255, 255, 255);
    height: 97px;
    margin-top: 35px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
    z-index: 10;
}



header.mobile .left {
    width: 33%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 45%;
    box-sizing: border-box;
    padding: 10px;
    padding-top: 20px;
    font-size: 10px;
}



header.mobile .left a {

    font-size: 11px;
}
header.mobile .center {
    width: 33%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45%;
}
header.mobile .right {
    width: 33%;
    float: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 45%;
    box-sizing: border-box;
    gap: 10px;
}

header.mobile .right .sepet {
    position: relative;  /* Sepet ikonunun pozisyonunu ayarlıyoruz */
    top: 5px;  /* Sepet ikonunu 5px aşağı kaydırır */
}

header.mobile .right a img {
    width: 24px;
    height: 24px;
}
header.mobile .logo img {
    max-height: 55px;
    max-width: 156px;
    width: 100%;
    height: 100%;
    margin-top: 5px;
    margin-left:10px;
}
header.mobile .icon-group {
    position: relative;
}
header.mobile .icon-group {
    position: relative;
    color: #333;
    font-size: 25px;
}
header.mobile .icon-group .badge {
    position: absolute;
    top: 7px;
    right: 2px;
    min-width: 16px;
    max-width: 22px;
    padding: 0;
    text-align: center;
    height: 16px;
    background: #f27a1a;
    font-size: 10px;
    color: #fff;
    border-radius: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}



/* Sidebar User */
.sidebar-user {
    background: #fff;
    width: 250px;
    position: fixed;
    top: 0;
    height: calc(100vh);
    transition: all 0.3s;
    z-index: 21;
    right: 0;
    margin-right: -250px;
}
.sidebar-user.active {
    margin-right: 0;
}
.sidebar-user .title {
    padding: 10px;
    background: var(--main-color);
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.sidebar-user .title .btn-close {
    color: #fff;
}
.sidebar-user .login-menu a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
    font-weight: 500;
}
.sidebar-user .login-menu a i {
    width: 30px;
    margin-right: 10px;
    text-align: left;
}
.sidebar-user .scrollbar {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.sidebar-user .title-alt {
    padding: 10px;
    background: rgba(0, 0, 0, 0.15);
    font-size: 14px;
    font-weight: 500;
}
.sidebar-user .footer-links ul {
    margin: 0;
    padding: 0;
}
.sidebar-user .footer-links ul li {
    padding: 0;
    list-style: none;
}
.sidebar-user .footer-links ul li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
}
.sidebar-user .footer-links ul li a.wp i {
    color: #21bd5c;
}
.sidebar-user .footer-links ul li a i {
    text-align: center;
    width: 40px;
    font-size: 16px;
}


/* Sidebar Menu */
.sidebar-menu {
    background: #fff;
    width: 250px;
    position: fixed;
    top: 0;
    height: calc(100vh);
    transition: all 0.3s;
    z-index: 9999;
    left: 0;
    margin-left: -250px;
}
.sidebar-menu.active {
    margin-left: 0;
}
.sidebar-menu .scrollbar {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.sidebar-menu .title {
    padding: 10px;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.sidebar-menu .title .btn-close {
    color: #fff;
}
.sidebar-menu .title-alt {
    padding: 10px;
    background: rgba(0, 0, 0, 0.15);
    font-size: 14px;
    font-weight: 500;
}
.sidebar-menu .links a {
    display: block;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
}
.sidebar-menu .links a i {
    float: right;
}
.sidebar-menu .categories ul {
    margin: 0;
    padding: 0;
}
.sidebar-menu .categories ul li {
    padding: 0;
    list-style: none;
}
.sidebar-menu .categories ul li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 15px;
    font-weight: 500;
}
.sidebar-menu .categories ul li a .name {
    width: 80%;
}
.sidebar-menu .categories ul li a .icon {
    color: #777;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 2px;
    font-size: 18px;
}
.sidebar-menu .categories ul .multi {
    display: none;
}
.sidebar-menu .categories ul .multi a {
    padding-left: 20px;
}
.sidebar-menu .categories ul .multi .multi a {
    padding-left: 40px;
}
.sidebar-menu .categories ul .multi .multi .multi a {
    padding-left: 60px;
}

/* Stores */
.stores {
    background: #fff;
    border-top: solid 1px #e6e6e6;
    padding: 10px 0;
}
.stores .cards {
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.stores .card {
    border: none;
    box-shadow: none;
    margin: 0 !important;
    border-left: 1px solid #e6e6e6;
}
.stores .card:first-child {
    border-left: 0;
}
.stores .card .card-body {
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 10px;
}
.stores .card .card-body img {
    max-height: 80%;
    max-width: 60% !important;
    margin: 0 auto;
}
.stores .card .card-header {
    display: none;
}
.stores .text-white {
    font-weight: bold;
    font-size: 12px !important;
}



/* Footer */

footer {
    background: #fff;
    -webkit-box-shadow: 0 10px 20px 5px #cecece;
	-moz-box-shadow: 0 10px 20px 5px #cecece;
	box-shadow: 0 10px 20px 5px #cecece;
}

footer .bb {
    padding: 20px 0;
}

footer .logo-area {
    text-align: left;
    margin: 15px 0;
}

footer .logo-area .logo img {
    max-height: 100px;
    max-width: 230px;
}

footer .logo-description {
    margin-top: 15px;
}

footer .info {
    padding: 25px 0;
}

footer .title {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 15px;
}

footer .title-2 {
    color: #00aaff;
    font-size: 13px;
    
}

footer .title-3 {
    color: #333;
    font-size: 17px;
    
}

footer .secure .description {
    color: #000;
    margin: 5px 0;
}

footer .secure img {
    opacity: .5;
}

footer .info ul {
    padding: 0;
    margin: 0;
}

footer .info ul li {
    list-style: none;
    padding: 3px 0;
    color: #000;
    font-size: 13px;
    text-align: left;
}

footer .info ul li a {
    display: block;
    color: #000;
    font-size: 13px;
    position: relative;
    padding-left: 15px;
    line-height: 25px;
    transition: all var(--transition-time);
}

footer .info ul li a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: ">";
}

footer .info ul li a:hover {
    color: var(--main-color);
}

footer .bar {
    padding: 10px 0;
    background: #fff;
}

footer .bar a {
    color: #333;
    text-align: center;
}

footer .bar a:hover {
    color: #333;
}

footer .bar p {
    margin: 0;
    color: #333;
}

/* Mobile Menu Tip 2 */
.sidebar-menu-type-2 {
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    height: calc(100vh);
    transition: all 0.3s;
    z-index: 9999;
    left: 0;
    margin-left: -100%;
}
.sidebar-menu-type-2.active {
    margin-left: 0;
}
.sidebar-menu-type-2 .title {
    padding: 10px;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.sidebar-menu-type-2 .title .btn-close {
    color: #fff;
}
.sidebar-menu-type-2 .title-alt {
    padding: 10px;
    background: rgba(0, 0, 0, 0.15);
    font-size: 14px;
    font-weight: 500;
}
.sidebar-menu-type-2 .links a {
    display: block;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #333;
    font-size: 14px;
}
.sidebar-menu-type-2 .links a i {
    float: right;
}
.sidebar-menu-type-2 .categories ul {
    margin: 0;
    padding: 0;
}
.sidebar-menu-type-2 .categories ul li {
    padding: 10px;
    list-style: none;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
}
.sidebar-menu-type-2 .categories ul li a img {
    height: 30px;
    width: 30px;
    margin-right: 10px;
    border-radius: 10px;
    border: 1px solid rgba(248, 248, 248, 1);
    background-color: rgba(255, 255, 255, 1);
}
.sidebar-menu-type-2 .categories ul li a {
    display: flex;
    padding: 5px;
    border-bottom: 0;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    align-items: center;
}
.sidebar-menu-type-2 .categories ul li a .name {
    width: 80%;
}
.sidebar-menu-type-2 .categories ul li a .icon {
    color: #000;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 2px;
    font-size: 17px;
    position: absolute;
    right: 22px;
    transform: rotate(0deg);
}
.sidebar-menu-type-2 .categories ul li a .icon:hover {
    transform: rotate(90deg);
}
.sidebar-menu-type-2 .categories .multi li a .icon {
    right: 13px;
}

.sidebar-menu-type-2 .categories ul .multi {
    display: none;
}
.sidebar-menu-type-2 .categories ul .multi li:first-child {
    display: none;
}
.sidebar-menu-type-2 .categories ul .multi a {
    padding-left: 20px;
}
.sidebar-menu-type-2 .categories .multi li {
    border: 0 !important;
    margin-bottom: 5px;
}
.sidebar-menu-type-2 .categories ul .multi a {
    padding: 0;
}
.sidebar-menu-type-2 .categories ul .multi .multi a {
    padding-left: 20px;
    font-size: 12px;
}
.sidebar-menu-type-2 .mobile-search i {
    font-size: 25px;
    margin-right: 10px;
}
.sidebar-menu-type-2 .mobil-area-title {
    color: #000;
    margin: 15px 10px 10px 13px;
    display: block;
    font-weight: 500;
    font-size: 15px;
}
.sidebar-menu-type-2 .mobil-area-1 {
    display: flex;
    position: relative;
    text-align: center;
}
.sidebar-menu-type-2 .mobil-area-1 a {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 50%;
    justify-content: center;
    border: 1px solid #e2e2e2;
    margin: 0 10px;
    padding: 7px 1rem;
    color: #000;
    text-align: left;
    font-size: 13px;
    font-weight: 600;
}
.sidebar-menu-type-2 .mobil-area-1 a img {
    margin-right: 10px;
    padding: 0;
    width: 41px;
    height: 41px;
}
.sidebar-menu-type-2 .logo-area {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
}
.mobile-menu-close {
    display: flex;
    justify-content: center;
    margin-right: 19px;
    font-size: 40px;
    align-items: center;
}
.mobile-menu-close i {
    border: 1px solid #e2e2e2;
    padding: 1rem;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #000;
    padding-top: 13px;
    padding-left: 14px;
    margin-top: 6px;
}
.mobil-area-2 {
    margin: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.sidebar-menu-type-2 .short-link {
    width: 50%;
    padding: 15px 10px;
}
.sidebar-menu-type-2 .short-link.border-1 {
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}
.sidebar-menu-type-2 .short-link.border-2 {
    border-bottom: 1px solid #e2e2e2;
}
.sidebar-menu-type-2 .short-link.border-3 {
    border-right: 1px solid #e2e2e2;
}
.sidebar-menu-type-2 .short-link a {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.sidebar-menu-type-2 .short-link a i {
    margin-right: 10px;
    font-size: 20px;
}
.mobil-area-footer {
    text-align: center;
    color: #000;
}
.sidebar-menu-type-2 .scrollbar {
    width: 100%;
    height: 80%;
    box-sizing: border-box;
    padding-bottom: 0;
    overflow-x: hidden; 
    overflow-y: scroll;
}

/* Custom */
.kategori-listeleme img{
    border-radius: 5px 5px 0 0;
}

.brand {
    font-weight: bold;
}
.banner-radius img{
    border-radius: 10px;
}
.card-product{
    border-radius: 15px;
}



.product-profile-1 .carousel .carousel-inner {
border: 1px solid #e6e6e6;
border-radius: 10px; 

}

.product-profile-1  .social-share-special{
border: 1px solid #f4f4f4;
border-radius: 20px; 
 
    flex-wrap: nowrap;
    padding: 10px;
    text-align: center;
}

/* Genel Başlık Düzeni (Mobil İçin) */
@media (max-width: 768px) {

  .product-profile-1 .product-reviews .count a {
    font-size: 12px;
    color:#666; /* Yazıyı siyah yap */
    text-decoration: none; /* Eğer altı çiziliyse, altını çizer */
   font-family: 'Poppins', sans-serif;
    font-weight: 400;  /* Regular weight */
}

  .product-profile-1 .product-reviews .count span {
    font-size: 13px;
    color:#666; /* Yazıyı siyah yap */
    text-decoration: none; /* Eğer altı çiziliyse, altını çizer */
    font-family: 'Poppins', sans-serif;
    font-weight: 400;  /* Regular weight */
}
  
}


.product-profile-1 .degerlendirme-yazi{ 
    position: absolute;
    left: 125px;
    top: 77px;
    font-size:10px;
font-family: 'Poppins', sans-serif;
    font-weight: 300;  /* Regular weight */
}


 .product-dugmeleri .product-specaildisc {
        font-size: 15px;
        position: relative;
        overflow: hidden;
        margin-top:20px;
        margin-left:20px;
        margin-right:20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom:15px;
    padding-top: 20px;
    }
	
.product-dugmeleri	.product-specaildisc {
    display: flex;

    align-items: center;
    border-radius: 10px;
   
    background-color: #535353;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    
}

@media (min-width: 768px) { /* Tablet ve üzeri cihazlar için */
    .bulk-discount .sadece-mobil-addet {
        display: none !important; /* Masaüstünde gizle */
    }

    .bulk-discount h3 {
        font-size: 11px;
        color: #333;
        line-height: 1.5;
        padding-top: 5px;
        font-weight: 500;  /* Regular weight */
        font-family: 'Poppins', sans-serif;
    }
}

.bulk-discount {
    padding-bottom: 15px;
    padding-top: 10px;
    background: #fff;
}

.bulk-discount h3 {
    font-size: 14px;
    color: #333;
    font-weight: 500;  /* Regular weight */
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
    padding-top: 5px;
}

.discount-options {
    gap: 10px;
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* Diğer stil ve responsive kurallar */
.discount-box {
    position: relative; /* Badge konumlandırmak için */
    cursor: pointer;
    transition: all 0.3s ease;
    align-content: center;
    padding-top: 10px;
    padding-bottom: 3px;
    width: 25%;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}

.discount-box {
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s;
    display: inline-block;
}



.bulk-discount .badge {
    background-color: #effbf5;
    font-weight: 200; /* İnce font */
    font-family: 'Poppins', sans-serif;
    color: #1d9a37;
    font-size: 10px;
    padding: 2px 8px;
    border-radius: 4px;
    position: absolute;
    top: -7px;
    left: 30px;
}



.discount-box .quantity {
    display: block;
}

.discount-box .discount {
    display: block;
    font-size: 14px;
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;  /* Regular weight */
}

@media (max-width: 480px) {
    .discount-box .quantity,
    .discount-box .discount {
        font-size: 9px; /* Daha küçük ekranlarda daha küçük font */
    }

    .bulk-discount .badge {
        top: -7px;
        left: 13px;
        background-color: #effbf5;
        color: white;
        font-weight: 200; /* İnce font */
        font-family: 'Poppins', sans-serif;
    }

    .bulk-discount {
        padding: 2px;
        font-family: 'Arial', sans-serif;
        text-align: left;
        max-width: 100%;
        margin-bottom: 5px;
        padding-bottom: 20px;
        background: #fff;
    }
}

@media (max-width: 768px) {
    .discount-box .quantity,
    .discount-box .discount {
        font-size: 10px; /* Mobilde daha küçük font */
    }
    .bulk-discount {
        padding: 2px;
        font-family: 'Poppins', sans-serif;
        text-align: left;
        max-width: 100%;
        margin-bottom: 5px;
        padding-bottom: 10px;
        background: #fff;
    }
}

@media (max-width: 768px) {
    .discount-box {
        padding-top: 10px;
        padding-bottom: 5px;
        width: 25%;
    }
    
    .bulk-discount h3 {
    font-size: 12px;
    color: #333;
    font-weight: 500;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
    padding-top: 10px;
    padding-bottom: -6px;
}
    
    .bulk-discount .badge {
        background-color: #effbf5;
        font-weight: 300; /* İnce font */
        font-family: 'Poppins', sans-serif;
        color: #000;
        font-size: 8px;
        padding: 2px 8px;
        border-radius: 4px;
        position: absolute;
        top: -7px;
        left: 15px;
    }
}

.discount-box.selected {
    background-color: #1d9a37 !important;
    border: 1px solid #1d9a37;  /* Seçili kutudaki kenarlık rengi */
}

/* Seçili discount-box içindeki span'in yazı rengini değiştiriyoruz */
.discount-box.selected span {
    color: #ffffff !important;  /* Yazı rengi beyaz */
    background-color: #1d9a37 !important;
}


.product-profile-1 .carousel .carousel-indicators {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    z-index: 0;
    flex-direction: row;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    overflow: scroll;
    padding-top: 0px;
    padding-bottom: 20px;
}

.card-category .image{
    overflow: hidden;
    max-width: 170px;
}

.card-category .title {
    font-weight: 400;
    font-size: 13px;
    color:#181818;
    width:60px; 
    word-wrap: normal;
    word-wrap: break-word;
    
}


.card-category{
    background-color:#fff;
}



.product-body .variant-box ul li .options a{
    padding: 10px 15px;
    font-weight: 600;
}

.product-body .variant-box ul li .options a.active{
    background: var(--main-color2);
    border-color: var(--main-color2);;
    color: #fff;
}
.product-body .accordion-product .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #fff;
    border: 0;
}

.btn.btn-plus99 {
border-top-right-radius: 13px;  /* Sağ üst köşe */
    border-bottom-right-radius: 13px;  /* Sağ alt köşe */
    border: 1px solid #36b257 !important;
    width: 35px;
    height: 25px;
	background: #fff !important;
    color: #36b257 !important;
}

.btn.btn-minus-99 {
    border-top-left-radius: 13px;  /* Sol üst köşe */
    border-bottom-left-radius: 13px;  /* Sol alt köşe */
    border: 1px solid #f73637 !important;
    width: 35px;
    height: 25px;
	background: #fff !important;
    color: #f73637 !important;
    
}

.shopping-cart-1 .product-quantity .btn {
    font-size: 14px;
    width: 30px;
    margin-left: 5px;
    margin-right: 5px;
}


@media (max-width: 767px) {
    .shopping-cart-1 .table tr {   
    border: 1px solid #e0e0e0 !important;
        float: left;
        width: 100%;
        margin-top: 10px;
    }
}

.accordion-product {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0;
    border-radius: 0;
}

.accordion-product .btn-link {
    color: #222;
    text-decoration: none !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 11px 0px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0;
    padding: 11px 10px;
}

.accordion-product .card-header i {
    font-size: 11px;
    padding-top: 3px;
}

.product-contact {
    border: 1px solid #ebebeb;
    padding: 10px;
    color: #444;
    background: #fff;
    width: 100%;
}

.product-body .product-favourite {
    font-size: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
   margin-left:8px;
   margin-top:5px;
    align-content: center;
    border: 1px solid #e9e9e9;
    border-radius: 5px;

    
}



.product-body .product-favourite a i{
    margin: 0 !important;
}

.product-body .product-code-area{
    display: flex;
    flex-direction: column;
}

.product-contact .fa-whatsapp {
    color: #25d366;
}

.code-area-value{
    font-weight: 600;
}
.product-contact a {
    color: #444;
}

.product-contact i {
    color: #b61414;
    font-size: 15px;
}

.product-price-group .free-cargo-badge{
    background: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
    color: #000000;
    width: inherit;
    height: 50px;
    border: 1px solid #e9e9e9;
     
}

.product-profile-1  .profile-ust-baslik .degerlendirme-yazi{ 
    position: absolute;
    left: 125px;
    top: 77px;
    font-size:10px;
font-family: 'Poppins', sans-serif;
    font-weight: 300;  /* Regular weight */
}
.product-profile-1  .profile-ust-baslik{
    flex-direction: column;
    position: left;
    flex-wrap: nowrap;
    text-align: left;
    width: 100%;
}


.product-profile-1  .profile-ust-baslik span{
    font-size: 12px;
font-family: 'Poppins', sans-serif;
    font-weight: 400;  /* Regular weight */
    
}

.product-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between; /* başlık solda, paylaşım sağda */
    gap: 5px;
    position: relative;
}

.share-wrapper {
    position: relative;
}

.share-btn {
    background: #fff;           /* beyaz arkaplan */
    border: none;     /* hafif gri kenarlık */
    border-radius: 50%;         /* tam yuvarlak */
    width: 26px;                /* buton boyutu */
    height: 26px;               /* buton boyutu */
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 20px;            /* ikon boyutu biraz büyütüldü */
    color: #555;
    transition: color 0.2s, transform 0.2s, background 0.2s;
}

.share-btn:hover {
    color: #d52121;             /* trendyol/pro site hover rengi */
    background: #fff;
    transform: scale(1.1);
}

.share-popup {
    position: absolute;
    top: 30px;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 8px 0;
    display: none;
    flex-direction: column;
    min-width: 180px;
    z-index: 10;
}

.share-popup a {
    padding: 8px 12px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background 0.2s;
}

.share-popup a:hover {
    background-color: #f5f5f5;
}

.share-wrapper:hover .share-popup {
    display: flex;
}

/* Ürün Başlığı */
.product-profile-1 h1.title {
    font-weight: 500;
    font-size: 17px;            
    line-height: 1.7;
    color: #333;                
    padding-bottom: 0;
    border-bottom: 0;
    width: 100%;                 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}



/* Mobil uyumlu */
@media (max-width: 768px) {
    .product-profile-1 h1.title {
        font-size: 14px;         /* başlığı biraz küçült */
        line-height: 1.6;        
        -webkit-line-clamp: 2;   /* 2 satırda kes */
        font-weight: 400; 
    }
    .product-profile-1 .product-short-desc {
        font-size: 12px;
        line-height: 1.5;
        margin: 6px 0 12px 0;
    }
}

.product-profile-1 .product-short-desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.6;
    color: #555;
    text-align: justify;
    margin: 1px 0 6px 0;        /* Üst ve alt boşluk */
             /* Kenarlıkla biraz boşluk */

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;        /* Masaüstü: 2 satır */
    -webkit-box-orient: vertical;
}

/* Mobil */
@media (max-width: 768px) {
    .product-profile-1 .product-short-desc {
        font-size: 12px;
        line-height: 1.5;
        -webkit-line-clamp: 3;   /* Mobilde 3 satır */
    }
}


.product-profile-1  .profile-ust-baslik .degerlendirme-yazi{ 
    position: absolute;
    left: 125px;
    top: 77px;
    font-size:10px;
font-family: 'Poppins', sans-serif;
    font-weight: 300;  /* Regular weight */
}

.product-price-group .free-cargo-badge span {
    position: relative;
    top: 6px; /* Dikey olarak 20px kaydırır */
  font-family: 'Poppins', sans-serif;
}

.profile-ust-baslik-price-group {
width: 100%;
margin-top: 15px;
margin-bottom: 15px;

}

.prices .sale-price .sale-variant-price {
color: #14613A;
}
.profile-ust-baslik .degerlendirme-yazi{ 
    position: absolute;
    left: 125px;
    top: 77px;
    font-size:10px;
font-family: 'Poppins', sans-serif;
    font-weight: 300;  /* Regular weight */
}
.profile-ust-baslik{
    flex-direction: column;
    position: left;
    flex-wrap: nowrap;
    text-align: left;
    width: 100%;
}



.profile-ust-baslik span{
    font-size: 12px;
font-family: 'Poppins', sans-serif;
    font-weight: 400;  /* Regular weight */
    
}


/* Mobil cihazlar (768px ve altı) için gizle */
@media (max-width: 768px) {
    .favori-listesi-container99 {
        display: none;
    }
}

/* Masaüstü cihazlarda görünür */
@media (min-width: 769px) {
    .favori-listesi-container99 {
        display: block;
    }
}



.product-profile-1 .free-cargo-99{
    height: 80px;
    width: 80px;
    font-weight:600;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid var(--main-color2);
    border-radius: 2px;
    z-index: 1;
}

 .product-price-group .free-cargo-99{
    background: transparent;
    border: 1px solid #14613A;
    color: #14613A;
    border-radius: 10px;
    font-weight: 600;
    margin-right: 20px;
} 

 .product-price-group .free-cargo-badge99{
padding-top:20px;
}

.product-body{
    background: #fFFFFF !important;
}

.product-body .product-profile-info .sale-price-discount{
    padding-left:20px;
    padding-right:20px;
    margin-top:10px;
    border: 1px solid #14613A;
    background: #fff;
    color: #14613A;
    border-radius: 10px;
    font-weight: 600;
    margin-right: 20px;
}

.product-body .sale-price-discount{
   display: inline-flex;
    align-items: center;
    color: #000;
    border-radius: 15px;
    font-size: 20px;
    font-weight: 400;
}


.product-body .product-profile-info .sale-price-discount .discount_yazialani {
    
    align-content: center;
} 
    
.product-body .product-profile-info .sale-price-discount .discount_yazialani {
    background: #fff;
    color: #000;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px 0px;
    font-weight: 400;
    align-content: center;
    
}

    .product-price-group .discount .rate{
        font-size:13px;
    }
    
    .product-price-group .discount .rate99{
        font-size:10px;
    }
	
	.product-price-group .prices .sale-price-discount {
    color: #F83838;
}

.card-product .card-product-inner .price-group .discount{
    background: #277C27;  
}

.show-category .card-product .card-product-inner .price-group .discount{
    height: 25px;
    width: 30px;
    font-size: 13px;
    font-weight: 130;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid var(--main-color2);
    border-radius: 5px;
     margin-left: 10px;
}

.product-profile-1 .carousel .carousel-outer .discount{
display:none;
}

.product-profile-info .sale-price-discount .sale-price,
.hizli-sepet .sale-price{
    font-size: 30px;
    font-weight: 600;
}

.product-price-group .discount {
    align-items: center;
    background: #D32F2F;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    height: 50px;
    justify-content: center;
    margin-right:0;
    text-align: center;
    width: 60px;
    border-radius: 5px;
 font-family: 'Poppins', sans-serif;
   border: 1px solid #D32F2F;
   
    
}
.product-price-group .discount .rate {
    align-items: center;
    font-size: 12px;
font-family: 'Poppins', sans-serif;
    font-weight: 500;  /* Regular weight */

}




@media(max-width:625px){
    
    .product-price-group .prices{
        flex-direction:column;
    }
    
    .mobile-cart-price{
        padding:20px;
    }
}
    
    
    .dt-discount-img img {
display: none;
}
    

@media(max-width:485px){
    
    .mobile-cart-price{
        padding:10px;
        
    }

.pattern-group-body .card-product .card-product-inner .free-cargo-badge {
    align-items: center;
    border-radius: 3px;
    background: #0BC15C;
    color: #ffffff;
    display: flex;
    font-size: 6px;
    font-weight: 400;
    height: 13px;
    justify-content: center;
    line-height: 8px;
    position: absolute;
    right: 5px;
    left: 5px;
    top: 5px;
    text-align: center;
    width: 50px;
    z-index: 1;
}

    .dt-discount-img img {
display: none;
}

}
@media(max-width:400px){
    .mobile-cart-price{
        padding:0px;
        
    }
    
    .pattern-group-body .card-product .card-product-inner .free-cargo-badge {
    align-items: center;
    border-radius: 3px;
    background: #0BC15C;
    color: #ffffff;
    display: flex;
    font-size: 6px;
    font-weight: 400;
    height: 13px;
    justify-content: center;
    line-height: 8px;
    position: absolute;
    right: 5px;
    left: 5px;
    top: 5px;
    text-align: center;
    width: 50px;
    z-index: 1;
}



.dt-discount-img img {
display: none;
}
.ppriceg-right {
    display: flex;
    align-items: left;
    justify-content: left;
    height: 100%;
    min-width: 300px;
    margin-top: 20px;
    }
}
@media(max-width:354px){
    .mobile-cart-price .product-price-group{
        justify-content: center;
        
    }
    
    .pattern-group-body .card-product .card-product-inner .free-cargo-badge {
    align-items: center;
    border-radius: 3px;
    background: #0BC15C;
    color: #ffffff;
    display: flex;
    font-size: 6px;
    font-weight: 400;
    height: 13px;
    justify-content: center;
    line-height: 8px;
    position: absolute;
    right: 5px;
    left: 5px;
    top: 5px;
    text-align: center;
    width: 50px;
    z-index: 1;
}



    
    .dt-discount-img img {
display: none;
}

   

    
.ppriceg-right {
    display: flex;
    align-items: left;
    justify-content: left;
    height: 100%;
    min-width: 300px;
    margin-top: 20px;
    }
}


.product-price-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.product-price-group > div:nth-child(1),
.product-price-group > div:nth-child(2) {
    display: flex;
    flex: 1;
    gap: 10px;
}

.product-price-group > div:nth-child(3) {
    margin-top: 10px; /* 3. div'e biraz boşluk eklemek için */
}


.product-body .product-profile-info{
    background: #ffffff;
}


.product-price-group .prices .sale-price {
    color:#000000;
    font-size: 30px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 30px;
}


.product-price-group .prices .list-price {
    text-decoration: line-through;
    color: rgb(204, 203, 203);
    font-size: 18px;
font-family: 'Poppins', sans-serif;
    font-weight: 500;  /* Regular weight */
    line-height: 20px;
    position: relative;
    left: 3px; /* Sağa kaydırma */
    
}


    
    .pattern-group-body .card-product .card-product-inner .free-cargo-badge {
    align-items: center;
    border-radius: 3px;
    background: #0BC15C;
    color: #ffffff;
    display: flex;
    font-size: 6px;
    font-weight: 400;
    height: 13px;
    justify-content: center;
    line-height: 8px;
    position: absolute;
    right: 5px;
    left: 5px;
    top: 5px;
    text-align: center;
    width: 50px;
    z-index: 1;
}

    
.dt-discount-img img {
display: none;
}


.ppriceg-right {
    display: flex;
    align-items: left;
    justify-content: left;
    height: 100%;
    min-width: 300px;
    margin-top: 20px;
    padding-right: 20px;
    }

.product-price-group .prices {
    display: flex;
    flex-direction: column; /* Yataydan dikeye dönüş */
    text-align: left;
    justify-content: left;
    gap:4px;
}

.product-body .product-profile-info{
    background: #ffffff;
}



.product-body .product-info-name{
    flex: 0 0 auto;
    width: 30%;
    color: #5e5e5e;
}

.product-body .product-profile-info .value{
    flex: 1 1 auto;
    display: flex;
    align-items: baseline;
    word-break: break-word;
}

.product-body .p-g-mod-base-content{
    background: transparent !important;
    border: 0 !important;
}

.card-product .card-product-inner{
    overflow:hidden;
    border-radius: 15px;
    padding: 0!important;
    border: 1px solid #e9e9e9;
}
  


.home-blog{
    background: var(--main-color3) !important;
    padding: 40px 0;
}

.home-blog .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-description{
    padding-top: 20px;
    margin-bottom: 20px;
}

.home-blog .p-g-mod-header.p-g-mod-header-p-0{
    height: auto;
}

.card-blog .title{
    display: block;
    margin-top: 10px;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #444;
    font-weight: 400;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
}

.story-manset .p-g-mod-t-44 .col-list-p-v-1{
    padding-top: 0 !important;
}


.butik-story{
    border: 1px solid #e9e9e9;
}


.butik-story .card-product .card-product-inner .price-group .prices .list-price{
    line-height: 20px;
    height: 20px;
    margin-bottom: 5px;
    margin-left: 10px;
    color: #b4b4b4;
    -moz-text-decoration-color: #b4b4b4;
    text-decoration-color: #b4b4b4;
    font-weight: 400;
    line-height: 25px;
}


.butik-story .card-product .card-product-inner .price-group{
    justify-content: flex-start;
}


.butik-story .card-product .card-product-inner .price-group .prices .sale-price{
    padding: 0 5px;
    background: #181818;
    color:#fff;
    border-radius: 5px;
    margin-top: 5px;
    line-height: 25px;
    font-size: 16px;
    font-weight: 600;
}

.butik-story .homepage-sale-desc{
    font-size: 10px;
    margin-right: 5px;
}
.five-banners{
    padding: 10px 25px 10px 25px;
    background: #f9f9f9 !important;
}



.card-product .card-product-inner .image-wrapper .image{
    overflow:hidden;
}

.card-product .card-product-inner .image-wrapper .image img{
    transform: scale(1);
    transition:all .4s;
}

.card-product:hover .card-product-inner .image-wrapper .image img{
    transform: scale(1.04);
    transition:all .4s;
}

.p-g-mod-t-45 .carousel-type-1 .carousel-image-wrapper {
    position: relative;
}


.p-g-mod-t-12 .p-g-mod-body .social-share {
    border-top: 1px solid rgba(0,0,0,.1);
    font-size: 12px;
    margin-top: 20px;
    padding: 20px;
}

.p-g-mod-t-15 .p-g-mod-body.p-g-mod-body-p-0 ul li a,
.p-g-mod-t-16 .p-g-mod-body.p-g-mod-body-p-0 ul li a,
.p-g-mod-t-58 .p-g-mod-body.p-g-mod-body-p-0 ul li a {
    padding: .75rem 10px;
}

.card-blog .buttons .btn-read-more {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    font-size: 13px;
    border-radius: 3px;
    padding: 5px 15px;
    width: 100%;
}

.card-blog .buttons .btn-read-more i {
    font-size: 9px;
    margin-left: 5px;
}



.category-filter-order-desktop {
    display: inline-block;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 45px;
    font-size: 15px;
    color: #4a4a4a !important;
    font-weight: 400;
    border: 1px solid #e7e3e3 !important;
    border-radius: 5px;
    background: url(images/select-arrow.svg) no-repeat;
    background-position: right 10px center;
    background-color: #fff;
    outline: none;
    margin-top: 15px;

}
.category-filter-order-desktop:focus {
    border-color: #e7e3e3 !important;
}

.categories-body .product-view-select a div {
    width: 15px;
    height: 30px;
    background: #e2e6eb;
    border-radius: 1px;
    margin:0 2px;
}

.categories-body .product-view-select a.active div {
    background: #A1A1A1;
}

.categories-body .product-view-select a {
    background: #fff;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #e7e3e3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    margin-left: 10px;
    transition: var(--transition-time);
    padding:0 10px;
    margin-top: 10px;
}

.category-filter-order .list-wrap .list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    gap: 5px;
    
}

.category-filter-order .list-wrap {
    margin-top:10px;
    align-items: center;
    justify-content: center;
    background: #fff;
    background: #fff;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    border-radius: 8px;
    padding: 15px 10px 15px 10px;
  
    }
    
    .categories-body .category-filter-list .list-wrap .list li{
    float: left;
    font-size: 14px;
    color: #212529;
    display: inline-block;
    line-height: 18px;
    font-weight: 300;
    width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.category-filter-order .list-wrap .list li .lag-checkbox .siralama99{
    font-size: 14px;
    background: #fff;
    font-weight: 600;
    color: #635e62;
    text-align:center;
    border-radius: 5px;
    padding:22px 4px 22px 4px; 
    
}


.category-filter-order .list-wrap .list li .lag-checkbox{
    transition: all var(--transition-time);
    background: #def0e1;
    color: #635e62;
    border-radius: 5px;
    text-align:center;
    padding:22px 4px 22px 4px; 
    
}


.category-filter-order .list-wrap .list li::visited:hover .lag-checkbox{
background: #ebf5ff;
}

.categories-body .pattern-group .p-g-mod-t-20 > .p-g-mod-header {
    border-bottom: 0;
    padding-left:0 !important;
}



.category-filter-order-mobile{
    display: none;
}

.pattern-group .p-g-mod-showcase .p-g-mod-header{
    border-bottom: 0;
}

.card-product-content{
    text-align: center;
    color: #555;
}

.card-product .card-product-inner .product-label img {
    max-height: 35px;
    margin-bottom:5px;
    margin-right: 5px;
}



.pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    width: 100%;
    margin: 0 !important;
    border-radius: 5px;
}


.categories-body .p-g-mod-t-cat-filter {
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    border: 1px solid #ebebeb;
    margin-bottom: 0px;
}

.container .pattern-group-body .p-g-tab-wrapper .p-g-t-nav .nav li{
    border: 1px solid #99999c;
   background-color: #fff;
    margin: 5px 5px 5px 5px;
    border-radius: 5px;

}

.product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 50px;
    border: 1px solid #000;
    
}


.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link{
    transition: var(--transition-time);
}

.pattern-group .p-g-tab-wrapper .p-g-t-nav .nav .nav-link:hover{
    color: var(--main-color);
}
.product-details-tab-product-details-tab-colorful .tab-content{
    border: 1px solid #ebebeb;
    border-top: 0;
}

.product-profile-1 .carousel .carousel-indicators li.active {
    border-color: var(--main-color);
}

.p-g-mod-base-content{
   
    border-radius: 10px;
}

.p-g-mod-t-10 .p-g-mod-body a,
.p-g-mod-t-2 .p-g-mod-body a{
    transition: all var(--transition-time);
}

.contact-info{
    display: flex;
    flex-direction: column;
}

.contact-info .contact-item{
    margin: 5px 0;
    display: flex;
    align-content: center;
    cursor: pointer;
}

.contact-info .contact-item i{
    margin-right: 10px;
    font-size: 17px;
    transition: all var(--transition-time);
}

.contact-info .contact-item a{
    color: #000;
}

.contact-info .contact-item:hover i{
    color: var(--main-color);
}

footer .bar .cards {
    min-height: auto;
    background: inherit;
}

footer .bar .right-image {
    text-align: right !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.p-g-mod-t-45 .carousel-type-1 .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}


.hizli-sepet .sale-price-discount{
    display: inline-flex;
    align-items: center;
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-top: 10px;
    font-size: 16px;
}




.card-product .sale-price-basket .sale-price{
    font-weight: 500;
    font-size: 15px;
}

.native-modal.show .hizli-sepet .related-products {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: inherit;
}

.native-modal.show .hizli-sepet .fast-product-cart-box::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px;
    }
    
.native-modal.show .hizli-sepet .fast-product-cart-box::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgb(181 181 181 / 50%);
      -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.hizli-sepet {
    max-width: 960px !important;
}

.native-modal.show .hizli-sepet .modal-content {
    border: 0;
    border-radius: 0;
    position:relative;
}

.native-modal.show .hizli-sepet .modal-content .prices{
    display: flex;
    align-items: center;
}

.native-modal.show .hizli-sepet .modal-content .fast-product-title{
    font-size: 16px;
    color: #151515;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: 25px;
}

.native-modal.show .hizli-sepet .modal-content .product-reviews .stars .star {
    margin-right: 1px;
    margin-top:2px;
    color: #bfbfbf;
    font-size: 18px;
}

.native-modal.show .hizli-sepet .modal-content .product-reviews .stars{
    
    margin: 15px 0;
}

.native-modal.show .hizli-sepet .modal-content .iliskili-urunler{
    color: #858585;
    font-weight: 600;
}

.native-modal.show .hizli-sepet .modal-content .iliskili-urunler .value{
    color: #000;
}

.native-modal.show .hizli-sepet .modal-content {
    font-size: 24px;
    font-weight: 500;
    color: #999;
    text-decoration: line-through;
    margin-right: 10px;
}

.native-modal.show .hizli-sepet .modal-content .short-desc{
    color: #454545;
    font-size: 14px;
    margin-bottom: 15px;
}

.native-modal.show .hizli-sepet .carousel-indicators li{
    width: 10px;
    height: 10px;
    background-color: #898989;
    border-radius: 50%;
    border: 4px solid transparent;
}

.native-modal.show .hizli-sepet .carousel-indicators li.active {
    opacity: 1;
    background-color: #000 !important;
    border: 4px solid #c3c3c3;
}

.native-modal.show .hizli-sepet .product-favourite2{
    position: absolute;
    top: 15px;
    left: 25px;
    z-index: 999;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding-top: 3px;
    -webkit-box-shadow: 0px -2px 18px -3px rgb(0 0 0 / 58%);
    box-shadow: 0px -2px 18px -3px rgb(0 0 0 / 58%);
}

.native-modal.show .hizli-sepet .product-buttons {
    display: inline-flex;
    flex-wrap: nowrap;
}

.native-modal .native-modal-close{
    z-index:9;
    outline:0;
}

.native-modal.show .hizli-sepet .fast-product-cart-box{
    height: 100%;
    display: flex;
    flex-direction: column;
    max-height: 600px;
    overflow-y: auto;
}

.native-modal.show .hizli-sepet .modal-body{
    padding:0 !important;
}


/* Ürün Detay - Birim */

.product-body .product-profile-1 .product-unit {
    display: flex;
    justify-content: center;
    font-weight: 500;
    align-items: center;
    border-radius: 5px;
    border: solid 1px #d9d9d9;
    width: 95px;
    padding: 5px 0;
    margin-right: 10px !important;
    height: 46px;
    margin: 10px 0;
}

.product-body .product-profile-1 .product-unit  input[type=checkbox],
.product-body .product-profile-1 .product-unit  input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    margin-right: 5px;
}

.product-body .product-profile-1 .product-unit input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #96be67;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 3px solid #ebebeb;
}

/* Ürün Kartı - Adet Seçimi */

.card-product .card-product-inner .quantity {
    margin: 5px 0;
    width: 100%;
    text-align: center;
    display: flex;
    flex-basis: auto;
    justify-content: center;
}

.card-product .card-product-inner .quantity .btn {
    display: flex;
    width: 35px;
    height: 35px;
    color: #555;
    font-size: 10px;
    border: 1px solid #ebebeb;
    border-radius: 0;
    align-items: center;
    justify-content: center;
}

.card-product .card-product-inner .quantity .btn:first-child {
    border-radius: 0;
}

.card-product .card-product-inner .quantity .btn:hover {
    color: #333;
    background: #f2f2f2;
    border-color: #f5f5f5;
}

.card-product .card-product-inner .quantity input {
    min-width: 35px;
    max-width: 50px;
    height: 35px;
    border-radius: 0;
    border-color: #dbdbdb !important;
    background: #fff;
    color: #555;
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    border-right: 0;
    border-left: 0;
}

.subtitle-img img {
    max-height: 25px;
    margin-bottom: 5px;
}

header.desktop .mega-menu .nav-link{
    flex:none;
    margin-top:5px;
    height: auto;
}

.single-menu-container .single-menu li .subtitle-img{
    font-weight: 500;
    text-decoration: none;
    padding: 0;
    display: block;
    color: #fff;
    transition: all 0.2s ease-in-out 0s;
    font-size: 16px;
}

.single-menu-container .single-menu li{
    text-align: center;
}

.single-menu-container .single-menu li .sub-single-item{
    padding: 0 15px;
}

/* 404 Sayfası */

.e404-body{
    background: repeating-linear-gradient(45deg,transparent, transparent 10px,
        #f8f8f8 10px, #f8f8f8 20px),linear-gradient(to bottom,#fff, #fff
     );
}

.e404-btn{
    background: #ffffff;
    border-radius: 45px;
    color: #212121;
    padding: 20px 50px;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
    -moz-box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 -1px 1px #333, 0 5px 0 #222, 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-decoration: none;
}

.e404-btn:hover{
    color:var(--main-color);
    -moz-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
    box-shadow: inset 0 -1px 1px var(--main-color), 0 5px 0 var(--main-color), 0 6px 8px rgba(0, 0, 0, 0.35);
}

/* 404 Sayfası - Tip 1 */

.e404-content .e404-logo img{
    max-height: 100px;
    border: none !important;
}

.product-body .product-profile-info .fiyat-yatay-cizgi {
 border-bottom: 1px solid #e6e6e6;
}

.variant-box {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 5px;
    font-size: 14px;
    padding: 0 10px;
}

.e404-page-type-1 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.e404-page-type-1 .e404-pic {
    height: 200px;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    border-radius: 10px;
}

.e404-page-type-1 .e404-title{
    color: #3b3a39;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 2rem;
    margin: 30px 0px 0px 0px;
}

.e404-description{
    color: #808080;
    font-size: 1rem;
    margin: 5px;
    text-align: center;
    font-weight: 300;
}
    
/* İki Bölümlü 404 Sayfası - Tip 2*/

.e404-page-type-2 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.e404-page-type-2 .e404-content{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 100px;
    padding: 0 10%;
    border-top: 0;
    border-left: 0;
}

.e404-page-type-2 .e404-pic{
    height: 400px;
    background: #fff;
    border: 1px solid #e2e2e2;
    padding: 10px 20px;
    border-radius: 10px;
}

.e404-page-type-2 .e404-title{
    color: #3b3a39;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 2rem;
    margin: 30px 0px 0px 0px;
}

/* Mobil Uygulama İkonları  */

footer .mobile-app-title{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    display: block;
}

footer .mobile-app img{
    max-height: 50px;
}

/* Müşteri Etkileşim Butonları */

@media (max-width: 768px) {
  .gizlenecek-alan199 {
    display: none !important;
  }
}



.product-customer-actions{
padding: 10px 0;
border-radius: 10px;
padding:20px;
}


.product-profile-1 .pattern-group-body{
border: 1px solid #f4f4f4;
border-radius: 10px;
}

.product-customer-actions .action .button i {
    font-size: 15px;
    margin-right: 10px;
}

.product-customer-actions .action:first-child {
    border-left: 0;
}
.product-customer-actions .action {
    border-right: 0;
}

/* Havale İndirimi */

.product-transfer-discount{
    background: #daf4e1;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #f8f8f8;
    font-size:16px;
    color:#000;
    font-weight: 400;
}

.kapida-odemeli{
    background: #daf4e1;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #f8f8f8;
    font-size:16px;
    color:#000;
    font-weight: 400;
}


.product-profile-1 .product-taksik-secenekleri2 {
    background: #daf4e1;
    padding: 10px;
    padding-top:14px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #f8f8f8;
    font-size:16px;
    color:#000;
    font-weight: 400;
}

.product-profile-1 .product-transfer-sure2{
    background: #daf4e1;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #f8f8f8;
    font-size:16px;
    color:#000;
    font-weight: 400;
}

.product-profile-1 .free-cargo-badgem{
    background: #daf4e1;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #f8f8f8;
    font-size:16px;
    color:#000;
    font-weight: 400;
}

.product-profile-1 .free-cargo-ucretsiz{
    background: transparent;
    width: 80px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid var(--main-color); 
    font-size:16px;
    color: var(--main-color);
    font-weight: 600;
    position: absolute;
    right:30px ;
    margin-top:-60px;
    padding-left:10px;
}




/* E-Bülten */

.newsletter-content .newsletter-title{
    color: #222;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}
    
.newsletter-input{
    height: 40px;
    background: #fff !important;
    display: block;
    color: #a3a2a2;
    position: relative;
    line-height: 23px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ebecee;
}

.newsletter-form .btn-submit{
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}

.newsletter-form{
    position: relative;
    width: 100%;
}

/* SMS Bülteni */

.sms-newsletter-content .newsletter-title{
    color: #222;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}
    
.sms-newsletter-input{
    height: 40px;
    background: #fff !important;
    display: block;
    color: #a3a2a2;
    position: relative;
    line-height: 23px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ebecee;
}

.sms-newsletter-form .btn-submit{
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}

.sms-newsletter-form{
    position: relative;
    width: 100%;
}

/* Footer Social Media*/

footer .social-media .social-media-title{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}

footer .social-media a{
    color: #000;
    font-size: 20px;
    margin-right: 20px;
}

footer .social-media a:last-child{
    margin-right:0;
}


.pattern-group-body .card-product .card-product-inner .hizli-teslimat img{
    
    margin-left: 5px;
    height: 17px;
    width:17px;
    
}
.pattern-group-body .card-product .card-product-inner .hizli-teslimat {
    align-items: center;
    border-radius: 3px;
    background: #535353;
    color: #ffffff;
    display: flex;
    font-size: 8px;
    font-weight: 400;
    height: 25px;
    justify-content: center;
    line-height: 10px;
    position: absolute;
    right: 3px;
    left: 3px;
    top:30px;
    text-align: center;
    width: 65px;
    z-index: 1

}

.pattern-group-body .card-product .card-product-inner .free-cargo-badge img{
    
    margin-left: 5px;
    height: 20px;
    width:20px;
    
}
.pattern-group-body .card-product .card-product-inner .free-cargo-badge {
    align-items: center;
    border-radius: 3px;
    background: #0BC15C;
    color: #ffffff;
    display: flex;
    font-size: 8px;
    font-weight: 400;
    height: 25px;
    justify-content: center;
    line-height: 10px;
    position: absolute;
    right: 5px;
    left: 3px;
    top:3px;
    text-align: center;
    width: 65px;
    z-index: 1

}

.card-product .card-product-inner .buttons .btn-cart,
.modal-content .buttons .btn-cart{
    background: var(--add-cart-list-bg);
    border-color: var(--add-cart-list-bg);
    color: var(--add-cart-list) !important;
    transition: var(--transition-time);
        width: 80%;
}

.card-product .card-product-inner .buttons .btn-cart i,
.modal-content .buttons .btn-cart i{
    margin-right: 7px;
        width: 80%;
}

.card-product .card-product-inner .buttons .btn-cart:hover,
.modal-content .buttons .btn-cart:hover{
    background: var(--add-cart-list-bg-hover);
    border-color: var(--add-cart-list-bg-hover);
    color: var(--add-cart-list-hover) !important;
}

.card-product .down-to-top .btn-cart{
    background: var(--add-cart-list-bg);
    border-color: var(--add-cart-list-bg);
    color: var(--add-cart-list) !important;
    transition: var(--transition-time);
    font-size: 13px;
}

.card-product .down-to-top .btn-cart:hover{
    background: var(--add-cart-list-bg-hover);
    border-color: var(--add-cart-list-bg-hover);
    color: var(--add-cart-list-hover) !important;
}



.payment-final-buttons-1 .btn-complete:hover{
    background: #ff8b39;
    border-color: #ff8b39;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 5px;
    width: 99%;
    height: 50px;
    align-content: center;
    margin: 0 auto; /* Yatayda ortalar */
    text-align: center; /* Metni ortalar */
    font-family: 'Poppins', sans-serif;
    
}

.payment-final-buttons-1 .btn-complete {
    background: #f27a1a;
    border-color: #f27a1a;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 5px;
    width: 99%;
    height: 50px;
    align-content: center;
    margin: 0 auto; /* Yatayda ortalar */
    text-align: center; /* Metni ortalar */
    font-family: 'Poppins', sans-serif;
    border-radius:8px;
    
}

.product-favourite-kart{
    display: inline-block;
    position: absolute;
    right: 5px;
    top:5px;
    background-color: #FFFFFF;
    border-radius: 100px;
    width:35px;
    height:35px;
    z-index: 2;
    border: 1px solid #e6e6e6;
}
.product-favourite-kart a:hover i{
 color: #F27A1A;  
}
.product-favourite-kart a{
     font-size: 20px;
     margin-top: 4px;
     margin-right:6px;
     color: #363636;
}
/* Header  */

header.desktop .header-bar .bar-link .icon{
    position:relative;
    transition: all var(--transition-time);
    margin-right: 5px;
}

header.desktop .header-bar .bar-link .name{
    transition: all var(--transition-time);
    font-size: 13px;
}

header.desktop .header-bar .bar-link:hover .icon,
header.desktop .header-bar .bar-link:hover .name{
    color: var(--main-color2);
}

header.desktop .header-bar .bar-user .link a:hover .name{
    color: var(--main-color2) !important;    
}

header.desktop .header-bar .bar-link{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222 !important;
    flex-direction: row;
    position: relative;
    line-height: normal;
    font-weight: 400;
    transition: all var(--transition-time);
    margin-right: 20px;
}

header.desktop .header-bar .bar-link a{
    color: #222;
}

header.desktop .header-bar .bar-user .link{
    display: flex;
    flex-direction: row;
}

header.desktop .header-bar .bar-link i{
    font-size: 16px;
}

header.desktop .header-bar {
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

header.desktop .header-bar .bar-cart .icon .count {
    position: absolute;
    right: -10px;
    top: 10px;
    min-width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--main-color2);
    color: #fff;
    font-size: 11px;
    border-radius: 50%;
}


/* Category Page */
.product-view-select{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
    align-items: center;
}


/* Card Product */
.card-product .it-over {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: rgb(255 255 255 / 80%);
    color: #000;
    
    text-align: center;
    height: 50px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.card-product .carousel-control-next i, 
.card-product .carousel-control-prev i{
    padding: 5px;
    background: #fff;
    font-size: 18px;
    color:#000;
}
.card-product .buttons-wrapper.right-to-left {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0px;
    right: -30px;
    transition: all 0.4s;
    background: #fff;
    z-index: 9;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}

.card-product .right-to-left .button-group{
    background: transparent;
    padding: 7px;
}

.card-product .right-to-left .cart-group{
    display: flex;
    flex-direction: column;
}

.card-product .right-to-left .cart-group a{
    padding: 0;
    margin: 5px 0;
}

.card-product .right-to-left .cart-group a i{
    font-size: 17px;
    transition: all var(--transition-time);
}

.card-product .right-to-left .cart-group a:hover i{
    color: var(--main-color);
}

.card-product:hover .right-to-left{
    opacity:1;
    right: 0px;
    transition: all var(--transition-time);
}

.card-product .buttons-wrapper.down-to-top{
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 50%;
    transform: translate3d(-50%,0%,0);
    z-index: -1;
}
.card-product .down-to-top .button-group{
    background: transparent;
    padding: 7px;
}
.card-product .btn-cart{
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-product:hover .down-to-top{
    position: absolute;
    overflow: hidden;
    width: 100%;
    left: 50%;
    transform: translate3d(-50%,-100%,0);
    transition:all .4s;
    z-index: 999;
}


.card-product:hover .down-to-top .button-group{
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    transition:all .4s;
    margin: 0 ;
    padding:3px 0;
}


/* Product Detail */
.product-carousel-mobile{
    display: none;
}
.video-play{
    position: relative;
}
.video-play i{
    position: absolute;
    bottom: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 100%;
    line-height: 28px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    text-indent:1px;
}

.cateogory-image img{
    height: 150px;
    width: 150px;
    border-radius: 50%;
}

.home-headline .p-g-mod-t-44 .col-list-p-v-1{
    padding-top:0 !important;
}

@media (min-width: 791px) { /* Ekran genişliği 1024px ve üzeri olduğunda (masaüstü) */
    .p-g-mod.p-g-mod-t-55.p-g-mod-showcase.show-category {
        display: none; /* Bu öğeyi gizler */
    }
}

@media (max-width: 791px) { /* Ekran genişliği 1024px ve üzeri olduğunda (masaüstü) */
    .p-g-mod.p-g-mod-t-55.p-g-mod-showcase.show-category2 {
        display: none; /* Bu öğeyi gizler */
    }


}

.size-ozel-urun-list {
    margin-bottom: 10px;
    padding: 20px 10px 30px 10px;
    background-image: url('https://www.tilbehome.com/theme/___shuttle/assets/images/masaustu-banner/transparan-arka-plan.webp?v=1741457288') !important;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

/* Soft pastel pembe arka plan */
.size-ozel-urun-list::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(224, 216, 207, 0.4); /* Pastel pembe */
    border-radius: 15px;
    z-index: -1;
}

.size-ozel-urun-list .col-list-p-v-1 {
    padding-bottom: 0px;
    padding-top: 0px; 
    background-color: transparent;

}

.size-ozel-urun-list .p-g-mod.p-g-mod-t-55.p-g-mod-showcase {
    background-color: transparent;
}

   


.size-ozel-urun-list .p-g-m-h-i-title {
    color: #1D4D2D !important;
}

.size-ozel-urun-list .p-g-m-h-i-description {
    color: #333333 !important;
}

.size-ozel-urun-list .owl-wrapper .owl-single-button.owl-single-button-next {
    right: -10px;
}

.size-ozel-urun-list .owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -10px;
}
 
.size-ozel-urunler .nav-link.active {
    color: #fff !important;
    border-bottom: 0 !important;
    background: #A9C9D9 !important;
    padding: 5px 12px !important;
   border-radius: 8px 8px 0px 0px!important;  
}

.size-ozel-urunler .nav-link{
    border:none !important;
      background: #A9C9D9 !important;
          padding: 5px 12px !important;
    border-radius: 8px 8px 0px 0px!important;      
}

.size-ozel-urunler .nav {
    justify-content: flex-end !important;
}


@media (max-width: 767px) {
    .size-ozel-urunler  .nav {
        display: flex;                 /* Flexbox düzeni */
        justify-content: space-between; /* Tablar arasındaki boşluğu eşit yapar */
        flex-wrap: nowrap;             /* Tabların aynı satırda kalmasını sağlar */
        overflow-x: auto;              /* Yatay kaydırma çubuğu */
    }

   .size-ozel-urunler .nav .nav-item {
        flex: 1;                       /* Her tabın eşit genişlikte olmasını sağlar */
        text-align: center;            /* Tab içeriğini ortalar */
    }
}


.qk-app-discount-counter .dc-contents {
    display: flex;
    width: 500px;
    height: 180px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 5px;
    background: rgba(255, 244, 224, 0) !important
    

}

.qk-app-discount-counter {
    margin-bottom: 10px;
    padding: 10px 10px 30px 10px;
    background-image: url('https://www.tilbehome.com/theme/___shuttle/assets/images/masaustu-banner/transparan-arka-plan.webp?v=1741457288') !important;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
    box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(180, 180, 180, 0.4); /* Soft gri kenarlık */
}

.show-category1 {
    margin-bottom: 10px;
    padding: 20px 10px 30px 10px;
    background-image: url('https://www.tilbehome.com/theme/___shuttle/assets/images/masaustu-banner/transparan-arka-plan.webp?v=1741457288') !important;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
        box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(180, 180, 180, 0.4); /* Soft gri kenarlık */
 
    
}

/* Soft pastel pembe arka plan */
.show-category1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 182, 193, 0.4); /* Pastel pembe */
    border-radius: 15px;
  
}

.show-category1 .p-g-m-h-i-title {
    color: #1D4D2D !important;
}

.show-category1 .p-g-m-h-i-description {
    color: #333333 !important;
}

.show-category1 .owl-wrapper .owl-single-button.owl-single-button-next {
    right: -10px;
}

.show-category1 .owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -10px;
}

.show-category2 {
    margin-bottom: 10px;
    padding: 20px 10px 30px 10px;
    background-image: url('https://www.tilbehome.com/theme/___shuttle/assets/images/masaustu-banner/transparan-arka-plan.webp?v=1741457288') !important;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
        box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(180, 180, 180, 0.4); /* Soft gri kenarlık */
  
}

/* Soft pastel yeşil arka plan */
.show-category2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(144, 206, 157, 0.4); /* Pastel yeşil */
    border-radius: 15px;
   
}

.show-category2 .p-g-m-h-i-title {
    color: #1D4D2D !important;
}

.show-category2 .p-g-m-h-i-description {
    color: #333333 !important;
}

.show-category2 .owl-wrapper .owl-single-button.owl-single-button-next {
    right: -10px;
}

.show-category2 .owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -10px;
}

.show-category3 {
    margin-bottom: 10px;
    padding: 20px 10px 30px 10px;
    background-image: url('https://www.tilbehome.com/theme/___shuttle/assets/images/masaustu-banner/transparan-arka-plan.webp?v=1741457288') !important;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
        box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(180, 180, 180, 0.4); /* Soft gri kenarlık */
   
}

/* Soft pastel mavi arka plan */
.show-category3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(173, 216, 230, 0.4); /* Pastel mavi */
    border-radius: 15px;
   
}

.show-category3 .p-g-m-h-i-title {
    color: #1D4D2D !important;
}

.show-category3 .p-g-m-h-i-description {
    color: #333333 !important;
}

.show-category3 .owl-wrapper .owl-single-button.owl-single-button-next {
    right: -10px;
}

.show-category3 .owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -10px;
}

.show-category4 {
    margin-bottom: 10px;
    padding: 20px 10px 30px 10px;
    background-image: url('https://www.tilbehome.com/theme/___shuttle/assets/images/masaustu-banner/transparan-arka-plan.webp?v=1741457288') !important;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
        box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(180, 180, 180, 0.4); /* Soft gri kenarlık */
    
}

/* Soft pastel sarı arka plan */
.show-category4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 153, 0.4); /* Pastel sarı */
    border-radius: 15px;
   
}

.show-category4 .p-g-m-h-i-title {
    color: #1D4D2D !important;
}

.show-category4 .p-g-m-h-i-description {
    color: #333333 !important;
}

.show-category4 .owl-wrapper .owl-single-button.owl-single-button-next {
    right: -10px;
}

.show-category4 .owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -10px;
}

.show-category5 {
    margin-bottom: 10px;
    padding: 20px 10px 30px 10px;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
        box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.08);

}

/* Soft pastel turuncu arka plan */
.show-category5::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFAF6;
    border-radius: 15px;
  

}

.show-category5 .p-g-m-h-i-title {
    color: #1D4D2D !important;
}

.show-category5 .p-g-m-h-i-description {
    color: #333333 !important;
}

.show-category5 .owl-wrapper .owl-single-button.owl-single-button-next {
    right: -10px;
}

.show-category5 .owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -10px;
}

.show-category6 {
    margin-bottom: 10px;
    padding: 20px 10px 30px 10px;
    background-image: url('https://www.tilbehome.com/theme/___shuttle/assets/images/masaustu-banner/transparan-arka-plan.webp?v=1741457288') !important;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
        box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(180, 180, 180, 0.4); /* Soft gri kenarlık */
  
}

/* Soft pastel mor arka plan */
.show-category6::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(216, 191, 216, 0.4); /* Pastel mor */
    border-radius: 15px;

}

.show-category6 .p-g-m-h-i-title {
    color: #1D4D2D !important;
}

.show-category6 .p-g-m-h-i-description {
    color: #333333 !important;
}

.show-category6 .owl-wrapper .owl-single-button.owl-single-button-next {
    right: -10px;
}

.show-category6 .owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -10px;
}

.show-category7 {
    margin-bottom: 10px;
    padding: 20px 10px 30px 10px;
    background-image: url('https://www.tilbehome.com/theme/___shuttle/assets/images/masaustu-banner/transparan-arka-plan.webp?v=1741457288') !important;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
        box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(180, 180, 180, 0.4); /* Soft gri kenarlık */
   
}

/* Soft pastel pembe arka plan */
.show-category7::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 182, 193, 0.4); /* Pastel pembe */
    border-radius: 15px;
   
}

.show-category7 .p-g-m-h-i-title {
    color: #1D4D2D !important;
}

.show-category7 .p-g-m-h-i-description {
    color: #333333 !important;
}

.show-category7 .owl-wrapper .owl-single-button.owl-single-button-next {
    right: -10px;
}

.show-category7 .owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -10px;
}

.show-category8 {
    margin-bottom: 10px;
    padding: 10px 2px 20px 2px;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    width: 100%;
  

    
}



.show-category8 .p-g-m-h-i-title {
    color: #1D4D2D !important;
}

.show-category8 .p-g-m-h-i-description {
    color: #333333 !important;
}

.show-category8 .owl-wrapper .owl-single-button.owl-single-button-next {
    right: -10px;
}

.show-category8 .owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -10px;
}

.show-category9 {
    margin-bottom: 10px;
    padding: 20px 10px 30px 10px;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
    box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.08);

}

/* Soft pastel gri arka plan */
.show-category9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(211, 211, 211, 0.4); /* Pastel gri */
    border-radius: 15px;
    
}

.show-category9 .p-g-m-h-i-title {
    color: #1D4D2D !important;
}

.show-category9 .p-g-m-h-i-description {
    color: #333333 !important;
}

.show-category9 .owl-wrapper .owl-single-button.owl-single-button-next {
    right: -10px;
}

.show-category9 .owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -10px;
}

.show-category10 {
    margin-bottom: 10px;
    padding: 20px 10px 30px 10px;
    background-image: url('https://www.tilbehome.com/theme/___shuttle/assets/images/masaustu-banner/transparan-arka-plan.webp?v=1741457288') !important;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    width: 100%;
        box-shadow: 1px 6px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(180, 180, 180, 0.4); /* Soft gri kenarlık */
    
}

/* Soft pastel yeşil arka plan */
.show-category10::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(144, 206, 157, 0.4); /* Pastel yeşil */
    border-radius: 15px;

}

.show-category10 .p-g-m-h-i-title {
    color: #1D4D2D !important;
}

.show-category10 .p-g-m-h-i-description {
    color: #333333 !important;
}

.show-category10 .owl-wrapper .owl-single-button.owl-single-button-next {
    right: -10px;
}

.show-category10 .owl-wrapper .owl-single-button.owl-single-button-prev {
    left: -10px;
}

.show-category-yorum {
    margin-bottom: 10px;
    padding: 0 10px 10px 10px; /* Üst: 0px, Sağ: 10px, Alt: 10px, Sol: 10px */
    background: #faf0e6 !important; /* Soft krem rengi */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    position: relative;
}


/* Resmin Ebeveyn Konteyneri */
.ana-slat-yani-image-container {
    width: 100%;
    height: 100%; /* Görselin yüksekliğini belirle */
    overflow: hidden; /* Taşan alanları gizle */
    position: relative;
}

/* Görsel Ayarları */
.ana-slat-yani-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Görseli alana göre kırpar, boşluk bırakmaz */
    display: block; /* Görselin altındaki boşluğu kaldırır */
}

.show-category .p-g-mod-header.p-g-mod-header-p-0,
.butik-story .p-g-mod-header.p-g-mod-header-p-0{
    display: flex;
    flex-direction: column;
}


.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-button{
    z-index: 99;
    align-items: center;
}

/* 🌐 MASAÜSTÜ GÖRÜNÜMÜ */
@media (min-width: 769px) {
    /* Başlık Stili (Masaüstü) */
    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 20px;
        font-weight: 600;
        position: relative;
        left: 30px; /* Sola kaydırma */
        bottom: -5px;
        color: #000;
        color: #212529;
        line-height: normal;
    }
    
    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-button .btn-mod {
    color: #000;
    font-weight: 500;
    right: 20px;
    position: relative;
    top:5px;
    z-index: 99;
}

    /* İkon Stili (Masaüstü) */
    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-icon {
        font-size: 25px;
        width: 25px;
        position: relative;
        left: 20px; 
        top: 6px;
        color: #000;
    }
}

/* 📱 MOBİL GÖRÜNÜM */
@media (max-width: 768px) {
    /* Başlık Stili (Mobil) */
    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
        font-size: 18px;
        font-weight: 600;
        position: relative;
        left: 5px; /* Sola kaydırma */
        bottom: 5px;
        color: #000;
        color: #212529;
        line-height: normal;
    }
    
.show-category5 {
    padding: 10px 10px 30px 10px;

}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info {
    position: relative; /* Gerekirse 'absolute', 'fixed' veya 'sticky' de kullanılabilir */
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    top: 5px;
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-button {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 99;
}

.pattern-group .p-g-mod .p-g-mod-header {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    height: 60px;
    padding: 10px 1px 10px 0px;
    margin-top:15px;
  
}

.payment-page-title-block img {
    margin-left: 0px !important;
}

.pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-button .btn-mod {
    color: #65826f !important;
    font-weight: 600;
    position: relative;
    right: 0px; /* Sağa kaydır */
    margin-left: auto;
    display: block;
    z-index: 99;
}

    /* İkon Stili (Mobil) */
    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-icon {
        font-size: 20px; /* Daha küçük ikon */
        width: 25px; /* İkon genişliği ayarlandı */
        position: relative;
        left: 13px; /* Mobilde sola hizalı */
        bottom: -6px; /* Daha alçakta */
        color: #FFF; /* Koyu gri renk */
    }
    

.owl-wrapper  .card-product .card-product-inner .price-group .prices {
    display: flex;
    align-items: center;
    gap: 4px;
}
.owl-wrapper .card-product .card-product-inner .price-group .prices .sale-price {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-left: 4px;
}

.owl-wrapper .card-product .card-product-inner .price-group .prices .list-price {
        font-size: 12px;
        color: #a7a7a7;
         font-weight: 500;
        text-decoration: line-through !important;
    }

}

.card-product .card-product-inner .price-group .prices .sale-price {
    font-size: 14px;
    color: #F27A1A;
    margin-left: 8px;
    font-weight: 500;
}

.card-product .card-product-inner .price-group .prices .list-price {
        font-size: 12px;
        color: #a7a7a7;
         font-weight: 400;
        text-decoration: line-through !important;
    }
    
.five-banners .banner-item .title{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    padding-top: 5px;
    background: #fff;
}

.five-banners .banner-item .description{
    font-size:13px;
    font-weight: 400;
    text-align: center;
    background: #fff;
}

/* Responsive */

@media (max-width: 991px) {
    
    .cstm-manset-block {
     max-height: 250px;

    }
    
    .pattern-group-body .card-product .card-product-inner .free-cargo-badge {
    align-items: center;
    border-radius: 3px;
    background: #0BC15C;
    color: #ffffff;
    display: flex;
    font-size: 8px;
    font-weight: 400;
    height: 20px;
    justify-content: center;
    line-height: 8px;
    position: absolute;
    right: 5px;
    left: 5px;
    top: 5px;
    text-align: center;
    width: 70px;
    z-index: 1;
}
    .pattern-group-body .card-product .card-product-inner .hizli-teslimat {
    align-items: center;
    border-radius: 3px;
    background: #535353;
    color: #ffffff;
    display: flex;
    font-size: 8px;
    font-weight: 400;
    height: 20px;
    justify-content: center;
    line-height: 8px;
    position: absolute;
    right: 5px;
    left: 5px;
    top: 30px;
    text-align: center;
    width: 70px;
    z-index: 1;
}


    .category-filter-order-desktop{
        display: none;
    }
    
    .dt-discount-img img {
display: none;
}
    


    
    .product-details-tab-product-details-tab-colorful .p-g-tab-wrapper .p-g-t-nav .nav{
        height: auto;
    }

footer .bb {
    background: #fff;
    box-shadow: 0 10px 20px -10px #cecece;
}
    

    

    
    .card-product .right-to-left{
        display: none !important;
    }
    
    .product-view-select{
        display: none;
    }
    
    .pattern-group .p-g-mod-t-26 .p-g-mod-body .buttons .btn-secondary {
        width: auto;
        margin: 5px;
        border-radius: 3px;
    }
    
    .categories-body .p-g-mod-t-cat-filter {
        margin: 10px;
    }
    
    
    .categories-body .p-g-mod-t-cat-filter {
    margin-bottom: 10px;
    border: 1px solid #f4f4f4;
    border-radius: 10px;
}
    
    
    footer .bar .right-image {
        justify-content: center;
    }
    
    footer .bb .pr-5{
        padding-right: 10px !important;
    }
    
    footer .mobile-app{
        margin-bottom: 20px;
    }
    
    .product-carousel-desktop.normal{
        display: none;
    }
    .product-carousel-mobile{
        display: block;
    }
    
    .mobile-header-space { 
        display: block;
    }

    header.desktop {
        display: none;
    }

    header.mobile {
        display: block;
    }
    
    .stores .cards {
        display: block;
        text-align: center;
    }

    .stores .card {
        display: inline-block;
        border-right: none;
        margin: 0;
        max-width: 45%;
        height: 50px;
        border: 0
    }
    footer .bar p {
        text-align: center !important;
    }
    
    footer .bar .right-image {
        margin: 10px 0;
        text-align: center !important;
    }

    footer .logo-area {
        display: none;
    }
    
    footer .bb {
        border-top: 0;
        border-bottom: 0;
    }

    footer .info {
        padding-top: 0;
    }



    footer .info .title {
        color: #fff;
        border: none;
        padding: 10px;
        position: relative;
    }

    footer .info .title::after {
        content: "+";
        right: 10px;
        top: 3px;
        bottom: 0;
        position: absolute;
        font-size: 20px;
        margin-bottom: 10px;
    }

    footer .info .fs {
        
        text-align: center !important;
        border: none;
        margin-bottom: 15px;
        color: #000 !important;
        padding: 10px;
    }

    footer .info ul {
        margin: 0;
    }

    footer .info ul li {
        color: #000 !important;
    }

    footer .info ul li a {
        color: #000;
    }

    footer .info ul li a:before {
        display: none;
    }

    footer .social-media {
        justify-content: center;
        margin: 10px 0;
    }

    footer .secure {
        text-align: center !important; 
        margin: 10px 0;
    }

}

@media(max-width: 400px){
    .butik-story .card-product .card-product-inner .price-group .prices .list-price{
        height: 14px;
        line-height: 14px;
    }
    .butik-story .card-product .card-product-inner .price-group .prices .sale-price{
        line-height: 16px;
        font-size: 13px;
        font-weight: 600;
    }


}
/* Header Shopping Cart */

header.desktop .header-cart-hover .nav-link::after {
    display: none;
}

  
header.desktop .header-cart-hover {
    position: relative;
    display: flex;
}

header.desktop .header-cart-hover .dropdown-menu {
    border: 0;
    border-radius: 0;
    background-color: #fff;
    width: 300px;
    left: inherit;
    right: 0;
    top: 37px;
    position: absolute;
    border: 2px solid #ececec;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    margin-top:0 !important;
    padding-top:0 !important;
    padding-bottom: 0;
}

header.desktop .header-cart-hover .dropdown-menu .top-header{
    background: #f7f7f7;
    display: flex;
    justify-content: space-evenly;
    padding: 5px 0;
}

header.desktop .header-cart-hover .dropdown-menu .top-header .title{
    font-size: 14px;
    padding: 5px 0;
    font-weight: 500;
}   

header.desktop .header-cart-hover:hover .dropdown-menu, 
header.desktop .header-cart-hover .dropdown-menu:hover {
    display:block!important;
}
 
header.desktop .header-cart-hover .dropdown-menu ul.user-links {
    margin: 0;
    padding: 0;
}

header.desktop .header-cart-hover .dropdown-menu ul.user-links li {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-left: 10px;
}

header.desktop .header-cart-hover .dropdown-menu ul.user-links li:hover{
    background: #f7f7f7;
    
}

header.desktop .header-cart-hover .dropdown-menu ul.user-links li a {
    display: block;
    font-size: 13px;
    color: #000;
    border-bottom: 1px solid #ebebeb;
    padding: 5px 0;
}

header.desktop .header-cart-hover .dropdown-menu ul.user-links li:last-child a{
    border-bottom: 0px;
}

header.desktop .header-cart-hover .dropdown-menu ul.user-links li a i {
    margin-right: 5px;
}

header.desktop .header-cart-hover .dropdown-menu ul.auth-links {
    margin: 0;
    padding: 0;
}

header.desktop .header-cart-hover .dropdown-menu ul.auth-links li {
    margin: 0;
    padding: 0;
    list-style: none;
}

header.desktop .header-cart-hover .dropdown-menu ul.auth-links li a {
    display: block;
    text-align: center;
    padding: 10px 5px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
}


header.desktop .header-cart-hover .dropdown-menu ul.auth-links li a i {
    margin-right: 10px;
}

header.desktop .header-cart-hover .btn-remove{
    background: #dedede;
    border: none;
    color: #000;
    font-size: 12px;
    width: 25px;
    height: 25px;
    border-radius: 20px;
    display: flex;
    font-weight: 500;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}


.header-cart-summary-1 .table th {
    font-size: 12px !important;
    font-weight: 500;
        
}
        
.header-cart-summary-1 .buttons {
    display: flex;
    flex-direction: column;
    margin-right: 12px;
}

.header-cart-summary-1 .buttons .btn {
    font-size: 12px !important;
    padding: 5px 3px !important;
    margin: 5px;
    background: var(--add-cart-list-bg);
    color: var(--add-cart-list);
    transition: all var(--transition-time);
}

.header-cart-summary-1 .buttons .btn:hover {
    background: var(--add-cart-list-bg-hover);
    color: var(--add-cart-list-hover);
}

.header-cart-summary-1 .buttons .btn-color-2 {
    background: var(--buy-now-bg);
    color: var(--buy-now);
    transition: all var(--transition-time);
}

.header-cart-summary-1 .buttons .btn-color-2:hover{
    background: var(--buy-now-bg-hover);
    color: var(--buy-now-hover);
}

.header-cart-summary-1 .buttons .btn-color-2 i{
    font-size: 8px;
    padding-left: 3px;
}

.table td, .table th {
 
    border-top: none;

}




.ajax-shopping-cart {
    padding: 15px;
    font-size: 12px;
    max-height: 300px;
    overflow-y: auto;
    background: #fff; /* Beyaz arka plan */
    border-radius: 8px; /* Hafif köşeler */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); /* Hafif gölge */
}

.ajax-cart-empty {
    font-size: 12px !important;
    text-align: center;
    padding: 20px 0;
    color: #777; /* Daha soft yazı rengi */
}

.ajax-shopping-cart .product {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    border-bottom: 1px solid #f2f2f2; /* Çok açık gri çizgi */
    padding: 10px 0;
    transition: background 0.3s ease-in-out;
}

.ajax-shopping-cart .product:last-child {
    border-bottom: 0;
}

.ajax-shopping-cart .product:hover {
    background: #effbf5; /* Soft krem hover efekti */
    border-radius: 6px;
}

.ajax-shopping-cart .product .image {
    flex: 2;
    padding-right: 10px;
}

.ajax-shopping-cart .product .price {
    flex: 2;
    font-size: 12px;
    text-align: right;
    color: #d9534f; /* Yumuşak kırmızı fiyat rengi */
    font-weight: bold;
}

.ajax-shopping-cart .product .info {
    flex: 3;
    text-align: right;
}

/* Ürün adı en fazla 3 satır olmalı */
.ajax-shopping-cart .product .info .name {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 3px;
    color: #333; /* Siyah yerine soft koyu gri */
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Maksimum 3 satır */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease-in-out;
}

.ajax-shopping-cart .product .info .name:hover {
    color: #b03a2e; /* Hafif koyu kırmızı hover efekti */
}

@media (max-width: 991px){
	.product-profile-1 .carousel .carousel-indicators {
    	display:none;
	}
	
	    .cstm-manset-block{
       
        max-height: 250px;
    }


.custom-module-code-10564 .card-product .card-product-inner .title {
    width: 95%;
    padding: 0;
    margin-left: 5px;
    line-height: 14px;
    height: 40px;
    font-weight: 400;
    font-size: 10px;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align:center;
}

.custom-module-code-8397 .card-product .card-product-inner .title {
    width: 95%;
    padding: 0;
    margin-left: 5px;
    line-height: 14px;
    height: 40px;
    font-weight: 400;
    font-size: 10px;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align:center;
}


.custom-module-code-8397 .card-product .card-product-inner .buttons .btn-cart, .modal-content .buttons .btn-cart {
display: none;
}

.custom-module-code-10564 .card-product .card-product-inner .buttons .btn-cart, .modal-content .buttons .btn-cart {
display: none;
}

}


@media (max-width:1440px) {
    .cmanset-write a {
        font-size: 12px;
        padding: 13px 30px;
    }
    .cmanset-write span {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .cmanset-write h1 {
        font-size: 19px;
        margin-bottom: 10px;
    }
    .cstm-manset-block .countdown .countdown-item {
        font-size: 15px;
        max-height: 250px;
    }
        .cstm-manset-block {
     max-height: 250px;

    }

}



@media (max-width: 991px){
    
        .cstm-manset-block{
        padding-bottom:50px;
        max-height: 250px;
    }
    

}

@media (min-width: 768px) {
    .product-profile-1 .carousel .carousel-indicators{
        overflow: unset !important;
        overflow-y: auto !important;
    }
        .cstm-manset-block{
        padding-bottom:50px;
        max-height: 250px;
    }
    

}



@media (max-width: 767px) {
    .product-profile-1 .carousel .carousel-indicators{
        overflow: unset !important;
        max-height: unset !important;
    }
        .cstm-manset-block{
        padding-bottom:50px;
        max-height: 250px;
        margin-bottom: 10px;
        }

.card-product .card-product-inner .price-group  {
    padding-bottom: 10px;
    padding-top: 5px;
}



    .product-profile-1 .carousel .carousel-indicators li {
        max-width: 50px;
    }
}


.p-g-mod.p-g-mod-t-39 {
    margin-bottom: 10px;
    margin-top: -10px;
    border: 0 !important;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-header {
    height: 35px !important;
    padding: 10px !important;
    color: #333;
}




.hediye-alan1 p{
    text-align: center;
}

.hediye-alan1 {
border: 1px solid #e6e6e6; 
border-radius: 10px;
padding-bottom:15px;
padding-top:15px;

}


.hediye-alani1  {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.hediye-alan1 .input-group {
    padding-left:20px;
    padding-right:20px;
}  
.p-g-mod.p-g-mod-t-39 .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title {
    font-size: 14px !important;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body:not(.p-g-mod-body-p-0) {
    padding: 0 !important;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body input {
    padding: 0.275rem 0.7rem !important;
    height: 35px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
    height: 40px;
}

.p-g-mod.p-g-mod-t-39 .p-g-mod-body .btn-secondary {
    font-size: 15px;
    font-weight: 500;
    background: #49bd60;
    border-color: #49bd60;
    height: 40px;
    border-radius: 5px;
}

.product-carousel-desktop.normal .carousel-item a img {
    width: 75%;
}
@media (max-width:991px) {

    .hepsijet-countdown {
        padding: 10px;
        margin-bottom: 10px;
    }
    
        .cstm-manset-block {
     max-height: 250px;

    }
    
    .hepsijet-countdown {
    border-radius: 15px;
   border: 1px solid #E2E2E2;
   background: #effbf5;
    padding: 20px 5px 20px 5px;
    margin-bottom: 15px;
    font-size: 12px;
font-family: 'Poppins', sans-serif;
    font-weight: 400;  /* Regular weight */
    
}
}	

@media(max-width: 991px){
    .ppc-ctype-2 .row:first-of-type,
    .ppc-ctype-3 .row:first-of-type {
        flex-direction: column-reverse;
    }
        .cstm-manset-block {
     max-height: 250px;

    }
    
}

.category-short-description {
    font-size: 15px;
} 

@media(max-width: 991px){
    .category-short-description {
        font-size: 13px;
    } 
        .cstm-manset-block {
     max-height: 250px;

    }
    

}
.card-product .card-product-inner .price-group {
    display: flex;
    font-weight: 400;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    color: #333;
    margin: 24px 0 !important;
    
}

.card-product .card-product-inner .price-group .prices{
    display:flex;
    align-items:center;
    gap:10px;
}

.sale-price-basket {
    padding: 2px 2px;
    color: #454545;
    font-size: 10px;
    font-weight: 300;
    display: flex;
    border-radius: 0px;
    align-items: center;
    justify-content:center;
    margin:1px 0;
    top: 2px;
 
}

.sale-price-basket .sale-price-desc{
    text-align:center;
}

.sale-price-basket .sale-price{
    color: #f55600;
    font-size: 20px;
    margin-left:5px;
}

.card-product .card-product-inner .price-group .prices .sale-price-2{
    color:#a7a7a7 !important;
    font-size:14px !important;
    font-weight:400 !important;
}
	

.cstm-manset-section .pattern-group-body {
    border-radius: 20px;
    border: 2px solid #F4F4F4;
    background: #FBFBFB;
    padding: 0px 20px 0px 0px;
}
.cstm-manset-section .pattern-group-body .row .p-g-b-c-0, .cstm-manset-section .pattern-group-body .row .p-g-b-c-1 {
    padding: 0px;
}
.cstm-manset-section .p-g-mod {
    margin: 0px;
}
.cstm-manset-section .p-g-b-c-wrapper, .cstm-manset-section .p-g-b-c-inner {
    height: 100%;
}

.cstm-manset-block {
    padding-bottom: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  background-color:#F96869 !important;
    border-radius: 20px 0px 0px 20px;
    position: relative;
    margin-top: 10px;
}





.cmanset-bg {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
}
.cstm-manset-block .countdown {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 25px;
    border-radius: 100px;
    background: #FFF;
    padding: 15px 55px;
    margin-bottom: 15px;
}
.cstm-manset-block .countdown .countdown-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    color: #000;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
}
.cmanset-write {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cmanset-write h1 {
    color: #FFF;
    text-align: center;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 15px;
}
.cmanset-write span {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 35px;
}
.cmanset-write a {
    color: #F83738;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    border-radius: 200px;
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #D9D9D9;
    padding: 15px 50px;
}
.cstm-manset-section .custom-module-code-4126 .col-4 {
    padding: 5px;
}
.cstm-manset-section .card-product {
    background: transparent !important;
    border: none !important;
}
.cstm-manset-section .card-product .cart-produ {
    padding: 10px 0px 0px 0px;
}
.cstm-manset-section .card-product .image .img-auto {
    border-radius: 10px !important;
}
.cstm-manset-section .card-product .title {
    font-size: 12px;
}
.cstm-manset-section .card-product .product-reviews {
    margin: 5px 0px;
}
.cstm-manset-section .card-product .product-reviews .star {
    font-size: 10px;
}
.cstm-manset-section .card-product .product-reviews .count {
    font-size: 10px;
}
.cstm-manset-section .card-product .card-product-inner .price-group .prices .sale-price {
    font-size: 12px;
}
.cstm-manset-section .card-product .card-product-inner .price-group .prices .list-price {
    font-size: 10px;
    text-decoration: line-through !important;
}
.cstm-manset-section .card-product .product-favourite-kart {
    display: none;
}
/* cstm manset style end */
.custom-module-code-3906 .ban-type .ban-type-title {
    text-align: center;
}

.cstm-manset-section .card-product  .ct-price-for-promotion {
    display: none;
}

    .cstm-manset-block .countdown .countdown-item {
        font-size: 15px;
    }
	
	    .cstm-manset-section .card-product .product-reviews .icon  img {
        display: none;
    }
	
 .cstm-manset-section .p-g-b-c-1 .row .col-4:last-child {
        display: none;
    }
    .cstm-manset-section .card-product .product-reviews .count {
        font-size: 9px;
    }
    .cstm-manset-section .card-product .product-reviews .star {
        font-size: 9px;
    }
    .cstm-manset-section .card-product .title {
        font-size: 11px;
    }
    .cstm-manset-section .card-product .card-product-inner .price-group .prices .sale-price {
        font-size: 11px;
    }
    .cstm-manset-section .card-product .card-product-inner .price-group .prices .list-price {
        font-size: 9px;
        text-decoration: line-through !important;
    }
    .cstm-manset-section .custom-module-code-4126 .col-4 {
        padding: 11px;
    }
    .cmanset-write a {
        font-size: 11px;
        padding: 11px 20px;
    }
    .cmanset-write h1 {
        font-size: 17px;
    }
    .cmanset-write span {
        font-size: 12px;
        margin-bottom: 14px;
    }
    .cstm-manset-block .countdown {
        padding: 12px 0px;
    }
    .cstm-manset-block .countdown .countdown-item {
        font-size: 14px;
    }
    .cmanset-bg {
        top: unset;
        left: 15px;
        bottom: 15px;
    }
    .cmanset-bg img {
        width: 30px;
    }

/* .cstm-manset-block için ilk stil */
.cstm-manset-block {
      background-color:#F96869 !important;
    padding: 20px;
    border-radius: 15px;
  
    position: relative;
    align-items: stretch;
}

    .cstm-manset-section .pattern-group-body {
        border: none;
        background: transparent;
        padding: 0px 15px;
    }
    
       .countdown-title2 span {
        font-size: 14px;
        
    }
           .countdown-title2 h5 {
        margin-top:10px;
    }
    
    .cstm-manset-section .p-g-b-c-1 .row .col-4:last-child {
        display: none;
    }
    .cstm-manset-section .card-product .product-reviews .count {
        font-size: 9px;
    }
    .cstm-manset-section .card-product .product-reviews .star {
        font-size: 9px;
    }
    .cstm-manset-section .card-product .title {
        font-size: 11px;
    }
    .cstm-manset-section .card-product .card-product-inner .price-group .prices .sale-price {
        font-size: 11px;
    }

    .cstm-manset-section .custom-module-code-4126 .col-4 {
        padding: 11px;
    }
    .cmanset-write a {
        font-size: 11px;
        padding: 11px 20px;
    }
    .cmanset-write h1 {
        font-size: 17px;
    }
    .cmanset-write span {
        font-size: 12px;
        margin-bottom: 14px;
    }
    .cstm-manset-block .countdown {
        padding: 12px 0px;
    }
    .cstm-manset-block .countdown .countdown-item {
        font-size: 14px;
    }
    .cmanset-bg {
        top: unset;
        left: 15px;
        bottom: 15px;
    }
    .cmanset-bg img {
        width: 30px;
    }

    .cstm-manset-section .pattern-group-body {
        border: none;
        background: transparent;
        padding: 0px 15px;
    }
    
    .cstm-manset-section .card-product .productcard-badge {
    display: none;
}
    
    .product-pricescard, .product-buttons-card, .product-badges-card {
    border: 1px solid #f4f4f4;
   margin-top:25px;
    border-radius: 10px;
    margin-bottom: 25px;
    background: #fff;
}

 .product-pricescard, .product-buttons-card, .product-badges-card {
        margin-bottom: 10px;
        border: none;
        background: #fff;
        border-radius: 0px;
    }
    
.product-badges {
    display: flex;  /* Yatay hizalama */
    justify-content: space-between;  /* Elemanları sola ve sağa yay */
    gap: 8px;  /* Boşlukları artırarak daha şık bir görünüm */
    width: 100%;  /* Tam genişlik */
    padding: 0;
    margin: 20px 0;
}

/* Minimal rozet tasarımı */
.product-badges .p-badge {
    height: 50px; /* Daha kompakt hale getirildi */
    background: #f8f9fa; /* Hafif gri arka plan */
    border: 1px solid #e0e0e0; /* İnce çerçeve ekleyerek modern görünüm */
    border-radius: 8px; /* Yuvarlatılmış köşeler */
    text-align: center;
    padding: 0 12px; /* İçeriğe göre genişlik */
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap; /* Satır atlamayı engeller */
    flex-grow: 1; /* Elemanların eşit yayılmasını sağlar */
    font-size: 14px;
    font-weight: 500;
    color: #333; /* Koyu gri yazı */
    transition: all 0.3s ease;
}

/* Hover efekti */
.product-badges .p-badge:hover {
    background: #e3f2f9; /* Hafif mavi hover efekti */
    transform: translateY(-2px); /* Hafif yukarı hareket */
    border-color: #b0d4e3; /* Daha belirgin çerçeve */
}

/* İkonlar */
.product-badges .p-badge i {
    font-size: 16px; /* Minimal ikon boyutu */
    margin-right: 6px; /* Metinle ikon arasına boşluk */
    color: #4f6d7a; /* Soft gri-mavi ton */
}

/* "Yerli Üretim" için özel stil */
.product-badges .p-badge.domestic img {
    height: 24px; /* Yerli üretim ikonunu küçült */
}

/* Mobil uyum */
@media (max-width: 768px) {
    .product-badges {
        flex-wrap: wrap; /* Küçük ekranlarda alt alta gelsin */
        gap: 6px;
    }
    

.card-category .title {
    font-weight: 500;
    font-size: 10px;
    color: #181818;
    width: 55px;
}
    .product-badges .p-badge {
        font-size: 13px; /* Küçük font */
        height: 45px; /* Daha az yer kaplaması için */
        padding: 0 10px;
    }

    .product-badges .p-badge i {
        font-size: 14px; /* Küçük ekranlar için optimize */
        margin-right: 5px;
    }
}
    
    
    
.hepsijet-countdown {
    border-radius: 10px;
   border: 1px solid #E2E2E2;
   background: #effbf5;
    padding: 20px;
    margin-bottom: 15px;
    font-size: 12px;
font-family: 'Poppins', sans-serif;
    font-weight: 400;  /* Regular weight */
    
}

.hjcountdown-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 15px;
}
.hjcountdown-left span b {
    color: #7623DB;
}
.hjcountdown-left span {
    color: #181818;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    width: 80%;
}
.hjcountdown-right {
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 13px;
    justify-content: center;
}
.hjcountdown-right #countdownmsg {
    color: #181818;
    font-size: 13px;
    font-weight: 500;
}
.hjcountdown-right #countdownmsg b {
    color: #7623DB;
    font-weight: 500;
}
#countdowntime {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    width: 100%;
}
#countdowntime .countdown-item {
    border: 1px solid #E2E2E2;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
    border-radius: 10px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    background: #fff;
}

.carousel-counter {
    background: #0000005c;
    width: fit-content;
    padding: 4px 15px;
    color: #fff;
    font-size: 13px;
    border-radius: 200px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
}

.product-comment-mobil {
    display: none;
}
.modal-questionpbc .modal-content .modal-header .close {
    font-size: 27px !important;
}


.product-comment-mobil {
    display: none;
}
.modal-questionpbc .modal-content .modal-header .close {
    font-size: 27px !important;
}


.pbc-item2 {
    border-radius: 10px;
    border: 1px solid #E2E2E2;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 4px;
    height: 100%;
    margin-bottom: 10px;
}

.pbc-item-left99 img {
    border-radius: 0px;
    margin-bottom: 5px;
}
.pbc-item99 {
    display: flex;
    flex-direction: column;
    align-items: left;
    gap: 5px;
    height: 75px;
    border: 1px solid #ebf5ff;
    border-radius: 8px;
    position: relative;
    background-color:#ebf5ff;
    color:#333333;
    font-weight: 500;
    padding-top:10px;
    padding-left: 10px;
}

.pbc-item-top99 img {
    border-radius: 0px;
}

.pbc-item-top99 span {
margin-bottom: 5px;
}
.pbc-item-bottom99 span {
    color: #A1A1A1;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
}
    
	
.pbc-items .row .col-lg-6 {
    padding: 0px 5px !important;
}
.pbc-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    padding: 0px 10px;
    height: 50px;
    border: 1px solid #e6e6e6;
    margin-bottom: 10px;
    border-radius: 8px;
    position: relative;
}
.pbc-question {
    position: absolute;
    right: 3%;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
}
.pbc-question button {
    outline: none;
    padding: 0px;
    border: none;
    background: transparent;
    box-shadow: none;
}
.pbc-question button:active,.pbc-question button:focus,.pbc-question button:target {
    outline: none;
    padding: 0px;
    border: none;
    background: transparent !important;
    box-shadow: none;
}
.pbc-question button img {
    border-radius: 0px;
}

.pbc-items .col-lg-6 {
    margin-bottom: 10px;
}
.pbc-items .col-lg-6:nth-child(5),.pbc-items .col-lg-6:nth-child(6) {
    margin: 0px;
}

.breadcrumb-wrapper .breadcrumb .breadcrumb-item:last-child a {
    color: #333;
        font-family: 'Poppins', sans-serif;
}

.pbc-item-right span {
    line-height: normal;
    color: #000;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
}
.pbc-item-right span b {
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}
.product-detail-description {
    border-radius: 10px;
    border: 1px solid #f4f4f4;
    margin-bottom: 20px;
    background: #fff;
}


/* Dış kutu */
.kampanya-wrap-99x {
    border: 1px solid #f4f4f4;
    border-radius: 12px;
    padding: 15px;
    background: #fff;
    
}

/* Başlık */
.kampanya-title-99x {
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 14px;
    color: #999;
}

/* Kart kutucuk */
.kampanya-item-99x {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}



/* İkonlar */
.kampanya-icon-99x {
    font-size: 18px;
    color: #f27a1a; /* yeşil vurgu */
    width: 26px;
    text-align: center;
}

/* Yazılar */
.kampanya-text-99x {
    font-size: 12px;
    color: #222;
   
    line-height: 1.4;
}

.kampanya-text-99x b {
    font-weight: 500;
    color: #111;
}

/* Alt bilgi kutusu */
.kampanya-item2-99x {
    border-radius: 10px;
    border: 1px solid #E2E2E2;
    padding: 14px;
    text-align: center;
    background: #fdfdfd;
    margin-top: 15px;
}

.kampanya-top-99x {
    font-size: 14px;
    font-weight: 600;
    color: #2a9d4f;
}

.kampanya-top-99x i {
    color: #2a9d4f;
    margin-right: 6px;
}

.kampanya-bottom-99x span {
    display: block;
    color: #777;
    font-size: 12px;
    margin-top: 5px;
}



  .product-specaildiscsepet {
        font-size: 13px;
        position: relative;
        overflow: hidden;
        margin-bottom:20px;
        
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom:20px;
    padding-top: 20px;
    background: linear-gradient(90deg, #F83738 0.90%, rgba(248, 55, 56, 0.00) 99.99%);
    }
	
	.product-specaildiscsepet {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #F83738;
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    
}


    .psdisc-rightsepet {
        position: relative;
        z-index: 2;
        text-align: center;
    }
    


.payment-page-adress-information-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0px;
    padding: 13px 15px;
    background: #E7EBF590;
    border-radius: 5px;
    margin-bottom: 25px;
    justify-content: space-between;
}
.payment-page-adress-information-block-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 75%;
}
.payment-page-adress-information-block-right {
    width: 25%;
    display: flex;
    justify-content: flex-end;
}
.payment-page-adress-information-block-left-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
}
.payment-page-adress-information-block-left-item span {
    color: #707C95;
    font-size: 13px;
    letter-spacing: -0.24px;
    font-weight: 500;
}
.payment-page-adress-information-block-right a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 13px;
    color: #A6ABB5;
    font-size: 12px;
    letter-spacing: -0.24px;
    font-weight: 500;
}


.payment-page-bodysection .p-g-b-c-1 .p-g-mod-body {
    background: transparent !important;
}
.payment-control-buttons-1 .btn-back {
    background-color: #efefef;
    border-color: #efefef;
}

  .product-quantity-type {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 13px
}


.product-widget-listem .widget-titlem{
    
font-size: 10px;
    line-height: 18px;
    font-weight: 600;
    color: #999;
    letter-spacing: .05rem;
}

.product-widget-listem-sayac{
    margin-top:5px;
    margin-bottom:10px;
}


.product-widget-listem {

    padding-left: 5px;        
}

/* ✅ Mobilde kenarlıkları kaldır */
@media (max-width: 768px) {
    .product-widget-listem {
        border: none;                /* Tüm kenarlıkları kaldır */
        border-radius: 0;            /* Köşe ovalleştirmeyi sıfırla */
        padding: 8px;                /* Daha küçük iç boşluk */
    }

}


@media (max-width: 768px) {
    .card-product .card-product-inner .price-group .prices .list-price {
        font-size: 10px; /* Önemli: !important ekleyerek öncelik verebilirsin */
        color: #a7a7a7;
        text-decoration: line-through !important;
    }
    

.card-product .card-product-inner .price-group .prices .list-price {
    font-size: 12px;
    color: #a7a7a7;
    text-decoration: line-through !important;
}
}




.kategori-uclu-liste .itlewrtwrts {
    max-width: 100%;
    margin-left: 8px;
    line-height: 14px;
    height: 28px;
    font-weight: 400;
    font-size: 10px;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    text-align: left;
    background-color: #fff;
    z-index: 9999;
    margin-top: 5px;
}




/* Mobilde Ürün Adı Tek Satır Olsun ve Fazlası Gizlensin */
@media (max-width: 767px) {
    .easy-autocomplete-container ul li div {
        display: block;
        font-size: 12px;  /* Yazı fontunu küçültüyoruz */
        padding: 4px 4px; /* Sol ve sağ kenar boşluklarını 4px yapıyoruz */
        text-overflow: ellipsis;
        overflow: hidden;  
        white-space: nowrap;  /* Ürün adını tek satırda tutuyoruz */
        max-height: 4em;  /* Yüksekliği sınırlıyoruz */
    }
    
    .easy-autocomplete .spsi-item {
    align-items: center;
    display: flex;
    font-size: 12px;
}

    /* Mobilde Görsellerin Boyutları */
    .spsi-item img {
        height: 35px; 
        width: 35px;
        margin-right: 8px;
    }

    /* Liste Öğeleri Mobilde */
    .easy-autocomplete-container ul li {
        font-size: 12px;  /* Font boyutunu küçültüyoruz */
        padding: 4px 4px;  /* Kenar boşluklarını 4px yapıyoruz */
        border-bottom: 1px solid #ebebeb;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    /* Liste Öğeleri Üzerine Gelindiğinde Mobilde */
    .easy-autocomplete-container ul li:hover {
        background-color: #f5f5f5;
    }

    /* Listeyi genişletiyoruz */
    .easy-autocomplete-container ul {
        max-width: 100%;  /* Listeyi daha geniş yapıyoruz */
    }
}

/* Masaüstünde Ürün Adı Arama Çubuğu Uzunluğunda Olsun ve Fazlası Gizlensin */
@media (min-width: 768px) {
    .easy-autocomplete-container ul li div {
        display: flex;
        align-items: center;
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;  
        white-space: nowrap;  
        max-width: 600px;
    }

    /* Masaüstü Görsellerinin Boyutları */
    .easy-autocomplete .spsi-item img {
        height: 50px;
        width: 50px;
        margin-right: 15px;
    }

    /* Liste Öğeleri Masaüstünde */
    .easy-autocomplete-container ul li {
        font-size: 14px;
        padding: 5px 10px;
        border-bottom: 1px solid #ebebeb;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    /* Liste Öğeleri Üzerine Gelindiğinde Masaüstünde */
    .easy-autocomplete-container ul li:hover {
        background-color: #f5f5f5;
    }

    /* Listeyi arama çubuğunun altına kaydırma */
    .easy-autocomplete-container {
        top: 70px;  
        max-width: 660px;
    }
}

/* Genel Listelenen Ürünleri Şekillendirme */
.easy-autocomplete-container ul {
    border-top: 1px solid #ebebeb;
}

/* Liste Başlıkları (Kategori vs.) */
.easy-autocomplete-container ul .eac-category {
    font-size: 13px;
    padding: 5px 10px;
    color: #666;
}

/* Liste Öğelerinin Ayrılması ve Stil Verilmesi */
.easy-autocomplete-container ul li {
    font-size: 14px;
    padding: 2px 5px;  
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Liste Öğeleri Üzerine Gelindiğinde */
.easy-autocomplete-container ul li:hover {
    background-color: #f5f5f5;
}

/* Üst Menüde Arama Alanı için Yerleştirme */
header.desktop .easy-autocomplete-container {
    top: 47px;  
}

/* Mobilde Arama Alanı ile Menüyü Uygun Hale Getirme */
.sidebar-menu-type-2 .easy-autocomplete-container ul {
    border-top: 1px solid #ebebeb;
    top: 65px;  
}


/* 🔎 Arama Çubuğu Genel Ayarları */
.search-bar {
  position: absolute;
  top: 48px;
  width: 100%; /* Tam genişlik */
  display: flex;
  justify-content: center; /* Ortalar */
  align-items: center;
  padding: 0; /* Kenar boşluklarını sıfırladık */
  box-sizing: border-box; /* Padding ve border genişliği içerik alanına dahil */
}

/* 📦 Input Kutusu Konteyneri */
.search-bar .input-box {
  display: block;
  width: 100%; /* Tam genişlik */
  margin: 0; /* Margin sıfırlandı */
  position: relative;
}

/* 📝 Arama Input Stili */
.search-bar .form-control {
  width: 100%; /* Maksimum genişlik 360px */
  height: 45px ;
  padding: 2px 5px 2px 40px !important; /* İçerik alanı için boşluk */
  background: #fff; /* Soft arka plan */
  border-radius: 8px; /* Soft yuvarlak köşeler */
  border: 1px solid #ddd !important; /* Hafif gri kenarlık */
  outline: none;
}

@media (max-width: 768px) {
    .btn.mobil-btn-2 {
        position: absolute;
        right: 25px;
        top: 8px;
        background: #181818;
        color: #fff;
        height: 24px;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 768px) {
.search-bar .form-control {
        height: 40px !important;
        padding: 6px 40px !important;
        background: #f8f8f8;
        font-size: 12px;
        border-radius: 10px;
        border: 0 !important;
        box-shadow: none;
        font-weight: 300;
    }
    
    .search-bar .mobil-btn {
    position: absolute;
    top: 4px;
    left: -9px;
    background: transparent;
    border: none;
    cursor: pointer;
}

}

.search-bar .form-control::placeholder {
    color: #888; /* Placeholder rengi gri */
    font-size: 12px; /* Yazı boyutu 12px */
    font-weight: 500; /* Normal kalınlık */
}



/* 🔘 Mobil Arama Butonu */
.btn.mobil-btn-2 {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: #181818;
  color: #fff;
  height: 25px;
  width: 42px;
  border-radius: 10%; /* Daire buton görünümü */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btn.mobil-btn-2:hover {
  background-color: #333; /* Hover efekti için daha açık ton */
}

/* 📂 Mobil Menü Butonu */
.search-bar .mobil-btn {
  position: absolute;
  top: 4px;
  left: -5px;
  background: transparent;
  border: none;
  cursor: pointer;
}


@media (min-width: 900px) {
    .subtitle-img {
        display: none;
    }
    .mm-alt {
        display: none;
    }
        .cstm-manset-block {
     max-height: 250px;

    }
}


.card-list-product .card-list-product-inner .info .title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    font-size: 12px;
    height: 55px;
    line-height: 18px;
    max-width: 100%;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    margin-top: 5px;
    margin-left: -17px;
}

.card-list-product .fa, .fas, .fa-star {
    font-weight: 600;
    font-size: 12px;
}


.card-list-product .product-reviews {
    justify-content: center;
    margin: 5px 0;
    display: flex;
    line-height: 8px;
    margin-left: 10px;
    margin-bottom:10px;
    color: #bfbfbf;
    font-size: 12px;
}


.card-list-product .card-list-product-inner .price-group .prices .discount {
    color: #f6000d;
    font-size: 12px;
    padding-right: 15px;
    padding-top: -10px;
    margin-top:-20px;
}

.card-list-product .card-list-product-inner .price-group .prices .list-price {
    color: #555;
    font-size: 12px;
    text-decoration: line-through;
    padding-right: 15px;
    padding-top: -10px;
}

.card-list-product .card-list-product-inner .price-group .prices .sale-price {
    color: #555;
    font-size: 14px;
    font-weight: 500;
    padding-right: 15px;
    padding-top: -10px;
    padding-bottom: 20px;
}

.card-list-product .card-list-product-inner .image-wrapper .image img{
    width: 75%;

}



.card-list-product .card-list-product-inner .image-wrapper .image {
    display: block;
}

.card-list-product .product-reviews .count {
    color: #666;
    font-size: 10px;
    padding-left: 4px;
    padding-top: 3px;
}


.card-list-product  {
    overflow: hidden;
    border-radius: 5px;
    padding: 0 !important;
    border: 1px solid #e9e9e9;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    margin-bottom: -5px;
}

.row .custom-module-code-11205 {
    margin-top: 7px;
    margin-right: -2px;
    margin-left: -2px;

}

@media(min-width:991px){
    .cstm-manset-block{
min-height: 327px;
    }
}

.card-comment {
    align-items: flex-start;
    background-color: rgb(82 177 99 / 19%);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
    border: 1px solid #e9e9e9;
}

.card-comment .product .customer .comment {
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 12px;
    font-weight: 400;
    height: 66px;
    line-height: 16px;
    margin-top: 3px;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}
    
.card-comment .product .image img {
    max-height: 100%;
    width: 70px;
}    

.card-comment .product .image {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    height: 105px;
    margin-right: 8px;
    padding: 3px;
    width: 70px;
}

#grid-card-list-product-inner {
      display: grid;
      grid-template-rows: 50% 50%; /* 2 eşit satır */
      grid-template-columns: 33.33% 33.33% 33.33%; /* 3 eşit sütun */
      gap: 5px;
      width: 50%;
      height: 50%;
    }
    .card-list-product-inner-oge {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 24px;
      font-weight: bold;
      color: #000;
    }
    #image-wrapper {
      grid-row: 1 / 3; /* 1. ve 2. satırları kaplar */
      grid-column: 1 / 2; /* 1. sütunu kaplar */
    }
    #info {
      grid-row: 1 / 2; /* 1. satırı kaplar */
      grid-column: 2 / 3; /* 2. sütunu kaplar */
    }
    #price-group {
      grid-row: 1 / 2; /* 1. satırı kaplar */
      grid-column: 3 / 4; /* 3. sütunu kaplar */
    }
    #product-reviews {
      grid-row: 2 / 3; /* 2. satırı kaplar */
      grid-column: 2 / 4; /* 2. ve 3. sütunları kaplar */
    }
    
    .etbis-etiket{
        height:150px;
        width:235px;
        
    }   
    
.etbis-etiket .etbis-sol {
  width:130px;
  height:150px;
}

.etbis-etiket .etbis-sag {
  width:100px;
  height:129px;
}

.etbis-etiket .float-l {
  float:left;
}

.etbis-etiket .float-r {
  float:right;
}

.etbis-etiket .clear-son {
  clear:both;
}



.p-g-mod-t-63 .p-g-mod-body {
    background: url(https://cdn.qukasoft.com/f/525751/bzR6WWFtNG0vcUp3ZW1Gc1U4OG5hUT09/i/image-7445786-sw1920sh500.webp) center !important;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    height: 410px;
}

.card-help-title .image img {
    max-width: 100%;
    max-height: 60px;
    width: 35px;
    height: 35px;
}

.card-help-title {
    border-radius: 8px;
    padding: 12px 0;
    background: #e9e9e9;
}

.email-newsletter-box .form-wrapper form input {
    border: 0 !important;
    border-radius: 0 !important;
    color: #000;
    flex: 1;
    font-size: 15px;
    font-weight: 500;
}

@media (max-width:1366px) {
    .paysec-methods .item.small.one {
        margin-right: 10px;
    }
    .payment-security-block .title-b h4 {
        margin-bottom: 8px;
        font-size: 12px;
    }
    .paysec-methods .item img {
        width: 100%;
    }
    .paysec-methods .items {
        gap: 12px 0px;
    }
    .payment-security-block .title-b ul {
        margin: 8px 0 0 0;
    }
    .paysec-methods {
        margin-bottom: 20px;
    }
    .paysec-methods .title {
        margin-bottom: 12px;
    }
    .payment-security-block .title-b p, .payment-security-block .title-b b, .payment-security-block .title-b li {
    font-size: 10px;
    text-align: justify;
    line-height: 1.6;

    }
    .payment-security-block .title-b h4 img {
        width: 22px;
    }
    .paysec-methods .item.small img {
        width: 23px;
    }
    .paysec-methods .item.small {
        font-size: 8px;
        padding: 6px 7px;
    }
    .modal-dialog.ozel {
        right: 19%;
        top: 24%;
    }
    /* age 1366 payment style */
    .shipment-methods .method .name .info {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }
    /* age 1366 payment style end */
    header.desktop .mega-menu .nav-link {
        font-size: 12px;
    }
    div#shareAge2 {
        right: -13.4%;
    }
    #shareModal2 {
        top: 35.9%;
    }
    .card-product:hover .down-to-top {
        bottom: -209px !important;
    }
}

#payment-methods-content-0 .payment-method-form .alert {
    display: none;
}

.payment-boxs-right {
    position: sticky;
    top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.payment-summary-box, .payment-security-block {
    padding: 15px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
}
.payment-summary-box .p-g-mod-body {
    padding: 0px !important;
}
.payment-summary-box .p-g-mod:last-child {
    margin: 0;
}
.payment-body .payment-summary-box .payment-final-buttons-1 {
    padding: 0;
}
.payment-summary-box .p-list-button {
    padding: 0 0 6px 0;
}
.payment-security-block .title-b h4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    color: #4DC762;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
}
.payment-security-block .title-b p,.payment-security-block .title-b b, .payment-security-block .title-b li {
    color: #575757;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.payment-final-buttons-1 {
    display: block;
    padding-bottom: 10px;
}

.payment-security-block .title-b span {
    color: #4DC762;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}


.payment-security-block .title-b b {
    font-weight: 500;
    color: #000;
}
.paysec-methods .title {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
}
.paysec-methods .items {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.paysec-methods .item img {
    border-radius: 0px;
}
.payment-security-block .title-b ul {
    padding: 0 0 0 20px;
    margin: 12px 0 0 0;
}
.paysec-methods {
    margin-bottom: 20px;
}
.paysec-methods .item.small {
    color: #000;
    font-size: 9px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 10px 15px;
    gap: 13px;
}
.payment-security-block.basket-page {
    margin-top: 11px;
    border-color: #E7EBF5;
}

@media (max-width:991px) {

    .payment-security-block.basket-page {
        border-color: #E7EBF5;
    }
    .payment-boxs-right {
        flex-direction: column-reverse;
        gap: 20px;
    }
}

.basketp-stepalert {
    padding: 12px 20px;                                  /* Dengeli iç boşluk */
    margin-bottom: 20px;                                 /* Alt boşluk */
    display: flex;                                       /* Yatay hizalama */
    align-items: center;                                 /* Dikey ortalama */
    gap: 12px;                                           /* Görsel ile metin arası boşluk */
    font-family: 'Poppins', sans-serif;                    /* Poppins fontu */
    word-wrap: break-word;                                /* Metin kaydırma */
        background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}

.basketp-stepalert img { /* Görsel (İkon) için stil */
    width: 24px;                                          /* İkon boyutu */
    height: 24px;                                         /* İkon boyutu */
    object-fit: contain;                                  /* Görselin orantılı olması */
    opacity: 0.9;                                         /* Hafif transparanlık */
}

.basketp-stepalert span {
    color: #333;                                          /* Koyu gri metin */
    font-size: 14px;                                      /* Orta boyut yazı */
    font-weight: 400;                                     /* Hafif yazı kalınlığı */
    line-height: 1.5;                                     /* Ferah metin boşluğu */
    letter-spacing: 0.2px;                                /* Hafif harf aralığı */
    text-align: left;                                     /* Metni sola hizala */
}

/* Vurgu için */
.basketp-stepalert b {
    color: #4CAF50;                                       /* İndirim vurgusu için yeşil */
    font-weight: 500;                                     /* Orta kalınlık */
}

/* Mobil uyumlu tasarım için */
@media (max-width: 768px) {
    .basketp-stepalert {
        padding: 10px 15px;                              /* Mobilde iç boşluk biraz azaltıldı */
        font-size: 13px;                                  /* Mobilde yazı boyutunu küçültme */
        gap: 10px;                                       /* Mobilde ikon ile metin arası boşluk */
    }

    .basketp-stepalert img {
        width: 20px;                                      /* Mobilde ikon boyutunu küçültme */
        height: 20px;                                     /* Mobilde ikon boyutunu küçültme */
    }
}


.payment-page-title-block2 .payment-page-title-guvenh4 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #000;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 6px;
    font-family: 'Poppins', sans-serif;
}

.tilbe-sub9987 {
    font-size: 13px;
    font-weight: 400;
    color: #a1a1a1; /* Açık gri renk */
    text-align: center;
    margin-bottom: 10px; /* Altında boşluk */
}

.payment-page-title-block {
    display: flex; /* Flexbox kullanarak öğeleri yatayda hizalayacağız */
    align-items: center; /* Başlık ve resmi dikeyde ortalar */
    justify-content: space-between; /* Başlık ve resmi arasındaki boşluğu ayarlayarak sağa hizalar */
    margin-top: 0;   /* Üst boşluğu sıfırlar */
    padding-bottom: 0;  /* Üst iç boşluğu sıfırlar */
}


.payment-page-title-block2 {
    display: flex; /* Flexbox kullanarak öğeleri yatayda hizalayacağız */
    align-items: center; /* Başlık ve resmi dikeyde ortalar */
    justify-content: space-between; /* Başlık ve resmi arasındaki boşluğu ayarlayarak sağa hizalar */
    margin-top: -15px;   /* Üst boşluğu sıfırlar */
    padding-bottom: 10px;  /* Üst iç boşluğu sıfırlar */
}

.payment-page-title-guven {
    margin-left: 10px; /* Resim ile başlık arasında biraz boşluk ekliyoruz */
    max-height: 30px; /* Resmin boyutunu ayarlıyoruz */
    max-width: 100%; /* Resmin genişliğini sınırlıyoruz */
    padding-right: 5px;
    padding-right: 3px;
}

.payment-page-title-block img {
    margin-left: 10px; /* Resim ile başlık arasında biraz boşluk ekliyoruz */
    max-height: 30px; /* Resmin boyutunu ayarlıyoruz */
    max-width: 100%; /* Resmin genişliğini sınırlıyoruz */
    padding-right: 5px;
    padding-right: 3px;
}

.payment-page-title-block h4 {
display: flex;
flex-direction: row;
align-items: flex-start; /* Başlığı sola hizalar */
justify-content: flex-start; /* Yatayda sola hizalar */
gap: 8px;
font-size: 20px;
color: #121212;
letter-spacing: -0.36px;
font-weight: 500;
    
}

@media (max-width:1200px) {
    .payment-page-title-block h4 {
        font-size: 17px;
    }
	}
	
	
	.pattern-group .p-g-mod .p-g-mod-header {
    border-bottom: none;
  
}


.payment-page-bodysection .p-g-b-c-0 .p-g-mod-header .p-g-m-h-info {
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

.payment-page-bodysection .p-g-b-c-0 .p-g-mod-header {
    height: auto;
    padding: 0px;
    border: none;
}

.shipment-methods .method .name .image {
    margin-right: 10px;
}

.shipment-methods .method .checkbox {
    margin: 0px;
}

.shipment-methods .method .name {
    float: unset !important;
    width: 100%;
    max-width: fit-content;
    margin-right: 20px;
}

/* Hover efekti: Yumuşak değişim */
.shipment-methods .method:hover {
    background: #e9eff3;                                /* Daha açık gri arka plan */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);           /* Hafifçe belirginleşen gölge */
}

.payment-page-bodysection .p-g-b-c-0 .p-g-mod-body {
    background: transparent !important;
    padding: 0;
}



.shipment-methods {
    display: flex;
    gap: 10px; /* Kutu arası boşluk */
    
    
}


/* Mobilde alt alta dizmek için */
@media (max-width: 768px) {
    .shipment-methods {
        flex-direction: column;
    }
    
    .easy-autocomplete {
    
    width: 95% !important;
}
}

.shipment-methods .method {
    flex: 1 1 calc(50% - 10px);
    padding: 10px 10px;                      /* Dengeli iç boşluk */
    border-radius: 8px;                      /* Hafif köşe yumuşatması */
    margin-bottom: 10px;                     /* Alt boşluk */
    display: flex;                            /* Yatay hizalama */
    align-items: center;                      /* Dikey ortalama */
    gap: 15px;                                /* Görsel ile metin arası boşluk */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); /* Hafif gölge, kurumsal derinlik */
    transition: background 0.3s ease;         /* Hover için yumuşak geçiş */
    background: #f5f7f9;                      /* Hafif gri ton, sade ve kurumsal */
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    cursor: pointer;
    justify-content: flex-start;              /* İçeriği sola hizala */
}

.payment-steps-1 {
    align-items: center;
    background-color: #fff;

    
}

.payment-steps-1 .step {
    flex: 1;
    text-align: center;
    position: relative;
    padding: 10px 0;
    transition: all 0.3s ease;
    color: #333;
}

.payment-steps-1 .step .circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f5f7f9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 5px;
    padding: 5px;
}

.payment-steps-1 .step .circle img {
    max-width: 30px;
    max-height: 30px;
}

.payment-steps-1 .step.active .circle, 
.payment-steps-1 .step.completed .circle {
    background-color: #e8f8ea;
}

.payment-steps-1 .step.active, 
.payment-steps-1 .step.completed {
    
    color: #31ab45;
}



.payment-steps-1 .step:last-child::after {
    display: none;
}

@media (max-width: 768px) {
    .payment-steps-1 {
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 8px;
        
    }

    .payment-steps-1 .step {
        padding: 8px 4px;
    }

    .payment-steps-1 .step .circle {
        width: 35px;
        height: 35px;
    }

    .payment-steps-1 .step .circle img {
        max-width: 22px;
        max-height: 18px;
    }
}




.swiper.swiper-sepet-kargo {
    width: 100% !important;
}

.free-cargo .navigation-yk button {
    width: 20px;
    height: 20px;
}

.free-cargo .navigation-yk button i,
.tool-filter .filterCat .filter-wrap .filter-item label {
    font-size: 12px;
}

.free-cargo .navigation-yk button.prev {
    left: -10px;
}

.free-cargo .navigation-yk button.next {
    right: -10px;
}

.free-cargo .cargo-odeme-flex,
.yonkasoft-header .header-wrap .menu-group,
header .head-menu {
    gap: 10px;
}

.free-cargo .free-cargo-box {
    flex-direction: column;
    gap: 20px;
    padding: 0 10px;
}

.free-cargo .cargo-firma,
.free-cargo .odeme-box,
.yonkasoft-header .header-wrap .header-middle-item {
    flex: 1;
}

.free-cargo .cargo-firma .text {
    margin-bottom: 10px;
}

.free-cargo .cargo-firma .logo img,
.yonkasoft-product-detail .p-for-wrap .p-for-detail .p-for-detail-wrap .p-for-item.product-evaluation .d-flex a img {
    width: 20px;
}

.free-cargo .cargo-firma .logo .item {
    padding: 7px 10px;
}

.free-cargo .icon img {
    width: 40px;
}

.free-cargo .cargo-firma,
.free-cargo .free-cargo-box,
.free-cargo .odeme-box {
    width: 100%;
    padding: 0 10px;
}

.free-cargo .cargo-odeme-flex {
    gap: 10px;
    padding: 10px 20px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.free-cargo .text .ust {
    text-align: unset;
    font-size: 14px;
    line-height: 20px;
}

.free-cargo .text .ALT {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}

.free-cargo .text .ALT span {
    font-size: 12px !important;
}

.basket-featured-slider .swiper .swiper-slide .basket-item {
    font-size: 12px;
}

.free-cargo .free-cargo-box, .free-cargo .odeme-box, .free-cargo .cargo-firma {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    border-right: 1px solid #e0e0e0;
    flex: 1;
}

.free-cargo .cargo-firma:last-child,
.free-cargo .odeme-box:last-child,
.free-cargo .free-cargo-box:last-child {
    border-right: none;
}

.campaign-area .swiper-basket-campaign .swiper-slide, .free-cargo .cargo-odeme-flex {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.free-cargo .swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}





.navigation-yk button {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    padding: 0;
    transform: translate(0, -50%);
    z-index: 999;
    color: #000;
    top: 50%;
    transition: .3s;
    background: #fff;
    border: 1px solid #e0e0e0;
}

.navigation-yk button.prev {
    left: -15px;
}

.navigation-yk button.next {
    right: -15px;
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper.swiper-sepet-kargo .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .free-cargo .free-cargo-box {
        flex-direction: column;
        gap: 20px;
        padding: 0 10px;
    }
}

.free-cargo .swiper-wrapper {
  display: flex;          /* Flexbox aktif edilir */
  justify-content: space-between; /* Aralarındaki boşluklar eşit olur */
 
}

.urun-info-container .urun-soru-cevap1 {
    margin-bottom: 7px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;  
    border-left: 1px solid #a1a1a1;
    padding-left: 7px; /* Sol iç boşluğu sıfırlar */
}

.urun-info-container .urun-soru-cevap1 a {
    color: #666 !important;
    font-size: 12px;
    text-decoration: none; /* Altını çizmeyi engeller */
    font-family: 'Poppins', sans-serif;
    font-weight: 500;  
}

.urun-info-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; /* Mobil uyum için */
    margin: 0; /* Tutarlı margin */
}


.product-body .product-profile-info li{
    display: flex;
    margin: 3px 0;
}

.urun-info-container .urun-soru-cevap1{
    margin-bottom: 7px;
    font-size: 13px;
    color: black; /* Yazıyı siyah yap */
    text-decoration: none; /* Eğer altı çiziliyse, altını çizer */
font-family: 'Poppins', sans-serif;
    font-weight: 500;  
    border-left: 1px solid #a1a1a1;
    padding-left: 7px; /* Sol iç boşluğu sıfırlar */
    
}   


.urun-info-container-alt {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
margin-bottom: 10px;
    box-sizing: border-box; /* Taşma olmadan kenarlara kadar uzanır */
}

.urun-info-container .urun-degerlnirme-ust1, 
.urun-info-container .urun-satis-miktar1 {
    font-size: 16px;
    color: #333;
}

.urun-info-container .urun-info-container .urun-soru-cevap1 a,
.urun-info-container .urun-degerlnirme-ust1 a {
    text-decoration: none;
    color: #000000;
    
}

.urun-info-container .urun-soru-cevap1 a:hover,
.urun-info-container .urun-degerlnirme-ust1 a:hover {
    color: #0056b3;
    text-decoration: underline;
}

.urun-info-container .color-red {
    color: red;
}

@media (max-width: 768px) {
 

    .urun-info-container .urun-degerlnirme-ust1, 
    .urun-info-container .urun-satis-miktar1 {
        font-size: 16px;
    }
}

/* Mobil Stil */
@media (max-width: 768px) {
    .urun-info-container {
        flex-wrap: nowrap; /* Mobilde de yatay hizalanacak */
        justify-content: space-between; /* Dengeli boşluk sağlanır */
        gap: 10px; /* Mobilde daha az boşluk */
    }


}

    .unique-info-container {
        width: 100%;
        max-width: 400px;
        margin: 0px;
        overflow: hidden;
        position: relative;
        background-color: #fff;
        height: 30px;
    }

    .unique-info-container .unique-info-wrapper {
        display: flex;
        flex-direction: column;
        animation: unique-slideUp 25s infinite ease-in-out;
    }

.product-profile-1 .product-reviews .rating {
    font-size: 24px; /* Puanın büyüklüğü */
    color: black; /* Puanın siyah olması */
    margin-right: 5px; /* Yıldızlardan önceki boşluk */
}

.product-profile-1 .product-reviews .rating-text {
    font-size: 18px; /* /5 kısmının büyüklüğü */
    color: black; /* Yazının siyah olması */
}

.product-profile-1 .product-reviews .stars .fa-star-half, 
.product-profile-1 .product-reviews .stars .fa-star {
    font-size: 16px;
    transform: translateY(-4px); /* Yıldızları 2px yukarı kaydır */
   
}
.product-reviews .stars .star {
    color: #ffc000;
    font-size: 12px;
}

.product-reviews .stars .star.fill {
   color:#ffc000;
}

.product-profile-1 .product-reviews .count {
    display: flex;
    align-items: center;
    gap: 5px; /* İkon ve metin arasındaki boşluk */
    margin-bottom:6px;
    margin-right: 5px;
}

.product-profile-1 .product-reviews .review-icon {
    width: 17px; /* Gerekirse boyut ayarla */
    height: auto;
    margin-bottom: 3px;
}

.product-profile-1 .product-reviews {
    display: flex;
    align-items: center; /* Tüm öğeleri dikey olarak hizalar */
    gap: 5px; /* Öğeler arasına boşluk bırakır */
}

.product-profile-1 .product-reviews .count a {
    font-size: 12px;
    color:#666; /* Yazıyı siyah yap */
    text-decoration: none; /* Eğer altı çiziliyse, altını çizer */
font-family: 'Poppins', sans-serif;
    font-weight: 400;  /* Regular weight */
}

.product-profile-1 .product-reviews .count b {
    font-size: 13px;
    color: black; /* Yazıyı siyah yap */
    text-decoration: none; /* Eğer altı çiziliyse, altını çizer */
font-family: 'Poppins', sans-serif;
    font-weight: 400;  /* Regular weight */
}

    .unique-info-container .unique-info-box {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 30px;
        font-size: 20px;
        font-weight: 500;
        color: #333;
        gap: 8px;
       font-family: 'Poppins', sans-serif;
    font-weight: 400;  /* Regular weight */
    }

        .unique-info-container .unique-info-box span{
        font-size: 14px;
        font-weight: 500;
        color: #333;
font-family: 'Poppins', sans-serif;

    }
    
    .shopping-cart-1 .td-price {
    text-align: center;
}

.shopping-cart-1 .td-product .product .image {
    margin-right: 5px;
    margin: 12px 0px 10px 8px;
}
    
/* Genel Stil - Tüm ekran boyutlarında geçerli */
.cart-product-row {
    display: flex;
    align-items: center; /* Dikeyde ortalama */
    justify-content: space-between;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}

/* Eski Stil - Mobil için */
.cart-product-row .td-product {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 1 auto;  /* Genişliği sabit tutar, esnemez */
}

.cart-product-row .td-price,
.cart-product-row .td-quantity,
.cart-product-row .td-total-price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 auto; /* Esnek yapma, sabit genişlik */
}

/* Masaüstü için - Büyük ekranlar */
@media (min-width: 1024px) { /* 1024px ve daha büyük ekranlar için */
    .cart-product-row .td-product {
        flex: 0 1 60%; /* 60% genişlik */
        max-width: 60%; /* Genişliği sabitle */
    }

    .cart-product-row .td-price,
    .cart-product-row .td-quantity,
    .cart-product-row .td-total-price {
        flex: 0 1 20%;  /* 20% genişlik */
        max-width: 20%;  /* Genişliği sabitle */
        box-sizing: border-box;
    }
}



 .promotion-product-item-card-x123 {
      border-radius: 68px;
      border: solid 1px #e6e6e6;
      display: flex;
      flex-direction: row;
      box-sizing: border-box;
      transition: 0.5s;
      position: relative;
      background: #fff;
    }

    .promotion-product-item-card-x123.best-deal-x123 {
      border: 1px solid transparent;
      background-image: linear-gradient(white, white), linear-gradient(90deg, #ffad70, #ff4988);
      background-origin: border-box;
      background-clip: content-box, border-box;
    }

    .best-deal-badge-x123 {
      background: linear-gradient(90deg, #ff9966 0%, #ff5e62 100%);
      top: -6px;
      left: 15px;
      transform: translateY(-50%);
      border-radius: 15px;
      color: #fff;
      font-size: 10px;
      font-weight: 600;
      line-height: 10px;
      padding: 4px 8px 4px 8px;
      position: absolute;
      z-index: 999;
      display: flex;
      align-items: center;
    }

    .best-deal-badge-x123  i {
  margin-right: 5px; /* İkon ile yazı arasında 8px boşluk bırakır */
  margin-left: 5px;
}


.kupon-kampanya-sade {
    background: #4dc76121;
    border: 2px solid #4dc761;
  border-radius: 8px;
  padding: 14px 24px;
  margin-bottom: 20px;
  color: #4dc761;
  font-size: 16px;
  line-height: 1.4;
  margin-left: auto;
  margin-right: auto;
}

.kupon-kampanya-sade i {
  margin-right: 6px;
  color: #4dc761; /* İstersen renk de ver */
}

.kupon-kampanya-sade strong {
  font-weight: 600;
}

.kupon-kampanya-sade small {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  color: #4dc761;
}

/* Mobil uyum */
@media (max-width: 768px) {
  .kupon-kampanya-sade {
    padding: 12px 16px;
    font-size: 14px;
  }

  .kupon-kampanya-sade small {
    font-size: 12px;
  }
}



.cart-product-row:hover {
    background-color: #fff; /* Hover efektinde daha belirgin kırmızı */
}

@media (max-width: 767px) {
     .shopping-cart-1 .table tr .td-total-price {
        float: right;
        width: 35%;
        position: relative;
    bottom: 44px;   /* Yukarı kaydırır */
    left: -10px;  /* Sola kaydırır */
    }
}


.shopping-cart-1 {
    border: none;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .shopping-cart-1 {
        background: none !important; /* Arka planı kaldır */
        border-radius: 10px;
    
        box-shadow: none !important; /* Gölgeyi kaldır */
    }
}


.shopping-cart-1 .table-responsive {
    width: 100%;
    overflow-x: auto;
}

.shopping-cart-1 .table-hover {
    width: 100%;
    background: #fff;
    border-radius: 10px;
}

.shopping-cart-1 .th-product, 
.shopping-cart-1 .th-price, 
.shopping-cart-1 .th-quantity, 
.shopping-cart-1 .th-total-price, 
.shopping-cart-1 .th-cargo {
    padding: 5px;
    text-align: center; /* Metni ortala */
    border-right: 1px solid #E7EBF5;
    font-weight: 600;
    color: #333;
    background: #fefefe;
    border-bottom: none;

}



.shopping-cart-1 .td-product .product {
    display: flex;
    align-items: center;
     position: relative;
}

@media (max-width: 767px) {
    .shopping-cart-1 .td-product .image img  {
        border: 1px solid #e7e7e7;
        border-radius: 5px; /* 5px yuvarlatma */
    }
}

@media (max-width: 768px) {
    .shopping-cart-1 .td-product .product .p-info .name {
        color: #333333 !important;
        font-size: 12px;
        font-weight: 400;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* 2 satırla sınırlama */
        -webkit-box-orient: vertical; /* Dikey kutu yönü */
        overflow: hidden; /* Taşan kısmı gizle */
        text-overflow: ellipsis; /* Taşan kısmı '...' ile göster */
        margin-top: -22px;
        line-height: 20px;
      
    }
    

}


.shopping-cart-1 .td-total-price .old-value {
    color: #666;
    display: block;
    font-size: 12px;
    text-decoration: line-through;
}

@media (max-width: 767px) {
    .shopping-cart-1 .td-total-price {
        float: left;
        width: 50%;
            flex: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 0px;
    }
    
    .shopping-cart-1 .td-total-price .old-value {
    color: #666;
    display: block;
    font-size: 12px;
    text-decoration: line-through;
    margin-bottom: -2px;
    
}
}

td.td-total-price {
    flex: 2;
    display: flex;
    flex-direction: column;
    
}

.td-total-price .value {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #000000;
    
}

.shopping-cart-1 .td-product .image img {
    padding: 2px; 
    margin-right: 10px;
    border: 1px solid #e7e7e7;
    border-radius: 5px; 
}



.shopping-cart-1 .shopping-buttons-1 {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.cart-body .td-price input.form-control {
    border-top: 1px solid #4dc761 !important;
    border-bottom: 1px solid #4dc761 !important;
}

.cart-body a.btn.btn-plus {
    border-top: 2px solid #4dc761 !important;
    border-right: 1px solid #4dc761 !important;
    border-bottom: 2px solid #4dc761 !important;
}

.cart-body .product-quantity .btn.btn-plus {
    background: #4dc761 !important;
    color: #fff;
    border-color: #4dc761;
}


/* Masaüstünde tasarım bozulmasın */
.table-hover tbody tr {
    border-radius: 10px; /* Oval köşeler */
  
    
      background-color: #fff !important; /* Hover rengi */

}

/* Hover efekti */
.table-hover tbody tr:hover {
    background-color: #fff !important; /* Hover rengi */
}

.tilbecartbody {
    display: flex;
    border: 1px solid #e2e2e2 !important;
    border-radius: 10px;
    margin-bottom: 10px;
}

/* Masaüstü görünümünün kaymasını önleyelim */
.table-hover {
    width: 100%;
    
}

/* Mobilde tasarım blok görünsün */
@media (max-width: 768px) {
    .table-hover tbody tr {
        display: block; /* Mobilde satırlar blok olsun */
        padding: 1px 1px 1px 1px;
        margin-bottom: 15px;
    }

    .table-hover tbody td {
        display: block;
        width: 100%;
        text-align: left;
     
    }
}

    .shopping-cart-1 .product-quantity input {
        border-radius:4px;
        font-size: 12px;
        border: 1px solid #f3f3f3 !important;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
       

    }


.table-hover tbody tr:hover {
    background-color: #fff !important; /* Açık turuncu */
    transition: background 0.3s ease-in-out;
}


@media (max-width: 1200px) {



    
.shopping-cart-1 .product-quantity {
    align-items: flex-start;  /* İçeriği üst kısma hizala */
    display: flex;
    justify-content: flex-end;  /* Sağ tarafa hizala */
    margin-right: -38px;  /* Sağ tarafta boşluk bırak */
}
}

@media (max-width: 767px) {
    .product-quantity, .product-quantity-type {
        justify-content: flex-start;
    }
}

.cart-body a.btn.btn-minus {
    border-top: 2px solid #4dc761 !important;
    border-bottom: 2px solid #4dc761 !important;
    border-left: 1px solid #4dc761 !important;
}

.cart-body .btn.btn-minus {
    background: #4dc761 !important;
    color: #fff;
    border-color: #4dc761 !important;
}

@media (min-width: 768px) {
    .shopping-cart-1 .td-product .product .p-info .name {
        margin-left: 10px;
        font-size: 14px;
        font-weight: 400;
        display: inline-block; /* Satır içi öğe olarak hizalanır */
        overflow: hidden; /* Taşan metni gizler */
        text-overflow: ellipsis; /* Taşan metni "..." ile göster */
        max-width: 55ch; /* 75 karakter için yaklaşık genişlik (1ch = 1 karakter genişliği) */
        line-height: 1.4; /* Satır yüksekliği */
    }
    
    .paysec-methods .item.small {
    color: #000;
    font-size: 9px;
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 10px 5px;
    gap: 13px;
}
}



.shopping-cart-1 .btn-continue {
    background: #4dc761;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}

.shopping-cart-1 .btn-continue:hover {
    background: #3aa14b;
}


    .unique-info-container .icon-style {
        font-size: 18px;
        color: #f27a1a;
    }
    
    /* Mobilde yatayda %100 genişlik */
@media screen and (max-width: 768px) {
    .unique-info-container .unique-info-box span {
        display: block; /* Satır içi olmayan blok eleman yap */
        width: 100%;    /* Yatayda %100 genişlik */
        font-size: 13px;
        font-weight: 500;
        color: #333;
       font-family: 'Poppins', sans-serif;
   
    }
    
    .product-profile-1 .product-reviews .review-icon {
    width: 17px; /* Gerekirse boyut ayarla */
    height: auto;
    margin-bottom:0;
}
}

    @keyframes unique-slideUp {
        0%, 30% { transform: translateY(0); }
        35%, 50% { transform: translateY(-30px); }
        55%, 70% { transform: translateY(-60px); }
        75%, 90% { transform: translateY(-90px); }
        100% { transform: translateY(0); }
    }



/* ana-age share */
.ana-shareAge {
    position: absolute;
    right: 10px;
    top: -10px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    border-radius: 50%;
    padding: 10px;
    background: #fff;
}

.ana-modal-box {
    position: absolute;
    z-index: 999;
    
    top: 10px;
    right: 20px;
  
}

.ana-modal-inside {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
}

.ana-modal-box {
    display: none;
}

.ana-overlayAge {
    display: none;
    position: fixed;
    width: 100%;
    background: #65656585;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 123;
    cursor: pointer;
}

.ana-jssocial-sh {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.ana-jssocial-sh a {
    border-radius: 50% !important;
    border: 1px solid #a1a1a1;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}

.ana-jssocial-sh-link:active, 
.ana-jssocial-sh-link:focus, 
.ana-jssocial-sh-link:hover {
    background: #a1a1a1 !important;
}

.ana-shareLink {
    width: 76.9%;
    outline: none;
    border: 1px solid #333;
    float: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.ana-copyD {
    background: #333;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 500;
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.ana-copyArea {
    display: flex;
    margin-top: 0.3rem;
}

.ana-modal-inside .ana-close {
    font-size: 1rem;
    color: #000;
    background: #fff;
    z-index: 123;
    right: 10px;
    position: absolute;
    top: 11px;
    opacity: 1;
    padding: 18px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.ana-modal-inside .ana-close img {
    max-width: 18px;
}

.ana-modal-inside .ana-close:hover {
    opacity: 1 !important;
}

.ana-modal-inside {
    background: #fafafa;
    max-width: 245px;
    width: 245px;
    max-height: 240px;
    z-index: 124;
    border-radius: 100px;
    padding: 0px 2px;
    transform: translateZ(0);
    margin: 0 auto;
    border: 1px solid #e2e2e29c;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    top:-14px;
    right: -20px;
}

.ana-social-sh.jssocials {
    margin-bottom: 1rem;
}

.ana-detail-title {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.ana-social-sh {
    padding: 5px 0;
    display: flex;
    align-items: center;
}

.ana-social-sh a {
    padding: 5px 5px;
    text-decoration: none !important;
}

.ana-social-sh img {
    border-radius: 50px;
}

.ana-share-icon {
    padding: 5px 10px;
}

.ana-tooltip {
    position: inherit !important;
    opacity: 1 !important;
}

.ana-tooltip .ana-tooltiptext {
    text-align: center;
    padding: 5px;
}

.ana-tooltip:hover .ana-tooltiptext {
    visibility: visible;
    opacity: 1;
}

.ana-tooltip .ana-copy-status {
    background: #181818;
    color: #fff;
    position: absolute;
    right: 45px;
    bottom: -36px;
    padding: 10px;
    border-radius: 5px;
    font-size: 13px;
    opacity: 0;
}

.ana-tooltip-2 .ana-tooltiptext-2 {
    border: 2px solid #fff;
    padding: 9.6px 45px;
    background: #fff;
    border-radius: 5px;
    color: #982469;
    margin-right: -11px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    font-weight: 500;
}

.ana-tooltip-2 .ana-copy-status-2 {
    border: 2px solid #fff;
    padding: 9.4px 15px;
    border-radius: 5px;
    background: #982469 !important;
    color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-weight: 500;
}

.itlewrtwrts {
    max-width: 100%;
    margin-left: 8px;
    line-height: 14px;
    height: 28px; /* İki satır için yeterli yükseklik */
    font-weight: 400;
    font-size: 12px;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; /* Metnin iki satıra geçmesini sağlıyor */
    display: block;
    text-align: left;
    background-color: #fff;
    z-index: 9999;
    margin-top: 5px;
}

.card-product .product-reviews {
    justify-content: flex-start;
    margin: 0px;
    margin-top: 3px;
    padding-left: 8px;
}

.btn-category-load-more {
    background: #fefefe;
    border: 1px solid #dedede;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    margin: 15px auto;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.card-product .card-product-inner .product-label.top-left {
    left: 4px;
    margin-bottom: 5px;
    top: 63px;
}

.card-product .product-favourite-kart i {
    position: relative;
    top: -1px;  /* Yukarı kaydırma */
    left: 6px; /* Sola kaydırma */
}
.product-profile-1 .product-label.bottom-left img {
    width: 60px;
    height:60px;
    top:5px;
    left: 5px;
    
}

.p-g-mod.p-g-mod-t-48.p-g-mod-product-det {
    background-color: #fff;  /* Arka plan rengi */
    padding: 0px;  /* İç boşluk */
    margin-bottom: 15px;  /* Alt boşluk */
    border-radius: 10px;  /* Yuvarlatılmış köşeler */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Hafif gölge */
    height: 300px;  /* Sabit yükseklik */
    overflow-y: auto;  /* Dikey kaydırma çubuğu */
}

/* Kaydırma çubuğu */
.p-g-mod.p-g-mod-t-48.p-g-mod-product-det::-webkit-scrollbar {
    width: 8px;  /* Çubuğun genişliği */
}

/* Kaydırma çubuğunun hareketli parçası */
.p-g-mod.p-g-mod-t-48.p-g-mod-product-det::-webkit-scrollbar-thumb {
    background-color: #888;  /* Çubuğun hareketli kısmı */
    border-radius: 10px;  /* Yuvarlatılmış köşeler */
    transition: background-color 0.3s ease;  /* Yumuşak geçiş */
}

/* Kaydırma çubuğunun hareketli parçası üzerine gelindiğinde */
.p-g-mod.p-g-mod-t-48.p-g-mod-product-det::-webkit-scrollbar-thumb:hover {
    background-color: #555;  /* Üzerine gelince renk değişir */
}

/* Kaydırma çubuğunun arka kısmı */
.p-g-mod.p-g-mod-t-48.p-g-mod-product-det::-webkit-scrollbar-track {
    background-color: #f1f1f1;  /* Çubuğun arka kısmı */
    border-radius: 10px;  /* Yuvarlatılmış köşeler */
}

/* 📌 Varsayılan olarak masaüstünde gizle */
.masaustugizle-sepet-alani985 {
    display: none;
}

    .masaustu1-alani-gizle10 {
        display: none
    }

/* 📌 SADECE MOBİLDE GÖSTER */
@media (max-width: 768px) {
    .masaustugizle-sepet-alani985 {
        display: block;
    }
    .mobil-alani-gizle10 {
        display: none
    }
    
    .masaustu1-alani-gizle10 {
         display: block;
    } 
    
    
    .sepet-baslik-h42sdf1 {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #181818;
}
}

.sepet-baslik-h42sdf1 {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #181818;
}

/* 📌 Dış kapsayıcı kutu */
.discount-section {
    width: 100%;
    border: 1px solid #e6e6e6; /* 1px kenarlık */
    border-radius: 10px; /* Oval köşeler */
    padding: 10px;
    text-align: center;
    margin: 10px 0; /* Alt ve üst boşluk */
}


.indirim-mesaj-blok {
    margin: 1rem 0;
    padding: 1rem;
    border: 1px dashed #ccc;
    border-radius: 8px;
    background-color: #f9f9f9;
}
.flash-indirim-mesaj {
    font-weight: bold;
    margin-bottom: .5rem;
    color: #f27a1a;
}
.adet-indirim-mesaj {
    color: #4dc762;
}

/* 📌 Başlık ve "+" işareti */
.discount-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    padding: 1px;
    background: #fff;
    border-radius: 8px;
    transition: background 0.3s ease;
    gap: 10px; /* Boşluklar */
    font-family: 'Poppins', sans-serif;
    font-weight: 600; /* Kalınlık ayarı */
    padding-top: 10px;
    padding-right: 15px;
}

/* 📌 Sol taraftaki ikon */
.discount-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* 📌 "+" işareti */
.plus-icon {
    font-size: 18px;
    font-weight: bold;
    transition: transform 0.3s ease;
}

/* 📌 Hover efekti */
.discount-header:hover {
    background: #fff;
}

/* 📌 Başlangıçta gizlenen alan */
.hidden-summary-box {
    display: none;
    padding: 1px;
    border-top: 1px solid #e2e2e2;
}

.hidden-summary-box p {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.28px;
    color: #A5A5A5;
    margin: 15px;
    text-align: left;
}

/* 📌 Checkbox işaretlenince gizli alanı aç */
#discount-toggle:checked + .discount-header + .hidden-summary-box {
    display: block;
}

/* 📌 Checkbox işaretlenince "+" işareti döner */
#discount-toggle:checked + .discount-header .plus-icon {
    transform: rotate(45deg);
}

/* 📌 Checkbox'ı gizle */
#discount-toggle {
    display: none;
}

.de5d4fg54df1gsktop-only {
    display: block;  /* Masaüstünde görünsün */
}

@media (max-width: 768px) {
    .de5d4fg54df1gsktop-only {
        display: none;  /* Mobilde gizlensin */
    }
}

/* Genel Stil */
.cart-recommended-products {
    margin-top: 20px;
    padding: 15px;
    background: #f8f8f8;
    border-radius: 8px;
}

.cart-recommended-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.cart-product-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

/* Masaüstü İçin */
.cart-product-card {
    width: 22%;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.2s ease-in-out;
}

.cart-product-card:hover {
    transform: scale(1.05);
}

.cart-product-image img {
    width: 100%;
    max-height: 150px;
    object-fit: cover;
    border-radius: 6px;
}

.cart-product-info {
    margin-top: 10px;
}

.cart-product-name {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    text-decoration: none;
    display: block;
    height: 35px;
    overflow: hidden;
}

.cart-product-price {
    font-size: 16px;
    font-weight: bold;
    color: #e60000;
    margin-top: 5px;
}

/* Mobil İçin */
@media (max-width: 768px) {
    .cart-product-list {
        flex-direction: row;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 10px;
    }

    .cart-product-card {
        width: 80%;
        min-width: 180px;
        display: inline-block;
        margin-right: 10px;
    }

    .cart-product-name {
        font-size: 12px;
        height: auto;
    }

    .cart-product-price {
        font-size: 14px;
    }
}



.sepetteki-urunler-baslik {
    background-color: #ffffff;  /* Beyaz arka plan */
    padding: 15px;  /* Yatay ve dikey padding */
    border-radius: 8px;  /* Köşeleri yuvarlatmak */
    display: flex;
    align-items: center;  /* Dikey ortalama */
    justify-content: flex-start;  /* Başlık ve ikon arasına uygun mesafe bırakmak */
    font-size: 20px;  /* Başlık boyutu */
    font-weight: 600;  /* Başlık kalınlığı */
    color: #333333;  /* Siyah yazı rengi */
}

.sepetteki-urunler-baslik i {
    color: #333333;  /* İkon rengi siyah */
    margin-right: 15px;  /* İkon ile başlık arasına boşluk */
    font-size: 24px;  /* İkon boyutu */
}

.sepetteki-urunler-baslik .mesaj {
    font-size: 18px;
}


.free-shipping-message,
.sepet-indirim-mesaji {
    display: flex;
    align-items: center;
    background: #fff; /* Soft krem arka plan */
    color: #000; /* Yumuşak yeşil ton */
    font-size: 14px;
    font-weight: 400;
    padding: 15px 15px 15px 5px;
    border-radius: 8px;
  
    margin-top:11px;
}

.free-shipping-message i,
.sepet-indirim-mesaji i {
    font-size: 15px;
    margin-right: 8px;
    color: #4dc762; /* Yeşil ikon rengi */
}

.free-shipping-message strong {
    color: #4dc762; /* Kırmızımsı vurgulu tutar */
}

@media (max-width: 768px) {
    .limited-time-offer,
    .extra-advantage {
        order: -1; /* Mobilde en üste gelsin */
        margin-top: 0;
    }
}

/* 📌 Ana Container */
.login-body .p-g-mod-t-4 .checkout-login-container {
    
    margin: 0 auto;
    padding: 15px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* 📌 Başlık ve Altbaşlık */
.login-body .p-g-mod-t-4 .checkout-title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    text-align: center;
    
}

.checkout-header {
margin-top:-8px;
}

.login-body .p-g-mod-t-4 .checkout-subtitle {
    font-size: 15px;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
}

/* 📌 Üye Olmadan Devam */
.login-body .p-g-mod-t-4 .guest-checkout {
    text-align: center;
    margin-bottom: -5px;
    margin-top: 25px;
}

.login-body .p-g-mod-t-4 .btn-without-login {
    font-size: 15px;
    padding: 12px 18px;
    border-radius: 8px;
    background: #fff;
    color: #28a745;
    border: 2px solid #28a745;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
}

.login-body .p-g-mod-t-4 .btn-without-login:hover {
    background: #28a745;
    color: #fff;
    box-shadow: 0px 3px 6px rgba(40, 167, 69, 0.2);
}

.login-body .p-g-mod-t-4 .guest-info {
    font-size: 13px;
    color: #888;
    margin-top: 6px;
}

/* 📌 Form */
.login-body .p-g-mod-t-4 .form-group {
    margin-bottom: 18px;
}

.login-body .p-g-mod-t-4 .form-control {
    height: 60px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    padding: 12px;
    transition: border 0.3s ease-in-out;
}

.login-body .p-g-mod-t-4 .form-control:focus {
    border-color: #28a745;
    box-shadow: 0px 0px 6px rgba(40, 167, 69, 0.2);
    outline: none;
}

/* 📌 Form Alanları Arası Boşluk */
.login-body .p-g-mod-t-4 .login-form input,
.login-body .p-g-mod-t-4 .register-form input {
    display: block;

    margin-bottom: 15px; /* Boşluk artırıldı */
    background-color: #fff !important;
}



/* Üyelik Bilgisi Ana Alanı */
.membership-info {

    margin: 40px auto;
    padding: 40px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
 
}

/* Başlıklar */
.membership-info h4 {
    font-size: 26px;
    color: #2a2a2a;
    margin-bottom: 20px;
    font-weight: 700;
    text-align: left;
    border-bottom: 1px solid #007bff;
    padding-bottom: 10px;
}

/* Avantajlar Liste Stili */
.membership-advantages ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: #555;
}

.membership-advantages li {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}


.payment-agreement-checbox-1.sozlesme-kenarlik{
    border:1px solid #e6e6e6;
    border-radius: 10px;
    padding: 25px 15px 25px 15px;
}

.payment-agreement-checbox-1 a {
    font-weight: 500;
    font-size: 12px;
    color:#333;
}

.form-check-inline.mesaj02{
    
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0;
}


.membership-advantages i {
    color: #28a745;
    margin-right: 12px;
    font-size: 20px;
}

/* Diğer Alanlar */
.security-info, .return-policy, .loyalty-program, .special-offers, .easy-signup {
    margin-bottom: 30px;


}

.security-info p, .return-policy p, .loyalty-program p, .special-offers p, .easy-signup p {
    font-size: 16px;
    line-height: 1.5;
    color: #555;
}

.customer-support {
    background-color: #f1f7fc;
    padding: 25px;
    border-radius: 8px;
    border: 1px solid #c0d6e4;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.customer-support h4 {
    font-size: 24px;
    color: #007bff;
    margin-bottom: 20px;
}

.customer-support a {
    color: #007bff;
    text-decoration: none;
}

.customer-support a:hover {
    text-decoration: underline;
}

/* WhatsApp Link */
.whatsapp-link {
    font-weight: bold;
    color: #25d366;
    text-decoration: none;
}

.whatsapp-link:hover {
    text-decoration: underline;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .membership-info {
        padding: 20px;
    }

    .membership-info h4 {
        font-size: 22px;
    }

    .membership-advantages ul {
        padding-left: 20px;
    }

    .customer-support {
        padding: 15px;
    }
}


/* 📌 Şifremi Unuttum */
.login-body .p-g-mod-t-4 .forgot-password {
  
    text-align: right;
    font-size: 13px;
    color: #28a745;
    text-decoration: none;
    margin-bottom: 15px; /* Buton ile arası açıldı */
}

.forgot-passwords, .forgot-password {
    display: inline-block; /* Yatayda hizalama için inline-block kullanıyoruz */
    margin-right: 15px; /* Aralarındaki boşluğu ayarlıyoruz */
}

/* 📌 Şifremi Unuttum */
.login-body .p-g-mod-t-4 .forgot-passwords {
   
    text-align: left;
    font-size: 13px;
    color: #28a745;
    text-decoration: none;
    margin-bottom: 15px; /* Buton ile arası açıldı */
}

.login-body .p-g-mod-t-4 .forgot-password:hover {
    text-decoration: underline;
}

.login-body .p-g-mod-t-4 .forgot-passwords:hover {
    text-decoration: underline;
}

/* 📌 Butonlar */
.login-body .p-g-mod-t-4 .btn-success {
    background: #36b252;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
    width: 100%;
}

.login-body .p-g-mod-t-4 .btn-success:hover {
    background: #218838;
    box-shadow: 0px 3px 6px rgba(40, 167, 69, 0.2);
}

/* Sekmelerin konteyneri */
.login-body .p-g-mod-t-4 .checkout-tabs {
    margin-bottom: 25px;
}

.login-body .p-g-mod-t-4 .nav-tabs {
    display: flex;
    justify-content: center;
    border: none;
    padding: 0px;
    gap: 0;  /* Aralarındaki boşlukları sıfırlıyoruz */
}

/* Sekmelerin konteyneri */
.login-body .p-g-mod-t-4 .checkout-tabs {
    margin-bottom: 25px;
}

/* Tab container'ı yan yana hizalayacak */
.login-body .p-g-mod-t-4 .nav-tabs {
    display: flex;
    justify-content: center;
    border: none;
    padding: 0;
    gap: 0; /* Butonlar arasındaki boşluk yok */
    padding-top: 1px;
}

/* Sekme butonları */
.login-body .p-g-mod-t-4 .nav-tabs .nav-link {
    padding: 12px 50px;
    font-size: 15px;
    font-weight: 600;
    color: #333e48;
    border-radius: 13px;
    flex: 1;
    text-align: center;
    cursor: pointer;
    position: relative;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;

}

        /* ana-checkbox-group sınıfı */
        .a4fgh-checkbox-group {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }

        /* checkbox input için stil */
        .a4fgh-checkbox-group input[type="checkbox"] {
            margin-right: 12px; /* Kutu ile yazı arasına boşluk */
            width: 18px;
            height: 18px;
        }

        /* label için stil */
        .a4fgh-checkbox-group label {
            font-size: 14px;
            font-weight: 500;
            color: #333;
            margin: 0;
            cursor: pointer;
            display: inline-block;
        }

/* Aktif sekme */
.login-body .p-g-mod-t-4 .nav-tabs .nav-link.active {
    background-color: white; /* Aktif sekme arka planı */
    border-bottom: none;
    z-index: 1; /* Aktif sekme pasif sekmenin üstüne gelsin */
    transform: scaleX(1.2);
     border: 1px solid #dee2e6;
}

/* Pasif sekme */
.login-body .p-g-mod-t-4 .nav-tabs .nav-link:not(.active) {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    position: relative;
}


/* Genel yapı */
.x9sdfkfj {
    padding: 10px 0px 30px 0px;
    font-family: Arial, sans-serif;
    text-align: center;

}

/* Başlık stili */
.login-title-3kfdks {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #a1a1a1;
  
}

/* Butonlar için genel stil */
.social-buttons-sjkd9 {
    display: flex;
    justify-content: space-between;
    gap: 10px;

}

/* Buton stilini temel alalım */
.btn-78dfgj {

    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    flex-grow: 1;
    transition: background-color 0.3s;
}

/* İkon ve metin arasındaki boşluk */
.btn-78dfgj i {
 font-size: 20px;
}

/* Facebook Butonu */
.btn-78dfgj {
    background-color: #3b5998;
}

.btn-78dfgj:hover {
    background-color: #2d4373;
}


.btn-89kfdg i {
 font-size: 20px;
}


/* Google Butonu */
.btn-89kfdg {

    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    flex-grow: 1;
    transition: background-color 0.3s;
}

.btn-89kfdg {
    background-color: #db4437;
}

.btn-89kfdg:hover {
    background-color: #c1351d;
}



.btn-98sfjd i {
 font-size: 20px;
}

/* Apple Butonu */
.btn-98sfjd {

    align-items: center;
    justify-content: center;
    padding: 10px;
    font-size: 10px;
    font-weight: 500;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    flex-grow: 1;
    transition: background-color 0.3s;
}

.btn-98sfjd {
    background-color: #000;
}

.btn-98sfjd:hover {
    background-color: #333;
}


.login-body .p-g-mod-t-4 .nav-tabs .nav-link:hover {
    background: #fff;
    color: #28a745;
}

/* 📌 Sekmelerin Alt İçeriği */
.login-body .p-g-mod-t-4 .tab-content {
    padding: 20px;
}

/* 📌 Sosyal Medya Girişi */
.login-body .p-g-mod-t-4 .social-login {
    text-align: center;
    margin-top: 18px;
}

.login-body .p-g-mod-t-4 .social-login p {
    font-size: 14px;
    font-weight: 600;
    color: #555;
    margin-bottom: 12px;
}

/* 📌 Sosyal Medya Butonları */
.login-body .p-g-mod-t-4 .social-login .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}

.login-body .p-g-mod-t-4 .btn-facebook {
    background: #3b5998;
    color: #fff;
}

.login-body .p-g-mod-t-4 .btn-facebook:hover {
    background: #2d4373;
}

.login-body .p-g-mod-t-4 .btn-google {
    background: #db4437;
    color: #fff;
}

.login-body .p-g-mod-t-4 .btn-google:hover {
    background: #c1351d;
}

/* 📌 Sosyal Medya Butonlarındaki İkonlar */
.login-body .p-g-mod-t-4 .social-login .btn i {
    font-size: 18px;
    margin-right: 8px;
}


/* 📌 Ana Container */
.forgot-password-container {
    
    margin: 2px;
    background: #fff; /* Hafif mavi güvenlik rengi */
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    text-align: center;
    padding: 30px;
}

/* 📌 Başlık ve Açıklama */
.forgot-password-title {
    font-size: 22px;
    font-weight: 600;
    color: #222;
    text-align: center;
    margin-bottom: 8px;
}

.forgot-password-subtitle {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
}

/* 📌 Form */
.forgot-password-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.forgot-password-input {
    height: 48px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    padding: 12px;
    transition: border 0.3s ease-in-out;
    width: 100%;
}

.forgot-password-input:focus {
    border-color: #28a745;
    box-shadow: 0px 0px 6px rgba(40, 167, 69, 0.2);
    outline: none;
}

/* 📌 Buton */
.forgot-password-btn {
    background: #28a745;
    color: #fff;
    font-size: 16px;
    padding: 14px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
    width: 100%;
    border: none;
    cursor: pointer;
}

.forgot-password-btn:hover {
    background: #218838;
    box-shadow: 0px 3px 6px rgba(40, 167, 69, 0.2);
}

/* 📌 Güvenlik Bilgilendirme */
.forgot-password-info-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.forgot-password-info {
    width: 48%;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    color: #555;
    background: #f8f8f8;
    border-radius: 8px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.forgot-password-info i {
    font-size: 20px;
    color: #28a745;
    margin-right: 8px;
}

/* 📌 Mobil Uyumluluk */
@media (max-width: 768px) {
    .forgot-password-container {
        max-width: 100%;
        padding: 20px;
    }
    
    .login-body .p-g-mod-t-4 .tab-content {
    padding: 0px;
}
    
        .login-body .p-g-mod-t-4 .nav-tabs .nav-link {
    padding: 12px 46px;
    font-size: 15px;
}
    
    

    .forgot-password-info {
        width: 100%;
    }
}


    @media (min-width: 768px) {
    .login-body.p-g-mod-t-4{
        background: #fff; /* Arka plan rengi */
        border-radius: 12px; /* Oval köşeler */
        padding: 20px; /* İç boşluk */
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
        
  
    }
}

/* 📌 Ana Container */
.password-reset-container {
    max-width: 480px;
    margin: 0 auto;
    padding: 25px;
    background: #E3F2FD; /* Hafif mavi güvenlik rengi */
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    text-align: center;
}

/* 📌 Başlık ve Açıklama */
.password-reset-title {
    font-size: 22px;
    font-weight: 600;
    color: #222;
    text-align: center;
    margin-bottom: 8px;
}

.password-reset-subtitle {
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
}

/* 📌 Form */
.password-reset-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.password-reset-input {
    height: 48px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    padding: 12px;
    transition: border 0.3s ease-in-out;
    width: 100%;
}

.password-reset-input:focus {
    border-color: #28a745;
    box-shadow: 0px 0px 6px rgba(40, 167, 69, 0.2);
    outline: none;
}

/* 📌 Buton */
.password-reset-btn {
    background: #28a745;
    color: #fff;
    font-size: 16px;
    padding: 14px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    font-weight: 600;
    width: 100%;
    border: none;
    cursor: pointer;
}

.password-reset-btn:hover {
    background: #218838;
    box-shadow: 0px 3px 6px rgba(40, 167, 69, 0.2);
}

/* 📌 Güvenlik Bilgilendirme */
.password-reset-info-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}

.password-reset-info {
    width: 48%;
    text-align: center;
    padding: 10px;
    font-size: 14px;
    color: #555;
    background: #f8f8f8;
    border-radius: 8px;
    margin: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.password-reset-info i {
    font-size: 20px;
    color: #28a745;
    margin-right: 8px;
}

/* 📌 Mobil Uyumluluk */
@media (max-width: 768px) {
    .password-reset-container {
        max-width: 100%;
        padding: 20px;
    }

    .password-reset-info {
        width: 100%;
    }
    
        .login-body.p-g-mod-t-4{
        background: #fff; /* Arka plan rengi */
        border-radius: 10px; /* Oval köşeler */
        padding: 20px 15px 25px 15px; /* İç boşluk */
        margin:20px 5px 10px 5px;
      border:1px solid #e6e6e6;
    }
    
    .pattern-group .p-g-mod .p-g-mod-body {
padding: 1px;
}
}

.cat-responsive-buttons {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 10px;
    box-sizing: border-box;
    margin: 1px 0;
}

.cat-responsive-buttons .btn-group {
    display: flex;
    width: 100%;
    
}

.kategori-uclu-liste .owl-wrapper .card-product .card-product-inner .price-group .prices .sale-price {
        font-size: 10px;
        font-weight: 600;
        color: #000;
        margin-left: 4px;
    }
    
@media (max-width: 767px) {
    .kategori-uclu-liste .card-product .card-product-inner .buttons .btn-cart {
        font-size: 10px;
    }
}
    
 @media (max-width: 768px) {
    .kategori-uclu-liste .owl-wrapper .card-product .card-product-inner .price-group .prices .list-price {
        font-size: 9px;
        color: #a7a7a7;
        font-weight: 500;
        text-decoration: line-through !important;
    }
}   
    


.cat-responsive-buttons .btn-group .btn {
    flex: 1; /* Butonların eşit genişlikte olmasını sağlar */
    font-size: 16px;
    padding: 8px 0;
    transition: all 0.3s ease;
}

.cat-responsive-buttons .btn-group .btn:hover {
    background-color: #333;
    color: #fff;
}


.cat-responsive-buttons .btn-group .btn:first-child {
    border-top-left-radius: 2px; /* Sol üst köşe yuvarlatma */
    border-bottom-left-radius: 2px; /* Sol alt köşe yuvarlatma */
}

.cat-responsive-buttons .btn-group .btn:last-child {
    border-top-right-radius: 2px; /* Sağ üst köşe yuvarlatma */
    border-bottom-right-radius: 2px; /* Sağ alt köşe yuvarlatma */
}

cat-responsive-buttons .cat-responsive-popup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    transition: transform 0.3s ease-in-out;
}

cat-responsive-buttons .cat-responsive-popup.d-none {
    transform: translateY(100%);
}

cat-responsive-buttons .c-r-p-content {
    width: 100%;
    
}

cat-responsive-buttons .c-r-p-bar {
    width: 50px;
    height: 4px;
    background: #ccc;
    border-radius: 2px;
    margin: 8px auto;
}


/* Ana Kapsayıcı Stili - Başlangıçta */
.ana-register-container {
    max-width: 500px;
    margin: 40px auto;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

/* Harekete Geçirici Mesaj */
.ana-register-container h2 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

/* Harekete Geçirici Text */
.ana-register-container.cta-text {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

.ana-register-container .cta-offer {
    background-color: #f5faff;
    border-left: 5px solid #007bff;
    padding: 15px;
    margin: 20px 0;
    font-size: 16px;
    text-align: center;
    border-radius: 8px;
}

.ana-register-container .cta-offer p {
    margin: 5px 0;
}

.ana-register-container .cta-offer strong {
    color: #007bff;
    font-size: 18px;
}

.ana-register-container .security-note {
    font-size: 12px;
    color: #777;
    margin-top: 20px;
    font-style: italic;
    text-align: center;
}

/* Sosyal Medya ile Üye Ol */
.ana-register-container .social-register {
    margin-top: 20px;
    text-align: center;
}

.ana-register-container .social-register .social-btn {
    width: 48%;
    padding: 12px;
    margin: 5px;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease;
}

.ana-register-container .social-register .facebook-btn {
    background: #3b5998;
    color: white;
}

.ana-register-container .social-register .facebook-btn:hover {
    background: #2d4373;
}

.ana-register-container .social-register .google-btn {
    background: #db4437;
    color: white;
}

.ana-register-container .social-register .google-btn:hover {
    background: #c1351d;
}

/* Form Alanı ve Buton Stilleri */
.ana-register-container .ana-form-group {
    margin-bottom: 15px;
    text-align: left;
}

.ana-register-container .ana-form-group label {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.ana-register-container .ana-form-group input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    transition: border 0.3s ease;
}

.ana-register-container .ana-form-group input:focus {
    border-color: #007bff;
    outline: none;
}

.ana-register-container .ana-checkbox-group {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 10px;
}

.ana-register-container .ana-register-btn {
    width: 100%;
    padding: 12px;
    background: #28a745;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 50px;
}

.ana-register-container .ana-register-btn:hover {
    background: #218838;
}

/* Genel stil */
.product-buttons {
    display: flex;
    justify-content: space-between; /* Butonları hem sola hem sağa yasla */
    flex-wrap: wrap; /* Butonlar sarmalı */
    gap: 10px; /* Butonlar arasındaki boşluk */
    align-items: center;
    width: 100%;
}

/* Cart Button */
.product-buttons .btn-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f27a1a;
    border: 1px solid #f27a1a;
    color: var(--add-cart-detail);
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    flex-grow: 1; /* Buton genişliği eşit olmalı */
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 5px;
    margin: 0;
}

/* Hover efekti */
.product-buttons .btn-cart:hover {
    background-color: #ff8b39;
    border-color: #ff8b39;
    color: var(--add-cart-detail-hover);
    filter: brightness(1.1);
}

/* Mobilde butonlar yan yana olacak */
@media (max-width: 768px) {
    .product-buttons {
        display: flex;
        flex-wrap: wrap; /* Butonları sarmalı */
        justify-content: space-between; /* Butonlar arasında eşit boşluk */
    }
}

/* Mobilde Cart butonunun konumunu düzeltme */
@media (max-width: 768px) {
    .product-buttons .btn-cart {
        width: 48%; /* Her butonun genişliği %48 */
        margin-bottom: 0px; /* Alt tarafta boşluk bırakır */
        margin-top: 0; /* Üstten kaymayı sıfırlar */
    }
}

/* Favorilere Ekle Butonu */
.product-buttons .product-favourite {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 53px;
    height: 53px;
    font-size: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 50px;
    cursor: pointer;
    transition: background 0.3s, border-color 0.3s;
    margin-top: 0px;
    padding-top: 4px;
    margin-left: 0px;
}

/* Hover (fare üzerine geldiğinde) */
.product-buttons .product-favourite:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Yumuşak gölge efekti */
    transition: box-shadow 0.3s ease;
    border-color: #f27a1a; /* Kenarlık rengini turuncu yap */
}

/* İcon hover (fare üzerine geldiğinde simge rengi değişir) */
.product-favourite i:hover {
    color: #f27a1a; /* Hoverda turuncu simge rengi */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Gölge efekti */
    transition: box-shadow 0.3s ease;
}

/* İcon (normal durumda) */
.product-favourite i {
    font-size: 24px; /* Kalp simgesinin boyutunu büyütür */
    transition: transform 0.3s ease; /* Yumuşak büyüme efekti */
    color: #F27A1A; /* Başlangıçta gri renk */
}

/* Seçildiğinde (tıklanmış halde) */
.product-favourite.selected {
    background-color: #f27a1a; /* Seçili durumda arka plan turuncu */
    border-color: #f27a1a; /* Seçili durumda kenarlık turuncu */
}

.product-favourite.selected i {
    color: #fff; /* Seçili durumda simge beyaz olacak */
}

/* Ürün Adet Alanı */
.product-buttons .product-quantity {
    display: flex;
    align-items: center;
    border: 1px solid #d9d9d9;
    border-radius: 7px;
    overflow: hidden;
}

.product-quantity .btn {
    background: transparent;
    color: #484848;
    border: none;
    font-size: 14px;
    font-weight: 500;
    width: 30px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background 0.3s;
}

.product-quantity .btn:hover {
    background-color: #d3d3d3;
}

.product-quantity input {
    width: 30px;
    height: 50px;
    text-align: center;
    border: none;
    font-size: 14px;
    font-weight: 700;
    outline: none;
    -moz-appearance: textfield;
}

/* Mobilde ürün adet alanını gizle */
@media (max-width: 768px) {
    .product-quantity input,
    .product-quantity .btn{
        width: 25px;
    }
}

/* Ürün butonları genel container */
.product-buttons-container {
    display: flex;
    justify-content: center; /* Ortaya hizalar */
    gap: 10px; /* Butonlar arasında boşluk bırakır */
    width: 100%; /* Tam genişlik */
    margin-top: 25px;
}

/* Butonlar */
.product-buttons-container .btn-custom {
    flex: 1; /* Eşit genişlikte kalmasını sağlar */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff671b; /* Trendyol turuncusu */
    color: white;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 10px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    white-space: nowrap; /* Metinlerin satır kaymasını önler */
}

/* İkon içeren butonlar */
.product-buttons-container .btn-custom i {
    margin-right: 8px;
    font-size: 18px;
}

/* Hover efekti */
.product-buttons-container .btn-custom:hover {
    background-color: #e65a17; /* Daha koyu turuncu */
    transform: scale(1.05);
}

/* Mobil için (YAN YANA KALACAK, üst üste gelmeyecek) */
@media (max-width: 768px) {
    .product-buttons-container .btn-custom {
        font-size: 14px; /* Mobilde yazı boyutunu küçült */
        padding: 12px 8px;
    }
}

.product-buttons .btn-fast-buy {
    background: var(--buy-now-bg);
    border-color: var(--buy-now-bg);
    color: var(--buy-now);
    transition: all var(--transition-time);
}

.product-buttons .btn-fast-buy:hover {
    background: var(--buy-now-bg-hover);
    border-color: var(--buy-now-bg-hover);
    color: var(--buy-now-hover);
}

.product-buttons .btn-fast-buy {
    flex: 1;
}

.product-buttons .btn-wp {
    width: 100%;
}

/* Varsayılan olarak, her iki div de görünür */
.mobile-only-urun-hader, .desktop-only-urun-hader{
  display: block;
}

/* Masaüstünde sadece .desktop-only div'i görünsün */
@media (min-width: 769px) {
  .mobile-only-urun-hader {
    display: none; /* Mobilde gizle */
    margin-bottom: 10px; /* Divler arasında 10px boşluk bırak */
  }

  .desktop-only-urun-hader {
    display: block; /* Masaüstünde göster */
    margin-bottom: 10px; /* Divler arasında 10px boşluk bırak */
  }
}

/* Mobilde sadece .mobile-only div'i görünsün */
@media (max-width: 768px) {
  .mobile-only-urun-hader {
    display: block; /* Mobilde göster */
    margin-bottom: 10px; /* Divler arasında 10px boşluk bırak */
  }

  .desktop-only-urun-hader{
    display: none; /* Masaüstünde gizle */
    margin-bottom: 10px; /* Divler arasında 10px boşluk bırak */
  }


    .video-wrapper-987, .video-wrapper-988 {
        z-index: 2;
        font-family: 'Poppins', sans-serif;
        padding: 0px; /* Kenarlardan boşluk ekle */
        position: relative;
        top: -18px; /* 20px yukarı kaydırır */
    }
    
}
    
    @media (max-width: 767px) {

        .video-container-987 iframe {
            width: 100%; 
            height: 100%;
            aspect-ratio: 9 / 16; /* YouTube Shorts için ideal oran */
            object-fit: cover; /* Boşlukları kaldır ve tam ekran yap */
        }
    }

    @media (min-width: 768px) {
        .col-lg-4.left-box {
            position: relative;
        }
        
        .video-wrapper-988 {
            position: relative;
            bottom: 23px;
            left: 222px; /* Masaüstünde sol tarafa alındı */
        }
        
        .video-wrapper-987{
            position: relative;
            bottom: 10px;
            left: 280px; /* Masaüstünde sol tarafa alındı */
        }
        .video-container-987 iframe {
            width: 100%; 
            height: 100%;
            aspect-ratio: 9 / 16; /* YouTube Shorts için ideal oran */
            object-fit: cover; /* Boşlukları kaldır ve tam ekran yap */
        }

    }

    .video-btn-987, .video-btn-988 {
        background: linear-gradient(to bottom, #ff9800, #d97706);
        border: none;
        cursor: pointer;
        padding: 3px 6px 3px 6px; 
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-size: 10px;
        font-weight: 400;
        color: white;
        border:2px solid #fff;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        margin: 0px; /* Kenarlardan boşluk ekle */
    }

    .video-btn-988 {
        background: #ccc;
        cursor: not-allowed;
    }

    .video-icon-987, .video-icon-988 {
        font-size: 11px;
    }

    .video-popup-hidden-987 {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,0.8);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }
    .video-popup-content-987 {
       
        padding: 0px;
        position: relative;
        border-radius: 15px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    }
    
    .close-popup-btn-987 {
        font-size: 40px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        cursor: pointer;
        text-align: right;
    }


.containerfiyat-9 {
    display: flex;
    justify-content: space-between; /* Aralarında boşluk bırakır */
    gap: 10px; /* İki div arasına boşluk ekler */
}

.box-fiyat-96 {
    width: 28%; /* Her div'in genişliğini ayarla */
    text-align: center;
    margin-top: 20px;
}

/* Genel stilin başına ekle */
.product-buttons-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.product-buttons-container .btn-custom {
    padding: 12px 24px;
    font-size: 16px; /* Masaüstü font boyutu */
    font-weight: 400;
    border-radius: 10px;
    border: 2px solid; /* Kenarlıklar */
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white; /* Arka plan beyaz */
}

/* Gelince Haber Ver Butonu */
.product-buttons-container .btn-stock-alert, .product-buttons-container .btn-similar-products {
    border-color: #f57c00; /* Turuncu kenarlık */
    color: #f57c00; /* Turuncu yazı rengi */
}

/* Hover durumu için renk değişimi */
.product-buttons-container .btn-stock-alert:hover, .product-buttons-container .btn-similar-products:hover {
    border-color: #f57c00; /* Koyu turuncu kenarlık */
    color: #ffffff; /* Koyu turuncu yazı rengi */
    background-color: #f57c00; /* Açık turuncu arka plan rengi */
    transform: none;
}

/* Mobil uyumlu */
@media (max-width: 768px) {
    .product-buttons-container {
        display: flex; /* Yatay hizalama için flex kullan */
        justify-content: space-between; /* Butonlar arasındaki boşluk */
        gap: 10px; /* Aralarındaki boşluğu ekle */
        flex-wrap: nowrap; /* Butonlar yatayda hizalansın, üst üste gelmesin */
    }

    .product-buttons-container .btn-custom {
        font-size: 14px; /* Mobilde font boyutunu küçült */
        padding: 10px 20px; /* Buton padding'ini küçült */
        width: 48%; /* Butonlar arasındaki boşlukları kontrol etmek için %48 genişlik */
        box-sizing: border-box; /* Padding ve border'ı genişliğe dahil et */
    }
}

/* Stok uyarı tasarımı */
.alert-info {
    color: #4f6d7a; /* Soğuk gri-mavi tonlarında yazı */
    background-color: #e3f2f9; /* Pastel mavi zemin */
    border-color: #a1c6d9; /* Hafif mavi sınır */
    font-size: 14px; /* Küçük font boyutu */
    font-weight: 400; /* Orta ağırlıkta font */
    border-radius: 8px; /* Yuvarlatılmış köşeler */
    padding: 15px 25px; /* Genişletilmiş padding */
    margin-top: 15px; /* Üstten boşluk */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Hafif gölge efekti */
    display: flex;
    align-items: center;
}


.product-profile-1 .degerlendirme-yazi{ 
    position: absolute;
    left: 125px;
    top: 77px;
    font-size:10px;
font-family: 'Poppins', sans-serif;
    font-weight: 300;  /* Regular weight */
}


.product-profile-1 .degerlendirme-yazi{ 
    position: absolute;
    left: 125px;
    top: 77px;
    font-size:10px;
font-family: 'Poppins', sans-serif;
    font-weight: 300;  /* Regular weight */
}

/* İkon boyutu ve boşluk */
.alert-info i {
    font-size: 18px;
    margin-right: 15px; /* İkon ile metin arasına boşluk ekle */
}

/* Yazı stilini düzenleme */
.alert-info .alert-text {
    color: #4f6d7a; /* Yazı rengini uyumlu hale getir */
    font-size: 15px; /* Yazı boyutu biraz daha büyük */
    font-weight: 500;
    line-height: 1.5;
}

/* 📱 Mobil uyarlama */
@media (max-width: 768px) {
    .alert-info {
        font-size: 12px; /* Mobilde font boyutunu küçült */
        padding: 10px 15px; /* Padding küçültüldü */
        margin-top: 10px; /* Daha az boşluk */
        border-radius: 6px; /* Kenar yuvarlatması küçültüldü */
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); /* Daha hafif gölge */
    }

    .alert-info i {
        font-size: 14px; /* Mobilde ikon daha küçük */
        margin-right: 10px; /* İkon boşluğu azaltıldı */
    }

    .alert-info .alert-text {
        font-size: 13px; /* Mobilde yazı boyutunu küçült */
        line-height: 1.4;
    }
}

.bundle-product-box .bpb-item, .combine-product-box .bpb-item {
    align-items: flex-start;
    border: none;
    border-radius:0px;
    display: flex;
    justify-content: center;
    margin-top: 0;
    padding-top:10px;
    padding-bottom:20px;
    padding-left: 0px;
}

.bundle-product-box .bpb-item .bpb-image img, .combine-product-box .bpb-item .bpb-image img {
    max-height:113px;
    min-height:75px;
    min-width:50px;
    max-width:75px;
}

  .tilbehome-grid-banners {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
     
  }
  
  .tilbehome-top-banner{
      margin-bottom: 15px;
      
  }
  
  .tilbehome-main-container{
      margin-top: 15px;
  }
  
    .tilbehome-main-container2{
      margin-top: 0px;
  }

  .tilbehome-grid-item {
    text-align: center;
    position: relative;
    margin-bottom: 20px;
   
  }

  .tilbehome-grid-item img {
    width: 100%;
    border-radius: 10px;
  }

.banner-title {
    position: absolute;
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    white-space: nowrap;
    color: #333; /* Yazı rengi */
    font-weight: 400; /* Kalın font */
    text-decoration: none; /* Alt çizgi kaldırıldı */
    font-family: 'Poppins', sans-serif; /* Poppins fontu */
    line-height: 1.5; /* Satır yüksekliği */
}

  @media (max-width: 768px) {
      
    .tilbehome-grid-banners {
      grid-template-columns: repeat(3, 1fr);
    }
        .pattern-group .p-g-mod {
    margin-bottom: 10px;
    margin-top:10px;
}
}


.tilbehome-grid-item a {
        color: #8e8e8e; /* Soft gri renk */
        text-decoration: none; /* Alt çizgi kaldırıldı */
    }

    .tilbehome-grid-item a:hover {
        color: #f76c29; /* Hover (fareyle üzerine gelince) rengi */
    }
    
    /* Mobilde Görünecek, Masaüstünde Gizlenecek Tasarım */
.tilbehome-container-unique {
    display: none; /* Varsayılan olarak gizli */
    overflow-x: hidden; /* Taşmayı önlemek için */
}

/* Mobilde 4'lü Grid ve Yatay Kaydırma */
@media (max-width: 768px) {
    .tilbehome-container-unique {
        display: block; /* Sadece mobilde görünür */
        margin-top: 15px;
    }

    .tilbehome-scroll-wrapper {
        display: flex;
        overflow-x: auto; /* Yatay kaydırma aktif */
        gap: 12px;
        padding-bottom: 13px;
        scroll-snap-type: x mandatory; /* Elemanlar kaydırılırken sabitlenir */
    }

    .tilbehome-item-unique {
        flex: 0 0 calc(25% - 10px); /* 4'lü görünüm için genişlik */
        max-width: calc(25% - 10px); 
        text-align: center;
        position: relative;
        scroll-snap-align: start; /* Elemanlar kaydırma sırasında hizalanır */
    }

    .tilbehome-item-unique img {
        width: 100%;
        border-radius: 10px;
        aspect-ratio: 1 / 1; /* Kare oranı */
        object-fit: cover;
    }

    /* Banner Başlık Stili */
    .banner-title-unique {
        position: absolute;
        bottom: -16px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 10px;
        white-space: nowrap;
        color: #333;
        font-weight: 400;
        text-decoration: none;
        font-family: 'Poppins', sans-serif;
        line-height: 1.5;
    }

    /* Link Renkleri ve Hover Durumu */
    .tilbehome-item-unique a {
        color: #8e8e8e;
        text-decoration: none;
    }

    .tilbehome-item-unique a:hover {
        color: #f76c29;
    }

    /* Yatay kaydırma çubuğunu gizleme (isteğe bağlı) */
    .tilbehome-scroll-wrapper::-webkit-scrollbar {
        display: none;
    }
}

    /* Ana Kart Tasarımı */
    .tilbe-anasayfa01-card-product {
        padding: 20px;
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transition: transform 0.2s, box-shadow 0.2s;
        position: relative;
    }
    .tilbe-anasayfa01-card-product:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }

    /* Hızlı Teslimat ve Kargo Bedava */
    .tilbe-anasayfa01-free-cargo-badge, .tilbe-anasayfa01-hizli-teslimat {
        position: absolute;
        top: 10px;
        left: 10px;
        background-color: #27ae60;
        color: white;
        padding: 2px 6px;
        border-radius: 4px;
        font-size: 10px;
        margin-bottom: 4px;
        display: flex;
        align-items: center;
        gap: 3px;
    }
    .tilbe-anasayfa01-hizli-teslimat {
        top: 30px;
    }

    /* Ürün Resmi ve Karusel */
    .tilbe-anasayfa01-image-wrapper {
        position: relative;
    }
    .tilbe-anasayfa01-image img {
        width: 100%;
        height: auto;
        border-radius: 8px;
        object-fit: cover;
    }
    .tilbe-anasayfa01-carousel {
        position: relative;
    }
    .tilbe-anasayfa01-carousel-item {
        display: inline-block;
        width: 100%;
    }

    /* Ürün Bilgileri ve Başlık */
    h1.tilbe-anasayfa01-itlewrtwrts {
        font-size: 12px;
        font-weight: normal;
        color: #333;
        margin: 10px 0;
    }
    .tilbe-anasayfa01-brand, .tilbe-anasayfa01-product-code, .tilbe-anasayfa01-barcode {
        font-size: 12px;
        color: #666;
        margin: 5px 0;
    }

    /* Fiyat Bilgisi ve İndirim */
    .tilbe-anasayfa01-price-group {
        margin-top: 10px;
    }
    .tilbe-anasayfa01-list-price {
        text-decoration: line-through;
        color: #999;
        font-size: 14px;
    }
    .tilbe-anasayfa01-sale-price {
        font-weight: bold;
        color: #e74c3c;
        font-size: 20px;
    }

    /* Sepete Ekle Butonları */
    .tilbe-anasayfa01-buttons {
        margin-top: 15px;
        display: flex;
        justify-content: center;
    }
    .tilbe-anasayfa01-btn {
        padding: 10px 15px;
        border: none;
        border-radius: 6px;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.2s;
        width: 100%;
        max-width: 200px;
    }
    .tilbe-anasayfa01-btn-cart {
        background-color: #3498db;
        color: white;
    }
    .tilbe-anasayfa01-btn-cart:hover {
        background-color: #2980b9;
    }
    .tilbe-anasayfa01-btn-color-1.tilbe-anasayfa01-disabled {
        background-color: #bdc3c7;
        cursor: not-allowed;
    }

    /* Ürün Etiketleri Görseli Küçük Göster */
    .tilbe-anasayfa01-urun-etiketi img {
        width: 24px;
        height: auto;
    }
    
    .pattern-group .p-g-mod .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-description {
    font-size: 16px;
    font-weight: 400;
    top: 5px;
    position: relative;
    padding-bottom: 10px;
    left: 30px;
    line-height:24px;
    color: #787878;
}

/* 5 sütunlu düzen için özel sınıf */
.col-xl-custom-5 {
    flex: 0 0 20%; /* Her sütun genişliği %20 (5 sütun için) */
    max-width: 20%;
}

/* İndirim mesajı konteyneri */
.liste-farkli-urun-bilgi9 {
    display: flex;
    align-items: center;
    padding: 12px 3px 18px 9px;
    margin-bottom: 10px;
    background:#fff;
    color:#F83738;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);

}

/* Yanıp sönme efekti için animasyon */
@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* Yanıp sönen mesajın stilini ayarla */
.discount-info-blink {
    animation: blink 1s infinite;
    color: #e60000; /* Kırmızı renk */
    font-weight: 500;
    font-size: 12px;
    padding: 2px 2px 2px 2px;
}


/* Arka plan görseli */
.bpagesdisc-bg img {
    max-width: 50px;
    margin-right: 12px;
}

/* Sağdaki metin ve ilerleme çubuğu */
.liste-farkli-urun9 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    padding: 0 15px;
}

.liste-farkli-vurgulama9 {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
     display: flex;
    align-items: center; /* İkonu ve metni dikeyde hizalamak için */
 
}

.liste-farkli-urun8 i {
    margin-left: 8px;
    color: #f83738; /* İkon rengini ayarlayın */
    font-size: 25px; /* İkon boyutunu ayarlayın */
}


.liste-farkli-vurgulama9.highlight {
    color: #f83738; /* Beklenen sayıda ürün eklendiğinde renk değişimi */
    animation: blink 1.5s ease-in-out infinite; /* Yanıp sönme efekti */
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1.5; }
    100% { opacity: 2; }
}

/* İlerleme çubuğu */
.farkli-urun0-progess {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding-top: 5px;
}

.farkli-urun9-progess-item {
    flex-grow: 1;
    height: 6px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    background: #fff;;
}

.farkli-urun9-progess-item.completed {
   background: #f83738 !important; /* Yeşil renk - tamamlanan adımlar */
}

.icon-container-simsek {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 50px;
    border-radius: 50%;
   
}

.icon-simsek {
    width: 30px;
    height: 50px;
    color: #f83738;
}


/* Genel responsive düzen */
@media (max-width: 768px) {
    .liste-farkli-urun-bilgi {
        flex-direction: row; /* Yatay hizalama */
        align-items: center;
        padding: 15px 10px 15px 1px;
        margin-bottom: 15px;
    }
    
    .liste-farkli-urun8 i {
    margin-left: 1px;

}
    
    .liste-farkli-urun9 {
    padding: 0 8px;
}

.icon-container-simsek {
    width: 30px;
    height: 30px;
}

.icon-simsek {
    width: 20px;
    height: 20px;
}

.liste-farkli-urun-bilgi9 {
    padding: 15px 8px 17px 12px;
   margin-bottom: 6px;
   
}   
    
    .bpagesdisc-bg img {
        max-width: 40px;
        margin-right: 0px; /* Sağında boşluk bırak */
        margin-bottom: 0; /* Üst boşluğu kaldır */
    }

    .liste-farkli-urun9t {
        margin-left: 0;
    }
    
    .liste-farkli-vurgulama9 {
   font-size: 12px;
   font-weight: 500;
   padding-left: 0px;
}

.free-shipping-message, .sepet-indirim-mesaji {
    font-size: 12px;

}
}

footer .bb {
    background: #394348;
    padding: 20px 0;
    border-top: 1px solid #ebebeb;
}

footer .title,
footer .social-media .social-media-title,
footer .mobile-app-title,
footer .sms-newsletter-content .newsletter-title,
footer .contact-info .contact-item,
footer .contact-info .contact-item a,
footer .social-media a,
footer .info ul li a,
footer .contact-info .contact-item i {
    color: #dedede;
}

.etbis span {
    background: #293032;
    padding: 15px 23px;
    color: #f8f8f8;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.etbis {
    margin-right: 0;
    display: inline-block;  /* İçerik bloklarını yatayda hizalamak için */
    text-align: right;  /* Sağ hizalama */
}

@media (max-width: 1280px) {
    .etbis img {
        height: 60px;
        width: 60px;
    }
}

@media (max-width: 1280px) {
    .etbis span {
        padding: 15px 18px;
        font-size: 11px;
    }
}



    .etbis img {
        height: 60px;
        width: 60px;
    }
    
  /* Masaüstünde gizlemek */
@media (min-width: 1024px) {
  .mobile-only {
    display: none;
  }
}

/* Mobilde görünmesini sağlamak */
@media (max-width: 1023px) {
  .mobile-only {
    display: block;
    text-align: center;
  }
}

/* Ana Konteyner */
.features-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Yatayda tam hizalama */
    padding: 0; /* Kenar boşlukları sıfırlandı */
    margin: 0; /* Kenar boşlukları sıfırlandı */
    width: 100%; /* Yatayda tam genişlik */

}

/* Özellik Kartları */
.feature {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin: 10px 0; /* Dikeyde boşluk eklendi */
    overflow: hidden;
    flex-basis: calc(25% - 15px); /* Yatayda eşit genişlikte hizalama */
    box-sizing: border-box; /* Border box özelliği */
}

/* Resim */
.feature-img {
    max-width: 70px; /* Görselleri küçültüyoruz */
    height: auto;
    margin-bottom: 15px;
}

/* Metin */
.feature-text {
    color: #444;
}

.feature-text strong {
    font-size: 18px;
    color: #333;
    font-weight: 600; /* Başlıklar kalın oldu */
    margin-bottom: 8px;
    display: block;
}

.feature-text p {
    font-size: 14px;
    color: #777;
    line-height: 1.6;
}

/* Mobil uyum */
@media (max-width: 768px) {
    .features-container {
        justify-content: center; /* Mobilde kartları ortalayalım */
    }

    .feature {
        max-width: 100%;
        flex-basis: 100%; /* Mobilde tam genişlikte hizalama */
        margin: 15px 0; /* Dikeyde boşluk bırakıldı */
        padding: 10px; /* Kartların iç boşluğunu küçültüyoruz */
    }

    .feature-img {
        max-width: 50px; /* Görseller mobilde daha küçük olacak */
    }

    .feature-text strong {
        font-size: 16px;
    }

    .feature-text p {
        font-size: 12px; /* Mobilde yazı boyutunu küçülttük */
    }
}

.cart-empty-alert {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    min-height: 300px;
    background: #fff;
    width: fit-content;
    margin: 0 auto;
    padding: 60px;
    border-radius: 15px;
    box-shadow: 0px 0px 12px 4px #ededed;
}

.d-flex.pbi {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    gap: 8px;
}



.product-detail-payment-badge-item {
    color: #121212;
    font-size: 13px;
    letter-spacing: -0.24px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
}

/* Mobil Uyumluluk */
@media (max-width: 991px) {
    .cart-empty-alert {
        text-align: center;
        padding: 15px;
    }
}

.cart-empty-alert .btn {
    font-size: 13px;
    font-weight: 500;
    margin-top: 15px;
    width:80%;
    height: 50px;
    align-items: center; /* Dikeyde ortalama */
    justify-content: center; /* Yatayda ortalama */
}


.cart-empty-alert .btn a{
    align-items: center; /* Dikeyde ortalama */
    justify-content: center; /* Yatayda ortalama */
}



.cart-empty-alert .btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}


.price-container-pc {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Çocuklar arasında boşluğu eşit dağıtır */
    width: 100%;
}


/* 🌟 Mobil Duyarlılık */
@media (max-width: 768px) {
    .custom-tipara-block {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
        gap: 10px;
        display: flex;
       justify-content: flex-end; /* İçeriği sağa yaslar */
      
    }
    
    .payment-summary-box, .payment-security-block {
    padding: 20px 15px 20px 15px;
}

.payment-security-block.basket-page {
    margin-top: -10px;

}

    .custom-tparab-left {
display: none;
    }

    .custom-tt {
        font-size: 12px;
    }

    .custom-product-detail-payment-badge-item {
        font-size: 12px;
    }

    .custom-font {
        font-size: 12px;
    }

    .custom-col {
        font-size: 12px;
    }

    .custom-age-tooltip img {
        width: 14px;
        height: 14px;
        margin-right: 18px;
        margin-top: -14px;
    }
    
    .custom-age-tooltip {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    margin-top: -20px;
    width: 100%;
 
}

    .custom-tool-side {
        width: 220px;
        font-size: 12px;
    }
    
    .urun-info-container .urun-soru-cevap1{
    font-size: 13px;
    color: black;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-bottom:3px;
}
.product-profile-1 .product-reviews {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-top: 5px;
    font-size: 12px;
    line-height: 1.5em; /* Yazı boyutunun 1.5 katı olacak şekilde */
}
.product-profile-1 .product-reviews .count {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 7px;
    margin-right: 0px !important;
   
}

.product-price-group .discount {
    font-size: 11px;
    font-weight: 500;
    height: 50px;
    width: 60px;
    border-radius: 5px;
    margin-bottom: 3px;
}

.product-price-group .prices .sale-price {
    /* color: #000000; */
    font-size: 26px !important;
    font-weight: 600;
    line-height: 30px;
}
}

/* Taksit Kutusu */
.product-rate-wrapper {
    display: inline-flex;
    align-items: flex-start;
    margin-left: 12px;
    border-left: 1px solid #f0f0f0;
    padding-left: 20px;
    
}

.product-rate {
    display: flex;
    flex-direction: column;
    padding: 6px 15px;
    border-radius: 5px;
    
   
  

}

.taksit-top {
    display: flex;
    align-items: baseline;
    gap: 2px;
}

.taksit-amount {
    font-size: 20px;
    font-weight: 700;
    color:#f27a1a;
}

.taksit-den {
    font-size: 15px;
    font-weight: 500;
}

.taksit-text {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    margin-top: -2px;
}


/* "Pazartesi günü kargoda" alanı */
.product-shipping-badge {
    margin-top: 8px;
    padding: 6px 12px;
    background-color: #fff0e5; /* aynı pastel arka plan */
    color: #ff6f00;            /* aynı turuncu yazı */
    font-weight: 500;
    border-radius: 6px;
    display: inline-block;
}


/* Mobil uyum */
@media (max-width: 767px) {
    .product-rate-wrapper {
        margin-left: -2px;
        padding-left: 9px;
        border-left: 1px solid #f0f0f0;
        border-right: none;
    padding-right: 0px;
    }

    .taksit-amount {
        font-size: 16px;
        font-weight: 600;
        color:#f27a1a;
    }

    .product-rate {
        padding: 4px 8px;
    }

    .taksit-text {
        font-size: 12px;
        font-weight: 400;
        color: #666;
        margin-top: 2px;
    }

    .product-shipping-badge {
        font-size: 12px;
        padding: 4px 8px;
    }
}




div#product-balance-block {
    color: #f27a1a;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
}
.product-profile-1 .product-reviews .stars .fa-star-half, 
.product-profile-1 .product-reviews .stars .fa-star {
    font-size: 13px;
    transform: translateY(-4px); /* Yıldızları 2px yukarı kaydır */
   
}



.payment-cart-summary-1 {
margin-top: 25px;
margin-bottom:30px;
}

.shopping-buttons-1 {
     padding: 0px;
}

.discount-section {
    margin: 25px 0;
}

.discount-section .input-group {
    width: 100%;
padding-left: 10px;
padding-right: 10px;
}

    .payment-cart-summary-1 .summary tfoot .final {
        font-size: 18px;
    }
    .payment-cart-summary-1 .summary tfoot th {
        font-size: 14px;
    }





.payment-cart-summary-1 .summary tfoot .final {
    color: #212529;
    font-size: 17px;
    font-weight: 600;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; } /* Hafif solma efekti */
    100% { opacity: 1; }
}

.blinking-text {
    animation: blink 1.5s infinite ease-in-out;
}


/* Kampanya mesajı kutusu genel stil */
.kampanya-container {

    margin-bottom: 20px;
    text-align: center;
}

/* Kampanya başlık */
.kampanya-baslik {
    font-size: 14px;
    font-weight: bold;
    color: #f27a1a; /* Kırmızımsı vurgu */
    padding-bottom: -15px;
}

.kampanya-mesaji {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 8px;
    background-color: #fffdfa;
   
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Kampanya mesajı içeriği */
.kampanya-mesaji i {
    font-size: 20px;
    color: #F27A1A; /* Kampanya ikon rengi */
    margin-right: 8px;
    margin-left:10px;
}

.kampanya-mesaji span{
    color: #F27A1A;
    font-size: 11px;
    line-height: 1.7;
    text-align: left;
    font-weight:400;
}

/* Kampanya mesajı içindeki özel renkli vurgular */
.kampanya-mesaji-rengi {
    color: #666;
        font-weight:500;
}

.kampanya-mesaji-rengi9 {
    color: #666;
    font-weight:700;
}


.kampanya-mesaji2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    padding-bottom: 10px;


}

/* Kampanya mesajı içeriği */
.kampanya-mesaji2 i {
    font-size: 20px;
    color: #F27A1A; /* Kampanya ikon rengi */
    margin-right: 8px;
    margin-left:10px;
}

.kampanya-mesaji2 span{
    color: #333333;
    font-size: 12px;
    line-height: 1.7;
    text-align: left;
    font-weight: 500;
}

@media (max-width: 767px) {
    .shopping-cart-1 .table tr .td-quantity {
        float: left;
        width: 50%; 
        margin-left:25px;}
        

       
   
.shopping-cart-1 .td-cargo, .shopping-cart-1 .td-total-price {
    margin: 10px 0px 0px 0px;
    
}

    
}




.kampanya-slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #fff;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom:-8px;

    scroll-snap-type: x mandatory;
    
    border: 1px solid transparent;
    background-image: linear-gradient(white, white), linear-gradient(90deg, #ffad70, #ff4988);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.kampanya-slider-wrapper {
    display: flex;
    gap: 0;
    animation: slideKampanya 30s infinite;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

.kampanya-item {
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 10px 20px;
    display: flex;
    align-items: center; /* DİKKAT: Burayı değiştirdik */
    gap: 15px;
    border-radius: 10px;
    scroll-snap-align: start;
    flex-wrap: nowrap; /* Wrap yerine sabit tut */
}


.kampanya-item i {
    font-size: 2.5rem;
    color: #d92127;
    flex-shrink: 0;
}

.kampanya-text {
    flex: 1 1 auto;
    min-width: 0; /* Taşmayı engeller */
    text-align: left;
}

.kampanya-text h3 {
    color: #d92127;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    word-break: break-word;
}

.kampanya-text p {
    color: #444;
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
    word-break: break-word;
}

.kampanya-text p span {
    font-weight: bold;
    color: #d92127;
}

.kampanya-text p strong {
    font-weight: 600;
    color: #333333;
}

@keyframes slideKampanya {
    0%, 10%     { transform: translateX(0); }
    14.29%, 24.29% { transform: translateX(-100%); }
    28.57%, 38.57% { transform: translateX(-200%); }
    42.86%, 52.86% { transform: translateX(-300%); }
    57.14%, 67.14% { transform: translateX(-400%); }
    71.43%, 81.43% { transform: translateX(-500%); }
    85.71%, 95.71% { transform: translateX(-600%); }
    100%           { transform: translateX(0); }
}

/* Varsayılan: masaüstünde görünsün */
.desktop-only-hr {
    display: block;
}

/* Mobilde gizle */
@media (max-width: 768px) {
    .desktop-only-hr {
        display: none;
    }
}


/* Global styles for the card */
.card-voucher {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #f0f0f0;  /* Çok hafif gri border */
    display: flex;
    flex-direction: column;
    max-width: 380px;
    transition: all 0.3s ease;
    margin-top: 10px;
    padding: 15px;
}

/* Meta section: voucher title */
.card-voucher .meta {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    margin-bottom: 12px;
    text-align: center;
}

.card-voucher .meta .name {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.card-voucher .meta .link {
    font-size: 13px;
    text-decoration: none;
    color: #007bff;
    font-weight: 400;
    transition: color 0.3s;
}

.card-voucher .meta .link:hover {
    color: #0056b3;
}

/* Info section: discount and voucher code */
.card-voucher .info {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.card-voucher .info .discount {
    font-size: 22px;
    font-weight: 600;
    color: #e60000;  /* Trendyol kırmızı tonlarında */
    margin-bottom: 8px;
}

.card-voucher .info .code {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f8f8f8;
    border-radius: 6px;
    padding: 8px 15px;
    width: 100%;
    margin-bottom: 12px;
}

.card-voucher .info .code .value {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-right: 10px;
}

.card-voucher .info .btn-copy {
    background: #007bff;
    border: none;
    border-radius: 5px;
    padding: 8px 18px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    transition: background 0.3s;
}

.card-voucher .info .btn-copy:hover {
    background: #0056b3;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .card-voucher {
        max-width: 100%;
        padding: 12px;
    }
    
    .card-voucher .meta .name {
        font-size: 16px;
    }
    
    .card-voucher .info .discount {
        font-size: 18px !important;
    }
    
    .card-voucher .info .code .value {
        font-size: 14px;
    }
    
    .card-voucher .info .btn-copy {
        padding: 8px 16px;
        font-size: 13px;
    }
}




.table-alt-cizgi {
    border-top: 1px solid #e7ebf5;
}

.payment-cart-summary-1 .summary tfoot th .genel-toplam-ozet {
  
    font-size: 17px;
    font-weight: 600;
}

        .password-container {
            position: relative;
        }

        .password-container .form-control {
            padding-right: 40px; /* Input alanının sağ kısmında yer açıyoruz */
        }

        .password-container .toggle-password {
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            cursor: pointer;
        }

        /* Tab stil */
        .nav-tabs {
            margin-bottom: 20px;
        }
        
        .nav-tabs .nav-item .nav-link {
            border-radius: 0;
        }
.payment-security-block .guvenlik-aciklama-h4 h4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    color: #4DC762;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 12px;
}

.new-cargo-class {
    margin-left: auto;           /* Sağ tarafa kaydırır */
    margin-right: 0;             /* Sağda boşluk bırakmaz */
    border-left: 1px solid #e7e7e7; /* Sol tarafa 1px'lik kenarlık */
    padding-left: 10px;          /* Kenarlık ile içerik arasına biraz boşluk */
}


  .new-cargo-class .cargo-details {
            display: flex;
            align-items: center;
            padding: 15px 0 0;
            gap: 10px;
        }

        .new-cargo-class .cargo-details .cargo-icon {
            font-size: 18px; /* İkon boyutunu ayarladım */
            color: #049f4e; /* İkon rengini yeşil yapalım */
        }

        .new-cargo-class .cargo-details .countdown-text {
            font-size: 14px;
            color: #000000; /* Yazı rengi siyah */
        }

        .new-cargo-class .cargo-details .countdown-text span {
            color: #049f4e;
            font-size: 14px;
            font-weight: 500;
        }

        .new-cargo-class .cargo-details .countdown-text b {
            color: #000000; /* Saat, dakika ve "sipariş verirseniz" yazısı siyah olacak */
        }
        
        
        
        .invoice-info-fat {
    padding: 15px 20px 15px 20px;
    margin-top: 15px;
    background: #e5ffea;
border: 1px solid #e5ffea;
    border-radius: 8px;
   
    color:#028255;
    font-weight: 500;
}

.order-detail-wrapper {
   
    margin: 60px auto;
    padding: 30px 25px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    color: #333;
}

.order-detail-wrapper h1 {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 8px;
}

.order-detail-wrapper h2 {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #666;
    margin-bottom: 18px;
}

.product-profile-1 [style*="border-color:#AAAAAA"] {
  border-color: #FFFFFF !important;
}


.order-detail-wrapper .explanation {
    font-size: 14px;
    color: #555;
    background: #f9f9f9;
    border-left: 4px solid #f27a1a;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 25px;
}

/* Mevcut form sınıflarıyla uyumlu iyileştirmeler */
.order-detail-form label {
    font-weight: 500;
    margin-bottom: 6px;
    display: block;
    color: #444;
}

.order-detail-form .form-control {
    padding: 20px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 8px;
    transition: border-color 0.3s ease;
    height: 50px;
}

.order-detail-form .form-control:focus {
    border-color: #00aaff;
    outline: none;
}

.order-detail-form .btn-success {
    width: 100%;
    padding: 12px;
    font-size: 15px;
    font-weight: 600;
    background-color: #00b14f;
    border-color: #00b14f;
    border-radius: 10px;
    transition: background 0.3s ease;
}

.order-detail-form .btn-success:hover {
    background-color: #009944;
    border-color: #009944;
}

.order-detail-response {
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
    color: #333;
}