/* ============================================================
 * HBN by Nature — Design System (Ready.ai port)
 * Loaded site-wide via functions.php
 * Couleurs OKLCH + Cormorant Garamond + Inter + animations
 * ============================================================ */

/* === Fonts === */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

/* === Design tokens === */
:root {
	/* Brand colors */
	--hbn-primary-50: oklch(0.96 0.015 158);
	--hbn-primary-100: oklch(0.88 0.025 158);
	--hbn-primary-200: oklch(0.76 0.035 158);
	--hbn-primary-300: oklch(0.64 0.045 158);
	--hbn-primary-400: oklch(0.48 0.058 158);
	--hbn-primary-500: oklch(0.27 0.070 158);
	--hbn-primary-600: oklch(0.24 0.063 158);
	--hbn-primary-700: oklch(0.21 0.055 158);
	--hbn-primary-800: oklch(0.18 0.047 158);
	--hbn-primary-900: oklch(0.15 0.039 158);

	--hbn-accent-50: oklch(0.96 0.020 150);
	--hbn-accent-100: oklch(0.90 0.035 150);
	--hbn-accent-200: oklch(0.82 0.050 150);
	--hbn-accent-300: oklch(0.72 0.068 150);
	--hbn-accent-400: oklch(0.62 0.088 150);
	--hbn-accent-500: oklch(0.52 0.100 150);
	--hbn-accent-600: oklch(0.46 0.090 150);
	--hbn-accent-700: oklch(0.40 0.078 150);
	--hbn-accent-800: oklch(0.34 0.065 150);

	--hbn-secondary-50: oklch(0.98 0.008 85);
	--hbn-secondary-100: oklch(0.95 0.018 82);
	--hbn-secondary-200: oklch(0.90 0.030 80);
	--hbn-secondary-300: oklch(0.83 0.042 78);

	--hbn-bg-50: oklch(0.995 0.001 95);
	--hbn-bg-100: oklch(0.98 0.003 140);
	--hbn-bg-200: oklch(0.96 0.004 138);

	--hbn-fg-600: oklch(0.40 0.006 160);
	--hbn-fg-700: oklch(0.32 0.006 160);
	--hbn-fg-800: oklch(0.24 0.006 160);
	--hbn-fg-900: oklch(0.16 0.006 160);
	--hbn-fg-950: oklch(0.10 0.005 160);

	/* Typography */
	--hbn-font-heading: 'Cormorant Garamond', Georgia, serif;
	--hbn-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	/* Compatibility — legacy var names referenced in older custom CSS */
	--brand: var(--hbn-primary-500);
	--accent: var(--hbn-accent-500);
}

/* === Typography overrides — body === */
body {
	font-family: var(--hbn-font-body);
	color: var(--hbn-fg-900);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.wd-text-block,
.elementor-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
p, li, input, select, textarea {
	font-family: var(--hbn-font-body);
	color: var(--hbn-fg-900);
}
/* span/a/button intentionally NOT forced — they inherit colour from parent so buttons keep their white text on dark green */

/* === Typography overrides — headings === */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.wd-title,
.woodmart-title-container .title,
.woocommerce-products-header h1,
.product_title.entry-title,
.elementor-widget-heading .elementor-heading-title {
	font-family: var(--hbn-font-heading);
	font-weight: 500;
	letter-spacing: 0.5px;
	color: var(--hbn-fg-950);
}

/* Make H2 elegant */
.elementor-widget-heading h2.elementor-heading-title {
	font-weight: 600;
	font-size: clamp(28px, 4vw, 40px);
	line-height: 1.2;
}

/* === Buttons — Elementor / Woodmart === */
.elementor-button,
.wd-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wd-btn {
	background-color: var(--hbn-primary-500) !important;
	color: var(--hbn-bg-50) !important;
	font-family: var(--hbn-font-body);
	font-weight: 500;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	border-radius: 6px !important;
	padding: 14px 32px !important;
	transition: background-color 0.3s ease, transform 0.2s ease;
}

.elementor-button:hover,
.wd-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wd-btn:hover {
	background-color: var(--hbn-primary-600) !important;
	transform: translateY(-1px);
}

/* Force the inner text span to inherit white from the button (defeats any inherited dark color) */
.elementor-button .elementor-button-text,
.elementor-button-content-wrapper,
.elementor-button-content-wrapper span {
	color: inherit !important;
}
.elementor-button:hover .elementor-button-text {
	color: inherit !important;
}

/* === Links — default Woodmart gray (was forcing green, which was too aggressive) === */
a {
	color: var(--color-gray-500);  /* #767676 — Woodmart default */
	transition: color 0.2s ease;
}
a:hover {
	color: var(--color-gray-800);  /* #333 — subtle hover */
}

/* === Containers — section spacing (only when not set by Elementor) === */
/* Removed global rule — let Elementor's per-section padding apply.
   Was causing huge unwanted blank space in compact bars like Réassurance. */

/* === Eyebrow utility (use in HTML widgets) === */
.hbn-eyebrow {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--hbn-accent-600);
	margin-bottom: 12px;
	display: block;
}

/* === Hero overlay (NilaGlow slide) === */
.cosmetics-slider .wd-slide,
.woodmart-slide.wd-slide {
	position: relative;
}

/* ============================================================
 * SÉPARATEUR ÉDITORIAL — 2 fines lignes + lien CTA centré
 * ============================================================ */
