/* ═══════════════════════════════════════════════════════════════════════════
   DYSFA JEWELRY - PREMIUM LUXURY THEME
   Art Direction: Atmospheric Emerald + Brilliant Gold on Dark Canvas
   ═══════════════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════════════
   LOGO RING EMBLEM - Spinning Animation
   ═══════════════════════════════════════════════════════════════════════════ */

/* Ensure logo displays as stacked column - ring on top */
[data-brand="dysfa"] .logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    line-height: 1;
}

/* Larger logo text for Dysfa */
[data-brand="dysfa"] .logo-name {
    font-size: 1.5rem;
    line-height: 1;
}

/* Hide dot for Dysfa - replaced by ring */
[data-brand="dysfa"] .logo-dot {
    display: none;
}

/* Ring emblem styling - appears above DYSFA text */
[data-brand="dysfa"] .logo-ring {
    height: 22px;
    width: 22px;
    margin: 0;
    flex-shrink: 0;
    display: block;
}

/* Footer logo ring - slightly larger */
[data-brand="dysfa"] .footer-logo-ring {
    height: 28px;
    width: 28px;
}

/* Footer logo layout */
[data-brand="dysfa"] .footer__logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}

/* Hide ring by default and for Lumière brand */
.logo-ring {
    display: none !important;
}

[data-brand="dysfa"] .logo-ring {
    display: block !important;
}

/* ─────────────────────────────────────────────────────────────────────────────
   DYSFA DARK THEME - Master Color Palette
   60% Dark | 30% Emerald Atmosphere | 10% Brilliant Gold
   ───────────────────────────────────────────────────────────────────────────── */
[data-brand="dysfa"] {
    /* ══════════════════════════════════════════════════════════════════════════
       DARK FOUNDATION (60%) - The Canvas of Luxury
       ══════════════════════════════════════════════════════════════════════════ */
    --color-bg-primary: #0A0A0A;
    --color-bg-secondary: #0D1210;
    /* Black with whisper of emerald */
    --color-bg-elevated: #141816;
    --color-bg-card: rgba(20, 24, 22, 0.95);

    /* ══════════════════════════════════════════════════════════════════════════
       BRILLIANT GOLD (10%) - The Signature of Dysfa
       Rich, warm, opulent yellow gold
       ══════════════════════════════════════════════════════════════════════════ */
    --color-gold: #D4AF37;
    --color-gold-light: #E8C547;
    --color-gold-dark: #B8962E;
    --color-gold-glow: rgba(212, 175, 55, 0.4);

    /* ══════════════════════════════════════════════════════════════════════════
       EMERALD ATMOSPHERE (30%) - The Soul of Dysfa
       Rich, deep, jewel-toned green
       ══════════════════════════════════════════════════════════════════════════ */
    --color-emerald: #046A38;
    --color-emerald-light: #0D9B5A;
    --color-emerald-deep: #023020;
    --color-emerald-glow: rgba(4, 106, 56, 0.3);
    --color-emerald-subtle: rgba(4, 106, 56, 0.08);

    /* Typography - Preserving elegance */
    --color-text-primary: #FAFAFA;
    --color-text-secondary: #B0B5B2;
    --color-text-muted: #6A6E6B;

    /* Borders with emerald undertone */
    --color-border: rgba(212, 175, 55, 0.25);
    --color-border-subtle: rgba(255, 255, 255, 0.06);
    --color-border-emerald: rgba(4, 106, 56, 0.3);

    /* Premium Shadows */
    --shadow-gold: 0 4px 30px rgba(212, 175, 55, 0.2);
    --shadow-emerald: 0 8px 40px rgba(4, 106, 56, 0.15);
    --shadow-luxury: 0 20px 60px rgba(0, 0, 0, 0.6),
        0 0 80px rgba(4, 106, 56, 0.1);
}

/* ═══════════════════════════════════════════════════════════════════════════
   PREMIUM ATMOSPHERIC BACKGROUND - Luxurious Emerald Depth
   Elegant layered gradients creating dimensional royal atmosphere
   ═══════════════════════════════════════════════════════════════════════════ */

