/* ==========================================================================
   ARKAY Zero Proof — theme stylesheet
   Colors, fonts and sizes come from theme.json (Appearance > Editor > Styles).
   This file adds what theme.json can't: button shapes, tickers, hero wash,
   section layouts and WooCommerce polish.
   ========================================================================== */

:root {
	--arkay-gutter: var(--wp--preset--spacing--page, clamp(1.25rem, 4vw, 4rem));
	--arkay-site: 82.5rem;
	--arkay-section: var(--wp--preset--spacing--70, clamp(5.5rem, 9vw, 8rem));
	--arkay-card-radius: 1rem;
	--arkay-media-radius: 0.75rem;
	--arkay-cream: var(--wp--preset--color--cream, #fdfbf5);
	--arkay-sand: var(--wp--preset--color--sand, #f6f0e2);
	--arkay-bottle: var(--wp--preset--color--bottle, #f6f3ee);
	--arkay-charcoal: var(--wp--preset--color--charcoal, #212121);
	--arkay-stone: var(--wp--preset--color--stone, #5b5550);
	--arkay-taupe: var(--wp--preset--color--taupe, #c4b59f);
	--arkay-gold: var(--wp--preset--color--gold, #9c845e);
	--arkay-brown: var(--wp--preset--color--brown, #513625);
	--arkay-brown-dark: var(--wp--preset--color--brown-dark, #3e281a);
	--arkay-black: var(--wp--preset--color--black, #010101);
	--arkay-display: var(--wp--preset--font-family--display, "Instrument Serif", Georgia, serif);
	--arkay-sans: var(--wp--preset--font-family--sans, "Hanken Grotesk", Arial, sans-serif);
	--arkay-arrow-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23212121' stroke-width='1.6'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E");
	--arkay-arrow-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fdfbf5' stroke-width='1.6'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E");
	--arkay-diamond: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239c845e' stroke-width='1'%3E%3Cpath d='m12 3 6 9-6 9-6-9 6-9Z'/%3E%3C/svg%3E");
}

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
::selection { background: var(--arkay-brown); color: var(--arkay-cream); }
img { max-width: 100%; height: auto; }
:where(.wp-site-blocks) > * { margin-block-start: 0; }
:where(.wp-site-blocks) main { margin-block: 0; }
.screen-reader-text:focus { z-index: 100000; }
:focus-visible { outline: 2px solid var(--arkay-gold); outline-offset: 2px; }
p { text-wrap: pretty; }
h1, h2, h3, h4 { text-wrap: balance; }
.is-style-statement, .arkay-pdp__title { text-wrap: wrap; }

/* Typography helpers editors can pick */
.is-style-eyebrow,
.arkay-eyebrow {
	font-family: var(--arkay-sans);
	font-size: 0.6875rem !important;
	font-weight: 700;
	letter-spacing: 0.17em;
	line-height: 1.4;
}
.is-style-eyebrow:not(.has-text-color),
.arkay-eyebrow:not(.has-text-color) { color: var(--arkay-brown); }
.is-style-section {
	font-family: var(--arkay-display);
	font-size: clamp(2.5rem, 4.4vw, 4.25rem) !important;
	font-weight: 400;
	line-height: 1.02;
}
.is-style-statement {
	font-family: var(--arkay-sans) !important;
	font-size: clamp(2.25rem, 6.2vw, 6rem) !important;
	font-weight: 400;
	line-height: 1.04;
}
.is-style-statement em { font-family: var(--arkay-display); font-weight: 400; }
.arkay-muted { color: var(--arkay-stone); }
.arkay-lead { font-size: 1.125rem; line-height: 2rem; }
.arkay-measure { max-width: 42rem; }
.arkay-measure-sm { max-width: 32rem; }

.is-style-ruled { list-style: none; padding: 0; margin: 0; font-size: 0.875rem; }
.is-style-ruled li { border-bottom: 1px solid var(--arkay-taupe); padding-block: 0.5rem; }

.is-style-rounded-card img { border-radius: var(--arkay-media-radius); }

/* ---------- Buttons ---------- */
.wp-block-button__link,
.wp-element-button,
.wc-block-components-button:not(.is-link) {
	transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}
.wp-block-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
	border: 1px solid var(--arkay-charcoal);
	border-radius: 999px;
	padding: 0.35rem 0.4rem 0.35rem 1.7rem;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: left;
}
.wp-block-button:not([class*='is-style-']) .wp-block-button__link:not(.has-background) {
	background: var(--arkay-charcoal);
	color: var(--arkay-cream);
}
.wp-block-button .wp-block-button__link::after {
	content: "";
	flex: none;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--arkay-cream) var(--arkay-arrow-dark) center / 1.25rem no-repeat;
}
.wp-block-button:not([class*='is-style-']) .wp-block-button__link:hover {
	background: transparent;
	color: var(--arkay-charcoal);
}
/* Pill – Light */
.wp-block-button.is-style-light .wp-block-button__link {
	background: var(--arkay-cream);
	color: var(--arkay-charcoal);
	border-color: var(--arkay-cream);
}
.wp-block-button.is-style-light .wp-block-button__link::after {
	background-color: var(--arkay-charcoal);
	background-image: var(--arkay-arrow-light);
}
.wp-block-button.is-style-light .wp-block-button__link:hover { background: transparent; color: var(--arkay-cream); }
/* Square – Brown */
.wp-block-button.is-style-square .wp-block-button__link {
	background: var(--arkay-brown);
	color: var(--arkay-cream);
	border-color: var(--arkay-brown);
	border-radius: 0;
	padding: 1rem 1.75rem;
	justify-content: center;
}
.wp-block-button.is-style-square .wp-block-button__link:hover { background: var(--arkay-brown-dark); border-color: var(--arkay-brown-dark); }
/* Square – Outline Light */
.wp-block-button.is-style-outline-light .wp-block-button__link {
	background: transparent;
	color: var(--arkay-cream);
	border-color: var(--arkay-cream);
	border-radius: 0;
	padding: 1rem 1.75rem;
	justify-content: center;
}
.wp-block-button.is-style-outline-light .wp-block-button__link:hover { background: var(--arkay-cream); color: var(--arkay-charcoal); }
/* Gold underline link */
.wp-block-button.is-style-text-link .wp-block-button__link {
	background: none;
	color: inherit;
	border: 0;
	border-bottom: 1px solid var(--arkay-gold);
	border-radius: 0;
	padding: 0 0 0.3rem;
	letter-spacing: 0.1em;
}
.is-style-square .wp-block-button__link::after,
.is-style-outline-light .wp-block-button__link::after,
.is-style-text-link .wp-block-button__link::after { display: none; }
.wp-block-button.is-style-text-link .wp-block-button__link:hover { color: var(--arkay-brown); }
.wp-block-button.arkay-btn-wide { width: 100%; }
.wp-block-button.arkay-btn-wide .wp-block-button__link { width: 100%; }

/* ---------- Ticker / marquee (announcement, As Seen On, product ticker) ---------- */
@keyframes arkay-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.arkay-marquee { overflow: hidden; }
.arkay-marquee__track {
	display: flex;
	width: max-content;
	align-items: center;
	animation: arkay-marquee var(--arkay-marquee-speed, 38s) linear infinite;
}
.arkay-marquee__group { display: flex; flex: none; align-items: center; }
.arkay-marquee:hover .arkay-marquee__track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.arkay-marquee__track { animation-play-state: paused; }
}

/* Announcement bar */
.arkay-announce {
	background: var(--arkay-brown);
	color: var(--arkay-cream);
	padding-block: 0.5rem !important;
	padding-inline: 0 !important;
	font-size: 0.625rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	line-height: 1.5;
	position: relative;
	z-index: 40;
}
@media (min-width: 640px) { .arkay-announce { font-size: 0.6875rem; } }
.arkay-announce p { margin: 0 !important; padding-inline: 1.25rem; display: flex; gap: 2.5rem; align-items: center; white-space: nowrap; }
.arkay-announce p::after { content: "◆"; color: var(--arkay-gold); }
.arkay-announce:not(.is-ready) { display: flex; justify-content: center; overflow: hidden; white-space: nowrap; }

/* ---------- Header ---------- */
/* The whole header part sticks; the 2rem announcement bar scrolls out above it. */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: -2rem;
	z-index: 50;
}
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: calc(var(--wp-admin--admin-bar--height, 32px) - 2rem); }
.arkay-has-hero .wp-site-blocks > header.wp-block-template-part { position: relative; top: 0; }
.arkay-announce { height: 2rem; box-sizing: border-box; }
.arkay-header {
	background: var(--arkay-black);
	color: var(--arkay-cream);
}
.arkay-header__bar {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	max-width: var(--arkay-site);
	height: 3.5rem;
	margin-inline: auto;
	padding-inline: var(--arkay-gutter);
}
.arkay-header__bar > * { margin-block: 0 !important; }
.arkay-header .wp-block-site-logo,
.arkay-header .arkay-header__logo { flex: none; margin: 0; line-height: 0; }
.arkay-header .arkay-header__logo a { display: block; }
.arkay-header .wp-block-site-logo img,
.arkay-header .arkay-header__logo img { height: 2.5rem; width: auto; display: block; }
.arkay-header__actions { display: flex; align-items: center; gap: 1rem; flex: none; }

/* Homepage: floating pill over the hero, then a sticky bar after the hero */
.arkay-has-hero .arkay-header-wrap { position: relative; z-index: 50; height: 0; }
.arkay-has-hero .arkay-header {
	position: absolute;
	inset-inline: 0;
	top: 0;
	background: transparent;
	padding-inline: 0.5rem;
}
@media (min-width: 1024px) { .arkay-has-hero .arkay-header { padding-inline: 2.5rem; } }
.arkay-has-hero .arkay-header .arkay-header__bar {
	max-width: 68rem;
	height: 4.25rem;
	background: var(--arkay-black);
	border-radius: 0 0 2rem 2rem;
	padding-inline: 1.25rem;
	justify-content: center;
}
@media (min-width: 1024px) {
	.arkay-has-hero .arkay-header .arkay-header__bar { height: 3.5rem; padding-inline: 2.25rem; }
	.arkay-has-hero .arkay-header:not(.is-stuck) .arkay-header__logo { position: absolute; left: 2.25rem; }
	.arkay-has-hero .arkay-header:not(.is-stuck) .arkay-header__actions { position: absolute; right: 1.25rem; }
}
@media (max-width: 1023px) {
	.arkay-has-hero .arkay-header:not(.is-stuck) .arkay-header__bar { justify-content: space-between; }
	.arkay-has-hero .arkay-header:not(.is-stuck) .arkay-header__logo img { height: auto; width: 5rem; }
}
.arkay-has-hero .arkay-header.is-stuck {
	position: fixed;
	top: 0;
	padding-inline: 0;
	background: var(--arkay-black);
	animation: arkay-slide-down 300ms ease-out;
}
.admin-bar.arkay-has-hero .arkay-header.is-stuck { top: var(--wp-admin--admin-bar--height, 32px); }
.arkay-has-hero .arkay-header.is-stuck .arkay-header__bar {
	max-width: var(--arkay-site);
	height: 3.5rem;
	border-radius: 0;
	padding-inline: var(--arkay-gutter);
	justify-content: space-between;
}
@keyframes arkay-slide-down { from { transform: translateY(-100%); } to { transform: translateY(0); } }

/* Navigation (core Navigation block) */
.arkay-header .wp-block-navigation {
	font-size: 0.8125rem;
	font-weight: 500;
	gap: 1.75rem;
	--navigation-layout-justification-setting: center;
}
.arkay-header .wp-block-navigation .wp-block-navigation-item__content { color: rgb(253 251 245 / 0.8); padding-block: 0.75rem; }
.arkay-header .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--arkay-cream); }
.arkay-header .wp-block-navigation__submenu-icon { width: 0.75rem; height: 0.75rem; margin-left: 0.5rem; }
.arkay-header .wp-block-navigation__submenu-icon svg { stroke: currentColor; }

/* Desktop dropdown + mega panel */
@media (min-width: 1024px) {
	.arkay-header .wp-block-navigation .wp-block-navigation__container > .has-child { position: static; }
	.arkay-header .wp-block-navigation .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container {
		position: absolute;
		left: 0 !important;
		right: 0;
		top: 100% !important;
		width: auto !important;
		min-width: 0 !important;
		max-height: calc(100dvh - 6rem);
		overflow-y: auto;
		display: grid;
		grid-template-columns: 1fr;
		gap: 1.25rem;
		padding: 2rem;
		background: var(--arkay-black) !important;
		border: 0 !important;
		border-top: 1px solid rgb(253 251 245 / 0.15) !important;
		border-radius: 0 0 1rem 1rem;
		color: var(--arkay-cream) !important;
		box-shadow: none;
	}
	.arkay-header .wp-block-navigation .wp-block-navigation__container > .has-child.arkay-mega > .wp-block-navigation__submenu-container {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 1.75rem;
	}
}
/* Group headings inside panels (2nd level items with children) */
.arkay-header .wp-block-navigation .wp-block-navigation__submenu-container .has-child > .wp-block-navigation-item__content {
	color: var(--arkay-gold) !important;
	font-size: 0.875rem;
	font-weight: 600;
	padding: 0 0 0.75rem !important;
	pointer-events: none;
}
.arkay-header .wp-block-navigation .wp-block-navigation__submenu-container .has-child > .wp-block-navigation__submenu-icon { display: none; }
.arkay-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
	position: static !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	overflow: visible !important;
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	display: block;
}
.arkay-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item { display: block; width: 100%; }
.arkay-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: block;
	padding: 0.5rem 0 !important;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.25rem;
	color: rgb(253 251 245 / 0.75);
	white-space: normal;
}
.arkay-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: var(--arkay-cream); }
@media (min-width: 640px) {
	.arkay-header .arkay-mega .arkay-two-col > .wp-block-navigation__submenu-container { columns: 2; column-gap: 1.25rem; }
}
/* "Coming soon" items: add the CSS class "is-coming-soon" to a link with no URL */
.arkay-header .wp-block-navigation .is-coming-soon > .wp-block-navigation-item__content {
	color: rgb(253 251 245 / 0.4) !important;
	pointer-events: none;
}
.arkay-header .wp-block-navigation .is-coming-soon > .wp-block-navigation-item__content::after {
	content: "Coming soon";
	margin-left: 0.5rem;
	font-size: 0.75rem;
	color: var(--arkay-gold);
}
.arkay-header .arkay-shop-all > .wp-block-navigation-item__content {
	display: inline-block !important;
	color: var(--arkay-cream) !important;
	font-weight: 600 !important;
	border-bottom: 1px solid var(--arkay-gold);
	padding: 0 0 0.25rem !important;
}

