/* Dark mode default for #siparis-formu */
#siparis-formu {
    background: linear-gradient(to bottom, #182234, #131b2c, #0f172a);
}
/* Tarz Pabuç (tribunmoda.com) Custom Styles */
@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(234, 88, 12, 0.4);
    }
    50% {
        box-shadow: 0 0 25px rgba(234, 88, 12, 0.8);
    }
}

.hero-thumb.active {
    border-color: #f97316 !important;
    box-shadow: 0 0 12px rgba(249, 115, 22, 0.5);
}

.package-card.active {
    border-color: #ea580c !important;
}

.size-btn-1.active, .size-btn-2.active {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(234, 88, 12, 0.4);
}

/* Card Size Button Styles (Matching Screenshot) */
.shoe-size-pill {
    transition: all 0.15s ease;
}
.shoe-size-pill:hover {
    background-color: #f97316 !important;
    color: #ffffff !important;
    border-color: #f97316 !important;
    transform: translateY(-1px);
}
.shoe-size-pill.active {
    background-color: #ea580c !important;
    color: #ffffff !important;
    border-color: #ea580c !important;
    box-shadow: 0 2px 8px rgba(234, 88, 12, 0.5);
}

/* Counter Badge Glow */
.counter-badge-complete {
    background-color: rgba(16, 185, 129, 0.2) !important;
    border-color: #10b981 !important;
    color: #34d399 !important;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.35) !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0f172a;
}
::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #ea580c;
}

/* Shimmer effect */
.shimmer-badge {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
    background-size: 200% 100%;
    animation: shimmer 3s infinite;
}

@keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}




/* ==========================================================================
   BEDEN TABLOSU ALANI (SIZE GUIDE BANNER) - AÇIK VE KOYU MOD KURALI
   ========================================================================== */
.size-guide-banner {
    background: linear-gradient(to right, #0f172a, #1e293b, #0f172a);
    border-color: rgba(99, 102, 241, 0.4) !important;
}
.size-guide-title {
    color: #ffffff;
}
.size-guide-desc {
    color: #cbd5e1;
}
.size-guide-badge {
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    border: 1px solid #4338ca !important;
}
.size-guide-icon-box {
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    border: 1px solid #4338ca !important;
}

/* Açık Mod (Light Mode) */
body.light-theme .size-guide-banner {
    background: #ffffff !important;
    border: 2px solid #4f46e5 !important;
    box-shadow: 0 10px 25px -5px rgba(79, 70, 229, 0.15) !important;
}
body.light-theme .size-guide-banner:hover {
    border-color: #4338ca !important;
    box-shadow: 0 14px 28px -4px rgba(79, 70, 229, 0.22) !important;
}
body.light-theme .size-guide-title {
    color: #1e1b4b !important; /* Buton indigosu gibi koyu, net ve kalın */
    font-weight: 900 !important;
}
body.light-theme .size-guide-desc {
    color: #0f172a !important; /* Simsiyah net okunaklı açıklama */
    font-weight: 600 !important;
}
body.light-theme .size-guide-badge {
    background-color: #4f46e5 !important; /* Buton rengi koyu indigo */
    color: #ffffff !important; /* Bembeyaz net yazı */
    border: 1px solid #4338ca !important;
    font-weight: 800 !important;
}
body.light-theme .size-guide-icon-box {
    background-color: #4f46e5 !important; /* Buton rengi koyu indigo zemin */
    color: #ffffff !important; /* Bembeyaz cetvel ikonu */
    border: 1px solid #4338ca !important;
}

/* ==========================================================================
   AÇIK MOD (LIGHT THEME) - KULLANICI EKRAN GÖRÜNTÜLERİYLE %100 BİREBİR UYUMLU TASARIM
   ========================================================================== */

/* 1. Global Sayfa ve Zemin */
body.light-theme {
    background-color: #ffffff !important;
    color: #0f172a !important;
}

/* 2. Header & Logo & Menü */
body.light-theme header {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}
body.light-theme header a {
    color: #0f172a !important;
}
body.light-theme nav a {
    color: #334155 !important;
    font-weight: 600 !important;
}
body.light-theme nav a:hover {
    color: #ea580c !important;
}
body.light-theme .site-logo-badge > div {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
}
body.light-theme .site-logo-badge span {
    background: none !important;
    color: #4338ca !important;
}
body.light-theme .logo-title-main {
    color: #0f172a !important;
}
body.light-theme .site-slogan {
    color: #475569 !important;
}
body.light-theme header .theme-toggle-btn {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}
body.light-theme header .theme-toggle-btn:hover {
    background-color: #e2e8f0 !important;
}

/* 3. Hero Bölümü - RESİM 1 & RESİM 4 BİREBİR UYUM */
body.light-theme #hero {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}

/* Hero Etiket Rozeti (Koyu Füme / Lacivert Hap) */
body.light-theme #hero-tag-badge {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}
body.light-theme #hero-tag-badge .hero-tag-title {
    color: #f97316 !important;
    font-weight: 800 !important;
}
body.light-theme #hero-tag-badge .hero-tag-brands {
    color: #cbd5e1 !important;
    font-weight: 500 !important;
}
body.light-theme #hero-tag-badge .hero-tag-divider {
    color: #64748b !important;
}

/* Hero Başlıkları & Açıklama */
body.light-theme .hero-title-main {
    color: #0f172a !important;
}
body.light-theme .hero-yellow-title {
    color: #ea580c !important;
    text-shadow: none !important;
}
body.light-theme .hero-subtitle {
    color: #334155 !important;
}

/* Hero Paket Kartları (KULLANICI RESMİNDE KOYU LACİVERT/SİYAH ZEMİN!) */
body.light-theme #hero .hero-package-card {
    background: #0f172a !important;
    border: 1.5px solid #1e293b !important;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.2) !important;
}
body.light-theme #hero .hero-package-card .text-white,
body.light-theme #hero .hero-package-card .hero-price-single {
    color: #ffffff !important;
}
body.light-theme #hero .hero-package-card .hero-price-double {
    color: #facc15 !important;
}
body.light-theme #hero .hero-package-card .text-slate-300,
body.light-theme #hero .hero-package-card .text-slate-400 {
    color: #94a3b8 !important;
}
body.light-theme #hero .hero-package-card a.bg-slate-800 {
    background-color: #1e293b !important;
    color: #ffffff !important;
    border: 1px solid #334155 !important;
}
body.light-theme #hero .hero-package-card a.bg-slate-800:hover {
    background-color: #334155 !important;
}
body.light-theme #hero .hero-package-card .hero-package-badge {
    background: #dc2626 !important;
    color: #ffffff !important;
}

/* Hero Güven Rozetleri (Koyu Lacivert Haplar) */
body.light-theme #hero .hero-trust-badge {
    background-color: #0f172a !important;
    border: 1px solid #1e293b !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}
body.light-theme #hero .hero-trust-badge strong {
    color: #ffffff !important;
}
body.light-theme #hero .hero-trust-badge span {
    color: #94a3b8 !important;
}

/* Hero Sağ Showcase Kartı (BEYAZ ZEMİN, ŞIK GÖRÜNÜM) */
body.light-theme .hero-showcase-card {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}
body.light-theme .hero-showcase-card .border-slate-800 {
    border-color: #f1f5f9 !important;
}
body.light-theme .hero-bestseller-heading {
    color: #ea580c !important;
}
body.light-theme .hero-trend-badge {
    background-color: #dc2626 !important;
    color: #ffffff !important;
    border-color: #b91c1c !important;
}
body.light-theme .hero-trend-tab {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
    border-color: #e2e8f0 !important;
}
body.light-theme .hero-trend-tab.active {
    background-color: #ea580c !important;
    color: #ffffff !important;
    border-color: #ea580c !important;
}
body.light-theme #hero-bestseller-title {
    color: #0f172a !important;
}
body.light-theme #hero-bestseller-desc {
    color: #64748b !important;
}
body.light-theme .hero-bestseller-price {
    color: #ea580c !important;
}
body.light-theme .hero-fomo-badge {
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
}
body.light-theme .hero-fomo-text,
body.light-theme .hero-stock-text {
    color: #1e293b !important;
}
body.light-theme .hero-fomo-text strong {
    color: #0f172a !important;
}

/* 4. Özel Kampanya Ara Bannerı (#campaign-banner-bar) - RESİM 1 BİREBİR */
body.light-theme #campaign-banner-bar {
    background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 50%, #fed7aa 100%) !important;
    border: 2px solid #fdba74 !important;
    box-shadow: 0 10px 25px rgba(249, 115, 22, 0.15) !important;
}
body.light-theme #campaign-banner-bar .banner-title {
    color: #0f172a !important;
    font-weight: 900 !important;
}
body.light-theme #campaign-banner-bar .banner-desc {
    color: #475569 !important;
    font-weight: 600 !important;
}
body.light-theme #campaign-banner-bar .banner-subtext {
    color: #c2410c !important;
    font-weight: 700 !important;
}

/* 5. Katalog Bölümü & Ürün Kartları - RESİM 1 BİREBİR */
body.light-theme #catalog-section {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
}
body.light-theme #catalog-title {
    color: #0f172a !important;
}
body.light-theme #catalog-subtitle {
    color: #64748b !important;
}
body.light-theme #selection-counter-badge {
    background-color: #ffffff !important;
    border-color: #ea580c !important;
    color: #ea580c !important;
    box-shadow: 0 2px 10px rgba(234, 88, 12, 0.1) !important;
}
body.light-theme #catalog-section .online-pill-text {
    color: #047857 !important;
}
body.light-theme #catalog-section .bg-emerald-500\/15 {
    background-color: #ecfdf5 !important;
    border-color: #a7f3d0 !important;
}
body.light-theme #catalog-section .bg-slate-950\/90 {
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
}
body.light-theme #catalog-section .bg-slate-950\/90 label {
    color: #0f172a !important;
}
body.light-theme #catalog-section input,
body.light-theme #catalog-section select {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}
body.light-theme .boot-card,
body.light-theme .product-card {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}
body.light-theme .boot-card:hover,
body.light-theme .product-card:hover {
    border-color: #ea580c !important;
    box-shadow: 0 10px 25px rgba(234, 88, 12, 0.12) !important;
}
body.light-theme .boot-card h3,
body.light-theme .product-card h3 {
    color: #0f172a !important;
}
body.light-theme .boot-card p,
body.light-theme .product-card p {
    color: #475569 !important;
    font-weight: 600 !important;
}
body.light-theme .boot-card .bg-slate-950,
body.light-theme .product-card .bg-slate-950,
body.light-theme #catalog-grid .bg-slate-950 {
    background-color: #f8fafc !important;
}
body.light-theme .shoe-size-pill {
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme .shoe-size-pill:hover,
body.light-theme .shoe-size-pill.active {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.35) !important;
}
body.light-theme .card-viewer-badge {
    background-color: #fef3c7 !important;
    border: 1px solid #f59e0b !important;
    color: #78350f !important;
}
body.light-theme .card-viewer-badge .card-viewer-count {
    color: #78350f !important;
    font-weight: 800 !important;
}

/* ==========================================================================
   6. SİPARİŞ FORMU ALANI (#siparis-formu & #order-form) - RESİM 2 & 3 BİREBİR
   ========================================================================== */
body.light-theme #siparis-formu {
    background: #f8fafc !important;
    background-image: none !important;
    border-top: 1px solid #e2e8f0 !important;
}
body.light-theme #siparis-formu h2 {
    color: #0f172a !important;
    font-weight: 900 !important;
}
body.light-theme #siparis-formu p {
    color: #475569 !important;
}

/* Üst Güvenli Kapıda Ödeme Rozeti */
body.light-theme #siparis-formu .text-center span:first-child,
body.light-theme #siparis-formu span:has(i[data-lucide="shield-check"]) {
    background-color: #fff7ed !important;
    border: 1px solid #fdba74 !important;
    color: #c2410c !important;
    font-weight: 800 !important;
}

/* Paket Seçenek Kartları: #pkg-single & #pkg-double */
body.light-theme #siparis-formu #pkg-single {
    background-image: none !important;
    background-color: #ffffff !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 1rem !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}
