/* ==========================================================================
   Yunova — Revamp homepage 2026 (préversion ?revamp=1)
   Surcouche pure : aucun texte ni contenu modifié.
   ========================================================================== */

body.yx-revamp {
	--yx-ink: #0b1a2b;
	--yx-ink-2: #13283f;
	--yx-text: #43505e;
	--yx-muted: #7a8794;
	--yx-blue: #009fdd;
	--yx-blue-2: #4fc3f7;
	--yx-mint: #94c11f;
	--yx-bg: #f5f8fb;
	--yx-line: #e3eaf0;
	--yx-radius: 28px;
	--yx-shadow: 0 1px 2px rgba(11, 26, 43, .04), 0 12px 32px -12px rgba(11, 26, 43, .14);
	--yx-shadow-lg: 0 2px 4px rgba(11, 26, 43, .05), 0 28px 60px -20px rgba(11, 26, 43, .28);
	--yx-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	background: #fff;
	color: var(--yx-text);
	-webkit-font-smoothing: antialiased;
}
html:has(body.yx-revamp), body.yx-revamp { overflow-x: hidden; }

body.yx-revamp,
body.yx-revamp p,
body.yx-revamp li,
body.yx-revamp a,
body.yx-revamp span,
body.yx-revamp input,
body.yx-revamp button,
body.yx-revamp h1, body.yx-revamp h2, body.yx-revamp h3,
body.yx-revamp h4, body.yx-revamp h5, body.yx-revamp h6,
body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
	font-family: var(--yx-font) !important;
}

/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
body.yx-revamp #main-header {
	background: rgba(255, 255, 255, .86) !important;
	-webkit-backdrop-filter: saturate(180%) blur(16px);
	backdrop-filter: saturate(180%) blur(16px);
	box-shadow: none !important;
	border-bottom: 1px solid transparent;
	transition: box-shadow .3s, border-color .3s;
}
body.yx-revamp.yx-scrolled #main-header {
	border-bottom-color: var(--yx-line);
	box-shadow: 0 8px 30px -18px rgba(11, 26, 43, .35) !important;
}
body.yx-revamp #et-top-navigation.custom-header {
	background: var(--yx-ink) !important;
}
body.yx-revamp #top-bar-menu a {
	color: rgba(255, 255, 255, .62) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: .01em;
	transition: color .2s;
}
body.yx-revamp #top-bar-menu a:hover { color: #fff !important; }
@media (min-width: 769px) {
	body.yx-revamp #mega-menu-wrap-primary-menu,
	body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu { background: transparent !important; }
}
/* tiroir mobile (Max Mega Menu < 769px) */
@media (max-width: 768px) {
	body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu {
		background: var(--yx-ink) !important;
		box-shadow: 20px 0 60px rgba(0, 0, 0, .35) !important;
		padding: 12px 0 !important;
	}
	body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
		padding: 12px 22px !important;
		height: auto !important;
		line-height: 1.4 !important;
		border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
	}
	body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link::before { display: none !important; }
	body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-item > a.mega-menu-link { color: var(--yx-blue-2) !important; }
	body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		border-radius: 0 !important;
		box-shadow: none !important;
		border-top: 0 !important;
		padding: 8px 12px !important;
		background: #10243a !important;
	}
	body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column + li.mega-menu-column { border-left: 0 !important; }
	body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link { color: rgba(255, 255, 255, .85) !important; }
	body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover { background: rgba(255, 255, 255, .06) !important; color: #fff !important; }
}
body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link {
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: .04em !important;
	position: relative;
	background: transparent !important;
}
body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item > a.mega-menu-link::before {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 2px;
	pointer-events: none;
	border-radius: 2px;
	background: linear-gradient(90deg, var(--yx-blue), var(--yx-blue-2));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .28s cubic-bezier(.2, .8, .2, 1);
}
@media (hover: hover) and (min-width: 769px) {
	body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:hover > a.mega-menu-link::before { transform: scaleX(1); }
}
@media (min-width: 769px) {
	body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-current-menu-item > a.mega-menu-link::before { transform: scaleX(1); }
}
body.yx-revamp .custom-search form {
	display: flex;
	align-items: center;
	background: var(--yx-bg);
	border: 1px solid var(--yx-line);
	border-radius: 999px;
	padding: 4px;
	transition: border-color .2s, box-shadow .2s, background .2s;
}
body.yx-revamp .custom-search form:focus-within {
	background: #fff;
	border-color: var(--yx-blue);
	box-shadow: 0 0 0 4px rgba(0, 159, 221, .12);
}
body.yx-revamp .custom-search .search-input {
	background-color: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	font-size: 14px !important;
	color: var(--yx-ink) !important;
}
body.yx-revamp .custom-search .search-btn {
	border-radius: 999px !important;
	background: var(--yx-ink) !important;
	color: #fff !important;
	border: 0 !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	padding: 10px 20px !important;
	height: auto !important;
	cursor: pointer;
	transition: background .2s;
}
body.yx-revamp .custom-search .search-btn:hover { background: var(--yx-blue) !important; }
body.yx-revamp .cart-icon img { transition: transform .2s; }
body.yx-revamp .cart-icon a:hover img,
body.yx-revamp .cart-icon button:hover img { transform: translateY(-2px); }

/* méga-menu Produits */
body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
	background: #fff !important;
	border-radius: 0 0 24px 24px !important;
	box-shadow: 0 30px 60px -20px rgba(11, 26, 43, .35), 0 0 0 1px rgba(11, 26, 43, .06) !important;
	padding: 26px 18px 22px !important;
	border-top: 3px solid var(--yx-blue) !important;
}
body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column {
	border: 0 !important;
	background: transparent !important;
	padding: 0 14px !important;
}
body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column + li.mega-menu-column {
	border-left: 1px solid var(--yx-line) !important;
}
body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu h4.mega-block-title,
body.yx-revamp #page-container #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
	color: var(--yx-blue) !important;
	font-size: 11.5px !important;
	font-weight: 800 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
	line-height: 1.4 !important;
	margin: 0 0 10px !important;
	padding: 0 10px !important;
	border: 0 !important;
}
body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
	display: block !important;
	color: var(--yx-ink) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	padding: 9px 10px !important;
	margin: 0 !important;
	border-radius: 10px !important;
	background: transparent !important;
	transition: background .15s, color .15s !important;
}
body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover,
body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:focus {
	background: var(--yx-bg) !important;
	color: var(--yx-blue) !important;
}