/* Body Base with Rich Emerald Atmosphere */
[data-brand="dysfa"] body {
    background:
        /* Primary emerald corona - top-left sweep */
        radial-gradient(ellipse 120% 100% at -5% -5%,
            rgba(4, 106, 56, 0.28) 0%,
            rgba(2, 80, 45, 0.15) 25%,
            transparent 55%),
        /* Deep emerald abyss - bottom-right */
        radial-gradient(ellipse 100% 80% at 105% 105%,
            rgba(2, 48, 32, 0.35) 0%,
            rgba(4, 106, 56, 0.12) 30%,
            transparent 60%),
        /* Subtle central emerald mist */
        radial-gradient(ellipse 80% 60% at 50% 60%,
            rgba(13, 155, 90, 0.06) 0%,
            transparent 50%),
        /* Delicate gold accent - upper right */
        radial-gradient(ellipse 40% 30% at 85% 15%,
            rgba(212, 175, 55, 0.04) 0%,
            transparent 40%),
        /* Secondary emerald depth layer */
        radial-gradient(ellipse 60% 50% at 20% 80%,
            rgba(4, 106, 56, 0.18) 0%,
            transparent 50%),
        /* Dark luxury base */
        linear-gradient(170deg,
            #0A0A0A 0%,
            #080A09 50%,
            #0A0A0A 100%);
    background-attachment: fixed;
    min-height: 100vh;
}

/* ─────────────────────────────────────────────────────────────────────────────
   DYSFA LIGHT THEME
   ───────────────────────────────────────────────────────────────────────────── */
[data-brand="dysfa"][data-theme="light"] {
    --color-bg-primary: #FAFBFA;
    --color-bg-secondary: #F0F2F0;
    --color-bg-elevated: #FFFFFF;
    --color-bg-card: rgba(255, 255, 255, 0.98);

    --color-gold: #9A7B2E;
    --color-gold-light: #B8962E;
    --color-gold-dark: #7A5F22;

    --color-emerald: #046A38;
    --color-emerald-light: #0D9B5A;
    --color-emerald-deep: #023020;

    --color-text-primary: #1A1A1A;
    --color-text-secondary: #4A4E4B;
    --color-text-muted: #7A7E7B;

    --color-border: rgba(154, 123, 46, 0.25);
    --color-border-subtle: rgba(0, 0, 0, 0.06);
    --shadow-gold: 0 4px 30px rgba(154, 123, 46, 0.2);
}

/* ═══════════════════════════════════════════════════════════════════════════
   PREMIUM BUTTON STYLES
   ═══════════════════════════════════════════════════════════════════════════ */

/* Primary Button - Brilliant Gold Gradient */
[data-brand="dysfa"] .btn--primary {
    background: linear-gradient(135deg,
            var(--color-gold) 0%,
            var(--color-gold-light) 50%,
            var(--color-gold) 100%);
    background-size: 200% 200%;
    color: #0A0A0A;
    font-weight: 600;
    border: none;
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    animation: goldShimmer 3s ease-in-out infinite;
}

[data-brand="dysfa"] .btn--primary:hover {
    background: linear-gradient(135deg,
            var(--color-gold-light) 0%,
            #F0D060 50%,
            var(--color-gold-light) 100%);
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(212, 175, 55, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

@keyframes goldShimmer {

    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

/* Outline Button - Gold Border */
[data-brand="dysfa"] .btn--outline {
    border: 1px solid var(--color-gold);
    color: var(--color-gold);
    background: transparent;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-brand="dysfa"] .btn--outline:hover {
    background: rgba(212, 175, 55, 0.1);
    border-color: var(--color-gold-light);
    color: var(--color-gold-light);
    box-shadow: 0 0 30px rgba(212, 175, 55, 0.2);
}

/* ═══════════════════════════════════════════════════════════════════════════
   HERO SECTION - MINIMAL ELEGANT OVERLAY
   Very subtle emerald hints, letting the jewelry image shine
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hide hero subtitle/badge for Dysfa */
[data-brand="dysfa"] .hero__subtitle {
    display: none;
}

/* Minimal Emerald Overlay - Very Light */
[data-brand="dysfa"] .hero__overlay {
    background:
        /* Very subtle corner depth - barely visible */
        radial-gradient(ellipse at 100% 100%,
            rgba(2, 48, 32, 0.15) 0%,
            transparent 35%),
        /* Main content gradient - minimal interference */
        linear-gradient(105deg,
            rgba(10, 10, 10, 0.88) 0%,
            rgba(10, 10, 10, 0.7) 25%,
            rgba(10, 10, 10, 0.35) 50%,
            rgba(10, 10, 10, 0.15) 70%,
            transparent 100%);
}

/* ── PREMIUM HERO-TO-CONTENT TRANSITION ──────────────────────────────────
   The hero has a long, gradual bottom fade. The collections section
   pulls UP into the hero space with negative margin, and its own top
   gradient blends from transparent → solid, creating an overlap zone
   where both sections dissolve into each other. No hard edge.
   ──────────────────────────────────────────────────────────────────────── */

/* Smooth edge fade — 150px dissolve at the very bottom of the hero */
[data-brand="dysfa"] .hero::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: linear-gradient(to bottom,
        transparent 0%,
        rgba(10, 10, 10, 0.15) 30%,
        rgba(10, 10, 10, 0.45) 60%,
        rgba(10, 10, 10, 0.8) 85%,
        #0A0A0A 100%);
    pointer-events: none;
    z-index: 1;
}

/* Very light vignette */
[data-brand="dysfa"] .hero__overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 50% 50%,
            transparent 40%,
            rgba(10, 10, 10, 0.1) 100%);
    pointer-events: none;
}

/* Hero Badge - Gold Border - Reduced Glow */
[data-brand="dysfa"] .hero__badge,
[data-brand="dysfa"] .hero__subtitle {
    border-color: var(--color-gold);
    color: var(--color-gold);
    background: rgba(212, 175, 55, 0.06);
    backdrop-filter: blur(4px);
}

/* Accent Text - Gold - Reduced Glow */
[data-brand="dysfa"] .text-accent,
[data-brand="dysfa"] .text-gold {
    color: var(--color-gold);
    text-shadow: 0 0 20px rgba(212, 175, 55, 0.15);
}

/* Hero Scroll Line - Gold Gradient */
[data-brand="dysfa"] .hero__scroll-line {
    background: linear-gradient(to bottom,
            var(--color-gold),
            rgba(212, 175, 55, 0.3),
            transparent);
}

/* ═══════════════════════════════════════════════════════════════════════════
   COLLECTIONS SECTION - "Diseños que Inspiran"
   Premium background matching Featured section aesthetic
   ═══════════════════════════════════════════════════════════════════════════ */

[data-brand="dysfa"] .collections {
    background: 
        radial-gradient(circle at 80% 20%, rgba(4, 106, 56, 0.22) 0%, transparent 60%),
        radial-gradient(circle at 15% 80%, rgba(212, 175, 55, 0.08) 0%, transparent 50%),
        linear-gradient(180deg, #050d0a 0%, #060b08 100%);
    position: relative;
    overflow: hidden;
    padding-top: var(--space-3xl); /* tighter: 4rem instead of 8rem */
}

/* Subtle gold divider line at the top of collections */
[data-brand="dysfa"] .collections::before {
    content: '';
    position: absolute;
    top: 0;
    left: 12%;
    right: 12%;
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        rgba(212, 175, 55, 0.15) 20%,
        rgba(212, 175, 55, 0.3) 50%,
        rgba(212, 175, 55, 0.15) 80%,
        transparent);
    z-index: 2;
}

/* Secondary gold glow - left side for balance */
[data-brand="dysfa"] .collections::after {
    content: '';
    position: absolute;
    bottom: -30%;
    left: -15%;
    width: 60%;
    height: 160%;
    background: radial-gradient(ellipse, rgba(212, 175, 55, 0.08) 0%, transparent 60%);
    pointer-events: none;
}



/* ═══════════════════════════════════════════════════════════════════════════
   COLLECTION CARDS - Sin overlay, imágenes limpias
   Contenido siempre visible con shadow mínimo para legibilidad
   ═══════════════════════════════════════════════════════════════════════════ */

/* DYSFA Hover Shadow: Brillo dual oro y esmeralda de alta joyería */
[data-brand="dysfa"] .collection-card:hover {
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.6),
        0 0 30px rgba(4, 106, 56, 0.25),
        0 0 15px rgba(212, 175, 55, 0.15);
}

[data-brand="dysfa"] .collection-card__count {
    color: #a6843a !important;
}

[data-brand="dysfa"] .collection-card .collection-card__link:hover {
    color: #a6843a !important;
}

[data-brand="dysfa"] .collection-card__link svg {
    transition: transform 0.3s ease;
}

[data-brand="dysfa"] .collection-card:hover .collection-card__link svg {
    transform: translateX(4px);
}



/* ═══════════════════════════════════════════════════════════════════════════
   CATALOG & PRODUCT CARDS - EMERALD GLOW
   ═══════════════════════════════════════════════════════════════════════════ */

/* Product Card Hover - Dual Glow Effect */
[data-brand="dysfa"] .catalog-card,
[data-brand="dysfa"] .product-card {
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    border-color: var(--color-border-subtle);
}

[data-brand="dysfa"] .catalog-card:hover,
[data-brand="dysfa"] .product-card:hover {
    transform: translateY(-8px);
    border-color: rgba(4, 106, 56, 0.3);
    box-shadow:
        0 20px 40px rgba(0, 0, 0, 0.4),
        0 0 60px rgba(4, 106, 56, 0.15),
        0 0 20px rgba(212, 175, 55, 0.1);
}

/* Category Badge - Emerald */
[data-brand="dysfa"] .product-card__category,
[data-brand="dysfa"] .catalog-card__category {
    color: var(--color-emerald-light);
}

/* Product Badge (NUEVO, BESTSELLER, etc.) */
[data-brand="dysfa"] .product-card__badge,
[data-brand="dysfa"] .catalog-card__badge {
    background: linear-gradient(135deg,
            var(--color-emerald) 0%,
            var(--color-emerald-light) 100%);
    color: white;
    font-weight: 600;
    box-shadow: 0 4px 15px rgba(4, 106, 56, 0.4);
}

/* Action Buttons on Cards */
[data-brand="dysfa"] .product-card__action:hover,
[data-brand="dysfa"] .catalog-card__action:hover {
    background: var(--color-gold);
    color: #0A0A0A;
    border-color: var(--color-gold);
}

/* ═══════════════════════════════════════════════════════════════════════════
   FILTER SYSTEM - PREMIUM GOLD ACCENTS
   ═══════════════════════════════════════════════════════════════════════════ */

/* Filter Buttons */
[data-brand="dysfa"] .filter-btn {
    border-color: var(--color-border-subtle);
    color: var(--color-text-secondary);
    transition: all 0.3s ease;
}

[data-brand="dysfa"] .filter-btn:hover {
    border-color: var(--color-gold);
    color: var(--color-gold);
}

[data-brand="dysfa"] .filter-btn.active {
    border-color: var(--color-gold);
    color: var(--color-gold);
    background: rgba(212, 175, 55, 0.1);
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.2);
}

