/**
 * PHIUM ESSENCE
 * Homepage layout and spacing
 */


/* ==========================================================
   PAGE RESET
   ========================================================== */

body.home #main,
body.home .eb-fullwidth-container,
body.home .eb-fullwidth-content-wrapper {
	width: 100%;
	max-width: none;
	margin: 0 !important;
	padding: 0 !important;
}

body.home .eb-fullwidth-content-wrapper {
	overflow: hidden;
}

body.home .wp-block-columns,
body.home .wp-block-column,
body.home .wp-block-group,
body.home .wp-block-image,
body.home figure {
	margin-top: 0;
	margin-bottom: 0;
}


/* ==========================================================
   HERO
   ========================================================== */

body.home .n2_clear,
body.home .n2-section-smartslider,
body.home .n2-ss-align,
body.home .n2-padding,
body.home .n2-ss-slider,
body.home .n2-ss-slider-1,
body.home .n2-ss-slider-2,
body.home .n2-ss-slider-3,
body.home .n2-ss-slider-4 {
	margin: 0 !important;
	padding: 0 !important;
}


/* ==========================================================
   FEATURE BANNER
   ========================================================== */

body.home
.eb-fullwidth-content-wrapper
.wp-block-image:has(img.wp-image-289) {
	width: min(1280px, calc(100% - 48px));
	margin: 26px auto 0 !important;
}

body.home
.eb-fullwidth-content-wrapper
.wp-block-image:has(img.wp-image-289)
img {
	display: block;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
}


/* ==========================================================
   COLLECTION HEADING
   ========================================================== */

body.home
.eb-fullwidth-content-wrapper
> p.has-text-align-center.has-large-font-size {
	width: min(1180px, calc(100% - 40px));
	margin: 0 auto !important;
	padding: 42px 0 28px !important;

	color: #2d201d;
	font-size: clamp(25px, 3vw, 38px) !important;
	font-weight: 500;
	line-height: 1.32 !important;
	text-align: center;
}


/* ==========================================================
   PRODUCT COLLECTION
   ========================================================== */

body.home .wp-block-woocommerce-product-collection {
	width: min(1180px, calc(100% - 40px)) !important;
	margin: 0 auto !important;
	padding: 0 0 42px !important;
}

body.home
.wp-block-woocommerce-product-collection
.wc-block-product-template {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 26px 18px !important;

	margin: 0 !important;
	padding: 0 !important;
}