/* Mobile overlay menu */
.arkay-header .wp-block-navigation__responsive-container-open,
.arkay-header .wp-block-navigation__responsive-container-close { color: var(--arkay-cream); }
.arkay-header .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--arkay-black) !important;
	color: var(--arkay-cream) !important;
	padding: 1.5rem var(--arkay-gutter) !important;
}
.arkay-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: stretch !important;
	padding-top: 2.5rem;
}
.arkay-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: stretch !important;
	gap: 0 !important;
	width: 100%;
}
.arkay-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
	border-bottom: 1px solid rgb(253 251 245 / 0.15);
	padding-block: 0.5rem;
}
.arkay-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	padding: 0.5rem 0 1rem 0.5rem !important;
	gap: 0.75rem;
}

/* Mini cart */
.arkay-header .wc-block-mini-cart__button { color: var(--arkay-cream); padding: 0.25rem; }
.arkay-header .wc-block-mini-cart__badge { background: var(--arkay-gold); color: var(--arkay-black); font-weight: 700; }
.arkay-header .wc-block-mini-cart__amount { display: none; }
.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents { background: var(--arkay-cream); }

/* ---------- Section scaffolding ---------- */
.arkay-section { padding-block: var(--arkay-section) !important; }
.arkay-card {
	background: var(--wp--preset--color--white, #fff);
	border-radius: var(--arkay-card-radius);
	padding: 0.75rem;
	overflow: hidden;
}
@media (min-width: 640px) { .arkay-card { padding: 1rem; } }

/* ---------- Hero slideshow ---------- */
.arkay-hero {
	position: relative;
	min-height: 88svh;
	overflow: hidden;
	background: var(--arkay-black);
	color: var(--arkay-cream);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 7rem var(--arkay-gutter) 2.5rem !important;
}
@media (min-width: 1024px) { .arkay-hero { min-height: 100svh; padding-bottom: 8vh !important; } }
.arkay-hero > * { position: relative; z-index: 2; }
.arkay-hero .arkay-hero__slides {
	position: absolute !important;
	inset: 0;
	z-index: 0;
	margin: 0 !important;
	display: block !important;
	gap: 0 !important;
}
.arkay-hero .arkay-hero__slides > .wp-block-image {
	position: absolute !important;
	inset: 0;
	width: 100% !important;
	height: 100%;
	margin: 0 !important;
	opacity: 0;
	transition: opacity 1000ms ease;
}
.arkay-hero .arkay-hero__slides > .wp-block-image:first-child,
.arkay-hero .arkay-hero__slides > .wp-block-image.is-active { opacity: 1; }
.arkay-hero.is-ready .arkay-hero__slides > .wp-block-image:not(.is-active) { opacity: 0; }
.arkay-hero .arkay-hero__slides img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: 53% center;
}
@media (min-width: 1024px) { .arkay-hero .arkay-hero__slides img { object-position: center; } }
.arkay-hero .arkay-hero__slides figcaption { display: none; }
/* Phone slides (second gallery, "is-mobile"): portrait banners pinned to the top, fading into black. */
.arkay-hero .arkay-hero__slides.is-mobile { display: none !important; }
@media (max-width: 767px) {
	.arkay-hero:has(.arkay-hero__slides.is-mobile) .arkay-hero__slides:not(.is-mobile) { display: none !important; }
	.arkay-hero .arkay-hero__slides.is-mobile { display: block !important; }
	.arkay-hero .arkay-hero__slides.is-mobile > .wp-block-image { bottom: auto; height: auto; }
	.arkay-hero .arkay-hero__slides.is-mobile img { height: auto !important; aspect-ratio: 4 / 5; object-position: center top; }
	.arkay-hero .arkay-hero__slides.is-mobile > .wp-block-image::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgb(1 1 1 / 0) 50%, rgb(1 1 1 / 0.55) 78%, rgb(1 1 1) 100%); }
}
.arkay-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	/* Shade rises from the bottom, behind the logo and text (phones get their own, below). */
	background: linear-gradient(180deg, rgb(1 1 1 / 0) 0%, rgb(1 1 1 / 0) 42%, rgb(1 1 1 / 0.45) 66%, rgb(1 1 1 / 0.82) 88%, rgb(1 1 1 / 0.9) 100%);
}
/* Phones: the shade rises from the bottom, behind the logo and text. */
@media (max-width: 767px) {
	.arkay-hero::before { background: linear-gradient(180deg, rgb(1 1 1 / 0) 0%, rgb(1 1 1 / 0) 34%, rgb(1 1 1 / 0.75) 55%, rgb(1 1 1 / 0.97) 72%, rgb(1 1 1) 100%); }
}
.arkay-hero__inner {
	width: 100%;
	max-width: var(--wp--style--global--content-size, 1200px);
	margin-inline: auto !important;
	display: grid !important;
	gap: 2.25rem;
	align-items: end;
}
@media (min-width: 1024px) { .arkay-hero__inner { grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.72fr); gap: 4rem; } }
.arkay-hero__logo { margin: 0 !important; }
.arkay-hero__logo img { width: min(90vw, 24.5rem); }
@media (min-width: 1024px) { .arkay-hero__logo img { width: 40.5rem; max-width: 100%; } }
.arkay-hero__copy { position: relative; isolation: isolate; padding-left: 2.5rem; }
@media (min-width: 1024px) { .arkay-hero__copy { padding-left: 3.5rem; margin-bottom: 1.5rem !important; } }
.arkay-hero__copy::before {
	content: "";
	position: absolute;
	inset: -3rem -3.5rem;
	z-index: -1;
	pointer-events: none;
	background: radial-gradient(closest-side, rgb(1 1 1 / 0.48) 0%, rgb(1 1 1 / 0.2) 58%, rgb(1 1 1 / 0) 100%);
}
.arkay-hero__copy::after {
	content: "*";
	position: absolute;
	left: 0;
	top: 0;
	font-family: var(--arkay-display);
	font-size: 3rem;
	line-height: 1;
	color: var(--arkay-cream);
}
.arkay-hero__copy p { max-width: 25rem; font-size: 1rem; line-height: 1.42; color: rgb(253 251 245 / 0.9); margin: 0; }
@media (min-width: 1024px) { .arkay-hero__copy p { font-size: 1.125rem; } }
.arkay-hero__copy .wp-block-buttons { margin-top: 1.75rem !important; }
.arkay-hero .wp-block-button .wp-block-button__link { gap: 1.25rem; }
.arkay-hero .wp-block-button .wp-block-button__link::after { width: 2.5rem; height: 2.5rem; }
.arkay-hero__controls {
	width: 100%;
	max-width: var(--wp--style--global--content-size, 1200px);
	margin: 1.75rem auto 0;
	display: flex;
	align-items: center;
	gap: 0.25rem;
}
.arkay-hero__controls button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--arkay-cream);
	cursor: pointer;
}
.arkay-hero__controls .arkay-dot span { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: currentColor; opacity: 0.4; transition: opacity 200ms; }
.arkay-hero__controls .arkay-dot[aria-pressed="true"] span { opacity: 1; }
.arkay-hero__controls .arkay-pause { border: 1px solid rgb(253 251 245 / 0.4); }
.arkay-hero__controls .arkay-pause svg { width: 0.75rem; height: 0.75rem; fill: currentColor; }