/* Premium Filter Dropdowns */
[data-brand="dysfa"] .filter-premium.active .filter-premium__trigger {
    border-color: var(--color-gold);
    background: rgba(212, 175, 55, 0.08);
}

[data-brand="dysfa"] .filter-premium__icon {
    background: rgba(4, 106, 56, 0.15);
}

[data-brand="dysfa"] .filter-premium__icon svg {
    color: var(--color-emerald-light);
}

[data-brand="dysfa"] .filter-premium.active .filter-premium__arrow {
    color: var(--color-gold);
}

/* Filter Options */
[data-brand="dysfa"] .filter-option:hover {
    background: rgba(4, 106, 56, 0.08);
}

[data-brand="dysfa"] .filter-option input:checked+.filter-option__check {
    background: var(--color-gold);
    border-color: var(--color-gold);
}

/* Active Filter Chips */
[data-brand="dysfa"] .filter-chip {
    background: rgba(212, 175, 55, 0.15);
    border-color: var(--color-gold);
    color: var(--color-gold);
}

/* ═══════════════════════════════════════════════════════════════════════════
   CATALOG HERO - ATMOSPHERIC BACKGROUND
   ═══════════════════════════════════════════════════════════════════════════ */

[data-brand="dysfa"] .catalog-hero__bg {
    background:
        linear-gradient(180deg,
            rgba(10, 10, 10, 0.65) 0%,
            rgba(10, 10, 10, 0.8) 100%),
        url('../assets/images/collection-necklaces.jpg');
    background-size: cover;
    background-position: center 30%;
}