.hbn-divider-link {
	display: flex;
	align-items: center;
	gap: 22px;
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
}
.hbn-divider-line {
	flex: 1;
	height: 1px;
	background: var(--hbn-accent-300);
}
.hbn-divider-cta {
	flex-shrink: 0;
	font-family: var(--hbn-font-body) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	color: var(--hbn-accent-700) !important;
	text-decoration: none !important;
	transition: color 0.2s ease;
	white-space: nowrap;
}
.hbn-divider-cta:hover {
	color: var(--hbn-accent-800) !important;
}

/* ============================================================
 * INTRO post-slider — paragraphe SEO + CTA + sub-line. Pas d'image.
 * (Le H1 + italic lead sont maintenant dans la slide hero 27129)
 * ============================================================ */
.hbn-intro-section {
	background-color: transparent !important;
}

/* Slide hero H1 "HBN by Nature" — override the slide widget's Satisfy script font */
.hbn-hero-h1 {
	font-family: var(--hbn-font-heading) !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: clamp(40px, 5vw, 64px) !important;
	line-height: 1.05 !important;
	letter-spacing: 0.3px !important;
	color: var(--hbn-fg-950) !important;
	white-space: nowrap;
	margin: 0 0 16px !important;
	text-align: left;
}
/* Slide subtitle (Des formules douces...) — italic Cormorant, fg-700 */
#slide-27129 .elementor-element-8b61158 .wd-text-block p,
#slide-27129 .elementor-element-da44d22 .wd-text-block p {
	font-family: var(--hbn-font-heading) !important;
	font-style: italic !important;
	font-size: 17px !important;
	line-height: 1.6 !important;
	color: var(--hbn-fg-700) !important;
	max-width: 460px;
	margin: 0 !important;
}

/* === Slide hero : réduire gap menu + texte à droite (desktop) === */
@media (min-width: 1025px) {
	/* Réduit le gap entre header et slider */
	.elementor-2637 .elementor-element.elementor-element-27e9dbc {
		--margin-top: -80px !important;
	}
	/* Image bg full-width + positionnée tout en haut */
	#slide-27129 .wd-slide-bg {
		background-size: cover !important;
		background-position: center top !important;
		background-repeat: no-repeat !important;
	}
	/* Image produit centrée horizontalement sur desktop */
	body .elementor-27129 .elementor-element.elementor-element-7163e92,
	body .elementor-27129 .elementor-element.elementor-element-78b3562,
	body .elementor-27129 .elementor-element.elementor-element-8518844 {
		left: 50% !important;
		right: auto !important;
		transform: translateX(-50%) !important;
	}
	.elementor-27129 .elementor-element-7163e92 > .elementor-widget-container,
	.elementor-27129 .elementor-element-78b3562 > .elementor-widget-container,
	.elementor-27129 .elementor-element-8518844 > .elementor-widget-container {
		margin: 0 auto !important;
	}
	/* Texte à droite : décale le bloc de contenu vers la droite */
	#slide-27129 .wd-slide-container,
	#slide-27129 .wd-slide-inner {
		justify-content: flex-end !important;
		align-items: center !important;
		padding-right: 8% !important;
	}
	#slide-27129 .elementor-element-0108793 {
		--margin-left: auto !important;
		--margin-right: 0 !important;
		--justify-content: flex-end !important;
		text-align: right !important;
	}
	#slide-27129 .hbn-hero-h1 {
		text-align: right !important;
	}
	#slide-27129 .elementor-element-8b61158 .wd-text-block p {
		text-align: right !important;
		margin-left: auto !important;
	}
}
@media (max-width: 768px) {
	.hbn-hero-h1 {
		font-size: 40px !important;
		white-space: normal;
		text-align: center !important;
	}
}