body.yx-revamp #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	padding: 0 !important;
	margin: 0 0 2px !important;
}

/* --------------------------------------------------------------------------
   Header v2 : logo HD, icônes vectorielles
   -------------------------------------------------------------------------- */
/* logo : l'image d'origine (241 px) est remplacée au rendu par une version HD */
body.yx-revamp #logo {
	content: url("logo.png");
	height: 38px !important;
	width: auto !important;
	max-height: none !important;
	filter: brightness(0) saturate(100%) invert(9%) sepia(24%) saturate(2000%) hue-rotate(185deg);
	transition: transform .3s cubic-bezier(.2, .8, .2, 1), opacity .2s;
}
body.yx-revamp .logo_container a:hover #logo { opacity: .82; }
body.yx-revamp .mobile-logo img {
	content: url("logo-white.png");
	height: 24px !important;
	width: auto !important;
}
body.yx-revamp #main-footer #footer-widgets .widget_media_image img {
	content: url("logo-white.png");
	filter: none !important;
	width: 170px !important;
}

/* barre logo / recherche / icônes */
body.yx-revamp #main-header .et_menu_container { border: 0 !important; }
body.yx-revamp .custom-search form { min-width: min(420px, 38vw); }
body.yx-revamp .custom-search .search-input::placeholder { color: var(--yx-muted); opacity: 1; }
body.yx-revamp .cart-icon {
	display: flex !important;
	align-items: center;
	gap: 10px;
}
body.yx-revamp .cart-icon .user-pro { display: flex !important; align-items: center; margin: 0 !important; }

/* icônes profil / panier (classes posées par le JS sur le parent de l'image) */
body.yx-revamp .yx-ico {
	--yx-ico-fg: var(--yx-ink);
	width: 44px !important;
	height: 44px !important;
	min-width: 44px;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 50% !important;
	border: 1px solid var(--yx-line) !important;
	background: #fff !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
	box-shadow: none !important;
	transition: background .2s, border-color .2s, transform .2s !important;
}
body.yx-revamp .yx-ico img { display: none !important; }
body.yx-revamp .yx-ico::before {
	content: "" !important;
	display: block !important;
	width: 20px;
	height: 20px;
	background: var(--yx-ico-fg);
	-webkit-mask: var(--yx-ico-svg) center / contain no-repeat;
	mask: var(--yx-ico-svg) center / contain no-repeat;
	transition: background .2s;
	position: static !important;
	font-size: 0 !important;
}
body.yx-revamp .yx-ico::after { display: none !important; }
body.yx-revamp .yx-ico-user {
	--yx-ico-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
}
body.yx-revamp .yx-ico-bag {
	--yx-ico-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14l-1.2 12.1a2 2 0 0 1-2 1.9H8.2a2 2 0 0 1-2-1.9L5 7z'/%3E%3Cpath d='M9 10V6a3 3 0 0 1 6 0v4'/%3E%3C/svg%3E");
}
body.yx-revamp .yx-ico:hover {
	--yx-ico-fg: #fff;
	background: var(--yx-ink) !important;
	border-color: var(--yx-ink) !important;
	transform: translateY(-1px);
}
body.yx-revamp .yx-ico:focus-visible { outline: 2px solid var(--yx-blue); outline-offset: 2px; }
/* variante sur fond sombre (barre mobile) */
body.yx-revamp .yx-ico.yx-ico--light {
	--yx-ico-fg: #fff;
	width: 38px !important;
	height: 38px !important;
	min-width: 38px;
	background: rgba(255, 255, 255, .08) !important;
	border-color: rgba(255, 255, 255, .16) !important;
}
body.yx-revamp .yx-ico.yx-ico--light:hover {
	--yx-ico-fg: var(--yx-ink);
	background: #fff !important;
	border-color: #fff !important;
}
body.yx-revamp .yx-ico.yx-ico--light::before { width: 18px; height: 18px; }

/* --------------------------------------------------------------------------
   Hero (slider principal)
   -------------------------------------------------------------------------- */