body.light-theme #siparis-formu #pkg-single:hover {
    border-color: #94a3b8 !important;
}
body.light-theme #siparis-formu #pkg-single.active {
    border-color: #ea580c !important;
    box-shadow: 0 4px 20px rgba(234, 88, 12, 0.15) !important;
}
body.light-theme #siparis-formu #pkg-single h4 {
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme #siparis-formu #pkg-single p {
    color: #64748b !important;
    font-weight: 600 !important;
}
body.light-theme #siparis-formu #pkg-single .text-white {
    color: #0f172a !important;
    font-weight: 900 !important;
}
body.light-theme #siparis-formu #pkg-single .border-slate-700\/60,
body.light-theme #siparis-formu #pkg-single .border-t {
    border-color: #f1f5f9 !important;
}

body.light-theme #siparis-formu #pkg-double {
    background-image: none !important;
    background-color: #ffffff !important;
    border: 2.5px solid #ea580c !important;
    border-radius: 1rem !important;
    box-shadow: 0 6px 25px rgba(234, 88, 12, 0.15) !important;
}
body.light-theme #siparis-formu #pkg-double h4 {
    color: #ea580c !important;
    font-weight: 900 !important;
}
body.light-theme #siparis-formu #pkg-double p {
    color: #9a3412 !important;
    font-weight: 700 !important;
}
body.light-theme #siparis-formu #pkg-double .text-amber-400 {
    color: #ea580c !important;
    font-weight: 900 !important;
}
body.light-theme #siparis-formu #pkg-double .border-brand-500\/30,
body.light-theme #siparis-formu #pkg-double .border-t {
    border-color: #ffedd5 !important;
}
body.light-theme #siparis-formu #pkg-double .absolute {
    background: linear-gradient(to right, #ea580c, #f59e0b) !important;
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* Üstü Çizili Fiyat & Yeşil Ücretsiz Kargo */
body.light-theme #siparis-formu .line-through {
    color: #64748b !important;
    font-weight: 600 !important;
}
body.light-theme #siparis-formu .text-emerald-400 {
    color: #059669 !important;
    font-weight: 800 !important;
}

/* Sol Kolon (Teslimat Bilgileri Form Kartı) */
body.light-theme #siparis-formu .lg\:col-span-7 {
    background-image: none !important;
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}
body.light-theme #order-form h3 {
    color: #0f172a !important;
    border-color: #f1f5f9 !important;
    font-weight: 800 !important;
}
body.light-theme #order-form span.uppercase {
    color: #0f172a !important;
    font-weight: 900 !important;
}
body.light-theme #order-form label {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Form Inputları ve Select Kutuları */
body.light-theme #order-form input,
body.light-theme #order-form select,
body.light-theme #order-form textarea {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 0.75rem !important;
    font-weight: 600 !important;
}
body.light-theme #order-form input::placeholder,
body.light-theme #order-form textarea::placeholder {
    color: #94a3b8 !important;
}
body.light-theme #order-form input:focus,
body.light-theme #order-form select:focus,
body.light-theme #order-form textarea:focus {
    border-color: #ea580c !important;
    box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.15) !important;
}

/* Kargo ve Ödeme Seçenek Kartları - RESİM 3 BİREBİR */
body.light-theme .carrier-card,
body.light-theme .payment-card {
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 0.75rem !important;
}
body.light-theme .carrier-card.active,
body.light-theme .payment-card.active {
    background-color: #fff7ed !important;
    border: 2px solid #ea580c !important;
}
body.light-theme .carrier-name,
body.light-theme .payment-name {
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme .carrier-desc,
body.light-theme .payment-desc {
    color: #64748b !important;
}

/* Sağ Kolon: Seçtiğiniz Botlar & Set Özeti - RESİM 2 BİREBİR */
body.light-theme #sectiginiz-botlar-alani,
body.light-theme #sectiginiz-botlar-alani * {
    background-image: none !important;
}
body.light-theme #sectiginiz-botlar-alani,
body.light-theme #siparis-formu .lg\:col-span-5 > div {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}
body.light-theme #sectiginiz-botlar-alani h3,
body.light-theme #side-summary-title {
    color: #0f172a !important;
    border-color: #f1f5f9 !important;
    font-weight: 800 !important;
}
body.light-theme #sectiginiz-botlar-alani .border-b,
body.light-theme #side-summary-title {
    border-color: #f1f5f9 !important;
}
body.light-theme .selected-boot-row {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
}
body.light-theme .selected-boot-row .selected-boot-name {
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme .selected-boot-row button {
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
}
body.light-theme .selected-boot-row button:hover {
    background-color: #ef4444 !important;
    color: #ffffff !important;
    border-color: #ef4444 !important;
}
body.light-theme #side-status-banner {
    background-color: #ecfdf5 !important;
    border: 1.5px solid #a7f3d0 !important;
    color: #065f46 !important;
}
body.light-theme #side-status-banner span {
    color: #065f46 !important;
    font-weight: 700 !important;
}
body.light-theme #side-summary-item-label,
body.light-theme #siparis-formu .lg\:col-span-5 span {
    color: #334155 !important;
}
body.light-theme #side-summary-price {
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme #side-total-price {
    color: #ea580c !important;
    font-weight: 900 !important;
}
body.light-theme #siparis-formu .lg\:col-span-5 .border-b,
body.light-theme #siparis-formu .lg\:col-span-5 .border-t {
    border-color: #f1f5f9 !important;
}

/* Alt Güvenlik & Garanti Kutusu */
body.light-theme #siparis-formu .p-4.rounded-2xl.bg-black\/40 {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
}
body.light-theme #siparis-formu .p-4.rounded-2xl.bg-black\/40 .text-white {
    color: #0f172a !important;
    font-weight: 800 !important;
}
body.light-theme #siparis-formu .p-4.rounded-2xl.bg-black\/40 p {
    color: #64748b !important;
}

/* 7. Müşteri Yorumları (#yorumlar) */
body.light-theme #yorumlar {
    background-color: #f8fafc !important;
}
body.light-theme #yorumlar h2 {
    color: #0f172a !important;
}
body.light-theme #yorumlar p.text-slate-400 {
    color: #475569 !important;
}
body.light-theme #yorumlar .grid > div,
body.light-theme #yorumlar .rounded-2xl {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}
body.light-theme #yorumlar p,
body.light-theme #yorumlar strong,
body.light-theme #yorumlar span {
    color: #1e293b !important;
}
body.light-theme #yorumlar .text-slate-400 {
    color: #64748b !important;
}

/* 8. Sıkça Sorulan Sorular (#sss) */
body.light-theme #sss {
    background-color: #f8fafc !important;
}
body.light-theme #sss h2,
body.light-theme #sss h2 span,
body.light-theme #sss .text-white {
    color: #0f172a !important;
}
body.light-theme #sss p {
    color: #475569 !important;
}
body.light-theme #sss .faq-card {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}
body.light-theme #sss .faq-card:hover {
    border-color: #ea580c !important;
    box-shadow: 0 8px 25px rgba(234, 88, 12, 0.08) !important;
}
body.light-theme #sss .faq-card button,
body.light-theme #sss .faq-card button span {
    color: #0f172a !important;
    font-weight: 700 !important;
}
body.light-theme #sss .faq-body {
    color: #334155 !important;
    border-top: 1px solid #f1f5f9 !important;
}

/* 9. Alt Büyük Dönüşüm Bannerı */
body.light-theme .py-16.relative.overflow-hidden.bg-gradient-to-b,
body.light-theme section:has(#countdown-timer-bottom) {
    background: #f1f5f9 !important;
}
body.light-theme .py-16.relative.overflow-hidden.bg-gradient-to-b .rounded-3xl {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}
body.light-theme .py-16.relative.overflow-hidden.bg-gradient-to-b .rounded-3xl h2 {
    color: #ffffff !important;
}
body.light-theme .py-16.relative.overflow-hidden.bg-gradient-to-b .rounded-3xl p {
    color: #cbd5e1 !important;
}

/* 10. Footer */
body.light-theme footer {
    background-color: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #64748b !important;
}
body.light-theme footer p,
body.light-theme footer a,
body.light-theme footer span {
    color: #64748b !important;
}


/* ========================================================================
   USER REQUEST OVERRIDES: SARI AKTIF BUTONLAR & BEMBEYAZ AÇIK TEMA
   ======================================================================== */

/* Resim 2 Gibi Bembeyaz & Ferah Zemin Açık Mod */
body.light-theme {
    background-color: #f8fafc !important;
    background-image: none !important;
    color: #0f172a !important;
}

body.light-theme header {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

body.light-theme header a,
body.light-theme header span {
    color: #0f172a !important;
}

body.light-theme #hero {
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%) !important;
    color: #0f172a !important;
}

body.light-theme #hero h1,
body.light-theme #hero h2,
body.light-theme #hero p {
    color: #0f172a !important;
}

body.light-theme .hero-package-card,
body.light-theme .hero-showcase-card {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

body.light-theme section#catalog-section {
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

body.light-theme .product-card,
body.light-theme .boot-card {
    background-color: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

body.light-theme .product-card h3,
body.light-theme .boot-card h3 {
    color: #0f172a !important;
}

/* SARI NUMARA BUTONU (Tıklayınca canlı sarı olsun) */
.shoe-size-pill {
    background-color: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    transition: all 0.15s ease !important;
}

.shoe-size-pill:hover,
.shoe-size-pill:active {
    background-color: #fef08a !important;
    border-color: #eab308 !important;
}

.shoe-size-pill.active,
body.light-theme .shoe-size-pill.active,
body .shoe-size-pill.active {
    background-color: #facc15 !important; /* PARLAK CANLI SARI */
    color: #0f172a !important;
    border-color: #ca8a04 !important;
    border-width: 2px !important;
    font-weight: 900 !important;
    box-shadow: 0 2px 10px rgba(202, 138, 4, 0.5) !important;
    transform: scale(1.04) !important;
}

/* RESİM 1 GİBİ AKTİF SARI/TURUNCU SEÇİLİ PAKET KARTI */
.package-card {
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}



.package-card.active .package-radio {
    border-color: #f59e0b !important;
}

.package-card.active .radio-dot {
    background-color: #f59e0b !important;
}

/* Mobilde butonlara tıklanmasını engelleyen arka plan katman fix */
#live-notification {
    pointer-events: none !important;
}
#live-notification > * {
    pointer-events: auto !important;
}


/* =========================================================================
   DARK THEME: PAKET KARTI ESKİ KOYU RENK & 14:00 KARGO SAYAÇ YAZISI BEYAZ
   ========================================================================= */

/* KOYU MODDA SEÇİLİ PAKET KARTI: ESKİ ŞIK KOYU LACİVERT/FÜME ZEMİN */
body:not(.light-theme) .package-card.active,
body:not(.light-theme) #pkg-double.active,
body:not(.light-theme) #pkg-single.active {
    background: linear-gradient(135deg, rgba(30, 27, 75, 0.7) 0%, rgba(15, 23, 42, 0.9) 100%) !important;
    border: 2.5px solid #f59e0b !important; /* Canlı Altın Sarısı / Amber Aktif Çerçeve */
    box-shadow: 0 0 0 1px #f59e0b, 0 8px 24px rgba(245, 158, 11, 0.25) !important;
}

body:not(.light-theme) .package-card.active h4,
body:not(.light-theme) .package-card.active span,
body:not(.light-theme) .package-card.active div {
    color: #ffffff !important;
}

body:not(.light-theme) .package-card.active p {
    color: #94a3b8 !important;
}

/* SADECE AÇIK MODDA SEÇİLİ PAKET KARTI BEYAZ ZEMİN */
body.light-theme .package-card.active,
body.light-theme #pkg-double.active,
body.light-theme #pkg-single.active {
    background: #ffffff !important;
    border: 2.5px solid #f59e0b !important;
    box-shadow: 0 0 0 1px #f59e0b, 0 8px 24px rgba(245, 158, 11, 0.2) !important;
}

body.light-theme .package-card.active h4 {
    color: #0f172a !important;
}

body.light-theme .package-card.active p {
    color: #475569 !important;
}

