/**
 * Face of Earth Cosmetics — luxury header
 * Cream + gold, visible desktop nav, no cloned Laila black/pink bar.
 */

:root {
	--foe-ivory: #f8f4ec;
	--foe-ivory-deep: #efe8dc;
	--foe-ink: #1c1916;
	--foe-gold: #a67c33;
	--foe-gold-soft: #c4a35a;
	--foe-muted: #6b6258;
	--btn-accented-bgcolor: #a67c33;
	--btn-accented-color: #fff;
	--wd-primary-color: #a67c33;
	--e-global-color-primary: #a67c33;
}

/* Desktop only — one-row luxury header: logo | nav | tools */
@media (min-width: 1025px) {
	.whb-header .whb-main-header,
	.whb-header.whb-sticked .whb-main-header {
		display: grid !important;
		grid-template-columns: minmax(140px, 180px) minmax(0, 1fr) auto;
		grid-template-areas:
			"top top top"
			"logo nav tools";
		align-items: center;
		column-gap: 8px;
		row-gap: 0;
		padding: 0 18px 0;
		background: var(--foe-ivory) !important;
		border-bottom: 1px solid rgba(166, 124, 51, 0.22) !important;
	}

	.whb-header .whb-row.whb-top-bar,
	.whb-header .whb-row.whb-top-bar.whb-with-bg {
		grid-area: top;
		width: auto !important;
		max-width: none !important;
		margin: 0 -28px !important;
	}

	.whb-header .whb-row.whb-general-header,
	.whb-header .whb-row.whb-general-header > .container,
	.whb-header .whb-row.whb-general-header .whb-flex-row,
	.whb-header .whb-row.whb-header-bottom,
	.whb-header .whb-row.whb-header-bottom:has(.whb-empty-column),
	.whb-header .whb-row.whb-header-bottom:has(.wd-header-nav),
	.whb-header .whb-row.whb-header-bottom.whb-hidden-mobile,
	.whb-header.whb-sticked .whb-row.whb-header-bottom,
	.whb-header.whb-sticked .whb-row.whb-header-bottom.whb-not-sticky-row,
	.whb-header .whb-row.whb-header-bottom > .container,
	.whb-header .whb-row.whb-header-bottom .whb-flex-row {
		display: contents !important;
		visibility: visible !important;
		height: auto !important;
		min-height: 0 !important;
		width: auto !important;
		max-width: none !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		background: transparent !important;
		overflow: visible !important;
	}

	.whb-header .whb-general-header .whb-col-left.whb-visible-lg {
		grid-area: logo;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		width: auto !important;
		max-width: 180px !important;
		min-height: 72px !important;
		flex: 0 0 auto !important;
	}

	.whb-header .whb-header-bottom .whb-col-left.whb-visible-lg,
	.whb-header .wd-header-main-nav,
	.whb-header .wd-header-nav {
		grid-area: nav;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
	}

	.whb-header .whb-general-header .whb-col-right.whb-visible-lg {
		grid-area: tools;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 2px !important;
		width: auto !important;
		max-width: none !important;
		min-height: 84px !important;
	}

	.whb-header .whb-general-header .whb-col-center,
	.whb-header .whb-general-header .whb-mobile-left,
	.whb-header .whb-general-header .whb-mobile-center,
	.whb-header .whb-general-header .whb-mobile-right,
	.whb-header .whb-header-bottom .whb-col-center,
	.whb-header .whb-header-bottom .whb-col-right,
	.whb-header .whb-header-bottom .whb-col-mobile,
	.whb-header .whb-header-nav .wd-header-mobile-nav,
	.whb-header .wd-header-cart.wd-design-5,
	.whb-header .wd-nav-main > li:has(> a[href*="privacy-policy"]),
	.whb-header .wd-nav-main > li:has(> a[href*="about-us"]),
	.whb-header .wd-nav-main > li:has(> a[href*="/contact"]) {
		display: none !important;
	}

	.whb-header .wd-logo img,
	.whb-header .site-logo img,
	.whb-header .wd-header-logo img {
		height: 48px !important;
		max-width: 170px !important;
	}

	.whb-header .wd-nav-main,
	.whb-header .menu.wd-nav-main {
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 0 !important;
		width: auto !important;
		max-width: 100% !important;
	}

	.whb-header .wd-nav-main > li > a,
	.whb-header .wd-header-nav > ul > li > a {
		color: var(--foe-ink) !important;
		font-size: 10px !important;
		letter-spacing: 0.04em !important;
		text-transform: uppercase !important;
		font-weight: 500 !important;
		padding: 8px 6px !important;
		background: transparent !important;
		white-space: nowrap !important;
		position: relative !important;
		line-height: 1.2 !important;
	}

	.whb-header .wd-nav-main > li > a::after {
		content: "";
		position: absolute;
		left: 6px;
		right: 6px;
		bottom: 4px;
		height: 1px;
		background: var(--foe-gold);
		transform: scaleX(0);
		transform-origin: center;
		transition: transform 0.2s ease;
	}

	.whb-header .wd-nav-main > li > a:hover::after,
	.whb-header .wd-nav-main > li.current-menu-item > a::after,
	.whb-header .wd-nav-main > li.current-menu-ancestor > a::after {
		transform: scaleX(1);
	}

	.whb-header .wd-nav-main > li > a:hover,
	.whb-header .wd-nav-main > li.current-menu-item > a,
	.whb-header .wd-header-nav > ul > li > a:hover {
		color: var(--foe-gold) !important;
	}
}