body.yx-revamp .main-slider-section { padding: 0 !important; background: var(--yx-ink); }
body.yx-revamp .et_pb_fullwidth_slider_0 { overflow: hidden; }
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide {
	min-height: min(78vh, 760px);
	background-size: cover !important;
	background-position: center 30% !important;
	position: relative;
}
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(60% 80% at 12% 70%, rgba(0, 159, 221, .35), transparent 60%),
		linear-gradient(95deg, rgba(11, 26, 43, .94) 0%, rgba(11, 26, 43, .8) 35%, rgba(11, 26, 43, .3) 65%, rgba(11, 26, 43, .08) 100%);
}
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 120px;
	z-index: 1;
	background: linear-gradient(0deg, rgba(11, 26, 43, .45), transparent);
}
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide .et_pb_container {
	position: relative;
	z-index: 2;
	width: min(1200px, 88%) !important;
	max-width: none !important;
	height: min(78vh, 760px) !important;
	min-height: 0 !important;
}
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide_description {
	text-align: left !important;
	padding: 0 !important;
	margin: 0 !important;
	max-width: 760px;
	text-shadow: none !important;
}
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide_title,
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide_content,
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide_content * {
	text-align: left !important;
	text-shadow: none !important;
}
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide_title,
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide_title a,
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide_content h1,
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide_content h2,
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide_content h3 {
	font-size: clamp(34px, 4.6vw, 64px) !important;
	line-height: 1.06 !important;
	font-weight: 800 !important;
	letter-spacing: -.035em !important;
	color: #fff !important;
	padding: 0 !important;
}
body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide_description::before {
	content: "";
	display: block;
	width: 56px;
	height: 4px;
	margin-bottom: 28px;
	border-radius: 4px;
	background: linear-gradient(90deg, var(--yx-blue), var(--yx-mint));
}
body.yx-revamp .et_pb_fullwidth_slider_0 .et-pb-active-slide .et_pb_slide_description {
	animation: yx-rise .9s cubic-bezier(.2, .8, .2, 1) both .15s;
}
@keyframes yx-rise {
	from { opacity: 0; transform: translateY(26px); }
	to   { opacity: 1; transform: none; }
}
/* flèches + puces */
body.yx-revamp .et_pb_slider .et-pb-slider-arrows a {
	width: 52px; height: 52px;
	margin-top: -26px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .28);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	color: #fff !important;
	font-size: 0 !important;
	display: flex; align-items: center; justify-content: center;
	opacity: 1 !important;
	transition: background .2s, transform .2s;
}
body.yx-revamp .et_pb_slider .et-pb-slider-arrows a::before {
	content: "" !important;
	width: 20px; height: 20px;
	background: #fff;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.yx-revamp .et_pb_slider .et-pb-arrow-next::before { transform: scaleX(-1); }
body.yx-revamp .et_pb_slider .et-pb-arrow-prev { left: 28px !important; }
body.yx-revamp .et_pb_slider .et-pb-arrow-next { right: 28px !important; }
body.yx-revamp .et_pb_slider .et-pb-slider-arrows a:hover { background: rgba(255, 255, 255, .26); transform: scale(1.06); }
body.yx-revamp .et_pb_slider .et-pb-controllers { bottom: 28px; }
body.yx-revamp .et_pb_slider .et-pb-controllers a {
	width: 8px; height: 8px;
	border-radius: 8px;
	margin: 0 4px;
	background: rgba(255, 255, 255, .45);
	opacity: 1;
	transition: width .35s cubic-bezier(.2, .8, .2, 1), background .2s;
}
body.yx-revamp .et_pb_slider .et-pb-controllers a.et-pb-active-control {
	width: 32px;
	background: #fff;
}

/* --------------------------------------------------------------------------
   Titres de section
   -------------------------------------------------------------------------- */
body.yx-revamp .theme-title,
body.yx-revamp .theme-title span {
	font-size: clamp(30px, 3.2vw, 46px) !important;
	line-height: 1.1 !important;
	font-weight: 800 !important;
	letter-spacing: -.03em !important;
	color: var(--yx-ink) !important;
	background: none !important;
}
body.yx-revamp .theme-title::first-letter,
body.yx-revamp .theme-title span::first-letter {
	background: none !important;
	color: inherit !important;
	padding: 0 !important;
}
body.yx-revamp .theme-title::before {
	content: "";
	display: block;
	width: 40px; height: 4px;
	border-radius: 4px;
	margin: 0 0 20px;
	background: linear-gradient(90deg, var(--yx-blue), var(--yx-mint));
}
body.yx-revamp .product-section { text-align: center; }
body.yx-revamp .product-section .theme-title::before { margin: 0 auto 20px; }

/* --------------------------------------------------------------------------
   Nos produits
   -------------------------------------------------------------------------- */
body.yx-revamp .et_pb_section_1 { padding: 110px 0 40px !important; }
body.yx-revamp .et_pb_section_1 .et_pb_row { width: min(1240px, 90%) !important; max-width: none !important; }
body.yx-revamp .woo-shop-section ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px;
	margin: 36px 0 0 !important;
}
body.yx-revamp .woo-shop-section ul.products::before,
body.yx-revamp .woo-shop-section ul.products::after { display: none !important; }
body.yx-revamp .woo-shop-section ul.products li.product {
	--yx-accent: var(--yx-blue);
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 18px 18px 26px !important;
	background: #fff;
	border: 1px solid var(--yx-line);
	border-radius: var(--yx-radius);
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	isolation: isolate;
	transition: transform .45s cubic-bezier(.2, .8, .2, 1), box-shadow .45s, border-color .3s;
}
body.yx-revamp .woo-shop-section ul.products li.product:nth-child(-n+4),
body.yx-revamp .woo-shop-section ul.products li.product[style*="display: list-item"],
body.yx-revamp .woo-shop-section ul.products li.product[style*="display: block"] { display: flex !important; }
body.yx-revamp .woo-shop-section ul.products li.product[style*="display: none"] { display: none !important; }

body.yx-revamp .woo-shop-section ul.products li.product:hover {
	transform: translateY(-8px);
	box-shadow: var(--yx-shadow-lg);
	border-color: color-mix(in srgb, var(--yx-accent) 40%, var(--yx-line));
}
body.yx-revamp .woo-shop-section li.product .et_shop_image {
	display: block;
	width: 100%;
	margin: 0 0 18px !important;
	padding: 18px 0 !important;
	border-radius: calc(var(--yx-radius) - 8px);
	background:
		radial-gradient(70% 60% at 50% 55%, color-mix(in srgb, var(--yx-accent) 22%, transparent), transparent 70%),
		linear-gradient(180deg, var(--yx-bg), #eef3f7) !important;
}
body.yx-revamp .woo-shop-section li.product .et_shop_image img {
	width: 78% !important;
	margin: 0 auto;
	filter: drop-shadow(0 18px 22px rgba(11, 26, 43, .22));
	transition: transform .6s cubic-bezier(.2, .8, .2, 1);
}
body.yx-revamp .woo-shop-section li.product:hover .et_shop_image img { transform: translateY(-6px) rotate(-2deg) scale(1.03); }
body.yx-revamp .woo-shop-section li.product .et_overlay { display: none !important; }
body.yx-revamp .woo-shop-section li.product .woocommerce-loop-product__title {
	font-size: 20px !important;
	font-weight: 800 !important;
	letter-spacing: -.02em;
	padding: 0 0 8px !important;
}
body.yx-revamp .woo-shop-section li.product .content {
	display: block;
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: var(--yx-muted) !important;
	margin-bottom: 20px;
	flex: 1;
}
body.yx-revamp .et_pb_button.product-link-button,
body.yx-revamp #custom-article-btn .et_pb_button,
body.yx-revamp #seeMoreButton,
body.yx-revamp .second-slider-section .et_pb_button {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	border-radius: 999px !important;
	border: 0 !important;
	background: var(--yx-ink) !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	padding: 12px 24px !important;
	line-height: 1.2 !important;
	text-transform: none !important;
	box-shadow: none;
	transition: background .25s, transform .25s, box-shadow .25s !important;
}
body.yx-revamp .et_pb_button.product-link-button::before,
body.yx-revamp #custom-article-btn .et_pb_button::before,
body.yx-revamp .second-slider-section .et_pb_button::before { display: none !important; }
body.yx-revamp .et_pb_button.product-link-button::after,
body.yx-revamp #custom-article-btn .et_pb_button::after,
body.yx-revamp .second-slider-section .et_pb_button::after {
	content: "→" !important;
	font-family: var(--yx-font) !important;
	background: none !important;
	color: inherit !important;
	width: auto !important;
	height: auto !important;
	position: static !important;
	opacity: 1 !important;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1 !important;
	display: inline-block !important;
	transition: transform .25s;
}
body.yx-revamp .et_pb_button.product-link-button:hover,
body.yx-revamp #custom-article-btn .et_pb_button:hover {
	background: color-mix(in srgb, var(--yx-accent, var(--yx-blue)) 72%, #0b1a2b) !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 24px -10px var(--yx-accent, var(--yx-blue));
	padding: 12px 24px !important;
}
body.yx-revamp .et_pb_button.product-link-button:hover::after,
body.yx-revamp #custom-article-btn .et_pb_button:hover::after { transform: translateX(3px); }
body.yx-revamp #seeMoreButton {
	grid-column: 1 / -1;
	justify-self: center;
	width: auto !important;
	max-width: max-content;
	float: none !important;
	margin-top: 12px;
	background: transparent !important;
	color: var(--yx-ink) !important;
	border: 1.5px solid var(--yx-ink) !important;
}
body.yx-revamp #seeMoreButton:hover { background: var(--yx-ink) !important; color: #fff !important; }
body.yx-revamp #seeMoreButton * { color: inherit !important; }

