:root {
    --primary: #FF6A00;
    --dark: #0F0F0F;
    --dark2: #1C1C1C;
    --white: #FFFFFF;
    --gray: #B8B8B8;
}

body {
    background: var(--dark);
    color: var(--white);
    font-family: 'Poppins', sans-serif;
}

/* HEADER */

.header,
.top-bar,
.navbar {
    background: #000 !important;
    border-bottom: 1px solid rgba(255,106,0,.25);
}

.logo a,
.menu a,
.navigation a {
    color: var(--white) !important;
    transition: .3s;
}

.menu a:hover,
.navigation a:hover {
    color: var(--primary) !important;
}

/* BOTÕES */

.btn,
button,
.botao-comprar,
.botao-commerce {
    background: var(--primary) !important;
    border: none !important;
    color: white !important;
    border-radius: 12px !important;
    transition: .3s;
    font-weight: 600;
}

.btn:hover,
button:hover,
.botao-comprar:hover,
.botao-commerce:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 18px rgba(255,106,0,.55);
}

/* BANNER */

.banner-principal {
    background: linear-gradient(135deg, #000 0%, #1a1a1a 100%);
    border-radius: 24px;
    overflow: hidden;
}

/* PRODUTOS */

.product-card,
.produto,
.box-produto {
    background: var(--dark2) !important;
    border-radius: 18px !important;
    overflow: hidden;
    transition: .3s;
    border: 1px solid transparent;
}

.product-card:hover,
.produto:hover,
.box-produto:hover {
    transform: translateY(-6px);
    border: 1px solid rgba(255,106,0,.4);
    box-shadow: 0 0 25px rgba(255,106,0,.18);
}

/* TÍTULOS */

h1,h2,h3,h4 {
    color: white;
    font-weight: 700;
}

/* PREÇOS */

.preco-promocional,
.price,
.preco {
    color: var(--primary) !important;
    font-weight: bold;
    font-size: 24px;
}

/* INPUTS */

input,
select {
    background: #111 !important;
    border: 1px solid #333 !important;
    color: white !important;
    border-radius: 10px !important;
}

/* FOOTER */

footer,
.footer {
    background: #000 !important;
    border-top: 1px solid rgba(255,106,0,.2);
}

footer a {
    color: white !important;
}

footer a:hover {
    color: var(--primary) !important;
}

/* SCROLLBAR */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #111;
}

::-webkit-scrollbar-thumb {
    background: var(--primary);
    border-radius: 10px;
}
```

---

# JavaScript Para Deixar a Loja Mais Moderna

Cole no campo de scripts personalizados.

```html
<script>

// Animação suave ao carregar
window.addEventListener('load', () => {
    document.body.style.opacity = '1';
});

// Hover premium em produtos
const produtos = document.querySelectorAll('.produto, .product-card');

produtos.forEach(produto => {
    produto.addEventListener('mouseenter', () => {
        produto.style.transform = 'translateY(-6px)';
    });

    produto.addEventListener('mouseleave', () => {
        produto.style.transform = 'translateY(0px)';
    });
});

</script>