.img_populer{text-align:left!important;}.img_populer img{width:180px!important; height:225px!important;}.img_main{width:581px;height:726px; object-fit:cover;}#paytr_taksit_tablosu{clear:both;font-size:12px;max-width:1200px;text-align:center;font-family:Arial,sans-serif}#paytr_taksit_tablosu::before{display:table;content:" "}#paytr_taksit_tablosu::after{content:"";clear:both;display:table}.taksit-tablosu-wrapper{margin:5px;width:280px;padding:12px;cursor:default;text-align:center;display:inline-block;border:1px solid #e1e1e1}.taksit-logo img{max-height:28px;padding-bottom:10px}.taksit-tutari-text{float:left;width:126px;color:#a2a2a2;margin-bottom:5px}.taksit-tutar-wrapper{display:inline-block;background-color:#f7f7f7}.taksit-tutar-wrapper:hover{background-color:#e8e8e8}.taksit-tutari{float:left;width:126px;padding:6px 0;color:#474747;border:2px solid #fff}.js-mega-menu ul li ul li a{font-size:14px;color:rebeccapurple}.payTrIframeKapsul { width: 100%!important; margin-bottom: 10px; }.payTrIframe {width: 100%!important; }.a-pazaryeri{margin:2px;}.a-pazaryeri img{margin-bottom:10px;}.mt-e-1{margin-top:-5px!important}.col-acik-kirmizi{color:#a34f24!important}.bg-kahverengi{background-color:#A24F23!important;}.bg-yesil{background-color:#689F37!important}.bg-lacivert-logo{background-color:#341500!important}.bg-lacivert-acik{background-color:#542607!important}.z-index-2{z-index:2!important}.bg-acik-laci{background-color:#f9f5f2!important}.bg-acik-kahve{background-color:#f7f5f3!important}.border-radius-none{border-radius:0!important}.aciklamaFoto img{width:100%!important; height:auto!important; max-width:576px; object-fit:cover;}.ortaGradient{background:linear-gradient(90deg,rgba(0,104,55,1) 0%,rgba(104,159,56,1) 100%)}.bg-koyu-yesil{background-color:#5ba61e}.checkbox{padding-left:10px;max-height:250px;overflow-y:scroll}.checkbox label{display:inline-block;vertical-align:middle;position:relative;padding-left:10px;font-size:13px}.checkbox label::before{content:"";display:inline-block;position:absolute;width:18px;height:18px;left:0;margin-left:-20px;border:1px solid #ccc;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out}.checkbox label::after{display:inline-block;position:absolute;width:17px;height:17px;left:0;top:0;margin-left:-20px;padding-left:1px;font-size:12px;color:#3bb18f;border:1px solid #3bb18f}.checkbox input[type=checkbox]{opacity:0;z-index:1}.checkbox input[type=checkbox]:checked + label::after{font-family:FontAwesome;content:"\f00c"}.checkbox::-webkit-scrollbar{width:10px}.checkbox::-webkit-scrollbar-track{background:#f1f1f1}.checkbox::-webkit-scrollbar-thumb{background:#888}.checkbox::-webkit-scrollbar-thumb:hover{background:#555}.checkboxIc{margin-left:10px!important}.fiyat-araligi{font-size:1.1em}.topnav{overflow:hidden;position:relative}.topnav #myLinks,.topnav #myLinks2{display:none}.topnav #myLinks a{color:#474747;padding:14px 16px;text-decoration:none;font-size:17px;display:block}.topnav .iconL{display:block;position:absolute;right:0;top:0}.topnav #myLinks a:hover{background-color:#ddd;color:#000}.topnav #myLinks2 a{color:#474747;padding:14px 16px;text-decoration:none;font-size:17px;display:block}.topnav .iconR{display:block;position:absolute;left:0;top:0}.topnav #myLinks2 a:hover{background-color:#ddd;color:#000}.layer_1{z-index:5;background-color:rgba(255,255,255,.95)}.layer_2{z-index:6;min-width:370px;max-width:370px;white-space:normal}.layer_3{z-index:8;line-height:32px!important;font-size:28px!important;font-weight:500!important}.layer_4{z-index:11;white-space:nowrap;outline:0;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer}.layer_5{z-index:12;line-height:16px!important;font-size:13px!important}.mobil_hikayeler{display:none;min-height:66px;min-width:100%;overflow-x:auto;margin-top:3px}.mobil_hikayeler .hikaye{min-width:66px;margin:8px;text-align:center;color:#444;font-size:90%}.mobil_hikayeler .hikaye img{border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;width:100%;height:66px;border:2px solid #999;padding:1px}.mobil_hikayeler .yenisi img{border-color:#3bb18f}.checkbox{max-height:110px}.layer_3{line-height:28px!important;font-size:24px!important}.layer_5{line-height:14px!important;font-size:13px!important}.mobil_hikayeler{display:flex}.mobil_hikayeler::-webkit-scrollbar{display:none}.js-mega-menu ul li ul li a{font-size:15px;color:rebeccapurple} @media all and (max-width:1200px){.img_main{width:348px; height:435px; }} @media all and (max-width:768px) {.a-pazaryeri img{width:calc(50% - 10px);}.img_main{width:232px; height:290px;}.taksit-tablosu-wrapper{margin:5px 0}} .g-mt-27{margin-top: 1.93rem!important;}.stairs{width:100%; margin:0; padding:0;} .stairs ul{width:115px; padding:0; margin:auto; text-align:center; padding:0;} .stairs li{float:left!important; list-style:none; color:#ffa904; } .stairs li:last-child{color:#7c7c7c; font-size:14px; line-height:28px; font-weight:bold;margin-left:10px;}.g-font-size-70{font-size:70px!important;}.img-max-100 img{max-width:100%!important;}.whatsapp{position:fixed; bottom:50px; right:50px; z-index:9999; }@media all and (max-width:768px) {.whatsapp{bottom:60px; right:10px;}.whatsapp img{max-width:48px!important;}}
.kodLabel {background-color: #341500; border-radius:5px; padding: 12px 17px 4px; margin-right:15px; color:#803300;} .w-90px{width:90px}
.otag-hero-section {
        background-color: #f9f5f2; /* Hafif krem/salep tonu zemin */
        padding: 60px 20px;
        text-align: center;
        border-bottom: 3px solid #e8dcc6; /* Altına ince bir çizgi */
    }

    /* H1 Başlık Tasarımı */
    .otag-hero-section h1 {
        color: #4a3b32; /* Koyu kahve/toprak tonu */
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 20px;
        margin-top: 0;
        letter-spacing: -0.5px;
        font-weight:bold;
    }

    /* Başlık içindeki vurgulu kelimeler */
    .otag-highlight {
        color: #a24f23; /* Tarçın rengi vurgu */
    }

    /* Açıklama Metni Tasarımı */
    .otag-hero-section p {
        color: #555555;
        font-size: 16px;
        line-height: 1.6;
        max-width: 800px; /* Yazının çok yayılmasını engeller, ortalar */
        margin: 0 auto;
        font-weight: 400;
    }

    /* Metin içindeki kalın yerler (SEO kelimeleri) */
    .otag-hero-section strong {
        color: #4a3b32;
        font-weight: 600;
    }

    /* Mobil Uyumluluk */
    @media (max-width: 768px) {
        .otag-hero-section {
            padding: 40px 15px;
        }
        .otag-hero-section h1 {
            font-size: 20px; /* Mobilde başlık biraz küçülür */
        }
        .otag-hero-section p {
            font-size: 15px;
        }
    }

/* ===== Ürün puan yıldızları ===== */
.urun-puan {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 20px;
}

.urun-yildiz {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 1;
    white-space: nowrap;
}

    .urun-yildiz .yildiz-bos {
        color: #dcdcdc;
    }

    .urun-yildiz .yildiz-dolu {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
        white-space: nowrap;
        color: #f5a623;
    }

.urun-puan .puan-sayi {
    font-size: 13px;
    color: #777;
}
.urun-puan--detay .urun-yildiz {
    font-size: 22px;
}

.urun-puan--detay .puan-sayi {
    font-size: 15px;
}

/* ===== SSS Akordeon ===== */
.sss-liste {
    border-top: 1px solid #e9ecef;
}

.sss-item {
    border-bottom: 1px solid #e9ecef;
}

.sss-soru {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    padding: 18px 4px;
    background: none;
    border: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #2b2b2b;
    cursor: pointer;
    transition: color .2s ease;
}

    .sss-soru:hover,
    .sss-soru:focus {
        color: #16233f;
        text-decoration: none;
        outline: none;
    }

    .sss-soru:focus-visible {
        outline: 2px solid #16233f;
        outline-offset: 2px;
    }

.sss-ikon {
    flex: 0 0 auto;
    margin-left: 16px;
    margin-top: 3px;
    font-size: 14px;
    color: #9aa0a6;
    transition: transform .25s ease, color .2s ease;
}

.sss-soru[aria-expanded="true"] .sss-ikon {
    transform: rotate(180deg);
    color: #16233f;
}

.sss-cevap-ic {
    padding: 0 4px 22px;
    color: #5f6368;
    font-size: 15px;
    line-height: 1.7;
    max-width: 62ch;
}

@media (max-width: 575px) {
    .sss-soru {
        font-size: 15px;
        padding: 15px 2px;
    }

    .sss-cevap-ic {
        font-size: 14px;
    }
}

/* ===== Blog paylaşım butonları ===== */
.paylas-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #e9ecef;
    border-radius: 50%;
    font-size: 15px;
    transition: all .2s ease;
}

    .paylas-btn:hover {
        text-decoration: none;
        border-color: currentColor;
        transform: translateY(-2px);
    }

    .paylas-btn.kopyalandi {
        color: #28a745 !important;
        border-color: #28a745;
    }

@media (max-width: 767px) {
    .g-brd-top .d-flex.flex-wrap > ul {
        width: 100%;
    }

        .g-brd-top .d-flex.flex-wrap > ul.ml-auto {
            margin-left: 0 !important;
            margin-top: 15px;
        }
}
.g-color-whatsapp--hover:hover {
    color: #25D366 !important;
}

/* ===== Sözleşme modalı ===== */
#exampleModalSozlesme .modal-title {
    font-size: 18px;
    font-weight: 600;
}

.sozlesme-metin {
    font-size: 14px;
    line-height: 1.7;
    color: #5f6368;
    max-height: 70vh;
    overflow-y: auto;
}

    .sozlesme-metin p {
        margin-bottom: 10px;
    }

        /* Şablondaki boş <p></p> etiketlerini gizle */
        .sozlesme-metin p:empty {
            display: none;
        }

        /* "MADDE 1 - TARAFLAR" gibi tek başına <strong> içeren paragraflar */
        .sozlesme-metin p > strong:only-child {
            display: block;
            font-size: 15px;
            font-weight: 600;
            color: #2b2b2b;
            margin-top: 20px;
            margin-bottom: 6px;
        }

    .sozlesme-metin h1,
    .sozlesme-metin h2,
    .sozlesme-metin h3,
    .sozlesme-metin h4,
    .sozlesme-metin h5 {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.4;
        color: #2b2b2b;
        margin-top: 20px;
        margin-bottom: 8px;
    }

    .sozlesme-metin strong {
        font-weight: 600;
        color: #3d3d3a;
    }

    .sozlesme-metin em {
        font-style: normal;
        font-weight: 600;
        color: #3d3d3a;
    }

    .sozlesme-metin table {
        font-size: 13px;
        width: 100%;
    }

        .sozlesme-metin table th {
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
            color: #2b2b2b;
        }

    .sozlesme-metin .alert {
        font-size: 13px;
    }