/* --------------------------------------------------------------------------
   Laboratoire Yunova (vidéo + texte)
   -------------------------------------------------------------------------- */
body.yx-revamp .intro1-section {
	background: linear-gradient(180deg, #fff 0%, var(--yx-bg) 100%) !important;
	padding: 60px 0 110px !important;
}
body.yx-revamp .intro1-section .et_pb_row {
	width: min(1240px, 90%) !important;
	max-width: none !important;
	display: flex;
	align-items: center;
	gap: 72px;
}
body.yx-revamp .intro1-section .et_pb_column {
	margin: 0 !important;
	width: auto !important;
	flex: 1 1 0;
}
body.yx-revamp .intro1-section .et_pb_video {
	border-radius: 32px;
	overflow: hidden;
	box-shadow: var(--yx-shadow-lg);
	position: relative;
}
body.yx-revamp .intro1-section .et_pb_video::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
	pointer-events: none;
}
body.yx-revamp .intro1-section .et_pb_column_1 { position: relative; }
body.yx-revamp .intro1-section .et_pb_column_1::before {
	content: "";
	position: absolute;
	width: 70%; aspect-ratio: 1;
	left: -12%; top: -18%;
	z-index: -1;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(0, 159, 221, .22), transparent 65%);
}
body.yx-revamp .intro1-section .et_pb_text_inner p {
	font-size: 16px !important;
	line-height: 1.75 !important;
	color: var(--yx-text) !important;
}
body.yx-revamp .intro1-section .et_pb_text_inner ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 18px 0 22px !important;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
body.yx-revamp .intro1-section .et_pb_text_inner ul li {
	position: relative;
	padding: 14px 16px 14px 46px !important;
	background: #fff;
	border: 1px solid var(--yx-line);
	border-radius: 16px;
	font-size: 14px;
	line-height: 1.45;
	color: var(--yx-ink);
	transition: border-color .2s, transform .2s;
}
body.yx-revamp .intro1-section .et_pb_text_inner ul li:hover { border-color: var(--yx-blue); transform: translateY(-2px); }
body.yx-revamp .intro1-section .et_pb_text_inner ul li strong { font-weight: 600 !important; color: var(--yx-ink) !important; }
body.yx-revamp .intro1-section .et_pb_text_inner ul li::before {
	content: "";
	position: absolute;
	left: 14px; top: 50%;
	width: 22px; height: 22px;
	margin-top: -11px;
	border-radius: 50%;
	background: var(--yx-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat;
}
/* badges « Fabriqués en France… » générés en JS à partir du texte existant */
body.yx-revamp .yx-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 6px 0 0;
	padding: 0;
}
body.yx-revamp .yx-chips span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border-radius: 999px;
	background: rgba(148, 193, 31, .12);
	color: #4d6a06;
	font-size: 12.5px;
	font-weight: 600;
	white-space: nowrap;
}
body.yx-revamp .yx-chips span::before {
	content: "";
	width: 6px; height: 6px;
	border-radius: 50%;
	background: var(--yx-mint);
}
body.yx-revamp .yx-chips span:first-child { background: rgba(0, 159, 221, .1); color: #00709c; }
body.yx-revamp .yx-chips span:first-child::before { background: var(--yx-blue); }

/* --------------------------------------------------------------------------
   Nutrineural® science : carte sombre
   -------------------------------------------------------------------------- */
body.yx-revamp .intro2-section {
	background: var(--yx-bg) !important;
	padding: 20px 0 120px !important;
}
body.yx-revamp .intro2-section .et_pb_row {
	width: min(1240px, 90%) !important;
	max-width: none !important;
	padding: clamp(40px, 6vw, 84px) !important;
	border-radius: 40px;
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background:
		radial-gradient(50% 70% at 100% 0%, rgba(0, 159, 221, .45), transparent 60%),
		radial-gradient(40% 60% at 0% 100%, rgba(148, 193, 31, .22), transparent 60%),
		linear-gradient(135deg, var(--yx-ink) 0%, var(--yx-ink-2) 100%);
	box-shadow: var(--yx-shadow-lg);
}
/* motif « réseau neuronal » décoratif */
body.yx-revamp .intro2-section .et_pb_row::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	opacity: .35;
	background-image:
		radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .35) 1px, transparent 0);
	background-size: 26px 26px;
	-webkit-mask-image: radial-gradient(70% 90% at 85% 20%, #000, transparent 70%);
	mask-image: radial-gradient(70% 90% at 85% 20%, #000, transparent 70%);
}
body.yx-revamp .intro2-section .et_pb_row::after {
	content: "";
	position: absolute;
	width: 420px; height: 420px;
	right: -120px; top: -140px;
	z-index: -1;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .12);
	box-shadow: 0 0 0 60px rgba(255, 255, 255, .025), 0 0 0 130px rgba(255, 255, 255, .02);
}
body.yx-revamp .intro2-section .theme-title,
body.yx-revamp .intro2-section .theme-title * { color: #fff !important; }
body.yx-revamp .intro2-section .et_pb_text_inner {
	max-width: 820px;
}
body.yx-revamp .intro2-section .et_pb_text_inner p {
	padding-left: 0 !important;
	margin-left: 0 !important;
	color: rgba(255, 255, 255, .78) !important;
	font-size: 17px !important;
	line-height: 1.75 !important;
}
body.yx-revamp .intro2-section .et_pb_text_inner p strong { color: #fff !important; }
body.yx-revamp .intro2-section .et_pb_text_inner p:last-child a {
	display: inline-flex;
	align-items: center;
	margin-top: 14px;
	padding: 13px 26px;
	border-radius: 999px;
	background: #fff;
	color: var(--yx-ink) !important;
	font-weight: 700;
	font-size: 14px;
	transition: transform .25s, box-shadow .25s;
}
body.yx-revamp .intro2-section .et_pb_text_inner p:last-child a * { color: inherit !important; font-size: inherit !important; }
body.yx-revamp .intro2-section .et_pb_text_inner p:last-child a:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px -12px rgba(0, 159, 221, .8);
}

/* --------------------------------------------------------------------------
   Actualités
   -------------------------------------------------------------------------- */
body.yx-revamp .et_pb_section_4 { padding: 110px 0 100px !important; }
body.yx-revamp .et_pb_section_4 .et_pb_row { width: min(1240px, 90%) !important; max-width: none !important; }
body.yx-revamp .blogs-content {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	margin: 36px 0 0 !important;
}
body.yx-revamp .blogs-content::before,
body.yx-revamp .blogs-content::after { display: none !important; }
body.yx-revamp .blogs-content .col-md-4 {
	width: auto !important;
	max-width: none !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #fff;
	border: 1px solid var(--yx-line);
	border-radius: var(--yx-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: none !important;
	transition: transform .45s cubic-bezier(.2, .8, .2, 1), box-shadow .45s;
}
body.yx-revamp .blogs-content .col-md-4:hover { transform: translateY(-6px); box-shadow: var(--yx-shadow-lg) !important; }
body.yx-revamp .blogs-content .image_container {
	position: relative;
	overflow: hidden;
	aspect-ratio: 16 / 10;
	margin: 0 !important;
}
body.yx-revamp .blogs-content .image_container a,
body.yx-revamp .blogs-content .image_container img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: transform .8s cubic-bezier(.2, .8, .2, 1);
}
body.yx-revamp .blogs-content .col-md-4:hover .image_container img { transform: scale(1.06); }
body.yx-revamp .blogs-content .site-name {
	position: absolute;
	left: 16px; top: 16px;
	padding: 6px 12px !important;
	border-radius: 999px;
	background: rgba(255, 255, 255, .9) !important;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	color: var(--yx-ink) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: .12em;
	line-height: 1 !important;
	bottom: auto !important;
	right: auto !important;
	width: auto !important;
	height: auto !important;
}
body.yx-revamp .blogs-content .blogs-content-inner {
	padding: 24px 26px 28px !important;
	display: flex;
	flex-direction: column;
	flex: 1;
	background: none !important;
}
body.yx-revamp .blogs-content .entry-title,
body.yx-revamp .blogs-content .entry-title a {
	font-size: 19px !important;
	line-height: 1.35 !important;
	font-weight: 700 !important;
	letter-spacing: -.015em;
	color: var(--yx-ink) !important;
	min-height: 0 !important;
	height: auto !important;
}
body.yx-revamp .blogs-content .post-content,
body.yx-revamp .blogs-content .post-content p {
	font-size: 14px !important;
	line-height: 1.65 !important;
	color: var(--yx-muted) !important;
	flex: 1;
}
body.yx-revamp .blogs-content .post-content a {
	color: var(--yx-blue) !important;
	font-weight: 700 !important;
	font-size: 14px !important;
}
body.yx-revamp .et_pb_section_4 .pagination {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin: 40px 0 10px !important;
}
body.yx-revamp .et_pb_section_4 .pagination a,
body.yx-revamp .et_pb_section_4 .pagination span {
	min-width: 38px; height: 38px;
	padding: 0 12px !important;
	display: inline-flex !important;
	align-items: center; justify-content: center;
	border-radius: 999px !important;
	border: 1px solid var(--yx-line) !important;
	background: #fff !important;
	color: var(--yx-ink) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	margin: 0 !important;
	transition: border-color .2s, background .2s;
}
body.yx-revamp .et_pb_section_4 .pagination .current {
	background: var(--yx-ink) !important;
	border-color: var(--yx-ink) !important;
	color: #fff !important;
}
body.yx-revamp .et_pb_section_4 .pagination a:hover { border-color: var(--yx-blue) !important; }
body.yx-revamp #custom-article-btn { text-align: center; margin-top: 20px; }

/* --------------------------------------------------------------------------
   Slider produits (bas de page)
   -------------------------------------------------------------------------- */
body.yx-revamp .second-slider-section {
	background: #fff !important;
	padding: 0 0 110px !important;
}
body.yx-revamp .et_pb_fullwidth_slider_1 {
	width: min(1240px, 90%);
	margin: 0 auto;
	border-radius: 40px;
	overflow: hidden;
	box-shadow: var(--yx-shadow-lg);
}
body.yx-revamp .et_pb_fullwidth_slider_1 .et_pb_slide {
	background:
		radial-gradient(45% 80% at 78% 50%, rgba(255, 255, 255, .28), transparent 65%),
		radial-gradient(50% 90% at 0% 100%, rgba(11, 26, 43, .35), transparent 60%),
		linear-gradient(120deg, #0077b6 0%, var(--yx-blue) 55%, #34c1f0 100%) !important;
}
body.yx-revamp .et_pb_fullwidth_slider_1 .et_pb_container {
	width: 86% !important;
	max-width: none !important;
}
body.yx-revamp .et_pb_fullwidth_slider_1 .et_pb_slide_description { padding: 56px 0 !important; text-shadow: none !important; }
body.yx-revamp .et_pb_fullwidth_slider_1 .et_pb_slide_content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}
body.yx-revamp .et_pb_fullwidth_slider_1 .panel-left,
body.yx-revamp .et_pb_fullwidth_slider_1 .panel-left * { text-align: left !important; text-shadow: none !important; }
body.yx-revamp .et_pb_fullwidth_slider_1 .panel-left h2,
body.yx-revamp .et_pb_fullwidth_slider_1 .et_pb_slide_title {
	background: none !important;
	padding: 0 0 10px !important;
	margin: 0 !important;
	width: auto !important;
	font-size: clamp(34px, 4vw, 56px) !important;
	font-weight: 800 !important;
	letter-spacing: -.035em !important;
	color: #fff !important;
	line-height: 1.05 !important;
}
body.yx-revamp .et_pb_fullwidth_slider_1 .panel-left p,
body.yx-revamp .et_pb_fullwidth_slider_1 .panel-left p strong {
	background: none !important;
	font-size: 18px !important;
	color: rgba(255, 255, 255, .85) !important;
}
body.yx-revamp .et_pb_fullwidth_slider_1 .panel-left p strong { color: #fff !important; }
body.yx-revamp .second-slider-section .et_pb_fullwidth_slider_1 .panel-left a.et_pb_button,
body.yx-revamp .second-slider-section .et_pb_button {
	position: static !important;
	width: auto !important;
	background: #fff !important;
	color: var(--yx-ink) !important;
	margin-top: 10px;
}
body.yx-revamp .second-slider-section .et_pb_button:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px -12px rgba(11, 26, 43, .6);
	padding: 12px 24px !important;
}
body.yx-revamp .et_pb_fullwidth_slider_1 .panel-right img {
	filter: drop-shadow(0 30px 30px rgba(11, 26, 43, .35));
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
body.yx-revamp #main-footer {
	background:
		radial-gradient(40% 60% at 100% 0%, rgba(0, 159, 221, .16), transparent 70%),
		radial-gradient(35% 50% at 0% 100%, rgba(148, 193, 31, .08), transparent 70%),
		var(--yx-ink) !important;
	position: relative;
	margin-top: 70px;
}
body.yx-revamp #main-footer .container { width: min(1240px, 90%) !important; max-width: none !important; }

/* bandeau de réassurance (déplacé en tête du footer par le JS) : carte flottante */
body.yx-revamp #main-footer .custom-footersection {
	position: relative;
	z-index: 2;
	width: min(1240px, 90%);
	margin: 0 auto !important;
	transform: translateY(-50%);
	background: #fff !important;
	border: 1px solid var(--yx-line) !important;
	border-radius: 24px;
	box-shadow: var(--yx-shadow-lg);
	padding: 0 !important;
	height: auto !important;
	display: flow-root !important;
}
body.yx-revamp #main-footer .custom-footersection ul.image-icons {
	float: none !important;
	background: transparent !important;
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}
body.yx-revamp #main-footer .custom-footersection ul.image-icons li {
	display: flex !important;
	flex-direction: row !important;
	align-items: center;
	justify-content: center;
	gap: 16px;
	margin: 0 !important;
	padding: 26px 20px !important;
	width: auto !important;
	height: auto !important;
	background: none !important;
}
body.yx-revamp #main-footer .custom-footersection ul.image-icons li + li { border-left: 1px solid var(--yx-line); }
body.yx-revamp #main-footer .custom-footersection ul.image-icons li::before { display: none !important; }
body.yx-revamp #main-footer .custom-footersection img {
	width: 44px !important;
	height: 44px !important;
	object-fit: contain;
	margin: 0 !important;
	flex: none;
	filter: brightness(0) saturate(100%) invert(9%) sepia(24%) saturate(2000%) hue-rotate(185deg);
}
body.yx-revamp #main-footer .custom-footersection .contenttext {
	color: var(--yx-ink) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	text-align: left !important;
	margin: 0 !important;
	position: static !important;
}

