/* body{
	margin: 0 auto;
	max-width: 1900px;
}
 */
 
/* ../img */
/* /on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default/content_asset/2025/s06 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.banniere-outlet {
	/* width: calc(100% + 36px); */
	/* margin: 0 -18px; */
	position: relative;
	box-sizing: border-box;
	font-size: clamp(10px, 3.8vw, 18px);
	font-family: "Montserrat";
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1.5em;
	padding: 1em 0;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	background-image: url("/on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default/content_asset/2025/s06/BANNIERE-OUTLET-BG.webp");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 46vw;
	animation: apparition-banniere 0.25s ease-in-out 0.25s forwards;
}

@keyframes apparition-banniere {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

.dispdesk {
	display: none !important;
}

.global-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* CTA soulignés (début) */

.cta-souligne {
	font-family: "Montserrat";
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: #fff;
	padding: 0.5em;
}

.cta-souligne::after {
	content: '';
	position: absolute;
	bottom: 6%;
	left: 0.5em;
	width: calc(100% - 1em);
	height: 1px;
	background-color: #fff;
}

.cta-souligne:hover,
.cta-souligne:active,
.cta-souligne:link,
.cta-souligne:visited {
	text-decoration: none;
	color: #fff;
}

.cta-souligne:hover::after {
	width: calc(100% - 1em);
	animation-name: soulignement;
	animation-timing-function: ease-in-out;
	animation-duration: 480ms;
}

@keyframes soulignement {
	0% { left: unset; right: 0; width: calc(100% - 1em); }
	33% { width: 0; }
	66% { right: unset; left: 0; }
	100% { width: calc(100% - 1em); }
}

/* CTA soulignés (fin) */

.banniere-outlet p {
	margin: 0;
	text-align: center;
	line-height: 1.12;
	width: auto;
	color: #fff;
	font-weight: 600;
	font-size: 0.7em;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1.4;
}

.banniere-outlet p span {
	font-size: 1.25em;
}

.banniere-outlet .countdown {
	opacity: 0;
	animation: apparition-banniere 0.25s ease-in-out 0.8s forwards;
}

.banniere-outlet .countdown .countdown-inner {
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1;
}

.banniere-outlet #countdown_d,
.banniere-outlet #countdown_h,
.banniere-outlet #countdown_m,
.banniere-outlet #countdown_s {
	display: inline-block;
	width: 1.2em;
}

.banniere-outlet .video-background {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: -1;
	transform: translate(0, -50%);
}

.banniere-outlet .logo-outlet {
	width: 10em;
}




/* ============== DESKTOP ============== */

@media screen and (min-width : 768.5px) {

	.banniere-outlet {
		/* width: calc(100% + 60px);
		margin: 0 -30px; */
		font-size: clamp(12px, 1vw, 18px);
		flex-direction: row;
		gap: 2em;
		justify-content: space-between;
		align-items: center;
		padding: 2em 5em;
		height: 150px;
	}

	.dispdesk {
		display: initial !important;
	}

	.dispmob {
		display: none !important;
	}

	.banniere-outlet p {
		font-size: 1.1em;
	}

}