@media (min-width: 1025px) and (max-width: 1400px) {
	.whb-header .wd-nav-main > li > a,
	.whb-header .wd-header-nav > ul > li > a {
		padding: 8px 4px !important;
		font-size: 10px !important;
		letter-spacing: 0.02em !important;
	}

	.whb-header .wd-nav-main > li > a::after {
		left: 4px;
		right: 4px;
	}

	.whb-header .whb-main-header,
	.whb-header.whb-sticked .whb-main-header {
		grid-template-columns: minmax(120px, 150px) minmax(0, 1fr) auto;
		padding: 0 12px 0;
	}

	.whb-header .whb-row.whb-top-bar,
	.whb-header .whb-row.whb-top-bar.whb-with-bg {
		margin: 0 -12px !important;
	}
}

.whb-header,
.whb-header .whb-main-header,
.whb-header .whb-general-header,
.whb-header .whb-sticky-row,
.whb-header.whb-sticked .whb-main-header {
	background: var(--foe-ivory) !important;
	background-color: var(--foe-ivory) !important;
	border-color: rgba(166, 124, 51, 0.18) !important;
	color: var(--foe-ink) !important;
	box-shadow: none !important;
}

.whb-header.whb-sticked .whb-main-header {
	box-shadow: 0 8px 24px rgba(28, 25, 22, 0.08) !important;
}

/* Slim top bar — brand line, not clone placeholder */
.whb-header .whb-row.whb-top-bar,
.whb-header .whb-row.whb-top-bar.whb-with-bg {
	background: var(--foe-ink) !important;
	background-color: var(--foe-ink) !important;
	min-height: 34px !important;
	height: 34px !important;
	border: none !important;
	overflow: hidden !important;
	position: relative !important;
}

.whb-header .whb-top-bar .wd-header-text:not(.foe-marquee-host),
.whb-header .whb-top-bar .whb-col-left .wd-header-text {
	display: none !important;
}

.whb-header .whb-top-bar .foe-marquee-host {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	height: 34px !important;
	z-index: 6 !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none;
	display: block !important;
	width: 100% !important;
	overflow: hidden !important;
	white-space: nowrap !important;
	line-height: 34px !important;
}

.whb-header .whb-top-bar .foe-marquee-host strong,
.whb-header .whb-top-bar .foe-marquee__track strong {
	color: var(--foe-gold-soft) !important;
	font-size: 11px !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
}

.whb-header .whb-top-bar .foe-marquee {
	display: block;
	width: 100%;
	overflow: hidden;
}

.whb-header .whb-top-bar .foe-marquee__track {
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	animation: foe-top-marquee 28s linear infinite;
	will-change: transform;
}

.whb-header .whb-top-bar .foe-marquee__track strong {
	flex: 0 0 auto;
	padding-right: 3.2em;
}

.leila-bella-pdp .foe-pdp-acc .accordion__title {
	font-size: 15px !important;
	letter-spacing: 0.04em !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: var(--foe-ink) !important;
}

@keyframes foe-top-marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.whb-header .whb-top-bar .foe-marquee__track {
		animation: none;
	}
}

.whb-header .whb-top-bar .wd-social-icons,
.whb-header .whb-top-bar .whb-col-right {
	display: none !important;
}

.whb-header .whb-top-bar .whb-col-left {
	width: 100% !important;
	max-width: 100% !important;
	flex: 1 1 100% !important;
	text-align: center !important;
	justify-content: center !important;
}

.whb-header .whb-top-bar .container,
.whb-header .whb-top-bar .whb-flex-row {
	justify-content: center !important;
}

/* Main row */
.whb-header .whb-general-header {
	border-bottom: none !important;
	min-height: 88px !important;
}

.whb-header .whb-general-header .container {
	max-width: 1280px;
}

.whb-header .wd-logo a,
.whb-header .site-logo a,
.whb-header .wd-header-logo a {
	background: none !important;
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	min-width: 0;
	min-height: 0;
}

.whb-header .wd-logo img,
.whb-header .site-logo img,
.whb-header .wd-header-logo img {
	opacity: 1 !important;
	height: 76px !important;
	width: auto !important;
	max-width: 280px !important;
	object-fit: contain !important;
	filter: none !important;
	background: transparent !important;
	mix-blend-mode: multiply;
}