/* ---------- Intro statement (black) ---------- */
.arkay-intro {
	min-height: 30rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-top: 1.75rem !important;
	padding-bottom: 3.5rem !important;
}
@media (min-width: 1024px) { .arkay-intro { min-height: 38rem; padding-top: 2.5rem !important; padding-bottom: 4rem !important; } }
.arkay-intro .arkay-intro__eyebrow {
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--arkay-gold);
	margin: 0;
}
@media (min-width: 1024px) { .arkay-intro .arkay-intro__eyebrow { font-size: 1rem; } }
.arkay-intro h2 {
	margin-top: 2.5rem !important;
	max-width: 68rem;
	font-family: var(--arkay-sans);
	font-size: 2.25rem;
	font-weight: 400;
	line-height: 1.03;
}
@media (min-width: 640px) { .arkay-intro h2 { font-size: 3.75rem; } }
@media (min-width: 1024px) { .arkay-intro h2 { font-size: 4.5rem; } }
@media (min-width: 1280px) { .arkay-intro h2 { font-size: 6rem; } }
.arkay-intro h2 em { display: block; font-family: var(--arkay-display); font-weight: 400; }

/* ---------- As Seen On ---------- */
.arkay-seen { padding-top: 2rem !important; padding-bottom: 3.5rem !important; padding-inline: 0 !important; }
@media (min-width: 1024px) { .arkay-seen { padding-top: 3rem !important; padding-bottom: 5rem !important; } }
.arkay-seen .arkay-seen__eyebrow {
	text-align: center;
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--arkay-gold);
	margin: 0;
}
@media (min-width: 640px) { .arkay-seen .arkay-seen__eyebrow { font-size: 0.75rem; } }
.arkay-seen .arkay-logos { margin-top: 2rem !important; }
@media (min-width: 1024px) { .arkay-seen .arkay-logos { margin-top: 2.5rem !important; } }
.arkay-logos.wp-block-gallery,
.arkay-logos .arkay-marquee__group { flex-wrap: nowrap !important; gap: 0 !important; align-items: center; }
.arkay-logos.wp-block-gallery:not(.is-ready) { justify-content: center; overflow: hidden; }
.arkay-logos .wp-block-image { flex: none !important; width: auto !important; margin: 0 2.5rem !important; }
@media (min-width: 1024px) { .arkay-logos .wp-block-image { margin-inline: 3.5rem !important; } }
.arkay-logos .wp-block-image img { height: 2rem !important; width: auto !important; max-width: none; object-fit: contain; opacity: 0.9; }
@media (min-width: 640px) { .arkay-logos .wp-block-image img { height: 2.5rem !important; } }
@media (min-width: 1024px) { .arkay-logos .wp-block-image img { height: 3rem !important; } }
.arkay-logos figcaption { display: none; }

/* ---------- Find your pour (spirit cards) ---------- */
.arkay-split-head { display: grid !important; gap: 1.25rem; margin-top: 1.25rem !important; }
@media (min-width: 768px) { .arkay-split-head { grid-template-columns: 1fr 0.65fr; align-items: end; } .arkay-split-head > :last-child { justify-self: end; } }
.arkay-split-head > * { margin: 0 !important; }
.arkay-spirits-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	column-gap: 1rem;
	row-gap: 2rem;
	margin-top: 3.5rem !important;
}
.arkay-spirits-grid > * { margin: 0 !important; }
@media (min-width: 768px) { .arkay-spirits-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (min-width: 1024px) { .arkay-spirits-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 1.25rem; } }
.arkay-spirit {
	position: relative;
	background: var(--arkay-cream);
	border-radius: var(--arkay-card-radius);
	padding: 0.5rem !important;
	overflow: hidden;
}
@media (min-width: 640px) { .arkay-spirit { padding: 0.625rem !important; } }
.arkay-spirit > * { margin: 0 !important; }
.arkay-spirit .wp-block-image { aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--arkay-media-radius); }
.arkay-spirit .wp-block-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms ease; }
.arkay-spirit:hover .wp-block-image img { transform: scale(1.03); }
.arkay-spirit h3 { margin-top: 1.25rem !important; font-size: 1.25rem; font-weight: 400; line-height: 1.2; }
@media (min-width: 640px) { .arkay-spirit h3 { font-size: 1.5rem; } }
.arkay-spirit h3 a::after { content: ""; position: absolute; inset: 0; }
.arkay-spirit .arkay-spirit__cta { margin-top: 0.5rem !important; padding-bottom: 0.25rem; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.12em; color: var(--arkay-brown); }

/* ---------- Product cards (WooCommerce Product Collection) ---------- */
.arkay-products .wc-block-product-template,
.arkay-products .wp-block-woocommerce-product-template {
	display: grid !important;
	gap: 1.25rem !important;
	grid-template-columns: repeat(var(--arkay-cols, 4), minmax(0, 1fr)) !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
@media (max-width: 1023px) { .arkay-products { --arkay-cols: 2; } }
@media (max-width: 767px) {
	.arkay-products.is-scroller .wc-block-product-template,
	.arkay-products.is-scroller .wp-block-woocommerce-product-template {
		display: flex !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		margin-inline: calc(var(--arkay-gutter) * -1) !important;
		padding: 0 var(--arkay-gutter) 1.25rem !important;
		scroll-padding-inline: var(--arkay-gutter);
	}
	.arkay-products.is-scroller .wc-block-product { flex: none; width: 78vw !important; max-width: 20rem; scroll-snap-align: start; }
	.arkay-products:not(.is-scroller) { --arkay-cols: 1; }
}
@media (min-width: 480px) and (max-width: 767px) { .arkay-products:not(.is-scroller) { --arkay-cols: 2; } }
.arkay-products.cols-3 { --arkay-cols: 3; }
.arkay-products .wc-block-product {
	display: flex;
	flex-direction: column;
	background: var(--wp--preset--color--white, #fff);
	border-radius: var(--arkay-card-radius);
	padding: 0.75rem;
	text-align: center;
	width: auto !important;
	margin: 0 !important;
}
.arkay-products.is-on-white .wc-block-product { background: var(--arkay-cream); }
@media (min-width: 640px) { .arkay-products .wc-block-product { padding: 1rem; } }
.arkay-products .wc-block-components-product-image,
.arkay-products .wp-block-woocommerce-product-image {
	aspect-ratio: 1;
	background: var(--arkay-bottle);
	border-radius: var(--arkay-media-radius);
	overflow: hidden;
	margin: 0 !important;
}
.arkay-products .wc-block-components-product-image { position: relative; }
.arkay-products .wc-block-components-product-image a { position: absolute; inset: 0; display: block; }
.arkay-products .wc-block-components-product-image img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: contain !important;
	padding: 0;
	mix-blend-mode: multiply;
	aspect-ratio: auto !important;
}
.arkay-products .wp-block-post-title {
	margin: 1.25rem 0 0 !important;
	font-family: var(--arkay-sans);
	font-size: 1.25rem !important;
	font-weight: 400;
	line-height: 1.2;
}
.arkay-products .wp-block-post-title a { color: inherit; }
.arkay-products .arkay-size { margin: 0.5rem 0 0 !important; font-size: 0.75rem; color: var(--arkay-stone); }
.arkay-products .wc-block-components-product-price,
.arkay-products .wp-block-woocommerce-product-price {
	margin: 0.75rem 0 0 !important;
	font-size: 0.875rem !important;
	font-weight: 600;
}
.arkay-products .wp-block-woocommerce-product-button,
.arkay-products .wc-block-components-product-button { margin-top: auto !important; padding-top: 1.25rem; width: 100%; }
.arkay-products .wc-block-components-product-button .wp-block-button__link,
.arkay-products .wc-block-components-product-button__button {
	display: inline-flex !important;
	align-items: center;
	justify-content: space-between !important;
	width: 100% !important;
	margin: 0 !important;
	border: 1px solid var(--arkay-charcoal) !important;
	border-radius: 999px !important;
	background: var(--arkay-charcoal) !important;
	color: var(--arkay-cream) !important;
	padding: 0.35rem 0.4rem 0.35rem 1.7rem !important;
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.2 !important;
	min-height: 0 !important;
}
.arkay-products .wc-block-components-product-button__button::after {
	content: "";
	flex: none;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--arkay-cream) var(--arkay-arrow-dark) center / 1.25rem no-repeat;
}
.arkay-products .wc-block-components-product-button__button:hover { background: transparent !important; color: var(--arkay-charcoal) !important; }
.arkay-products .wc-block-components-product-button .added_to_cart { display: block; margin-top: 0.5rem; font-size: 0.75rem; color: var(--arkay-brown); }
.arkay-products .wc-block-components-product-sale-badge { display: none; }

/* ---------- Brand story split ---------- */
.arkay-story { gap: 0 !important; min-height: 44rem; margin-block: 0 !important; }
.arkay-story > .wp-block-column { margin: 0 !important; }
.arkay-story .arkay-story__media { position: relative; min-height: 31rem; overflow: hidden; background: var(--wp--preset--color--oxblood); }
@media (min-width: 640px) { .arkay-story .arkay-story__media { min-height: 40rem; } }
@media (min-width: 782px) { .arkay-story .arkay-story__media { min-height: 100%; } }
.arkay-story .arkay-story__media .wp-block-image,
.arkay-story .arkay-story__media .wp-block-image img { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; object-fit: cover; }
.arkay-story .arkay-story__copy { display: flex; align-items: center; padding: 5rem var(--arkay-gutter) !important; }
@media (min-width: 1024px) { .arkay-story .arkay-story__copy { padding: 7rem max(4rem, calc((100vw - 1320px) / 2)) 7rem 5rem !important; } }
.arkay-story .arkay-story__copy > .wp-block-group { max-width: 36rem; }
.arkay-story p:not(.is-style-eyebrow) { font-size: 1rem; line-height: 2rem; color: rgb(253 251 245 / 0.75); }
@media (min-width: 640px) { .arkay-story p:not(.is-style-eyebrow) { font-size: 1.125rem; } }

