body {
    font-family: 'Montserrat', sans-serif;
    color: #333;
    scroll-behavior: smooth;
}

h1,
h2,
h3,
.serif-font {
    font-family: 'Merriweather', serif;
}

.hero-overlay {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
}

.product-card:hover img {
    transform: scale(1.05);
}

.nav-link {
    cursor: pointer;
}

.page-section {
    display: none;
}

.page-section.active {
    display: block;
}

.collab-badge {
    border: 1px solid #94171d;
    color: #94171d;
    padding: 4px 12px;
    text-transform: uppercase;
    font-size: 0.65rem;
    letter-spacing: 0.2em;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 1rem;
}

/* Estils per a les banderes */
.lang-flag {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid transparent;
    transition: all 0.2s;
    object-fit: cover;
}

.lang-flag.active {
    border-color: #94171d;
    transform: scale(1.1);
}

/* Estil per al logo quan no és imatge */
.logo-placeholder {
    font-family: 'Merriweather', serif;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-size: 1.25rem;
    color: #1c1917;
}