/* colonnes */
body.yx-revamp #main-footer #footer-widgets {
	display: grid !important;
	grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
	gap: 48px;
	width: 100% !important;
	float: none !important;
	padding: 10px 0 64px !important;
}
body.yx-revamp #main-footer #footer-widgets::before,
body.yx-revamp #main-footer #footer-widgets::after { display: none !important; }
body.yx-revamp #main-footer .footer-widget {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
}
body.yx-revamp #main-footer .footer-widget .fwidget { margin: 0 !important; width: auto !important; float: none !important; }
body.yx-revamp #main-footer .footer-widget,
body.yx-revamp #main-footer .footer-widget .fwidget { padding: 0 !important; }
body.yx-revamp #main-footer #footer-widgets .widget_media_image,
body.yx-revamp #main-footer #footer-widgets .widget_media_image img { margin: 0 !important; text-align: left !important; display: block; }
body.yx-revamp #main-footer #footer-widgets ul.menu li a,
body.yx-revamp #main-footer #footer-widgets ul.menu li a span { padding: 0 !important; margin: 0 !important; }
body.yx-revamp #main-footer #text-3 .textwidget > p,
body.yx-revamp #main-footer #text-3 .textwidget > p *,
body.yx-revamp #main-footer #text-3 ul.et-social-icons { text-align: left !important; justify-content: flex-start !important; }
body.yx-revamp #main-footer #footer-widgets .widget_media_image img {
	filter: brightness(0) invert(1);
	max-width: 170px !important;
	height: auto !important;
}
body.yx-revamp #main-footer #footer-widgets ul.menu { margin: 0 !important; padding: 0 !important; }
body.yx-revamp #main-footer #footer-widgets ul.menu li {
	padding: 0 !important;
	margin: 0 0 12px !important;
	list-style: none !important;
}
body.yx-revamp #main-footer #footer-widgets ul.menu li::before { display: none !important; }
body.yx-revamp #main-footer #footer-widgets ul.menu li a {
	display: inline-block;
	color: rgba(255, 255, 255, .62) !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	transition: color .2s, transform .2s !important;
}
body.yx-revamp #main-footer #footer-widgets ul.menu li a:hover {
	color: #fff !important;
	transform: translateX(3px);
}