/* Tools: dark icons on cream, hide R0.00 */
.whb-header .wd-tools-element > a,
.whb-header .wd-tools-element > a:hover {
	color: var(--foe-ink) !important;
	background: transparent !important;
}

.whb-header .wd-tools-icon {
	color: var(--foe-ink) !important;
}

.whb-header .wd-header-search .wd-tools-icon,
.whb-header .wd-header-wishlist .wd-tools-icon,
.whb-header .wd-header-cart .wd-tools-icon,
.whb-header .wd-header-my-account .wd-tools-icon,
.whb-header .whb-mobile-right .wd-tools-icon {
	width: 22px !important;
	height: 22px !important;
	min-width: 22px !important;
	min-height: 22px !important;
	max-width: 22px !important;
	max-height: 22px !important;
	font-size: 0 !important;
	line-height: 0 !important;
	color: transparent !important;
	filter: none !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 22px 22px !important;
}

.whb-header .wd-header-search .wd-tools-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1916' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") !important;
}

.whb-header .wd-header-wishlist .wd-tools-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1916' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E") !important;
}

.whb-header .wd-header-my-account .wd-tools-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1916' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5.2 19c.9-3.1 3.4-4.8 6.8-4.8s5.9 1.7 6.8 4.8'/%3E%3C/svg%3E") !important;
}

.whb-header .wd-header-cart .wd-tools-icon,
.whb-header .wd-header-cart .wd-tools-icon.wd-icon-alt {
	color: transparent !important;
	text-indent: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1916' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1.1 12.2a1 1 0 0 1-1 .8H8.1a1 1 0 0 1-1-.8L6 8z'/%3E%3Cpath d='M9 8V7a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E") !important;
}

