/* --- MAGNIFICENT SERIES --- */

.merchant-glow-ring {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: visible !important;
    z-index: 0;
    padding: 1px;
}

.merchant-glow-ring>div {
    position: relative;
    z-index: 10;
    /* Ensure avatar is strictly ABOVE all effects */
}

/* Default look: Animated RGB Spectrum */
.merchant-glow-ring:not(.frame-original):not(.frame-gold):not(.frame-cyber):not(.frame-void):not(.frame-inferno):not(.frame-storm):not(.frame-toxic):not(.frame-nebula):not(.frame-matrix):not(.frame-frost) {
    background: transparent !important;
}

.merchant-glow-ring:not(.frame-original):not(.frame-gold):not(.frame-cyber):not(.frame-void):not(.frame-inferno):not(.frame-storm):not(.frame-toxic):not(.frame-nebula):not(.frame-matrix):not(.frame-frost)::before {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    display: block;
    will-change: transform, filter;
    /* RGB Spectrum Laser */
    background: conic-gradient(from 0deg, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
    animation: mag-spin 2s linear infinite;
    -webkit-mask: radial-gradient(circle, transparent 65%, black 66%);
    mask: radial-gradient(circle, transparent 65%, black 66%);
}

/* Size variations for the container itself */
.merchant-glow-ring.merchant-glow-sm {
    padding: 1px;
}

.merchant-glow-ring.merchant-glow-lg {
    padding: 2px;
}

/* Invalidate default background when a Magnificent Series frame is active */
/* We only target frames that are NOT empty and NOT default */
.merchant-glow-ring.frame-original,
.merchant-glow-ring.frame-gold,
.merchant-glow-ring.frame-cyber,
.merchant-glow-ring.frame-void,
.merchant-glow-ring.frame-inferno,
.merchant-glow-ring.frame-storm,
.merchant-glow-ring.frame-toxic,
.merchant-glow-ring.frame-nebula,
.merchant-glow-ring.frame-matrix,
.merchant-glow-ring.frame-frost {
    background: transparent !important;
}

.merchant-glow-ring.frame-original::before,
.merchant-glow-ring.frame-original::after,
.merchant-glow-ring.frame-gold::before,
.merchant-glow-ring.frame-gold::after,
.merchant-glow-ring.frame-cyber::before,
.merchant-glow-ring.frame-cyber::after,
.merchant-glow-ring.frame-void::before,
.merchant-glow-ring.frame-void::after,
.merchant-glow-ring.frame-inferno::before,
.merchant-glow-ring.frame-inferno::after,
.merchant-glow-ring.frame-storm::before,
.merchant-glow-ring.frame-storm::after,
.merchant-glow-ring.frame-toxic::before,
.merchant-glow-ring.frame-toxic::after,
.merchant-glow-ring.frame-nebula::before,
.merchant-glow-ring.frame-nebula::after,
.merchant-glow-ring.frame-matrix::before,
.merchant-glow-ring.frame-matrix::after,
.merchant-glow-ring.frame-frost::before,
.merchant-glow-ring.frame-frost::after {
    content: "";
    position: absolute;
    inset: -1px;
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    display: block;
    will-change: transform, filter;
}



/* Adjust pseudo-element offsets for different sizes */
.merchant-glow-ring.merchant-glow-sm.frame-original::before,
.merchant-glow-ring.merchant-glow-sm.frame-original::after,
.merchant-glow-ring.merchant-glow-sm.frame-gold::before,
.merchant-glow-ring.merchant-glow-sm.frame-gold::after,
.merchant-glow-ring.merchant-glow-sm.frame-cyber::before,
.merchant-glow-ring.merchant-glow-sm.frame-cyber::after,
.merchant-glow-ring.merchant-glow-sm.frame-void::before,
.merchant-glow-ring.merchant-glow-sm.frame-void::after,
.merchant-glow-ring.merchant-glow-sm.frame-inferno::before,
.merchant-glow-ring.merchant-glow-sm.frame-inferno::after,
.merchant-glow-ring.merchant-glow-sm.frame-storm::before,
.merchant-glow-ring.merchant-glow-sm.frame-storm::after,
.merchant-glow-ring.merchant-glow-sm.frame-toxic::before,
.merchant-glow-ring.merchant-glow-sm.frame-toxic::after,
.merchant-glow-ring.merchant-glow-sm.frame-nebula::before,
.merchant-glow-ring.merchant-glow-sm.frame-nebula::after,
.merchant-glow-ring.merchant-glow-sm.frame-matrix::before,
.merchant-glow-ring.merchant-glow-sm.frame-matrix::after,
.merchant-glow-ring.merchant-glow-sm.frame-frost::before,
.merchant-glow-ring.merchant-glow-sm.frame-frost::after {
    inset: -1px;
}

.merchant-glow-ring.merchant-glow-lg.frame-original::before,
.merchant-glow-ring.merchant-glow-lg.frame-original::after,
.merchant-glow-ring.merchant-glow-lg.frame-gold::before,
.merchant-glow-ring.merchant-glow-lg.frame-gold::after,
.merchant-glow-ring.merchant-glow-lg.frame-cyber::before,
.merchant-glow-ring.merchant-glow-lg.frame-cyber::after,
.merchant-glow-ring.merchant-glow-lg.frame-void::before,
.merchant-glow-ring.merchant-glow-lg.frame-void::after,
.merchant-glow-ring.merchant-glow-lg.frame-inferno::before,
.merchant-glow-ring.merchant-glow-lg.frame-inferno::after,
.merchant-glow-ring.merchant-glow-lg.frame-storm::before,
.merchant-glow-ring.merchant-glow-lg.frame-storm::after,
.merchant-glow-ring.merchant-glow-lg.frame-toxic::before,
.merchant-glow-ring.merchant-glow-lg.frame-toxic::after,
.merchant-glow-ring.merchant-glow-lg.frame-nebula::before,
.merchant-glow-ring.merchant-glow-lg.frame-nebula::after,
.merchant-glow-ring.merchant-glow-lg.frame-matrix::before,
.merchant-glow-ring.merchant-glow-lg.frame-matrix::after,
.merchant-glow-ring.merchant-glow-lg.frame-frost::before,
.merchant-glow-ring.merchant-glow-lg.frame-frost::after {
    inset: -1px;
    /* Tight fit for all sizes */
}

/* Animations */
@keyframes mag-shimmer {
    0% {
        background-position: 0% 50%;
    }

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

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

@keyframes mag-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes mag-pulse {

    0%,
    100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1);
        opacity: 0.7;
    }
}

