/* --- Reset et styles globaux --- */
*, *::before, *::after {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    font-family: Roboto, system-ui, Arial, sans-serif;
    background: #ffffff;
    color: #222;
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

section {
    padding: 64px 20px;
}

.form-status {
    text-align: center;
    margin-top: 12px;
    font-size: 0.95rem;
}

.form-status.ok { color: #0c9c4b; }
.form-status.err { color: #c62828; }
/* Réserve l’espace des images (anti-CLS) */
.media img,
.product-card img {
  aspect-ratio: 1 / 1;
}