/* Dipindah dari shop/product.php (blok #4, id=bayargg-brand-theme) */
    /* ============================================
       BAYAR GG Brand Theme — solid surfaces, no glass
       ============================================ */
    :root {
        color-scheme: dark light;
        --bgg-primary:#1a86ff;
        --bgg-primary-dark:#0f6ee6;
        --bgg-primary-light:#66adff;
        --bgg-primary-soft:#66adff;
        --bgg-electric:#2e93ff;
        --bgg-bg:#000000;
        --bgg-bg-1:#000000;
        --bgg-bg-2:#000000;
        --bgg-bg-3:#000000;
        --bgg-bg-elev:#000000;
        --bgg-bg-surface:#000000;
        --bgg-text:#ffffff;
        --bgg-text-2:rgba(255,255,255,.72);
        --bgg-text-3:rgba(255,255,255,.60);
        --bgg-muted:rgba(255,255,255,.40);
        --bgg-border:rgba(255,255,255,.08);
        --bgg-green:#00d395;
        --bgg-red:#ff5f52;
        --sg-cyan:#66adff;
        --sg-blue:#1a86ff;
        --accent-cyan:#66adff;
    }
    html[data-theme="light"] {
        --bgg-bg:#f7f8fa;
        --bgg-bg-1:#ffffff;
        --bgg-bg-2:#ffffff;
        --bgg-bg-3:#eff1f5;
        --bgg-bg-elev:#ffffff;
        --bgg-text:#0a0b0d;
        --bgg-text-2:#4b5563;
        --bgg-text-3:#5b616e;
        --bgg-muted:#6b7280;
        --bgg-border:#e8ecef;
        --sg-cyan:#66adff;
        --sg-blue:#1a86ff;
        --accent-cyan:#66adff;
    }

    * { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }

    html, body {
        background: var(--bgg-bg) !important;
        background-image: none !important;
        background-attachment: initial !important;
        color: var(--bgg-text) !important;
    }
    body::before, body::after { display:none !important; }

    .tg-nav, .sg-nav, .tg-nav.sg-nav {
        background: var(--bgg-bg-1) !important;
        border-bottom:1px solid var(--bgg-border) !important;
        box-shadow:none !important;
    }
    html[data-theme="light"] .tg-nav, html[data-theme="light"] .sg-nav { background:#ffffff !important; }

    .sg-brand-logo { background:linear-gradient(135deg, var(--bgg-primary), var(--bgg-primary-light)) !important; }
    .sg-brand-text strong { color: var(--bgg-primary-light) !important; }
    html[data-theme="light"] .sg-brand-text strong { color: #000000 !important; }
    .sg-brand-text > span { color: var(--bgg-text) !important; }
    .sg-nav-menu-link { color: var(--bgg-text-3) !important; }
    .sg-nav-menu-link:hover { color: var(--bgg-text) !important; background: var(--bgg-bg-elev) !important; }
    .sg-nav-menu-link.is-active { color: #fff !important; background: rgba(26, 134, 255,.18) !important; }
    html[data-theme="light"] .sg-nav-menu-link:hover { background: var(--bgg-bg-3) !important; color:#0a0b0d !important; }
    html[data-theme="light"] .sg-nav-menu-link.is-active { color: #000000 !important; background:#eff6ff !important; }

    /* Hero brand solid blue */
    .hero {
        background: linear-gradient(135deg, #0f6ee6 0%, #1a86ff 50%, #2e93ff 100%) !important;
        color:#fff !important;
    }
    .hero::before, .hero::after { display:none !important; }
    [data-theme="light"] .hero { background: linear-gradient(135deg, #0f6ee6 0%, #1a86ff 50%, #2e93ff 100%) !important; }

    /* Cards */
    .card, .hero-card {
        background: var(--bgg-bg-2) !important;
        border-color: var(--bgg-border) !important;
        box-shadow: 0 2px 8px rgba(0,0,0,.18) !important;
    }
    html[data-theme="light"] .card, html[data-theme="light"] .hero-card { background:#ffffff !important; border-color: var(--bgg-border) !important; box-shadow:0 1px 0 rgba(15,23,42,.04) !important; }

    /* Buttons */
    .btn, .sg-nav-cta-btn {
        background: linear-gradient(135deg, var(--bgg-primary), var(--bgg-electric)) !important;
        color:#fff !important;
        box-shadow:0 12px 28px -14px rgba(26, 134, 255,.6) !important;
    }
    .btn-soft {
        background: var(--bgg-bg-3) !important;
        color: var(--bgg-text) !important;
        border:1px solid var(--bgg-border) !important;
        box-shadow:none !important;
    }

    /* Footer */
    .tg-footer, .sg-footer { background:#000000 !important; border-top:1px solid var(--bgg-border) !important; }
    html[data-theme="light"] .tg-footer, html[data-theme="light"] .sg-footer {
        background: #ffffff !important;
        border-top: 1px solid #e8ecef !important;
        color: #64748b !important;
    }

    /* Pastikan tidak ada dark-navy di dark mode */
    html:not([data-theme="light"]) .card,
    html:not([data-theme="light"]) .hero-card,
    html:not([data-theme="light"]) .tg-card,
    html:not([data-theme="light"]) .tg-footer,
    html:not([data-theme="light"]) .sg-footer { background:#000000 !important; }