/* MC Beauty : landing Nouveautés, styles v2 (programme, agenda, teintes de retour). Chargé par templates/cms/nouveautes.tpl, après mcb.css. */
.mcn .mcb-draft{font-family:var(--bn-sans);font-style:normal;font-weight:500;font-size:.78em;letter-spacing:.03em;text-transform:none;color:inherit;opacity:.6;white-space:nowrap}
.mcn-sub{margin:16px 0 0;max-width:44ch;color:#ffffffbf;line-height:1.65}
.mcn-draftline{margin:14px 0 0;font-size:.8125rem;line-height:1.5;color:#ffffffa6}
.mcn-hero__text .mcn-countdown{margin-top:20px}

/* Au programme */
.mcn-prog{background:var(--mcn-paper);color:#000}
.mcn-prog .mcn-lead{color:#000000b3}
.mcn-ex-list{display:grid;gap:clamp(20px,3vw,40px);margin:clamp(32px,5vw,56px) 0 0}
.mcn-ex{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#fff;border:1px solid #0000001a;scroll-margin-top:110px}
.mcn-ex:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.mcn-ex:nth-child(even) .mcn-ex__media{order:2}
.mcn-ex__media{display:grid;gap:2px;background:#f4f4f4;align-content:start}
.mcn-ex__media a{display:block;background:#f4f4f4}
.mcn-ex__media img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}
.mcn-ex__media--2{grid-template-columns:1fr 1fr}
.mcn-ex__media--3{grid-template-columns:1fr 1fr 1fr}
.mcn-ex__media--4{grid-template-columns:1fr 1fr}
.mcn-ex__media--mix{grid-template-columns:repeat(4,minmax(0,1fr))}
.mcn-ex__media--mix .mcn-ex__lead{grid-column:1/-1}
.mcn-ex__media--mix .mcn-ex__lead img{aspect-ratio:16/9}
.mcn-ex__media--dark{background:#000;padding:clamp(24px,4vw,48px);align-content:center}
.mcn-par{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 10px}
.mcn-par li{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.mcn-par i{display:block;width:52px;height:52px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #ffffff40}
.mcn-par span{font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;color:#ffffffd9}
.mcn-ex__body{padding:clamp(24px,4vw,56px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.mcn-ex__date{margin:0 0 12px;font-size:.75rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#7d6a45}
.mcn-ex__t{margin:0;font-family:var(--bn-serif);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1;font-size:clamp(1.7rem,3vw,2.4rem);color:#000}
.mcn-ex__body p{margin:16px 0 0;line-height:1.7;color:#000000b3;max-width:52ch}
.mcn-ex__body .mcn-ex__names{font-size:.8125rem;color:#00000099}
.mcn-ex__cta{margin-top:24px}
.mcn-ex--wide{grid-template-columns:1fr}
.mcn-ex--wide:nth-child(even){grid-template-columns:1fr}
.mcn-ex--wide .mcn-ex__body{align-items:flex-start}
.mcn-back{list-style:none;margin:0;padding:0 clamp(24px,4vw,56px) clamp(24px,4vw,56px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.mcn-back a{display:block;color:#000;text-decoration:none}
.mcn-back img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#f4f4f4}
.mcn-back span{display:block;margin-top:8px;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.3}
.mcn-back a:hover span,.mcn-back a:focus-visible span{text-decoration:underline}

/* Agenda des sorties */
.mcn-agenda{list-style:none;margin:clamp(32px,5vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.mcn-agenda li{position:relative;padding:30px 14px 0 0;border-top:1px solid #ffffff40}
.mcn-agenda li:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--mcn-gold)}
.mcn-agenda__d{display:block;font-family:var(--bn-serif);font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--mcn-gold)}
.mcn-agenda a{display:block;margin-top:8px;color:#fff;text-decoration:none;line-height:1.4;font-size:.9375rem}
.mcn-agenda a:hover,.mcn-agenda a:focus-visible{text-decoration:underline}

.mcn-notify{border-top:1px solid #ffffff26}
.mcn-notify .mcn-lead{margin-left:auto;margin-right:auto}

@media (width<=900px){
  .mcn-ex,.mcn-ex:nth-child(even){grid-template-columns:1fr}
  .mcn-ex:nth-child(even) .mcn-ex__media{order:0}
  .mcn-agenda{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:34px}
  .mcn-back{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (width<=700px){
  .mcn-agenda{grid-template-columns:1fr;row-gap:0;border-left:1px solid #ffffff40;margin-left:4px}
  .mcn-agenda li{border-top:0;padding:0 0 26px 22px}
  .mcn-agenda li:before{top:4px;left:-5px}
  .mcn-back{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:0 16px 24px}
  .mcn-par{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mcn-ex__cta .bn-btn{width:100%}
}

/* Ajustements apres controle visuel */
.mcn-sub{margin:16px auto 0;text-align:center}
.mcn-prog .mcn-lead{max-width:72ch}
.mcn-ex__media--4 img{aspect-ratio:5/4}
.mcn-ex__media--3{align-content:center}
#mcn-agenda{padding-bottom:clamp(16px,3vw,40px)}
#mcn-gamme{padding-top:clamp(16px,3vw,40px)}
.mcn-agenda__d{white-space:nowrap}
@media (width<=700px){.mcn-back{padding:0 22px 24px}}