[data-brand="dysfa"] .catalog-hero__badge {
    border-color: var(--color-gold);
    color: var(--color-gold);
    background: rgba(212, 175, 55, 0.1);
}

[data-brand="dysfa"] .stat__number {
    color: var(--color-gold);
}

/* ═══════════════════════════════════════════════════════════════════════════
   SEARCH BAR - PREMIUM STYLING
   ═══════════════════════════════════════════════════════════════════════════ */

[data-brand="dysfa"] .search-premium__input:focus {
    border-color: var(--color-gold);
    box-shadow:
        0 0 0 4px rgba(212, 175, 55, 0.15),
        0 8px 32px rgba(0, 0, 0, 0.3);
}

[data-brand="dysfa"] .search-premium:focus-within .search-premium__icon {
    color: var(--color-gold);
}

[data-brand="dysfa"] .search-suggestion:hover {
    background: rgba(4, 106, 56, 0.1);
    color: var(--color-gold);
}

/* ═══════════════════════════════════════════════════════════════════════════
   PRODUCT DETAIL MODAL - REFINED LUXURY
   ═══════════════════════════════════════════════════════════════════════════ */

/* Category Label */
[data-brand="dysfa"] .modal__category {
    color: var(--color-gold);
}

/* Stars/Rating */
[data-brand="dysfa"] .modal__stars svg,
[data-brand="dysfa"] .rating-star {
    fill: var(--color-gold);
    color: var(--color-gold);
}

