/* ================= */
/* NAVBAR */
/* ================= */

.navbar {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:2000;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:8px 20px;
    background:rgba(0,0,0,.92);
    border-bottom:2px solid #d4af37;
    box-shadow:0 5px 20px black;
    box-sizing:border-box;
}

.nav-logo {
    display:flex;
    align-items:center;
    gap:8px;
    color:#ffd700;
    font-family:'Cinzel',serif;
    font-size:16px;
    font-weight:700;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1.5px;
    text-shadow:0 0 20px rgba(255,215,0,.4),0 0 40px rgba(170,0,255,.2);
    transition:text-shadow .3s;
}
.nav-logo-img { height:24px; width:auto; flex-shrink:0; }
.nav-logo:hover {
    text-shadow:0 0 30px rgba(255,215,0,.6),0 0 60px rgba(170,0,255,.35);
}

.nav-links {
    display:flex;
    align-items:center;
    gap:5px;
    flex-wrap:wrap;
}

.nav-links a {
    color:#fff;
    font-family:'Cinzel',serif;
    font-size:13px;
    text-decoration:none;
    padding:8px 14px;
    border-radius:6px;
    letter-spacing:.5px;
    text-shadow:0 0 10px rgba(170,0,255,.3);
    transition:background .2s, color .2s, text-shadow .2s;
}

.nav-links a:hover {
    background:rgba(170,0,255,.2);
    color:#e0b0ff;
    text-shadow:0 0 20px rgba(170,0,255,.6);
}

.nav-discord {
    background:#5865F2 !important;
    color:white !important;
    font-family:'Cinzel',serif !important;
    font-size:12px !important;
    letter-spacing:.5px;
}

.nav-discord:hover {
    background:#7C3AED !important;
    color:#e0b0ff !important;
}

.nav-toggle {
    display:none;
    background:none;
    border:none;
    cursor:pointer;
    padding:8px;
    margin:0;
    box-shadow:none;
    width:auto;
}

.hamburger,.hamburger::before,.hamburger::after {
    display:block;
    width:26px;
    height:3px;
    background:#ffd700;
    border-radius:2px;
    transition:transform .3s, opacity .3s;
}

.hamburger { position:relative; }
.hamburger::before,.hamburger::after { content:''; position:absolute; left:0; }
.hamburger::before { top:-8px; }
.hamburger::after { top:8px; }

.nav-open .hamburger { transform:rotate(45deg); }
.nav-open .hamburger::before { transform:translateY(8px) rotate(0deg); opacity:0; }
.nav-open .hamburger::after { transform:translateY(-8px) rotate(-90deg); }

@media(max-width:700px){
    .nav-toggle { display:block; }
    .navbar { flex-direction:row; }
    .nav-open .nav-toggle { position:relative; z-index:2001; }
    .nav-links { display:none; }
    .nav-open .nav-links {
        display:flex; flex-direction:column;
        position:fixed; top:0; left:0; width:100%; height:100%;
        height:100dvh;
        z-index:2000; background:rgba(0,0,0,.7);
        backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
        justify-content:center; align-items:center; gap:24px;
    }
    .nav-open .nav-links a { font-size:16px; padding:10px 20px; }
    body.nav-open { overflow:hidden; }
    body { padding-top:60px; }
}

/* ================= */
/* BASE */
/* ================= */

body {
    margin:0; padding:0; padding-top:70px;
    background-image:linear-gradient(rgba(0,0,0,0.45),rgba(0,0,0,0.75)),url("../assets/background.webp");
    background-size:cover; background-position:center; background-attachment:fixed;
    color:white; font-family:'Cinzel',serif; text-align:center;
}

header { position:relative; padding:80px 20px; }

/* ================= */
/* HERO */
/* ================= */

.hero-bg { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }

.hero-glow {
    position:absolute; top:50%; left:50%;
    transform:translate(-50%,-50%);
    width:900px; height:900px; max-width:120vw; max-height:120vw;
    background:radial-gradient(ellipse at center,rgba(140,0,255,.3) 0%,rgba(80,0,180,.15) 25%,transparent 65%);
    filter:blur(100px); will-change:transform;
    animation:heroGlowPulse 6s ease-in-out infinite;
}

.hero-lighting { position:absolute; inset:0; z-index:1; }
.hero-light-spot { position:absolute; border-radius:50%; filter:blur(100px); will-change:transform; }

.spot-warm {
    width:700px; height:700px; top:-10%; left:-5%;
    background:radial-gradient(circle at center,rgba(255,180,50,.22) 0%,transparent 55%);
}

.spot-cool {
    width:700px; height:700px; bottom:-10%; right:-5%;
    background:radial-gradient(circle at center,rgba(120,0,255,.22) 0%,transparent 55%);
}

#hero-particles { position:absolute; inset:0; z-index:2; pointer-events:none; display:block; }
.hero-content { position:relative; z-index:3; }

@keyframes heroGlowPulse {
    0%,100% { opacity:.6; transform:translate(-50%,-50%) scale(1); }
    50% { opacity:1; transform:translate(-50%,-50%) scale(1.15); }
}

@keyframes heroFadeIn {
    0% { opacity:0; transform:translateY(30px); }
    100% { opacity:1; transform:translateY(0); }
}

@keyframes fadeUp {
    0% { opacity:0; transform:translateY(25px); }
    100% { opacity:1; transform:translateY(0); }
}

section { animation:fadeUp .6s ease both; }
#sobre { animation-delay:.1s; }
#loja { animation-delay:.2s; }
#servicos { animation-delay:.3s; }

.logo { width:290px; max-width:85%; filter:drop-shadow(0 0 20px black); animation:heroFadeIn 1s cubic-bezier(.22,1,.36,1) forwards; }

.server-box { width:620px; max-width:92%; margin:35px auto; animation:heroFadeIn 1s cubic-bezier(.22,1,.36,1) .3s both; }

.portal-frame { position:relative; box-shadow:0 0 40px rgba(170,0,255,.3),0 0 80px rgba(170,0,255,.1); }

.portal-gif { width:100%; height:auto; display:block; border-radius:12px; }

.portal-sign {
    position:absolute; top:0; left:50%; transform:translateX(-50%);
    z-index:5; pointer-events:none;
}

.sign-img {
    width:360px; height:auto; image-rendering:pixelated;
    pointer-events:auto; display:block;
}