@media (max-width: 575px) {
    #exampleModalSozlesme .modal-title {
        font-size: 17px;
    }

    .sozlesme-metin {
        font-size: 13px;
        max-height: 65vh;
    }
}
/* Bootstrap derlemesinde d-none olmayabiliyor; kendi gizleme sınıfımız */
.js-gizli {
    display: none !important;
}

/* ==========================================================================
   BUCAK SALEP - THEME & BRAND CONSTANTS
   ========================================================================== */
:root {
    --bs-primary: #1B4332; /* Deep Forest Green */
    --bs-primary-light: #2D6A4F; /* Soft Leaf Green */
    --bs-accent: #8B5E3C; /* Warm Earth Brown */
    --bs-accent-gold: #D4AF37; /* Muted Gold */
    --bs-bg-cream: #FDFBF7; /* Cream background */
    --bs-bg-soft: #F5F2EC; /* Soft Beige */
    --bs-text-dark: #212529; /* Dark Charcoal Text */
    --bs-text-muted: #6C757D; /* Muted Text */
    --bs-radius: 12px;
    --bs-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05);
    --bs-shadow-hover: 0 10px 25px rgba(27, 67, 50, 0.12);
    --bs-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- Hero Slider --- */
.bs-hero-slider-section {
    background-color: var(--bs-bg-soft);
    overflow: hidden;
}

.bs-slider-img {
    max-height: 520px;
    object-fit: cover;
    border-radius: 0;
}

.bs-carousel-icon {
    width: 44px;
    height: 44px;
    background-color: rgba(255, 255, 255, 0.85);
    color: var(--bs-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--bs-transition);
}

    .bs-carousel-icon:hover {
        background-color: var(--bs-primary);
        color: #fff;
    }