@keyframes mag-fall {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 100%;
    }
}

@keyframes holo-sparkle {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }
}

@keyframes holo-shift {
    0% {
        background-position: 0% 50%;
    }

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

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

@keyframes toxic-ooze {
    from {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(180deg) scale(1.1);
    }

    to {
        transform: rotate(360deg) scale(1);
    }
}

/* 1. PRISMA FORCE - MYSTIC AURORA (Image 0 Inspiration) */
.merchant-glow-ring.frame-original::before {
    background: conic-gradient(from 0deg, #ff9a9e, #fad0c4, #fad0c4, #a18cd1, #fbc2eb, #d4fc79, #96e6a1, #ff9a9e);
    filter: blur(4px);
    animation: mag-spin 6s linear infinite;
    opacity: 0.9;
    mix-blend-mode: screen;
    display: block !important;
}

.merchant-glow-ring.frame-original::after {
    background: radial-gradient(circle, transparent 50%, rgba(255, 255, 255, 0.8) 100%);
    box-shadow: 0 0 5px rgba(255, 192, 203, 0.3);
    animation: mag-pulse 3s infinite ease-in-out;
    z-index: -1;
    display: block !important;
}

/* 2. DIVINE HALO - CELESTIAL CROWN */
.merchant-glow-ring.frame-gold::before {
    background: repeating-conic-gradient(from 0deg, #ffd700 0deg, #ffec8b 10deg, transparent 20deg, transparent 40deg);
    filter: drop-shadow(0 0 2px #ffd700);
    animation: mag-spin 8s linear infinite;
    z-index: -1;
    display: block !important;
}

.merchant-glow-ring.frame-gold::after {
    background: radial-gradient(circle, transparent 60%, #ffd700 100%);
    box-shadow: 0 0 8px #ffd700;
    opacity: 0.5;
    animation: mag-pulse 2s infinite alternate;
    z-index: -1;
    display: block !important;
}

/* 3. NANO TECH - QUANTUM MESH (Image 1 Inspiration) */
.merchant-glow-ring.frame-cyber::before {
    background: repeating-conic-gradient(#00ffff 0% 2%, transparent 2% 5%, #0000ff 5% 7%, transparent 7% 10%);
    filter: drop-shadow(0 0 2px #00ffff);
    animation: mag-spin 4s linear infinite;
    mix-blend-mode: screen;
    display: block !important;
}

.merchant-glow-ring.frame-cyber::after {
    background: radial-gradient(circle, transparent 60%, rgba(0, 255, 255, 0.3) 90%);
    border: 2px dashed #00ffff;
    animation: mag-spin 10s linear infinite reverse;
    opacity: 0.8;
    display: block !important;
}

/* 4. HOLO GLITCH - NEON HORIZON (Image 3 Inspiration) */
.merchant-glow-ring.frame-void::before {
    background: conic-gradient(from 0deg, #ff00cc, #00ffff, #ff00cc);
    filter: blur(6px) contrast(1.2);
    box-shadow: 0 0 10px #ff00cc, 0 0 10px #00ffff;
    animation: mag-spin 1s linear infinite;
    display: block !important;
}

.merchant-glow-ring.frame-void::after {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    clip-path: polygon(10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0 90%, 0 10%);
    animation: mag-spin 3s linear infinite reverse;
    opacity: 0.7;
    display: block !important;
}

/* 5. HELLFIRE */
/* 5. HELLFIRE - SWIRLING TAILS (DIFFUSE/FUZZY LOOK) */
.merchant-glow-ring.frame-inferno::before {
    /* 3-Arm Fire Swirl Pattern - Core */
    background: repeating-conic-gradient(from 0deg,
            transparent 0deg,
            #8b0000 10deg,
            #ff0000 30deg,
            #ff4500 50deg,
            #ffff00 60deg,
            transparent 70deg,
            transparent 120deg);
    filter: blur(3px);
    /* Reduced blur for sharper fire core */
    box-shadow: 0 0 10px rgba(255, 69, 0, 0.4);
    /* added ambient glow */
    animation: fire-spin-tails 1.5s linear infinite;
    mix-blend-mode: screen;
    opacity: 1;
    z-index: -1;
    display: block !important;
}

.merchant-glow-ring.frame-inferno::after {
    /* Outer Aura - Very Diffuse */
    background: conic-gradient(from 180deg,
            #ff0000 0%,
            transparent 40%,
            #ff4500 70%,
            transparent 100%);
    filter: blur(6px);
    /* Halved blur for sharper aura */
    transform: scale(1.05);
    animation: fire-spin-tails 2s linear infinite reverse;
    mix-blend-mode: hard-light;
    opacity: 0.8;
    z-index: -1;
    display: block !important;
}



@keyframes fire-spin-tails {
    0% {
        transform: rotate(0deg) scale(1.02);
    }

    50% {
        transform: rotate(180deg) scale(1.05);
    }

    100% {
        transform: rotate(360deg) scale(1.02);
    }
}


/* 6. TESLA COIL - THUNDER GOD (Image 2 Inspiration) */
.merchant-glow-ring.frame-storm::before {
    background: repeating-conic-gradient(from 0deg, transparent 0deg, #00bfff 5deg, #ffffff 10deg, transparent 15deg, transparent 60deg);
    filter: blur(0.5px) drop-shadow(0 0 3px #00bfff);
    animation: mag-spin 0.5s linear infinite;
    /* Fast spin for electricity */
    mix-blend-mode: screen;
    display: block !important;
}

.merchant-glow-ring.frame-storm::after {
    background: radial-gradient(circle, transparent 70%, rgba(0, 191, 255, 0.4) 100%);
    box-shadow: 0 0 5px #00bfff;
    animation: mag-pulse 0.1s infinite alternate;
    /* Flicker */
    z-index: -1;
    display: block !important;
}

/* 7. VENOM SYMBIOTE - BIO-HAZARD SLIME */
.merchant-glow-ring.frame-toxic::before {
    background: conic-gradient(from 0deg, #00ff00, #adff2f, #006400, #00ff00);
    filter: blur(1px) contrast(5);
    /* Liquid ooze effect */
    animation: toxic-ooze 3s linear infinite;
    mix-blend-mode: screen;
    display: block !important;
}

.merchant-glow-ring.frame-toxic::after {
    background: radial-gradient(circle, transparent 50%, #00ff00 100%);
    opacity: 0.6;
    animation: mag-pulse 2s infinite ease-in-out;
    z-index: -1;
    display: block !important;
}

/* 8. STARLIGHT - COSMIC GALAXY */
.merchant-glow-ring.frame-nebula::before {
    background: conic-gradient(from 0deg, #240b36, #c31432, #240b36);
    /* Deep purple/red */
    filter: blur(1px);
    box-shadow: 0 0 5px #c31432;
    animation: mag-spin 8s linear infinite;
    display: block !important;
}

.merchant-glow-ring.frame-nebula::after {
    background: radial-gradient(circle, transparent 20%, rgba(255, 255, 255, 0.8) 21%, transparent 22%);
    /* Ring of stars */
    background-size: 10px 10px;
    animation: mag-spin 4s linear infinite reverse;
    opacity: 0.5;
    mix-blend-mode: screen;
    display: block !important;
}

/* 9. BINARY FLOW - DIGITAL RAIN */
.merchant-glow-ring.frame-matrix::before {
    background: repeating-linear-gradient(180deg, transparent 0%, rgba(0, 255, 0, 0.8) 50%, transparent 100%);
    background-size: 100% 20px;
    filter: drop-shadow(0 0 5px #00ff00);
    animation: mag-fall 1s linear infinite;
    /* Fixed falling effect */
    display: block !important;
}

.merchant-glow-ring.frame-matrix::after {
    background: conic-gradient(from 0deg, transparent 0%, #006400 100%);
    opacity: 0.5;
    animation: mag-spin 4s linear infinite;
    z-index: -1;
    display: block !important;
}

/* 10. ZERO KELVIN - ICE CRYSTALS */
.merchant-glow-ring.frame-frost::before {
    background: repeating-conic-gradient(from 0deg, #ffffff 0deg, #00ffff 10deg, transparent 20deg, transparent 30deg);
    filter: drop-shadow(0 0 5px #00ffff);
    animation: mag-spin 10s linear infinite;
    display: block !important;
}

.merchant-glow-ring.frame-frost::after {
    background: radial-gradient(circle, transparent 60%, rgba(255, 255, 255, 0.6) 100%);
    box-shadow: 0 0 8px #00ffff;
    opacity: 0.8;
    animation: mag-pulse 3s infinite ease-in-out;
    display: block !important;
}

/* RESET MASKS REMOVED FOR NO-GLOW POLICY */

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}