.whb-header .wd-header-search > a,
.whb-header .wd-header-wishlist > a,
.whb-header .wd-header-my-account > a,
.whb-header .wd-header-cart > a {
	position: relative !important;
	width: 44px !important;
	height: 44px !important;
	min-width: 44px !important;
	min-height: 44px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.whb-header .wd-header-cart .wd-tools-count,
.whb-header .wd-header-cart .wd-cart-number {
	position: absolute !important;
	top: 4px !important;
	right: 4px !important;
	left: auto !important;
	background: var(--foe-gold) !important;
	color: #fff !important;
	min-width: 16px !important;
	height: 16px !important;
	padding: 0 4px !important;
	font-size: 10px !important;
	line-height: 16px !important;
	border-radius: 999px !important;
	text-align: center !important;
	filter: none !important;
}

@media (min-width: 1025px) {
	.whb-header .wd-header-mobile-nav .wd-tools-icon {
		filter: invert(1) !important; /* white burger SVG → dark on cream */
	}
}

.whb-header .wd-tools-text,
.whb-header .wd-header-cart .wd-cart-subtotal,
.whb-header .wd-header-wishlist .wd-tools-text {
	display: none !important;
}

.whb-header .wd-tools-count,
.whb-header .wd-cart-number,
.whb-header .wd-header-cart .wd-cart-number.wd-tools-count {
	background: var(--foe-gold) !important;
	background-color: var(--foe-gold) !important;
	color: #fff !important;
	border: none !important;
	min-width: 16px;
	height: 16px;
	font-size: 10px !important;
	line-height: 16px !important;
	font-weight: 600 !important;
}

.whb-header .wd-cart-number span {
	display: none !important;
}

.whb-header .wd-header-cart.foe-cart-empty .wd-tools-count,
.whb-header .wd-header-cart.foe-cart-empty .wd-cart-number {
	display: none !important;
}

/* Dropdowns (desktop + leftover cloned menus) */

.whb-header .wd-dropdown-menu,
.whb-header .wd-dropdown {
	background: #fff !important;
	border: 1px solid rgba(166, 124, 51, 0.2) !important;
	box-shadow: 0 16px 40px rgba(28, 25, 22, 0.1) !important;
}

.whb-header .wd-sub-menu a {
	color: var(--foe-ink) !important;
	font-size: 13px !important;
	letter-spacing: 0.02em !important;
}

.whb-header .wd-sub-menu a:hover {
	color: var(--foe-gold) !important;
	background: var(--foe-ivory) !important;
}

/* Duplicate pink homepage bar — message now lives in the top bar */
.utility-bar.leila-powder-announcement {
	display: none !important;
}

/* Mobile header — same layout as pos-qatar.com: menu | logo | search + bag */
@media (max-width: 1024px) {
	.whb-header .whb-row.whb-header-bottom,
	.whb-header .whb-row.whb-header-bottom:has(.whb-empty-column),
	.whb-header .whb-row.whb-header-bottom:has(.wd-header-nav),
	.whb-header .whb-row.whb-header-bottom.whb-hidden-mobile {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
	}

	.whb-header,
	.whb-header .whb-main-header,
	.whb-header .whb-general-header,
	.whb-header .whb-sticky-row,
	.whb-header.whb-sticked .whb-main-header {
		background: var(--foe-ivory) !important;
		background-color: var(--foe-ivory) !important;
		border: none !important;
		box-shadow: none !important;
		color: var(--foe-ink) !important;
		border-bottom: 1px solid rgba(166, 124, 51, 0.18) !important;
	}

	.whb-header .whb-general-header {
		min-height: 78px !important;
		height: 78px !important;
		border-bottom: none !important;
	}

	.whb-header .whb-general-header .container {
		max-width: 100% !important;
		width: 100% !important;
		padding-left: 8px !important;
		padding-right: 8px !important;
		height: 78px !important;
	}

	.whb-header .whb-general-header .whb-flex-row,
	.whb-header .whb-general-header-inner {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		flex-wrap: nowrap !important;
		height: 78px !important;
		min-height: 78px !important;
		width: 100% !important;
	}

	.whb-header .whb-general-header .whb-col-left.whb-visible-lg,
	.whb-header .whb-general-header .whb-col-center.whb-visible-lg {
		display: none !important;
	}

	.whb-header .whb-general-header .whb-mobile-left {
		display: flex !important;
		order: 1;
		flex: 0 0 48px !important;
		width: 48px !important;
		max-width: 48px !important;
		justify-content: flex-start !important;
		align-items: center !important;
	}

	.whb-header .whb-general-header .whb-mobile-center {
		display: flex !important;
		order: 2;
		flex: 1 1 auto !important;
		width: auto !important;
		max-width: none !important;
		justify-content: center !important;
		align-items: center !important;
		transform: translateX(16px);
	}

	.whb-header .whb-general-header .whb-col-right.whb-visible-lg {
		display: flex !important;
		order: 3;
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
		justify-content: flex-end !important;
		align-items: center !important;
		gap: 0 !important;
	}

	.whb-header .whb-general-header .whb-mobile-right {
		display: flex !important;
		order: 4;
		flex: 0 0 48px !important;
		width: 48px !important;
		max-width: 48px !important;
		justify-content: flex-end !important;
		align-items: center !important;
	}

	.whb-header .whb-col-right .wd-header-my-account,
	.whb-header .whb-col-right .wd-header-wishlist,
	.whb-header .whb-col-right .wd-header-cart {
		display: none !important;
	}

	.whb-header .whb-col-right .wd-header-search {
		display: flex !important;
		width: 44px !important;
	}

	.whb-header .whb-mobile-center .site-logo,
	.whb-header .whb-mobile-center .wd-logo,
	.whb-header .whb-mobile-center .wd-main-logo {
		overflow: visible !important;
		height: auto !important;
		max-height: none !important;
	}

	.whb-header .wd-logo img,
	.whb-header .site-logo img,
	.whb-header .wd-header-logo img,
	.whb-header .whb-mobile-center img {
		height: 70px !important;
		width: auto !important;
		max-width: 240px !important;
		max-height: 70px !important;
		object-fit: contain !important;
		filter: none !important;
		opacity: 1 !important;
		background: transparent !important;
		mix-blend-mode: multiply;
	}

	.whb-header .wd-tools-element > a,
	.whb-header .wd-tools-element > a:hover {
		color: var(--foe-ink) !important;
		background: transparent !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
		padding: 0 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	.whb-header .wd-tools-icon {
		color: var(--foe-ink) !important;
		font-size: 0 !important;
		line-height: 0 !important;
		width: 22px !important;
		height: 22px !important;
		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: contain !important;
	}

	.whb-header .wd-header-mobile-nav .wd-tools-icon {
		filter: invert(1) !important;
	}

	.whb-header .wd-header-cart .wd-tools-icon {
		position: relative !important;
	}

	.whb-header .wd-tools-count,
	.whb-header .wd-cart-number,
	.whb-header .wd-header-cart .wd-cart-number.wd-tools-count {
		position: absolute !important;
		top: -6px !important;
		right: -8px !important;
		left: auto !important;
		background: var(--foe-gold) !important;
		color: #fff !important;
		min-width: 16px !important;
		height: 16px !important;
		padding: 0 4px !important;
		font-size: 10px !important;
		line-height: 16px !important;
		border-radius: 999px !important;
		text-align: center !important;
		filter: none !important;
	}

	.whb-header .wd-tools-text,
	.whb-header .wd-header-mobile-nav .wd-tools-text,
	.whb-header .wd-header-cart .wd-cart-subtotal {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		display: block !important;
	}
}

/* Homepage hero: 3-image slider, responsive 16:9 / 4:5 */
#shopify-section-template--22359777837293__video_banner_Vjf7Pw,
#video-container-template--22359777837293__video_banner_Vjf7Pw,
#shopify-section-template--22359777837293__video_banner_Vjf7Pw .banner,
#shopify-section-template--22359777837293__video_banner_Vjf7Pw .video-section,
#shopify-section-template--22359777837293__video_banner_Vjf7Pw .deferred-media {
	position: relative !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	overflow: hidden !important;
	background: #f3eee6 !important;
}
#video-container-template--22359777837293__video_banner_Vjf7Pw {
	aspect-ratio: 16 / 9;
	max-height: min(78vh, 820px);
}
@media (max-width: 768px) {
	#video-container-template--22359777837293__video_banner_Vjf7Pw {
		aspect-ratio: 4 / 5;
		max-height: min(72vh, 640px);
	}
}
#video-container-template--22359777837293__video_banner_Vjf7Pw video,
#video-container-template--22359777837293__video_banner_Vjf7Pw > img {
	display: none !important;
}
.foe-hero-slider,
.foe-hero-slider__track,
.foe-hero-slide,
.foe-hero-slide picture {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
.foe-hero-slider {
	z-index: 1;
}
.foe-hero-slide {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.95s ease, visibility 0.95s ease;
}
.foe-hero-slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
.foe-hero-slide img.foe-hero-products {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center 72%;
	transform: none;
}
.foe-hero-slide--products img,
.foe-hero-slide--gels img,
.foe-hero-slide--essentials img {
	object-position: center 72%;
	transform-origin: 50% 72%;
}
.foe-hero-slide.is-active img.foe-hero-products {
	animation: none;
}
@media (min-width: 769px) {
	.foe-hero-slide.is-active img.foe-hero-products {
		animation: foe-hero-zoom-in 6.4s ease-out forwards;
	}
}
@keyframes foe-hero-zoom-in {
	from {
		transform: scale(1.01);
	}
	to {
		transform: scale(1.05);
	}
}
.foe-hero-slider__nav,
.foe-hero-slider__dots,
.foe-hero-slider__dot {
	display: none !important;
}
@media (max-width: 768px) {
	.foe-hero-slide.is-active img.foe-hero-products {
		animation: none;
		transform: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	.foe-hero-slide {
		transition: none;
	}
	.foe-hero-slide.is-active img.foe-hero-products {
		animation: none;
		transform: none;
	}
}

#shopify-section-template--22359777837293__image_banner_WiCL3A,
#Banner-template--22359777837293__image_banner_WiCL3A {
	overflow: hidden !important;
	background: #f3eee6 !important;
}

#Banner-template--22359777837293__image_banner_WiCL3A .banner__media,
#Banner-template--22359777837293__image_banner_WiCL3A img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center 68% !important;
}