/* --- Brand Intro --- */
.bs-intro-banner {
    background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-light) 100%);
    color: #ffffff;
    padding: 40px 20px;
}

.bs-intro-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3;
}

.bs-highlight {
    color: var(--bs-accent-gold);
}

.bs-intro-text {
    font-size: 1.05rem;
    max-width: 850px;
    margin: 0 auto;
    opacity: 1;
    line-height: 1.6;
    color:#eee;
}

/* --- Section Layouts & Headers --- */
.bs-products-section {
    padding: 50px 0;
}

.bs-bg-cream {
    background-color: var(--bs-bg-cream);
}

.bs-section-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--bs-primary);
    margin-bottom: 25px;
    position: relative;
}

.bs-view-all-link {
    color: var(--bs-accent);
    font-weight: 600;
    text-decoration: none;
    transition: var(--bs-transition);
}

    .bs-view-all-link:hover {
        color: var(--bs-primary);
        text-decoration: none;
    }

/* --- Product Cards --- */
.bs-product-card {
    background: #ffffff;
    border-radius: var(--bs-radius);
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: var(--bs-shadow-sm);
    padding: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: var(--bs-transition);
}

    .bs-product-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--bs-shadow-hover);
    }

.bs-badge-discount {
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: var(--bs-accent);
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 20px;
    z-index: 2;
}

.bs-product-img-wrapper {
    display: block;
    text-align: center;
    margin-bottom: 12px;
    overflow: hidden;
    border-radius: 8px;
}

.bs-product-img {
    max-height: 240px;
    object-fit: contain;
    transition: var(--bs-transition);
}

.bs-product-card:hover .bs-product-img {
    transform: scale(1.04);
}

.bs-product-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.bs-product-title {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 6px;
    height: 2.6em;
    overflow: hidden;
}

    .bs-product-title a {
        color: var(--bs-text-dark);
        text-decoration: none;
    }

        .bs-product-title a:hover {
            color: var(--bs-primary);
        }

.bs-product-subtitle {
    font-size: 0.8rem;
    color: var(--bs-text-muted);
    margin-bottom: 8px;
}

.bs-product-rating {
    min-height: 22px;
    margin-bottom: 10px;
}

/* Rating Stars Dynamic Output Fix */
.urun-puan {
    display: inline-flex;
    align-items: center;
    font-size: 0.85rem;
}

.urun-yildiz {
    position: relative;
    display: inline-block;
    color: #e0e0e0;
}

.yildiz-dolu {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #ffc107;
}

.puan-sayi {
    font-size: 0.75rem;
    color: var(--bs-text-muted);
    margin-left: 5px;
}

/* Price & Buttons */
.bs-product-price-box {
    margin-top: auto;
    margin-bottom: 12px;
}

.bs-price-current {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--bs-primary);
}

.bs-price-old {
    font-size: 0.85rem;
    color: var(--bs-text-muted);
    margin-left: 6px;
}

.bs-product-actions {
    display: flex;
    gap: 8px;
}

.bs-btn-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 8px 12px;
    transition: var(--bs-transition);
    text-decoration: none !important;
    border: none;
}

.bs-btn-cart {
    background-color: var(--bs-primary);
    color: #ffffff !important;
    flex-grow: 1;
}

    .bs-btn-cart:hover {
        background-color: var(--bs-primary-light);
    }

.bs-btn-fav {
    background-color: var(--bs-bg-soft);
    color: var(--bs-text-dark) !important;
    width: 38px;
    height: 38px;
    padding: 0;
}

    .bs-btn-fav:hover {
        background-color: #e2ddd5;
        color: var(--bs-accent) !important;
    }

/* --- Promotional Strip --- */
.bs-callout-strip {
    background: var(--bs-accent);
    color: #ffffff;
    padding: 30px 15px;
}

.bs-callout-heading {
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
}

/* --- Features Block --- */
.bs-features-section {
    padding: 50px 0;
    background-color: var(--bs-bg-soft);
}

.bs-feature-card {
    background: #ffffff;
    padding: 20px 15px;
    border-radius: var(--bs-radius);
    box-shadow: var(--bs-shadow-sm);
    height: 100%;
}

.bs-feature-link {
    color: inherit;
    text-decoration: none !important;
}

.bs-feature-img-box img {
    border-radius: 8px;
    margin-bottom: 12px;
    max-width: 100%;
    height: auto;
}

.bs-feature-content h3 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--bs-primary);
    margin-bottom: 8px;
}

.bs-feature-content p {
    font-size: 0.85rem;
    color: var(--bs-text-muted);
    margin: 0;
    line-height: 1.4;
}

