/* styles.css */

/* --- FONTES --- */
.font-playfair {
    font-family: 'Playfair Display', serif;
}

body {
    font-family: 'Roboto', sans-serif;
}

/* --- ANIMAÇÕES E TRANSIÇÕES --- */
.transition-all {
    transition: all 0.3s ease-in-out;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.pulse-animation {
    animation: pulse 0.3s ease-in-out;
}

/* --- LAYOUT E EFEITOS DOS PRODUTOS --- */
.product-item {
    border-radius: 0.75rem;
    margin: -0.75rem;
    padding: 0.75rem;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.product-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.featured-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.featured-card:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.1);
}


/* --- UTILITÁRIOS --- */
.hidden-field {
    display: none;
}

/* Efeito de clique no botão de categoria */
.category-btn:active {
  transform: scale(0.95);
}

/* Estilos para o Modal de Variações */
#variations-modal.hidden {
    display: none;
}