/* KARGO SAYAÇ KUTUSU (14:00 ve tüm metinler BEMBEYAZ) */
#cutoff-shipping-alert,
#cutoff-shipping-alert *,
#cutoff-shipping-alert span,
#cutoff-shipping-alert div,
#cutoff-shipping-alert strong {
    color: #ffffff !important;
}

#cutoff-shipping-alert strong {
    font-weight: 800 !important;
}

/* =========================================================================
   ORÄ°JÄ°NAL KOYU MOD & CANLI TURUNCU BUTONLAR (TAM VE EKSÄ°KSÄ°Z)
   ========================================================================= */

/* 1. Numara Butonları: Tıklanınca Canlı Turuncu (#ea580c) & Bembeyaz Yazı */
.shoe-size-pill {
    transition: all 0.15s ease !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
}

body:not(.light-theme) .shoe-size-pill {
    background-color: #1e293b !important;
    border: 1.5px solid #334155 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

body:not(.light-theme) .shoe-size-pill:hover {
    background-color: #ea580c !important;
    border-color: #ea580c !important;
    color: #ffffff !important;
}

/* Seçili Numara Butonu: Canlı Turuncu, Bembeyaz Kalın Yazı */
.shoe-size-pill.active,
body:not(.light-theme) .shoe-size-pill.active,
body.light-theme .shoe-size-pill.active {
    background-color: #ea580c !important; /* CANLI TURUNCU */
    color: #ffffff !important; /* BEMBEYAZ YAZI */
    border-color: #ea580c !important;
    border-width: 2px !important;
    font-weight: 900 !important;
    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.45) !important;
    transform: scale(1.05) !important;
}

/* 2. Koyu Modda Paket Kartları (2 Çift Bot Kampanyası vb.): Orijinal Koyu Lacivert/Füme */
body:not(.light-theme) .package-card {
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    color: #ffffff !important;
}

body:not(.light-theme) .package-card.active,
body:not(.light-theme) #pkg-double.active,
body:not(.light-theme) #pkg-single.active {
    background: linear-gradient(135deg, rgba(30, 27, 75, 0.75) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    border: 2.5px solid #ea580c !important; /* Orijinal Canlı Turuncu Aktif Çerçeve */
    box-shadow: 0 0 0 1px #ea580c, 0 8px 24px rgba(234, 88, 12, 0.3) !important;
}

body:not(.light-theme) .package-card.active h4,
body:not(.light-theme) .package-card.active span,
body:not(.light-theme) .package-card.active div {
    color: #ffffff !important;
}

body:not(.light-theme) .package-card.active p {
    color: #94a3b8 !important;
}

body:not(.light-theme) .package-card.active .package-radio {
    border-color: #ea580c !important;
}

body:not(.light-theme) .package-card.active .radio-dot {
    background-color: #ea580c !important;
}

/* Açık Modda Paket Kartı */
body.light-theme .package-card.active {
    background: #ffffff !important;
    border: 2.5px solid #ea580c !important;
    box-shadow: 0 0 0 1px #ea580c, 0 8px 20px rgba(234, 88, 12, 0.2) !important;
}

/* 3. Kargo Sayaç Kutusu (14:00 Sevkiyat Bilgisi ve Sayaç BEMBEYAZ) */
#cutoff-shipping-alert,
#cutoff-shipping-alert *,
#cutoff-shipping-alert span,
#cutoff-shipping-alert div,
#cutoff-shipping-alert strong {
    color: #ffffff !important;
}

#cutoff-shipping-alert strong {
    font-weight: 800 !important;
    text-decoration: underline !important;
}

/* Bildirim katmanının tıklamayı engellemesini önle */
#live-notification {
    pointer-events: none !important;
}
#live-notification > * {
    pointer-events: auto !important;
}


/* =========================================================================
   KARGO VE ÖDEME KARTLARI SEÇİLDİĞİNDE CANLI TURUNCU ÇERÇEVE
   ========================================================================= */
.carrier-card {
    border: 1.5px solid #334155 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.carrier-card.active {
    border: 2.5px solid #ea580c !important; /* CANLI TURUNCU ÇERÇEVE */
    box-shadow: 0 0 0 1px #ea580c, 0 4px 14px rgba(234, 88, 12, 0.25) !important;
}

.payment-card {
    border: 1.5px solid #334155 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.payment-card.active {
    border: 2.5px solid #ea580c !important; /* CANLI TURUNCU ÇERÇEVE */
    box-shadow: 0 0 0 1px #ea580c, 0 4px 14px rgba(234, 88, 12, 0.25) !important;
}

/* ========================================================
   TAKIM TEMA MODLARI: GS / FB / BJK
   ======================================================== */