/* --- Why Us Section --- */
.bs-why-us-section {
    padding: 60px 0;
}

.bs-why-us-card {
    background: #ffffff;
    border-left: 4px solid var(--bs-primary);
    padding: 24px;
    border-radius: 0 var(--bs-radius) var(--bs-radius) 0;
    box-shadow: var(--bs-shadow-sm);
    height: 100%;
}

    .bs-why-us-card h3 {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--bs-primary);
        margin-bottom: 12px;
    }

    .bs-why-us-card p {
        font-size: 0.9rem;
        color: var(--bs-text-muted);
        line-height: 1.6;
        margin: 0;
    }

/* --- FAQ Section --- */
.bs-faq-section {
    padding: 60px 0;
    background-color: var(--bs-bg-cream);
}

.bs-faq-item {
    background: #ffffff;
    border-radius: var(--bs-radius);
    padding: 20px 24px;
    margin-bottom: 16px;
    box-shadow: var(--bs-shadow-sm);
}

    .bs-faq-item h3 {
        font-size: 1.05rem;
        font-weight: 700;
        color: var(--bs-primary);
        margin-bottom: 10px;
    }

    .bs-faq-item p {
        font-size: 0.9rem;
        color: var(--bs-text-muted);
        margin: 0;
        line-height: 1.6;
    }

.bs-inline-link {
    color: var(--bs-accent);
    font-weight: 600;
    text-decoration: underline;
}

/* --- Blog Section --- */
.bs-blog-section {
    padding: 60px 0;
}

.bs-blog-card {
    background: #ffffff;
    border-radius: var(--bs-radius);
    overflow: hidden;
    box-shadow: var(--bs-shadow-sm);
    transition: var(--bs-transition);
    height: 100%;
}

    .bs-blog-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--bs-shadow-hover);
    }

.bs-blog-link {
    color: inherit;
    text-decoration: none !important;
}

.bs-blog-img-wrapper {
    overflow: hidden;
    max-height: 160px;
}

.bs-blog-img {
    width: 100%;
    object-fit: cover;
    transition: var(--bs-transition);
}

.bs-blog-card:hover .bs-blog-img {
    transform: scale(1.05);
}

.bs-blog-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--bs-text-dark);
    padding: 15px;
    margin: 0;
    line-height: 1.4;
}

/* --- Modal Styles --- */
.bs-modal-content {
    border-radius: var(--bs-radius);
    border: none;
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}

.bs-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 10;
}

.bs-modal-icon {
    font-size: 3rem;
    color: var(--bs-primary);
}

.bs-modal-title {
    font-weight: 700;
    color: var(--bs-primary);
}

.bs-modal-text {
    color: var(--bs-text-muted);
}

.bs-btn-primary {
    background-color: var(--bs-primary);
    color: #fff;
    border-radius: 8px;
}

    .bs-btn-primary:hover {
        background-color: var(--bs-primary-light);
        color: #fff;
    }

/* Mobile Responsive Adjustments */
@media (max-width: 575.98px) {
    .bs-intro-title {
        font-size: 1.25rem;
    }

    .bs-section-title {
        font-size: 1.25rem;
    }

    .bs-product-card {
        padding: 10px;
    }

    .bs-product-title {
        font-size: 0.85rem;
    }

    .bs-price-current {
        font-size: 1rem;
    }

    .bs-btn-action {
        font-size: 0.75rem;
        padding: 6px 8px;
    }
}

/* ==========================================================================
   PRODUCT DETAIL PAGE SPECIFIC STYLES
   ========================================================================== */

/* Breadcrumb */
.bs-breadcrumb-section {
    background-color: var(--bs-bg-soft);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 10px 0;
}

.bs-breadcrumb {
    background: transparent;
    padding: 0;
    font-size: 0.88rem;
}

    .bs-breadcrumb .breadcrumb-item a {
        color: var(--bs-text-muted);
        text-decoration: none;
    }

    .bs-breadcrumb .breadcrumb-item.active {
        color: var(--bs-primary);
        font-weight: 600;
    }

/* Product Main Image */
.bs-detail-img-box {
    background: #ffffff;
    border-radius: var(--bs-radius);
    padding: 15px;
    box-shadow: var(--bs-shadow-sm);
    border: 1px solid rgba(0,0,0,0.05);
}

.bs-detail-img {
    max-height: 520px;
    object-fit: contain;
    border-radius: 8px;
}

/* Product Details */
.bs-detail-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--bs-primary);
    line-height: 1.3;
}

