body {
    position: relative;
    min-height: 100vh;
    z-index: 0;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        linear-gradient(to top,
            rgba(0, 0, 0, 1) 0%,
            rgba(0, 0, 0, 1) 25%,
            rgba(0, 0, 0, 0.85) 45%,
            rgba(0, 0, 0, 0.6) 65%,
            rgba(0, 0, 0, 0.3) 80%,
            rgba(0, 0, 0, 0) 100%),
        url('https://cdn.ereemby.com/attachments/17518275315526674imagem.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -3;
    opacity: 0.7;
}

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: -2;
}


/* Remover Ereemby */

a[href="https://ereemby.com"] {
    display: none !important;
}



/* Container principal do produto */
.product_card {
    background: rgba(255, 255, 255, 0.04) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        border-radius: 16px !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        box-shadow: none !important;
        color: white !important;
        transition: transform 0.3s ease, border-color 0.3s ease, background 0.3s ease !important;
        cursor: pointer !important;
    }

.product_card:hover {
    transform: scale(1.02) !important;
    border-color: rgba(255, 165, 0, 0.3) !important;
    background: rgba(255, 140, 0, 0.15) !important;
}

svg path {
    fill: #f8982b !important;
}

/* Botão interno */
.product_card button {
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 10px 20px !important;
    color: white !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.product_card button:hover {
    background: rgba(255, 165, 0, 0.2) !important;
    border-color: rgba(255, 165, 0, 0.4) !important;
    color: #ffa500 !important;
}

/* Zera fundo dos elementos */
.product_info,
.sc-d286c27d-21.kBstAL,
.sc-d286c27d-17.gVujcJ,
.sc-d286c27d-22.gzTBBy,
.sc-296417d8-0.hVzvPG,
.sc-d286c27d-8.kYSFNK,
.sc-d286c27d-8.kYSFNK img,
.sc-d286c27d-24.ktqCiQ,
.sc-d286c27d-24.ktqCiQ svg,
.product_card div {
    background: transparent !important;
}

/* Imagem com leve blend */
.sc-d286c27d-8.kYSFNK img {
    mix-blend-mode: screen !important;
    opacity: 0.92 !important;
    display: block !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* Textos com sombra suave */
.sc-d286c27d-21.kBstAL,
.sc-d286c27d-17.gVujcJ,
.sc-d286c27d-22.gzTBBy,
.sc-296417d8-0.hVzvPG {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}


/* terster*/





/* HEADER principal apenas com visual (sem alterar layout nem tamanho) */
header.sc-5379559d-0 {
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
    color: white !important;
    transition: all 0.3s ease !important;
    z-index: 20;
}

/* Transparência interna (sem mexer em espaçamento ou largura) */
.sc-5379559d-1,
.sc-5379559d-2,
.sc-5379559d-3,
.sc-c360a2b-0,
.sc-c360a2b-1,
.sc-e65bd699-0,
.rsx-menu-btn,
.rsx-bar {
    background: transparent !important;
    box-shadow: none !important;
}

/* Textos com sombra leve */
header.sc-5379559d-0.dGQHOD span,
header.sc-5379559d-0.dGQHOD a,
header.sc-5379559d-0.dGQHOD svg,
header.sc-5379559d-0.dGQHOD img {
    color: white !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* Ícones (lupa, carrinho, login, etc.) */
header.sc-5379559d-0.dGQHOD svg {
    fill: white !important;
}

/* Estilo base para os 3 botões */
a[href="/login"],
a[href="/solicitar"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    /* largura fixa igual para os 2 */
    height: 36px;
    /* altura fixa igual */
    padding: 0 14px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 36px;
    /* centraliza vertical */
    text-decoration: none;
    transition: all 0.3s ease !important;
    margin-right: 8px;
    box-sizing: border-box;
    user-select: none;
}

.sc-e65bd699-2.diGygz {
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
    line-height: 18px !important;
    border-radius: 50% !important;
    /* círculo perfeito */
    background: rgba(255, 140, 0, 0.9) !important;
    /* laranja translúcido */
    color: white !important;
    /* texto branco pra contraste */
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;

    box-shadow: none !important;
    /* remove sombra */
    border: none !important;
    /* remove borda */
    user-select: none !important;
    /* evita seleção do texto */
}

a[href="/cart"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 14px !important;
    min-width: 110px;
    /* largura mínima para carrinho, mas flexível */
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 36px;
    text-decoration: none;
    transition: all 0.3s ease !important;
    margin-right: 8px;
    box-sizing: border-box;
    user-select: none;
}

/* Remove margem do último botão */
a[href="/login"]:last-child,
a[href="/solicitar"]:last-child,
a[href="/cart"]:last-child {
    margin-right: 0;
}

/* Efeitos laranja para os botões do header */
a[href="/login"]:hover,
a[href="/solicitar"]:hover,
a[href="/cart"]:hover {
    background: rgba(255, 140, 0, 0.25) !important;
    border-color: rgba(255, 165, 0, 0.5) !important;
    color: #ffcc80 !important;
}

.sc-e65bd699-2.fWHLN {
    border: none !important;
    box-shadow: none !important;
    background: rgba(255, 165, 0, 0.3) !important;
    color: white !important;
}

/* Badge do carrinho: mantém tamanho pequeno e espaçamento */
.sc-e65bd699-2.fWHLN {
    height: 18px !important;
    min-width: 18px !important;
    font-size: 12px !important;
    padding: 0 6px !important;
    border-radius: 9px !important;
    line-height: 18px !important;
    margin-right: 6px;
    box-sizing: border-box;
}



footer.sc-8a04aca7-0 {
    background: rgba(255, 255, 255, 0.04) !important;
    /* fundo mais transparente */
    backdrop-filter: blur(20px) !important;
    /* blur mais forte */
    -webkit-backdrop-filter: blur(20px) !important;
    border-radius: 16px !important;
    /* borda arredondada */
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    /* borda suave */
    box-shadow: none !important;
    /* tira sombra */
    color: white !important;
    transition: background 0.3s ease, border-color 0.3s ease !important;
}



/* Todos os textos do footer */
footer.sc-8a04aca7-0 p,
footer.sc-8a04aca7-0 h1,
footer.sc-8a04aca7-0 a {
    color: white !important;
    background: transparent !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* Links */
footer.sc-8a04aca7-0 a {
    text-decoration: none !important;
    transition: color 0.2s ease-in-out;
}

footer.sc-8a04aca7-0 a:hover {
    color: #ffb74d !important;
}

/* Ícones sociais */
.sc-8a04aca7-9.ewQAsk a {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 12px !important;
    padding: 10px !important;
    margin-right: 8px;
    display: inline-flex;
    transition: all 0.3s ease-in-out;
}

.sc-8a04aca7-9.ewQAsk a:hover {
    background: rgba(255, 165, 0, 0.2) !important;
    border-color: rgba(255, 165, 0, 0.4) !important;
}

/* Logo e título */
.sc-8a04aca7-7.cCQMbZ img {
    border-radius: 8px;
    background: transparent !important;
}

/* Ajustes específicos para elementos de preço/destaque */
.sc-284a1cfc-21.bYapCV {
    color: #ffa500 !important;
}

/* Efeito hover no botão de compra principal */
.sc-284a1cfc-28.fTaNqf:hover {
    background-color: #ff8c00 !important;
    color: #fff !important;
}




/* SIDEBAR */

/* Sidebar Container */
.rsx-sidebar {
    position: fixed !important;
    top: 0 !important;
    left: -350px !important;
    width: 320px !important;
    height: 100vh !important;
    background: rgba(20, 10, 0, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    color: white !important;
    box-shadow: 0 0 30px rgba(255, 165, 0, 0.2) !important;
    z-index: 2147483647 !important;
    overflow: hidden !important;
    transition: all 0.4s ease !important;
    border: 1px solid rgba(255, 165, 0, 0.5) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border-radius: 0 16px 16px 0 !important;
}

body.rsx-sidebar-open .rsx-sidebar {
    left: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* Overlay */
.rsx-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    z-index: 2147483646 !important;
    display: none !important;
    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
}

body.rsx-sidebar-open .rsx-overlay {
    display: block !important;
    opacity: 1 !important;
}

/* Conteúdo interno */
.rsx-sidebar-inner {
    padding: 70px 25px 25px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.rsx-sidebar-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid rgba(255, 165, 0, 0.3) !important;
}

.rsx-logo {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #ffa500 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.rsx-close-btn {
    color: white !important;
    font-size: 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    background: rgba(255, 165, 0, 0.2) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 165, 0, 0.4) !important;
}

.rsx-close-btn:hover {
    color: #ff8c00 !important;
    border-color: rgba(255, 140, 0, 0.6) !important;
    transform: rotate(90deg) !important;
}

.rsx-nav ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
}

.rsx-nav li {
    margin-bottom: 10px !important;
    animation: slideIn 0.5s forwards !important;
}

@keyframes slideIn {
    from {
        transform: translateX(-20px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.rsx-nav a {
    display: flex !important;
    align-items: center !important;
    padding: 12px 15px !important;
    color: white !important;
    text-decoration: none !important;
    background: rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.rsx-nav a:hover {
    background: rgba(255, 140, 0, 0.25) !important;
    transform: scale(1.02) !important;
    border-color: rgba(255, 165, 0, 0.5) !important;
    color: #ffb74d !important;
}

.rsx-nav a i {
    margin-right: 12px !important;
    color: #ffa500 !important;
    width: 18px !important;
    text-align: center !important;
}

.rsx-social-links {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
    margin-top: 15px !important;
    padding: 15px 0 !important;
    border-top: 1px solid rgba(255, 165, 0, 0.2) !important;
}

.rsx-social-link {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 165, 0, 0.15) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(255, 165, 0, 0.3) !important;
    color: white !important;
    text-decoration: none !important;
}

.rsx-social-link:hover {
    background: rgba(255, 165, 0, 0.3) !important;
    transform: scale(1.1) !important;
    border-color: rgba(255, 165, 0, 0.6) !important;
    color: #ffa500 !important;
}

.rsx-sidebar-footer {
    text-align: center !important;
    font-size: 11px !important;
    opacity: 0.7 !important;
    margin-top: 10px !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
    color: #ffb74d !important;
}

.rsx-sidebar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .rsx-sidebar {
        width: 280px !important;
    }

    .rsx-sidebar-inner {
        padding: 60px 20px 20px !important;
    }
}

.rsx-menu-btn {
    position: fixed !important;
        top: 10px !important;
        left: 5px !important;
        z-index: 2147483645 !important;
        cursor: pointer !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 5px !important;
        padding: 10px !important;
        background: rgba(255, 165, 0, 0.1) !important;
        border-radius: 8px !important;
        user-select: none !important;
    }

.rsx-bar {
    width: 25px !important;
    height: 3px !important;
    background: #ffa500 !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
}