@media (max-width: 768px) {
	#Banner-template--22359777837293__image_banner_WiCL3A .banner__media,
	#Banner-template--22359777837293__image_banner_WiCL3A {
		min-height: 420px !important;
	}
	#Banner-template--22359777837293__image_banner_WiCL3A img {
		object-position: center 72% !important;
	}
}

#shopify-section-template--22359777837293__video_banner_aQNmcW,
#video-container-template--22359777837293__video_banner_aQNmcW,
#shopify-section-template--22359777837293__sp_video_banner_2_NMWUBe,
#sp-template--22359777837293__sp_video_banner_2_NMWUBe,
#sp-template--22359777837293__sp_video_banner_2_NMWUBe .sp-cover,
#sp-template--22359777837293__sp_video_banner_2_NMWUBe .sp-container,
[id*="sp_video_banner_2_NMWUBe"],
[id*="sp_video_banner_2_NMWUBe"] .sp-cover,
[id*="sp_video_banner_2_NMWUBe"] .sp-container,
#shopify-section-template--22359777837293__video_banner_xMRaBf,
#video-container-template--22359777837293__video_banner_xMRaBf {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	max-height: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
}

.leila-bella-home-wrap .shopify-section-group-footer-group,
.leila-bella-home-wrap #shopify-section-footer,
.leila-bella-home-wrap footer.footer,
#shopify-section-template--22359777837293__footer {
	display: none !important;
}

/* Hide Click to Chat / WhatsApp FAB */
#ht-ctc-chat,
.ht_ctc_chat_style,
.ht-ctc,
.ht-ctc-chat,
.ctc_s_3,
.ht_ctc_style {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

/* Leftover clone tracker — keep the account button, hide the rest of the old widget chrome */
#tlh-track-page .tlhp-body > *:not(.tlhp-wrap),
#tlh-track-page .tlhp-wrap > *:not(.tlhp-cta),
#tlh-track-page .tlhp-contact,
.tlhp-contact,
.tlhp-contact__item {
	display: none !important;
}

.foe-track-page {
	max-width: 640px;
	margin: 24px auto 64px;
	padding: 0 20px;
	color: var(--foe-ink);
}
.foe-track-page h1 {
	font-size: 28px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	margin: 0 0 12px;
}
.foe-track-page ol {
	margin: 16px 0 20px;
	padding-left: 20px;
}
.foe-account-btn,
a.foe-account-btn,
a.tlhp-btn,
.woocommerce-form-track-order .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 210px;
	height: 48px;
	padding: 0 22px !important;
	background: var(--foe-gold) !important;
	color: #fff !important;
	border: none !important;
	border-radius: 2px !important;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
.foe-account-btn:hover,
a.tlhp-btn:hover,
.woocommerce-form-track-order .button:hover {
	background: #8d6829 !important;
	color: #fff !important;
}

.custom-logo-link img,
img.custom-logo,
.wd-logo img,
.site-logo img,
.wd-header-logo img {
	filter: none !important;
	opacity: 1 !important;
}

img.leila-footer__logo,
.leila-footer__logo-link img {
	display: none !important;
}

.leila-footer__name {
	display: inline-block;
	white-space: nowrap;
	font-size: clamp(12px, 3.7vw, 18px);
	line-height: 1.2;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--foe-ink) !important;
	max-width: none;
}
.leila-footer__logo-link {
	text-decoration: none !important;
	border: none !important;
}
.leila-footer__logo-link:hover .leila-footer__name {
	color: var(--foe-gold) !important;
}

.leila-footer__social {
	display: none !important;
}

footer .wd-logo img,
footer .custom-logo-link img {
	height: 64px !important;
	width: auto !important;
	max-width: 220px !important;
	object-fit: contain !important;
}

/* Footer matches cream + gold logo */
.wd-footer,
.leila-footer-shell,
.leila-footer,
.main-footer.wd-entry-content {
	background: var(--foe-ivory) !important;
	color: var(--foe-ink) !important;
}

.leila-footer a,
.leila-footer p,
.leila-footer li,
.leila-footer h2,
.leila-footer h3,
.leila-footer .leila-footer__copy {
	color: var(--foe-ink) !important;
}

.leila-footer a:hover {
	color: var(--foe-gold) !important;
}

.leila-footer__bar {
	border-top: 1px solid rgba(166, 124, 51, 0.22) !important;
}

/* All primary buttons — Face of Earth gold (not leftover pink) */
body .elementor-button,
body .elementor-button.elementor-size-sm,
body .elementor-button.elementor-size-md,
body .elementor-button.elementor-size-lg,
body .elementor-form button[type="submit"],
body button.elementor-button,
body .elementor-button .elementor-button-text,
body .elementor-button span,
body .woocommerce a.button,
body .woocommerce button.button,
body .woocommerce input.button,
body .woocommerce #respond input#submit,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt,
body .woocommerce-form-login .button,
body .woocommerce-form-register .button,
body .woocommerce-form-track-order .button,
body .single_add_to_cart_button,
body .checkout-button,
body .place-order .button,
body .added_to_cart,
body a.checkout-button,
body .wp-block-button__link,
body .btn,
body a.btn,
body button.btn,
body .button,
body a.button,
body button.button,
body button[type="submit"],
body input[type="submit"],
body .wd-button,
body a.wd-buy-now-btn,
.leila-bella-home-wrap a.button,
.leila-bella-home-wrap .button,
body.woocommerce a.button.button--primary,
body .button.button--primary {
	background: var(--foe-gold) !important;
	background-color: var(--foe-gold) !important;
	background-image: none !important;
	border: 1px solid var(--foe-gold) !important;
	color: #fff !important;
	box-shadow: none !important;
}

body .elementor-button:hover,
body .elementor-form button[type="submit"]:hover,
body button.elementor-button:hover,
body .woocommerce a.button:hover,
body .woocommerce button.button:hover,
body .woocommerce input.button:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .btn:hover,
body a.btn:hover,
body .button:hover,
body a.button:hover,
body button.button:hover,
body button[type="submit"]:hover,
body input[type="submit"]:hover,
body .wd-button:hover,
.leila-bella-home-wrap a.button:hover,
.leila-bella-home-wrap .button:hover,
body .button.button--primary:hover {
	background: var(--foe-ink) !important;
	background-color: var(--foe-ink) !important;
	border-color: var(--foe-ink) !important;
	color: #fff !important;
}

/* Mobile drawer — same structure as pos-qatar, Face of Earth gold (not Laila pink) */
:root {
	--foe-m-line: rgba(196, 163, 90, 0.22);
	--foe-m-hover: rgba(196, 163, 90, 0.12);
}

body .mobile-nav.wd-side-hidden-nav,
body .mobile-nav.wd-side-hidden,
.wd-page-wrapper .mobile-nav {
	background: #000 !important;
	color: var(--foe-gold-soft) !important;
	width: min(88vw, 22rem) !important;
	max-width: 22rem !important;
}