/* Mobile slide overrides — kill desktop positioning + center the content */
@media (max-width: 1024px) {
	/* Slide container centred both axes */
	#slide-27129 .wd-slide-container,
	#slide-27129 .wd-slide-inner {
		--wd-align-items: center !important;
		--wd-justify-content: center !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}
	.elementor-27129 .elementor-element.elementor-element-bfb79bf {
		--flex-direction: column !important;
		--justify-content: center !important;
		--align-items: center !important;
		text-align: center !important;
	}
	.elementor-27129 .elementor-element.elementor-element-0108793 {
		--margin-left: 0 !important;
		--margin-right: 0 !important;
		--margin-bottom: 0 !important;
		--margin-top: 0 !important;
		--width: 100% !important;
		text-align: center !important;
		align-items: center !important;
	}
	/* Mobile : image produit à droite remontée; texte caché (déplacé sous le slide par JS) */
	.elementor-27129 .elementor-element.elementor-element-a00eadb {
		display: flex !important;
		justify-content: flex-end !important;
		width: 100% !important;
		margin-top: 10px !important;
	}
	/* Hide slide H1+subtitle on mobile (JS moves a clone below the slide) */
	.elementor-27129 .elementor-element.elementor-element-0108793.hbn-hidden-mobile-moved {
		display: none !important;
	}
	/* Clone styling: appear above the intro section as a centred block */
	.hbn-mobile-hero-texts {
		text-align: center;
		padding: 32px 20px 16px;
		max-width: 100%;
	}
	.hbn-mobile-hero-texts .wd-text-block {
		text-align: center !important;
	}
	.hbn-mobile-hero-texts .wd-text-block p,
	.hbn-mobile-hero-texts .wd-text-block h1 {
		text-align: center !important;
		margin: 0 0 12px !important;
	}
	/* Text col : H1 + subtitle, centré */
	.elementor-27129 .elementor-element.elementor-element-0108793 {
		order: 1 !important;
		--margin-left: 0 !important;
		--margin-right: 0 !important;
		--margin-top: 0 !important;
		--margin-bottom: 0 !important;
		width: 100% !important;
		text-align: center !important;
	}
	.elementor-27129 .elementor-element.elementor-element-e8c1d38,
	.elementor-27129 .elementor-element.elementor-element-8b61158 {
		width: 100% !important;
		text-align: center !important;
	}
	.elementor-27129 .elementor-element.elementor-element-8b61158 .wd-text-block p {
		text-align: center !important;
		margin: 0 auto !important;
	}
	/* Image produit : à DROITE */
	.elementor-27129 .elementor-element.elementor-element-a00eadb {
		order: 2 !important;
		display: flex !important;
		justify-content: flex-end !important;
		width: 100% !important;
	}
	body .elementor-27129 .elementor-element.elementor-element-7163e92 {
		left: auto !important;
		right: 0 !important;
		top: auto !important;
		position: relative !important;
		margin-left: auto !important;
		margin-right: 0 !important;
	}
	.elementor-27129 .elementor-element.elementor-element-7163e92 img {
		max-width: 180px !important;
		margin-left: auto !important;
		margin-right: 0 !important;
		display: block;
	}
	/* Force bg image full-width cover sur mobile */
	#slide-27129 .wd-slide-bg {
		background-size: cover !important;
		background-position: center top !important;
	}
}
.hbn-intro-img-wrap {
	position: relative;
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 4px;
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 1s cubic-bezier(0.2, 0.6, 0.2, 1) 0.1s,
	            transform 1s cubic-bezier(0.2, 0.6, 0.2, 1) 0.1s;
}
body.home .elementor-element.e-con.e-parent.hbn-in-view .hbn-intro-img-wrap {
	opacity: 1;
	transform: translateY(0);
}
.hbn-intro-img-wrap img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}
@media (prefers-reduced-motion: reduce) {
	.hbn-intro-img-wrap {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

/* No more 2-col rules — single-column centred layout */

/* Text block — minimaliste : eyebrow, H1, desc italic, CTA */
.hbn-intro-text {
	max-width: 460px;
	text-align: left;
}
/* Centered variant when no image — single column intro */
.hbn-intro-text--centered {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}
.hbn-intro-text--centered .hbn-intro-h1 {
	text-align: center;
}
.hbn-intro-text--centered .hbn-intro-desc {
	max-width: 480px;
	margin-left: auto !important;
	margin-right: auto !important;
}
/* === Bloc texte full-width sous l'image, centré === */
.hbn-intro-fullwidth {
	max-width: 100%;
	text-align: center;
	margin: 0 auto;
}
.hbn-intro-cta-wrap {
	margin: 8px 0 0 !important;
}
/* Italic lead — IDENTIQUE à la description du produit star (16px italic FG_600 lh 1.7) */
.hbn-intro-lead {
	font-family: var(--hbn-font-heading) !important;
	font-size: 16px !important;
	font-style: italic !important;
	line-height: 1.7 !important;
	color: var(--hbn-fg-600) !important;
	margin: 0 0 18px !important;
}
.hbn-intro-lead em { font-style: italic; }
/* Body paragraph SEO — Inter, no italic, left-aligned */
.hbn-intro-body {
	font-family: var(--hbn-font-body) !important;
	font-style: normal !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
	color: #5a6660 !important;
	text-align: left !important;
	margin: 0 0 24px !important;
}
.hbn-intro-body strong {
	color: var(--hbn-fg-900);
	font-weight: 500;
}
/* Sub-bottom "Soin naturel · Skincare bio" — eyebrow style, centré au pied */
.hbn-intro-sub-bottom {
	font-family: var(--hbn-font-body) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.2em !important;
	text-transform: uppercase !important;
	color: var(--hbn-accent-600) !important;
	margin: 0 !important;
	text-align: center !important;
}
.hbn-intro-sub-bottom .dot {
	color: var(--hbn-accent-300);
	font-weight: 400;
	margin: 0 4px;
}
/* Description — typo IDENTIQUE à ".ps-intro" du produit star
   (Notre rituel signature) : 16px italic FG_600 line-height 1.7 */
.hbn-intro-desc {
	font-family: var(--hbn-font-heading) !important;
	font-style: italic !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: var(--hbn-fg-600) !important;
	margin: 0 0 18px !important;
}
/* CTA — taille standard du site (14px Inter 500 tracking 1.5px uppercase) */
.hbn-intro-link {
	font-size: 13px !important;
	letter-spacing: 0.15em !important;
	padding-bottom: 4px;
}
.hbn-intro-link {
	display: inline-block;
	font-family: var(--hbn-font-body) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.25em !important;
	text-transform: uppercase !important;
	color: var(--hbn-accent-700) !important;
	text-decoration: none !important;
	padding-bottom: 6px;
	border-bottom: 1.5px solid var(--hbn-accent-500);
	transition: color 0.2s ease, border-color 0.2s ease;
}
.hbn-intro-link:hover {
	color: var(--hbn-accent-800) !important;
	border-color: var(--hbn-accent-800);
}

/* Column widths: image 58%, text 42% (asymmetric editorial) */
@media (min-width: 1025px) {
	.hbn-intro-section .hbn-intro-img-col {
		flex: 0 0 58% !important;
		max-width: 58%;
	}
	.hbn-intro-section .hbn-intro-text-col {
		flex: 0 0 42% !important;
		max-width: 42%;
	}
}
@media (max-width: 1024px) {
	.hbn-intro-img-wrap { min-height: 280px; }
	.hbn-intro-h1 { font-size: 36px !important; }
	.hbn-intro-text { max-width: 100%; }
}

/* === Top bar carousel — Ready.ai-like marquee === */
.top-carousel-wrapper {
	overflow: hidden;
	width: 100%;
}
.top-carousel-track {
	display: flex !important;
	gap: 60px;
	animation: hbn-marquee 35s linear infinite;
	white-space: nowrap;
	align-items: center;
}
.top-carousel-item {
	font-family: var(--hbn-font-body) !important;
	font-size: 13px !important;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: var(--hbn-accent-800) !important;
	flex-shrink: 0;
}
@keyframes hbn-marquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

/* === Header sticky shadow softer === */
.whb-sticky-shadow.whb-sticked .whb-main-header {
	box-shadow: 0 2px 12px -4px rgba(31, 58, 46, 0.08) !important;
}

/* === Logo container = white, no border === */
.whb-row.whb-general-header {
	background-color: var(--hbn-bg-50) !important;
}

/* ============================================================
 * FOUC fix : tant que le JS n'a pas restructuré le header (desktop),
 * on cache visuellement pour éviter le flash du layout Woodmart d'origine
 * ============================================================ */
@media (min-width: 1025px) {
	/* whb-header sans la classe ajoutée par hbn-header-restructure.js */
	.whb-header:not(.hbn-header-restructured) .whb-main-header {
		visibility: hidden;
	}
}

/* ============================================================
 * Restructured header (hbn-header-restructure.js) — DESKTOP ONLY (≥1025px)
 *   - Logo LEFT  | Menu CENTER | Icons RIGHT (single sticky row)
 *   - Hidden header-bottom row
 * Mobile (<1025px) keeps default Woodmart burger + center-logo layout.
 * ============================================================ */
@media (min-width: 1025px) {
	.hbn-header-restructured .whb-row.whb-header-bottom.hbn-hidden,
	.hbn-header-restructured .hbn-hidden {
		display: none !important;
	}

	.hbn-header-restructured .whb-row.whb-general-header .whb-flex-row.whb-general-header-inner {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 32px !important;
	}

	.hbn-header-restructured .whb-row.whb-general-header .whb-col-left {
		flex: 0 0 auto !important;
		justify-content: flex-start !important;
		display: flex !important;
		align-items: center !important;
	}
	.hbn-header-restructured .whb-row.whb-general-header .whb-col-left .site-logo {
		margin: 0 !important;
	}
	.hbn-header-restructured .whb-row.whb-general-header .whb-col-left .site-logo img {
		max-width: 130px !important;
		height: auto !important;
		transition: max-width 0.3s ease;
	}

	.hbn-header-restructured .whb-row.whb-general-header .whb-col-center {
		flex: 1 1 auto !important;
		justify-content: center !important;
		display: flex !important;
		align-items: center !important;
	}
	.hbn-header-restructured .whb-row.whb-general-header .whb-col-center .wd-header-main-nav {
		margin: 0 auto !important;
	}

	.hbn-header-restructured .wd-header-main-nav .menu > li > a {
		font-family: var(--hbn-font-body) !important;
		font-size: 13px !important;
		font-weight: 500 !important;
		letter-spacing: 1.5px !important;
		text-transform: uppercase !important;
		color: var(--hbn-fg-900) !important;
		padding: 12px 18px !important;
		transition: color 0.2s ease;
	}
	.hbn-header-restructured .wd-header-main-nav .menu > li > a:hover {
		color: var(--hbn-accent-600) !important;
	}

	.hbn-header-restructured .whb-row.whb-general-header .whb-col-right {
		flex: 0 0 auto !important;
		justify-content: flex-end !important;
		display: flex !important;
		align-items: center !important;
		gap: 8px;
	}

	.hbn-header-restructured.whb-sticked .whb-row.whb-general-header .whb-col-left .site-logo img,
	.hbn-header-restructured .whb-sticked .whb-row.whb-general-header .whb-col-left .site-logo img {
		max-width: 100px !important;
	}

	.hbn-header-restructured.whb-sticked .whb-row.whb-general-header,
	.hbn-header-restructured .whb-sticked .whb-row.whb-general-header {
		background-color: var(--hbn-bg-50) !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
}

/* === Cards / containers === */
.elementor-element.e-con-boxed,
.elementor-widget-wd_infobox,
.elementor-widget-icon-box {
	border-radius: 8px;
}

/* === Fade-in on scroll (Intersection Observer) — Ready.ai style === */
body.home .elementor-element.e-con.e-parent {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),
	            transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: opacity, transform;
}
body.home .elementor-element.e-con.e-parent.hbn-in-view {
	opacity: 1;
	transform: translateY(0);
}
/* Hero is always visible — no fade-in delay above the fold */
body.home .elementor-element.e-con.e-parent:first-child {
	opacity: 1;
	transform: none;
}
/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
	body.home .elementor-element.e-con.e-parent {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

/* === Routine cards (3 étapes) — numéro en serif géant en accent pâle === */
.elementor-element[class*="step-"] .elementor-widget-text-editor p > div[style*="font-family:Georgia"] {
	font-family: var(--hbn-font-heading) !important;
	font-size: clamp(60px, 8vw, 96px) !important;
	font-weight: 300 !important;
	color: var(--hbn-accent-200) !important;
	line-height: 1 !important;
}

/* ============================================================
 * HBN Footer (custom child-theme template)
 * Bg accent-800, 2 cols + bottom row
 * Higher specificity (.wd-footer.hbn-footer) to beat Woodmart
 * ============================================================ */
.wd-footer.hbn-footer,
footer.hbn-footer {
	background-color: var(--hbn-accent-800) !important;
	color: var(--hbn-bg-50);
	padding: 64px 24px 32px;
	margin-top: 0;
}
.hbn-footer__inner {
	max-width: 1200px;
	margin: 0 auto;
}
.hbn-footer__cols {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 80px;
	padding-bottom: 48px;
}
.hbn-footer__col--brand .hbn-footer__logo {
	max-width: 130px;
	height: auto;
	margin-bottom: 24px;
	filter: brightness(0) invert(1);
}
.hbn-footer__desc {
	font-size: 14px;
	line-height: 1.7;
	color: rgba(253, 253, 250, 0.8);
	max-width: 380px;
	margin: 0;
}
.hbn-footer__heading {
	font-family: var(--hbn-font-heading);
	font-size: 20px;
	font-weight: 500;
	color: var(--hbn-bg-50);
	margin: 0 0 24px;
	letter-spacing: 0.3px;
}
.hbn-footer .hbn-footer__menu,
ul.hbn-footer__menu {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 14px !important;
}
.hbn-footer .hbn-footer__menu li,
ul.hbn-footer__menu li {
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	float: none !important;
	width: 100% !important;
}
.hbn-footer__menu a {
	color: rgba(253, 253, 250, 0.8) !important;
	text-decoration: none;
	font-size: 14px;
	transition: color 0.2s ease;
}
.hbn-footer__menu a:hover {
	color: var(--hbn-bg-50) !important;
}
.hbn-footer__bottom {
	border-top: 1px solid rgba(253, 253, 250, 0.15);
	padding-top: 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}
.hbn-footer__copy {
	font-size: 13px;
	color: rgba(253, 253, 250, 0.65);
	margin: 0;
}
.hbn-footer__payments img {
	height: 28px;
	width: auto;
	opacity: 0.9;
}

@media (max-width: 768px) {
	.hbn-footer { padding: 48px 20px 24px; }
	.hbn-footer__cols {
		grid-template-columns: 1fr;
		gap: 40px;
		padding-bottom: 32px;
	}
	.hbn-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}
}

/* === Improve product card titles on shop / archives === */
.products .product .wd-entities-title,
.products .product .wd-entities-title a,
.product-grid-item .wd-entities-title a {
	font-family: var(--hbn-font-heading);
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0;
}

/* === Desktop shop: bouton hover éloigné du bas de l'image (juste un offset, style inchangé) === */
@media (min-width: 769px) {
	.products .product .wd-product-thumb {
		padding: 12px;
		padding-bottom: 40px;
	}
	.products .product .wd-add-btn {
		bottom: 16px !important;
	}
}

/* ============================================================
 * CHECKOUT (WC Blocks) — fix layout shipping options
 *   Structure réelle :
 *   .wc-block-components-radio-control__label-group contient :
 *     - .pl-image-wrapper  (logo transporteur)
 *     - .wc-block-components-radio-control__label  (titre)
 *     - #packlink-drop-off > button  (sélection point dépôt)
 *     - .wc-block-components-radio-control__secondary-label  (prix)
 *   Tous étaient en flex inline → titre wrappait. On passe en grid 2 lignes.
 * ============================================================ */
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__label-group {
	display: grid !important;
	grid-template-columns: auto 1fr auto !important;
	grid-template-areas:
		"image  label   price"
		".      button  button";
	column-gap: 14px;
	row-gap: 8px;
	align-items: center;
	width: 100%;
}
.wc-block-components-shipping-rates-control .pl-image-wrapper {
	grid-area: image;
	display: inline-flex;
	align-items: center;
	margin: 0 !important;
}
.wc-block-components-shipping-rates-control .pl-checkout-carrier-image {
	max-height: 28px;
	width: auto;
}
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__label {
	grid-area: label;
	white-space: normal !important;
	line-height: 1.35;
	font-weight: 500;
	min-width: 0;
}
.wc-block-components-shipping-rates-control .wc-block-components-radio-control__secondary-label {
	grid-area: price;
	white-space: nowrap;
	justify-self: end;
	font-weight: 500;
	color: #1f3a2e;
}
.wc-block-components-shipping-rates-control #packlink-drop-off {
	grid-area: button;
	justify-self: start;
	margin: 0 !important;
}
.wc-block-components-shipping-rates-control #packlink-drop-off-picker.button {
	padding: 8px 18px !important;
	font-size: 12px !important;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	background-color: #1f3a2e !important;
	color: #fdfdfa !important;
	border: 0 !important;
	border-radius: 999px !important;
	min-height: auto !important;
}

