/* LoveTees — styles complémentaires */

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Quicksand", ui-sans-serif, system-ui, sans-serif;
}

.font-display {
    font-family: "Playfair Display", Georgia, serif;
}

:focus-visible {
    outline: 3px solid #f472b6;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Hero et bandeaux dégradés hérités de la version one-page */
.hero-gradient {
    background: linear-gradient(135deg, #ff9a9e 0%, #fad0c4 100%);
}

.couple-bg {
    background: linear-gradient(to right, #ff758c, #ff7eb3);
}

/* Cartes produit */
.product-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Apparition au scroll */
.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal.revealed {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
    html {
        scroll-behavior: auto;
    }
}

/* Accordéons FAQ */
.accordion-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.accordion-item.open .accordion-panel {
    max-height: 500px;
}

.accordion-item.open .accordion-icon {
    transform: rotate(45deg);
}

.accordion-icon {
    transition: transform 0.3s ease;
}