/* ---------- W.A.R.M. callouts ---------- */
.arkay-warm-grid { display: grid !important; gap: 2.5rem; }
@media (min-width: 1024px) { .arkay-warm-grid { grid-template-columns: 0.8fr 1.2fr; gap: 6rem; } }
.arkay-callouts { border-top: 1px solid var(--arkay-gold); }
.arkay-callout {
	display: grid !important;
	gap: 0.75rem;
	border-bottom: 1px solid var(--arkay-gold);
	padding-block: 2rem !important;
	margin: 0 !important;
}
@media (min-width: 640px) { .arkay-callout { grid-template-columns: 10rem 1fr; align-items: baseline; } }
.arkay-callout > * { margin: 0 !important; }
.arkay-callout h3 { font-family: var(--arkay-sans); font-size: 0.75rem !important; font-weight: 700; letter-spacing: 0.16em; color: var(--arkay-brown); }
.arkay-callout p { font-family: var(--arkay-display); font-size: 1.5rem; line-height: 2rem; }

/* ---------- Image moment (Drink Differently) ---------- */
.arkay-moment.wp-block-cover { min-height: 43rem; padding: 5rem var(--arkay-gutter) !important; align-items: flex-end; }
@media (min-width: 640px) { .arkay-moment.wp-block-cover { padding-block: 6rem !important; } }
.arkay-moment .wp-block-cover__inner-container { max-width: var(--wp--style--global--content-size, 1200px); width: 100%; margin-inline: auto; }
.arkay-moment .wp-block-cover__inner-container > * { max-width: 36rem; }
.arkay-moment .wp-block-cover__inner-container { position: relative; z-index: 2; }
.arkay-moment p { font-size: 1rem; line-height: 2rem; color: rgb(253 251 245 / 0.8); }
@media (min-width: 640px) { .arkay-moment p { font-size: 1.125rem; } }
/* Desktop: the new image has its own dark negative space, so no wash.
   Mobile: crop to the bottle and fade up from the bottom behind the copy. */
@media (max-width: 781px) {
	.arkay-moment.wp-block-cover { min-height: 46rem; background: var(--arkay-black); padding-top: 0 !important; padding-bottom: 3.5rem !important; }
	.arkay-moment .wp-block-cover__image-background {
		height: 62% !important;
		bottom: auto !important;
		object-position: 86% 35% !important;
	}
	.arkay-moment.has-mobile-wash::before {
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		background: linear-gradient(180deg, rgb(1 1 1 / 0) 34%, rgb(1 1 1 / 0.7) 50%, var(--arkay-black) 62%);
		pointer-events: none;
	}
}

/* ---------- Values strip ---------- */
.arkay-values {
	border-block: 1px solid rgb(156 132 94 / 0.35);
}
.arkay-values-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0 !important;
	padding-block: 3.5rem !important;
}
@media (min-width: 640px) { .arkay-values-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (min-width: 1024px) { .arkay-values-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } }
.arkay-values-grid > p {
	margin: 0 !important;
	padding: 1.25rem 0.75rem;
	text-align: center;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}
.arkay-values-grid > p::before {
	content: "";
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	margin: 0 auto 1rem;
	background: var(--arkay-diamond) center / contain no-repeat;
}
@media (min-width: 1024px) {
	.arkay-values-grid > p { border-left: 1px solid rgb(156 132 94 / 0.35); }
	.arkay-values-grid > p:last-child { border-right: 1px solid rgb(156 132 94 / 0.35); }
}

/* ---------- Newsletter / club ---------- */
.arkay-signup-grid { display: grid !important; gap: 2.5rem; }
@media (min-width: 1024px) { .arkay-signup-grid { grid-template-columns: 0.8fr 1.2fr; align-items: end; gap: 6rem; } .arkay-signup-grid.is-even { grid-template-columns: 1fr 1fr; gap: 5rem; } }
.arkay-signup-grid p:not(.is-style-eyebrow) { color: rgb(253 251 245 / 0.75); max-width: 32rem; }
.arkay-signup {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	border-bottom: 1px solid var(--arkay-cream);
	margin: 0;
}
@media (min-width: 640px) { .arkay-signup { flex-direction: row; flex-wrap: wrap; align-items: center; } }
.arkay-signup { position: relative; }
.arkay-signup__status[hidden] { display: none; }
.arkay-signup__status.is-error { color: #f3b7a6; }
.arkay-signup input[type="email"] {
	flex: 1;
	min-width: 0;
	background: transparent;
	border: 0;
	color: inherit;
	padding: 1rem 0.25rem;
	font: inherit;
	font-size: 0.875rem;
	letter-spacing: 0.1em;
	outline: none;
}
.arkay-signup input[type="email"]::placeholder { color: rgb(253 251 245 / 0.55); }
.arkay-signup button {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	align-self: flex-start;
	border: 1px solid var(--arkay-cream);
	background: var(--arkay-cream);
	color: var(--arkay-charcoal);
	border-radius: 999px;
	padding: 0.35rem 0.4rem 0.35rem 1.7rem;
	font: inherit;
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 180ms, color 180ms;
}
@media (min-width: 640px) { .arkay-signup button { align-self: auto; } }
.arkay-signup button::after {
	content: "";
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--arkay-charcoal) var(--arkay-arrow-light) center / 1.25rem no-repeat;
}
.arkay-signup button:hover { background: transparent; color: var(--arkay-cream); }
.arkay-signup__status { flex-basis: 100%; margin: 0.5rem 0 0; font-size: 0.875rem; }

/* ---------- Footer ---------- */
.arkay-footer { padding: 5rem var(--arkay-gutter) 2rem !important; font-size: 0.875rem; }
.arkay-footer a { color: rgb(253 251 245 / 0.7); transition: color 150ms; }
.arkay-footer a:hover { color: var(--arkay-cream); }
.arkay-footer__top {
	display: grid !important;
	gap: 3rem;
	padding-bottom: 4rem !important;
	border-bottom: 1px solid rgb(253 251 245 / 0.2);
}
@media (min-width: 640px) { .arkay-footer__top { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .arkay-footer__top { grid-template-columns: 1.4fr 0.8fr 0.8fr 1fr; gap: 4rem; } }
.arkay-footer__top > * { margin: 0 !important; }
.arkay-footer .arkay-footer__logo img { width: 9rem; }
.arkay-footer .arkay-footer__tagline { margin-top: 1.75rem !important; max-width: 20rem; font-family: var(--arkay-display); font-size: 1.25rem; line-height: 1.75rem; }
.arkay-footer .arkay-footer__address { margin-top: 2rem !important; font-size: 0.75rem; line-height: 1.5rem; color: rgb(253 251 245 / 0.65); }
.arkay-footer h2 { font-family: var(--arkay-sans); font-size: 0.6875rem !important; font-weight: 700; letter-spacing: 0.16em; color: var(--arkay-gold); margin: 0; line-height: 1.4; }
.arkay-footer .wp-block-list { list-style: none; padding: 0; margin: 1.5rem 0 0 !important; }
.arkay-footer .wp-block-list li + li { margin-top: 0.75rem; }
.arkay-footer .wp-block-list li { line-height: 1.5; }
.arkay-footer__legal { margin-top: 3rem !important; padding-top: 2rem; border-top: 1px solid rgb(253 251 245 / 0.2); }
.arkay-footer__legal p { max-width: 56rem; font-size: 0.625rem; line-height: 1.25rem; color: rgb(253 251 245 / 0.6); margin: 0.75rem 0 0 !important; }
.arkay-footer__legal h2 + p { margin-top: 1.5rem !important; }
.arkay-footer .arkay-footer__copy { padding-top: 2rem; font-size: 0.625rem; letter-spacing: 0.1em; color: rgb(253 251 245 / 0.5); margin-block: 0 !important; }

/* ---------- Editor-only helpers ---------- */
.editor-styles-wrapper .arkay-hero .arkay-hero__slides > .wp-block-image:not(:first-child) { display: none; }
.editor-styles-wrapper .arkay-has-hero .arkay-header { position: relative; }

/* ---------- Layout fixes ---------- */
.arkay-main > .wp-block-post-content > .alignfull,
.arkay-main > .wp-block-post-content > .wp-block-cover.alignfull { margin-block: 0 !important; }
.arkay-main { margin: 0 !important; }
.arkay-measure, .arkay-measure-sm { margin-left: 0 !important; }
.arkay-head > * { max-width: 42rem; }
.arkay-center { justify-content: center; }
.arkay-mt-lg { margin-top: 3rem !important; }
.arkay-section .arkay-products,
.arkay-section .wp-block-woocommerce-product-collection { margin-top: 3.5rem !important; }
.arkay-section .arkay-products + .wp-block-buttons { margin-top: 3.5rem !important; }
.arkay-story.has-background { padding: 0 !important; }
.arkay-newsletter { padding-block: 5rem !important; }
@media (min-width: 640px) { .arkay-newsletter { padding-block: 6rem !important; } }
.arkay-newsletter h2, .arkay-signup-grid h2 { margin-top: 1.25rem !important; }
.arkay-head > * + *, .arkay-signup-grid > div > * + * { margin-top: 1.25rem !important; }
.arkay-head h2 + p, .arkay-signup-grid h2 + p { margin-top: 1.25rem !important; }
@media (max-width: 1023px) {
	.arkay-header .wp-block-navigation { order: 3; flex: none; }
	.arkay-header__bar > .arkay-header__actions { margin-left: auto !important; }
}
@media (min-width: 1024px) { .arkay-header .wp-block-navigation { flex: 1; } }
@media (min-width: 1024px) {
	.arkay-header .wp-block-navigation,
	.arkay-header .wp-block-navigation__responsive-container,
	.arkay-header .wp-block-navigation__responsive-close,
	.arkay-header .wp-block-navigation__responsive-dialog,
	.arkay-header .wp-block-navigation__responsive-container-content,
	.arkay-header .wp-block-navigation__container { position: static !important; }
}
.arkay-header .wp-block-navigation .is-coming-soon > .wp-block-navigation-item__content::after { display: inline-block; white-space: nowrap; }

/* Mobile menu: top-level sections collapse like the Lovable accordion */
.arkay-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .has-child > .wp-block-navigation-item__content {
	display: flex !important;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	font-size: 0.8125rem;
	font-weight: 500;
	color: rgb(253 251 245 / 0.8);
	padding-block: 0.75rem !important;
}
.arkay-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .has-child > .wp-block-navigation-item__content::after {
	content: "";
	width: 0.75rem;
	height: 0.75rem;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black'%3E%3Cpath d='m2 4 4 4 4-4'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 200ms;
}
.arkay-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .has-child.arkay-open > .wp-block-navigation-item__content::after { transform: rotate(180deg); }
.arkay-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container { display: none !important; }
.arkay-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .has-child.arkay-open > .wp-block-navigation__submenu-container { display: flex !important; }
.arkay-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .has-child > .wp-block-navigation-item__content { color: var(--arkay-gold) !important; font-size: 0.875rem; font-weight: 600; padding-top: 0.75rem !important; }
.arkay-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 0.875rem; color: rgb(253 251 245 / 0.75); }