/* Mobile : empile tout */
@media (max-width: 600px) {
	.wc-block-components-shipping-rates-control .wc-block-components-radio-control__label-group {
		grid-template-columns: auto 1fr !important;
		grid-template-areas:
			"image  label"
			"image  price"
			"button button";
		row-gap: 4px;
	}
	.wc-block-components-shipping-rates-control .wc-block-components-radio-control__secondary-label {
		justify-self: start;
		font-size: 13px;
	}
}

/* ============================================================
 * CART COUNTER : caché tant que le compteur n'est pas confirmé
 * par WC fragments AJAX (évite le flash "0 article" cached)
 * ============================================================ */
.wd-cart-number,
.wd-tools-count,
.hfe-cart-count,
.wpr-mini-cart-icon-count,
.elementor-button-icon[data-counter]::after {
	visibility: hidden;
}
body.hbn-cart-ready .wd-cart-number,
body.hbn-cart-ready .wd-tools-count,
body.hbn-cart-ready .hfe-cart-count,
body.hbn-cart-ready .wpr-mini-cart-icon-count,
body.hbn-cart-ready .elementor-button-icon[data-counter]::after {
	visibility: visible;
}

/* ============================================================
 * SIDE CART panel — couleurs + responsive mobile
 * Text color rgb(118,118,118), keep prices in blue.
 * Override Woodmart CSS variables (which drive .wd-entities-title color)
 * ============================================================ */
