/* MelyWeb — Promo -50 % */
:root { --mwp-h: 52px; }
.mwp {
	position: fixed; top: 0; left: 0; right: 0; z-index: 970;
	background-color: #0b0918;
	background-image: radial-gradient(120% 220% at 0% 50%, rgba(108,75,255,.5), transparent 55%), radial-gradient(120% 220% at 100% 50%, rgba(34,211,238,.3), transparent 55%);
	border-bottom: 1px solid rgba(156,128,255,.35);
}
.mwp__lien {
	display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap;
	padding: 11px 18px; color: #fff; text-decoration: none; font-size: 15px; line-height: 1.3; text-align: center;
}
.mwp__badge {
	font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 15px; white-space: nowrap;
	padding: 4px 10px; border-radius: 999px; background: linear-gradient(100deg, #6C4BFF, #3B6BFF 60%, #22D3EE);
}
.mwp__slogan { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 17px; letter-spacing: -.01em; }
.mwp__detail { opacity: .8; }
.mwp__chrono {
	font-variant-numeric: tabular-nums; font-weight: 600; white-space: nowrap;
	padding: 3px 10px; border-radius: 8px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14);
}
.mwp__chrono:empty { display: none; }
.mwp__cta { font-weight: 700; white-space: nowrap; color: #b9a8ff; }
.mwp__lien:hover .mwp__cta, .mwp__lien:focus-visible .mwp__cta { text-decoration: underline; color: #fff; }
.mwp__lien:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
@media (max-width: 720px) {
	.mwp__lien { gap: 6px 10px; font-size: 13px; padding: 8px 12px; }
	.mwp__detail { display: none; }
	.mwp__slogan { font-size: 15px; }
}

/* Empilement : bandeau promo, bandeau engagement (s'il existe), en-tête fixe. */
body { padding-top: calc(var(--mwp-h) + var(--mwa-h, 0px)) !important; }
.mwa { top: var(--mwp-h) !important; }
.mw-header { top: calc(var(--mwp-h) + var(--mwa-h, 0px)) !important; }
.admin-bar .mwp { top: 32px; }
.admin-bar .mwa { top: calc(var(--mwp-h) + 32px) !important; }
.admin-bar .mw-header { top: calc(var(--mwp-h) + var(--mwa-h, 0px) + 32px) !important; }
@media screen and (max-width: 782px) {
	.admin-bar .mwp { top: 46px; }
	.admin-bar .mwa { top: calc(var(--mwp-h) + 46px) !important; }
	.admin-bar .mw-header { top: calc(var(--mwp-h) + var(--mwa-h, 0px) + 46px) !important; }
}
@media print { .mwp { display: none; } }

/* Prix barrés. */
.mwp-old { display: inline-flex; align-items: center; gap: 8px; margin-right: 10px; vertical-align: middle; white-space: nowrap; }
.mwp-old del { font-size: .5em; font-weight: 600; opacity: .65; text-decoration-thickness: 2px; text-decoration-color: #ff5c8a; }
.mwp-pct {
	font-size: 13px; font-weight: 700; line-height: 1; padding: 5px 9px; border-radius: 999px; color: #fff; letter-spacing: 0;
	background: linear-gradient(100deg, #6C4BFF, #3B6BFF 60%, #22D3EE);
}
.mw-packbar__info .mwp-old del { font-size: .85em; }
.mw-packbar__info .mwp-pct { display: none; }
.mwp-note { margin: 10px 0 0; font-size: 14px; opacity: .8; }
.mw-sr-mwp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }