/**
 * Footer v6 and its subscribe band (round 3c, Lane RB2; PLAN-ROUND-3C-REBRAND-AUDIT.md D-461; FOOTER-V6-PORT.md).
 *
 * Markup: template-parts/footer-v6/ (footer.php, signup.php = CF7 5818, band.php = MailPoet fallback). Every rule is
 * keyed on `#footer.eup-ft6`; loaded only while `eupepsia_footer_v6` renders (inc/enqueue-footer-v6.php), with footer
 * v5's sheet taken off.
 *
 * Measured on the owner's PDF (1920 wide, PyMuPDF objects, the top layer of each object):
 *   band    y 6750-6959 (208 px), #ECEDED. Title Poppins Regular 47 / 56 px, #231F20, at the gutter (x 154), two lines.
 *           Field x 970-1771 (801 x 61), 2 px #231F20 line, radius 10, placeholder Poppins Light 19 px #231F20 at 17 px;
 *           the arrow a 43 px #231F20 square (radius 10) 10 px inside the field's right end, a sand chevron (1.5 px).
 *           Note "By subscribing you agree to the Terms of Use & Privacy Policy." Poppins Light 14.41 px #231F20, 13 px
 *           under the field, the two names underlined.
 *   footer  y 6959-7267 (308 px), #231F20. Logo in sand (#DCBA8C) x 154-357, y 7029-7184 (155 px tall). Right-aligned at
 *           x 1767, Poppins Light 19 px #DCBA8C, line pitch 22.8 px: "phone | shop e-mail" (the bar in Poppins Thin),
 *           a blank line, the boutique's name, the address, the info e-mail. Three rings 30 px (0.8 px line), 6 px apart,
 *           sand glyphs, 23 px under the last line; 73 px to the footer's foot.
 * Not drawn, kept (FOOTER-V6-PORT.md): the fine-print row (help and policy links, Complianz controls, copyright).
 * Phone and tablet: derived (assumption B): the band stacks below 1024; the footer stacks, left-aligned, below 768.
 * Round 3d (D-486, owner 28 Oct 2026): the ink block no longer follows the PDF's right-aligned contact lines; it takes
 * footer v5's layout (logo left, link columns in the middle, "Get in touch" right, accordions on phones) and sizes,
 * in the v7 colours. The band is unchanged.
 */

#footer.eup-ft6 {
	--eup-ft6-ink: #231f20;
	--eup-ft6-sand: #dcba8c;
	--eup-ft6-mist: #eceded;
	--eup-ft6-ground: #ffffff;
	--eup-ft6-wrap: var(--eup3-wrap, 1612px);
	--eup-ft6-gutter: var(--eup3-gutter, 16px);
	--eup-ft6-field-h: clamp(52px, 3.18vw, 61px);
	background: var(--eup-ft6-ink);
	color: var(--eup-ft6-sand);
	font-family: var(--eup3-font, "Poppins", sans-serif);
	margin: 0;
	padding: 0;
}

#footer.eup-ft6 .eup-ft6__wrap {
	box-sizing: content-box;
	margin: 0 auto;
	max-width: var(--eup-ft6-wrap);
	padding-left: var(--eup-ft6-gutter);
	padding-right: var(--eup-ft6-gutter);
}

/* -------------------------------------------------------------------------
 * The band
 * ---------------------------------------------------------------------- */

#footer.eup-ft6 .eup-ft6__band {
	background: var(--eup-ft6-mist);
	color: var(--eup-ft6-ink);
	padding: 28px 0;
	text-align: left;
}

#footer.eup-ft6 .eup-ft6__band-title {
	color: var(--eup-ft6-ink);
	font-family: inherit;
	font-size: clamp(26px, 2.45vw, 47px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.19;
	margin: 0 0 16px;
	text-transform: none;
}

#footer.eup-ft6 .eup-ft6__band-side {
	max-width: 801px;
	min-width: 0;
}

#footer.eup-ft6 .eup-ft6__band-form {
	margin: 0;
	max-width: 801px;
	position: relative;
	width: 100%;
}

#footer.eup-ft6 .eup-ft6__band-note {
	color: var(--eup-ft6-ink);
	font-size: clamp(13px, 0.75vw, 14.41px);
	font-weight: 300;
	line-height: 1.5;
	margin: 10px 0 0;
}

#footer.eup-ft6 .eup-ft6__band-link {
	color: var(--eup-ft6-ink);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

#footer.eup-ft6 .eup-ft6__band-link:hover {
	text-decoration-thickness: 2px;
}

/* 1024 and up: the title left, the field and the note from the page's middle, as drawn (field at x 970 of 1920). */
@media (min-width: 1024px) {
	#footer.eup-ft6 .eup-ft6__band {
		padding: clamp(28px, 2.5vw, 48px) 0;
	}

	#footer.eup-ft6 .eup-ft6__band-inner {
		align-items: center;
		column-gap: 32px;
		display: grid;
		grid-template-columns: minmax(0, 784fr) minmax(0, 801fr);
	}

	#footer.eup-ft6 .eup-ft6__band-title {
		margin: 0;
	}
}

/* The field, CF7 (form 5818's Flatsome row: one positioned box, the button inside the field's right end). */
#footer.eup-ft6 .eup-fs1 .wpcf7,
#footer.eup-ft6 .eup-fs1 .wpcf7-form {
	margin: 0;
	width: 100%;
}

#footer.eup-ft6 .eup-fs1 .wpcf7-form .flex-row {
	display: block;
	margin: 0;
	position: relative;
}

#footer.eup-ft6 .eup-fs1 .wpcf7-form .flex-col,
#footer.eup-ft6 .eup-fs1 .wpcf7-form p {
	margin: 0;
	padding: 0;
}

#footer.eup-ft6 .eup-fs1 .wpcf7-form br {
	display: none;
}

#footer.eup-ft6 .eup-fs1 .wpcf7-form-control-wrap {
	display: block;
}

#footer.eup-ft6 .eup-fs1 input.wpcf7-email,
#footer.eup-ft6 .eup-ft6__band .eup-capture__form .mailpoet_text {
	background-color: var(--eup-ft6-mist) !important; /* capture.css and MailPoet inline */
	border: 2px solid var(--eup-ft6-ink) !important; /* capture.css */
	border-radius: 10px;
	box-shadow: none;
	box-sizing: border-box;
	color: var(--eup-ft6-ink);
	font-family: inherit;
	font-size: clamp(16px, 0.99vw, 19px);
	font-weight: 300;
	height: var(--eup-ft6-field-h);
	margin: 0;
	max-width: none;
	padding: 0 calc(43px + 24px) 0 17px !important; /* MailPoet inline */
	width: 100% !important; /* MailPoet inline */
}

#footer.eup-ft6 .eup-fs1 input.wpcf7-email::placeholder,
#footer.eup-ft6 .eup-ft6__band .eup-capture__form .mailpoet_text::placeholder {
	color: var(--eup-ft6-ink);
	opacity: 1;
}

#footer.eup-ft6 .eup-fs1 input.wpcf7-email:focus,
#footer.eup-ft6 .eup-ft6__band .eup-capture__form .mailpoet_text:focus {
	background-color: var(--eup-ft6-ground) !important;
	outline: 3px solid var(--eup-ft6-ink);
	outline-offset: 2px;
}

/* The ink square (43 drawn in a 44 px target), sand chevron (8.6 : 1), 10 px inside the field's right end. */
#footer.eup-ft6 .eup-fs1 .wpcf7-form .flex-col.ml-half,
#footer.eup-ft6 .eup-ft6__band .mailpoet_paragraph:has(.mailpoet_submit) {
	flex-basis: auto;
	left: auto;
	margin: 0;
	max-width: none;
	padding: 0;
	position: absolute;
	right: 10px;
	top: calc((var(--eup-ft6-field-h) - 44px) / 2);
	width: auto;
}

#footer.eup-ft6 .eup-ft6__band .mailpoet_form form,
#footer.eup-ft6 .eup-ft6__band .mailpoet_form {
	position: relative;
}

#footer.eup-ft6 .eup-fs1 input.wpcf7-submit,
#footer.eup-ft6 .eup-ft6__band .eup-capture__form .mailpoet_submit {
	background: var(--eup-ft6-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dcba8c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5l6.5 6.5-6.5 6.5'/%3E%3C/svg%3E") center / 26px 26px no-repeat !important; /* capture.css */
	background-clip: content-box !important;
	border: 0;
	border-radius: 10px;
	box-shadow: none;
	color: transparent;
	cursor: pointer;
	font-size: 0;
	height: 44px;
	line-height: 0;
	margin: 0;
	min-height: 0;
	padding: 0.5px 0 !important; /* MailPoet inline */
	text-indent: -9999px;
	transition: opacity var(--eup3-dur-fast, 0.25s) ease-in-out, transform var(--eup3-dur-instant, 90ms) ease-out;
	width: 43px !important; /* MailPoet inline */
}

#footer.eup-ft6 .eup-fs1 input.wpcf7-submit:hover,
#footer.eup-ft6 .eup-ft6__band .eup-capture__form .mailpoet_submit:hover {
	opacity: 0.88;
}

#footer.eup-ft6 .eup-fs1 input.wpcf7-submit:active,
#footer.eup-ft6 .eup-ft6__band .eup-capture__form .mailpoet_submit:active {
	transform: scale(0.97);
}

#footer.eup-ft6 .eup-fs1 input.wpcf7-submit:focus-visible,
#footer.eup-ft6 .eup-ft6__band .eup-capture__form .mailpoet_submit:focus-visible {
	outline: 3px solid var(--eup-ft6-ink);
	outline-offset: 2px;
}

#footer.eup-ft6 .eup-fs1 .wpcf7-spinner {
	left: auto;
	margin: 0;
	position: absolute;
	right: 60px;
	top: calc((var(--eup-ft6-field-h) - 24px) / 2);
}

#footer.eup-ft6 .eup-fs1 .wpcf7-not-valid-tip {
	color: #a3261b;
	font-size: 14px;
	line-height: 1.5;
	margin-top: 6px;
}

#footer.eup-ft6 .eup-fs1 .wpcf7 form .wpcf7-response-output {
	border: 0;
	border-left: 3px solid var(--eup-ft6-ink);
	border-radius: 0;
	color: var(--eup-ft6-ink);
	font-size: 14px;
	line-height: 1.5;
	margin: 8px 0 0;
	padding: 2px 0 2px 10px;
}

#footer.eup-ft6 .eup-fs1 .wpcf7 form.invalid .wpcf7-response-output,
#footer.eup-ft6 .eup-fs1 .wpcf7 form.unaccepted .wpcf7-response-output,
#footer.eup-ft6 .eup-fs1 .wpcf7 form.failed .wpcf7-response-output,
#footer.eup-ft6 .eup-fs1 .wpcf7 form.aborted .wpcf7-response-output,
#footer.eup-ft6 .eup-fs1 .wpcf7 form.spam .wpcf7-response-output {
	border-left-color: #a3261b;
}

#footer.eup-ft6 .eup-fs1 .wpcf7 form.init .wpcf7-response-output {
	display: none;
}

/* MailPoet fallback: its consent box and messages under the field. */
#footer.eup-ft6 .eup-ft6__band .mailpoet_paragraph {
	margin: 0;
}

#footer.eup-ft6 .eup-ft6__band .mailpoet_paragraph:has(.mailpoet_checkbox_label),
#footer.eup-ft6 .eup-ft6__band .mailpoet_message {
	padding: 6px 0 0;
}

#footer.eup-ft6 .eup-ft6__band .mailpoet_checkbox_label {
	color: var(--eup-ft6-ink);
	font-size: 14px;
	line-height: 1.5;
}

#footer.eup-ft6 .eup-ft6__band .mailpoet_checkbox {
	accent-color: var(--eup-ft6-ink);
	height: 20px;
	width: 20px;
}

#footer.eup-ft6 .eup-ft6__band .mailpoet_turnstile {
	margin: 0 !important; /* MailPoet's own stylesheet */
}

/* -------------------------------------------------------------------------
 * The ink footer, round 3d (D-486, owner 28 Oct 2026): footer v5's layout (footer-v5.css, D-389 and D-404) in
 * the v7 colours. A grid: the sand logo with the rings under it at the left, the link columns in the middle
 * (vertical, left-aligned: Shop, By Eupepsia, Help with the policies, Your account), "Get in touch" with the
 * contacts at the right. Phones: one column, the logo and the rings on one row, each link group an accordion
 * (footer-v6.js, 48 px rows); from 768 the logo column beside a three-column grid; from 1280 one row. Sizes are
 * footer v5's (D-488: none above the earlier footer). Sand #dcba8c on ink: 8.9:1.
 * ---------------------------------------------------------------------- */

#footer.eup-ft6 .eup-ft6__main {
	background: var(--eup-ft6-ink);
	color: var(--eup-ft6-sand);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	padding: 16px 0 0;
	text-align: left;
}

/* :where keeps this reset at (1,2,0), so the heading, list and copyright rules below (same weight, later) set their own
   padding and margins (slot 18 used :is, which outweighed them: headings lost their 8 px, the copyright its auto margin). */
#footer.eup-ft6 .eup-ft6__main :where(h2, p, ul, li, address) {
	font-style: normal;
	margin: 0;
	padding: 0;
}

#footer.eup-ft6 .eup-ft6__top {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	padding-bottom: 8px;
}

#footer.eup-ft6 .eup-ft6__brand {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 12px;
	justify-content: space-between;
	padding-bottom: 8px;
}

#footer.eup-ft6 .eup-ft6__logo {
	display: block;
	flex: none;
	line-height: 0;
	text-decoration: none;
}

#footer.eup-ft6 .eup-ft6__logo-img {
	display: block;
	height: 68px;
	max-width: none;
	width: auto;
}

#footer.eup-ft6 .eup-ft6__social {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 -7px 0 0;
	padding: 0;
}

#footer.eup-ft6 .eup-ft6__social li {
	margin: 0;
}

/* 44 px targets; the ring drawn inside is the PDF's 30 px (0.8-1 px sand line). */
#footer.eup-ft6 .eup-ft6__social-mark {
	align-items: center;
	color: var(--eup-ft6-sand);
	display: inline-flex;
	height: 44px;
	justify-content: center;
	position: relative;
	width: 44px;
}

#footer.eup-ft6 .eup-ft6__social-mark::before {
	border: 1px solid currentColor;
	border-radius: 50%;
	box-sizing: border-box;
	content: "";
	height: 30px;
	left: 7px;
	position: absolute;
	top: 7px;
	transition: background-color var(--eup3-dur-fast, 0.25s) ease;
	width: 30px;
}

#footer.eup-ft6 .eup-ft6__social-mark svg {
	display: block;
	height: 16px;
	position: relative;
	transition: color var(--eup3-dur-fast, 0.25s) ease;
	width: 16px;
}

#footer.eup-ft6 .eup-ft6__social-mark:hover::before {
	background: var(--eup-ft6-sand);
}

#footer.eup-ft6 .eup-ft6__social-mark:hover svg {
	color: var(--eup-ft6-ink);
}

#footer.eup-ft6 .eup-ft6__social--pending {
	margin: 0;
}

/* Group headings (Poppins Medium) and their vertical lists. */
#footer.eup-ft6 .eup-ft6__group-title {
	color: inherit;
	font-family: inherit;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.3;
	padding: 20px 0 6px;
	text-transform: none;
}

#footer.eup-ft6 .eup-ft6__list {
	column-gap: 20px;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
	row-gap: 4px;
}

#footer.eup-ft6 .eup-ft6__list li {
	margin: 0;
}

#footer.eup-ft6 .eup-ft6__list--group {
	flex-direction: column;
	flex-wrap: nowrap;
	row-gap: 0;
}

#footer.eup-ft6 .eup-ft6__link {
	background: none;
	border: 0;
	border-radius: 0;
	color: inherit;
	cursor: pointer;
	display: inline-block;
	font: inherit;
	letter-spacing: 0;
	line-height: 1.5;
	margin: 0;
	max-width: 100%;
	min-height: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	text-decoration-thickness: 1px;
	text-transform: none;
	text-underline-offset: 4px;
}

#footer.eup-ft6 .eup-ft6__link:hover {
	text-decoration: underline;
}

/* Round 3d (D-570): a footer row that is shown but not clickable (The Timeless Collection): no pointer, no hover underline. */
#footer.eup-ft6 .eup-ft6__link--static,
#footer.eup-ft6 .eup-ft6__link--static:hover {
	cursor: default;
	text-decoration: none;
}

/* Round 4 SF2 (owner, 31 Oct 2026): "Coming soon" after The Timeless Collection, the site's capital label (slot 26b:
   text-transform, the HTML keeps "Coming soon"; 0.12em tracking). The row's own colour, never split across lines. */
#footer.eup-ft6 .eup-ft6__soon {
	font-size: 0.78em;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	white-space: nowrap;
}

#footer.eup-ft6 .eup-ft6__link:focus-visible,
#footer.eup-ft6 .eup-ft6__logo:focus-visible,
#footer.eup-ft6 .eup-ft6__social-mark:focus-visible,
#footer.eup-ft6 .eup-ft6__toggle:focus-visible {
	border-radius: 4px;
	outline: 2px solid var(--eup-ft6-sand);
	outline-offset: 3px;
}

#footer.eup-ft6 .eup-ft6__social-mark:focus-visible {
	border-radius: 50%;
}

/* Phones: each group link a 44 px row (15 px type at 400: small sand type on ink reads at 400). */
#footer.eup-ft6 .eup-ft6__list--group .eup-ft6__link {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.35;
	padding: 12px 0;
}

/* The phone disclosure (footer-v6.js): the whole row is the button, 48 px tall, between sand hairlines. */
#footer.eup-ft6 .eup-ft6__group.is-collapsible {
	border-bottom: 1px solid rgba(220, 186, 140, 0.35);
}

#footer.eup-ft6 .eup-ft6__brand + .eup-ft6__group.is-collapsible {
	border-top: 1px solid rgba(220, 186, 140, 0.35);
}

#footer.eup-ft6 .eup-ft6__group.is-collapsible .eup-ft6__group-title {
	padding: 0;
}

#footer.eup-ft6 .eup-ft6__toggle {
	align-items: center;
	background: none;
	border: 0;
	border-radius: 0;
	color: inherit;
	cursor: pointer;
	display: flex;
	font: inherit;
	gap: 12px;
	justify-content: space-between;
	letter-spacing: 0;
	line-height: 1.3;
	margin: 0;
	min-height: 48px;
	padding: 0;
	text-align: left;
	text-transform: none;
	width: 100%;
}

#footer.eup-ft6 .eup-ft6__chev {
	display: block;
	flex: none;
	transition: transform var(--eup3-dur-fast, 0.25s) var(--eup3-ease-smooth, ease);
}

#footer.eup-ft6 .eup-ft6__toggle[aria-expanded="true"] .eup-ft6__chev {
	transform: rotate(180deg);
}

#footer.eup-ft6 .eup-ft6__panel {
	padding-bottom: 8px;
}

#footer.eup-ft6 .eup-ft6__panel[hidden] {
	display: none;
}

/* Get in touch: the contacts (D-473), a left-aligned column. */
#footer.eup-ft6 .eup-ft6__group--contact .eup-ft6__group-title {
	padding-top: 8px;
}

#footer.eup-ft6 .eup-ft6__contact {
	color: var(--eup-ft6-sand);
	display: flex;
	flex-direction: column;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	gap: 0.25em;
	line-height: 1.35;
	text-align: left;
}

#footer.eup-ft6 .eup-ft6__line {
	display: flex;
	flex-direction: column;
	overflow-wrap: anywhere;
}

#footer.eup-ft6 .eup-ft6__line--reach {
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

/* The PDF's Poppins Thin "|" between the two phones. */
#footer.eup-ft6 .eup-ft6__divider {
	font-weight: 100;
	padding: 0 0.4em;
}

/* Phones: each contact link a 44 px row, lightly underlined (touch has no hover). */
#footer.eup-ft6 .eup-ft6__link--contact {
	padding: 11px 0;
	text-decoration: underline;
	text-decoration-color: rgba(220, 186, 140, 0.4);
}

#footer.eup-ft6 .eup-ft6__link--contact:hover {
	text-decoration-color: currentColor;
}

/* From 768: the logo column at the left, the five groups in a three-column grid beside it. No accordions. */
@media (min-width: 768px) {
	#footer.eup-ft6 .eup-ft6__main {
		padding-top: clamp(28px, 2.2vw, 44px);
	}

	#footer.eup-ft6 .eup-ft6__top {
		align-items: start;
		column-gap: clamp(20px, 1.8vw, 48px);
		grid-template-columns: auto repeat(3, minmax(0, 1fr));
		padding-bottom: clamp(20px, 1.7vw, 32px);
		row-gap: 24px;
	}

	#footer.eup-ft6 .eup-ft6__brand {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
		grid-column: 1;
		grid-row: 1 / span 2;
		padding: 0 clamp(0px, 1.6vw, 40px) 0 0;
	}

	#footer.eup-ft6 .eup-ft6__logo-img {
		height: clamp(100px, 8.07vw, 155px);
	}

	#footer.eup-ft6 .eup-ft6__social {
		margin: 0 -7px;
	}

	#footer.eup-ft6 .eup-ft6__group-title,
	#footer.eup-ft6 .eup-ft6__group--contact .eup-ft6__group-title {
		font-size: clamp(16px, 0.94vw, 18px);
		padding: 0 0 8px;
	}

	#footer.eup-ft6 .eup-ft6__panel {
		padding-bottom: 0;
	}

	#footer.eup-ft6 .eup-ft6__list--group .eup-ft6__link {
		font-size: clamp(15px, 0.89vw, 17px);
		padding: 4px 0;
	}

	#footer.eup-ft6 .eup-ft6__group--contact {
		grid-column: span 2;
	}

	#footer.eup-ft6 .eup-ft6__contact {
		font-size: clamp(15px, 0.89vw, 17px);
		padding-top: 4px;
	}

	#footer.eup-ft6 .eup-ft6__link--contact {
		padding: 0;
	}

	/* In a column the two phones do not share one line at every width: each takes its own, no bar between. */
	#footer.eup-ft6 .eup-ft6__line--reach {
		align-items: flex-start;
		flex-direction: column;
	}

	#footer.eup-ft6 .eup-ft6__divider {
		display: none;
	}
}

/* From 1280: one row, the logo and five columns; "Get in touch" is the widest (its address and e-mail). */
@media (min-width: 1280px) {
	#footer.eup-ft6 .eup-ft6__top {
		grid-template-columns: auto minmax(0, 0.75fr) minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1.5fr);
	}

	/* Help (eight links, the tallest column) runs in two columns across two tracks (D-404). */
	#footer.eup-ft6 .eup-ft6__group--help .eup-ft6__list--group {
		column-gap: 24px;
		columns: 2;
		display: block;
	}

	#footer.eup-ft6 .eup-ft6__group--help .eup-ft6__list--group li {
		break-inside: avoid;
	}

	#footer.eup-ft6 .eup-ft6__brand {
		grid-row: 1;
	}

	#footer.eup-ft6 .eup-ft6__group--contact {
		grid-column: auto;
	}
}

/* -------------------------------------------------------------------------
 * The fine print: the Complianz controls and the copyright (and the checkout opener), under a sand hairline inside
 * the gutters (footer v5's row)
 * ---------------------------------------------------------------------- */

#footer.eup-ft6 .eup-ft6__base {
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	padding-bottom: 10px;
	padding-top: 4px;
	position: relative;
}

#footer.eup-ft6 .eup-ft6__base::before {
	background: rgba(220, 186, 140, 0.35);
	content: "";
	height: 1px;
	left: var(--eup-ft6-gutter);
	position: absolute;
	right: var(--eup-ft6-gutter);
	top: 0;
}

#footer.eup-ft6 .eup-ft6__list--legal .eup-ft6__link {
	font-size: 14px;
	line-height: 1.5;
	padding: 11.5px 0;
}

#footer.eup-ft6 .eup-ft6__cta,
#footer.eup-ft6 .eup-ft6__copy {
	margin: 0;
}

/* D-504 (owner, 28 Oct 2026: the copyright line was not legible): the legal links' type exactly, 14 px, weight 400,
   line 1.5, no tracking, the ink area's sand (#dcba8c on #231f20, 8.9:1), full opacity. site-legacy.css gives every
   bare p weight 100; this class rule (1,2,0) outweighs it. */
#footer.eup-ft6 .eup-ft6__copy {
	color: inherit;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
	opacity: 1;
	padding: 4px 0 0;
}

#footer.eup-ft6 .eup-ft6__cta .eup-ft6__link {
	min-height: 44px;
	padding: 12px 0;
	text-decoration: underline;
}

/* site-legacy.css colours every p #4D4D4F (ink under palette v7), which beats the sand the ink area passes down: the
   copyright line was ink on the ink footer (RV sweep, 27 Oct). Paragraphs in the ink area inherit its sand. */
#footer.eup-ft6 .eup-ft6__main p {
	color: inherit;
}

/* From 768: one line, the controls (and the opener) left, the copyright right. */
@media (min-width: 768px) {
	#footer.eup-ft6 .eup-ft6__base {
		align-items: center;
		column-gap: 24px;
		flex-direction: row;
		flex-wrap: wrap;
		padding-bottom: 12px;
		padding-top: 8px;
	}

	#footer.eup-ft6 .eup-ft6__list--legal {
		column-gap: 24px;
		flex-direction: row;
		flex-wrap: wrap;
	}

	#footer.eup-ft6 .eup-ft6__list--legal .eup-ft6__link,
	#footer.eup-ft6 .eup-ft6__cta .eup-ft6__link {
		font-size: 14px;
		min-height: 0;
		padding: 4px 0;
	}

	#footer.eup-ft6 .eup-ft6__copy {
		font-size: 14px;
		margin-left: auto;
		padding: 4px 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	#footer.eup-ft6 .eup-ft6__chev,
	#footer.eup-ft6 .eup-ft6__social-mark::before,
	#footer.eup-ft6 .eup-ft6__social-mark svg {
		transition: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	#footer.eup-ft6 .eup-fs1 input.wpcf7-submit,
	#footer.eup-ft6 .eup-ft6__band .eup-capture__form .mailpoet_submit {
		transition: none;
	}

	#footer.eup-ft6 .eup-fs1 input.wpcf7-submit:active,
	#footer.eup-ft6 .eup-ft6__band .eup-capture__form .mailpoet_submit:active {
		transform: none;
	}
}

/* -------------------------------------------------------------------------
 * D-516 (owner, 29 Oct 2026): the Updated Footer (Updated Footer.pdf, 1922 x 490, PyMuPDF). White on ink (16.3:1):
 *   logo     the white stacked logo alone, x 155-358, 155 px tall at 1920 (8.07vw), 7 px under the headings' line box
 *   columns  Shop 494, By Eupepsia 681, Help 976, Your account 1206, Get in touch 1468 of the 155-1767 wrap: one row
 *            from 1024 as fractions of those spans; headings Poppins SemiBold 19 px, capitals tracked about 0.2 em;
 *            links Poppins Light 19 px on a 30.8 px pitch (line 1.15 + 0.235 em above and below); the design's wraps
 *            ("Sign in or create / an account", "... Wellness / Balance", the address after "Bland,") as text widths
 *   rule     the sand line (#dcba8c, 1 px) across the wrap, 57 px under the tallest column
 *   base     22 px under the rule: the three policies and the copyright at the left, the Complianz controls at the
 *            right with the social rings (30 px, 36 px pitch, white) 10 px under them; 54 px to the foot
 * Type scales as clamp(14px, 0.99vw, 19px) (14 px from 1024 down: the D-504 size). 768-1023 keep round 3d's
 * logo-plus-three-column grid and phones the accordions (footer-v6.js), both in the new type and colours.
 * ---------------------------------------------------------------------- */

#footer.eup-ft6 .eup-ft6__main {
	--eup-ft6-fs: clamp(14px, 0.99vw, 19px);
	--eup-ft6-text: #ffffff;
	color: var(--eup-ft6-text);
}

#footer.eup-ft6 .eup-ft6__contact {
	color: inherit;
}

#footer.eup-ft6 .eup-ft6__group-title,
#footer.eup-ft6 .eup-ft6__toggle {
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

#footer.eup-ft6 .eup-ft6__list--group .eup-ft6__link,
#footer.eup-ft6 .eup-ft6__contact,
#footer.eup-ft6 .eup-ft6__list--legal .eup-ft6__link,
#footer.eup-ft6 .eup-ft6__copy {
	font-weight: 300;
}

/* The phones, one per line (no bar between them). */
#footer.eup-ft6 .eup-ft6__line--reach {
	align-items: flex-start;
	flex-direction: column;
}

#footer.eup-ft6 .eup-ft6__divider {
	display: none;
}

/* The social rings (now under the consent controls): white. */
#footer.eup-ft6 .eup-ft6__social-mark {
	color: var(--eup-ft6-text);
}

#footer.eup-ft6 .eup-ft6__social-mark:hover::before {
	background: var(--eup-ft6-text);
}

/* Slot 25e (owner 29 Oct: "the social icons need to look bit bigger, keep the circles in the same size"). The PDF's
   glyphs fill 49-51 % of the 29.9 px rings (Instagram 15.1 x 14.8, Facebook 7.8 x 14.6, X 14.6 x 14.6; Instagram outline
   1.38 px). The 24-unit glyphs drawn 1:1 (24 px box) with a 1.38 px line: Instagram 15.4 px, Facebook 14.5 px tall,
   TikTok 14.6 px tall (was 9.3 / 9.7 / 8.8 px in a 16 px box, about 31 %). Rings, their line and pitch unchanged. */
#footer.eup-ft6 .eup-ft6__social-mark svg {
	height: var(--eup-ft6-glyph, 24px);
	stroke-width: 1.38;
	width: var(--eup-ft6-glyph, 24px);
}

#footer.eup-ft6 .eup-ft6__base::before {
	background: var(--eup-ft6-sand);
}

/* Phones: the logo alone on its row, the fine print stacked (policies, copyright, controls, rings), all 44 px rows. */
#footer.eup-ft6 .eup-ft6__base-start,
#footer.eup-ft6 .eup-ft6__base-end {
	display: flex;
	flex-direction: column;
}

#footer.eup-ft6 .eup-ft6__base-end .eup-ft6__social {
	margin: 4px -7px 0;
}

#footer.eup-ft6 .eup-ft6__copy {
	padding: 11.5px 0;
}