.wd-cart-side,
.cart-widget-side,
.widget_shopping_cart_content,
.wd-side .widget_shopping_cart_content,
.wd-cart-side .widget_shopping_cart_content,
.shopping-cart-widget-body,
.cart-info {
	--wd-text-color: #767676 !important;
	--wd-link-color: #767676 !important;
	--wd-link-color-hover: #555 !important;
	--wd-entities-title-color: #767676 !important;
	--wd-entities-title-color-hover: #555 !important;
	--wd-title-color: #767676 !important;
	color: #767676;
}
/* Product name in cart — real Woodmart markup uses .wd-entities-title */
.widget_shopping_cart_content .wd-entities-title,
.widget_shopping_cart_content .wd-entities-title a,
.wd-cart-side .wd-entities-title,
.wd-cart-side .wd-entities-title a,
.mini_cart_item .wd-entities-title,
.mini_cart_item .wd-entities-title a,
.widget_shopping_cart_content .product-name,
.widget_shopping_cart_content .product-name a,
.cart-info .wd-entities-title,
.cart-info .wd-entities-title a {
	color: #767676 !important;
	text-decoration: none !important;
	font-family: var(--hbn-font-body);
	font-weight: 400;
}
.widget_shopping_cart_content .wd-entities-title a:hover,
.wd-cart-side .wd-entities-title a:hover {
	color: #555 !important;
	text-decoration: none !important;
}
/* Quantity & subtotal labels */
.widget_shopping_cart_content .quantity,
.widget_shopping_cart_content .mini_cart_item .quantity,
.wd-cart-side .quantity,
.cart_list .quantity {
	color: #767676 !important;
}
/* PRICES — keep current blue (do not override) */
.widget_shopping_cart_content .amount,
.widget_shopping_cart_content .woocommerce-Price-amount,
.wd-cart-side .amount,
.wd-cart-side .woocommerce-Price-amount,
.cart_list .amount {
	/* let the existing blue come through */
}
/* Subtotal label */
.widget_shopping_cart_content .total,
.wd-cart-side .total {
	color: #767676 !important;
}
.widget_shopping_cart_content .total strong,
.wd-cart-side .total strong {
	color: #767676;
	font-weight: 600;
}