/* colonne Contacts */
body.yx-revamp #main-footer #footer-widgets,
body.yx-revamp #main-footer #footer-widgets .footer-widget { text-align: left !important; }
body.yx-revamp #main-footer #text-3 .textwidget > p {
	margin: 0 0 16px !important;
	padding: 0 !important;
}
body.yx-revamp #main-footer #text-3 .textwidget > p,
body.yx-revamp #main-footer #text-3 .textwidget > p * {
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase;
}
body.yx-revamp #main-footer #text-3 ul.et-social-icons:not(.image-icons) {
	display: flex !important;
	gap: 10px;
	margin: 0 0 22px !important;
	padding: 0 !important;
}
body.yx-revamp #main-footer #text-3 ul.et-social-icons:not(.image-icons) li { margin: 0 !important; padding: 0 !important; }
body.yx-revamp #main-footer #text-3 ul.et-social-icons:not(.image-icons) a.icon {
	width: 42px !important;
	height: 42px !important;
	border-radius: 50% !important;
	border: 0 !important;
	background: rgba(255, 255, 255, .08) !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: background .2s, transform .2s !important;
}
body.yx-revamp #main-footer #text-3 ul.et-social-icons:not(.image-icons) a.icon::before {
	color: #fff !important;
	font-size: 16px !important;
	line-height: 1 !important;
	position: static !important;
	margin: 0 !important;
	width: auto !important;
	height: auto !important;
}
body.yx-revamp #main-footer #text-3 ul.et-social-icons:not(.image-icons) a.icon:hover {
	background: var(--yx-blue) !important;
	transform: translateY(-2px);
}

