#mini-features-wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 25px;
    padding: 40px 20px;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}

/* Card individual */
.mini-feature-item {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 220px;
    padding: 20px;

    /* TRANSPARÊNCIA PADRÃO DO SITE */
    background: rgba(23, 13, 13, 0.6) !important;

    border: 1px solid #371f1f !important;
    border-radius: 18px;
    transition: all 0.25s ease;
}

/* PÁGINA DE COMPRA (fica totalmente visível) */
body[class*="purchase"] .mini-feature-item {
    background: rgba(23, 13, 13, 1) !important;
}

/* Hover geral */
.mini-feature-item:hover {
    border-color: #f72f2f !important;
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35) !important;
}

/* Item clicável */
.mini-feature-item.clickable {
    cursor: pointer;
    text-decoration: none;
    transition: all 0.25s ease;
}

.mini-feature-item.clickable:hover {
    transform: translateY(-4px);
}

/* Ícone */
.mini-icon.blue {
    background: rgba(247, 47, 47, 0.15) !important;
    min-width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #ffffff;
}

.mini-icon svg {
    width: 22px;
    height: 22px;
}

/* Texto */
.mini-text h4 {
    color: #fff;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, sans-serif;
}

.mini-text p {
    color: #8b949e;
    margin: 3px 0 0 0;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

/* Mobile */
@media (max-width: 768px) {
    #mini-features-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .mini-feature-item {
        width: 100%;
        max-width: 320px;
    }
}

@media (max-width: 768px) {

    /* Card mais compacto */
    .product_card {
        max-width: 260px !important;
    }

    /* Título / nome menor */
    .product_card .product_info div[class*="-"] {
        max-width: 100% !important;
    }

    /* Preço principal menor (era -21) */
    .product_card .product_info div[class*="-21"] {
        font-size: 1.05rem !important;
        margin-top: 6px !important;
    }

    /* Preço riscado / texto menor */
    .product_card .product_info div[class*="-11"],
    .product_card .product_info div[class*="-13"],
    .product_card .product_info div[class*="-14"] {
        font-size: .72rem !important;
    }

    /* Badge OFF menor */
    .product_card .product_info div[class*="-12"] {
        font-size: .62rem !important;
        padding: 3px 7px !important;
    }

    /* BOTÃO "VER DETALHES" menor e mais “Steam-like” */
    .product_card button {
        padding: 8px 12px !important;
        font-size: .72rem !important;
        border-radius: 10px !important;
        letter-spacing: .4px !important;
    }
}

@media (max-width: 420px) {
    .product_card {
        max-width: 240px !important;
    }

    .product_card button {
        padding: 7px 10px !important;
        font-size: .7rem !important;
    }
}

/* ===============================
   BACKGROUND GLOBAL COM GIF
   =============================== */

:root {
    --background-url: url('https://cdn.ereemby.com/attachments/17733069170925624imagem.png');
}

/* Reset basico */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* HTML e BODY sempre ocupam tudo */
html,
body {
    width: 100%;
    min-height: 100%;
}

/* Body base */
body {
    position: relative;
    min-height: 100vh;
    z-index: 1;
    font-family: Arial, sans-serif;
    color: #ffffff;
    background: transparent !important;
}

/* FUNDO FIXO (GIF) */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background:
        linear-gradient(to top,
            rgba(0, 0, 0, 0.792) 0%,
            rgba(0, 0, 0, 0.762) 25%,
            rgba(0, 0, 0, 0.603) 45%,
            rgba(0, 0, 0, 0.6) 65%,
            rgba(0, 0, 0, 0.3) 80%,
            rgba(0, 0, 0, 0) 100%),
        var(--background-url);

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    z-index: -2;
}

/* OVERLAY SUAVE */
body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, 0.35);
    z-index: -1;
    pointer-events: none;
}

main,
section,
article,
.container,
.page,
.content {
    background: transparent !important;
}

div:not([class*="modal"]):not([class*="popup"]):not([class*="overlay"]):not([class*="dialog"]):not([class*="sheet"]):not([class*="bottom"]):not([class*="rating"]):not([class*="review"]):not([class*="avaliar"]):not([class*="marquee"]):not([class*="sc-"]) {
    background: unset !important;
}