/* Mobile responsive */
@media (max-width: 768px) {
	.wd-side,
	.wd-cart-side,
	.cart-widget-side {
		width: min(92vw, 420px) !important;
		max-width: 92vw !important;
	}
	.wd-side .widget_shopping_cart,
	.wd-cart-side .widget_shopping_cart {
		padding: 16px !important;
	}
	.wd-side .wd-heading,
	.wd-cart-side .wd-heading {
		font-size: 18px;
		padding-bottom: 14px;
	}
	.widget_shopping_cart_content .mini_cart_item,
	.cart_list .mini_cart_item {
		padding: 12px 0 !important;
	}
	.widget_shopping_cart_content .product-name,
	.widget_shopping_cart_content .product-name a {
		font-size: 14px !important;
		line-height: 1.35 !important;
	}
	.wd-side .wd-cart-totals,
	.wd-cart-side .wd-cart-totals,
	.widget_shopping_cart_content .woocommerce-mini-cart__total {
		padding: 16px 0 !important;
		font-size: 15px !important;
	}
}

/* === Cart panel buttons — hierarchy + spacing === */
.wd-side .woocommerce-mini-cart__buttons,
.wd-cart-side .woocommerce-mini-cart__buttons,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	margin: 16px 0 0 !important;
	padding: 16px 0 0;
	border-top: 1px solid #eee;
}
/* "Voir le panier" = secondary (outlined) */
.wd-side .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout),
.wd-cart-side .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout),
.widget_shopping_cart_content .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) {
	background-color: transparent !important;
	color: #1f3a2e !important;
	border: 1.5px solid #1f3a2e !important;
	font-family: var(--hbn-font-body) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	padding: 12px 18px !important;
	border-radius: 999px !important;
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 !important;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.wd-side .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover,
.wd-cart-side .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover {
	background-color: #1f3a2e !important;
	color: #fdfdfa !important;
}
/* "Commander" = primary (filled) */
.wd-side .woocommerce-mini-cart__buttons .button.checkout,
.wd-cart-side .woocommerce-mini-cart__buttons .button.checkout,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons .button.checkout {
	background-color: #1f3a2e !important;
	color: #fdfdfa !important;
	border: 1.5px solid #1f3a2e !important;
	font-family: var(--hbn-font-body) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	padding: 12px 18px !important;
	border-radius: 999px !important;
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 !important;
	transition: background-color 0.2s ease;
}
.wd-side .woocommerce-mini-cart__buttons .button.checkout:hover,
.wd-cart-side .woocommerce-mini-cart__buttons .button.checkout:hover,
.widget_shopping_cart_content .woocommerce-mini-cart__buttons .button.checkout:hover {
	background-color: #163027 !important;
}

/* === Sale badge -X% : brand green via --wd-primary-color override ===
 * + hex fallback (en cas de pb avec oklch dans certains navigateurs)
 * ============================================================ */
.product-labels,
.product-label,
.product-label.onsale,
.product-label.new,
span.onsale {
	--wd-primary-color: #1f3a2e !important;
	background-color: #1f3a2e !important;
	background: #1f3a2e !important;
	color: #fdfdfa !important;
	border-color: #1f3a2e !important;
}
.product-labels.labels-rounded .product-label,
.product-labels .product-label.wd-shape-round {
	border-radius: 999px;
}

/* ============================================================
 * SHOP MOBILE — single column horizontal cards (image left + info right)
 * Layout calm-luxury adapté aux 3 produits du catalogue HBN.
 * ============================================================ */
@media (max-width: 768px) {
	/* Breadcrumbs compact */
	.woocommerce-breadcrumb,
	.shop-loop-head .woocommerce-breadcrumb {
		font-size: 12px !important;
		padding: 8px 0 !important;
	}
	.shop-loop-head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 16px !important;
		padding-bottom: 12px;
		border-bottom: 1px solid var(--hbn-bg-200);
	}

	/* PRODUCTS LIST = single column */
	.products.elementor-grid,
	.products.wd-grid-g,
	.products .wd-grid-g {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		--wd-col-sm: 1 !important;
		--wd-col-xs: 1 !important;
	}
	.products .product.wd-product {
		display: block !important;
		padding: 18px 0 !important;
		margin: 0 !important;
		border-bottom: 1px solid var(--hbn-bg-200);
		max-width: 100% !important;
		width: 100% !important;
		flex: none !important;
	}
	.products .product.wd-product:last-child {
		border-bottom: 0;
	}

	/* THE CARD INTERIOR = grid : photo & infos en haut, cart sur ligne dédiée en-dessous */
	.products .product .wd-product-wrapper {
		display: grid !important;
		grid-template-columns: 130px 1fr !important;
		grid-template-areas:
			"thumb title"
			"thumb price"
			"cart  cart";
		grid-template-rows: auto auto auto;
		column-gap: 20px;
		row-gap: 10px;
		align-items: start;
	}
	/* display:contents on .wd-product-thumb so children participate in parent grid */
	.products .product .wd-product-thumb {
		display: contents !important;
	}
	/* The image link wrapper takes the thumb area */
	.products .product .product-image-link {
		grid-area: thumb;
		position: relative;
		margin: 0 !important;
	}

	/* Hide category link */
	.products .product .wd-product-cats {
		display: none !important;
	}
	.products .product .product-image-link {
		display: block;
		padding: 0 !important;
		margin: 0 !important;
	}
	.products .product .product-image-link img {
		width: 100% !important;
		max-width: 130px;
		height: auto !important;
		max-height: 150px;
		object-fit: contain;
	}

	/* Sale badge over image, top-left */
	.products .product .product-labels {
		position: absolute;
		top: 4px;
		left: 4px;
		max-width: 60% !important;
		z-index: 3;
	}
	.product-label,
	.product-label.wd-shape-round,
	span.onsale {
		min-width: 32px !important;
		min-height: 32px !important;
		font-size: 10px !important;
		padding: 4px 6px !important;
	}

	/* Add-to-cart : ligne dédiée full-width sous l'image et le texte, right-aligned */
	.products .product .wd-add-btn {
		grid-area: cart;
		position: static !important;
		display: flex;
		justify-content: flex-end;
		width: 100%;
		margin: 24px 0 0 !important;  /* GROS écart avec la photo / le prix */
		padding-top: 8px;
		border-top: 1px solid var(--hbn-bg-200);  /* séparation visuelle subtile */
	}
	.products .product .wd-add-btn > a {
		min-width: 80px !important;
		min-height: 40px !important;
		width: auto !important;
		height: 40px !important;
		padding: 0 18px !important;
		border-radius: 999px;
		background-color: #1f3a2e !important;
		color: #fdfdfa !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
	}
	.products .product .wd-add-btn .wd-action-text {
		display: none;
	}
	.products .product .wd-add-btn .wd-action-icon {
		font-size: 16px;
	}

	/* Hide compare/quickview hover buttons on mobile */
	.products .product .wd-buttons {
		display: none !important;
	}

	/* Info: title, cats, price */
	.products .product .wd-entities-title {
		grid-area: title;
		margin: 0 !important;
	}
	.products .product .wd-entities-title a {
		font-family: var(--hbn-font-heading);
		font-size: 16px !important;
		line-height: 1.25 !important;
		font-weight: 500;
		color: var(--hbn-fg-950);
		text-align: left;
		display: block;
	}
	.products .product .wd-product-cats {
		grid-area: cats;
		margin: 2px 0 0 !important;
	}
	.products .product .wd-product-cats a {
		font-family: var(--hbn-font-body);
		font-size: 11px !important;
		font-weight: 500;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: var(--hbn-accent-600) !important;
		text-decoration: none;
	}
	.products .product .price {
		grid-area: price;
		margin: 6px 0 0 !important;
		font-size: 14px !important;
		text-align: left !important;
		line-height: 1.2;
	}
	.products .product .price del {
		font-size: 12px !important;
		opacity: 0.5;
		margin-right: 8px;
	}
	.products .product .price ins {
		text-decoration: none;
		color: #1f3a2e;
		font-weight: 600;
	}
	.products .product .price .amount {
		color: #1f3a2e;
		font-weight: 600;
	}

	/* Page banner title (Boutique) — flatter, less ornament */
	.page-title-default .page-title,
	.woocommerce-products-header h1 {
		font-size: 22px !important;
		padding: 16px 20px !important;
		min-height: 0 !important;
	}
}