/* Certificate Link */
[data-brand="dysfa"] .modal__cert-link,
[data-brand="dysfa"] .spec-value a {
    color: var(--color-emerald-light);
}

[data-brand="dysfa"] .modal__cert-link:hover,
[data-brand="dysfa"] .spec-value a:hover {
    color: var(--color-gold);
}

/* Shipping Panel */
[data-brand="dysfa"] .accordion-item {
    border-color: var(--color-border-subtle);
}

[data-brand="dysfa"] .accordion-item[open] {
    border-left: 2px solid var(--color-emerald);
}

/* Order Button - Gold Gradient for Premium CTA */
[data-brand="dysfa"] .modal__order-btn,
[data-brand="dysfa"] .btn--order {
    background: linear-gradient(135deg,
            var(--color-gold) 0%,
            var(--color-gold-light) 50%,
            var(--color-gold) 100%);
    color: #0A0A0A;
    font-weight: 600;
    border: none;
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.25);
}

[data-brand="dysfa"] .modal__order-btn:hover,
[data-brand="dysfa"] .btn--order:hover {
    box-shadow: 0 6px 30px rgba(212, 175, 55, 0.4);
    transform: translateY(-2px);
}

/* Wishlist Button */
[data-brand="dysfa"] .modal__wishlist:hover {
    border-color: var(--color-gold);
    color: var(--color-gold);
}

/* ═══════════════════════════════════════════════════════════════════════════
   PRODUCT MODAL - Premium Dysfa Styling
   Subtle emerald gradient with luxury accents
   ═══════════════════════════════════════════════════════════════════════════ */