/* ==========================================================================
   Product page
   ========================================================================== */
.arkay-pdp { padding-top: 2.5rem !important; padding-bottom: 5rem !important; }
@media (min-width: 1024px) { .arkay-pdp { padding-top: 3.5rem !important; padding-bottom: 7rem !important; } }
.arkay-breadcrumbs { margin-bottom: 2rem !important; font-size: 0.75rem; color: var(--arkay-stone); }
.arkay-breadcrumbs a { color: var(--arkay-stone); }
.arkay-breadcrumbs a:hover { color: var(--arkay-charcoal); }
.arkay-pdp__grid { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 2.5rem; margin-top: 0 !important; }
@media (min-width: 1024px) { .arkay-pdp__grid { grid-template-columns: 1.1fr 1fr; gap: 4rem; } }
.arkay-pdp__grid > * { margin: 0 !important; min-width: 0; }
.arkay-pdp__media {
	background: #fff;
	border-radius: var(--arkay-card-radius);
	padding: 0.75rem !important;
	overflow: hidden;
}
@media (min-width: 640px) { .arkay-pdp__media { padding: 1rem !important; } }
@media (min-width: 1024px) { .arkay-pdp__media { position: sticky; top: 5rem; align-self: start; } }
.arkay-pdp__image { margin: 0 !important; aspect-ratio: 1; background: var(--arkay-bottle); border-radius: var(--arkay-media-radius); overflow: hidden; }
.arkay-pdp__image img { width: 100% !important; height: 100% !important; object-fit: contain !important; mix-blend-mode: multiply; }
.arkay-pdp__info > * { margin-block: 0 !important; }
.arkay-pdp__title {
	font-family: var(--arkay-sans) !important;
	font-size: 2.25rem !important;
	font-weight: 400;
	line-height: 1.05 !important;
}
@media (min-width: 1024px) { .arkay-pdp__title { font-size: 3.75rem !important; } }
.arkay-pdp__values {
	margin-top: 1rem !important;
	font-family: var(--arkay-display);
	font-style: italic;
	font-size: 1.5rem;
	line-height: 1.3;
	color: var(--arkay-brown);
}
@media (min-width: 1024px) { .arkay-pdp__values { font-size: 1.875rem; } }
.arkay-dot-sep { color: var(--arkay-gold); margin-inline: 0.35em; font-style: normal; }
.arkay-rating {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	margin-top: 1rem !important;
	font-size: 0.875rem;
	color: var(--arkay-stone);
}
.arkay-rating__stars { position: relative; display: inline-flex; }
.arkay-rating__stars > span { display: inline-flex; gap: 0.125rem; }
.arkay-rating__stars svg { width: 1rem; height: 1rem; }
.arkay-rating__empty svg { fill: none; stroke: var(--arkay-gold); stroke-width: 1.4; }
.arkay-rating__full { position: absolute; inset: 0; overflow: hidden; width: var(--arkay-rating, 0%); }
.arkay-rating__full svg { fill: var(--arkay-gold); stroke: var(--arkay-gold); stroke-width: 1.4; flex: none; }
.arkay-pdp__specs {
	margin-top: 1.5rem !important;
	border-block: 1px solid rgb(156 132 94 / 0.4);
	padding-block: 1rem;
	overflow-x: auto;
	white-space: nowrap;
	font-size: 0.55rem;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--arkay-stone);
}
@media (min-width: 640px) { .arkay-pdp__specs { font-size: 0.6875rem; letter-spacing: 0.1em; } }
.arkay-product-price { margin-top: 1.5rem !important; font-size: 1.875rem !important; font-weight: 600; line-height: 1.2; }
.arkay-product-price del { display: none; }
.arkay-pdp__summary { margin-top: 1.25rem !important; color: var(--arkay-stone); line-height: 1.75rem; }
.arkay-pdp__summary .wp-block-post-excerpt__more-text { display: none; }
.arkay-pdp__summary p { margin: 0; }

/* Flavor picker */
.arkay-flavors { margin-top: 2rem !important; }
.arkay-flavors__label { margin: 0 0 0.5rem; }
.arkay-flavors__intro { margin: 0 0 1rem; font-size: 0.875rem; color: var(--arkay-stone); }
.arkay-flavors__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.5rem; }
@media (min-width: 640px) { .arkay-flavors__grid { gap: 0.75rem; } }
.arkay-flavor {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 0;
	padding: 0.375rem;
	border: 1px solid var(--arkay-taupe);
	border-radius: var(--arkay-media-radius);
	background: var(--arkay-cream);
	text-align: center;
	transition: border-color 150ms;
}
@media (min-width: 640px) { .arkay-flavor { padding: 0.5rem; } }
.arkay-flavor:hover { border-color: var(--arkay-charcoal); }
.arkay-flavor.is-current { border-color: var(--arkay-charcoal); background: var(--arkay-sand); }
.arkay-flavor__img { display: block; width: 100%; aspect-ratio: 1; overflow: hidden; border-radius: 0.5rem; background: var(--arkay-bottle); }
.arkay-flavor__img img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; padding: 0; box-sizing: border-box; }
.arkay-flavor__name { margin-top: 0.5rem; max-width: 100%; font-size: 0.65rem; font-weight: 600; line-height: 1.2; }
@media (min-width: 640px) { .arkay-flavor__name { font-size: 0.75rem; } }