/* === Image rounded corners (subtle DNVB style) === */
.wd-image-or-svg img,
.elementor-widget-image img,
.products .product img {
	border-radius: 6px;
}

/* === Whb header border subtle === */
.whb-row.whb-border-fullwidth {
	border-color: var(--hbn-bg-200) !important;
}

/* === Fix small responsive issues === */
@media (max-width: 768px) {
	.elementor-widget-heading h2.elementor-heading-title {
		font-size: 28px;
	}
	.elementor-button {
		padding: 12px 24px !important;
		font-size: 13px;
	}
}

/* ============================================================
 * Ready.ai port specifics — eyebrow, pills, FAQ accordion
 * ============================================================ */

/* FAQ accordion (Ready.ai style) */
.hbn-faq-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.hbn-faq-item {
	border: 1px solid oklch(0.92 0.005 140);
	border-radius: 8px;
	overflow: hidden;
	background-color: var(--hbn-bg-50);
	transition: background-color 0.2s ease;
}
.hbn-faq-item:hover { background-color: var(--hbn-bg-100); }
.hbn-faq-item summary {
	cursor: pointer;
	padding: 16px 24px;
	font-family: var(--hbn-font-body);
	font-size: 14px;
	font-weight: 500;
	color: var(--hbn-fg-900);
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;
	gap: 16px;
}
.hbn-faq-item summary::-webkit-details-marker { display: none; }
.hbn-faq-icon {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--hbn-accent-500);
	font-size: 22px;
	font-weight: 300;
	transition: transform 0.3s ease;
}
.hbn-faq-item[open] .hbn-faq-icon { transform: rotate(45deg); }
.hbn-faq-answer {
	padding: 0 24px 18px;
	font-size: 14px;
	color: var(--hbn-fg-600);
	line-height: 1.65;
}

