/* Accueil Carette — une seule photo validée par parfum. */
.home-macarons { padding: 80px 0; background: var(--cream-warm, #FFF8FB); }
.home-macarons .section__header { margin-bottom: 2.5rem; }
.home-macarons .section__desc { max-width: 640px; margin: 0 auto; }
.home-macarons__track { display: flex; gap: 20px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 8px 0 12px; }
.home-macarons__track::-webkit-scrollbar { display: none; }
.home-macarons__card { flex: 0 0 calc((100% - 60px) / 4); min-width: 0; background: var(--white, #fff); border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-soft); scroll-snap-align: start; }
.home-macarons__image { aspect-ratio: 1; overflow: hidden; background: #faf8f9; }
.home-macarons__image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.35); transition: none; border-radius: 0; }
.home-macarons__name { padding: 1.25rem .75rem; margin: 0; text-align: center; font-family: var(--font-accent); font-size: 12px; font-weight: 400; letter-spacing: 1px; line-height: 1.5; color: var(--brown-dark); }
.home-macarons__controls { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 1.5rem; }
.home-macarons__arrow, .home-macarons__pause { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; padding: 0; border: 1px solid var(--gold); border-radius: 50%; background: transparent; color: var(--gold-dark); cursor: pointer; transition: background 180ms cubic-bezier(.23,1,.32,1), color 180ms cubic-bezier(.23,1,.32,1), transform 160ms cubic-bezier(.23,1,.32,1); }
.home-macarons__arrow { font-size: 22px; line-height: 1; }
.home-macarons__pause { border-color: var(--border-light); }
.home-macarons__pause svg { width: 14px; height: 14px; fill: currentColor; }
.home-macarons__pause [data-play-icon] { display: none; }
.home-macarons__pause[aria-pressed="true"] [data-play-icon] { display: block; }
.home-macarons__pause[aria-pressed="true"] [data-pause-icon] { display: none; }
.home-macarons__arrow:hover, .home-macarons__pause:hover { color: var(--white); background: var(--gold); }
.home-macarons__arrow:active, .home-macarons__pause:active { transform: scale(.97); }
.home-macarons__count { min-width: 70px; text-align: center; font-family: var(--font-accent); font-size: 10px; letter-spacing: 1px; color: var(--text-secondary); }
.home-macarons__cta { margin-top: 2rem; text-align: center; }
.home-macarons__note { margin: 1rem 0 0; font-family: var(--font-body); font-size: 1rem; text-align: center; color: var(--text-secondary); }
.home-macarons__track:focus-visible, .home-macarons button:focus-visible, .home-macarons a:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.home-macarons__image img:focus-visible { outline: 2px solid var(--gold); outline-offset: -5px; }
@media (max-width: 1024px) { .home-macarons__card { flex-basis: calc((100% - 40px) / 3); } }
@media (max-width: 768px) { .home-macarons { padding: 60px 0; } .home-macarons__card { flex-basis: calc((100% - 20px) / 2); } .home-macarons .section__header { margin-bottom: 2rem; } }
@media (max-width: 560px) { .home-macarons .container { padding-left: 1.25rem; padding-right: 1.25rem; } .home-macarons__track { gap: 16px; } .home-macarons__card { flex-basis: 80%; } .home-macarons__name { font-size: 11px; } .home-macarons__controls { gap: 12px; } .home-macarons__cta .hero__cta { padding: 15px 24px; font-size: 10px; letter-spacing: 1.5px; } }
@media (prefers-reduced-motion: reduce) { .home-macarons__track { scroll-behavior: auto; } .home-macarons button { transition: none; } }