.bs-badge-discount-detail {
    background-color: var(--bs-accent);
    color: #fff;
    font-weight: 700;
    font-size: 0.85rem;
    padding: 4px 12px;
    border-radius: 20px;
}

.bs-detail-price-current {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--bs-primary);
}

.bs-detail-price-old {
    font-size: 1.2rem;
    color: var(--bs-text-muted);
}

.bs-detail-stock-info {
    font-weight: 600;
    color: var(--bs-primary-light);
}

/* Shipping Perks */
.bs-shipping-perks-box {
    background: var(--bs-bg-cream);
    border: 1px dashed var(--bs-accent-gold);
    border-radius: var(--bs-radius);
    padding: 15px;
}

.bs-perk-icon {
    font-size: 1.5rem;
    color: var(--bs-accent);
}

.bs-perk-title {
    font-weight: 700;
    font-size: 0.85rem;
    color: var(--bs-text-dark);
}

.bs-perk-subtitle {
    font-size: 0.75rem;
    color: var(--bs-text-muted);
}

/* Quantity & Buttons */
.bs-qty-field {
    width: 70px;
    height: 42px;
    border-radius: 8px;
    border: 1px solid #ced4da;
    font-weight: 600;
}

.bs-btn-dark {
    background-color: var(--bs-text-dark);
    color: #fff !important;
    border-radius: 8px;
    font-weight: 600;
    transition: var(--bs-transition);
}

    .bs-btn-dark:hover {
        background-color: #000;
    }

/* Custom Tabs */
.bs-custom-tabs .nav-link {
    border: none;
    color: var(--bs-text-muted);
    font-weight: 600;
    padding: 10px 24px;
    border-radius: 30px;
    transition: var(--bs-transition);
}

    .bs-custom-tabs .nav-link.active {
        background-color: var(--bs-primary);
        color: #fff;
    }

.bs-tab-content {
    line-height: 1.7;
    color: var(--bs-text-dark);
}

/* Star Rating Picker */
.bs-star-rating-picker a {
    color: var(--bs-accent-gold);
    font-size: 1.2rem;
    text-decoration: none !important;
}

/* Form Controls */
.bs-form-input {
    border-radius: 8px;
    border: 1px solid #ced4da;
    padding: 10px 14px;
}

    .bs-form-input:focus {
        border-color: var(--bs-primary);
        box-shadow: 0 0 0 0.2rem rgba(27, 67, 50, 0.15);
    }

/* Mobile Fixes */
@media (max-width: 767.98px) {
    .bs-detail-title {
        font-size: 1.3rem;
    }

    .bs-detail-price-current {
        font-size: 1.4rem;
    }

    .bs-custom-tabs .nav-link {
        padding: 8px 12px;
        font-size: 0.85rem;
    }
}

/* ==========================================================================
   HORIZONTAL BREADCRUMB & GOLD STAR RATING STYLES
   ========================================================================== */

/* 1. Yatay Breadcrumb Yapısı */
.bs-breadcrumb-wrapper {
    background-color: #fdfbf7;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.bs-breadcrumb-list {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.9rem;
}

.bs-breadcrumb-item {
    display: inline-flex !important;
    align-items: center !important;
    color: #6c757d;
    font-weight: 500;
}

    .bs-breadcrumb-item a {
        color: #6c757d;
        text-decoration: none !important;
        transition: color 0.2s ease;
    }

        .bs-breadcrumb-item a:hover {
            color: #1b4332;
        }

    .bs-breadcrumb-item.active {
        color: #1b4332;
        font-weight: 700;
    }

.bs-breadcrumb-sep {
    margin: 0 8px;
    color: #b0b0b0;
    font-size: 0.8rem;
}