/* Routine number — DNVB style giant serif accent pâle */
.hbn-routine-num {
	font-family: var(--hbn-font-heading) !important;
}

/* Ensure h2 Cormorant rendering on Elementor headings */
.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title {
	font-family: var(--hbn-font-heading) !important;
}

/* === Coffret image card — sans cadre blanc, sans ombre (image PNG transparent) === */
.hbn-coffret-img-card {
	background-color: transparent !important;
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important;
}
.hbn-coffret-img-card .elementor-widget-image {
	width: 100%;
}

/* === Product image card (rituel signature / cascade crème)
 *    matches Ready.ai exactly: oklch(0.98 0.003 140)
 *    constrained max-width + image fully centered (both axes) === */
.hbn-product-img-card {
	background-color: var(--hbn-bg-100) !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 2px rgba(31, 58, 46, 0.04);
	max-width: 360px !important;
	min-height: 360px;
	margin-inline: auto !important;
	padding: 28px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}
.hbn-product-img-card .elementor-widget-image {
	width: auto !important;
	max-width: 100%;
	margin: 0 auto !important;
	display: flex;
	justify-content: center;
}
.hbn-product-img-card .elementor-widget-image img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

/* === Promise cards — subtle green-tinted bg (vs cream) === */
.hbn-promise-card {
	background-color: oklch(0.96 0.012 150) !important;
	border: 1px solid oklch(0.93 0.018 150);
	box-shadow: 0 1px 3px rgba(31, 58, 46, 0.03);
}

/* === Nila image — no bg padding === */
.hbn-nila-img-col {
	background-color: transparent !important;
	border-radius: 0 !important;
	padding: 0 !important;
}
.hbn-nila-img-col .elementor-widget-image img {
	width: 100% !important;
	height: auto;
	max-width: 520px;
	border-radius: 8px;
}

/* === Routine section — full-width green bg === */
.hbn-routine-section {
	background-color: var(--hbn-secondary-50) !important;
}

/* === Force home compact spacing on header sticky scroll === */
body.home .e-con.e-parent {
	padding-top: var(--padding-block-start, 60px);
	padding-bottom: var(--padding-block-end, 60px);
}

/* === Product zoom lightbox (PhotoSwipe) : fond blanc au lieu de noir === */
/* PhotoSwipe v5 utilise --pswp-bg comme couleur de fond */
.pswp {
	--pswp-bg: #ffffff !important;
	background: #ffffff !important;
}
.pswp__bg {
	background: #ffffff !important;
	opacity: 1 !important;
}
.pswp__scroll-wrap,
.pswp__container,
.pswp__item {
	background: #ffffff !important;
}
/* Pendant l'animation d'ouverture (--pswp-bg passe par opacity 0 → 1) */
.pswp--open,
.pswp--animating,
.pswp--zoom-allowed,
.pswp--initial,
.pswp--visible {
	background: #ffffff !important;
}
/* Contrôles UI : sombres pour rester visibles sur fond blanc */
.pswp__button,
.pswp__counter,
.pswp__caption__center,
.pswp__top-bar {
	color: #1f3a2e !important;
}
.pswp__button {
	filter: invert(1) brightness(0.4);
}
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
	background-color: rgba(31, 58, 46, 0.08) !important;
}
.pswp__top-bar {
	background-color: rgba(0, 0, 0, 0.03) !important;
}
/* Woodmart magnifier zoom (hover sur fiche produit) */
.wd-zoom-container .zoomLens,
.wd-zoom-container .zoomWindow {
	background-color: #ffffff !important;
	border-color: rgba(0, 0, 0, 0.08) !important;
}

/* === Mini-cart : lien uniquement sur le titre du produit === */
.mini_cart_item .hbn-mini-cart-title-link {
	color: var(--hbn-accent-600, #1f3a2e);
	text-decoration: none;
	font-weight: 500;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}
.mini_cart_item .hbn-mini-cart-title-link:hover,
.mini_cart_item .hbn-mini-cart-title-link:focus {
	color: var(--hbn-accent-700, #163a25);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
/* L'image n'est plus un lien → assure un curseur normal */
.mini_cart_item .cart-item-image {
	cursor: default;
}
/* Désactive le wd-fill résiduel (sécurité si Woodmart re-cache l'overlay) */
.mini_cart_item > a.cart-item-link.wd-fill {
	display: none !important;
	pointer-events: none !important;
}