/* Add to cart: pack buttons, stepper, button */
.arkay-atc { margin-top: 2rem !important; }
.arkay-atc form.cart { margin: 0; }
.arkay-atc .variations_form.has-arkay-packs table.variations,
.arkay-atc .variations_form.has-arkay-packs .reset_variations,
.arkay-atc .variations_form.has-arkay-packs .woocommerce-variation-price,
.arkay-atc .variations_form.has-arkay-packs .woocommerce-variation-description { display: none !important; }
.arkay-packs { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.arkay-packs legend { margin-bottom: 0.75rem; padding: 0; }
.arkay-pack {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	padding: 1rem 1.25rem;
	border: 1px solid var(--arkay-taupe);
	border-radius: var(--arkay-media-radius);
	background: transparent;
	color: var(--arkay-charcoal);
	font: inherit;
	font-size: 0.875rem;
	text-align: left;
	cursor: pointer;
	transition: border-color 150ms, background-color 150ms;
}
.arkay-pack:hover { border-color: rgb(33 33 33 / 0.5); }
.arkay-pack[aria-pressed="true"] { border-color: var(--arkay-charcoal); background: #fff; }
.arkay-pack:disabled { opacity: 0.45; cursor: not-allowed; }
.arkay-pack__label { font-weight: 600; }
.arkay-pack__price { color: var(--arkay-stone); text-align: right; }
.arkay-pack__price em { font-style: normal; color: var(--arkay-brown); margin-left: 0.25rem; }
.arkay-atc .woocommerce-variation-add-to-cart,
.arkay-atc form.cart:not(.variations_form) {
	display: flex !important;
	align-items: stretch;
	gap: 0.75rem;
	margin-top: 1.5rem;
}
.arkay-atc form.cart.has-arkay-packs:not(.variations_form) { flex-wrap: wrap; }
.arkay-atc form.cart.has-arkay-packs:not(.variations_form) > .arkay-packs { flex: 1 0 100%; margin-bottom: 0.75rem; }
.arkay-atc .quantity { display: flex; align-items: center; border: 1px solid var(--arkay-taupe); border-radius: 999px; margin: 0 !important; }
.arkay-atc .quantity input.qty {
	width: 1.5rem;
	border: 0;
	background: transparent;
	text-align: center;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	-moz-appearance: textfield;
	padding: 0;
}
.arkay-atc .quantity input.qty::-webkit-outer-spin-button,
.arkay-atc .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.arkay-atc .arkay-stepper button { border: 0; background: none; padding: 0 1rem; font-size: 1.125rem; cursor: pointer; color: inherit; height: 100%; }
.arkay-atc .single_add_to_cart_button {
	flex: 1;
	display: inline-flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0 !important;
	border: 1px solid var(--arkay-charcoal) !important;
	border-radius: 999px !important;
	background: var(--arkay-charcoal) !important;
	color: var(--arkay-cream) !important;
	padding: 0.35rem 0.4rem 0.35rem 1.7rem !important;
	font-family: var(--arkay-sans) !important;
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.2 !important;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 180ms, color 180ms;
}
.arkay-atc .single_add_to_cart_button::after {
	content: "";
	flex: none;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: var(--arkay-cream) var(--arkay-arrow-dark) center / 1.25rem no-repeat;
}
.arkay-atc .single_add_to_cart_button:hover { background: transparent !important; color: var(--arkay-charcoal) !important; }
.arkay-atc .single_add_to_cart_button.disabled { opacity: 0.5; }
.arkay-pdp__ship-note { margin-top: 0.75rem !important; font-size: 0.75rem; color: var(--arkay-stone); }
.arkay-notes { display: grid; gap: 2rem; margin-top: 2.5rem !important; }
@media (min-width: 640px) { .arkay-notes { grid-template-columns: 1fr 1fr; } }
.arkay-notes h2 { margin: 0; }
.arkay-notes ul { margin-top: 1rem; }
.arkay-notes li { padding-block: 0 0.5rem; margin-top: 0.5rem; }
.arkay-accordions { margin-top: 2.5rem !important; border-top: 1px solid var(--arkay-taupe); }
.arkay-acc { border-bottom: 1px solid var(--arkay-taupe); padding-block: 1.25rem; margin: 0 !important; }
.arkay-acc summary,
.arkay-faq__item summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	list-style: none;
	cursor: pointer;
}
.arkay-acc summary { font-size: 0.875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.14em; }
.arkay-acc summary::-webkit-details-marker,
.arkay-faq__item summary::-webkit-details-marker { display: none; }
.arkay-acc summary::after,
.arkay-faq__item summary::after { content: "+"; font-size: 1.125rem; font-weight: 400; transition: transform 200ms; }
.arkay-faq__item summary::after { font-size: 1.5rem; }
.arkay-acc[open] summary::after,
.arkay-faq__item[open] summary::after { transform: rotate(45deg); }
.arkay-acc p { margin-top: 1rem !important; font-size: 0.875rem; line-height: 1.75rem; color: var(--arkay-stone); }

/* Ticker (product page) */
.arkay-ticker { padding: 1rem 0 !important; }
.arkay-ticker p {
	margin: 0 !important;
	padding-inline: 2.5rem;
	display: flex;
	align-items: center;
	gap: 2.5rem;
	white-space: nowrap;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.17em;
	text-transform: uppercase;
}
@media (min-width: 640px) { .arkay-ticker p { font-size: 0.875rem; } }
.arkay-ticker p::after { content: "✳"; font-family: var(--arkay-display); font-size: 1.25rem; color: var(--arkay-gold); }
.arkay-ticker:not(.is-ready) { display: flex; overflow: hidden; }

/* Made for the moment */
.arkay-pdp-moment { padding-block: 4rem !important; }
@media (min-width: 640px) { .arkay-pdp-moment { padding-block: 6rem !important; } }
.arkay-pdp-moment > p.arkay-lead { margin-top: 1.5rem !important; }
.arkay-photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin-top: 2.5rem !important; }
@media (min-width: 640px) { .arkay-photos { gap: 1.25rem; } }
@media (min-width: 1024px) { .arkay-photos { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.arkay-photos__item { margin: 0; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 0.5rem; background: var(--arkay-bottle); }
.arkay-photos__item img { width: 100%; height: 100%; object-fit: cover; }

/* Statement */
.arkay-statement { padding-block: 6rem !important; }
@media (min-width: 640px) { .arkay-statement { padding-block: 8rem !important; } }
.arkay-statement__title { margin-top: 2rem !important; max-width: 64rem; margin-left: 0 !important; line-height: 1.06 !important; }
.arkay-statement__title em { color: var(--arkay-gold); }
.arkay-statement__body { margin-top: 2.25rem !important; max-width: 42rem; margin-left: 0 !important; font-size: 1rem; line-height: 2rem; color: rgb(253 251 245 / 0.7); }
@media (min-width: 640px) { .arkay-statement__body { font-size: 1.125rem; } }

/* Reviews */
.arkay-reviews .arkay-reviews__empty { margin-top: 3rem !important; border-block: 1px solid var(--arkay-taupe); padding-block: 2.5rem !important; }
@media (min-width: 640px) { .arkay-reviews .arkay-reviews__empty { padding-block: 3.5rem !important; } }
.arkay-reviews__empty-title { font-family: var(--arkay-sans) !important; font-size: 1.25rem !important; font-weight: 500; }
@media (min-width: 640px) { .arkay-reviews__empty-title { font-size: 1.5rem !important; } }
.arkay-reviews__empty p { max-width: 36rem; margin-top: 0.75rem !important; font-size: 0.875rem; line-height: 1.75rem; }
.arkay-has-reviews .arkay-reviews__empty { display: none !important; }
body:not(.arkay-has-reviews) .arkay-reviews__list .wp-block-woocommerce-product-reviews-title { display: none; }
.arkay-reviews__list { margin-top: 2rem !important; }

/* FAQ */
.arkay-faq { display: grid !important; gap: 3rem; }
@media (min-width: 1024px) { .arkay-faq { grid-template-columns: 0.8fr 1.2fr; gap: 6rem; } }
.arkay-faq > * { margin: 0 !important; }
.arkay-faq__list { border-top: 1px solid var(--arkay-taupe); }
.arkay-faq__item { border-bottom: 1px solid var(--arkay-taupe); padding-block: 1.5rem; margin: 0 !important; }
.arkay-faq__item summary { font-size: 1rem; font-weight: 600; }
.arkay-faq__item p { margin-top: 1rem !important; max-width: 36rem; font-size: 0.875rem; line-height: 1.75rem; color: var(--arkay-stone); }

/* Recommended */
.arkay-recommended { margin-top: 3rem !important; }
.arkay-recommended .wc-block-product-template { list-style: none; }
.arkay-recommended .wp-block-post-title { padding-top: 0; }
.arkay-recommended .wc-block-components-product-price { padding-bottom: 0.5rem; }

/* ==========================================================================
   Shop / category pages
   ========================================================================== */
.arkay-shop .arkay-head h1 { margin-top: 1.25rem !important; }
.arkay-pills { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 3rem !important; }
.arkay-pill {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgb(33 33 33 / 0.2);
	border-radius: 999px;
	padding: 0.625rem 1.5rem;
	font-size: 0.75rem;
	line-height: 1rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--arkay-charcoal);
	transition: border-color 150ms, color 150ms, background-color 150ms;
}
.arkay-pill:hover { border-color: var(--arkay-brown); color: var(--arkay-brown); }
.arkay-pill.is-active { background: var(--arkay-brown); border-color: var(--arkay-brown); color: var(--arkay-cream); }
.arkay-shop .arkay-shop-grid { margin-top: 3rem !important; }
.arkay-shop-grid .wp-block-post-title { font-size: 1.25rem !important; }
.arkay-shop-grid .wp-block-query-pagination { margin-top: 3rem; }

/* WooCommerce notices */
.wc-block-components-notice-banner { border-radius: var(--arkay-media-radius); font-size: 0.875rem; }
.wc-block-components-notice-banner.is-success { background: var(--arkay-sand); border-color: var(--arkay-gold); }
.wc-block-components-notice-banner .wc-forward,
.wc-block-components-notice-banner .button { color: var(--arkay-brown) !important; text-decoration: underline; }

/* Sections that use the full 82.5rem site width (matches Lovable's px-page + max-w-site) */
.arkay-wide.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: 82.5rem; }
.is-style-statement { font-size: 2.25rem !important; }
@media (min-width: 640px) { .is-style-statement { font-size: 3.75rem !important; } }
@media (min-width: 1024px) { .is-style-statement { font-size: 4.5rem !important; } }
.arkay-reviews .woocommerce-verification-required,
.arkay-reviews .wp-block-woocommerce-product-review-form .must-log-in { font-size: 0.8125rem; color: var(--arkay-stone); margin-top: 1.5rem; }
.arkay-statement .arkay-statement__title { max-width: 64rem !important; }
.arkay-statement .arkay-statement__body { max-width: 42rem !important; }
.arkay-reviews .woocommerce-noreviews,
.arkay-reviews .woocommerce-verification-required { display: none; }
/* Card rhythm: match Lovable spacing exactly */
.arkay-products .wp-block-woocommerce-product-price .wc-block-components-product-price { margin: 0 !important; }
.arkay-products .wp-block-woocommerce-product-price { line-height: 1.25rem; }
.arkay-products .arkay-size { line-height: 1rem; }
.arkay-products .wp-block-post-title { line-height: 1.25 !important; }
.arkay-products .wc-block-product > .wp-block-post-title { margin-top: 1.25rem !important; }
.arkay-products .wc-block-components-product-image img { box-sizing: border-box !important; }
.arkay-product-price.has-live-price .wc-block-components-product-price { display: none !important; }
.arkay-product-price .arkay-live-price:empty { display: none; }
.arkay-packs legend { text-transform: uppercase; }
.arkay-atc .single_add_to_cart_button { min-width: 0; }
@media (max-width: 479px) {
	.arkay-atc .single_add_to_cart_button { padding-left: 1.1rem !important; gap: 0.5rem; letter-spacing: 0.1em; }
	.arkay-atc .arkay-stepper button { padding: 0 0.8rem; }
}

/* Standard pages (cart, checkout, account, policies) */
.arkay-page-head { padding-top: clamp(3rem, 6vw, 5rem) !important; padding-bottom: 1rem !important; }
main.arkay-main:has(> .arkay-page-head) { padding-bottom: var(--arkay-section) !important; }
.arkay-prose { font-size: 1rem; line-height: 1.75; }
.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img { background: var(--arkay-bottle); border-radius: 0.5rem; object-fit: contain; aspect-ratio: 1; mix-blend-mode: multiply; }
.wc-block-components-product-metadata__description { color: var(--arkay-brown); font-size: 0.8125rem; }
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	border-radius: 999px !important;
	background: var(--arkay-charcoal) !important;
	color: var(--arkay-cream) !important;
	font-size: 0.6875rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.wc-block-components-text-input input:focus,
.wc-block-components-form .wc-block-components-text-input input:focus { box-shadow: 0 0 0 1px var(--arkay-gold); border-color: var(--arkay-gold); }

/* ==========================================================================
   Content-page building blocks (Our Story, What Is ARKAY, W.A.R.M., Ambassador)
   ========================================================================== */
.arkay-band { padding-block: 5rem !important; }
@media (min-width: 1024px) { .arkay-band { padding-block: 6rem !important; } .arkay-band.is-roomy { padding-block: 7rem !important; } }
.arkay-band > * + * { margin-top: 1.25rem; }
.arkay-soft { color: color-mix(in srgb, currentColor 75%, transparent) !important; }
.has-cream-color .arkay-soft, .has-cream-color.arkay-soft { color: rgb(253 251 245 / 0.75) !important; }
.arkay-body { font-size: 1rem; line-height: 2rem; }
@media (min-width: 640px) { .arkay-body.is-lg { font-size: 1.125rem; } }
.arkay-max-xl { max-width: 36rem; margin-left: 0 !important; }
.arkay-max-2xl { max-width: 42rem; margin-left: 0 !important; }
.arkay-max-3xl { max-width: 48rem; margin-left: 0 !important; }
.arkay-quote-line { font-family: var(--arkay-display); font-size: 1.5rem; line-height: 1.375; }
.arkay-quote-line.is-italic { font-style: italic; }
.arkay-quote-line.is-xl { font-size: 1.5rem; }
@media (min-width: 640px) { .arkay-quote-line.is-xl { font-size: 1.875rem; } }

/* Split: text + rounded image */
.arkay-split { display: grid !important; gap: 3rem; align-items: center; }
@media (min-width: 1024px) { .arkay-split { grid-template-columns: 1fr 1fr; } }
.arkay-split.is-top { align-items: start; }
.arkay-split > * { margin: 0 !important; min-width: 0; }
.arkay-split > .wp-block-group > * + * { margin-top: 1.25rem; }
.arkay-split > .wp-block-group > h1, .arkay-split > .wp-block-group > h2 { margin-top: 1.25rem; }
.arkay-split > .wp-block-group > .is-style-eyebrow + * { margin-top: 1.25rem; }
.arkay-split > .wp-block-group > h1 + p, .arkay-split > .wp-block-group > h2 + p { margin-top: 1.75rem; }
@media (max-width: 1023px) { .arkay-split.is-media-first-mobile > :last-child { order: -1; } .arkay-split.is-text-first-mobile > :first-child.arkay-media { order: 2; } }
.arkay-media { margin: 0 !important; border-radius: var(--arkay-card-radius); overflow: hidden; }
.arkay-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.arkay-media.is-mh-36 img { max-height: 36rem; }
.arkay-media.is-mh-32 img { max-height: 32rem; }
.arkay-media.is-mh-30 img { max-height: 30rem; }
.arkay-media.is-top img { object-position: top; }