body>div[style*="position: fixed"],
body>div[style*="position:fixed"],
#__next>div[style*="position: fixed"],
#__next>div[style*="position:fixed"] {
    background: revert !important;
}


.dzOgiv {
    color: #ffffff !important;
}

/* NÃO QUEBRA POPUPS / FAQ */
main,
section,
article {
    position: relative;
    z-index: 1;
}

/* Cards de avaliação */
.sc-c23da882-3.lejndY {
    background: linear-gradient(145deg, #0c0c0c, #1a0000);
    border: 1px solid rgba(255, 0, 0, 0.35);
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.15);
    transition: all .25s ease;
}

/* efeito ao passar o mouse (desktop) */
.sc-c23da882-3.lejndY:hover {
    border-color: rgba(255, 0, 0, 0.6);
    box-shadow: 0 10px 30px rgba(255, 0, 0, 0.25);
}

/* Card de avaliação */
.sc-c23da882-3.lejndY {
    background: linear-gradient(145deg, #0b0b0b, #1a0000) !important;
    border: 1px solid rgba(255, 0, 0, 0.35);
    border-radius: 14px;
}

.gkUVzJ {
    background: linear-gradient(145deg, #ff0000, #450000) !important;
}

.ddzKdo {
    background: linear-gradient(145deg, #ff0000, #450000) !important;
    border: 1px solid rgba(255, 0, 0, 0.35);
    border-radius: 40px !important;
}

.ddzKdo:hover {
    background: transparent !important;
}

.inyMfy {
    color: #ffffff !important;
}

.ikldfF,
.ikldfF span {
    color: #ffffff !important;
}

/* Desktop: aproxima bem */
.sc-c23da882-0.hEzouJ {
    margin-top: -10px !important;
}

/* Título das avaliações: sem empurrão */
.sc-c23da882-1.kdKQNu {
    margin: 18px 0 !important;
    transform: none !important;
}

/* Mobile: não sobe tanto */
@media (max-width: 768px) {
    .sc-c23da882-0.hEzouJ {
        margin-top: -20px !important;
        /* ajuste: -20 / -60 */
    }

    .sc-c23da882-1.kdKQNu {
        margin: 12px 0 !important;
    }
}

/* FORÇA FUNDO VISÍVEL NA PÁGINA DE COMPRA */
body[class*="purchase"] main,
body[class*="purchase"] section,
body[class*="purchase"] article,
body[class*="purchase"] .container,
body[class*="purchase"] .page,
body[class*="purchase"] .content {
    background: rgba(23, 13, 13, 1) !important;
}

/* DETECTA PÁGINA DE COMPRA PELA URL */
body:has(a[href*="/account/my_purchases"]) main,
body:has(a[href*="/account/my_purchases"]) section,
body:has(a[href*="/account/my_purchases"]) article,
body:has(a[href*="/account/my_purchases"]) .container,
body:has(a[href*="/account/my_purchases"]) .page,
body:has(a[href*="/account/my_purchases"]) .content {
    background: rgba(23, 13, 13, 1) !important;
}

body:has(a[href*="/account/my_purchases"])::before,
body:has(a[href*="/account/my_purchases"])::after {
    display: none !important;
}

body:has(a[href*="/account/my_purchases"]) {
    background: rgb(23, 13, 13) !important;
}

body:has(a[href*="/product/"]) [class*="sc-e48440a7"],
body:has(a[href*="/product/"]) [class*="sc-2beeff3c"],
body:has(a[href*="/product/"]) [class*="sc-bf13a852"] {
    background: transparent !important;
}

/* FAZ FAQ / POPUPS FICAREM NA FRENTE */
[class*="faq"],
[class*="modal"],
[class*="popup"] {
    position: relative;
    z-index: 9999 !important;
}

/* QUALQUER POPUP FICA NA FRENTE */
body *[style*="position: fixed"] {
    z-index: 99999 !important;
}

body:has([href*="/account/my_purchases/purchase"]) #mini-features-wrapper {
    display: none !important;
}