/* pictos engagements */
body.yx-revamp #main-footer .other-image-icons { height: auto !important; }
body.yx-revamp #main-footer .other-image-icons ul.image-icons {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 !important;
	padding: 0 !important;
}
body.yx-revamp #main-footer .other-image-icons ul.image-icons li {
	margin: 0 !important;
	padding: 0 !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 12px;
	background: rgba(255, 255, 255, .06);
	display: flex !important;
	align-items: center;
	justify-content: center;
}
body.yx-revamp #main-footer .other-image-icons ul.image-icons li::before { display: none !important; }
body.yx-revamp #main-footer .other-image-icons img { width: 26px !important; height: 26px !important; object-fit: contain; margin: 0 !important; }

/* barre du bas */
body.yx-revamp #main-footer #footer-bottom {
	background: transparent !important;
	border-top: 1px solid rgba(255, 255, 255, .08);
	padding: 22px 0 !important;
	height: auto !important;
	min-height: 0 !important;
}
body.yx-revamp #main-footer #footer-bottom .container {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
body.yx-revamp #main-footer #footer-bottom .container::before,
body.yx-revamp #main-footer #footer-bottom .container::after { display: none !important; }
body.yx-revamp #main-footer #footer-info {
	color: rgba(255, 255, 255, .45) !important;
	font-size: 13px !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	float: none !important;
}
body.yx-revamp #main-footer #footer-info * { color: inherit !important; font-size: inherit !important; margin: 0 !important; }
body.yx-revamp #main-footer .language_bar { float: none !important; width: auto !important; margin: 0 !important; position: static !important; }
body.yx-revamp #main-footer .language_bar .wpml-ls-legacy-dropdown { width: auto !important; }
body.yx-revamp #main-footer .language_bar .wpml-ls-legacy-dropdown a {
	background: rgba(255, 255, 255, .06) !important;
	border: 1px solid rgba(255, 255, 255, .12) !important;
	border-radius: 999px !important;
	color: rgba(255, 255, 255, .85) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	padding: 8px 34px 8px 16px !important;
}
body.yx-revamp #main-footer .language_bar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border: 0 !important; border-radius: 14px; overflow: hidden; }
body.yx-revamp #main-footer .language_bar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
	border-radius: 0 !important;
	border: 0 !important;
	background: var(--yx-ink-2) !important;
}
body.yx-revamp #main-footer .language_bar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover { background: var(--yx-blue) !important; color: #fff !important; }

@media (max-width: 980px) {
	body.yx-revamp #main-footer #footer-widgets { grid-template-columns: 1fr 1fr; gap: 36px 24px; }
	body.yx-revamp #main-footer .footer-widget:first-child,
	body.yx-revamp #main-footer .footer-widget:last-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
	body.yx-revamp #main-footer { margin-top: 110px; }
	body.yx-revamp #main-footer .custom-footersection { transform: translateY(-40%); }
	body.yx-revamp #main-footer .custom-footersection ul.image-icons li {
		flex-direction: column !important;
		gap: 8px;
		padding: 16px 8px !important;
		text-align: center;
	}
	body.yx-revamp #main-footer .custom-footersection .contenttext { font-size: 12px !important; text-align: center !important; }
	body.yx-revamp #main-footer .custom-footersection img { width: 34px !important; height: 34px !important; }
	body.yx-revamp #main-footer #footer-bottom .container { flex-direction: column; text-align: center; }
}

/* --------------------------------------------------------------------------
   Apparition au scroll
   -------------------------------------------------------------------------- */
