:root {
            --theme-primary: #0f5a2a;
            --theme-primary-hover: #0a3d1d;
            --theme-primary-soft: rgba(15,90,42,0.1);
            --theme-secondary: #b07a1f;
            --theme-secondary-hover: #c4c4c4;
            --theme-heading: #222222;
            --theme-text: #666666;
            --theme-price: #0f5a2a;
            --theme-btn-primary-bg: #0f5a2a;
            --theme-btn-primary-hover-bg: #0a3d1d;
            --theme-btn-primary-text: #ffffff;
            --theme-btn-secondary-bg: #1f2937;
            --theme-btn-secondary-hover-bg: #000000;
            --theme-badge-discount-bg: #0f5a2a;
            --theme-badge-discount-text: #ffffff;
            --theme-link: #0f5a2a;
            --theme-border: #e5e7eb;
            --theme-border-active: #0f5a2a;
            /* Sepete Ekle butonu — bölüm bazlı detay kontrol */
            --cart-btn-bg: #000000;
            --cart-btn-text: #ffffff;
            --cart-btn-border: #000000;
            --cart-btn-border-w: 0px;
            --cart-btn-radius: 6px;
            --cart-btn-font-size: 14px;
            --cart-btn-font-weight: 600;
            --cart-btn-letter-spacing: 0em;
            --cart-btn-text-transform: none;
            --cart-btn-pad-y: 12px;
            --cart-btn-pad-x: 24px;
            --cart-btn-width: 100%;
            --cart-btn-hover-bg: #0a3d1d;
            --cart-btn-hover-text: #ffffff;
            --cart-btn-hover-lift: -0px;
        }
        /* Sepete Ekle butonu — özel section kontrolü */
        .btn-add-to-cart,
        .add-to-cart-btn,
        button[onclick*="addToCart"],
        a[onclick*="addToCart"] {
            background: var(--cart-btn-bg) !important;
            color: var(--cart-btn-text) !important;
            border: var(--cart-btn-border-w) solid var(--cart-btn-border) !important;
            border-radius: var(--cart-btn-radius) !important;
            font-size: var(--cart-btn-font-size) !important;
            font-weight: var(--cart-btn-font-weight) !important;
            letter-spacing: var(--cart-btn-letter-spacing) !important;
            text-transform: var(--cart-btn-text-transform) !important;
            padding: var(--cart-btn-pad-y) var(--cart-btn-pad-x) !important;
            width: var(--cart-btn-width) !important;
            transition: transform .15s, background .15s, color .15s;
        }
        .btn-add-to-cart:hover,
        .add-to-cart-btn:hover,
        button[onclick*="addToCart"]:hover,
        a[onclick*="addToCart"]:hover {
            background: var(--cart-btn-hover-bg) !important;
            color: var(--cart-btn-hover-text) !important;
            transform: translateY(var(--cart-btn-hover-lift));
        }

        /* Hemen Al butonu */
        :root {
            --buy-btn-bg: #1f2937;
            --buy-btn-text: #ffffff;
            --buy-btn-border: #1f2937;
            --buy-btn-border-w: 0px;
            --buy-btn-radius: 6px;
            --buy-btn-font-size: 14px;
            --buy-btn-font-weight: 600;
            --buy-btn-letter-spacing: 0em;
            --buy-btn-text-transform: none;
            --buy-btn-pad-y: 12px;
            --buy-btn-pad-x: 24px;
            --buy-btn-width: 100%;
            --buy-btn-hover-bg: #000000;
            --buy-btn-hover-text: #ffffff;
            --buy-btn-hover-lift: -0px;
        }
        .btn-buy-now,
        .buy-now-btn,
        button[onclick*="buyNow"],
        a[onclick*="buyNow"] {
            background: var(--buy-btn-bg) !important;
            color: var(--buy-btn-text) !important;
            border: var(--buy-btn-border-w) solid var(--buy-btn-border) !important;
            border-radius: var(--buy-btn-radius) !important;
            font-size: var(--buy-btn-font-size) !important;
            font-weight: var(--buy-btn-font-weight) !important;
            letter-spacing: var(--buy-btn-letter-spacing) !important;
            text-transform: var(--buy-btn-text-transform) !important;
            padding: var(--buy-btn-pad-y) var(--buy-btn-pad-x) !important;
            width: var(--buy-btn-width) !important;
            transition: transform .15s, background .15s, color .15s;
        }
        .btn-buy-now:hover,
        .buy-now-btn:hover,
        button[onclick*="buyNow"]:hover,
        a[onclick*="buyNow"]:hover {
            background: var(--buy-btn-hover-bg) !important;
            color: var(--buy-btn-hover-text) !important;
            transform: translateY(var(--buy-btn-hover-lift));
        }

        /* Yazı element'leri — jenerik .pe-* + tema alias'ları */
                .pe-product-title, h1.product-name, .product-title {
            color: #000000 !important;
            font-size: 28px !important;
            font-weight: 700 !important;
            letter-spacing: 0em !important;
            text-transform: none !important;
            text-decoration: none !important;
                    }
                .pe-product-title:hover, h1.product-name:hover, .product-title:hover { color: #000000 !important; }
                .pe-product-brand, .product-brand, .brand-name {
            color: #666666 !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            letter-spacing: 0em !important;
            text-transform: none !important;
            text-decoration: none !important;
                    }
                .pe-product-brand:hover, .product-brand:hover, .brand-name:hover { color: #666666 !important; }
                .pe-product-category, .product-category, .breadcrumb-item a {
            color: #0a3d1d !important;
            font-size: 13px !important;
            font-weight: 400 !important;
            letter-spacing: 0em !important;
            text-transform: uppercase !important;
            text-decoration: none !important;
                    }
                .pe-product-category:hover, .product-category:hover, .breadcrumb-item a:hover { color: #0a3d1d !important; }
                .pe-product-price, .product-price, .price {
            color: #0a3d1d !important;
            font-size: 32px !important;
            font-weight: 700 !important;
            letter-spacing: 0em !important;
            text-transform: none !important;
            text-decoration: none !important;
                    }
                .pe-product-price:hover, .product-price:hover, .price:hover { color: #0a3d1d !important; }
                .pe-product-old-price, del.old-price, s.old-price, .price-old {
            color: #999999 !important;
            font-size: 14px !important;
            font-weight: 400 !important;
            letter-spacing: 0em !important;
            text-transform: none !important;
            text-decoration: none !important;
                    }
                .pe-product-old-price:hover, del.old-price:hover, s.old-price:hover, .price-old:hover { color: #999999 !important; }
                .pe-product-sku, .product-sku, .sku-value {
            color: #999999 !important;
            font-size: 12px !important;
            font-weight: 400 !important;
            letter-spacing: 0em !important;
            text-transform: none !important;
            text-decoration: none !important;
                    }
                .pe-product-sku:hover, .product-sku:hover, .sku-value:hover { color: #999999 !important; }
                .pe-product-stock, .stock-status, .product-stock {
            color: #10b981 !important;
            font-size: 13px !important;
            font-weight: 500 !important;
            letter-spacing: 0em !important;
            text-transform: none !important;
            text-decoration: none !important;
                    }
                .pe-product-stock:hover, .stock-status:hover, .product-stock:hover { color: #10b981 !important; }
                .pe-product-description, .product-description, .product-short-desc {
            color: #444444 !important;
            font-size: 14px !important;
            font-weight: 400 !important;
            letter-spacing: 0em !important;
            text-transform: none !important;
            text-decoration: none !important;
                    }
                .pe-product-description:hover, .product-description:hover, .product-short-desc:hover { color: #444444 !important; }
                .pe-related-section-title, .related-section-title, .section-title {
            color: #222222 !important;
            font-size: 20px !important;
            font-weight: 700 !important;
            letter-spacing: 0em !important;
            text-transform: none !important;
            text-decoration: none !important;
                    }
                .pe-related-section-title:hover, .related-section-title:hover, .section-title:hover { color: #222222 !important; }
                .pe-related-card-title, .product-card-title, .product-name, .card-product-name {
            color: #222222 !important;
            font-size: 14px !important;
            font-weight: 500 !important;
            letter-spacing: 0em !important;
            text-transform: none !important;
            text-decoration: none !important;
                    }
                .pe-related-card-title:hover, .product-card-title:hover, .product-name:hover, .card-product-name:hover { color: #222222 !important; }
                .pe-related-card-price, .product-card-price, .card-product-price {
            color: #222222 !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            letter-spacing: 0em !important;
            text-transform: none !important;
            text-decoration: none !important;
                    }
                .pe-related-card-price:hover, .product-card-price:hover, .card-product-price:hover { color: #222222 !important; }
                /* Ürün Özellikleri Chip'leri (Beden, Numara vb.) — renk variantı hariç */
                :root {
            --vc-bg: #ffffff;
            --vc-text: #000000;
            --vc-border: #949494;
            --vc-border-w: 1px;
            --vc-hover-bg: #000000;
            --vc-hover-text: #ffffff;
            --vc-hover-border: #949494;
            --vc-active-bg: #000000;
            --vc-active-text: #ffffff;
            --vc-active-border: #949494;
            --vc-active-border-w: 1px;
            --vc-radius: 0px;
            --vc-pad-y: 6px;
            --vc-pad-x: 14px;
            --vc-min-w: 40px;
            --vc-font-size: 13px;
            --vc-font-weight: 500;
            --vc-uppercase: none;
        }
        /* Renk Swatch — görselli ve görselsiz mod için ayrı boyutlar */
        :root {
            --cs-w: 100px;
            --cs-h: 40px;
            
                        --cs-img-w: var(--cs-w);
            --cs-img-h: auto;
            --cs-radius: 4px;
            --cs-border: #e5e7eb;
            --cs-border-w: 1px;
            --cs-pad: 0px;
            --cs-hover-border: #000000;
            --cs-hover-scale: 1.05;
            --cs-active-border: #000000;
            --cs-active-border-w: 1px;
            --cs-active-ring: 0px;
                        --cs-shadow: none;
        }
        /* Görselli swatch — ayrı boyut */
        .pe-color-swatch.has-image > img,
        .pe-color-swatch.has-image > .pe-color-fill {
            width: var(--cs-img-w) !important;
            height: var(--cs-img-h) !important;
        }
        /* Görselsiz mod (.pe-color-swatch sadece) — boyut tema ayarından */
        .pe-color-swatch:not(.has-image) {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: var(--cs-w) !important;
            height: var(--cs-h) !important;
            border: var(--cs-border-w) solid var(--cs-border) !important;
            border-radius: var(--cs-radius) !important;
            padding: var(--cs-pad) !important;
            box-shadow: var(--cs-shadow) !important;
            box-sizing: border-box;
            transition: transform .15s, border-color .15s, box-shadow .15s, outline-color .15s;
            cursor: pointer;
        }
        .pe-color-swatch:not(.has-image) > .pe-color-fill {
            width: 100%;
            height: 100%;
            border-radius: calc(var(--cs-radius) - var(--cs-pad));
            display: block;
        }

        /* Görsel modu (.has-image) — boyut görselden, ama border/radius/shadow/hover/active tema'dan */
        .pe-color-swatch.has-image {
            display: inline-block;
            line-height: 0;
            border: var(--cs-border-w) solid var(--cs-border) !important;
            border-radius: var(--cs-radius) !important;
            padding: var(--cs-pad) !important;
            box-shadow: var(--cs-shadow) !important;
            transition: transform .15s, border-color .15s, box-shadow .15s, outline-color .15s;
            cursor: pointer;
        }
        .pe-color-swatch.has-image > img,
        .pe-color-swatch.has-image > .pe-color-fill {
            border-radius: calc(var(--cs-radius) - var(--cs-pad));
            display: block;
        }

        /* Hover — her iki mod */
        label:hover > .pe-color-swatch,
        .pe-color-swatch:hover {
            border-color: var(--cs-hover-border) !important;
            transform: scale(var(--cs-hover-scale));
        }

        /* Seçili durum — her iki mod */
        .sfr-megabox input[name="color"]:checked + .pe-color-swatch {
            border: var(--cs-active-border-w) solid var(--cs-active-border) !important;
            outline: var(--cs-active-ring) solid var(--cs-active-border);
            outline-offset: 2px;
        }

        /* Yalnızca text-tabanlı varyant chip'leri (Beden, Numara). Renk hariç —
           renk kendi swatch class'ı (.color-swatch) kullanıyor, bu CSS'i almaz.
           Beden için blade'de .pe-variant-chip class'ı eklenmiş .sfr-megabox-elem'lere. */
        .pe-variant-chip {
            background: var(--vc-bg) !important;
            color: var(--vc-text) !important;
            border: var(--vc-border-w) solid var(--vc-border) !important;
            border-radius: var(--vc-radius) !important;
            padding: var(--vc-pad-y) var(--vc-pad-x) !important;
            min-width: var(--vc-min-w) !important;
            font-size: var(--vc-font-size) !important;
            font-weight: var(--vc-font-weight) !important;
            text-transform: var(--vc-uppercase) !important;
            transition: background .15s, color .15s, border-color .15s;
        }
        .pe-variant-chip:hover,
        label:hover > .pe-variant-chip {
            background: var(--vc-hover-bg) !important;
            color: var(--vc-hover-text) !important;
            border-color: var(--vc-hover-border) !important;
        }
        /* Seçili durum — radio :checked + sibling, .active class, [aria-pressed] */
        .sfr-megabox input[name^="attribute_id_"]:checked + .pe-variant-chip,
        .sfr-megabox input[name^="selected_options"]:checked + .pe-variant-chip,
        .pe-variant-chip.active,
        .pe-variant-chip[aria-pressed="true"] {
            background: var(--vc-active-bg) !important;
            color: var(--vc-active-text) !important;
            border: var(--vc-active-border-w) solid var(--vc-active-border) !important;
        }

        /* Genel button override'ı — Bootstrap btn-primary / btn-danger sabit
           kırmızılarını tema rengine bağla. */
        .btn-primary,
        .btn.btn-primary {
            background-color: var(--theme-btn-primary-bg) !important;
            border-color: var(--theme-btn-primary-bg) !important;
            color: var(--theme-btn-primary-text) !important;
        }
        .btn-primary:hover,
        .btn.btn-primary:hover,
        .btn-primary:focus,
        .btn.btn-primary:focus {
            background-color: var(--theme-btn-primary-hover-bg) !important;
            border-color: var(--theme-btn-primary-hover-bg) !important;
        }
        .btn-outline-primary,
        .btn.btn-outline-primary {
            color: var(--theme-btn-primary-bg) !important;
            border-color: var(--theme-btn-primary-bg) !important;
        }
        .btn-outline-primary:hover,
        .btn.btn-outline-primary:hover {
            background-color: var(--theme-btn-primary-bg) !important;
            color: var(--theme-btn-primary-text) !important;
        }
        /* "Hemen Satın Al" gibi koyu butonlar */
        .btn-dark,
        .btn.btn-dark,
        .btn-buy-now {
            background-color: var(--theme-btn-secondary-bg) !important;
            border-color: var(--theme-btn-secondary-bg) !important;
        }
        .btn-dark:hover,
        .btn.btn-dark:hover,
        .btn-buy-now:hover {
            background-color: var(--theme-btn-secondary-hover-bg) !important;
            border-color: var(--theme-btn-secondary-hover-bg) !important;
        }
        /* İndirim badge'i */
        .badge-discount,
        .product-discount-badge,
        .discount-badge {
            background-color: var(--theme-badge-discount-bg) !important;
            color: var(--theme-badge-discount-text) !important;
        }
        /* Variant chip / koku seçimi border'ı seçili olunca */
        .variant-option.active,
        .variant-option:hover,
        .attribute-value.active,
        .attribute-value:hover {
            border-color: var(--theme-border-active) !important;
        }
        /* Link rengi (sadece text-primary class'lı) */
        a.text-primary, .text-primary { color: var(--theme-link) !important; }
        a.text-primary:hover, .text-primary:hover { color: var(--theme-primary-hover) !important; }
        /* Fiyat */
        .product-price, .price { color: var(--theme-price); }

        /* Variant Etiketi (Renk, Beden vb. başlıklar) */
                .pe-variant-label {
            color: #6b7280 !important;
            font-size: 13px !important;
            font-weight: 400 !important;
            
        }

        /* Fiyat altı Bilgi Metni */
                .pe-info-text {
            font-size: 13px;
            color: #6b7280;
            font-weight: 400;
            
            line-height: 1.5;
        }