/* Éclat — beauty, cosmetics, hair. Soft surfaces, airy spacing, refined serif headings. */

body { letter-spacing: .005em; }
.sec-title { font-weight: 500; letter-spacing: -.015em; }
.banner__title, .slide__title { font-weight: 500; letter-spacing: -.02em; }
.slide__title { text-wrap: balance; }

.announce { letter-spacing: .08em; text-transform: uppercase; font-size: .75rem; }

.hdr { background: color-mix(in srgb, var(--c-bg) 94%, transparent); -webkit-backdrop-filter: saturate(150%) blur(12px); backdrop-filter: saturate(150%) blur(12px); }
.brand__name { font-weight: 600; letter-spacing: -.01em; }

/* Cards: rounded media, gentle lift */
.card__media { border-radius: var(--radius); box-shadow: 0 1px 0 color-mix(in srgb, var(--c-text) 4%, transparent); }
.card__title { font-size: .9375rem; }

/* Sections alternate softly with the surface colour */
.featured { background: linear-gradient(to bottom, transparent 0, var(--c-surface) 0); padding-bottom: 40px; margin-top: 40px; }
.featured .sec-head { padding-top: 8px; }
@media (min-width: 1024px) { .featured { padding-bottom: 64px; margin-top: 64px; } }

.split__media { border-radius: calc(var(--radius) * 1.5); }
.review { background: color-mix(in srgb, var(--c-surface) 70%, var(--c-bg)); border: 1px solid color-mix(in srgb, var(--c-primary) 10%, transparent); }
.faq__item { background: transparent; border: 1px solid color-mix(in srgb, var(--c-text) 10%, transparent); }
.trust { background: var(--c-surface); border-top: 0; }
.trust__icon { background: var(--c-bg); }

/* Category circles with a thin accent ring */
.cat__media { box-shadow: 0 0 0 4px var(--c-bg), 0 0 0 5px color-mix(in srgb, var(--c-accent) 55%, transparent); }

.pdp__title { font-weight: 500; }
.btn--primary { box-shadow: 0 8px 20px color-mix(in srgb, var(--c-primary) 25%, transparent); }