/*
Estilos para el contenedor principal de la tienda en tema oscuro.
Reemplaza el fondo animado por un fondo estático oscuro.
*/

.shop-container {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-fondo-oscuro);
    color: #f8fafc;
    padding: calc(80px + 2rem) 1rem 2rem;
    position: relative;
    flex-grow: 1;
}

.shop-content-wrapper {
    position: relative;
    z-index: 10;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* 
Se eliminan las clases .spheres-container y .sphere-shape 
para remover completamente el fondo animado.
*/
.spheres-container {
    display: none;
}