body.home
.wp-block-woocommerce-product-collection
.wc-block-product {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.home
.wp-block-woocommerce-product-collection
.wc-block-components-product-image {
	margin: 0 0 10px !important;
}

body.home
.wp-block-woocommerce-product-collection
.wc-block-components-product-image img {
	display: block;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

body.home
.wp-block-woocommerce-product-collection
.wp-block-post-title {
	margin: 8px 0 5px !important;
	font-size: 18px !important;
	line-height: 1.25 !important;
}

body.home
.wp-block-woocommerce-product-collection
.wp-block-woocommerce-product-price {
	margin: 0 0 8px !important;
}

body.home
.wp-block-woocommerce-product-collection
.wc-block-components-product-price {
	font-size: 12px !important;
}

body.home
.wp-block-woocommerce-product-collection
.wp-block-woocommerce-product-button {
	margin: 8px 0 0 !important;
}

body.home
.wp-block-woocommerce-product-collection
.wp-block-button__link {
	min-height: 40px !important;
	padding: 10px 22px !important;

	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
}


/* ==========================================================
   OUR STORY — EXACT HTML SELECTOR
   ========================================================== */



/* ==========================================================
   SOCIAL SHARE
   ========================================================== */

body.home .xs_social_share_widget {
	display: none !important;
}


/* ==========================================================
   TRENDING NOW
   ========================================================== */

body.home .ct-trending-block {
	display: none !important;
}


/* ==========================================================
   FOOTER TRANSITION
   ========================================================== */

body.home .custom-footer {
	margin-top: 0 !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 900px) {

	body.home
	.eb-fullwidth-content-wrapper
	.wp-block-image:has(img.wp-image-289) {
		width: calc(100% - 32px);
		margin-top: 22px !important;
	}

	body.home
	.wp-block-woocommerce-product-collection {
		width: calc(100% - 32px) !important;
	}

	body.home
	.wp-block-woocommerce-product-collection
	.wc-block-product-template {
		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;
	}

	
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 781px) {

	

	body.home
	.wp-block-woocommerce-product-collection
	.wc-block-product-template {
		grid-template-columns: 1fr !important;
	}

	body.home
	.eb-fullwidth-content-wrapper
	> p.has-text-align-center.has-large-font-size {
		width: calc(100% - 28px);
		padding-top: 30px !important;
		padding-bottom: 22px !important;
	}
}
/* ==========================================================
   HOMEPAGE FINAL SPACING CORRECTIONS
   ========================================================== */


/* ----------------------------------------------------------
   FEATURE BANNER WRAPPER
   Remove the large pale-blue empty area
   ---------------------------------------------------------- */

body.home
.wp-block-columns:has(img.wp-image-289) {
	display: block !important;

	width: 100% !important;
	max-width: none !important;

	min-height: 0 !important;
	height: auto !important;

	margin: 0 !important;
	padding: 22px 0 !important;
	gap: 0 !important;

	background: #fff8f3 !important;
}

body.home
.wp-block-columns:has(img.wp-image-289)
> .wp-block-column {
	width: 100% !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding: 0 !important;
}

body.home
.wp-block-columns:has(img.wp-image-289)
figure {
	width: min(1180px, calc(100% - 40px)) !important;

	margin: 0 auto !important;
	padding: 0 !important;
}

body.home
.wp-block-columns:has(img.wp-image-289)
picture,
body.home
.wp-block-columns:has(img.wp-image-289)
img.wp-image-289 {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* ----------------------------------------------------------
   COLLECTION HEADING
   ---------------------------------------------------------- */

body.home
.eb-fullwidth-content-wrapper
> p.has-text-align-center.has-large-font-size {
	margin: 0 auto !important;
	padding: 34px 20px 24px !important;
}


/* Product section closer to heading */

body.home
.wp-block-woocommerce-product-collection {
	padding-top: 0 !important;
	padding-bottom: 34px !important;
}


/* ----------------------------------------------------------
   OUR STORY
   Keep current compact result
   ---------------------------------------------------------- */


/* ----------------------------------------------------------
   CUSTOM FOOTER — FULL WIDTH
   ---------------------------------------------------------- */

body.home .custom-footer {
	position: relative !important;
	left: 50% !important;

	width: 100vw !important;
	max-width: none !important;

	margin: 0 0 0 -50vw !important;
	padding: 30px 0 22px !important;

	background:
		linear-gradient(
			90deg,
			#29170f 0%,
			#351e13 50%,
			#29170f 100%
		) !important;
}


/* Remove pale-blue space around footer */

body.home
.wp-block-columns:has(.custom-footer),
body.home
.wp-block-group:has(.custom-footer),
body.home
.wp-block-column:has(.custom-footer) {
	width: 100% !important;
	max-width: none !important;

	min-height: 0 !important;
	height: auto !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;
}


/* Footer content remains centred */

body.home
.custom-footer
.footer-container {
	width: min(1180px, calc(100% - 40px)) !important;
	margin: 0 auto !important;
}


/* Remove space after custom footer */

body.home .custom-footer + *,
body.home .custom-footer ~ .xs_social_share_widget {
	margin-top: 0 !important;
}


/* ----------------------------------------------------------
   BLOCKSY COPYRIGHT ROW
   ---------------------------------------------------------- */

body.home #footer {
	margin-top: 0 !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 600px) {

	body.home
	.wp-block-columns:has(img.wp-image-289) {
		padding: 14px 0 !important;
	}

	body.home
	.wp-block-columns:has(img.wp-image-289)
	figure {
		width: calc(100% - 20px) !important;
	}

	body.home
	.eb-fullwidth-content-wrapper
	> p.has-text-align-center.has-large-font-size {
		padding-top: 26px !important;
		padding-bottom: 20px !important;
	}

	body.home .custom-footer {
		padding-top: 26px !important;
		padding-bottom: 18px !important;
	}

	body.home
	.custom-footer
	.footer-container {
		width: calc(100% - 28px) !important;
	}
}
/* ==========================================================
   PHIUM HOMEPAGE — FINAL CORRECTIONS
   ========================================================== */


/* ----------------------------------------------------------
   1. FEATURE BANNER — REMOVE EMPTY SPACE
   ---------------------------------------------------------- */

body.home
.wp-block-columns:has(img.wp-image-289) {
	display: block !important;

	width: 100% !important;
	max-width: none !important;

	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;

	margin: 0 !important;
	padding: 18px 0 !important;
	gap: 0 !important;

	background: #fff8f3 !important;
	overflow: visible !important;
}

body.home
.wp-block-columns:has(img.wp-image-289)
> .wp-block-column {
	display: block !important;

	width: 100% !important;

	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: visible !important;
}

body.home
.wp-block-columns:has(img.wp-image-289)
figure {
	display: block !important;

	width: min(1280px, calc(100% - 48px)) !important;
	height: auto !important;

	margin: 0 auto !important;
	padding: 0 !important;
}

body.home
.wp-block-columns:has(img.wp-image-289)
picture,
body.home
.wp-block-columns:has(img.wp-image-289)
img.wp-image-289 {
	display: block !important;

	width: 100% !important;
	height: auto !important;

	min-height: 0 !important;
	max-height: none !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* Collection heading closer to feature banner */

body.home
.eb-fullwidth-content-wrapper
> p.has-text-align-center.has-large-font-size {
	margin: 0 auto !important;
	padding: 28px 20px 22px !important;
}


/* ----------------------------------------------------------
   2. OUR STORY — KEEP COMPACT
   ---------------------------------------------------------- */

body.home
.wp-block-columns:has(img.wp-image-294) {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: stretch !important;
	gap: 0 !important;

	width: min(1180px, calc(100% - 40px)) !important;

	height: 400px !important;
	min-height: 400px !important;
	max-height: 400px !important;

	margin: 0 auto 32px !important;
	padding: 0 !important;

	overflow: hidden !important;
}

body.home
.wp-block-columns:has(img.wp-image-294)
> .wp-block-column {
	flex: 1 1 50% !important;

	width: 50% !important;
	min-width: 0 !important;

	height: 400px !important;
	min-height: 400px !important;
	max-height: 400px !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden !important;
}


/* Story text */

body.home
.wp-block-columns:has(img.wp-image-294)
> .wp-block-column:first-child {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: flex-start !important;

	padding: 30px 36px !important;

	background: #f2f5f7 !important;
}

body.home
.wp-block-columns:has(img.wp-image-294)
> .wp-block-column:first-child
> * {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

body.home
.wp-block-columns:has(img.wp-image-294)
> .wp-block-column:first-child
> p:first-child {
	margin-bottom: 10px !important;

	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

body.home
.wp-block-columns:has(img.wp-image-294)
> .wp-block-column:first-child
> p:nth-of-type(2) {
	margin-bottom: 20px !important;

	font-size: clamp(28px, 3vw, 39px) !important;
	line-height: 1.15 !important;
}

body.home
.wp-block-columns:has(img.wp-image-294)
> .wp-block-column:first-child
> p:nth-of-type(n + 3) {
	margin-bottom: 11px !important;

	font-size: 14px !important;
	line-height: 1.55 !important;
}


/* Story image */

body.home
.wp-block-columns:has(img.wp-image-294)
> .wp-block-column:last-child
figure,
body.home
.wp-block-columns:has(img.wp-image-294)
> .wp-block-column:last-child
picture {
	display: block !important;

	width: 100% !important;
	height: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}

body.home
.wp-block-columns:has(img.wp-image-294)
img.wp-image-294 {
	display: block !important;

	width: 100% !important;
	height: 400px !important;

	min-width: 100% !important;
	max-width: 100% !important;
	min-height: 400px !important;
	max-height: 400px !important;

	margin: 0 !important;

	object-fit: cover !important;
	object-position: center !important;
}


/* ----------------------------------------------------------
   3. STORY BUTTON — PHIUM THEME COLOUR
   ---------------------------------------------------------- */

body.home
.wp-block-columns:has(img.wp-image-294)
.root-eb-button-ym5ba {
	margin: 10px 0 0 !important;
	padding: 0 !important;
}

body.home
.wp-block-columns:has(img.wp-image-294)
.eb-button-anchor {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;

	min-height: 42px !important;
	padding: 11px 22px !important;

	color: #ffffff !important;

	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.03em !important;
	line-height: 1.2 !important;

	text-decoration: none !important;

	border: 1px solid #cf9367 !important;
	border-radius: 3px !important;

	background: #cf9367 !important;
	box-shadow: none !important;
}

body.home
.wp-block-columns:has(img.wp-image-294)
.eb-button-anchor:hover {
	border-color: #b8754e !important;
	background: #b8754e !important;
}


/* ----------------------------------------------------------
   4. CUSTOM FOOTER WRAPPER
   ---------------------------------------------------------- */

body.home
.wp-block-columns:has(.custom-footer) {
	display: block !important;

	width: 100% !important;
	max-width: none !important;

	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;

	margin: 0 !important;
	padding: 0 !important;
	gap: 0 !important;

	background: transparent !important;
	overflow: visible !important;
}

body.home
.wp-block-columns:has(.custom-footer)
> .wp-block-column {
	display: block !important;

	width: 100% !important;

	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: visible !important;
}

body.home .custom-footer {
	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 28px 0 20px !important;
}


/* ----------------------------------------------------------
   5. FOOTER LOGO — LIGHT BACKGROUND
   ---------------------------------------------------------- */

body.home
.custom-footer
.footer-brand
picture {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: 92px !important;
	height: 92px !important;

	margin: 0 0 10px !important;
	padding: 8px !important;

	border: 1px solid rgba(207, 147, 103, 0.28) !important;
	border-radius: 4px !important;

	background: #f7e6da !important;
}

body.home
.custom-footer
.footer-brand
picture img {
	display: block !important;

	width: 76px !important;
	height: 76px !important;
	max-width: 76px !important;
	max-height: 76px !important;

	margin: 0 !important;

	object-fit: contain !important;
}


/* ----------------------------------------------------------
   6. NEWSLETTER BUTTON — PHIUM THEME COLOUR
   ---------------------------------------------------------- */

body.home
.custom-footer
.footer-newsletter
button,
body.home
.custom-footer
.footer-newsletter
input[type="submit"] {
	min-width: 96px !important;
	height: 40px !important;
	min-height: 40px !important;

	margin: 8px 0 0 !important;
	padding: 0 16px !important;

	color: #ffffff !important;

	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	line-height: 40px !important;
	text-transform: uppercase !important;

	border: 1px solid #cf9367 !important;
	border-radius: 3px !important;

	background: #cf9367 !important;
	box-shadow: none !important;
}

body.home
.custom-footer
.footer-newsletter
button:hover,
body.home
.custom-footer
.footer-newsletter
input[type="submit"]:hover {
	border-color: #b8754e !important;
	background: #b8754e !important;
}


/* ----------------------------------------------------------
   7. COMPACT COPYRIGHT ROW
   ---------------------------------------------------------- */

body.home #footer {
	margin-top: 0 !important;
}

body.home
#footer
[data-row="bottom"] {
	padding: 0 !important;
	background: #29170f !important;
}

body.home
#footer
[data-row="bottom"]
> .ct-container,
body.home
#footer
[data-row="bottom"]
> .ct-container-fluid {
	height: 44px !important;
	min-height: 44px !important;

	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.home
#footer
.ct-footer-copyright {
	margin: 0 !important;

	font-size: 9px !important;
	line-height: 1.4 !important;
}

body.home
#footer
.footer-menu-inline
.menu {
	gap: 22px !important;
}

body.home
#footer
.footer-menu-inline
a {
	font-size: 9px !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 781px) {

	body.home
	.wp-block-columns:has(img.wp-image-289) {
		padding: 14px 0 !important;
	}

	body.home
	.wp-block-columns:has(img.wp-image-294) {
		display: block !important;

		width: calc(100% - 28px) !important;

		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;

		overflow: visible !important;
	}

	body.home
	.wp-block-columns:has(img.wp-image-294)
	> .wp-block-column {
		width: 100% !important;

		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	body.home
	.wp-block-columns:has(img.wp-image-294)
	> .wp-block-column:first-child {
		padding: 28px 22px !important;
	}

	body.home
	.wp-block-columns:has(img.wp-image-294)
	> .wp-block-column:last-child,
	body.home
	.wp-block-columns:has(img.wp-image-294)
	> .wp-block-column:last-child
	figure,
	body.home
	.wp-block-columns:has(img.wp-image-294)
	> .wp-block-column:last-child
	picture,
	body.home
	.wp-block-columns:has(img.wp-image-294)
	img.wp-image-294 {
		height: 320px !important;
		min-height: 320px !important;
		max-height: 320px !important;
	}

	body.home
	#footer
	[data-row="bottom"]
	> .ct-container,
	body.home
	#footer
	[data-row="bottom"]
	> .ct-container-fluid {
		height: auto !important;
		min-height: 48px !important;
		padding: 10px 0 !important;
	}
}
/* ==========================================================
   FINAL HOMEPAGE FOOTER WIDTH FIX
   ========================================================== */

/* Reset the Gutenberg row containing the custom footer */

body.home
.eb-fullwidth-content-wrapper
> .wp-block-columns:has(> .wp-block-column > .custom-footer) {
	display: block !important;

	position: relative !important;
	left: 50% !important;

	width: 100vw !important;
	max-width: none !important;

	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;

	margin: 0 0 0 -50vw !important;
	padding: 0 !important;
	gap: 0 !important;

	background: transparent !important;
	overflow: visible !important;
}


/* Reset the single Gutenberg column */

body.home
.eb-fullwidth-content-wrapper
> .wp-block-columns:has(> .wp-block-column > .custom-footer)
> .wp-block-column {
	display: block !important;

	flex: none !important;
	flex-basis: 100% !important;

	width: 100% !important;
	max-width: none !important;

	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: visible !important;
}


/* Full-width dark footer */

body.home
.eb-fullwidth-content-wrapper
.custom-footer {
	position: static !important;
	left: auto !important;
	right: auto !important;

	display: block !important;

	width: 100% !important;
	max-width: none !important;

	height: auto !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding: 28px 0 20px !important;

	transform: none !important;

	background:
		linear-gradient(
			90deg,
			#29170f 0%,
			#351e13 50%,
			#29170f 100%
		) !important;
}


/* Centre the footer content */

body.home
.custom-footer
.footer-container {
	display: grid !important;

	grid-template-columns:
		minmax(150px, 1.15fr)
		minmax(100px, 0.75fr)
		minmax(120px, 0.85fr)
		minmax(100px, 0.75fr)
		minmax(220px, 1.3fr) !important;

	width: min(1180px, calc(100% - 40px)) !important;
	max-width: 1180px !important;

	margin: 0 auto !important;
	padding: 0 !important;

	gap: 34px !important;
}


/* Ensure no old 50% rule remains */

body.home
.wp-block-columns:has(.custom-footer)
> .wp-block-column {
	flex-basis: 100% !important;
	width: 100% !important;
}


/* Tablet */

/* ==========================================================
   HOMEPAGE FOOTER — TABLET / iPAD
   ========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

	body.home
	.custom-footer {
		padding: 34px 0 28px !important;
	}

	body.home
	.custom-footer
	.footer-container {
		display: grid !important;

		grid-template-columns:
			1.15fr
			1fr
			1fr
			1fr !important;

		grid-template-areas:
			"brand shop help about"
			"newsletter newsletter newsletter newsletter";

		width: calc(100% - 48px) !important;
		max-width: 940px !important;

		margin: 0 auto !important;
		gap: 30px 24px !important;
		align-items: start !important;
	}

	/* Brand */

	body.home
	.custom-footer
	.footer-container > *:nth-child(1) {
		grid-area: brand;
	}

	/* Shop */

	body.home
	.custom-footer
	.footer-container > *:nth-child(2) {
		grid-area: shop;
	}

	/* Help */

	body.home
	.custom-footer
	.footer-container > *:nth-child(3) {
		grid-area: help;
	}

	/* About */

	body.home
	.custom-footer
	.footer-container > *:nth-child(4) {
		grid-area: about;
	}

	/* Newsletter */

	body.home
	.custom-footer
	.footer-container > *:nth-child(5) {
		grid-area: newsletter;

		width: 100% !important;
		max-width: 620px !important;

		margin: 0 auto !important;
		padding-top: 24px !important;

		border-top:
			1px solid rgba(255, 255, 255, 0.1);
		text-align: center !important;
	}

	/* Brand alignment */

	body.home
	.custom-footer
	.footer-brand {
		align-items: flex-start !important;
		text-align: left !important;
	}

	body.home
	.custom-footer
	.footer-brand picture {
		margin-left: 0 !important;
	}

	body.home
	.custom-footer
	.footer-brand
	.footer-socials,
	body.home
	.custom-footer
	.footer-brand
	.social-icons {
		justify-content: flex-start !important;
	}

	/* Link columns */

	body.home
	.custom-footer
	.footer-container > *:nth-child(2),
	body.home
	.custom-footer
	.footer-container > *:nth-child(3),
	body.home
	.custom-footer
	.footer-container > *:nth-child(4) {
		text-align: left !important;
	}

	body.home
	.custom-footer
	.footer-container h2,
	body.home
	.custom-footer
	.footer-container h3,
	body.home
	.custom-footer
	.footer-container h4,
	body.home
	.custom-footer
	.footer-title {
		margin: 0 0 15px !important;
		text-align: left !important;

		font-size: 11px !important;
		letter-spacing: 0.15em !important;
	}

	body.home
	.custom-footer
	.footer-container ul {
		margin: 0 !important;
		padding: 0 !important;
	}

	body.home
	.custom-footer
	.footer-container li {
		margin-bottom: 10px !important;
		text-align: left !important;
	}

	body.home
	.custom-footer
	.footer-container a {
		font-size: 11px !important;
		line-height: 1.5 !important;
	}

	/* Newsletter */

	body.home
	.custom-footer
	.footer-newsletter {
		width: 100% !important;
		max-width: 620px !important;
		margin-inline: auto !important;
	}

	body.home
	.custom-footer
	.footer-newsletter form {
		display: grid !important;
		grid-template-columns:
			minmax(0, 1fr)
			140px !important;

		gap: 10px !important;
		align-items: stretch !important;
	}

	body.home
	.custom-footer
	.footer-newsletter input[type="email"] {
		width: 100% !important;
		min-height: 44px !important;
		box-sizing: border-box !important;
	}

	body.home
	.custom-footer
	.footer-newsletter button,
	body.home
	.custom-footer
	.footer-newsletter input[type="submit"] {
		width: 140px !important;
		min-width: 140px !important;
		height: 44px !important;
		margin: 0 !important;
	}
}


/* Mobile */

@media (max-width: 767px) {

	body.home
	.custom-footer
	.footer-container {
		width: calc(100% - 28px) !important;

		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;
	}
}


/* ==========================================================
   HOMEPAGE FOOTER — MOBILE PREMIUM LAYOUT
   ========================================================== */

@media (max-width: 480px) {

	body.home
	.custom-footer {
		padding: 26px 0 22px !important;
	}

	body.home
	.custom-footer
	.footer-container {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 0 !important;

		width: calc(100% - 28px) !important;
		margin-inline: auto !important;
	}

	/* Brand section — full width */

	body.home
	.custom-footer
	.footer-container > *:nth-child(1) {
		grid-column: 1 / -1;

		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;

		padding: 0 0 26px !important;
		text-align: center !important;
	}

	body.home
	.custom-footer
	.footer-brand picture {
		width: 82px !important;
		height: 82px !important;
		margin: 0 auto 12px !important;
	}

	body.home
	.custom-footer
	.footer-brand picture img {
		width: 66px !important;
		height: 66px !important;
	}

	/* Shop and Help — two columns */

	body.home
	.custom-footer
	.footer-container > *:nth-child(2),
	body.home
	.custom-footer
	.footer-container > *:nth-child(3) {
		padding: 22px 14px !important;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

	body.home
	.custom-footer
	.footer-container > *:nth-child(2) {
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}

	/* About — full-width compact row */

	body.home
	.custom-footer
	.footer-container > *:nth-child(4) {
		grid-column: 1 / -1;

		padding: 22px 14px !important;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		text-align: center !important;
	}

	/* Newsletter — full width */

	body.home
	.custom-footer
	.footer-container > *:nth-child(5) {
		grid-column: 1 / -1;

		padding: 24px 0 0 !important;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		text-align: center !important;
	}

	/* Footer section headings */

	body.home
	.custom-footer
	.footer-container h2,
	body.home
	.custom-footer
	.footer-container h3,
	body.home
	.custom-footer
	.footer-container h4,
	body.home
	.custom-footer
	.footer-title {
		margin: 0 0 16px !important;

		color: #dfa177 !important;
		font-size: 12px !important;
		font-weight: 600 !important;
		letter-spacing: 0.16em !important;
		line-height: 1.3 !important;
		text-transform: uppercase !important;
		text-align: center !important;
	}

	/* Footer lists */

	body.home
	.custom-footer
	.footer-container ul {
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	body.home
	.custom-footer
	.footer-container li {
		margin: 0 0 12px !important;
		text-align: center !important;
	}

	body.home
	.custom-footer
	.footer-container li:last-child {
		margin-bottom: 0 !important;
	}

	body.home
	.custom-footer
	.footer-container a {
		font-size: 12px !important;
		line-height: 1.45 !important;
	}

	/* About links can sit horizontally */

	body.home
	.custom-footer
	.footer-container > *:nth-child(4) ul {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 10px 22px !important;
	}

	body.home
	.custom-footer
	.footer-container > *:nth-child(4) li {
		margin: 0 !important;
	}

	/* Social icons */

	body.home
	.custom-footer
	.footer-brand
	.footer-socials,
	body.home
	.custom-footer
	.footer-brand
	.social-icons {
		justify-content: center !important;
		margin-top: 12px !important;
	}

	/* Newsletter */

	body.home
	.custom-footer
	.footer-newsletter {
		width: 100% !important;
		max-width: 360px !important;
		margin-inline: auto !important;
	}

	body.home
	.custom-footer
	.footer-newsletter input[type="email"] {
		width: 100% !important;
		min-height: 44px !important;
		padding-inline: 14px !important;
		box-sizing: border-box !important;
	}

	body.home
	.custom-footer
	.footer-newsletter button,
	body.home
	.custom-footer
	.footer-newsletter input[type="submit"] {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 44px !important;
		margin-top: 10px !important;
	}
}
/* ==========================================================
   PHIUM HOMEPAGE – MOBILE FINAL POLISH
   ========================================================== */

@media (max-width: 767px) {

	/* -----------------------------
	   Collection Heading
	------------------------------ */

	body.home
	.eb-fullwidth-content-wrapper
	> p.has-text-align-center.has-large-font-size{

		padding:32px 20px 18px !important;

		font-size:34px !important;
		line-height:1.12 !important;
		letter-spacing:0 !important;
	}

	/* -----------------------------
	   Product Grid
	------------------------------ */

	body.home
	.wp-block-woocommerce-product-collection{

		padding-bottom:24px !important;
	}

	body.home
	.wp-block-woocommerce-product-collection
	.wc-block-product{

		margin-bottom:18px !important;
	}

	body.home
	.wp-block-woocommerce-product-collection
	.wp-block-post-title{

		margin:10px 0 2px !important;

		font-size:18px !important;
		line-height:1.2 !important;
	}

	body.home
	.wp-block-woocommerce-product-collection
	.wp-block-woocommerce-product-price{

		margin-bottom:10px !important;
	}

	body.home
	.wp-block-woocommerce-product-collection
	.wp-block-button__link{

		min-height:42px !important;

		padding:11px 26px !important;

		font-size:12px !important;
	}

	/* -----------------------------
	   Sale Badge
	------------------------------ */

	body.home
	.wc-block-components-product-sale-badge{

		top:12px !important;
		right:12px !important;
	}

	/* -----------------------------
	   Story Section
	------------------------------ */

	body.home
	.wp-block-columns:has(img.wp-image-294)
	> .wp-block-column:first-child
	> p:nth-of-type(n + 3){

		line-height:1.75 !important;
	}

	body.home
	.wp-block-columns:has(img.wp-image-294)
	.root-eb-button-ym5ba{

		margin-top:18px !important;
	}

	/* -----------------------------
	   Footer
	------------------------------ */

	body.home
	.custom-footer{

		padding-top:34px !important;
	}

	body.home
	.footer-newsletter
	button,

	body.home
	.footer-newsletter
	input[type="submit"]{

		width:100% !important;
		max-width:none !important;
	}

}