body.yx-revamp.yx-js .yx-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity .9s cubic-bezier(.2, .8, .2, 1), transform .9s cubic-bezier(.2, .8, .2, 1);
	transition-delay: var(--yx-delay, 0s);
}
body.yx-revamp.yx-js .yx-reveal.yx-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
	body.yx-revamp *, body.yx-revamp *::before, body.yx-revamp *::after {
		animation: none !important;
		transition: none !important;
	}
	body.yx-revamp.yx-js .yx-reveal { opacity: 1; transform: none; }
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
	body.yx-revamp .woo-shop-section ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	body.yx-revamp .intro1-section .et_pb_row { gap: 44px; }
}
@media (max-width: 980px) {
	body.yx-revamp .woo-shop-section ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
	body.yx-revamp .intro1-section .et_pb_row { flex-direction: column; }
	body.yx-revamp .intro1-section .et_pb_column { width: 100% !important; flex: none; height: auto !important; }
	body.yx-revamp .et_pb_fullwidth_slider_1 .panel-left { width: auto !important; float: none !important; }
	body.yx-revamp .et_pb_fullwidth_slider_1 .panel-right { width: auto !important; float: none !important; }
	body.yx-revamp .et_pb_fullwidth_slider_1 .panel-left,
	body.yx-revamp .et_pb_fullwidth_slider_1 .panel-left * { text-align: center !important; }
	body.yx-revamp .et_pb_fullwidth_slider_1 .panel-right img { max-width: 170px; }
	body.yx-revamp .blogs-content { grid-template-columns: 1fr; max-width: 560px; margin-left: auto !important; margin-right: auto !important; }
	body.yx-revamp .et_pb_fullwidth_slider_1 .et_pb_slide_content { flex-direction: column; text-align: center; }
	body.yx-revamp .et_pb_slider .et-pb-slider-arrows { display: none; }
}
@media (max-width: 600px) {
	body.yx-revamp .et_pb_section_1,
	body.yx-revamp .intro1-section,
	body.yx-revamp .et_pb_section_4 { padding: 70px 0 60px !important; }
	body.yx-revamp .intro2-section { padding: 0 0 70px !important; }
	body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide,
	body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide .et_pb_container { min-height: 0; height: 68vh !important; }
	body.yx-revamp .et_pb_fullwidth_slider_0 .et_pb_slide::before {
		background:
			radial-gradient(80% 60% at 20% 80%, rgba(0, 159, 221, .35), transparent 60%),
			linear-gradient(0deg, rgba(11, 26, 43, .92) 0%, rgba(11, 26, 43, .55) 60%, rgba(11, 26, 43, .25) 100%);
	}
	body.yx-revamp .woo-shop-section ul.products li.product { padding: 12px 12px 18px !important; border-radius: 22px; }
	body.yx-revamp .woo-shop-section li.product .woocommerce-loop-product__title { font-size: 16px !important; }
	body.yx-revamp .woo-shop-section li.product .content { font-size: 12.5px !important; }
	body.yx-revamp .et_pb_button.product-link-button { padding: 10px 16px !important; font-size: 13px !important; }
	body.yx-revamp .intro1-section .et_pb_text_inner ul { grid-template-columns: 1fr; }
	body.yx-revamp .intro2-section .et_pb_row,
	body.yx-revamp .et_pb_fullwidth_slider_1 { border-radius: 28px; }
}

/* bouton du slider bas : le thème impose des styles très spécifiques */
body.yx-revamp #page-container .second-slider-section .et_pb_fullwidth_slider_1 .et_pb_slide .panel-left a.et_pb_button.et_pb_more_button {
	background: #fff !important;
	color: var(--yx-ink) !important;
	border-radius: 999px !important;
	padding: 12px 24px !important;
	font-size: 14px !important;
}

/* survol des cartes produits : le thème masque la description et grise le fond */
body.yx-revamp .woo-shop-section .woocommerce ul.products li.product:hover {
	background: #fff !important;
}
body.yx-revamp .woo-shop-section .woocommerce ul.products li.product span.content,
body.yx-revamp .woo-shop-section .woocommerce ul.products li.product:hover span.content {
	opacity: 1 !important;
	background: none !important;
}
body.yx-revamp #page-container .woo-shop-section .woocommerce ul.products li.product a.et_pb_button.product-link-button {
	background: var(--yx-ink) !important;
	color: #fff !important;
	border: 0 !important;
}
body.yx-revamp #page-container .woo-shop-section .woocommerce ul.products li.product a.et_pb_button.product-link-button:hover {
	background: color-mix(in srgb, var(--yx-accent, var(--yx-blue)) 72%, #0b1a2b) !important;
	color: #fff !important;
}
body.yx-revamp #page-container #custom-article-btn a.et_pb_button:hover {
	background: var(--yx-blue) !important;
	color: #fff !important;
}
body.yx-revamp #page-container .woo-shop-section .woocommerce ul.products li.product a.et_pb_button.product-link-button {
	position: static !important;
	opacity: 1 !important;
	margin-top: auto !important;
	width: auto !important;
}
body.yx-revamp #page-container .woo-shop-section .woocommerce ul.products li.product a.et_pb_button.product-link-button::after {
	margin-left: 2px !important;
}

/* v1.61 (14/10/2026) : en tablette, une règle du thème (largeur ~48 %) écrasait width:auto -> cartes à moitié de leur colonne. */
html body.yx-revamp #page-container .woo-shop-section ul.products li.product { width: auto !important; max-width: none !important; }
/* Nos produits : 3 colonnes en tablette (9 gammes = 3 x 3) ; l'accueil garde 2 colonnes (4 produits = 2 x 2). */
@media (min-width: 600px) and (max-width: 980px) {
	body.yx-revamp.yx-page-produits .woo-shop-section ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* v1.67 (14/10/2026, PageSpeed) : Montserrat/Lato ne sont plus chargées sur les pages revampées -> derniers éléments du thème qui les utilisaient */
body.yx-revamp #mega-menu-wrap-primary-menu .mega-menu-link,
body.yx-revamp .theme-title,
body.yx-revamp .lrm-user-modal label, body.yx-revamp .lrm-user-modal input, body.yx-revamp .lrm-user-modal button,
body.yx-revamp .lrm-user-modal a, body.yx-revamp .lrm-user-modal p, body.yx-revamp .lrm-user-modal h2 { font-family: var(--yx-font) !important; }
/* sous-menus : le thème impose Lato en !important (nav#top-menu-nav ul.mega-sub-menu ... li a) ; widget texte du footer en Montserrat */
html body.yx-revamp nav#top-menu-nav ul.mega-sub-menu li ul.mega-sub-menu li ul.mega-sub-menu li a.mega-menu-link,
html body.yx-revamp nav#top-menu-nav ul.mega-sub-menu li a.mega-menu-link,
html body.yx-revamp .et_pb_widget.widget_text :not(i):not([class*="fa-"]):not([class*="icon"]) { font-family: var(--yx-font) !important; }
html body.yx-revamp footer#main-footer .footer-widget .textwidget span,
html body.yx-revamp footer#main-footer .footer-widget .textwidget strong { font-family: var(--yx-font) !important; }
html body.yx-revamp .xoo-cp-container .product-section .theme-title,
html body.yx-revamp .product-section span.theme-title { font-family: var(--yx-font) !important; }