/* Modal Container - Subtle Emerald Gradient */
[data-brand="dysfa"] .product-modal__container {
    background:
        /* Subtle emerald glow - top left */
        radial-gradient(ellipse 50% 40% at 10% 10%,
            rgba(4, 106, 56, 0.12) 0%,
            transparent 50%),
        /* Subtle emerald glow - bottom right */
        radial-gradient(ellipse 40% 35% at 95% 90%,
            rgba(4, 106, 56, 0.08) 0%,
            transparent 50%),
        /* Base gradient */
        linear-gradient(145deg,
            #0D0E0D 0%,
            #0A0A0A 50%,
            #0C0D0C 100%);
    border: 1px solid rgba(4, 106, 56, 0.15);
}

/* Product Specs Table - Emerald Border */
[data-brand="dysfa"] .product-info__specs {
    border: 1px solid rgba(4, 106, 56, 0.25);
    background: rgba(4, 106, 56, 0.05);
}

[data-brand="dysfa"] .spec-item {
    border-color: rgba(4, 106, 56, 0.15);
}

/* Spec Labels */
[data-brand="dysfa"] .spec-label {
    color: var(--color-text-muted);
}

/* Spec Values - Gold for Certifications */
[data-brand="dysfa"] .spec-value--certified,
[data-brand="dysfa"] .spec-item:last-child .spec-value {
    color: var(--color-gold);
}

/* Accordion Items styling */
[data-brand="dysfa"] .accordion-header {
    border-color: rgba(4, 106, 56, 0.2);
}

[data-brand="dysfa"] .accordion-header:hover {
    background: rgba(4, 106, 56, 0.08);
}

/* Modal Close Button */
[data-brand="dysfa"] .product-modal__close:hover {
    color: var(--color-gold);
    background: rgba(212, 175, 55, 0.1);
}

/* ═══════════════════════════════════════════════════════════════════════════
   DECORATIVE ELEMENTS
   ═══════════════════════════════════════════════════════════════════════════ */

/* Line Accent - Gold Gradient */
[data-brand="dysfa"] .line-accent {
    background: linear-gradient(90deg,
            transparent,
            var(--color-emerald),
            var(--color-gold),
            var(--color-emerald),
            transparent);
}

/* Featured Badge */
[data-brand="dysfa"] .featured__badge {
    background: linear-gradient(135deg,
            var(--color-emerald) 0%,
            var(--color-emerald-light) 100%);
    color: white;
}

[data-brand="dysfa"] .featured__label {
    color: var(--color-gold);
}

[data-brand="dysfa"] .featured__price {
    color: var(--color-gold);
}

/* ═══════════════════════════════════════════════════════════════════════════
   FEATURED SECTION - "Pieza del Mes" - Eternal Promise
   Dramatic showcase with deep emerald atmosphere
   ═══════════════════════════════════════════════════════════════════════════ */

[data-brand="dysfa"] .featured {
    background:
        /* Central spotlight effect */
        radial-gradient(ellipse 80% 70% at 50% 50%,
            rgba(10, 10, 10, 0.3) 0%,
            transparent 50%),
        /* Deep emerald base gradient */
        linear-gradient(180deg,
            #050A08 0%,
            #071510 35%,
            #061209 65%,
            #050A08 100%);
    position: relative;
    overflow: hidden;
}

/* Emerald corner vignette - top */
[data-brand="dysfa"] .featured::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 60% 40% at 0% 0%,
            rgba(4, 106, 56, 0.2) 0%,
            transparent 50%),
        radial-gradient(ellipse 60% 40% at 100% 100%,
            rgba(4, 106, 56, 0.15) 0%,
            transparent 50%);
    pointer-events: none;
}

/* Subtle gold shimmer line at top */
[data-brand="dysfa"] .featured::after {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(212, 175, 55, 0.4),
            rgba(212, 175, 55, 0.6),
            rgba(212, 175, 55, 0.4),
            transparent);
    pointer-events: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TESTIMONIALS & TRUST BADGES
   ═══════════════════════════════════════════════════════════════════════════ */

[data-brand="dysfa"] .testimonials {
    background: linear-gradient(135deg,
            var(--color-bg-secondary) 0%,
            var(--color-bg-primary) 100%);
    position: relative;
    overflow: hidden;
}

/* Decorative emerald glow - similar to featured section */
[data-brand="dysfa"] .testimonials::before {
    content: '';
    position: absolute;
    top: -30%;
    left: -15%;
    width: 60%;
    height: 160%;
    background: radial-gradient(ellipse, rgba(4, 106, 56, 0.08) 0%, transparent 65%);
    pointer-events: none;
}

