.dtk-shop-single {
            --primary: var(--bronze, #f76b07); /* tema vurgusu (2026-10-15 kullanıcı kararı; önceden sabit turuncu) */
            --text-dark: #333333;
            --text-muted: #777777;
            --border: #eeeeee;
            --bg-light: #f9f9f9;
        }

        .dtk-shop-single * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }
        /* KRİTİK DÜZELTME: yukarıdaki evrensel (*) kural, FontAwesome
           ikonlarının (<i class="fab fa-...">) KENDİ font ailesini eziyordu
           — ikonlar bu yüzden boş/görünmez çıkıyordu. Aynı özgüllükte
           (bir class + evrensel seçici) olduğu için CSS'te SONRA gelen bu
           kural kazanır ve ikon fontunu geri kazandırır. */
        .dtk-shop-single .fa, .dtk-shop-single .fas, .dtk-shop-single .far,
        .dtk-shop-single .fal, .dtk-shop-single .fab, .dtk-shop-single .fa-brands, .dtk-shop-single .fa-solid, .dtk-shop-single .fa-regular, .dtk-shop-single [class*=" fa-"] {
            font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
        }
        .dtk-shop-single .fas { font-weight: 900 !important; }
        .dtk-shop-single .fab, .dtk-shop-single .fa-brands { font-family: "Font Awesome 6 Brands" !important; font-weight: 400 !important; }
        .dtk-shop-single body { color: var(--text-dark); background-color: #fff; }
        .dtk-shop-single a { text-decoration: none; color: inherit; }
        .dtk-shop-single ul { list-style: none; }
        .dtk-shop-single img { max-width: 100%; height: auto; display: block; }
        .dtk-shop-single .container { max-width: 1320px; margin: 0 auto; padding: 0 24px; }

        /* Topbar & Header (Aynı Yapı) */
        .dtk-shop-single .topbar { background: #111; color: #fff; font-size: 12px; padding: 10px 0; }
        .dtk-shop-single .topbar .container { display: flex; justify-content: space-between; align-items: center; }
        .dtk-shop-single .topbar-left span, .dtk-shop-single .topbar-right a { margin-right: 15px; color: #ccc; }

        .dtk-shop-single .header-main { padding: 20px 0; border-bottom: 1px solid var(--border); }
        .dtk-shop-single .header-main .container { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
        .dtk-shop-single .logo { font-size: 28px; font-weight: 800; letter-spacing: -1px; color: #111; }
        .dtk-shop-single .logo span { color: var(--primary); }
        
        .dtk-shop-single .search-bar { flex: 1; max-width: 500px; display: flex; border: 2px solid var(--primary); border-radius: 4px; overflow: hidden; }
        .dtk-shop-single .search-bar input { width: 100%; padding: 12px; border: none; outline: none; }
        .dtk-shop-single .search-bar button { background: var(--primary); color: #fff; border: none; padding: 0 20px; cursor: pointer; }
        
        .dtk-shop-single .header-actions { display: flex; gap: 20px; align-items: center; font-size: 14px; font-weight: 600; }
        
        .dtk-shop-single .main-nav { border-bottom: 1px solid var(--border); margin-bottom: 20px; }
        .dtk-shop-single .main-nav ul { display: flex; justify-content: center; gap: 30px; padding: 15px 0; font-weight: 600; font-size: 14px; }
        .dtk-shop-single .main-nav a:hover { color: var(--primary); }

        /* Breadcrumb */
        .dtk-shop-single .breadcrumb-single { font-size: 13px; color: var(--text-muted); margin-bottom: 40px; }

        /* Single Product Layout */
        .dtk-shop-single .single-product { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; margin-bottom: 60px; }
        
        /* Gallery */
        .dtk-shop-single .product-gallery { position: relative; }
        .dtk-shop-single .badge { position: absolute; top: 15px; left: 15px; background: var(--primary); color: #fff; padding: 5px 10px; font-size: 14px; font-weight: 700; border-radius: 4px; z-index: 2; }
        .dtk-shop-single .main-img { border-radius: 8px; overflow: hidden; margin-bottom: 15px; border: 1px solid var(--border); }
        .dtk-shop-single .thumb-gallery { display: flex; gap: 10px; }
        .dtk-shop-single .thumb-gallery img { width: 80px; height: 80px; object-fit: cover; border-radius: 4px; border: 1px solid var(--border); cursor: pointer; }
        
        /* Product Info */
        .dtk-shop-single .product-title { font-size: 32px; font-weight: 700; margin-bottom: 15px; color: #111; }
        .dtk-shop-single .product-reviews { font-size: 13px; color: var(--text-muted); margin-bottom: 20px; display: flex; align-items: center; gap: 10px; }
        .dtk-shop-single .stars { color: var(--primary); }

        /* Doğrudan Puanlama (Vote) Widget'ı — ekran görüntüsündeki
           tasarıma dayalı: gri kutu içinde ortalama puan, turuncu
           yıldızlar, tıklanabilir (yorum yazmaya gerek yok). */
        .dtk-shop-single .dtk-rating-widget {
            display: flex; align-items: center; gap: 10px; margin-bottom: 20px; flex-wrap: wrap;
        }
        .dtk-shop-single .dtk-rating-widget__score {
            background: #f4f4f4; color: #333; font-weight: 700; font-size: 15px;
            padding: 4px 10px; border-radius: 6px;
        }
        .dtk-shop-single .dtk-rating-widget__stars { display: inline-flex; gap: 3px; }
        .dtk-shop-single .dtk-rating-widget__star {
            color: var(--primary); font-size: 17px; cursor: pointer; transition: transform .12s;
        }
        .dtk-shop-single .dtk-rating-widget__star:hover,
        .dtk-shop-single .dtk-rating-widget__star.is-hover { transform: scale(1.15); }
        .dtk-shop-single .dtk-rating-widget__count { font-size: 13px; color: var(--primary); font-weight: 600; }
        .dtk-shop-single .dtk-rating-widget__count--empty { color: var(--text-muted); font-weight: 400; }
        .dtk-shop-single .dtk-rating-widget__thanks { font-size: 13px; color: #16a34a; font-weight: 600; }
        
        .dtk-shop-single .product-price { font-size: 28px; font-weight: 700; color: var(--primary); margin-bottom: 20px; }
        
        .dtk-shop-single .short-description { font-size: 15px; color: var(--text-muted); line-height: 1.6; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid var(--border); }

        .dtk-shop-single .add-to-cart-wrapper { display: flex; gap: 15px; margin-bottom: 30px; }
        .dtk-shop-single .btn-add { background: var(--primary); color: #fff; border: none; padding: 15px 40px; font-size: 16px; font-weight: 600; border-radius: 4px; cursor: pointer; transition: 0.3s; }
        .dtk-shop-single .btn-add:hover { background: #111; }
        
        .dtk-shop-single .product-meta { font-size: 14px; color: var(--text-muted); line-height: 2; margin-bottom: 20px; }
        .dtk-shop-single .product-meta span { color: #111; font-weight: 600; }
        
        .dtk-shop-single .social-share { display: flex; align-items: center; gap: 15px; font-size: 14px; color: #111; font-weight: 600; }
        .dtk-shop-single .social-share a { color: var(--text-muted); font-size: 16px; }

        /* Tabs */
        .dtk-shop-single .product-tabs { border-top: 1px solid var(--border); padding-top: 40px; margin-bottom: 60px; }
        .dtk-shop-single .tab-nav { display: flex; justify-content: center; gap: 40px; border-bottom: 1px solid var(--border); margin-bottom: 30px; }
        /* Sekme etiketi <button> (başlık değil — başlık ağacını bozuyordu); görünüm eski <h3> ile aynı. */
        .dtk-shop-single .tab-nav .dtk-tab { font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: -0.005em; color: var(--text-muted); background: none; border: 0; border-radius: 0; margin: 0; padding: 0 0 15px; cursor: pointer; text-transform: uppercase; }
        .dtk-shop-single .tab-nav .dtk-tab.active { color: #111; border-bottom: 2px solid var(--primary); }
        .dtk-shop-single .tab-nav .dtk-tab:focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }
        
        /* HATA DÜZELTMESİ: önceden max-width:800px; margin:0 auto ile
             kendi içinde ayrı ortalanıyordu — bu, .container'ın (1320px,
             başlık/galeri/SSS'in kullandığı genişlik) sol/sağ kenarlarıyla
             HİZALI DEĞİLDİ. Artık product-tabs zaten .container içinde
             olduğu için tam genişliği kullanıyor — bkz. product-faq-section
             ile aynı düzeltme gerekçesi. */
        .dtk-shop-single .tab-content { font-size: 15px; color: var(--text-muted); line-height: 1.8; }
        .dtk-shop-single .tab-content h4 { color: #111; font-size: 18px; margin: 20px 0 10px 0; }
        .dtk-shop-single .tab-content ul { padding-left: 20px; list-style: disc; margin-bottom: 20px; }

        /* HATA DÜZELTMESİ: shop-index-scoped.css'teki AYNI gerekçe — dtk-editor.js'in
             görsel araç çubuğu .dtk-img-left/center/right/full class'ları ekliyor ama
             ürün açıklaması alanında bu class'ların hiç CSS karşılığı yoktu. */
        .dtk-shop-single .tab-content .dtk-img-left { float: left; margin: 4px 16px 12px 0; }
        .dtk-shop-single .tab-content .dtk-img-right { float: right; margin: 4px 0 12px 16px; }
        .dtk-shop-single .tab-content .dtk-img-center { display: block; margin: 12px auto; }
        .dtk-shop-single .tab-content .dtk-img-full { display: block; width: 100% !important; height: auto !important; margin: 12px 0; }

        /* Related Products */
        .dtk-shop-single .related-section { margin-bottom: 80px; }
        .dtk-shop-single .related-title { font-size: 24px; font-weight: 700; margin-bottom: 30px; text-transform: uppercase; text-align: center; }
        
        .dtk-shop-single .products-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
        .dtk-shop-single .product-card { border: 1px solid var(--border); border-radius: 8px; overflow: hidden; text-align: center; padding-bottom: 20px; transition: 0.3s; }
        .dtk-shop-single .product-card:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
        .dtk-shop-single .product-img { position: relative; height: 200px; margin-bottom: 15px; }
        .dtk-shop-single .product-img img { width: 100%; height: 100%; object-fit: cover; }
        .dtk-shop-single .product-category { font-size: 12px; color: var(--text-muted); margin-bottom: 5px; display: block; }
        .dtk-shop-single .card-title { font-size: 14px; font-weight: 600; margin-bottom: 10px; padding: 0 10px; }
        .dtk-shop-single .card-price { font-weight: 700; color: #111; }

        /* Mobile Responsive */
        @media (max-width: 992px) {
            .dtk-shop-single .single-product { grid-template-columns: 1fr; }
            .dtk-shop-single .products-grid { grid-template-columns: repeat(2, 1fr); }
            .dtk-shop-single .tab-nav { flex-wrap: wrap; gap: 20px; }
        }
        @media (max-width: 768px) {
            .dtk-shop-single .topbar { display: none; }
            .dtk-shop-single .header-main .container { flex-direction: column; }
            .dtk-shop-single .search-bar { width: 100%; }
            .dtk-shop-single .products-grid { grid-template-columns: 1fr; }
            .dtk-shop-single .dtk-specs-table th, .dtk-shop-single .dtk-specs-table td { padding: 7px 8px; font-size: 13px; }
            .dtk-shop-single .dtk-specs-table th { width: 42%; }
            .dtk-shop-single .dtk-product-icons { gap: 14px; }
            .dtk-shop-single .dtk-product-icons__item { max-width: 90px; }
        }