body .mobile-nav .wd-heading {
	background: #000 !important;
	border-bottom: 1px solid var(--foe-m-line) !important;
}

body .mobile-nav .wd-heading::before {
	content: "Face of Earth" !important;
	font-family: Georgia, "Iowan Old Style", Palatino, serif !important;
	font-size: 1.2rem !important;
	font-weight: 400 !important;
	letter-spacing: 0.04em !important;
	color: var(--foe-gold-soft) !important;
}

body .mobile-nav .wd-heading .title,
body .mobile-nav .wd-heading .wd-nav-heading,
body .mobile-nav .wd-heading .wd-nav-title,
body .mobile-nav .wd-heading > span:not(.close-side-widget) {
	display: none !important;
}

body .mobile-nav .wd-nav-mob-tab,
body .mobile-nav .mobile-tab-title,
body .mobile-nav .mobile-categories-title,
body .mobile-nav li.mobile-categories-title {
	display: none !important;
}

body .mobile-nav .mobile-pages-menu > li > a,
body .mobile-nav .wd-nav-mobile > li > a,
body .mobile-nav .menu > li > a,
body .mobile-nav a.woodmart-nav-link,
.wd-page-wrapper .mobile-nav a {
	color: var(--foe-gold-soft) !important;
}

body .mobile-nav .menu > li > a:hover,
body .mobile-nav .wd-nav-mobile > li > a:hover,
body .mobile-nav a:hover {
	background: var(--foe-m-hover) !important;
	color: #fff !important;
}

body .mobile-nav .current-menu-item > a,
body .mobile-nav .current-menu-ancestor > a {
	color: #fff !important;
	box-shadow: inset 3px 0 0 var(--foe-gold) !important;
}

body .mobile-nav .wd-heading .close-side-widget a,
body .mobile-nav .close-side-widget a {
	color: var(--foe-gold-soft) !important;
}

body .mobile-nav .menu-item-has-children > a::after {
	border-right-color: var(--foe-gold-soft) !important;
	border-bottom-color: var(--foe-gold-soft) !important;
}

body .mobile-nav .sub-menu,
body .mobile-nav .wd-drilldown-sub {
	background: #000 !important;
}

body .mobile-nav .wd-nav-footer,
body .mobile-nav .mobile-menu-footer {
	border-top: 1px solid var(--foe-m-line) !important;
	background: rgba(166, 124, 51, 0.08) !important;
}

#shopify-section-template--22359777837293__image_with_text_LwYGT9 .image-with-text__media-item {
	align-self: start !important;
}
#shopify-section-template--22359777837293__image_with_text_LwYGT9 .image-with-text__media,
#shopify-section-template--22359777837293__image_with_text_LwYGT9 .media {
	position: relative !important;
	height: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 100% !important;
	background: #f4ece6 !important;
	overflow: hidden !important;
	border-radius: 0.9rem !important;
}
#shopify-section-template--22359777837293__image_with_text_LwYGT9 .image-with-text__media > img {
	display: none !important;
}
.image-with-text__media > .foe-collage-hero,
.foe-collage-hero {
	position: absolute !important;
	inset: 0 !important;
	display: grid !important;
	grid-template-columns: 1.15fr 0.85fr !important;
	grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
	gap: 0.28rem !important;
	padding: 0.28rem !important;
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: #f4ece6 !important;
	overflow: hidden !important;
	border-radius: 0.9rem;
}
.foe-collage-hero figure {
	position: relative !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	background: #1c1714;
	min-width: 0 !important;
	min-height: 0 !important;
	width: auto !important;
	height: auto !important;
}
.foe-collage-hero figure:nth-child(1) { grid-area: 1 / 1 / span 3 !important; }
.foe-collage-hero figure:nth-child(2) { grid-area: 4 / 1 / span 3 !important; }
.foe-collage-hero figure:nth-child(3) { grid-area: 1 / 2 / span 2 !important; }
.foe-collage-hero figure:nth-child(4) { grid-area: 3 / 2 / span 2 !important; }
.foe-collage-hero figure:nth-child(5) { grid-area: 5 / 2 / span 2 !important; }
.foe-collage-hero img {
	position: absolute !important;
	inset: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center top !important;
}

#shopify-section-template--22359777837293__collection_list_UhCHg8 .card__media,
#shopify-section-template--22359777837293__collection_list_UhCHg8 .media--transparent {
	background: #f3eee6 !important;
}
#shopify-section-template--22359777837293__collection_list_UhCHg8 .card__media img {
	opacity: 1 !important;
	visibility: visible !important;
	object-fit: cover !important;
	width: 100% !important;
	height: 100% !important;
}

/* Product titles — readable, not all-caps billboard */
.leila-bella-pdp .product__text.caption-with-letter-spacing {
	display: none !important;
}

.leila-bella-pdp .foe-pdp-kicker {
	margin: 0 0 8px !important;
	font-size: 11px !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	font-weight: 500 !important;
	color: var(--foe-gold) !important;
	line-height: 1.3 !important;
}