@media (min-width: 768px) {
	#footer.eup-ft6 .eup-ft6__group-title,
	#footer.eup-ft6 .eup-ft6__group--contact .eup-ft6__group-title {
		font-size: var(--eup-ft6-fs);
		line-height: 1.68;
		padding: 0 0 0.44em;
	}

	#footer.eup-ft6 .eup-ft6__list--group .eup-ft6__link,
	#footer.eup-ft6 .eup-ft6__contact {
		font-size: var(--eup-ft6-fs);
		line-height: 1.15;
	}

	#footer.eup-ft6 .eup-ft6__list--group .eup-ft6__link {
		padding: 0.235em 0;
	}

	#footer.eup-ft6 .eup-ft6__contact {
		gap: 0;
		padding-top: 0;
	}

	#footer.eup-ft6 .eup-ft6__contact .eup-ft6__line > * {
		padding: 0.235em 0;
	}

	#footer.eup-ft6 .eup-ft6__link--contact {
		line-height: 1.15;
		text-decoration: none;
	}

	#footer.eup-ft6 .eup-ft6__link--contact:hover {
		text-decoration: underline;
	}

	/* The design's text widths. */
	#footer.eup-ft6 .eup-ft6__group--house .eup-ft6__link {
		max-width: 12em;
	}

	#footer.eup-ft6 .eup-ft6__group--account .eup-ft6__link {
		max-width: 9.5em;
	}

	#footer.eup-ft6 .eup-ft6__contact {
		max-width: 16.5em;
	}

	/* The fine print: two blocks under the rule, the controls and the rings at the right. */
	#footer.eup-ft6 .eup-ft6__base {
		align-items: flex-start;
		column-gap: clamp(24px, 3vw, 64px);
		flex-wrap: nowrap;
		justify-content: space-between;
		padding-bottom: max(24px, 2.8vw);
		padding-top: max(12px, 1.13vw);
	}

	/* The copyright on its own line under the policies, as the rings sit under the controls (10 px). */
	#footer.eup-ft6 .eup-ft6__base-start {
		align-items: flex-start;
	}

	#footer.eup-ft6 .eup-ft6__base-start .eup-ft6__copy {
		margin-top: 10px;
	}

	#footer.eup-ft6 .eup-ft6__base-end {
		align-items: flex-end;
		flex: none;
	}

	#footer.eup-ft6 .eup-ft6__list--policies {
		column-gap: clamp(16px, 1.82vw, 35px);
	}

	#footer.eup-ft6 .eup-ft6__base-end .eup-ft6__list--legal {
		column-gap: clamp(16px, 1.62vw, 31px);
	}

	#footer.eup-ft6 .eup-ft6__list--legal .eup-ft6__link,
	#footer.eup-ft6 .eup-ft6__copy {
		font-size: var(--eup-ft6-fs);
		line-height: 1.15;
		margin-left: 0;
		padding: 0.235em 0;
	}

	/* The drawn rings: 30 px on a 36 px pitch (pointer targets of 30 px; phones keep 44 px). */
	#footer.eup-ft6 .eup-ft6__base-end .eup-ft6__social {
		gap: 6px;
		margin: 10px 0 0;
	}

	#footer.eup-ft6 .eup-ft6__base-end .eup-ft6__social-mark {
		height: 30px;
		width: 30px;
	}

	#footer.eup-ft6 .eup-ft6__base-end .eup-ft6__social-mark::before {
		left: 0;
		top: 0;
	}
}

/* From 1024: one row, the logo and the five columns on the drawn spans (338.6, 187.2, 295.2, 229.7, 262.7 and 298.6 of
   1612); Help lists the help pages in one column (no policies now: round 3d's two-column Help is undone). */
@media (min-width: 1024px) {
	#footer.eup-ft6 .eup-ft6__main {
		padding-top: clamp(32px, 3.96vw, 76px);
	}

	#footer.eup-ft6 .eup-ft6__top {
		column-gap: 0;
		grid-template-columns: minmax(0, 338.6fr) minmax(0, 187.2fr) minmax(0, 295.2fr) minmax(0, 229.7fr) minmax(0, 262.7fr) minmax(0, 298.6fr);
		padding-bottom: clamp(28px, 3vw, 57px);
	}

	#footer.eup-ft6 .eup-ft6__brand {
		grid-column: 1;
		grid-row: 1;
		padding: 0.36vw 16px 0 0;
	}

	#footer.eup-ft6 .eup-ft6__group--contact {
		grid-column: auto;
	}

	/* 12 px kept clear at each column's right (at 1024 the tracked headings would otherwise meet). */
	#footer.eup-ft6 .eup-ft6__group {
		padding-right: 12px;
	}

	#footer.eup-ft6 .eup-ft6__group--help .eup-ft6__list--group {
		columns: auto;
		display: flex;
	}
}

/* 1024-1279: the headings at 0.12 em, so "YOUR ACCOUNT" stays on one line in its 142 px. */
@media (min-width: 1024px) and (max-width: 1279.98px) {
	#footer.eup-ft6 .eup-ft6__group-title {
		letter-spacing: 0.12em;
	}
}