/* =========================================
   MENUJUNK PREMIUM PRODUCT CARDS
========================================= */

.component a.block{
    position:relative;
    overflow:hidden;

    border-radius:18px;

    background:rgba(10,10,15,.72);
    backdrop-filter:blur(20px);

    border:1px solid rgba(34,197,94,.15);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

/* MENUJUNK Hover */

.component a.block:hover{

    transform:
        translateY(-8px)
        scale(1.025);

    border-color:#22c55e;

    box-shadow:
        0 0 18px rgba(34,197,94,.25),
        0 0 35px rgba(168,85,247,.18),
        0 20px 50px rgba(0,0,0,.75);

}

/* Glass Shine */

.component a.block::before{

    content:"";

    position:absolute;

    top:-150%;

    left:-60%;

    width:45%;

    height:350%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.08),
        transparent
    );

    transform:rotate(20deg);

    transition:.8s;

    pointer-events:none;

}

.component a.block:hover::before{

    left:150%;

}

/* Image */

.component img{

    transition:
        transform .45s ease,
        filter .45s ease;

}

.component a.block:hover img{

    transform:scale(1.08);

    filter:
        brightness(1.08)
        saturate(1.18);

}

/* MENUJUNK Title */

.component h3{

    letter-spacing:.5px;

    transition:.3s;

    font-weight:700;

}

.component a.block:hover h3{

    color:#9effb4;

    text-shadow:
        0 0 10px rgba(34,197,94,.55);

}

/* Price */

.component .text-accent-500{

    font-weight:700;

    text-shadow:
        0 0 10px rgba(34,197,94,.35);

}

/* Button */

.component .border-accent-500{

    border-radius:10px;

    transition:.3s;

}

.component .border-accent-500:hover{

    background:#22c55e;

    border-color:#22c55e;

    color:white;

    box-shadow:
        0 0 20px rgba(34,197,94,.55);

}

/* Badges */

.badges div{

    border-radius:6px;

    box-shadow:
        0 0 10px rgba(168,85,247,.30);

}
/* ==========================
   MENUJUNKIE NAVBAR GLOW V3
========================== */

/* Links */

nav a,
header a{

    color:#fff !important;

    transition:all .35s ease;

    text-shadow:
        0 0 6px rgba(168,85,247,.65),
        0 0 12px rgba(168,85,247,.45),
        0 0 22px rgba(168,85,247,.25);

}

nav a:hover,
header a:hover{

    color:#fff !important;

    text-shadow:
        0 0 5px #fff,
        0 0 10px #a855f7,
        0 0 20px #a855f7,
        0 0 35px #a855f7,
        0 0 55px #9333ea,
        0 0 80px #7e22ce;

}

/* Login • Currency • Cart */

nav button,
header button,
nav .btn,
header .btn,
nav svg,
header svg,
nav i,
header i{

    transition:all .35s ease;

    color:#fff;

    text-shadow:
        0 0 6px rgba(168,85,247,.65),
        0 0 12px rgba(168,85,247,.45);

}

nav button:hover,
header button:hover,
nav .btn:hover,
header .btn:hover,
nav svg:hover,
header svg:hover,
nav i:hover,
header i:hover{

    color:#fff;

    transform:translateY(-2px);

    text-shadow:
        0 0 10px #a855f7,
        0 0 20px #9333ea,
        0 0 40px #7e22ce;

    filter:drop-shadow(0 0 12px #a855f7);

}

/* Cart Button */

nav button:last-child,
header button:last-child{

    border:1px solid rgba(34,197,94,.55);

    border-radius:12px;

    box-shadow:
        0 0 12px rgba(34,197,94,.25);

}

nav button:last-child:hover,
header button:last-child:hover{

    box-shadow:
        0 0 18px rgba(34,197,94,.55),
        0 0 35px rgba(168,85,247,.30);

}
/* ==========================
   MENUJUNKIE LOGO GLOW
========================== */

nav .font-bold,
header .font-bold{

    color:#ffffff !important;

    font-weight:800;

    text-shadow:
        0 0 6px #a855f7,
        0 0 12px #a855f7,
        0 0 24px #9333ea,
        0 0 42px #7e22ce,
        0 0 60px rgba(168,85,247,.75);

    animation:logoPulse 3s ease-in-out infinite;

}

@keyframes logoPulse{

    0%,100%{

        text-shadow:
            0 0 6px #a855f7,
            0 0 12px #a855f7,
            0 0 24px #9333ea,
            0 0 42px #7e22ce,
            0 0 60px rgba(168,85,247,.75);

    }

    50%{

        text-shadow:
            0 0 10px #c084fc,
            0 0 22px #a855f7,
            0 0 40px #9333ea,
            0 0 65px #7e22ce,
            0 0 90px rgba(168,85,247,.95);

    }

}
/* ==========================
   MENUJUNK FLOATING WORDS
========================== */


#junkie-floating{

    position:fixed;

    inset:0;

    pointer-events:none;

    z-index:-1;

}

.float-text{

    position:absolute;

    font-family:Impact,sans-serif;

    font-weight:900;

    font-style:italic;

    font-size:90px;

    letter-spacing:2px;

    color:rgba(168,85,247,.08);

    white-space:nowrap;

    pointer-events:none;

    user-select:none;

    text-shadow:
        0 0 4px rgba(168,85,247,.55),
        0 0 10px rgba(147,51,234,.35);

    animation:floatSide 18s ease-in-out infinite;

    will-change:transform;

}

/* Each word moves a little differently */

.float-text:nth-child(2){

    animation-duration:22s;

}

.float-text:nth-child(3){

    animation-duration:26s;

}

.float-text:nth-child(4){

    animation-duration:20s;

}

.float-text:nth-child(5){

    animation-duration:24s;

}

/* Gentle side-to-side drift */

@keyframes floatSide{

0%{
transform:translateX(0px) translateY(0px) rotate(-2deg);
}

15%{
transform:translateX(18px) translateY(-8px) rotate(-1deg);
}

30%{
transform:translateX(45px) translateY(6px) rotate(2deg);
}

45%{
transform:translateX(20px) translateY(-12px) rotate(-2deg);
}

60%{
transform:translateX(-18px) translateY(10px) rotate(1deg);
}

80%{
transform:translateX(35px) translateY(-6px) rotate(2deg);
}

100%{
transform:translateX(0px) translateY(0px) rotate(-2deg);
}

}
/* ==========================
   MENUJUNK PREMIUM STATS
========================== */

.stats-glass{

    max-width:1200px;   /* was full width */
    margin:0 auto;

    background:rgba(10,10,18,.78);

    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);

    border:1px solid rgba(168,85,247,.20);

    border-radius:24px;

    padding:24px;

    box-shadow:
        0 12px 40px rgba(0,0,0,.45),
        0 0 25px rgba(168,85,247,.15);

}

.stat-number{

    font-size:2.5rem;

    font-weight:900;

    color:#22c55e;

    text-shadow:
        0 0 12px rgba(34,197,94,.5),
        0 0 20px rgba(168,85,247,.3);

    margin-bottom:8px;

}


.stat-number{

    font-size:3rem;

    font-weight:900;

    color:#22c55e;

    text-shadow:
        0 0 15px rgba(34,197,94,.55),
        0 0 35px rgba(168,85,247,.30);

    margin-bottom:12px;

}

.stat-label{

    text-transform:uppercase;

    letter-spacing:1px;

    color:rgba(255,255,255,.75);

    font-size:.95rem;

}