/* Ruled lists (dividers between lines) */
.arkay-rules { border-block: 1px solid var(--arkay-taupe); }
.arkay-rules > p { margin: 0 !important; padding-block: 1rem; font-size: 0.875rem; line-height: 1.75rem; }
.arkay-rules > p + p { border-top: 1px solid var(--arkay-taupe); }
.arkay-rules.is-gold { border-color: rgb(156 132 94 / 0.2); }
.arkay-rules.is-gold > p + p { border-color: rgb(156 132 94 / 0.2); }
.arkay-rules.is-gold > p { padding-block: 0.75rem; }
.arkay-rules.is-display > p { padding-block: 1rem; font-family: var(--arkay-display); font-size: 1.25rem; line-height: 1.6; }
@media (min-width: 640px) { .arkay-rules.is-display > p { font-size: 1.5rem; } }

/* Grids of tiles / columns */
.arkay-grid { display: grid !important; gap: 1.5rem; margin-top: 3rem !important; }
@media (min-width: 640px) { .arkay-grid.is-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .arkay-grid.is-3-sm2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .arkay-grid.is-3-md { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .arkay-grid.is-3, .arkay-grid.is-3-sm2 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .arkay-grid.is-2-lg { grid-template-columns: repeat(2, minmax(0, 1fr)); } .arkay-grid.is-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.arkay-grid.is-loose { column-gap: 2.5rem; row-gap: 2.5rem; }
.arkay-grid.is-advice { column-gap: 3rem; row-gap: 2.5rem; }
.arkay-grid > * { margin: 0 !important; }
.arkay-tile { border-radius: var(--arkay-card-radius); padding: 2rem !important; }
.arkay-tile.is-sm { padding: 1.5rem !important; }
@media (min-width: 1024px) { .arkay-tile.is-lg { padding: 2.5rem !important; } }
.arkay-tile.is-outlined { border: 1px solid var(--arkay-taupe); }
.arkay-tile > * { margin: 0 !important; }
.arkay-tile > * + * { margin-top: 1rem !important; }
.arkay-tile h3 { font-family: var(--arkay-display) !important; font-size: 1.5rem !important; line-height: 1.375 !important; font-weight: 400; }
.arkay-tile p { font-size: 0.875rem; line-height: 1.75rem; color: var(--arkay-stone); }
.arkay-tile p.arkay-body { font-size: 1rem; line-height: 2rem; }
.arkay-tile p.arkay-plain { color: inherit; }
.arkay-tile .is-style-eyebrow { margin-top: 1.5rem !important; }
.arkay-tile ul { list-style: none; padding: 0; margin-top: 1.5rem !important; }
.arkay-tile li { font-size: 0.875rem; line-height: 1.75rem; color: var(--arkay-stone); }
.arkay-tile li + li { margin-top: 1rem; }
.arkay-num { font-family: var(--arkay-display); font-size: 2.25rem; line-height: 1.1; color: var(--arkay-brown); }
.has-cream-color .arkay-num { color: var(--arkay-gold); }
.arkay-col { border-top: 1px solid rgb(156 132 94 / 0.4); padding-top: 1.5rem !important; }
.arkay-col.is-roomy { padding-top: 2rem !important; }
.arkay-col > * { margin: 0 !important; }
.arkay-col > * + * { margin-top: 1rem !important; }
.arkay-col h3 { font-family: var(--arkay-display) !important; font-size: 1.5rem !important; line-height: 1.375 !important; font-weight: 400; }
.arkay-col .is-style-eyebrow + h3 { margin-top: 0.75rem !important; }
.arkay-col p:not(.is-style-eyebrow):not(.arkay-num) { font-size: 0.875rem; line-height: 1.75rem; }
.arkay-col p.arkay-body { font-size: 1rem !important; line-height: 1.75rem !important; }
.arkay-strip { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2rem; padding-block: 3.5rem !important; }
@media (min-width: 640px) { .arkay-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .arkay-strip { grid-template-columns: repeat(6, minmax(0, 1fr)); padding-block: 4rem !important; } }
.arkay-strip > p { margin: 0 !important; text-align: center; }

/* Narrow column (900px including gutters, like Lovable) */
.arkay-narrow.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: calc(900px - 2 * var(--arkay-gutter)); }
.arkay-center { text-align: center; }
.arkay-center > * { margin-inline: auto !important; }
.arkay-center .wp-block-buttons { justify-content: center; }

/* Plain pill buttons (no arrow) */
.wp-block-button.is-style-plain .wp-block-button__link,
.wp-block-button.is-style-plain-outline .wp-block-button__link {
	padding: 1rem 2.25rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	justify-content: center;
}
.wp-block-button.is-style-plain .wp-block-button__link::after,
.wp-block-button.is-style-plain-outline .wp-block-button__link::after { display: none; }
.wp-block-button.is-style-plain .wp-block-button__link:not(.has-background) { background: var(--arkay-black); color: var(--arkay-cream); border-color: var(--arkay-black); }
.wp-block-button.is-style-plain .wp-block-button__link.has-background { border-color: transparent; }
.wp-block-button.is-style-plain .wp-block-button__link:hover { background-color: var(--arkay-brown) !important; border-color: var(--arkay-brown); color: var(--arkay-cream) !important; }
.wp-block-button.is-style-plain .wp-block-button__link.has-cream-background-color:hover { background-color: var(--arkay-gold) !important; color: var(--arkay-black) !important; }
.wp-block-button.is-style-plain-outline .wp-block-button__link { background: transparent; color: var(--arkay-charcoal); border-color: rgb(33 33 33 / 0.3); }
.wp-block-button.is-style-plain-outline .wp-block-button__link:hover { border-color: var(--arkay-charcoal); }
.arkay-mt-10 { margin-top: 2.5rem !important; }
.arkay-mt-12 { margin-top: 3rem !important; }
.arkay-mt-16 { margin-top: 4rem !important; }
.arkay-mt-8 { margin-top: 2rem !important; }
.arkay-mt-6 { margin-top: 1.5rem !important; }

/* Embracing (Our Story) */
.arkay-embrace { display: grid !important; gap: 2.5rem; max-width: 56rem !important; margin-inline: auto !important; border-top: 1px solid rgb(156 132 94 / 0.4); padding-top: 3rem !important; margin-top: 4rem !important; }
@media (min-width: 640px) { .arkay-embrace { grid-template-columns: 1fr 1fr; } .arkay-embrace > .arkay-embrace__head { grid-column: span 2; } }
.arkay-embrace > * { margin: 0 !important; }
.arkay-embrace__head > * + * { margin-top: 1rem !important; }

/* Ambassador FAQ */
.arkay-qa { border-block: 1px solid var(--arkay-taupe); margin-top: 2.5rem !important; }
.arkay-qa > .wp-block-details { padding-block: 1.5rem; margin: 0 !important; }
.arkay-qa > .wp-block-details + .wp-block-details { border-top: 1px solid var(--arkay-taupe); }
.arkay-qa summary { font-family: var(--arkay-display); font-size: 1.25rem; cursor: pointer; list-style: none; }
.arkay-qa summary::-webkit-details-marker { display: none; }
.arkay-qa .wp-block-details p { margin-top: 1rem !important; max-width: 42rem; font-size: 0.875rem; line-height: 1.75rem; color: var(--arkay-stone); }
.arkay-blockquote { margin: 0 auto !important; max-width: 56rem !important; text-align: center; border: 0 !important; padding: 0 !important; }
.arkay-blockquote p { font-family: var(--arkay-display); font-size: 1.5rem; line-height: 1.375; }
@media (min-width: 640px) { .arkay-blockquote p { font-size: 1.875rem; } }
.arkay-blockquote cite { display: block; margin-top: 2rem; font-style: normal; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.17em; color: rgb(253 251 245 / 0.8); }
.arkay-tile .arkay-num, .arkay-col .arkay-num { font-family: var(--arkay-display); font-size: 2.25rem !important; line-height: 1.1 !important; color: var(--arkay-brown); }
.has-cream-color .arkay-col .arkay-num { color: var(--arkay-gold); }
.arkay-tile h3.is-style-eyebrow { font-family: var(--arkay-sans) !important; font-size: 0.6875rem !important; line-height: 1.4 !important; font-weight: 700; color: var(--arkay-charcoal); }
.arkay-tile .arkay-num + h3 { margin-top: 1.25rem !important; }
.arkay-tile p + .is-style-eyebrow { margin-top: 1.5rem !important; }
/* Left-align narrower blocks to the content edge inside centered layouts */
.is-layout-constrained > :is(.arkay-max-xl, .arkay-max-2xl, .arkay-max-3xl, .arkay-measure, .arkay-measure-sm):not(.arkay-center) {
	margin-left: max(0px, calc((100% - var(--wp--style--global--content-size, 100%)) / 2)) !important;
}
.arkay-center.arkay-max-3xl { max-width: calc(48rem - 2 * var(--arkay-gutter)) !important; margin-inline: auto !important; }
.arkay-center.arkay-max-3xl.is-full { max-width: 48rem !important; }

/* ==========================================================================
   Mocktail recipes
   ========================================================================== */
.arkay-band.is-craft { padding-block: 6rem !important; }
@media (min-width: 1024px) { .arkay-band.is-craft { padding-block: 8rem !important; } }
.arkay-craft { display: grid !important; gap: 2.5rem; }
@media (min-width: 1024px) { .arkay-craft { grid-template-columns: 5fr 7fr; } }
.arkay-craft > * { margin: 0 !important; }
.arkay-craft > .wp-block-group > * + * { margin-top: 1.25rem; }
.arkay-craft__copy { border-left: 1px solid rgb(156 132 94 / 0.4); padding-left: 2rem; font-size: 1rem; line-height: 2rem; color: rgb(33 33 33 / 0.75); }
@media (min-width: 640px) { .arkay-craft__copy { font-size: 1.125rem; } }
.arkay-craft__copy > p { margin: 0 !important; }
.arkay-craft__copy > p + p { margin-top: 1.5rem !important; }
.arkay-recipes { margin-top: 2.5rem !important; }
.arkay-recipes__bar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
.arkay-recipes__pills { display: contents; }
.arkay-recipes__pill {
	border: 1px solid rgb(33 33 33 / 0.25);
	border-radius: 999px;
	background: transparent;
	padding: 0.5rem 1.25rem;
	font: inherit;
	font-size: 0.75rem;
	line-height: 1rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--arkay-charcoal);
	cursor: pointer;
	transition: border-color 150ms, background-color 150ms, color 150ms;
}
.arkay-recipes__pill:hover { border-color: var(--arkay-charcoal); }
.arkay-recipes__pill[aria-pressed="true"] { background: var(--arkay-charcoal); border-color: var(--arkay-charcoal); color: var(--arkay-cream); }
.arkay-recipes__count { margin-left: auto; font-size: 0.875rem; color: rgb(33 33 33 / 0.6); }
.arkay-recipes__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 2.5rem; }
@media (min-width: 640px) { .arkay-recipes__grid { gap: 1.5rem; } }
@media (min-width: 1024px) { .arkay-recipes__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.arkay-recipe-card { display: flex; flex-direction: column; overflow: hidden; border-radius: var(--arkay-card-radius); background: var(--arkay-cream); color: inherit; }
.arkay-recipe-card[hidden] { display: none; }
.arkay-recipe-card__img { display: block; aspect-ratio: 4 / 5; overflow: hidden; }
.arkay-recipe-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms ease; }
.arkay-recipe-card:hover .arkay-recipe-card__img img { transform: scale(1.05); }
.arkay-recipe-card__body { display: flex; flex: 1; flex-direction: column; padding: 1.25rem; }
.arkay-recipe-card__spirit { color: var(--arkay-gold) !important; }
.arkay-recipe-card__name { margin-top: 0.5rem; font-size: 1.125rem; font-weight: 600; line-height: 1.4; text-transform: uppercase; letter-spacing: 0.025em; }
.arkay-recipe-card__base { margin-top: 0.25rem; font-size: 0.875rem; color: rgb(33 33 33 / 0.6); line-height: 1.4; }
.arkay-recipe-card__cta { margin-top: auto; padding-top: 1rem; font-size: 0.875rem; font-weight: 500; }
.arkay-disclaimer-band { padding-block: 3rem !important; }
.arkay-disclaimer { max-width: calc(48rem - 2 * var(--arkay-gutter)) !important; margin-inline: auto !important; text-align: center; font-size: 0.75rem; line-height: 1.5rem; color: rgb(33 33 33 / 0.55); }
/* Single recipe */
.arkay-band.is-recipe { padding-block: 3rem !important; }
@media (min-width: 1024px) { .arkay-band.is-recipe { padding-block: 5rem !important; } }
.arkay-back { margin: 0 !important; font-size: 0.875rem; font-weight: 500; }
.arkay-back a { color: rgb(33 33 33 / 0.7); }
.arkay-back a:hover { color: var(--arkay-charcoal); }
.arkay-recipe__photo img { height: 100%; }
.arkay-recipe__spirit { color: var(--arkay-gold) !important; margin: 0 !important; }
.arkay-recipe__spirit a { color: inherit; }
.arkay-split > .wp-block-group > .arkay-recipe__spirit + h1 { margin-top: 1rem !important; }
.arkay-recipe__base { margin: 1rem 0 0; font-size: 0.875rem; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(33 33 33 / 0.6); }
.arkay-recipe__part { margin-top: 2.5rem; border-top: 1px solid rgb(156 132 94 / 0.4); padding-top: 2rem; }
.arkay-recipe__part h2 { margin: 0; }
.arkay-recipe__part p { margin: 1.25rem 0 0; font-size: 1rem; line-height: 2rem; color: rgb(33 33 33 / 0.8); }
.arkay-recipe__ingredients { list-style: none; padding: 0; margin: 1.25rem 0 0; font-size: 1rem; line-height: 1.75rem; color: rgb(33 33 33 / 0.8); }
.arkay-recipe__ingredients li { display: flex; gap: 0.75rem; }
.arkay-recipe__ingredients li + li { margin-top: 0.75rem; }
.arkay-recipe__ingredients li::before { content: ""; flex: none; width: 0.25rem; height: 0.25rem; margin-top: 0.75rem; border-radius: 50%; background: var(--arkay-gold); }
.arkay-more-recipes .arkay-recipes { margin-top: 0 !important; }
.arkay-split.is-top > .arkay-recipe__photo { align-self: stretch; }
.arkay-recipe__photo, .arkay-recipe__photo a { display: block; height: 100%; }
.arkay-recipe__photo img { height: 100% !important; object-fit: cover; }