/* 2. Altın Sarısı Yıldız İkonları */
.bs-star-gold .fa-star,
.bs-star-rating-picker .fa-star,
.bs-rating-gold-wrapper .fa-star,
.yildiz-dolu .fa-star {
    color: #ffc107 !important; /* Altın Sarısı */
    text-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

    .bs-star-gold .fa-star.text-muted,
    .yildiz-bos .fa-star {
        color: #e0e0e0 !important; /* Dolmamış Yıldız */
        text-shadow: none;
    }

/* Yıldız Seçim Butonları Hover */
.bs-star-rating-picker a:hover .fa-star,
.bs-star-rating-picker a:hover ~ a .fa-star {
    color: #ffb300 !important;
}

/* Ürün Detay Genel Puan Hizalama */
.urun-puan {
    display: inline-flex;
    align-items: center;
}

.urun-yildiz {
    position: relative;
    display: inline-block;
    color: #e0e0e0;
    font-size: 1.1rem;
}

.yildiz-dolu {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #ffc107;
}
.py-4{
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.bs-faq-accordion button {
    color: #1B4332 !important;
    font-weight: 600
}
.bs-description-content h2, .bs-description-content h3, .bs-description-content h4, .bs-description-content h5, .aciklamaBaslikh2 span {
    color: #1B4332 !important;
    font-weight: 600;
    font-size: 1.1rem;
}

/* ==========================================================================
   PRODUCT LISTING CUSTOM CSS FIXES
   ========================================================================== */

/* 1. Breadcrumb Yapısı */
.bs-breadcrumb-wrapper {
    background-color: #fdfbf7;
}

.bs-breadcrumb-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    list-style: none !important;
}

.bs-breadcrumb-item {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.88rem;
}

    .bs-breadcrumb-item a {
        color: #6c757d;
        text-decoration: none !important;
    }

    .bs-breadcrumb-item.active {
        color: #1b4332;
        font-weight: 700;
    }

.bs-breadcrumb-sep {
    margin: 0 8px;
    color: #b0b0b0;
    font-size: 0.8rem;
}

/* 2. Orijinal CheckBoxList Filtre Stillemesi */
.bs-filter-list table {
    width: 100%;
}

.bs-filter-list td {
    padding: 3px 0;
}

.bs-filter-list label {
    font-size: 0.85rem;
    color: #495057;
    cursor: pointer;
    margin-bottom: 0;
    margin-left: 6px;
}

    .bs-filter-list label:hover {
        color: #1b4332;
    }

/* 3. Ürün Kartları & Sayfalama */
.bs-pagination .page-link {
    color: #1b4332;
    border: 1px solid #e2ddd5;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.bs-pagination .page-item.active .page-link {
    background-color: #1b4332;
    border-color: #1b4332;
    color: #ffffff;
}

/* ==========================================================================
   TOP SELLERS SECTION (EN ÇOK SATANLAR BANTI)
   ========================================================================== */

.bs-top-seller-card {
    transition: all 0.25s ease-in-out;
    border-color: #e9ecef !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

    .bs-top-seller-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(27, 67, 50, 0.12) !important;
        border-color: #1b4332 !important;
    }

/* Derece / Madalya Rozetleri */
.bs-rank-badge {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    z-index: 2;
}

    .bs-rank-badge.rank-1 {
        background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%); /* Altın */
        color: #000;
    }

    .bs-rank-badge.rank-2 {
        background: linear-gradient(135deg, #E0E0E0 0%, #B0B0B0 100%); /* Gümüş */
        color: #000;
    }

    .bs-rank-badge.rank-3 {
        background: linear-gradient(135deg, #CD7F32 0%, #A0522D 100%); /* Bronz */
    }

    .bs-rank-badge.rank-other {
        background: #1b4332; /* Kurumsal Koyu Yeşil */
    }

/* Görsel ve Metin Hizalaması */
.bs-top-seller-img {
    object-fit: contain;
    background-color: #fdfbf7;
}

.bs-title-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
    color: #212529 !important;
    transition: color 0.2s ease;
}

    .bs-title-truncate:hover {
        color: #1b4332 !important;
    }

.bs-top-seller-price {
    color: #1b4332 !important;
    font-size: 1rem;
}

/* Daire Sepete Ekle Butonu */
.bs-btn-cart-circle {
    width: 38px;
    height: 38px;
    border-radius: 50% !important;
    background-color: #1b4332;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: all 0.2s ease;
}

    .bs-btn-cart-circle:hover {
        background-color: #2d6a4f;
        transform: scale(1.08);
    }

/* ==========================================================================
   ARTICLE & REHBER PAGE SPECIFIC STYLES
   ========================================================================== */

/* Breadcrumb Fix */
.bs-breadcrumb-wrapper {
    background-color: #fdfbf7;
}

.bs-breadcrumb-list {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    list-style: none !important;
}

.bs-breadcrumb-item {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0.88rem;
}

    .bs-breadcrumb-item a {
        color: #6c757d;
        text-decoration: none !important;
    }

    .bs-breadcrumb-item.active {
        color: #1b4332;
        font-weight: 700;
    }

.bs-breadcrumb-sep {
    margin: 0 8px;
    color: #b0b0b0;
    font-size: 0.8rem;
}

/* Article Typography */
.bs-article-main-title {
    font-size: 2rem;
    font-weight: 800;
    color: #1b4332;
    line-height: 1.3;
}

.bs-article-subtitle {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1b4332;
    margin-top: 1.5rem;
    margin-bottom: 0.8rem;
    position: relative;
    padding-bottom: 6px;
}

    .bs-article-subtitle::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 40px;
        height: 3px;
        background-color: #8b5e3c;
        border-radius: 2px;
    }