/* ================= */
/* SECTIONS */
/* ================= */

section { padding:50px 20px; }

#sobre {
    background:rgba(0,0,0,.4); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
    border:2px solid #d4af37; border-radius:20px;
    margin:30px auto; padding:20px 25px; max-width:800px;
}

#sobre p {
    font-family:'Cinzel',serif; font-size:18px; line-height:1.9;
    letter-spacing:.5px; color:#e0d0ff;
}

h2 {
    color:#ffd700; font-size:32px; text-shadow:0 2px 10px rgba(0,0,0,.7);
    font-family:'Cinzel',serif; letter-spacing:2px; text-transform:uppercase;
}

/* ================= */
/* CATEGORY GRID */
/* ================= */

.categoria-wrapper { margin-bottom:40px; }

.categoria-titulo {
    font-family:'Press Start 2P',cursive; font-size:22px;
    text-align:center; margin:30px 0 20px;
    text-shadow:0 0 15px currentColor; letter-spacing:2px;
}

.categoria-grid {
    display:flex; flex-wrap:wrap; justify-content:center; gap:20px;
}

/* ================= */
/* PRODUCT CARDS */
/* ================= */

.vip {
    display:inline-flex; flex-direction:column; align-items:center;
    vertical-align:top;
    background:rgba(15,15,15,.92); width:300px;
    padding:25px; margin:0; border-radius:20px;
    border:2px solid #d4af37;
    box-shadow:0 5px 30px rgba(0,0,0,.8),0 0 60px rgba(0,0,0,.4); overflow:hidden;
    box-sizing:border-box; transition:transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease;
}

.vip:hover {
    transform:translateY(-6px);
    box-shadow:0 8px 40px rgba(0,0,0,.8),0 0 80px rgba(170,0,255,.15);
    border-color:rgba(212,175,55,.8);
}

.vip-image-box { width:100%; height:200px; display:flex; align-items:center; justify-content:center; overflow:hidden; }

.vip-img { width:170px; height:170px; object-fit:contain; }

.vip[data-produto-id="home"] .vip-image-box,
.vip[data-produto-id="desban"] .vip-image-box { height:250px; }

.vip[data-produto-id="home"] .vip-img,
.vip[data-produto-id="desban"] .vip-img { width:220px; height:220px; }