/* Plugins that add extras the ARKAY design doesn't use */
.arkay-products .woosq-btn,
.arkay-products .woosq-btn-wrap,
.wc-block-product .woosq-btn { display: none !important; }
.arkay-atc .stock.in-stock { display: none; }
.arkay-atc .stock.out-of-stock { margin: 1rem 0 0; font-size: 0.875rem; font-weight: 600; color: var(--arkay-brown); }

/* Checkout header (WooCommerce "Checkout Header" part) */
.arkay-checkout-header { background: var(--arkay-black, #010101); color: #fff; padding-block: 1rem !important; }
.arkay-checkout-header .wp-block-image { margin: 0 !important; }
.arkay-checkout-header a { color: #fff; }
.arkay-checkout-header .wc-block-cart-link__icon, .arkay-checkout-header svg { fill: #fff; color: #fff; }

/* Cart and checkout: no product description under each item (the pack discount line stays). */
.wc-block-components-product-metadata__description { display: none; }

/* Lists with ✕ / ✓ markers (W.A.R.M. Molecule "is not / does"). Pick the style via the list's CSS class. */
.arkay-marks { list-style: none; padding-left: 0 !important; }
.arkay-marks li { position: relative; padding-left: 1.5rem; }
.arkay-marks li::before { position: absolute; left: 0; top: 0.1em; font-family: var(--arkay-display); color: var(--arkay-brown); }
.arkay-marks.is-x li::before { content: "\2715"; }
.arkay-marks.is-check li::before { content: "\2713"; }

/* ARKAY in the News */
.arkay-news-photos { margin-top: 3.5rem !important; }
.arkay-news-photos .wp-block-image img { aspect-ratio: 4 / 5; }
.arkay-news-video { margin-top: 3.5rem !important; margin-bottom: 0 !important; border-radius: var(--arkay-card-radius); overflow: hidden; background: var(--arkay-black); }
.arkay-news-video iframe { display: block; width: 100%; }
.arkay-news-print .wp-block-image { background: #fff; padding: 0.75rem; }
.arkay-news-print .wp-block-image img { height: auto; object-fit: contain; border-radius: calc(var(--arkay-card-radius) / 2); }
.arkay-news-print figcaption { margin: 0.75rem 0.25rem 0.25rem !important; font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--arkay-brown); text-align: left; }
.arkay-press { display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem; margin-top: 2rem !important; }
.arkay-press > .wp-block-image { box-sizing: border-box; margin: 0 !important; height: 4.5rem; width: 11.5rem; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 0.75rem; padding: 0.75rem 1rem; overflow: hidden; }
.arkay-press > .wp-block-image img { max-height: 100%; max-width: 100%; width: auto; height: auto; object-fit: contain; }
@media (max-width: 639px) { .arkay-press > .wp-block-image { width: calc(50% - 0.5rem); } }

/* Footer: AAFSA membership badge */
.arkay-footer__member { display: flex !important; align-items: center; gap: 1rem; margin-top: 1.75rem !important; max-width: 20rem; }
.arkay-footer__member > * { margin: 0 !important; }
.arkay-footer__member .wp-block-image { flex: none; }
.arkay-footer__member p { font-size: 0.75rem; line-height: 1.5; color: rgb(253 251 245 / 0.7); }

/* Ambassador application: SliceWP affiliate forms in the ARKAY style */
.arkay-form-card { max-width: 44rem; margin-inline: auto !important; background: #fff; border-radius: var(--arkay-card-radius); padding: 1.75rem 1.25rem; }
@media (min-width: 640px) { .arkay-form-card { padding: 3rem; } }
.slicewp-form .slicewp-field-wrapper { margin: 0 0 1.5rem !important; padding: 0 !important; }
.slicewp-form .slicewp-field-label-wrapper { margin: 0 0 0.5rem !important; }
.slicewp-form .slicewp-field-label-wrapper label { display: block; font-size: 0.6875rem !important; font-weight: 600 !important; letter-spacing: 0.12em; text-transform: uppercase; color: var(--arkay-charcoal) !important; }
.slicewp-form .slicewp-field-required-marker { color: var(--arkay-gold) !important; margin-left: 0.15em; }
.slicewp-form input[type="text"], .slicewp-form input[type="email"], .slicewp-form input[type="password"], .slicewp-form input[type="url"], .slicewp-form input[type="tel"], .slicewp-form select, .slicewp-form textarea {
	width: 100% !important;
	box-sizing: border-box;
	border: 1px solid var(--arkay-taupe) !important;
	border-radius: 0.5rem !important;
	background: var(--arkay-cream) !important;
	color: var(--arkay-charcoal);
	padding: 0.85rem 1rem !important;
	font: inherit;
	font-size: 1rem !important;
	line-height: 1.4;
	box-shadow: none !important;
}
.slicewp-form textarea { min-height: 9rem; }
.slicewp-form input:focus, .slicewp-form select:focus, .slicewp-form textarea:focus { outline: none; border-color: var(--arkay-charcoal) !important; background: #fff !important; }
.slicewp-form .slicewp-field-description { margin-top: 0.4rem !important; font-size: 0.8125rem !important; color: var(--arkay-stone) !important; }
.slicewp-form .slicewp-button-primary, .slicewp-form input[type="submit"], .slicewp-form button[type="submit"] {
	display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid var(--arkay-charcoal) !important; border-radius: 999px !important;
	background: var(--arkay-charcoal) !important; color: var(--arkay-cream) !important;
	padding: 0.95rem 2.25rem !important; font: inherit; font-size: 0.75rem !important; font-weight: 600 !important;
	letter-spacing: 0.16em; text-transform: uppercase; cursor: pointer; transition: background-color 150ms, color 150ms;
}
.slicewp-form .slicewp-button-primary:hover, .slicewp-form input[type="submit"]:hover, .slicewp-form button[type="submit"]:hover { background: transparent !important; color: var(--arkay-charcoal) !important; }
.slicewp-form .slicewp-show-hide-password { color: var(--arkay-stone); }
.arkay-form-card + p a { text-decoration: underline; text-underline-offset: 3px; color: var(--arkay-charcoal); }
.arkay-footer__member a { color: inherit; }
.arkay-footer__member p a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgb(253 251 245 / 0.35); }
.arkay-footer__member p a:hover { color: var(--arkay-cream); text-decoration-color: currentColor; }

/* News page: TV network logos are white, so they sit on dark tiles. */
.arkay-press > .wp-block-image.is-dark { background: var(--arkay-black); padding: 0.85rem 1.25rem; }