.bs-article-content p {
    font-size: 1.02rem;
    line-height: 1.8;
    color: #333333;
    margin-bottom: 1.2rem;
}

.bs-inline-link {
    color: #8b5e3c;
    font-weight: 600;
    text-decoration: underline;
    transition: color 0.2s ease;
}

    .bs-inline-link:hover {
        color: #1b4332;
    }

.bs-article-img {
    max-width: 100%;
    height: auto;
    border: 1px solid rgba(0,0,0,0.08);
}

/* Accordion FAQ Fixes */
.bs-faq-card {
    border-radius: 8px !important;
    overflow: hidden;
}

.bs-faq-icon {
    transition: transform 0.3s ease;
    color: #8b5e3c;
}

.btn-link:not(.collapsed) .bs-faq-icon {
    transform: rotate(180deg);
}

.line-height-17 {
    line-height: 1.7;
}

/* CTA Box */
.bs-cta-box {
    background-color: #fdfbf7;
    border: 1px dashed #d4af37;
}

.bs-btn-primary {
    background-color: #1b4332;
    color: #ffffff !important;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .bs-btn-primary:hover {
        background-color: #2d6a4f;
    }

.bs-btn-outline-dark {
    border: 1px solid #212529;
    color: #212529 !important;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.3s ease;
}

    .bs-btn-outline-dark:hover {
        background-color: #212529;
        color: #ffffff !important;
    }

@media (max-width: 767.98px) {
    .bs-article-main-title {
        font-size: 1.5rem;
    }

    .bs-article-subtitle {
        font-size: 1.15rem;
    }
}
.px-4{
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

/* ==========================================================================
   ARTICLE & CTA BOX DÜZELTME STİLLERİ
   ========================================================================== */

/* Görsel - Metin Yan Yana Hizalama Ayarları */
.bs-article-img-holder {
    overflow: hidden;
    border-radius: 12px;
}

.bs-article-img {
    object-fit: cover;
    max-height: 320px;
    transition: transform 0.3s ease;
}

.bs-article-img-holder:hover .bs-article-img {
    transform: scale(1.03);
}

/* CTA Kutusu (Nefes Alan Kutu Yapısı) */
.bs-cta-box {
    background-color: #fdfbf7 !important;
    border: 1px dashed #d4af37 !important;
    border-radius: 16px !important;
}

.bs-cta-buttons-wrapper {
    margin-top: 15px;
}

/* Buton Arası Esnek Boşluklar */
.bs-btn-primary {
    background-color: #1b4332 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 12px rgba(27, 67, 50, 0.2);
}

    .bs-btn-primary:hover {
        background-color: #2d6a4f !important;
        transform: translateY(-2px);
    }

.bs-btn-outline-dark {
    border: 1.5px solid #212529 !important;
    color: #212529 !important;
    background-color: #ffffff !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

    .bs-btn-outline-dark:hover {
        background-color: #212529 !important;
        color: #ffffff !important;
        transform: translateY(-2px);
    }

/* ==========================================================================
   CTA BOX & BUTTON SPACING FIXES
   ========================================================================== */

/* Garanti İç Boşluklu CTA Kutusu */
.bs-cta-box {
    background-color: #fdfbf7 !important;
    border: 1px dashed #d4af37 !important;
    border-radius: 16px !important;
    padding: 45px 25px !important; /* Alt ve üstten kesin iç boşluk */
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

/* Buton Konteynırı ve Aralıklar */
.bs-cta-buttons-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important; /* Butonlar arası kesin boşluk */
    margin-top: 20px !important;
}

/* Buton İçi ve Kenar Boşluk Garantileri */
.bs-cta-btn {
    margin: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.bs-btn-primary {
    background-color: #1b4332 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 12px rgba(27, 67, 50, 0.2) !important;
}

    .bs-btn-primary:hover {
        background-color: #2d6a4f !important;
        transform: translateY(-2px) !important;
    }

.bs-btn-outline-dark {
    border: 1.5px solid #212529 !important;
    color: #212529 !important;
    background-color: #ffffff !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

    .bs-btn-outline-dark:hover {
        background-color: #212529 !important;
        color: #ffffff !important;
        transform: translateY(-2px) !important;
    }