.vip h3 { color:#ffd700; font-size:24px; margin:12px 0 5px; word-break:keep-all; font-family:'Cinzel',serif; letter-spacing:1px; transition:text-shadow .3s ease; }

.vip:has(.mc-btn:hover) h3 {
    animation:neon-trail 1.2s ease-in-out infinite;
}
.vip h4 { font-size:22px; margin:5px; font-weight:bold; }
.vip-desc { color:#ddd; font-size:14px; margin:5px 15px; line-height:1.5; }

.vip .mc-btn { margin-top:auto; }

.vip.recomendado {
    border-color:#ffd700;
    box-shadow:0 5px 30px rgba(0,0,0,.8),0 0 80px rgba(255,215,0,.12),inset 0 0 40px rgba(255,215,0,.04);
    position:relative;
}

.vip.recomendado::before {
    content:"👑 RECOMENDADO 👑";
    position:absolute; top:12px; left:50%;
    font-family:'Press Start 2P',cursive; font-size:8px;
    color:#ffd700;
    background:linear-gradient(135deg,#1a0030 0%,#2a0a3a 40%,#3a2500 100%);
    padding:5px 12px; border-radius:5px;
    z-index:2; letter-spacing:.5px; white-space:nowrap;
    border:2px solid rgba(255,215,0,.3);
    box-shadow:0 0 10px rgba(255,215,0,.15),inset 0 0 20px rgba(255,215,0,.04);
    text-shadow:0 0 8px rgba(255,215,0,.5),0 0 16px rgba(0,212,255,.2);
    animation:glow-pulse 2.5s ease-in-out infinite;
    transform-origin:center center;
}

.vip.recomendado:hover {
    box-shadow:0 8px 40px rgba(0,0,0,.8),0 0 100px rgba(255,215,0,.2),inset 0 0 60px rgba(255,215,0,.06);
    border-color:#ffd700;
}

@keyframes glow-pulse {
    0%, 100% {
        box-shadow:0 0 6px rgba(255,215,0,.2),0 0 12px rgba(255,215,0,.1);
        transform:translateX(-50%) scale(1);
    }
    50% {
        box-shadow:0 0 12px rgba(255,215,0,.5),0 0 30px rgba(255,215,0,.2),0 0 50px rgba(255,215,0,.1);
        transform:translateX(-50%) scale(1.04);
    }
}

@keyframes neon-trail {
    0% { text-shadow:-2px 0 6px currentColor,2px 0 3px transparent,0 0 12px currentColor,0 0 24px currentColor; }
    25% { text-shadow:0 -2px 6px currentColor,0 2px 3px transparent,0 0 12px currentColor,0 0 24px currentColor; }
    50% { text-shadow:2px 0 6px currentColor,-2px 0 3px transparent,0 0 12px currentColor,0 0 24px currentColor; }
    75% { text-shadow:0 2px 6px currentColor,0 -2px 3px transparent,0 0 12px currentColor,0 0 24px currentColor; }
    100% { text-shadow:-2px 0 6px currentColor,2px 0 3px transparent,0 0 12px currentColor,0 0 24px currentColor; }
}

/* ================= */
/* BUTTONS */
/* ================= */

button {
    background:#d4af37; color:#111; border:none;
    padding:14px 30px; font-size:17px; font-family:'Cinzel',serif;
    font-weight:bold; border-radius:10px; cursor:pointer;
    margin:8px; box-shadow:0 5px 15px black; transition:.2s;
}

button:hover { background:#f5d76e; filter:brightness(1.05); }

.mc-btn {
    font-family:'Press Start 2P',cursive; font-size:13px; letter-spacing:.3px;
    color:#fff5d6;
    background:linear-gradient(135deg,#b8860b 0%,#daa520 40%,#ffd700 60%,#daa520 100%);
    border:1px solid rgba(212,175,55,.4); border-radius:8px; padding:14px 24px;
    cursor:pointer; margin:6px;
    box-shadow:0 4px 15px rgba(0,0,0,.5);
    transition:all .2s ease;
    text-shadow:0 0 8px rgba(255,215,0,.5),1px 1px 0 #3a2500,-1px -1px 0 #3a2500,1px -1px 0 #3a2500,-1px 1px 0 #3a2500;
    position:relative; overflow:hidden; z-index:1;
}

.mc-btn:hover {
    background:linear-gradient(135deg,#d4a017 0%,#f0c040 40%,#ffe55a 60%,#f0c040 100%);
    border-color:rgba(255,215,0,.6); color:#fff;
    box-shadow:0 6px 20px rgba(0,0,0,.6),0 0 15px rgba(255,215,0,.15);
    text-shadow:0 0 12px rgba(255,215,0,.8),0 0 24px rgba(255,200,0,.4),1px 1px 0 #3a2500,-1px -1px 0 #3a2500,1px -1px 0 #3a2500,-1px 1px 0 #3a2500;
}

.mc-btn:disabled {
    opacity:0.5; cursor:not-allowed; filter:grayscale(0.5);
}

.mc-btn:active:not(:disabled) {
    transform:translateY(1px);
    box-shadow:0 2px 8px rgba(0,0,0,.5);
}

.mc-btn:disabled:hover {
    background:linear-gradient(135deg,#b8860b 0%,#daa520 40%,#ffd700 60%,#daa520 100%);
    border-color:rgba(212,175,55,.4); transform:none;
    box-shadow:0 4px 15px rgba(0,0,0,.5);
    text-shadow:0 0 8px rgba(255,215,0,.5),1px 1px 0 #3a2500,-1px -1px 0 #3a2500,1px -1px 0 #3a2500,-1px 1px 0 #3a2500;
}

.mc-btn-add { font-size:11px !important; padding:10px 16px !important; }

/* ================= */
/* KIT ORE HOVER EFFECTS */
/* ================= */

.vip[data-produto-id="vip_ferro"] .mc-btn:hover {
    background:linear-gradient(135deg,#2a2a2a,#5a5a5a,#c0c0c0,#5a5a5a,#2a2a2a) !important;
    border-color:rgba(192,192,192,.6) !important;
    color:#fff !important;
    text-shadow:0 0 8px rgba(192,192,192,.6),0 0 16px rgba(192,192,192,.3),1px 1px 0 #1a1a1a !important;
    box-shadow:inset -2px -2px 0 #1a1a1a,inset 2px 2px 0 #e0e0e0,0 3px 0 #1a1a1a,0 4px 10px rgba(192,192,192,.3) !important;
}

.vip[data-produto-id="vip_diamante"] .mc-btn:hover {
    background:linear-gradient(135deg,#003355,#0077aa,#00d4ff,#0077aa,#003355) !important;
    border-color:rgba(0,212,255,.6) !important;
    color:#fff !important;
    text-shadow:0 0 8px rgba(0,212,255,.6),0 0 16px rgba(0,212,255,.3),1px 1px 0 #002244 !important;
    box-shadow:inset -2px -2px 0 #002244,inset 2px 2px 0 #66e0ff,0 3px 0 #002244,0 4px 10px rgba(0,212,255,.3) !important;
}

.vip[data-produto-id="vip_netherite"] .mc-btn:hover {
    background:linear-gradient(135deg,#2a0040,#5a1080,#b060ff,#5a1080,#2a0040) !important;
    border-color:rgba(176,96,255,.6) !important;
    color:#fff !important;
    text-shadow:0 0 8px rgba(176,96,255,.6),0 0 16px rgba(176,96,255,.3),1px 1px 0 #1a0020 !important;
    box-shadow:inset -2px -2px 0 #1a0020,inset 2px 2px 0 #d090ff,0 3px 0 #1a0020,0 4px 10px rgba(176,96,255,.3) !important;
}

.vip[data-produto-id="vip_rei"] .mc-btn:hover {
    background:linear-gradient(135deg,#2a0040,#5a1080,#b060ff,#5a1080,#2a0040) !important;
    border-color:rgba(255,215,0,.6) !important;
    color:#ffd700 !important;
    text-shadow:0 0 12px rgba(255,215,0,.8),0 0 24px rgba(255,200,0,.4),0 0 40px rgba(255,215,0,.2),1px 1px 0 #3a2500 !important;
    box-shadow:inset -2px -2px 0 #1a0020,inset 2px 2px 0 #d090ff,0 3px 0 #1a0020,0 4px 10px rgba(255,215,0,.3),0 0 20px rgba(255,215,0,.1) !important;
}

.info-btn {
    font-family:'Press Start 2P',cursive; font-size:9px;
    padding:8px 14px; border:none; cursor:pointer; margin:4px;
    position:relative; overflow:hidden; z-index:1;
    color:#d4a0ff;
    background:linear-gradient(135deg,#2a0a4a,#3a1060,#2a0a4a);
    box-shadow:inset -2px -2px 0 #0f0518,inset 2px 2px 0 #7a3a9a,0 4px 0 #0f0518,0 6px 10px rgba(0,0,0,.6);
    transition:all .2s;
    text-shadow:0 0 5px #a050ff,0 0 10px #a050ff;
}

.info-btn:hover {
    color:#f0d0ff; transform:none;
    background:radial-gradient(circle at 25% 30%,rgba(200,120,255,.35),transparent 50%),
               radial-gradient(circle at 75% 70%,rgba(240,200,255,.2),transparent 50%),
               linear-gradient(135deg,#3a105a,#5a2080,#3a105a);
    text-shadow:0 0 10px #c080ff,0 0 25px #c080ff,0 0 40px #a050ff;
    box-shadow:inset -2px -2px 0 #1a0525,inset 2px 2px 0 #b070d0,0 4px 0 #1a0525,0 6px 10px rgba(0,0,0,.6);
}

/* ================= */
/* PORTAL CARD */
/* ================= */

.portal-card {
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:316px; height:477px; box-sizing:border-box;
    padding:98px 16px; background:rgba(0,0,0,.35);
    border:1px solid rgba(170,0,255,.3); border-radius:12px;
}

.portal-editions { display:flex; flex-direction:column; gap:16px; }

.portal-edition h3 {
    color:#f0d0ff; font-family:'Press Start 2P',monospace;
    font-size:12px; margin:0 0 8px; text-shadow:0 0 6px rgba(170,0,255,.4); text-align:center;
}

.portal-edition .mc-btn {
    margin-top:12px; width:100%; padding:8px 14px; font-size:10px !important;
    background:linear-gradient(135deg,#2c0a1a,#4a1030,#6b1540,#4a1030,#2c0a1a) !important;
    border:1px solid rgba(200,50,0,.3) !important;
    border-radius:6px !important;
    box-shadow:0 3px 10px rgba(0,0,0,.5) !important;
    color:#ff8844 !important;
    text-shadow:0 0 8px rgba(255,68,0,.6),0 0 16px rgba(200,30,0,.3) !important;
}

.portal-edition .mc-btn:hover {
    background:linear-gradient(135deg,#3c1025,#5a2040,#7b2050,#5a2040,#3c1025) !important;
    border-color:rgba(255,100,0,.5) !important;
    box-shadow:0 4px 14px rgba(0,0,0,.6),0 0 10px rgba(200,50,0,.15) !important;
    color:#ffaa66 !important;
}

.server-ip {
    font-family:'Press Start 2P',monospace; font-size:14px; color:#fff;
    background:rgba(0,0,0,.5); border:1px solid rgba(170,0,255,.4);
    border-radius:8px; padding:14px 16px; text-align:center;
    text-shadow:0 0 6px rgba(170,0,255,.5); word-break:break-all;
}

.server-port {
    color:#d0b0ff; font-family:'Press Start 2P',monospace;
    font-size:13px; margin-top:8px; text-align:center;
    text-shadow:0 0 6px rgba(170,0,255,.4);
}

/* ================= */
/* NICKNAME INPUT */
/* ================= */

.cart-nickname {
    padding:15px; margin:10px 0; background:rgba(255,255,255,.03);
    border:1px solid rgba(212,175,55,.2); border-radius:8px;
}

.cart-nickname label {
    display:block; font-family:'Cinzel',serif;
    font-size:12px; color:#ffd700; margin-bottom:8px;
    letter-spacing:1px;
}

.cart-nickname input {
    width:100%; padding:12px 16px; box-sizing:border-box;
    font-family:Arial,sans-serif; font-size:14px;
    background:rgba(0,0,0,.4); border:1px solid rgba(212,175,55,.3);
    color:#ffd700; text-align:center; border-radius:6px;
    outline:none; transition:border-color .2s, box-shadow .2s;
}

.cart-nickname input:focus {
    border-color:#ffd700; box-shadow:0 0 15px rgba(255,215,0,.2);
}

.cart-nickname input::placeholder {
    color:rgba(255,215,0,.3); font-size:13px;
}

.cart-nickname input.input-error {
    border-color:#ff4444; animation:shake .3s;
}

@keyframes shake {
    0%,100% { transform:translateX(0); }
    25% { transform:translateX(-6px); }
    75% { transform:translateX(6px); }
}

/* ================= */
/* CART */
/* ================= */

#cart-button {
    position:fixed; right:25px; bottom:25px; z-index:1000;
    cursor:pointer; width:60px; height:60px;
    display:flex; align-items:center; justify-content:center;
    background:linear-gradient(135deg,rgba(212,175,55,.12),rgba(170,0,255,.1));
    border:2px solid rgba(212,175,55,.5);
    border-radius:50%;
    box-shadow:0 4px 20px rgba(212,175,55,.15),0 0 40px rgba(170,0,255,.1);
    transition:transform .3s, box-shadow .3s;
}
#cart-button:hover {
    transform:scale(1.1);
    box-shadow:0 4px 30px rgba(212,175,55,.3),0 0 50px rgba(170,0,255,.2);
}
#cart-button svg { transition:stroke .3s; }
#cart-button:hover svg { stroke:#ffd700; }

#cart-count {
    position:absolute; top:-2px; right:-2px;
    background:linear-gradient(135deg,#d43333,#ff4444);
    color:#fff; font-family:Arial,sans-serif; font-weight:700;
    font-size:11px; min-width:20px; height:20px; line-height:20px;
    text-align:center; padding:0 5px; box-sizing:border-box;
    border-radius:10px; border:2px solid #1a0030;
    box-shadow:0 2px 8px rgba(255,50,50,.4);
}

#cart-panel {
    position:fixed; top:0; right:-420px; width:400px; max-width:90%;
    height:100vh;
    background:linear-gradient(180deg,#1a0030 0%,#0d001a 60%,#05000a 100%);
    z-index:1001; padding:20px; box-sizing:border-box;
    border-left:3px solid rgba(212,175,55,.4);
    box-shadow:-10px 0 50px rgba(0,0,0,.8);
    transition:right .35s cubic-bezier(.25,.8,.25,1);
    overflow-y:auto;
}
#cart-panel.cart-open { right:0; }

.cart-header {
    display:flex; justify-content:space-between; align-items:center;
    background:linear-gradient(90deg,#2a0a40,#3d1060,#2a0a40);
    margin:-20px -20px 15px; padding:15px 20px;
    border-bottom:1px solid rgba(212,175,55,.3);
}
.cart-header h2 {
    color:#d4af37; font-size:18px; font-family:'Cinzel',serif;
    letter-spacing:1px; text-transform:uppercase; margin:0;
    text-shadow:0 0 15px rgba(212,175,55,.2);
}

.close-cart {
    cursor:pointer; font-size:16px; color:#d4af37;
    width:32px; height:32px; display:flex;
    align-items:center; justify-content:center;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(212,175,55,.3); border-radius:50%;
    transition:background .2s, border-color .2s;
}
.close-cart:hover { background:rgba(212,175,55,.15); border-color:#d4af37; }

.cart-empty-msg {
    text-align:center; color:rgba(255,255,255,.25);
    font-size:14px; padding:40px 0; font-family:Arial,sans-serif;
}

.cart-item {
    display:flex; align-items:center; gap:12px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(212,175,55,.12);
    border-radius:8px; padding:12px 14px; margin-top:8px;
    color:#ccc; font-family:Arial,sans-serif; font-size:13px;
    transition:border-color .2s;
}
.cart-item:hover { border-color:rgba(212,175,55,.3); }

.cart-item-img {
    width:42px; height:42px; object-fit:contain; flex-shrink:0;
    border-radius:6px; background:rgba(0,0,0,.3);
    padding:4px; border:1px solid rgba(212,175,55,.1);
}

.cart-item-info { flex:1; min-width:0; }

.cart-item-info b { font-size:14px; display:block; margin-bottom:3px; font-family:'Cinzel',serif; letter-spacing:.5px; }

.cart-item-preco { color:#d4af37; font-size:12px; font-weight:600; }

.cart-item-qtd { display:flex; align-items:center; gap:6px; margin:4px 0; }

.cart-item-qtd button {
    background:rgba(212,175,55,.1); color:#d4af37;
    border:1px solid rgba(212,175,55,.3); border-radius:4px;
    padding:2px 8px; margin:0; font-size:12px;
    cursor:pointer; transition:background .2s;
    min-width:24px; font-family:Arial,sans-serif;
}
.cart-item-qtd button:hover { background:rgba(212,175,55,.25); }
.cart-item-qtd span { min-width:16px; text-align:center; color:#d4af37; font-size:13px; font-weight:700; }

.cart-item-remove {
    background:none !important; border:none !important;
    color:rgba(255,70,70,.6) !important; font-size:16px !important;
    cursor:pointer !important; padding:4px !important; margin:0 !important;
    flex-shrink:0; transition:color .2s; line-height:1;
}
.cart-item-remove:hover { color:#ff4444 !important; }

.cart-summary {
    margin-top:20px; padding-top:15px;
    border-top:1px solid rgba(212,175,55,.2);
}

#cart-total {
    color:#d4af37; font-size:16px; margin-top:0;
    font-family:'Cinzel',serif; letter-spacing:1px;
    text-align:center; text-shadow:0 0 20px rgba(212,175,55,.3);
}

.cart-warning {
    color:rgba(255,255,255,.4); font-size:11px;
    text-align:center; font-family:Arial,sans-serif;
    line-height:1.5;
}

#cart-panel > .mc-btn { width:100%; margin-top:15px; }

#cart-overlay {
    display:none; position:fixed; top:0; left:0;
    width:100%; height:100%; background:rgba(0,0,0,.7); z-index:1000;
}
#cart-overlay.cart-open { display:block; }

/* ================= */
/* RESUME PANEL */
/* ================= */

#resumo-panel {
    position:fixed; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.85);
    width:400px; max-width:92%; max-height:90vh; overflow-y:auto;
    background:linear-gradient(180deg,#1a0030 0%,#0d001a 60%,#05000a 100%);
    z-index:1003; padding:20px; box-sizing:border-box;
    border:1px solid rgba(212,175,55,.35);
    border-radius:12px;
    box-shadow:0 0 60px rgba(0,0,0,.9),0 0 30px rgba(170,0,255,.1);
    transition:transform .3s cubic-bezier(.25,.8,.25,1), opacity .3s;
    opacity:0; pointer-events:none;
}
#resumo-panel.resumo-open {
    transform:translate(-50%,-50%) scale(1);
    opacity:1; pointer-events:auto;
}

#resumo-overlay {
    display:none; position:fixed; top:0; left:0;
    width:100%; height:100%; background:rgba(0,0,0,.8); z-index:1002;
}
#resumo-overlay.resumo-open { display:block; }

#resumo-panel .cart-header {
    margin:-20px -20px 15px;
    border-radius:12px 12px 0 0;
}

.resumo-box { padding:10px 0; }

.resumo-player {
    text-align:center; padding:12px; margin-bottom:12px;
    background:rgba(212,175,55,.08);
    border:1px solid rgba(212,175,55,.2);
    border-radius:8px;
}
.resumo-player .resumo-label {
    font-size:10px; color:rgba(255,255,255,.4);
    display:block; margin-bottom:4px; text-transform:uppercase;
    letter-spacing:1px;
}
.resumo-player .resumo-valor {
    font-size:16px; color:#ffd700;
    font-weight:700; font-family:Arial,sans-serif;
}

.resumo-card {
    background:rgba(255,255,255,.03);
    border:1px solid rgba(212,175,55,.12);
    border-radius:8px; padding:15px;
}

.resumo-linha {
    display:flex; justify-content:space-between; align-items:center;
    padding:5px 0; font-family:Arial,sans-serif; font-size:13px;
}
.resumo-linha .resumo-label { color:rgba(255,255,255,.4); }
.resumo-linha .resumo-valor { color:#ccc; text-align:right; }

.resumo-divider {
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);
    margin:8px 0;
}

.resumo-total { padding-top:4px; }
.resumo-total .resumo-valor { color:#ffd700; font-size:15px; font-weight:700; }

#resumo-panel > .mc-btn { width:100%; margin-top:15px; }

/* ================= */
/* POPUP */
/* ================= */

.popup {
    display:none; position:fixed; top:0; left:0;
    width:100%; height:100%; background:rgba(0,0,0,.85);
    z-index:999; align-items:center; justify-content:center;
    padding:20px; box-sizing:border-box;
}

.popup-content {
    background:rgba(15,15,15,.96); width:95vw; max-width:900px;
    max-height:90vh; overflow-y:auto;
    padding:30px; border-radius:20px;
    border:2px solid #d4af37; box-shadow:0 0 40px black; text-align:center;
}

.popup-content h2 { color:#ffd700; font-size:24px; margin-bottom:15px; }
.popup-content p { font-family:Arial,sans-serif; line-height:1.8; }

.kit-img {
    width:100%; max-width:600px; max-height:50vh;
    object-fit:contain; border-radius:15px;
    display:block; margin:auto;
}

.close { float:right; cursor:pointer; font-size:25px; color:#ffd700; }

.info-beneficios {
    list-style:none; padding:0; margin:15px 0;
    font-family:'Press Start 2P',cursive; font-size:9px; line-height:2;
    columns:2; column-gap:20px;
}

.info-beneficios li { color:#d0b0ff; padding:4px 0; text-align:left; }

/* ================= */
/* MODAL ATIVACAO MANUAL */
/* ================= */

.manual-popup {
    display:none; position:fixed; top:0; left:0;
    width:100%; height:100%;
    background:rgba(10,0,20,.72);
    backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
    z-index:5000; align-items:center; justify-content:center;
    padding:20px; box-sizing:border-box;
    overflow-y:auto;
}

.manual-content {
    background:linear-gradient(145deg,#1a0f2e 0%,#140a24 55%,#0d0618 100%);
    width:92vw; max-width:460px; max-height:90vh; overflow-y:auto; overflow-x:hidden;
    padding:34px 30px; border-radius:22px; text-align:center;
    border:1px solid rgba(168,85,247,.45);
    box-sizing:border-box;
    box-shadow:0 0 50px rgba(168,85,247,.35),0 20px 60px rgba(0,0,0,.7);
    animation:manualIn .35s cubic-bezier(.2,.9,.3,1.2) both;
    position:relative;
    margin:auto;
}

@keyframes manualIn {
    from { opacity:0; transform:scale(.88) translateY(10px); }
    to   { opacity:1; transform:scale(1) translateY(0); }
}

.manual-discord-icon {
    width:64px; height:64px; margin:4px auto 14px; display:block;
    filter:drop-shadow(0 0 12px rgba(88,101,242,.8));
    animation:discordPulse 2.4s ease-in-out infinite;
}

@keyframes discordPulse {
    0%,100% { transform:scale(1); }
    50%     { transform:scale(1.08); }
}

.manual-content .close { position:absolute; top:12px; right:16px; float:none; }

.manual-titulo {
    font-family:'Cinzel',serif; color:#ffd700;
    font-size:24px; margin-bottom:16px;
    text-shadow:0 0 20px rgba(255,215,0,.35);
}

.manual-texto {
    font-family:Arial,sans-serif; color:#d9c8ff;
    font-size:15px; line-height:1.85; margin-bottom:26px;
}

.manual-texto code {
    font-family:Consolas,'Courier New',monospace; font-size:13px;
    background:rgba(168,85,247,.16); color:#ffd700;
    padding:2px 8px; border-radius:6px;
    border:1px solid rgba(168,85,247,.35);
    white-space:nowrap;
}

.manual-continuar-btn {
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    background:linear-gradient(135deg,#ffd700 0%,#d4af37 100%);
    color:#2a1a00; text-decoration:none; cursor:pointer;
    font-family:'Press Start 2P',cursive; font-size:13px; font-weight:bold;
    padding:18px 32px; border-radius:14px; width:100%;
    box-sizing:border-box; border:2px solid rgba(255,255,255,.25);
    box-shadow:0 4px 18px rgba(212,175,55,.3);
    transition:background .25s,box-shadow .25s,transform .15s;
}

.manual-continuar-btn:hover {
    background:linear-gradient(135deg,#ffe066 0%,#e0b930 100%);
    box-shadow:0 0 30px rgba(255,215,0,.5);
    transform:translateY(-2px);
}

.manual-continuar-btn:active { transform:translateY(0); }

.manual-discord-btn {
    display:none; align-items:center; justify-content:center; gap:10px;
    background:#5865F2; color:#fff; text-decoration:none;
    font-family:'Press Start 2P',cursive; font-size:13px;
    padding:18px 32px; border-radius:14px; width:100%;
    box-sizing:border-box; border:2px solid rgba(255,255,255,.08);
    transition:background .25s,box-shadow .25s,transform .15s;
}

.manual-discord-btn svg { width:22px; height:22px; flex-shrink:0; }

.manual-discord-btn:hover {
    background:#4752C4;
    box-shadow:0 0 30px rgba(88,101,242,.55);
    transform:translateY(-2px);
}

.manual-discord-btn:active { transform:translateY(0); }

/* ================= */
/* PORTAL OVERLAY */
/* ================= */

#portal-overlay {
    position:fixed; inset:0; z-index:9999; pointer-events:none;
    background:radial-gradient(circle at center, rgba(122,32,192,.6) 0%, rgba(10,0,21,.5) 40%, transparent 70%);
    opacity:0; transform:scale(0.3); transition:none;
}
#portal-overlay.portal-overlay-anim {
    animation:portalFlash .7s ease forwards;
}

@keyframes portalFlash {
    0% { opacity:0; transform:scale(0.3); }
    25% { opacity:1; transform:scale(1.1); }
    100% { opacity:0; transform:scale(1.4); }
}

/* ================= */
/* TOAST */
/* ================= */

#toast-container {
    position:fixed; top:80px; left:50%; transform:translateX(-50%);
    z-index:9999; display:flex; flex-direction:column; gap:8px;
    pointer-events:none; align-items:center;
}

.toast {
    background:rgba(0,0,0,.9); color:#ffd700; padding:12px 24px;
    border:2px solid #d4af37; border-radius:8px;
    font-family:'Press Start 2P',cursive; font-size:11px;
    opacity:0; transform:translateY(-20px); transition:all .3s;
    pointer-events:auto; white-space:nowrap;
    box-shadow:0 4px 20px black;
}

.toast.toast-show { opacity:1; transform:translateY(0); }

/* ================= */
/* FOOTER */
/* ================= */

footer { padding:40px 20px 20px; background:rgba(0,0,0,.85); font-family:Arial,sans-serif; }

.footer-social { display:flex; justify-content:center; align-items:center; gap:15px; margin-bottom:24px; flex-wrap:wrap; }

.footer-legal {
    text-align:center; font-size:11px; color:#666;
    max-width:600px; margin:0 auto;
    line-height:1.6;
}

.footer-legal a { color:#888; text-decoration:none; }
.footer-legal a:hover { color:#d4af37; }

.footer-divider {
    width:60px; height:1px; background:linear-gradient(90deg,transparent,#d4af37,transparent);
    margin:0 auto 16px;
}

.social-icon {
    display:flex; align-items:center; justify-content:center;
    width:50px; height:50px; border-radius:50%;
    transition:transform .3s, box-shadow .3s;
    opacity:0; transform:translateY(20px);
    animation:fadeInUp .5s ease forwards;
}

.social-icon:nth-child(1) { animation:fadeInUp .5s ease 0.1s forwards; }
.social-icon:nth-child(2) { animation:fadeInUp .5s ease 0.2s forwards; }
.social-icon:nth-child(3) { animation:fadeInUp .5s ease 0.3s forwards; }
.social-icon:nth-child(4) { animation:fadeInUp .5s ease 0.4s forwards; }

@keyframes fadeInUp { to { opacity:1; transform:translateY(0); } }

@keyframes icon-bounce {
    0%, 100% { transform:scale(1); }
    50% { transform:scale(1.2); }
}

@keyframes icon-spin {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}

@keyframes insta-walk {
    0% { background-position:0% 50%; }
    25% { background-position:100% 0%; }
    50% { background-position:100% 100%; }
    75% { background-position:0% 100%; }
    100% { background-position:0% 50%; }
}

@keyframes tiktok-flash {
    0% { opacity:.8; transform:scale(.5); }
    100% { opacity:0; transform:scale(2.5); }
}

@keyframes tiktok-neon {
    0%, 100% { box-shadow:0 0 8px rgba(0,242,234,.7),0 0 20px rgba(0,242,234,.3); }
    50% { box-shadow:0 0 8px rgba(254,44,85,.7),0 0 20px rgba(254,44,85,.3); }
}

.social-icon:hover {
    transform:scale(1.2);
}

.social-icon svg { width:28px; height:28px; fill:white; position:relative; z-index:1; }

.social-icon.discord { background:#5865F2; border:2px solid #5865F2; }
.social-icon.discord:hover {
    box-shadow:0 0 15px rgba(88,101,242,.7),0 0 35px rgba(88,101,242,.3);
    transform:scale(1.22);
}
.social-icon.discord:hover svg { animation:icon-bounce .5s ease-in-out 3; }

.social-icon.tiktok { background:#111; border:2px solid #00f2ea; position:relative; }
.social-icon.tiktok::before {
    content:""; position:absolute; inset:-6px; border-radius:50%;
    opacity:0; transition:opacity .3s;
    z-index:0; pointer-events:none;
}
.social-icon.tiktok::after {
    content:""; position:absolute; inset:0; border-radius:50%;
    background:radial-gradient(circle,#fff,transparent 70%);
    opacity:0; pointer-events:none; z-index:2;
}
.social-icon.tiktok:hover {
    border-color:#fe2c55;
    transition:border-color .3s;
}
.social-icon.tiktok:hover::before {
    opacity:1;
    animation:tiktok-neon 1.5s ease-in-out infinite;
}
.social-icon.tiktok:hover::after { animation:tiktok-flash .6s ease 1; }
.social-icon.tiktok:hover svg { animation:icon-spin .6s ease 1; }

.social-icon.instagram { background:transparent; border:2px solid transparent; position:relative; }
.social-icon.instagram::before {
    content:""; position:absolute; inset:-2px; border-radius:50%;
    background:linear-gradient(135deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);
    background-size:400% 400%; background-position:50% 50%;
    z-index:0; pointer-events:none;
}
.social-icon.instagram:hover {
    box-shadow:0 0 15px rgba(218,42,123,.5),0 0 35px rgba(218,42,123,.2);
}
.social-icon.instagram:hover::before { animation:insta-walk 3s ease-in-out infinite; }
.social-icon.instagram:hover svg { animation:icon-bounce .5s ease-in-out 3; }

.social-icon.facebook { background:#1877F2; border:2px solid #1877F2; }
.social-icon.facebook:hover {
    box-shadow:0 0 15px rgba(24,119,242,.7),0 0 35px rgba(24,119,242,.3);
}
.social-icon.facebook:hover svg { animation:icon-bounce .5s ease-in-out 3; }

.footer-copy { font-family:Arial,sans-serif; font-size:14px; color:#888; margin:0; }

/* ================= */
/* DISCORD */
/* ================= */

.discord-widget {
    display:inline-flex; flex-direction:column; vertical-align:top;
    width:300px; margin:15px; border-radius:20px;
    border:2px solid #d4af37; box-shadow:0 0 30px black;
    overflow:hidden; box-sizing:border-box;
}

.discord-widget iframe { display:block; width:100%; height:580px; }

.discord-connect {
    display:flex; align-items:center; justify-content:center; gap:8px;
    padding:14px; background:#5865F2; color:white;
    font-family:'Cinzel',serif; font-size:16px; font-weight:bold;
    text-decoration:none; transition:background .2s;
}

.discord-connect:hover { background:#4752C4; }

/* ================= */
/* TIKTOK CARD */
/* ================= */

.tiktok-card {
    display:inline-flex; flex-direction:column; vertical-align:top;
    width:300px; margin:15px; border-radius:20px;
    border:2px solid #d4af37; box-shadow:0 0 30px black;
    overflow:hidden; box-sizing:border-box;
    background:rgba(10,10,10,.95);
}

.tiktok-header {
    display:flex; align-items:center; justify-content:center; gap:8px;
    padding:12px; background:#111;
    border-bottom:1px solid #00f2ea;
    font-family:'Press Start 2P',cursive; font-size:10px; color:#00f2ea;
}

.tiktok-video {
    position:relative; width:100%; height:545px;
    background:#000; overflow:hidden;
}

.tiktok-video video {
    width:100%; height:100%; object-fit:cover;
    display:block;
}

.tiktok-btn {
    display:flex; align-items:center; justify-content:center; gap:8px;
    padding:12px; background:#111; color:#00f2ea;
    font-family:'Cinzel',serif; font-size:14px; font-weight:bold;
    text-decoration:none; transition:background .2s, color .2s;
    border-top:1px solid #00f2ea;
}

.tiktok-btn:hover { background:#1a1a1a; color:#00ffcc; }

/* ================= */
/* SOCIAL ROW */
/* ================= */

.social-row {
    display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:20px;
}

/* ================= */
/* TITLES */
/* ================= */

#mc-sobre,#mc-loja,#mc-servicos {
    font-family:'Cinzel',serif; font-size:38px;
    letter-spacing:2px; text-transform:uppercase; word-break:break-word;
    text-align:center; display:block; width:100%;
}

#mc-loja {
    color:#ffd700;
    font-size:38px;
    text-shadow:0 2px 10px rgba(0,0,0,.7),0 0 20px rgba(255,215,0,.4);
}

.loja-header {
    background:rgba(0,0,0,.4); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
    border:2px solid #d4af37; border-radius:20px;
    padding:20px 25px 12px; margin:0 auto 25px; max-width:800px; box-sizing:border-box;
}

#mc-loja-desc {
    max-width:600px; margin:12px auto 0;
    font-family:'Cinzel',serif; font-size:18px; line-height:1.7;
    letter-spacing:.5px; color:#e8d8ff;
}

@media(max-width:900px){
    #mc-loja,#mc-sobre,#mc-servicos { font-size:26px; }
}

/* ================= */
/* MOBILE */
/* ================= */

@media(max-width:700px){
    body {
        background-attachment:scroll;
        padding-top:calc(60px + env(safe-area-inset-top));
    }
    .nav-logo { font-size:14px; gap:6px; }
    .nav-toggle, .mc-btn, .info-btn, .cart-item-qtd button, .close-cart,
    .cart-item-remove, .discord-connect, .tiktok-btn, .social-icon,
    .nav-links a, a { touch-action:manipulation; }
    header { padding:40px 12px; }
    .logo { width:180px; }
    h2 { font-size:22px; }
    section { padding:30px 12px; }
    #sobre { padding:16px; margin:15px auto; }
    #sobre p { font-size:16px; line-height:1.8; }
    .categoria-titulo { font-size:16px; }
    .categoria-grid { gap:12px; }
    .vip { width:100%; max-width:320px; padding:16px; }
    .vip-image-box { height:160px; }
    .vip-img { width:130px; height:130px; }
    .vip[data-produto-id="home"] .vip-image-box,
    .vip[data-produto-id="desban"] .vip-image-box { height:200px; }
    .vip[data-produto-id="home"] .vip-img,
    .vip[data-produto-id="desban"] .vip-img { width:170px; height:170px; }
    .vip h3 { font-size:18px; }
    .mc-btn { width:90%; font-size:11px; padding:12px 16px; border-radius:6px; min-height:44px; }
    .mc-btn-add { width:auto !important; }
    .info-btn { padding:10px 14px; font-size:11px; }
    .popup-content { padding:16px; }
    .kit-img { max-height:35vh; }
    .manual-content { padding:26px 18px; }
    .manual-titulo { font-size:19px; }
    .manual-texto { font-size:14px; }
    .manual-continuar-btn, .manual-discord-btn { font-size:11px; padding:16px 20px; min-height:48px; }
    .info-beneficios { columns:1; font-size:12px; line-height:1.9; }
    #cart-panel {
        width:100%; right:-100%;
        height:100vh; height:100dvh;
        padding-bottom:calc(20px + env(safe-area-inset-bottom));
    }
    #cart-button { width:56px; height:56px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); }
    #cart-count { font-size:9px; min-width:14px; height:14px; line-height:14px; top:-2px; right:-2px; }
    .hero-glow { width:120vw; height:120vw; filter:blur(50px); }
    .portal-frame { height:min(108vw,540px); }
    .portal-gif { width:100%; height:100%; object-fit:cover; }
    .portal-card { width:100%; height:auto; max-width:none; padding:50px 10px 12px; }
    .server-ip { font-size:11px; padding:8px 10px; word-break:break-all; overflow-wrap:break-word; }
    .server-port { font-size:10px; margin-top:4px; }
    .portal-edition h3 { font-size:10px; margin-bottom:4px; }
    .portal-editions { gap:8px; }
    .portal-edition .mc-btn { font-size:10px !important; padding:9px 8px; margin-top:6px; border-radius:4px !important; min-height:38px; }
    .sign-img { width:160px; }
    #resumo-panel { width:95%; max-height:calc(100dvh - 32px); }
    .loja-header { padding:12px 10px 8px; }
    #mc-sobre,#mc-loja,#mc-servicos { font-size:18px; }
    .cart-header h2 { font-size:13px; }
    .toast { font-size:11px; white-space:normal; }
    .tiktok-card, .discord-widget { width:100%; margin:10px 0; }
    .discord-widget iframe { height:400px; }
    .tiktok-video { height:400px; }
    .tiktok-header { font-size:9px; padding:10px; }
    .tiktok-btn { font-size:13px; padding:10px; }
    .discord-connect { font-size:14px; padding:12px; }
    .social-row { gap:0; }
    .footer-social { max-width:180px; margin:0 auto 16px; gap:10px; }
    .social-icon { width:42px; height:42px; }
    .social-icon svg { width:22px; height:22px; }
    .footer-copy { font-size:12px; }
    #mc-loja-desc { font-size:16px; }
    .cart-nickname input { font-size:11px; padding:10px 12px; }
    .cart-item { font-size:12px; padding:10px 10px; }
    .cart-item-info b { font-size:13px; }
    .cart-item-qtd button { min-width:32px; min-height:32px; padding:4px 10px; }
    .cart-item-remove { font-size:18px !important; padding:6px !important; }
    .resumo-player .resumo-valor { font-size:14px; }
}

@media(max-width:360px){
    .logo { width:140px; }
    .server-box { margin:20px auto; }
    .portal-frame { height:min(112vw,480px); }
    .portal-card { padding:44px 8px 10px; }
    .server-ip { font-size:10px; padding:6px 8px; }
    .server-port { font-size:9px; }
    .portal-edition h3 { font-size:9px; }
    .portal-edition .mc-btn { font-size:9px !important; padding:8px 6px; }
    .sign-img { width:120px; }
    h2 { font-size:18px; }
    .vip { padding:12px; }
    .vip h3 { font-size:16px; }
    .vip-desc { font-size:12px; }
    .tiktok-video { height:320px; }
    .discord-widget iframe { height:320px; }
}

@media (hover:none){
    .vip:hover { transform:none; }
    .vip.recomendado:hover { transform:none; }
    .social-icon:hover { transform:none; }
    .portal-edition .mc-btn:hover { transform:none; }
}

@media(min-width:701px) and (max-width:1024px){
    .vip { width:280px; }
    .categoria-grid { gap:16px; }
    .tiktok-card, .discord-widget { width:280px; }
    .social-row { gap:12px; }
}

@media(min-width:1400px){
    #sobre, .loja-header { max-width:900px; }
    .categoria-grid { max-width:1200px; margin:0 auto; }
}

/* ================= */
/* STEVE FALLBACK MODAL */
/* ================= */

.steve-modal {
  position:fixed; inset:0; z-index:10000;
  background:rgba(0,0,0,.85);
  display:flex; align-items:center; justify-content:center;
  padding:20px;
}
.steve-modal-content {
  max-width:440px; width:100%;
  background:linear-gradient(180deg,#1a0030,#0d001a);
  border:2px solid rgba(255,200,0,.4);
  border-radius:14px; padding:32px 24px;
  text-align:center; box-shadow:0 0 60px rgba(170,0,255,.15);
}
.steve-modal-icon { font-size:48px; margin-bottom:8px; }
.steve-modal-content h3 {
  font-family:'Cinzel',serif; color:#ffd700;
  font-size:18px; margin-bottom:16px;
  text-shadow:0 0 15px rgba(255,215,0,.3);
}
.steve-modal-content p {
  color:rgba(255,255,255,.7); font-family:Arial,sans-serif;
  font-size:14px; line-height:1.7; margin-bottom:24px;
}
.steve-modal-content .mc-btn { width:100%; }