/* ==========================================================================
   Marka Renk Tanımlamaları - Modern Gradient Stili
   ========================================================================== */

/* Varta */
.marka-varta .urun-kart {
    border-top: 3px solid #1E88E5;
}

.marka-varta .urun-kart:hover {
    border-top-color: #1565C0;
}

.marka-varta .urun-bilgiler .urun-baslik {
    color: #1565C0;
}

.marka-varta .marka-filtre-btn.active {
    background: linear-gradient(135deg, #1E88E5, #1565C0);
    border-color: transparent;
}

/* Bosch */
.marka-bosch .urun-kart {
    border-top: 3px solid #E2001A;
}

.marka-bosch .urun-kart:hover {
    border-top-color: #C62828;
}

.marka-bosch .urun-bilgiler .urun-baslik {
    color: #C62828;
}

.marka-bosch .marka-filtre-btn.active {
    background: linear-gradient(135deg, #E2001A, #C62828);
    border-color: transparent;
}

/* Exide */
.marka-exide .urun-kart {
    border-top: 3px solid #FF6B00;
}

.marka-exide .urun-kart:hover {
    border-top-color: #E65100;
}

.marka-exide .urun-bilgiler .urun-baslik {
    color: #E65100;
}

.marka-exide .marka-filtre-btn.active {
    background: linear-gradient(135deg, #FF6B00, #E65100);
    border-color: transparent;
}

/* Mutlu */
.marka-mutlu .urun-kart {
    border-top: 3px solid #FFC107;
}

.marka-mutlu .urun-kart:hover {
    border-top-color: #FF8F00;
}

.marka-mutlu .urun-bilgiler .urun-baslik {
    color: #F57C00;
}

.marka-mutlu .marka-filtre-btn.active {
    background: linear-gradient(135deg, #FFC107, #FF8F00);
    border-color: transparent;
}

/* Inci */
.marka-inci .urun-kart {
    border-top: 3px solid #43A047;
}

.marka-inci .urun-kart:hover {
    border-top-color: #388E3C;
}

.marka-inci .urun-bilgiler .urun-baslik {
    color: #388E3C;
}

.marka-inci .marka-filtre-btn.active {
    background: linear-gradient(135deg, #43A047, #388E3C);
    border-color: transparent;
}

/* Banner */
.marka-banner .urun-kart {
    border-top: 3px solid #2196F3;
}

.marka-banner .urun-kart:hover {
    border-top-color: #1976D2;
}

.marka-banner .urun-bilgiler .urun-baslik {
    color: #1976D2;
}

.marka-banner .marka-filtre-btn.active {
    background: linear-gradient(135deg, #2196F3, #1976D2);
    border-color: transparent;
}

/* Hella */
.marka-hella .urun-kart {
    border-top: 3px solid #e67e00;
}

.marka-hella .urun-kart:hover {
    border-top-color: #d46b00;
}

.marka-hella .urun-bilgiler .urun-baslik {
    color: #d46b00;
}

.marka-hella .marka-filtre-btn.active {
    background: linear-gradient(135deg, #e67e00, #d46b00);
    border-color: transparent;
}

/* Genel Marka Stili */
.marka-ozel-tema {
    --marka-renk-ana: #3b82f6;
    --marka-renk-koyu: #2563eb;
    --marka-renk-acik: #eff6ff;
}

.marka-ozel-tema .urun-kart {
    border-top: 3px solid var(--marka-renk-ana);
}

.marka-ozel-tema .urun-kart:hover {
    border-top-color: var(--marka-renk-koyu);
}

.marka-ozel-tema .urun-bilgiler .urun-baslik {
    color: var(--marka-renk-koyu);
}

.marka-ozel-tema .marka-filtre-btn.active {
    background: linear-gradient(135deg, var(--marka-renk-ana), var(--marka-renk-koyu));
    border-color: transparent;
}