.leila-bella-pdp .product__title {
	margin: 0 0 8px !important;
}

.leila-bella-pdp .product__title h1,
.leila-bella-pdp .product__info-container .product__title h1,
.leila-bella-pdp h1.product_title,
.leila-bella-pdp .product_title,
body.single-product .leila-bella-pdp .product__title h1 {
	font-family: Georgia, "Iowan Old Style", Palatino, "Times New Roman", serif !important;
	font-size: 22px !important;
	line-height: 1.28 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	font-weight: 600 !important;
	color: var(--foe-ink) !important;
	max-width: 100% !important;
	margin: 0 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

.leila-bella-pdp .foe-pdp-tagline {
	margin: 0 0 6px !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	color: var(--foe-muted) !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	max-width: 34em !important;
}

.leila-bella-pdp .foe-pdp-size {
	margin: 0 0 16px !important;
	font-size: 12px !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	color: var(--foe-muted) !important;
	font-weight: 500 !important;
}

.wd-product .wd-entities-title,
.wd-product .wd-entities-title a,
.product-grid-item .wd-entities-title,
.product-grid-item .wd-entities-title a,
.woocommerce-loop-product__title,
.related.products .wd-entities-title,
.related.products .wd-entities-title a,
.wd-carousel-item .wd-entities-title,
.wd-carousel-item .wd-entities-title a {
	text-transform: none !important;
	font-size: 14px !important;
	line-height: 1.35 !important;
	letter-spacing: 0.01em !important;
	font-weight: 500 !important;
	color: var(--foe-ink) !important;
}

.wd-product .wd-entities-title,
.product-grid-item .wd-entities-title,
.related.products .wd-entities-title {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.leila-bella-home-wrap .card__heading,
.leila-bella-home-wrap .card__heading a,
.leila-bella-home-wrap h3.card__heading,
.leila-bella-home-wrap h3.card__heading a,
.leila-bella-home-wrap .card__heading.h5,
.leila-bella-home-wrap .card__heading.h5 a,
.leila-bella-home-wrap .card__information .full-unstyled-link,
.leila-bella-home-wrap product-component .card__heading,
.leila-bella-home-wrap product-component .card__heading a,
#Slider-template--22359777837293__featured_collection .card__heading a,
#Slider-template--22359777837293__featured_collection_QrNfRn .card__heading a,
#Slider-template--22359777837293__featured_collection_itzeKe .card__heading a,
#shopify-section-template--22359777837293__collection_list_UhCHg8 .card__heading,
#shopify-section-template--22359777837293__collection_list_UhCHg8 .card__heading a {
	font-family: Arial, Helvetica, sans-serif !important;
	text-transform: none !important;
	font-size: 16px !important;
	line-height: 1.35 !important;
	letter-spacing: 0 !important;
	font-weight: 600 !important;
	white-space: normal !important;
	height: auto !important;
	min-height: 0 !important;
}

.leila-bella-home-wrap .card__information .card__heading,
.leila-bella-home-wrap product-component .card__heading,
.leila-bella-home-wrap product-component .card__information a.full-unstyled-link,
#Slider-template--22359777837293__featured_collection .card__heading,
#Slider-template--22359777837293__featured_collection_QrNfRn .card__heading,
#Slider-template--22359777837293__featured_collection_itzeKe .card__heading {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	max-height: 2.8em !important;
	text-align: center !important;
}

.leila-bella-home-wrap .card__vendor,
.leila-bella-home-wrap product-component .caption-with-letter-spacing,
.leila-bella-home-wrap .card__information > .caption {
	display: none !important;
}

.leila-bella-home-wrap .price,
.leila-bella-home-wrap .price-item {
	font-size: 14px !important;
}

@media (max-width: 989px) {
	#Slider-template--22359777837293__featured_collection.slider > .grid__item,
	#Slider-template--22359777837293__featured_collection .slider__slide,
	#Slider-template--22359777837293__featured_collection_QrNfRn.slider > .grid__item,
	#Slider-template--22359777837293__featured_collection_QrNfRn .slider__slide,
	#Slider-template--22359777837293__featured_collection_itzeKe.slider > .grid__item,
	#Slider-template--22359777837293__featured_collection_itzeKe .slider__slide {
		width: 42vw !important;
		max-width: 168px !important;
		min-width: 132px !important;
		flex: 0 0 auto !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
	}
	.leila-bella-home-wrap product-component .card__media .media,
	.leila-bella-home-wrap product-component .media {
		padding-bottom: 100% !important;
	}
	#Slider-template--22359777837293__featured_collection,
	#Slider-template--22359777837293__featured_collection_QrNfRn,
	#Slider-template--22359777837293__featured_collection_itzeKe {
		min-height: 0 !important;
	}
}