[data-brand="dysfa"] .testimonial::before {
    color: var(--color-emerald);
    opacity: 0.3;
}

[data-brand="dysfa"] .trust-badge__icon {
    background: rgba(4, 106, 56, 0.15);
    color: var(--color-emerald-light);
}

/* ═══════════════════════════════════════════════════════════════════════════
   NEWSLETTER / CTA SECTION
   ═══════════════════════════════════════════════════════════════════════════ */

[data-brand="dysfa"] .newsletter,
[data-brand="dysfa"] .cta-section {
    background: linear-gradient(135deg,
            var(--color-emerald-deep) 0%,
            var(--color-bg-primary) 50%,
            var(--color-emerald-deep) 100%);
    position: relative;
}

[data-brand="dysfa"] .newsletter::before,
[data-brand="dysfa"] .cta-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 50%,
            rgba(212, 175, 55, 0.08) 0%,
            transparent 50%),
        radial-gradient(ellipse at 80% 50%,
            rgba(4, 106, 56, 0.1) 0%,
            transparent 50%);
    pointer-events: none;
}

[data-brand="dysfa"] .cta-section__content {
    position: relative;
    z-index: 1;
}

[data-brand="dysfa"] .newsletter__input {
    border-color: var(--color-border-subtle);
}

[data-brand="dysfa"] .newsletter__input:focus {
    border-color: var(--color-gold);
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.2);
}

/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════════════════════════ */

[data-brand="dysfa"] .footer {
    background: linear-gradient(180deg,
            var(--color-bg-secondary) 0%,
            var(--color-bg-primary) 100%);
    border-top: 1px solid var(--color-border-emerald);
}

[data-brand="dysfa"] .footer__logo .logo-dot {
    color: var(--color-gold);
}

[data-brand="dysfa"] .footer__social-link:hover {
    background: var(--color-gold);
    border-color: var(--color-gold);
    color: #0A0A0A;
}

[data-brand="dysfa"] .footer__link:hover {
    color: var(--color-gold);
}

[data-brand="dysfa"] .footer__contact-icon {
    color: var(--color-emerald-light);
}

/* ═══════════════════════════════════════════════════════════════════════════
   BRAND SWITCHER BUTTON - COMPACT ICON VERSION
   ═══════════════════════════════════════════════════════════════════════════ */
.brand-switcher {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--color-border-subtle);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--color-text-secondary);
}

.brand-switcher:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: var(--color-gold);
    color: var(--color-gold);
    transform: rotate(180deg);
}

.brand-switcher svg {
    transition: inherit;
}

/* Dysfa brand - Emerald hover */
[data-brand="dysfa"] .brand-switcher:hover {
    border-color: var(--color-emerald);
    color: var(--color-emerald-light);
}

/* ═══════════════════════════════════════════════════════════════════════════
   SCROLLBAR STYLING
   ═══════════════════════════════════════════════════════════════════════════ */

[data-brand="dysfa"] ::-webkit-scrollbar {
    width: 8px;
}

[data-brand="dysfa"] ::-webkit-scrollbar-track {
    background: var(--color-bg-secondary);
}

[data-brand="dysfa"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg,
            var(--color-emerald) 0%,
            var(--color-gold) 100%);
    border-radius: 4px;
}

[data-brand="dysfa"] ::-webkit-scrollbar-thumb:hover {
    background: var(--color-gold);
}

/* ═══════════════════════════════════════════════════════════════════════════
   SELECTION COLOR
   ═══════════════════════════════════════════════════════════════════════════ */

[data-brand="dysfa"] ::selection {
    background-color: var(--color-gold);
    color: #0A0A0A;
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE ADJUSTMENTS
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .brand-switcher__text {
        display: none;
    }

    .brand-switcher {
        padding: 0.5rem;
        border-radius: 50%;
    }

    .brand-switcher__dot {
        width: 10px;
        height: 10px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   PREMIUM LOADING ANIMATIONS
   ═══════════════════════════════════════════════════════════════════════════ */

[data-brand="dysfa"] .reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-brand="dysfa"] .reveal.visible {
    opacity: 1;
    transform: translateY(0);
}