/* ----- GALATASARAY MODU: Sarı + Kırmızı ----- */
body.gs-theme {
    --team-primary: #f0c000;
    --team-accent: #dd0000;
    --team-bg: #1a0500;
    --team-card: #2a0800;
    --team-border: #6b0000;
}
body.gs-theme .bg-slate-950,
body.gs-theme .bg-slate-900 { background-color: #1a0500 !important; }
body.gs-theme .bg-slate-800 { background-color: #2a0800 !important; }
body.gs-theme .border-slate-800,
body.gs-theme .border-slate-700 { border-color: #6b0000 !important; }
body.gs-theme .bg-brand-600,
body.gs-theme .from-brand-600 { background-color: #dd0000 !important; }
body.gs-theme .bg-brand-500,
body.gs-theme .from-brand-500 { background-color: #e81a1a !important; }
body.gs-theme .text-brand-500,
body.gs-theme .text-amber-400,
body.gs-theme .text-amber-300 { color: #f0c000 !important; }
body.gs-theme .border-brand-500 { border-color: #f0c000 !important; }
body.gs-theme header { background: linear-gradient(135deg, #1a0500 0%, #3a0800 100%) !important; border-bottom-color: #6b0000 !important; }
body.gs-theme .team-mode-btn.gs-btn { background: linear-gradient(135deg, #f0c000, #dd0000) !important; color: #fff !important; box-shadow: 0 0 12px rgba(221,0,0,0.5) !important; transform: scale(1.05) !important; border: 2px solid #f0c000 !important; }

/* ----- FENERBAHÇE MODU: Sarı + Lacivert ----- */
body.fb-theme {
    --team-primary: #f5c800;
    --team-accent: #001f6b;
    --team-bg: #00091a;
    --team-card: #001030;
    --team-border: #002580;
}
body.fb-theme .bg-slate-950,
body.fb-theme .bg-slate-900 { background-color: #00091a !important; }
body.fb-theme .bg-slate-800 { background-color: #001030 !important; }
body.fb-theme .border-slate-800,
body.fb-theme .border-slate-700 { border-color: #002580 !important; }
body.fb-theme .bg-brand-600,
body.fb-theme .from-brand-600 { background-color: #001f6b !important; }
body.fb-theme .bg-brand-500,
body.fb-theme .from-brand-500 { background-color: #002a8a !important; }
body.fb-theme .text-brand-500,
body.fb-theme .text-amber-400,
body.fb-theme .text-amber-300 { color: #f5c800 !important; }
body.fb-theme .border-brand-500 { border-color: #f5c800 !important; }
body.fb-theme header { background: linear-gradient(135deg, #00091a 0%, #001030 100%) !important; border-bottom-color: #002580 !important; }
body.fb-theme .team-mode-btn.fb-btn { background: linear-gradient(135deg, #f5c800, #001f6b) !important; color: #fff !important; box-shadow: 0 0 12px rgba(0,31,107,0.6) !important; transform: scale(1.05) !important; border: 2px solid #f5c800 !important; }

/* ----- BEŞİKTAŞ MODU: Beyaz + Siyah ----- */
body.bjk-theme {
    --team-primary: #e0e0e0;
    --team-accent: #1a1a2e;
    --team-bg: #0d0d14;
    --team-card: #16161f;
    --team-border: #3a3a50;
}
body.bjk-theme .bg-slate-950,
body.bjk-theme .bg-slate-900 { background-color: #0d0d14 !important; }
body.bjk-theme .bg-slate-800 { background-color: #16161f !important; }
body.bjk-theme .border-slate-800,
body.bjk-theme .border-slate-700 { border-color: #3a3a50 !important; }
body.bjk-theme .bg-brand-600,
body.bjk-theme .from-brand-600 { background-color: #1a1a2e !important; }
body.bjk-theme .bg-brand-500,
body.bjk-theme .from-brand-500 { background-color: #252540 !important; }
body.bjk-theme .text-brand-500,
body.bjk-theme .text-amber-400,
body.bjk-theme .text-amber-300 { color: #e0e0e0 !important; }
body.bjk-theme .border-brand-500 { border-color: #888 !important; }
body.bjk-theme header { background: linear-gradient(135deg, #0d0d14 0%, #16161f 100%) !important; border-bottom-color: #3a3a50 !important; }
body.bjk-theme .team-mode-btn.bjk-btn { background: linear-gradient(135deg, #ffffff, #1a1a2e) !important; color: #1a1a2e !important; box-shadow: 0 0 12px rgba(255,255,255,0.3) !important; transform: scale(1.05) !important; border: 2px solid #888 !important; }

/* ----- TAKIM MOD BUTON GENEL STİL ----- */
.team-mode-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 800;
    cursor: pointer;
    transition: all 0.25s ease;
    border: 1.5px solid rgba(255,255,255,0.15);
    white-space: nowrap;
    letter-spacing: 0.02em;
}
.team-mode-btn:hover { transform: scale(1.07); opacity: 0.95; }
.team-mode-btn.gs-btn { background: linear-gradient(135deg, #2d1800, #3a0a0a); color: #f0c000; border-color: #c08000; }
.team-mode-btn.fb-btn { background: linear-gradient(135deg, #001030, #001a50); color: #f5c800; border-color: #003090; }
.team-mode-btn.bjk-btn { background: linear-gradient(135deg, #16161f, #2a2a3e); color: #e0e0e0; border-color: #4a4a6a; }
.team-mode-btn.reset-btn { background: linear-gradient(135deg, #1e293b, #334155); color: #94a3b8; border-color: #475569; }


/* Aktif takım modu butonu vurgusu */
.team-mode-btn[data-active="1"].gs-btn  { background: linear-gradient(135deg, #f0c000, #dd0000) !important; color: #fff !important; box-shadow: 0 0 14px rgba(240,192,0,0.6) !important; transform: scale(1.08) !important; }
.team-mode-btn[data-active="1"].fb-btn  { background: linear-gradient(135deg, #f5c800, #001f6b) !important; color: #fff !important; box-shadow: 0 0 14px rgba(245,200,0,0.5) !important; transform: scale(1.08) !important; }
.team-mode-btn[data-active="1"].bjk-btn { background: linear-gradient(135deg, #ffffff, #1a1a2e) !important; color: #1a1a2e !important; box-shadow: 0 0 14px rgba(255,255,255,0.4) !important; transform: scale(1.08) !important; }
.team-mode-btn[data-active="1"].reset-btn { background: linear-gradient(135deg, #475569, #64748b) !important; color: #fff !important; transform: scale(1.05) !important; }

/* Mobil bant scroll */
.team-mobile-band { scrollbar-width: none; }
.team-mobile-band::-webkit-scrollbar { display: none; }


/* ==========================================================================
   TARAFTAR TAKIM TEMA MODLARI (GS / FB / BJK) - PREMIUM TARAFTAR DENEYİMİ
   ========================================================================== */

/* ----------------- 1. GALATASARAY TEMASI (Sarı & Kırmızı) ----------------- */
body.gs-theme {
    background: radial-gradient(circle at top center, #2e0609 0%, #120204 100%) !important;
    color: #fce7f3;
}
body.gs-theme header {
    background: rgba(46, 6, 9, 0.95) !important;
    border-bottom: 2px solid #a90432 !important;
    box-shadow: 0 4px 20px rgba(169, 4, 50, 0.35) !important;
}
body.gs-theme #hero {
    background: linear-gradient(180deg, rgba(46, 6, 9, 0.9) 0%, rgba(18, 2, 4, 0.95) 100%) !important;
    border-bottom: 2px solid #a90432 !important;
    color: #fff !important;
}
body.gs-theme #hero h1 {
    color: #ffffff !important;
}
body.gs-theme #hero h1 span.text-\[\#e31e24\] {
    color: #fdb912 !important;
    text-shadow: 0 0 20px rgba(253, 185, 18, 0.5) !important;
}
body.gs-theme .team-mode-btn.gs-btn {
    background: linear-gradient(135deg, #fdb912 0%, #c8102e 100%) !important;
    color: #ffffff !important;
    border: 2px solid #fdb912 !important;
    box-shadow: 0 0 16px rgba(253, 185, 18, 0.7) !important;
    transform: scale(1.08) !important;
}
body.gs-theme .bg-brand-600,
body.gs-theme .bg-brand-500,
body.gs-theme .from-brand-600 {
    background-color: #c8102e !important;
}
body.gs-theme .text-brand-500,
body.gs-theme .text-amber-400,
body.gs-theme .text-amber-300 {
    color: #fdb912 !important;
}
body.gs-theme .border-brand-500 {
    border-color: #fdb912 !important;
}
body.gs-theme .product-card {
    border: 1px solid rgba(253, 185, 18, 0.3) !important;
    background: #1c0406 !important;
}
body.gs-theme .product-card:hover {
    border-color: #fdb912 !important;
    box-shadow: 0 8px 30px rgba(200, 16, 46, 0.45) !important;
}
body.gs-theme .bg-slate-900,
body.gs-theme .bg-slate-950 {
    background-color: #170305 !important;
}
body.gs-theme .border-slate-800,
body.gs-theme .border-slate-700 {
    border-color: #4a0b12 !important;
}

/* ----------------- 2. FENERBAHÇE TEMASI (Sarı & Lacivert) ----------------- */
body.fb-theme {
    background: radial-gradient(circle at top center, #001f54 0%, #000c24 100%) !important;
    color: #e0f2fe;
}
body.fb-theme header {
    background: rgba(0, 31, 84, 0.95) !important;
    border-bottom: 2px solid #fed100 !important;
    box-shadow: 0 4px 20px rgba(0, 31, 84, 0.6) !important;
}
body.fb-theme #hero {
    background: linear-gradient(180deg, rgba(0, 31, 84, 0.9) 0%, rgba(0, 12, 36, 0.95) 100%) !important;
    border-bottom: 2px solid #002d72 !important;
    color: #fff !important;
}
body.fb-theme #hero h1 {
    color: #ffffff !important;
}
body.fb-theme #hero h1 span.text-\[\#e31e24\] {
    color: #fed100 !important;
    text-shadow: 0 0 20px rgba(254, 209, 0, 0.5) !important;
}
body.fb-theme .team-mode-btn.fb-btn {
    background: linear-gradient(135deg, #fed100 0%, #001f54 100%) !important;
    color: #ffffff !important;
    border: 2px solid #fed100 !important;
    box-shadow: 0 0 16px rgba(254, 209, 0, 0.7) !important;
    transform: scale(1.08) !important;
}
body.fb-theme .bg-brand-600,
body.fb-theme .bg-brand-500,
body.fb-theme .from-brand-600 {
    background-color: #002d72 !important;
}
body.fb-theme .text-brand-500,
body.fb-theme .text-amber-400,
body.fb-theme .text-amber-300 {
    color: #fed100 !important;
}
body.fb-theme .border-brand-500 {
    border-color: #fed100 !important;
}
body.fb-theme .product-card {
    border: 1px solid rgba(254, 209, 0, 0.3) !important;
    background: #001438 !important;
}
body.fb-theme .product-card:hover {
    border-color: #fed100 !important;
    box-shadow: 0 8px 30px rgba(0, 45, 114, 0.6) !important;
}
body.fb-theme .bg-slate-900,
body.fb-theme .bg-slate-950 {
    background-color: #000f2e !important;
}
body.fb-theme .border-slate-800,
body.fb-theme .border-slate-700 {
    border-color: #002d72 !important;
}

/* ----------------- 3. BEŞİKTAŞ TEMASI (Siyah & Beyaz) ----------------- */
body.bjk-theme {
    background: radial-gradient(circle at top center, #18181b 0%, #09090b 100%) !important;
    color: #f4f4f5;
}
body.bjk-theme header {
    background: rgba(18, 18, 20, 0.95) !important;
    border-bottom: 2px solid #e4e4e7 !important;
    box-shadow: 0 4px 20px rgba(255, 255, 255, 0.15) !important;
}
body.bjk-theme #hero {
    background: linear-gradient(180deg, rgba(24, 24, 27, 0.95) 0%, rgba(9, 9, 11, 0.98) 100%) !important;
    border-bottom: 2px solid #3f3f46 !important;
    color: #fff !important;
}
body.bjk-theme #hero h1 {
    color: #ffffff !important;
}
body.bjk-theme #hero h1 span.text-\[\#e31e24\] {
    color: #ffffff !important;
    text-shadow: 0 0 20px rgba(255, 255, 255, 0.6) !important;
}
body.bjk-theme .team-mode-btn.bjk-btn {
    background: linear-gradient(135deg, #ffffff 0%, #18181b 100%) !important;
    color: #000000 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 0 16px rgba(255, 255, 255, 0.6) !important;
    transform: scale(1.08) !important;
}
body.bjk-theme .bg-brand-600,
body.bjk-theme .bg-brand-500,
body.bjk-theme .from-brand-600 {
    background-color: #27272a !important;
}
body.bjk-theme .text-brand-500,
body.bjk-theme .text-amber-400,
body.bjk-theme .text-amber-300 {
    color: #ffffff !important;
}
body.bjk-theme .border-brand-500 {
    border-color: #ffffff !important;
}
body.bjk-theme .product-card {
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    background: #141416 !important;
}
body.bjk-theme .product-card:hover {
    border-color: #ffffff !important;
    box-shadow: 0 8px 30px rgba(255, 255, 255, 0.25) !important;
}
body.bjk-theme .bg-slate-900,
body.bjk-theme .bg-slate-950 {
    background-color: #0e0e11 !important;
}
body.bjk-theme .border-slate-800,
body.bjk-theme .border-slate-700 {
    border-color: #27272a !important;
}

/* Takım rengi ve aydınlık tercihi birlikte uygulanır. */

body.gs-theme { --team-primary: #c8102e; --team-accent: #fdb912; --team-surface: #1c0406; --team-text: #fff4db; --team-muted: #cbd5e1; background: #2e0609 !important; color: var(--team-text) !important; }
body.gs-theme.light-theme { --team-surface: #fffdf5; --team-text: #6f1022; --team-muted: #475569; background: #fff8e6 !important; }
body.gs-theme header, body.gs-theme #hero, body.gs-theme .product-card, body.gs-theme .bg-slate-900, body.gs-theme .bg-slate-950, body.gs-theme [class*="bg-brand-surface"], body.gs-theme .hero-package-card { background: var(--team-surface) !important; color: var(--team-text) !important; }
body.gs-theme #hero h1, body.gs-theme .text-white, body.gs-theme .hero-title-main, body.gs-theme .logo-title-main { color: var(--team-text) !important; }
body.gs-theme .text-slate-300, body.gs-theme .text-slate-400, body.gs-theme .hero-subtitle, body.gs-theme .site-slogan { color: var(--team-muted) !important; }
body.gs-theme .text-brand-500, body.gs-theme .text-amber-400, body.gs-theme .text-amber-300, body.gs-theme .hero-yellow-title { color: #fdb912 !important; }
body.gs-theme.light-theme .text-brand-500, body.gs-theme.light-theme .text-amber-400, body.gs-theme.light-theme .text-amber-300, body.gs-theme.light-theme .hero-yellow-title { color: #c8102e !important; }
body.gs-theme .bg-brand-600, body.gs-theme .bg-brand-500, body.gs-theme [class*="bg-gradient-to-"][class*="from-brand-"] { background: linear-gradient(110deg, #c8102e 72%, #fdb912) !important; color: #fff !important; }
body.gs-theme .bg-brand-600 *, body.gs-theme .bg-brand-500 *, body.gs-theme [class*="bg-gradient-to-"][class*="from-brand-"] * { color: #fff !important; }
body.gs-theme header, body.gs-theme .product-card { border-color: #c8102e !important; }
body.gs-theme .product-card { border-top: 4px solid #c8102e !important; }
body.gs-theme .team-mode-btn[data-active="1"] { background: #c8102e !important; color: #fff !important; border-color: #fdb912 !important; }

body.fb-theme { --team-primary: #002d72; --team-accent: #fed100; --team-surface: #001438; --team-text: #fff8ce; --team-muted: #cbd5e1; background: #000c24 !important; color: var(--team-text) !important; }
body.fb-theme.light-theme { --team-surface: #fffef5; --team-text: #001f54; --team-muted: #475569; background: #fffbe6 !important; }
body.fb-theme header, body.fb-theme #hero, body.fb-theme .product-card, body.fb-theme .bg-slate-900, body.fb-theme .bg-slate-950, body.fb-theme [class*="bg-brand-surface"], body.fb-theme .hero-package-card { background: var(--team-surface) !important; color: var(--team-text) !important; }
body.fb-theme #hero h1, body.fb-theme .text-white, body.fb-theme .hero-title-main, body.fb-theme .logo-title-main { color: var(--team-text) !important; }
body.fb-theme .text-slate-300, body.fb-theme .text-slate-400, body.fb-theme .hero-subtitle, body.fb-theme .site-slogan { color: var(--team-muted) !important; }
body.fb-theme .text-brand-500, body.fb-theme .text-amber-400, body.fb-theme .text-amber-300, body.fb-theme .hero-yellow-title { color: #fed100 !important; }
body.fb-theme.light-theme .text-brand-500, body.fb-theme.light-theme .text-amber-400, body.fb-theme.light-theme .text-amber-300, body.fb-theme.light-theme .hero-yellow-title { color: #002d72 !important; }
body.fb-theme .bg-brand-600, body.fb-theme .bg-brand-500, body.fb-theme [class*="bg-gradient-to-"][class*="from-brand-"] { background: linear-gradient(110deg, #002d72 72%, #fed100) !important; color: #fff !important; }
body.fb-theme .bg-brand-600 *, body.fb-theme .bg-brand-500 *, body.fb-theme [class*="bg-gradient-to-"][class*="from-brand-"] * { color: #fff !important; }
body.fb-theme header, body.fb-theme .product-card { border-color: #002d72 !important; }
body.fb-theme .product-card { border-top: 4px solid #002d72 !important; }
body.fb-theme .team-mode-btn[data-active="1"] { background: #002d72 !important; color: #fff !important; border-color: #fed100 !important; }

body.bjk-theme { --team-primary: #18181b; --team-accent: #ffffff; --team-surface: #18181b; --team-text: #f4f4f5; --team-muted: #cbd5e1; background: #09090b !important; color: var(--team-text) !important; }
body.bjk-theme.light-theme { --team-surface: #ffffff; --team-text: #18181b; --team-muted: #475569; background: #f4f4f5 !important; }
body.bjk-theme header, body.bjk-theme #hero, body.bjk-theme .product-card, body.bjk-theme .bg-slate-900, body.bjk-theme .bg-slate-950, body.bjk-theme [class*="bg-brand-surface"], body.bjk-theme .hero-package-card { background: var(--team-surface) !important; color: var(--team-text) !important; }
body.bjk-theme #hero h1, body.bjk-theme .text-white, body.bjk-theme .hero-title-main, body.bjk-theme .logo-title-main { color: var(--team-text) !important; }
body.bjk-theme .text-slate-300, body.bjk-theme .text-slate-400, body.bjk-theme .hero-subtitle, body.bjk-theme .site-slogan { color: var(--team-muted) !important; }
body.bjk-theme .text-brand-500, body.bjk-theme .text-amber-400, body.bjk-theme .text-amber-300, body.bjk-theme .hero-yellow-title { color: #ffffff !important; }
body.bjk-theme.light-theme .text-brand-500, body.bjk-theme.light-theme .text-amber-400, body.bjk-theme.light-theme .text-amber-300, body.bjk-theme.light-theme .hero-yellow-title { color: #18181b !important; }
body.bjk-theme .bg-brand-600, body.bjk-theme .bg-brand-500, body.bjk-theme [class*="bg-gradient-to-"][class*="from-brand-"] { background: linear-gradient(110deg, #18181b 72%, #ffffff) !important; color: #fff !important; }
body.bjk-theme .bg-brand-600 *, body.bjk-theme .bg-brand-500 *, body.bjk-theme [class*="bg-gradient-to-"][class*="from-brand-"] * { color: #fff !important; }
body.bjk-theme header, body.bjk-theme .product-card { border-color: #18181b !important; }
body.bjk-theme .product-card { border-top: 4px solid #18181b !important; }
body.bjk-theme .team-mode-btn[data-active="1"] { background: #18181b !important; color: #fff !important; border-color: #ffffff !important; }

/* Logo şeridi: takım seçimi doğrudan altındaki kataloğu değiştirir. */
.club-selector { display:flex; align-items:center; justify-content:center; gap:clamp(12px,4vw,54px); flex-wrap:wrap; padding:22px 12px; background:#fff; border:1px solid #e5e7eb; border-radius:16px; scroll-margin-top:100px; }
.club-tab { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:10px 4px; border:0; background:transparent; color:#111827; font-size:14px; font-weight:800; cursor:pointer; }
.club-tab img { width:32px; height:40px; object-fit:contain; }
.club-tab span { padding:6px 0; border-bottom:2px solid transparent; }
.club-tab:hover span, .club-tab[aria-pressed="true"] span { color:#c8102e; border-bottom-color:currentColor; }
.club-tab.fb-tab[aria-pressed="true"] span { color:#002d72; border-bottom-color:#d4a600; }
.club-tab.bjk-tab[aria-pressed="true"] span { color:#111; }
.club-tab:focus-visible { outline:3px solid #2563eb; outline-offset:5px; border-radius:4px; }
.club-tab.all-tab { font-size:12px; color:#64748b; }
.club-collection-label { margin:18px 0 26px; font-weight:800; text-align:center; color:inherit; font-size:18px; }
body.gs-theme #hero, body.gs-theme.light-theme #hero { background:linear-gradient(115deg,#920d25,#c8102e 78%,#fdb912 78%) !important; }
body.fb-theme #hero, body.fb-theme.light-theme #hero { background:linear-gradient(115deg,#001530,#002d72 78%,#fed100 78%) !important; }
body.bjk-theme #hero, body.bjk-theme.light-theme #hero { background:linear-gradient(115deg,#09090b,#27272a 78%,#fff 78%) !important; }
body:is(.gs-theme,.fb-theme,.bjk-theme) #hero h1 { color:#fff !important; }
body:is(.gs-theme,.fb-theme,.bjk-theme) #hero > div > div > div:first-child > p,
body:is(.gs-theme,.fb-theme,.bjk-theme) #hero > div > div > div:first-child > span { color:#f1f5f9 !important; }
body.gs-theme #hero h1 span:last-child { color:#fdb912 !important; }
body.fb-theme #hero h1 span:last-child { color:#fed100 !important; }
body.bjk-theme #hero h1 span:last-child { color:#fff !important; }
body:is(.gs-theme,.fb-theme,.bjk-theme) #hero button[onclick="scrollToCatalog()"] { background:var(--team-accent) !important; color:#111827 !important; }
body:is(.gs-theme,.fb-theme,.bjk-theme) #hero button[onclick="scrollToCatalog()"] span { color:#111827 !important; }
body:is(.gs-theme,.fb-theme,.bjk-theme) #catalog-section { background:var(--team-surface) !important; }
body.gs-theme .club-selector { border-top:4px solid #c8102e; }
body.fb-theme .club-selector { border-top:4px solid #fed100; }
body.bjk-theme .club-selector { border-top:4px solid #18181b; }
@media(max-width:560px) { .club-selector { gap:10px; padding:14px 8px; } .club-tab { gap:5px; font-size:11px; } .club-tab img { width:24px; height:30px; } .club-tab.all-tab { flex-basis:100%; padding:0; } }

/* Kontrast: bildirimler ve koyu renkli rozetler. */
body:is(.gs-theme,.fb-theme,.bjk-theme) #app-toast, body:is(.gs-theme,.fb-theme,.bjk-theme) #app-toast * { color:#fff !important; }
body:is(.gs-theme,.fb-theme,.bjk-theme) .bg-red-700 { color:#fdb912 !important; }
body:is(.gs-theme,.fb-theme,.bjk-theme) .bg-slate-950.text-white { color:var(--team-text) !important; }

/* GS: Kırmızı alanlarda sarı tipografi. */
body.gs-theme #hero h1,
body.gs-theme #hero h1 span,
body.gs-theme #hero > div > div > div:first-child > p,
body.gs-theme #hero > div > div > div:first-child > span {
    color:#fdb912 !important;
}
body.gs-theme section.bg-\[\#e31e24\],
body.gs-theme section.bg-\[\#e31e24\] *,
body.gs-theme .bg-brand-600,
body.gs-theme .bg-brand-600 *,
body.gs-theme .bg-brand-500,
body.gs-theme .bg-brand-500 *,
body.gs-theme [class*="bg-gradient-to-"][class*="from-brand-"],
body.gs-theme [class*="bg-gradient-to-"][class*="from-brand-"] *,
body.gs-theme .team-mode-btn.gs-btn[data-active="1"] {
    color:#fdb912 !important;
}
body.gs-theme .bg-brand-600,
body.gs-theme .bg-brand-500,
body.gs-theme [class*="bg-gradient-to-"][class*="from-brand-"] {
    background:#a81028 !important;
}
body.gs-theme #hero button[onclick="scrollToCatalog()"],
body.gs-theme #hero button[onclick="scrollToCatalog()"] span {
    background:#a81028 !important;
    color:#fdb912 !important;
}
body.gs-theme #hero button[onclick="scrollToCatalog()"] {
    border:2px solid #fdb912;
}
body.gs-theme #hero .bg-\[\#6b0f1a\],
body.gs-theme #hero .bg-\[\#6b0f1a\] * { color:#fdb912 !important; }

/* GS seçim sistemi: kırmızı yüzey, sarı yazı ve seçim çerçevesi. */
body.gs-theme { --gs-red:#a81028; --gs-yellow:#fdb912; }
body.gs-theme #catalog-grid .product-card {
    border:2px solid #c8102e !important;
    border-top:5px solid var(--gs-yellow) !important;
    box-shadow:0 4px 18px rgba(168,16,40,.12) !important;
}
body.gs-theme #catalog-grid .product-card:hover,
body.gs-theme #catalog-grid .product-card:has(.shoe-size-pill.active) {
    border-color:var(--gs-yellow) !important;
    box-shadow:0 0 0 2px var(--gs-red),0 8px 24px rgba(168,16,40,.18) !important;
    --tw-ring-color:transparent;
}
body.gs-theme #catalog-grid .shoe-size-pill {
    border-color:#c8102e !important;
    color:var(--team-text) !important;
    background:var(--team-surface) !important;
}
body.gs-theme #catalog-grid .shoe-size-pill.active,
body.gs-theme #catalog-grid .shoe-size-pill:hover,
body.gs-theme #catalog-grid button.bg-emerald-600,
body.gs-theme #catalog-grid span.bg-amber-600,
body.gs-theme #catalog-grid span.bg-brand-600 {
    background:var(--gs-red) !important;
    color:var(--gs-yellow) !important;
    border-color:var(--gs-yellow) !important;
    box-shadow:0 0 0 1px var(--gs-yellow) !important;
}
body.gs-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card) {
    background:var(--team-surface) !important;
    color:var(--team-text) !important;
    border:2px solid #c8102e !important;
}
body.gs-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card):hover {
    box-shadow:0 0 0 2px var(--gs-yellow) !important;
}
body.gs-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card).active {
    background:var(--gs-red) !important;
    border:2px solid var(--gs-yellow) !important;
    color:var(--gs-yellow) !important;
    box-shadow:0 0 0 2px var(--gs-red),0 6px 18px rgba(168,16,40,.18) !important;
}
body.gs-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card).active * {
    color:var(--gs-yellow) !important;
    border-color:var(--gs-yellow) !important;
}
body.gs-theme #siparis-formu .package-card.active .radio-dot {
    background:var(--gs-yellow) !important;
}
body.gs-theme #siparis-formu input[type="radio"] { accent-color:var(--gs-yellow); }
body.gs-theme #siparis-formu input:focus,
body.gs-theme #siparis-formu select:focus,
body.gs-theme #siparis-formu textarea:focus {
    outline:2px solid var(--gs-yellow) !important;
    outline-offset:2px;
    border-color:var(--gs-red) !important;
}
body.gs-theme #siparis-formu .selected-boot-row {
    background:var(--team-surface) !important;
    border:2px solid var(--gs-red) !important;
    border-left:6px solid var(--gs-yellow) !important;
}
body.gs-theme #siparis-formu .selected-boot-row .bg-indigo-600,
body.gs-theme #siparis-formu #side-status-banner,
body.gs-theme #selection-counter-badge,
body.gs-theme #btn-submit-order {
    background:var(--gs-red) !important;
    color:var(--gs-yellow) !important;
    border:2px solid var(--gs-yellow) !important;
}
body.gs-theme #selection-counter-badge *,
body.gs-theme #siparis-formu #side-status-banner *,
body.gs-theme #btn-submit-order * { color:var(--gs-yellow) !important; }
body.gs-theme #siparis-formu .selected-boot-row button {
    background:var(--gs-red) !important;
    color:var(--gs-yellow) !important;
    border-color:var(--gs-yellow) !important;
}
body.gs-theme #siparis-formu .selected-boot-row button * { color:var(--gs-yellow) !important; }
body.gs-theme #siparis-formu .package-card:not(.active) :is(h4,p,span) { color:var(--team-text) !important; }
body.gs-theme #siparis-formu #pkg-single { background:var(--team-surface) !important; border:2px solid #c8102e !important; }
body.gs-theme #siparis-formu #pkg-single.active { background:var(--gs-red) !important; border:2px solid var(--gs-yellow) !important; }
body.gs-theme #siparis-formu #pkg-single.active * { color:var(--gs-yellow) !important; }
body.gs-theme .size-guide-banner { border-color:var(--gs-red) !important; }
body.gs-theme .size-guide-badge, body.gs-theme .size-guide-icon-box, body.gs-theme .size-guide-banner button { background:var(--gs-red) !important; color:var(--gs-yellow) !important; }
body.gs-theme .size-guide-banner button * { color:var(--gs-yellow) !important; }

/* Koleksiyon adı her modda kendi takımının renklerini taşır. */
body #hero .club-card-title {
    display:block;
    padding:10px 8px;
    border-radius:10px;
    font-family:'Oswald',sans-serif;
    font-size:18px;
    font-weight:700;
    letter-spacing:.3px;
    line-height:1.4;
}
body #hero .club-card-title.bjk-title {
    background:#171717 !important;
    color:#fff !important;
    border-bottom:3px solid #fff;
}
body #hero .club-card-title.fb-title {
    background:#002d72 !important;
    color:#fed100 !important;
    border-bottom:3px solid #fed100;
}
body #hero .club-card-title.gs-title {
    background:#a81028 !important;
    color:#fdb912 !important;
    border-bottom:3px solid #fdb912;
}

/* Üç takım başlığının yüksekliği ve çerçeveleri eşit. */
body #hero .club-card-title {
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    border:1px solid currentColor;
}
body #hero .club-card-title.bjk-title {
    border:1px solid #fff;
    box-shadow:0 0 0 1px #171717;
}
body #hero [role="button"][onclick="filterTeam('Beşiktaş')"] {
    border:1px solid #171717 !important;
    box-shadow:0 0 0 1px #fff,0 5px 16px #00000018 !important;
}
body #hero [role="button"][onclick="filterTeam('Galatasaray')"] > div:first-child,
body #hero [role="button"][onclick="filterTeam('Galatasaray')"] > div:first-child span {
    color:#fdb912 !important;
    background:#6b0f1a !important;
}

/* Takım kartlarında ve başlık düğmelerinde iki renkli ince çerçeve. */
body #hero [role="button"][onclick="filterTeam('Beşiktaş')"] { --club-edge:linear-gradient(125deg,#111 0%,#fff 48%,#111 100%); --club-fill:#171717; }
body #hero [role="button"][onclick="filterTeam('Fenerbahçe')"] { --club-edge:linear-gradient(125deg,#fed100 0%,#002d72 50%,#fed100 100%); --club-fill:#002d72; }
body #hero [role="button"][onclick="filterTeam('Galatasaray')"] { --club-edge:linear-gradient(125deg,#fdb912 0%,#c8102e 50%,#fdb912 100%); --club-fill:#a81028; }
body #hero [role="button"][onclick^="filterTeam("] {
    position:relative;
    border:0 !important;
    box-shadow:0 5px 16px #00000020 !important;
}
body #hero [role="button"][onclick^="filterTeam("]::after {
    content:"";
    position:absolute;
    inset:0;
    border-radius:inherit;
    padding:2px;
    background:var(--club-edge);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
}
body #hero .club-card-title:is(.bjk-title,.fb-title,.gs-title) {
    border:2px solid transparent !important;
    background:linear-gradient(var(--club-fill),var(--club-fill)) padding-box,var(--club-edge) border-box !important;
    box-shadow:none !important;
}

/* GS seçim sistemi: kırmızı yüzey, sarı yazı ve seçim çerçevesi. */
body.fb-theme { --fb-selection-primary:#002d72; --fb-selection-accent:#fed100; }
body.fb-theme #catalog-grid .product-card {
    border:2px solid #002d72 !important;
    border-top:5px solid var(--fb-selection-accent) !important;
    box-shadow:0 4px 18px rgba(0,45,114,.12) !important;
}
body.fb-theme #catalog-grid .product-card:hover,
body.fb-theme #catalog-grid .product-card:has(.shoe-size-pill.active) {
    border-color:var(--fb-selection-accent) !important;
    box-shadow:0 0 0 2px var(--fb-selection-primary),0 8px 24px rgba(0,45,114,.18) !important;
    --tw-ring-color:transparent;
}
body.fb-theme #catalog-grid .shoe-size-pill {
    border-color:#002d72 !important;
    color:var(--team-text) !important;
    background:var(--team-surface) !important;
}
body.fb-theme #catalog-grid .shoe-size-pill.active,
body.fb-theme #catalog-grid .shoe-size-pill:hover,
body.fb-theme #catalog-grid button.bg-emerald-600,
body.fb-theme #catalog-grid span.bg-amber-600,
body.fb-theme #catalog-grid span.bg-brand-600 {
    background:var(--fb-selection-primary) !important;
    color:var(--fb-selection-accent) !important;
    border-color:var(--fb-selection-accent) !important;
    box-shadow:0 0 0 1px var(--fb-selection-accent) !important;
}
body.fb-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card) {
    background:var(--team-surface) !important;
    color:var(--team-text) !important;
    border:2px solid #002d72 !important;
}
body.fb-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card):hover {
    box-shadow:0 0 0 2px var(--fb-selection-accent) !important;
}
body.fb-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card).active {
    background:var(--fb-selection-primary) !important;
    border:2px solid var(--fb-selection-accent) !important;
    color:var(--fb-selection-accent) !important;
    box-shadow:0 0 0 2px var(--fb-selection-primary),0 6px 18px rgba(0,45,114,.18) !important;
}
body.fb-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card).active * {
    color:var(--fb-selection-accent) !important;
    border-color:var(--fb-selection-accent) !important;
}
body.fb-theme #siparis-formu .package-card.active .radio-dot {
    background:var(--fb-selection-accent) !important;
}
body.fb-theme #siparis-formu input[type="radio"] { accent-color:var(--fb-selection-accent); }
body.fb-theme #siparis-formu input:focus,
body.fb-theme #siparis-formu select:focus,
body.fb-theme #siparis-formu textarea:focus {
    outline:2px solid var(--fb-selection-accent) !important;
    outline-offset:2px;
    border-color:var(--fb-selection-primary) !important;
}
body.fb-theme #siparis-formu .selected-boot-row {
    background:var(--team-surface) !important;
    border:2px solid var(--fb-selection-primary) !important;
    border-left:6px solid var(--fb-selection-accent) !important;
}
body.fb-theme #siparis-formu .selected-boot-row .bg-indigo-600,
body.fb-theme #siparis-formu #side-status-banner,
body.fb-theme #selection-counter-badge,
body.fb-theme #btn-submit-order {
    background:var(--fb-selection-primary) !important;
    color:var(--fb-selection-accent) !important;
    border:2px solid var(--fb-selection-accent) !important;
}
body.fb-theme #selection-counter-badge *,
body.fb-theme #siparis-formu #side-status-banner *,
body.fb-theme #btn-submit-order * { color:var(--fb-selection-accent) !important; }
body.fb-theme #siparis-formu .selected-boot-row button {
    background:var(--fb-selection-primary) !important;
    color:var(--fb-selection-accent) !important;
    border-color:var(--fb-selection-accent) !important;
}
body.fb-theme #siparis-formu .selected-boot-row button * { color:var(--fb-selection-accent) !important; }
body.fb-theme #siparis-formu .package-card:not(.active) :is(h4,p,span) { color:var(--team-text) !important; }
body.fb-theme #siparis-formu #pkg-single { background:var(--team-surface) !important; border:2px solid #002d72 !important; }
body.fb-theme #siparis-formu #pkg-single.active { background:var(--fb-selection-primary) !important; border:2px solid var(--fb-selection-accent) !important; }
body.fb-theme #siparis-formu #pkg-single.active * { color:var(--fb-selection-accent) !important; }
body.fb-theme .size-guide-banner { border-color:var(--fb-selection-primary) !important; }
body.fb-theme .size-guide-badge, body.fb-theme .size-guide-icon-box, body.fb-theme .size-guide-banner button { background:var(--fb-selection-primary) !important; color:var(--fb-selection-accent) !important; }
body.fb-theme .size-guide-banner button * { color:var(--fb-selection-accent) !important; }


/* GS seçim sistemi: kırmızı yüzey, sarı yazı ve seçim çerçevesi. */
body.bjk-theme { --bjk-selection-primary:#171717; --bjk-selection-accent:#ffffff; }
body.bjk-theme #catalog-grid .product-card {
    border:2px solid #171717 !important;
    border-top:5px solid var(--bjk-selection-accent) !important;
    box-shadow:0 4px 18px rgba(23,23,23,.12) !important;
}
body.bjk-theme #catalog-grid .product-card:hover,
body.bjk-theme #catalog-grid .product-card:has(.shoe-size-pill.active) {
    border-color:var(--bjk-selection-accent) !important;
    box-shadow:0 0 0 2px var(--bjk-selection-primary),0 8px 24px rgba(23,23,23,.18) !important;
    --tw-ring-color:transparent;
}
body.bjk-theme #catalog-grid .shoe-size-pill {
    border-color:#171717 !important;
    color:var(--team-text) !important;
    background:var(--team-surface) !important;
}
body.bjk-theme #catalog-grid .shoe-size-pill.active,
body.bjk-theme #catalog-grid .shoe-size-pill:hover,
body.bjk-theme #catalog-grid button.bg-emerald-600,
body.bjk-theme #catalog-grid span.bg-amber-600,
body.bjk-theme #catalog-grid span.bg-brand-600 {
    background:var(--bjk-selection-primary) !important;
    color:var(--bjk-selection-accent) !important;
    border-color:var(--bjk-selection-accent) !important;
    box-shadow:0 0 0 1px var(--bjk-selection-accent) !important;
}
body.bjk-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card) {
    background:var(--team-surface) !important;
    color:var(--team-text) !important;
    border:2px solid #171717 !important;
}
body.bjk-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card):hover {
    box-shadow:0 0 0 2px var(--bjk-selection-accent) !important;
}
body.bjk-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card).active {
    background:var(--bjk-selection-primary) !important;
    border:2px solid var(--bjk-selection-accent) !important;
    color:var(--bjk-selection-accent) !important;
    box-shadow:0 0 0 2px var(--bjk-selection-primary),0 6px 18px rgba(23,23,23,.18) !important;
}
body.bjk-theme #siparis-formu :is(.package-card,.carrier-card,.payment-card).active * {
    color:var(--bjk-selection-accent) !important;
    border-color:var(--bjk-selection-accent) !important;
}
body.bjk-theme #siparis-formu .package-card.active .radio-dot {
    background:var(--bjk-selection-accent) !important;
}
body.bjk-theme #siparis-formu input[type="radio"] { accent-color:var(--bjk-selection-accent); }
body.bjk-theme #siparis-formu input:focus,
body.bjk-theme #siparis-formu select:focus,
body.bjk-theme #siparis-formu textarea:focus {
    outline:2px solid var(--bjk-selection-accent) !important;
    outline-offset:2px;
    border-color:var(--bjk-selection-primary) !important;
}
body.bjk-theme #siparis-formu .selected-boot-row {
    background:var(--team-surface) !important;
    border:2px solid var(--bjk-selection-primary) !important;
    border-left:6px solid var(--bjk-selection-accent) !important;
}
body.bjk-theme #siparis-formu .selected-boot-row .bg-indigo-600,
body.bjk-theme #siparis-formu #side-status-banner,
body.bjk-theme #selection-counter-badge,
body.bjk-theme #btn-submit-order {
    background:var(--bjk-selection-primary) !important;
    color:var(--bjk-selection-accent) !important;
    border:2px solid var(--bjk-selection-accent) !important;
}
body.bjk-theme #selection-counter-badge *,
body.bjk-theme #siparis-formu #side-status-banner *,
body.bjk-theme #btn-submit-order * { color:var(--bjk-selection-accent) !important; }
body.bjk-theme #siparis-formu .selected-boot-row button {
    background:var(--bjk-selection-primary) !important;
    color:var(--bjk-selection-accent) !important;
    border-color:var(--bjk-selection-accent) !important;
}
body.bjk-theme #siparis-formu .selected-boot-row button * { color:var(--bjk-selection-accent) !important; }
body.bjk-theme #siparis-formu .package-card:not(.active) :is(h4,p,span) { color:var(--team-text) !important; }
body.bjk-theme #siparis-formu #pkg-single { background:var(--team-surface) !important; border:2px solid #171717 !important; }
body.bjk-theme #siparis-formu #pkg-single.active { background:var(--bjk-selection-primary) !important; border:2px solid var(--bjk-selection-accent) !important; }
body.bjk-theme #siparis-formu #pkg-single.active * { color:var(--bjk-selection-accent) !important; }
body.bjk-theme .size-guide-banner { border-color:var(--bjk-selection-primary) !important; }
body.bjk-theme .size-guide-badge, body.bjk-theme .size-guide-icon-box, body.bjk-theme .size-guide-banner button { background:var(--bjk-selection-primary) !important; color:var(--bjk-selection-accent) !important; }
body.bjk-theme .size-guide-banner button * { color:var(--bjk-selection-accent) !important; }

/* Kampanya bandı ve ana düğmeler de aktif takım renklerini izler. */
body.fb-theme { --selection-fill:#002d72; --selection-ink:#fed100; }
body.bjk-theme { --selection-fill:#171717; --selection-ink:#ffffff; }
body:is(.fb-theme,.bjk-theme) section.bg-\[\#e31e24\],
body:is(.fb-theme,.bjk-theme) .bg-brand-600,
body:is(.fb-theme,.bjk-theme) .bg-brand-500,
body:is(.fb-theme,.bjk-theme) [class*="bg-gradient-to-"][class*="from-brand-"] {
    background:var(--selection-fill) !important; color:var(--selection-ink) !important;
}
body:is(.fb-theme,.bjk-theme) section.bg-\[\#e31e24\] *,
body:is(.fb-theme,.bjk-theme) .bg-brand-600 *,
body:is(.fb-theme,.bjk-theme) .bg-brand-500 *,
body:is(.fb-theme,.bjk-theme) [class*="bg-gradient-to-"][class*="from-brand-"] * {
    color:var(--selection-ink) !important;
}

/* İşaretlenen fiyat/kampanya bandı için açık ve koyu moddan bağımsız renkler. */
body #team-campaign-band {
    --band-bg:#c2410c;
    --band-fg:#ffffff;
    background:var(--band-bg,#a81028) !important;
    color:var(--band-fg,#fdb912) !important;
    border-top:1px solid var(--band-fg,#fdb912);
    border-bottom:1px solid var(--band-fg,#fdb912);
}
body #team-campaign-band * {
    color:var(--band-fg,#fdb912) !important;
}

/* Teslimat formu: nötr yüzeyler, belirgin etiketler ve okunaklı alanlar. */
body { --delivery-bg:#111827; --delivery-field:#1f2937; --delivery-text:#f8fafc; --delivery-muted:#cbd5e1; --delivery-border:#64748b; --delivery-disabled:#263244; }
body.light-theme { --delivery-bg:#ffffff; --delivery-field:#ffffff; --delivery-text:#172033; --delivery-muted:#475569; --delivery-border:#94a3b8; --delivery-disabled:#e9eef5; }
body #siparis-formu #delivery-panel {
    background:var(--delivery-bg) !important;
    color:var(--delivery-text) !important;
    border:1px solid var(--delivery-border) !important;
    border-top:4px solid var(--team-primary,#475569) !important;
    box-shadow:0 8px 28px #00000012 !important;
}
body #order-form h3, body #order-form h3 span {
    color:var(--delivery-text) !important;
    font-size:22px;
}
body #order-form :is(.text-slate-300,.text-slate-400) {
    color:var(--delivery-muted) !important;
}
body #order-form label:not(.carrier-card):not(.payment-card) {
    color:var(--delivery-text) !important;
    font-size:14px;
    font-weight:600;
    margin-bottom:7px;
}
body #siparis-formu #order-form :is(input[type="text"],input[type="tel"],select,textarea) {
    background:var(--delivery-field) !important;
    color:var(--delivery-text) !important;
    border:1px solid var(--delivery-border) !important;
    font-size:16px;
    line-height:1.5;
    min-height:46px;
    box-shadow:none;
    color-scheme:dark;
}
body.light-theme #siparis-formu #order-form :is(input,select,textarea) { color-scheme:light; }
body #order-form :is(input,textarea)::placeholder {
    color:var(--delivery-muted) !important;
    opacity:1;
}
body #siparis-formu #order-form select:disabled {
    background:var(--delivery-disabled) !important;
    color:var(--delivery-muted) !important;
    opacity:1 !important;
    cursor:not-allowed;
}
body #siparis-formu #order-form :is(input,select,textarea):focus-visible {
    outline:3px solid var(--team-primary,#2563eb) !important;
    outline-offset:2px;
    border-color:var(--team-primary,#2563eb) !important;
}
body #order-form :is(.carrier-card,.payment-card):not(.active) {
    background:var(--delivery-field) !important;
    border-color:var(--delivery-border) !important;
}
body #order-form :is(.carrier-card,.payment-card):not(.active) * { color:var(--delivery-text) !important; }
body #order-form :is(.carrier-card,.payment-card).active * { color:var(--team-accent,#fff) !important; }
body #order-form #cutoff-shipping-alert {
    background:#172033 !important;
    border:1px solid #64748b !important;
}
body #order-form #cutoff-shipping-alert * { color:#fff !important; }

/* Mobil sipariş kartı: teslimat, ödeme ve toplam tutar tek akışta. */
body #siparis-formu #delivery-panel { padding:0 !important; overflow:hidden; border-radius:24px; border-top:0 !important; }
.checkout-intro { padding:28px; background:var(--team-primary,#172033); border-bottom:3px solid var(--team-accent,#fdb912); }
body #delivery-panel .checkout-intro, body #delivery-panel .checkout-intro * { color:var(--team-accent,#fff) !important; }
.checkout-eyebrow { font-size:10px; font-weight:800; letter-spacing:2px; }
.checkout-intro h3 { margin:10px 0 8px; font-size:26px; line-height:1.2; font-weight:800; }
.checkout-intro p { font-size:13px; line-height:1.6; opacity:.9; }
.checkout-steps { display:flex; gap:18px; margin-top:22px; font-size:12px; font-weight:700; }
.checkout-steps span { display:flex; align-items:center; gap:7px; }
.checkout-steps b { width:24px; height:24px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; }
body #order-form { padding:28px; }
body #order-form > div { min-width:0; }
body #order-form h3 { font-size:19px; }
body #order-form .checkout-payment { margin-top:28px; padding:22px 0; border-top:1px solid var(--delivery-border); border-bottom:1px solid var(--delivery-border); }
.payment-heading { display:flex; align-items:flex-start; gap:12px; margin-bottom:18px; }
body #order-form .payment-heading h3 { color:var(--delivery-text) !important; font-size:18px; line-height:1.4; font-weight:800; }
.payment-heading p { font-size:12px; color:var(--delivery-muted); margin-top:5px; }
.payment-heading-icon { flex:0 0 38px; height:38px; border-radius:12px; display:grid; place-items:center; background:var(--team-primary,#172033); color:var(--team-accent,#fff); font-size:23px; font-weight:800; }
body #order-form .payment-card { min-height:88px; padding:18px !important; border-radius:16px; }
body #order-form .payment-name { font-size:15px; line-height:1.4; }
body #order-form .payment-desc { font-size:12px; line-height:1.5; }
body #order-form input[type="radio"] { width:19px; height:19px; flex-shrink:0; }
.checkout-confirm { padding-top:6px; }
.checkout-total { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 0; }
body #order-form .checkout-total span { display:block; font-size:14px; color:var(--delivery-text) !important; font-weight:700; }
.checkout-total small { display:block; margin-top:5px; font-size:11px; color:var(--delivery-muted); }
body #order-form #checkout-payable { color:var(--delivery-text) !important; font-size:28px; font-weight:800; white-space:nowrap; }
body #order-form #btn-submit-order { min-height:58px; border-radius:15px; font-size:16px; box-shadow:0 6px 18px #00000018 !important; }
@media(max-width:640px) {
 #siparis-formu { padding-top:36px; padding-bottom:36px; }
 #siparis-formu > div { padding-left:14px; padding-right:14px; }
 #siparis-formu h2 { font-size:27px; line-height:1.25; }
 .checkout-intro { padding:23px 20px; }
 .checkout-intro h3 { font-size:24px; }
 .checkout-steps { gap:15px; font-size:11px; }
 body #order-form { padding:22px 18px; }
 body #order-form .checkout-payment { margin-top:24px; }
 body #order-form #carrier-options-container { grid-template-columns:1fr; }
 body #order-form .carrier-card { min-height:64px; }
 body #order-form .payment-card { min-height:86px; }
 body #order-form .checkout-total { align-items:flex-start; }
 body #order-form #checkout-payable { font-size:25px; }
 body #order-form #btn-submit-order { font-size:14px; padding:16px 12px; }
}
@media(max-width:640px) {
 header .logo-title-main { font-size:18px !important; }
 header .site-slogan, header .theme-text { display:none !important; }
 header > div { gap:8px !important; }
 header a[href="#catalog-section"] { padding:10px !important; }
 header a[href="#catalog-section"] span { display:none !important; }
 header .site-logo-badge { width:34px !important; height:34px !important; }
 .size-guide-banner { flex-direction:column !important; align-items:stretch !important; gap:14px !important; }
 .size-guide-banner > div { min-width:0; max-width:100%; }
 .size-guide-banner > div:last-child { justify-content:center; }
}

/* Sipariş girişinde parlak, yüksek kontrastlı tipografi. */
body #delivery-panel .checkout-intro {
    background:var(--team-primary,#172033) !important;
}
body #delivery-panel .checkout-intro h3 {
    color:#ffffff !important;
    font-size:28px;
    line-height:1.3;
    font-weight:800;
}
body #delivery-panel .checkout-intro p {
    color:#ffffff !important;
    opacity:1;
    font-size:15px;
    line-height:1.7;
}
body #delivery-panel .checkout-intro .checkout-eyebrow {
    color:var(--team-accent,#fff) !important;
    font-size:12px;
}
body #delivery-panel .checkout-intro .checkout-steps span {
    color:#ffffff !important;
    font-size:14px;
}
body #delivery-panel .checkout-intro .checkout-steps b {
    color:var(--team-primary,#172033) !important;
    background:var(--team-accent,#fff);
    border:0;
    width:28px;
    height:28px;
}
@media(max-width:640px) {
    body #delivery-panel .checkout-intro h3 { font-size:25px; }
    body #delivery-panel .checkout-intro .checkout-steps span { font-size:12px; }
}

/* Ürün ve beden kontrolü, teslimat alanlarından önce gelir. */
body #delivery-panel [id="sectiginiz-eşofman takımılar-alani"] {
    margin:24px 28px 0;
    padding:20px;
    background:var(--delivery-bg) !important;
    border:1px solid var(--delivery-border) !important;
    border-radius:18px;
    box-shadow:none;
}
body #delivery-panel [id="sectiginiz-eşofman takımılar-alani"] h3 { color:var(--delivery-text) !important; }
@media(max-width:640px) {
    body #delivery-panel [id="sectiginiz-eşofman takımılar-alani"] { margin:20px 18px 0; padding:16px; }
    body #delivery-panel [id="sectiginiz-eşofman takımılar-alani"] > div:first-child { flex-wrap:wrap; gap:10px; }
}

/* Teslimat alanı tüm temalarda açık, belirgin bir form yüzeyidir. */
body #siparis-formu #order-form {
    --delivery-bg:#fff;
    --delivery-field:#fff;
    --delivery-text:#172033;
    --delivery-muted:#526077;
    --delivery-border:#aeb9c9;
    --delivery-disabled:#e9edf3;
    background:#fff !important;
    color:#172033 !important;
    margin-top:24px;
    border-top:1px solid #dce2eb;
    border-radius:22px 22px 0 0;
    padding:30px;
}
body #order-form > div:first-child h3 {
    color:#172033 !important;
    border-bottom:0 !important;
    font-size:23px;
    margin-bottom:0;
}
body #order-form > div:first-child h3 span { color:#172033 !important; }
body #order-form > div:first-child::after {
    content:"Siparişinin ulaşacağı adresi ve iletişim bilgilerini gir.";
    display:block;
    margin:3px 0 22px;
    color:#526077;
    font-size:14px;
    line-height:1.6;
}
body #order-form > div.space-y-3 {
    padding:22px;
    background:#f5f7fa;
    border:1px solid #e0e6ee;
    border-radius:16px;
    margin-top:18px;
}
body #order-form > div.space-y-3 > span,
body #order-form > div.space-y-3 > div:first-child > span:first-child {
    color:#34435b !important;
    font-size:12px;
    letter-spacing:.9px;
    font-weight:800;
}
body #siparis-formu #order-form :is(input[type="text"],input[type="tel"],select,textarea) {
    color:#172033 !important;
    background:#fff !important;
    border:1.5px solid #aeb9c9 !important;
    border-radius:10px;
    min-height:50px;
    padding:12px 14px;
    color-scheme:light !important;
    box-shadow:0 1px 2px #17203306;
}
body #order-form :is(input,textarea)::placeholder { color:#64748b !important; }
body #siparis-formu #order-form select:disabled { background:#e9edf3 !important; color:#59677c !important; }
body #order-form label:not(.carrier-card):not(.payment-card) { color:#172033 !important; font-size:14px; }
body #order-form .checkout-payment { padding:24px 0; border-color:#dce2eb; }
body #order-form .payment-heading h3 { color:#172033 !important; }
body #order-form .checkout-total span,body #order-form #checkout-payable { color:#172033 !important; }
body #order-form .checkout-confirm > p,body #order-form .checkout-confirm > p span { color:#526077 !important; }
body #siparis-formu #order-form :is(.carrier-card,.payment-card):not(.active) {
    background:#fff !important;
    border:1.5px solid #aeb9c9 !important;
}
body #order-form :is(.carrier-card,.payment-card):not(.active) * { color:#172033 !important; }
@media(max-width:640px) {
    body #siparis-formu #order-form { padding:24px 16px; }
    body #order-form > div.space-y-3 { padding:17px 14px; }
    body #order-form > div:first-child h3 { font-size:21px; }
    body #order-form > div:first-child::after { font-size:13px; margin-bottom:18px; }
}

/* Ürün çerçevesi sayfa modundan bağımsız olarak kendi takımına aittir. */
#catalog-grid .product-card[data-team="Galatasaray"] { --product-edge:linear-gradient(135deg,#fdb912,#c8102e 50%,#fdb912); }
#catalog-grid .product-card[data-team="Fenerbahçe"] { --product-edge:linear-gradient(135deg,#fed100,#002d72 50%,#fed100); }
#catalog-grid .product-card[data-team="Beşiktaş"] { --product-edge:linear-gradient(135deg,#fff,#171717 50%,#fff); }
body #catalog-grid .product-card[data-team][data-id],
body #catalog-grid .product-card[data-team][data-id]:is(:hover,:has(.shoe-size-pill.active)) {
    position:relative;
    border:2px solid transparent !important;
    box-shadow:0 5px 18px #00000018 !important;
    --tw-ring-color:transparent !important;
}
body #catalog-grid .product-card[data-team]::after {
    content:"";
    position:absolute;
    inset:-2px;
    border-radius:inherit;
    padding:2px;
    background:var(--product-edge);
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
    z-index:20;
}

/* Takım filtresi: her seçeneğin kendi renkli yüzeyi. */
body #brand-quick-filters {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    padding:12px;
    background:transparent;
    border:0 !important;
}
body #brand-quick-filters .club-tab {
    min-height:76px;
    padding:12px 10px;
    border-radius:14px;
    border:1px solid #d1d5db;
    font-size:14px;
    gap:10px;
    box-shadow:0 3px 10px #00000012;
}
body #brand-quick-filters .bjk-tab { background:#fff !important; color:#171717 !important; }
body #brand-quick-filters .fb-tab { background:#002d72 !important; color:#fed100 !important; border-color:#fed100; }
body #brand-quick-filters .gs-tab { background:#fdb912 !important; color:#a81028 !important; border-color:#a81028; }
body #brand-quick-filters .all-tab { background:#171717 !important; color:#fff !important; border-color:#fff; }
body #brand-quick-filters .club-tab span { color:inherit !important; border-bottom:0 !important; }
body #brand-quick-filters .club-tab[aria-pressed="true"] { outline:3px solid currentColor; outline-offset:-6px; }
body #brand-quick-filters .club-tab:hover { transform:translateY(-2px); }
@media(max-width:640px) {
    body #brand-quick-filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; gap:9px; }
    body #brand-quick-filters .club-tab { min-height:65px; font-size:13px; }
}

/* Takım kısaltması üstte, Mod etiketi altta. */
body .team-mode-btn[data-team] {
    display:inline-flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:1px;
    min-width:49px;
    min-height:46px;
    padding:6px 11px;
    line-height:1.15;
}
body .team-mode-btn .mode-team { font-size:14px; font-weight:900; letter-spacing:.5px; color:inherit !important; }
body .team-mode-btn .mode-caption { font-size:10px; font-weight:600; color:inherit !important; }

body header .theme-toggle-btn {
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:49px;
    min-height:46px;
    padding:6px 11px;
    gap:1px;
    line-height:1.15;
}
body header .theme-toggle-btn .theme-icon { display:none !important; }
body header .theme-toggle-btn .theme-text { display:block !important; font-size:14px; font-weight:800; color:inherit !important; }
body header .theme-toggle-btn .theme-caption { display:block; font-size:10px; font-weight:600; color:inherit !important; }

body header .tribun-logo { width:46px; height:46px; object-fit:contain; }
body header .logo-title-main { font-family:'Oswald',sans-serif; font-weight:700; letter-spacing:.7px; color:var(--team-text,#fff) !important; }
body header .logo-title-highlight { color:var(--team-accent,#f5c542) !important; }
body.light-theme header .logo-title-highlight { color:var(--team-primary,#172033) !important; }
@media(max-width:640px) { body header .tribun-logo { width:36px; height:36px; } body header .logo-title-main { font-size:18px !important; } }


/* Readable light-mode information and FAQ panels. */
body.light-theme #sss, body.light-theme #yorumlar { background:#f1f5f9 !important; color:#172033 !important; }
body.light-theme #sss h2, body.light-theme #yorumlar :is(h2,h3) { color:#172033 !important; }
body.light-theme #sss p, body.light-theme #yorumlar p { color:#334155 !important; opacity:1 !important; }
body.light-theme #sss .faq-card, body.light-theme #yorumlar .product-card {
 background:#fff !important; border:1px solid #cbd5e1 !important; box-shadow:0 4px 16px #0f172a08 !important;
}
body.light-theme #sss .faq-card button, body.light-theme #sss .faq-card button span { color:#172033 !important; }
body.light-theme #sss .faq-body { color:#334155 !important; border-color:#cbd5e1 !important; line-height:1.75; opacity:1 !important; }
body.light-theme #sss .faq-card:has(.faq-body:not(.hidden)) { border-color:#64748b !important; }
body.light-theme #sss .faq-card button:focus-visible { outline:3px solid #1d4ed8; outline-offset:6px; border-radius:4px; }
body .delivery-assurance-copy { color:#f8fafc !important; font-size:14px; line-height:1.7; opacity:1; }
body.light-theme .delivery-assurance-copy { color:#334155 !important; }


/* Light checkout: selected options must never inherit white team text. */
body.light-theme #siparis-formu .package-card[id],
body.light-theme #siparis-formu #order-form :is(.carrier-card,.payment-card) {
 background:#fff !important; border-color:#cbd5e1 !important; color:#172033 !important;
}
body.light-theme #siparis-formu .package-card[id].active,
body.light-theme #siparis-formu #order-form :is(.carrier-card,.payment-card).active {
 background:#fff7ed !important; border:2px solid #c2410c !important; box-shadow:0 0 0 1px #c2410c,0 6px 18px #c2410c12 !important;
}
body.light-theme #siparis-formu .package-card[id] :is(h4,p,span,del),
body.light-theme #siparis-formu #order-form :is(.carrier-card,.payment-card) * { color:#172033 !important; opacity:1 !important; }
body.light-theme #siparis-formu .package-card[id] p,
body.light-theme #siparis-formu .package-card[id] :is(del,.line-through) { color:#475569 !important; }
body.light-theme #siparis-formu .package-card[id] > .absolute { background:#c2410c !important; color:#fff !important; }
body.light-theme #siparis-formu .package-card[id] .border-t { border-color:#cbd5e1 !important; }
body.light-theme #siparis-formu .package-card[id] .package-radio { border-color:#64748b !important; }
body.light-theme #siparis-formu .package-card[id].active .package-radio { border-color:#c2410c !important; }
body.light-theme #siparis-formu .package-card[id].active .radio-dot { background:#c2410c !important; }
body.light-theme #siparis-formu #order-form :is(.carrier-card,.payment-card) input { accent-color:#c2410c; }


/* Full, clearly separated club-color frames, independent of page theme. */
body #catalog-grid .product-card[data-team="Galatasaray"] { --product-edge:linear-gradient(135deg,#ffcc00 0%,#ffcc00 49.5%,#c8102e 50.5%,#c8102e 100%); }
body #catalog-grid .product-card[data-team="Fenerbahçe"] { --product-edge:linear-gradient(135deg,#ffdf00 0%,#ffdf00 49.5%,#002d72 50.5%,#002d72 100%); }
body #catalog-grid .product-card[data-team="Beşiktaş"] { --product-edge:linear-gradient(135deg,#fff 0%,#fff 49.5%,#171717 50.5%,#171717 100%); }
body #catalog-grid .product-card[data-team]::after { inset:0; padding:4px; }


/* One prominent entry point for club mode and matching products. */
body #team-mode-picker { padding:26px 20px 22px; background:#f8fafc!important; color:#172033!important; border-bottom:1px solid #dbe2ea; }
#team-mode-picker .picker-inner { max-width:1120px; margin:auto; }
body #team-mode-picker h2 { color:#172033!important; font-size:clamp(23px,3vw,32px); font-weight:900; text-align:center; line-height:1.2; }
body #team-mode-picker p { color:#475569!important; text-align:center; margin:8px 0 18px; font-size:14px; line-height:1.6; }
body #team-mode-picker #brand-quick-filters { margin:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
#team-mode-picker .club-tab > span { display:flex; flex-direction:column; gap:3px; }
#team-mode-picker .club-tab small { font-size:11px; font-weight:600; color:inherit!important; }
@media(max-width:600px){body #team-mode-picker{padding:20px 14px}body #team-mode-picker .club-tab{min-height:74px;padding:12px 8px!important}#team-mode-picker .club-tab img{width:28px;height:34px}}


/* Campaign follows the club mode; the all-teams default stays orange/white. */
body.gs-theme #team-campaign-band { --band-bg:#a81028; --band-fg:#ffce00; }
body.fb-theme #team-campaign-band { --band-bg:#002d72; --band-fg:#ffdf00; }
body.bjk-theme #team-campaign-band { --band-bg:#171717; --band-fg:#ffffff; }


/* Empty selection prompts: readable copy, club-colored outer border. */
body #siparis-formu #side-selected-items .selected-boot-row.text-center { background:#172033!important; }
body #siparis-formu #side-selected-items .selected-boot-row.text-center > span { color:#e2e8f0!important; background:transparent!important; border:0!important; opacity:1!important; line-height:1.6; }
body #siparis-formu #side-selected-items .selected-boot-row.text-center > span:first-child { color:#fff!important; }
body.light-theme #siparis-formu #side-selected-items .selected-boot-row.text-center { background:#f8fafc!important; }
body.light-theme #siparis-formu #side-selected-items .selected-boot-row.text-center > span { color:#334155!important; }
body.light-theme #siparis-formu #side-selected-items .selected-boot-row.text-center > span:first-child { color:#172033!important; }


body #size-chart-modal {z-index:1000;color:#172033!important}
body #size-chart-modal .size-guide-panel {width:100%;max-width:720px;max-height:90dvh;display:flex;flex-direction:column;background:#fff!important;border-radius:22px;box-shadow:0 24px 80px #0006;overflow:hidden;color:#172033!important}
body #size-chart-modal header {position:static!important;background:#fff!important;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e2e8f0;color:#172033!important}
body #size-chart-modal h3 {font-size:24px;font-weight:800;color:#172033!important}
body #size-chart-modal .guide-eyebrow {font-size:10px;font-weight:800;letter-spacing:1.5px;color:#9a3412!important}
body #size-chart-modal header button {width:40px;height:40px;border-radius:12px;background:#f1f5f9!important;color:#172033!important;flex-shrink:0}
body #size-chart-modal .guide-scroll {overflow-y:auto;overscroll-behavior:contain;padding:20px 24px;min-height:0}
body #size-chart-modal p,body #size-chart-modal li {font-size:13px;line-height:1.65;color:#334155!important;margin:10px 0}
body #size-chart-modal .guide-note {padding:14px;background:#fff7ed!important;border:1px solid #fed7aa;border-radius:12px;margin-top:0}
body #size-chart-modal details {border:1px solid #cbd5e1;border-radius:14px;padding:14px;margin-top:12px;background:#fff!important;color:#172033!important}
body #size-chart-modal summary {cursor:pointer;font-weight:800;color:#172033!important}
body #size-chart-modal .guide-table-wrap {overflow-x:auto;margin-top:14px}
body #size-chart-modal table {width:100%;border-collapse:collapse;min-width:330px;font-size:13px;color:#172033!important}
body #size-chart-modal :is(th,td) {padding:10px 8px;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap;color:#172033!important}
body #size-chart-modal thead {background:#f1f5f9!important}
body #size-chart-modal a {font-size:12px;color:#1d4ed8!important;text-decoration:underline}
body #size-chart-modal footer {padding:14px 24px;background:#fff!important;border-top:1px solid #e2e8f0}
body #size-chart-modal footer button {width:100%;padding:12px;border-radius:12px;background:#172033!important;color:#fff!important;font-weight:800}
body #size-chart-modal :is(button,summary,a):focus-visible {outline:3px solid #2563eb;outline-offset:3px}
@media(max-width:480px){body #size-chart-modal{padding:10px}body #size-chart-modal :is(header,.guide-scroll,footer){padding:14px}body #size-chart-modal details{padding:10px}}