:root {
	--amr-espresso-950: #200b01;
	--amr-espresso-900: #250e03;
	--amr-cocoa-800: #351e12;
	--amr-roast-700: #3d2416;
	--amr-gold-500: #fcb714;
	--amr-gold-400: #ebaa17;
	--amr-cream-50: #f3e9df;
	--amr-sand-300: #c6a273;
	--amr-ink: #0e0906;
	--amr-success: #1e7a46;
	--amr-warning: #b86a06;
	--amr-danger: #b53a32;
	--amr-white: #fffaf5;
	--amr-muted: #78655b;
	--amr-line: rgba(32, 11, 1, 0.14);
	--amr-line-dark: rgba(243, 233, 223, 0.18);
	--amr-font-ar: Tahoma, Arial, sans-serif;
	--amr-font-latin: Arial, sans-serif;
	--amr-container: 1200px;
	--amr-text: 68ch;
	--amr-radius-sm: 0.625rem;
	--amr-radius-md: 1rem;
	--amr-radius-lg: 1.5rem;
	--amr-pill: 999px;
	--amr-shadow-soft: 0 16px 40px rgba(14, 9, 6, 0.18);
	--amr-shadow-lifted: 0 24px 70px rgba(14, 9, 6, 0.28);
	--amr-fast: 160ms;
	--amr-base: 260ms;
	--amr-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
	--amr-dock-height: 72px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	background: var(--amr-cream-50);
	color: var(--amr-espresso-950);
	direction: rtl;
	font-family: var(--amr-font-ar);
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

html.menu-open,
html.dialog-open {
	overflow: hidden;
}

html[dir="ltr"],
html[dir="ltr"] body {
	direction: ltr;
	font-family: var(--amr-font-latin);
}

html[dir="ltr"] .brand__latin {
	text-align: left;
}

body {
	background: var(--amr-cream-50);
	color: var(--amr-espresso-950);
	font-family: var(--amr-font-ar);
	font-size: 1rem;
	line-height: 1.75;
	margin: 0;
	min-height: 100vh;
	overflow-x: clip;
	padding-block-end: calc(var(--amr-dock-height) + env(safe-area-inset-bottom, 0px));
	text-rendering: optimizeLegibility;
}

body.admin-bar .site-header {
	inset-block-start: 46px;
}

@media (min-width: 783px) {
	body.admin-bar .site-header {
		inset-block-start: 32px;
	}
}

img,
svg {
	display: block;
	height: auto;
	max-width: 100%;
}

img {
	color: var(--amr-muted);
	font-style: italic;
}

button,
input,
select,
textarea {
	color: inherit;
	font: inherit;
}

button,
[role="button"],
a {
	-webkit-tap-highlight-color: transparent;
}

a {
	color: inherit;
	text-decoration-color: var(--amr-gold-400);
	text-decoration-thickness: 0.1em;
	text-underline-offset: 0.22em;
}

a:hover {
	text-decoration-color: currentColor;
}

button {
	cursor: pointer;
}

button[disabled] {
	cursor: not-allowed;
	opacity: 0.55;
}

:focus-visible {
	border-radius: 0.25rem;
	outline: 3px solid var(--amr-gold-500);
	outline-offset: 3px;
}

::selection {
	background: var(--amr-gold-500);
	color: var(--amr-espresso-950);
}

h1,
h2,
h3,
h4,
p,
figure,
blockquote {
	margin-block-start: 0;
}

h1,
h2,
h3,
h4 {
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.18;
	text-wrap: balance;
}

h1 {
	font-size: clamp(2.45rem, 12vw, 5.75rem);
}

h2 {
	font-size: clamp(1.9rem, 7.5vw, 3.5rem);
}

h3 {
	font-size: clamp(1.25rem, 4.5vw, 1.7rem);
}

p {
	text-wrap: pretty;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background: var(--amr-gold-500);
	clip: auto !important;
	clip-path: none;
	color: var(--amr-espresso-950);
	display: block;
	font-size: 0.875rem;
	font-weight: 800;
	height: auto;
	inset-block-start: 0.75rem;
	inset-inline-start: 0.75rem;
	padding: 0.75rem 1rem;
	text-decoration: none;
	width: auto;
	z-index: 100000;
}

.site-shell,
.section__inner,
.site-footer__inner,
.site-header__inner {
	margin-inline: auto;
	max-width: var(--amr-container);
	width: min(100% - 2rem, var(--amr-container));
}

.site-main {
	min-height: 60vh;
}

.section {
	padding-block: clamp(3.75rem, 10vw, 7rem);
	position: relative;
}

.section--compact {
	padding-block: clamp(2.5rem, 7vw, 4.5rem);
}

.section--dark {
	background: var(--amr-espresso-950);
	color: var(--amr-cream-50);
}

.section--roast {
	background: var(--amr-roast-700);
	color: var(--amr-cream-50);
}

.section--white {
	background: var(--amr-white);
}

.section--line {
	border-block: 1px solid var(--amr-line);
}

.eyebrow {
	align-items: center;
	color: var(--amr-roast-700);
	display: flex;
	font-size: 0.78rem;
	font-weight: 800;
	gap: 0.65rem;
	letter-spacing: 0.02em;
	margin-block-end: 0.85rem;
	text-transform: uppercase;
}

.eyebrow::before {
	background: var(--amr-gold-500);
	border-radius: var(--amr-pill);
	content: "";
	height: 0.38rem;
	width: 1.75rem;
}

.section--dark .eyebrow,
.section--roast .eyebrow {
	color: var(--amr-gold-500);
}

.section-heading {
	margin-block-end: clamp(1.8rem, 5vw, 3rem);
	max-width: 46rem;
}

.section-heading h2,
.section-heading h1 {
	margin-block-end: 0.75rem;
}

.section-heading > :last-child {
	margin-block-end: 0;
}

.section-heading p:not(.eyebrow) {
	color: var(--amr-muted);
	font-size: clamp(1rem, 2.6vw, 1.15rem);
	max-width: 58ch;
}

.section--dark .section-heading p:not(.eyebrow),
.section--roast .section-heading p:not(.eyebrow) {
	color: rgba(243, 233, 223, 0.76);
}

.section--roast h1,
.section--roast h2,
.section--roast h3 {
	color: var(--amr-cream-50);
}

.icon {
	flex: 0 0 auto;
	height: 1.35rem;
	width: 1.35rem;
}

.button,
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button {
	align-items: center;
	background: var(--amr-gold-500);
	border: 1px solid var(--amr-gold-500);
	border-radius: var(--amr-pill);
	color: var(--amr-espresso-950);
	display: inline-flex;
	font-size: 0.95rem;
	font-weight: 800;
	gap: 0.55rem;
	justify-content: center;
	line-height: 1.2;
	min-height: 48px;
	padding: 0.78rem 1.15rem;
	text-align: center;
	text-decoration: none;
	transition:
		background-color var(--amr-fast) var(--amr-ease),
		border-color var(--amr-fast) var(--amr-ease),
		color var(--amr-fast) var(--amr-ease),
		transform var(--amr-fast) var(--amr-ease);
}

.button:hover,
.wp-element-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background: var(--amr-gold-400);
	border-color: var(--amr-gold-400);
	color: var(--amr-espresso-950);
	transform: translateY(-2px);
}

.button--secondary {
	background: transparent;
	border-color: currentColor;
	color: var(--amr-espresso-950);
}

.section--dark .button--secondary,
.section--roast .button--secondary {
	color: var(--amr-cream-50);
}

.button--secondary:hover {
	background: var(--amr-espresso-950);
	border-color: var(--amr-espresso-950);
	color: var(--amr-cream-50);
}

.section--dark .button--secondary:hover,
.section--roast .button--secondary:hover {
	background: var(--amr-cream-50);
	border-color: var(--amr-cream-50);
	color: var(--amr-espresso-950);
}

.button--quiet {
	background: transparent;
	border-color: transparent;
	color: inherit;
	padding-inline: 0.75rem;
}

.button--quiet:hover {
	background: rgba(32, 11, 1, 0.07);
	border-color: transparent;
	color: inherit;
}

.button--block {
	width: 100%;
}

.button-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.button-row > * {
	flex: 1 1 10rem;
}

.flow-top-sm {
	margin-block-start: 1rem;
}

.flow-top-md {
	margin-block-start: 1.5rem;
}

.flow-top-lg {
	margin-block-start: 2rem;
}

.skip-link {
	z-index: 100000;
}

.announcement {
	background: var(--amr-gold-500);
	color: var(--amr-espresso-950);
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.4;
	min-height: 34px;
	padding: 0.45rem 1rem;
	text-align: center;
}

.announcement p {
	margin: 0;
}

.site-header {
	background: rgba(243, 233, 223, 0.96);
	border-block-end: 1px solid var(--amr-line);
	inset-block-start: 0;
	position: sticky;
	z-index: 900;
}

@supports (backdrop-filter: blur(10px)) {
	.site-header {
		backdrop-filter: blur(14px);
		background: rgba(243, 233, 223, 0.88);
	}
}

.site-header__inner {
	align-items: center;
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 0.8rem;
	min-height: 74px;
}

.brand {
	align-items: center;
	display: inline-flex;
	gap: 0.7rem;
	min-height: 44px;
	text-decoration: none;
}

.brand .custom-logo-link {
	align-items: center;
	display: flex;
	min-height: 44px;
}

.brand .custom-logo {
	height: 46px;
	object-fit: contain;
	width: auto;
}

.brand__copy {
	display: grid;
	line-height: 1.15;
}

.brand__name {
	font-size: 0.96rem;
	font-weight: 900;
	white-space: nowrap;
}

.brand__latin {
	color: var(--amr-muted);
	direction: ltr;
	font-family: var(--amr-font-latin);
	font-size: 0.58rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	margin-block-start: 0.22rem;
	text-align: right;
}

.nav-toggle {
	align-items: center;
	background: transparent;
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-pill);
	display: inline-flex;
	height: 46px;
	justify-content: center;
	padding: 0;
	width: 46px;
}

.nav-toggle:hover {
	background: var(--amr-white);
}

.site-nav {
	background: var(--amr-espresso-950);
	color: var(--amr-cream-50);
	inset-block: 0;
	inset-inline-end: 0;
	max-width: 23rem;
	opacity: 0;
	overflow-y: auto;
	padding: calc(1rem + env(safe-area-inset-top, 0px)) 1rem 2rem;
	pointer-events: none;
	position: fixed;
	transition:
		opacity var(--amr-base) var(--amr-ease),
		visibility 0s linear var(--amr-base);
	visibility: hidden;
	width: min(88vw, 23rem);
	z-index: 1100;
}

.site-nav.is-open {
	opacity: 1;
	pointer-events: auto;
	transition-delay: 0s;
	visibility: visible;
}

.site-nav__head {
	align-items: center;
	border-block-end: 1px solid var(--amr-line-dark);
	display: flex;
	justify-content: space-between;
	margin-block-end: 1rem;
	padding-block-end: 1rem;
}

.site-nav__head strong {
	font-size: 1.1rem;
}

.site-nav__close {
	align-items: center;
	background: transparent;
	border: 1px solid var(--amr-line-dark);
	border-radius: 50%;
	color: var(--amr-cream-50);
	display: inline-flex;
	height: 44px;
	justify-content: center;
	padding: 0;
	width: 44px;
}

.site-nav__list,
.site-nav ul {
	display: grid;
	gap: 0.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.site-nav a {
	align-items: center;
	border-radius: var(--amr-radius-sm);
	display: flex;
	font-size: 1.15rem;
	font-weight: 800;
	justify-content: space-between;
	min-height: 52px;
	padding: 0.6rem 0.85rem;
	text-decoration: none;
}

.site-nav a:hover,
.site-nav .current-menu-item > a,
.site-nav .current_page_item > a {
	background: rgba(252, 183, 20, 0.13);
	color: var(--amr-gold-500);
}

.site-nav__cta {
	margin-block-start: 1.25rem;
}

.site-nav__cta .button {
	color: var(--amr-espresso-950);
	width: 100%;
}

.nav-backdrop {
	background: rgba(14, 9, 6, 0.62);
	border: 0;
	inset: 0;
	opacity: 0;
	padding: 0;
	pointer-events: none;
	position: fixed;
	transition: opacity var(--amr-base) var(--amr-ease);
	width: 100%;
	z-index: 1050;
}

.nav-backdrop.is-active {
	opacity: 1;
	pointer-events: auto;
}

.header-cta {
	display: none;
}

.hero {
	background: var(--amr-espresso-950);
	color: var(--amr-cream-50);
	min-height: min(760px, calc(100svh - 108px));
	overflow: hidden;
	padding-block: clamp(3.75rem, 13vw, 8.5rem);
	position: relative;
}

.hero::before,
.hero::after {
	border: 1px solid rgba(252, 183, 20, 0.29);
	border-radius: 50%;
	content: "";
	pointer-events: none;
	position: absolute;
}

.hero::before {
	height: clamp(22rem, 75vw, 52rem);
	inset-block-start: -11rem;
	inset-inline-end: -15rem;
	transform: rotate(-24deg);
	width: clamp(14rem, 48vw, 34rem);
}

.hero::after {
	border-width: 18px;
	height: 11rem;
	inset-block-end: -6rem;
	inset-inline-start: -2rem;
	opacity: 0.16;
	transform: rotate(38deg);
	width: 6.5rem;
}

.hero__grid {
	align-items: center;
	display: grid;
	gap: 2.5rem;
	position: relative;
	z-index: 1;
}

.hero__copy {
	max-width: 47rem;
}

.hero .eyebrow {
	color: var(--amr-gold-500);
}

.hero h1 {
	color: var(--amr-cream-50);
	margin-block-end: 1rem;
}

.hero h1 .gold {
	color: var(--amr-gold-500);
	display: block;
}

.hero__lede {
	color: rgba(243, 233, 223, 0.78);
	font-size: clamp(1.05rem, 3vw, 1.3rem);
	margin-block-end: 1.8rem;
	max-width: 46ch;
}

.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.hero__actions .button {
	flex: 1 1 10rem;
}

.hero__proof {
	border-block-start: 1px solid var(--amr-line-dark);
	display: grid;
	gap: 0.9rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-block-start: 2.25rem;
	padding-block-start: 1.25rem;
}

.hero__proof-item {
	display: grid;
	gap: 0.16rem;
}

.hero__proof-item strong {
	color: var(--amr-gold-500);
	font-size: 1.05rem;
}

.hero__proof-item span {
	color: rgba(243, 233, 223, 0.68);
	font-size: 0.78rem;
}

.hero-art {
	align-items: center;
	aspect-ratio: 1;
	background: var(--amr-roast-700);
	border: 1px solid rgba(252, 183, 20, 0.36);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	margin-inline: auto;
	max-width: 25rem;
	position: relative;
	width: min(82vw, 25rem);
}

.hero-art::before {
	border: 1px solid rgba(252, 183, 20, 0.33);
	border-radius: 50%;
	content: "";
	inset: 8%;
	position: absolute;
}

.hero-art::after {
	background: var(--amr-gold-500);
	border-radius: 50%;
	content: "";
	height: 12px;
	inset-block-start: 14%;
	inset-inline-start: 18%;
	position: absolute;
	width: 12px;
}

.hero-art__bean {
	border: 3px solid var(--amr-gold-500);
	border-radius: 52% 48% 48% 52% / 64% 61% 39% 36%;
	height: 52%;
	position: relative;
	transform: rotate(27deg);
	width: 35%;
}

.hero-art__bean::after {
	border-inline-start: 2px solid var(--amr-gold-500);
	border-radius: 50%;
	content: "";
	height: 88%;
	inset-block-start: 5%;
	inset-inline-start: 52%;
	position: absolute;
	transform: rotate(-8deg);
}

.hero-art__stamp {
	background: var(--amr-gold-500);
	border: 7px solid var(--amr-espresso-950);
	border-radius: 50%;
	color: var(--amr-espresso-950);
	display: grid;
	font-size: 0.78rem;
	font-weight: 900;
	height: 6.4rem;
	inset-block-end: -1rem;
	inset-inline-end: -0.35rem;
	letter-spacing: -0.02em;
	line-height: 1.35;
	padding: 0.8rem;
	place-items: center;
	position: absolute;
	text-align: center;
	transform: rotate(-8deg);
	width: 6.4rem;
}

.category-grid {
	display: grid;
	gap: 0.85rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.category-card {
	background: var(--amr-white);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-radius-lg);
	color: var(--amr-espresso-950);
	display: grid;
	min-height: 14.5rem;
	overflow: hidden;
	padding: 1rem;
	position: relative;
	text-decoration: none;
	transition:
		border-color var(--amr-fast) var(--amr-ease),
		transform var(--amr-fast) var(--amr-ease),
		box-shadow var(--amr-fast) var(--amr-ease);
}

.category-card:hover {
	border-color: var(--amr-sand-300);
	box-shadow: var(--amr-shadow-soft);
	transform: translateY(-4px);
}

.category-card:nth-child(3n + 1) {
	background: var(--amr-gold-500);
}

.category-card:nth-child(3n + 2) {
	background: var(--amr-roast-700);
	color: var(--amr-cream-50);
}

.category-card:nth-child(3n + 2) h3 {
	color: var(--amr-cream-50);
}

.category-card__art {
	align-items: center;
	display: flex;
	height: 7.5rem;
	justify-content: center;
	opacity: 0.84;
}

.category-card__art svg {
	height: 100%;
	width: auto;
}

.category-card__copy {
	align-items: end;
	display: flex;
	gap: 0.4rem;
	justify-content: space-between;
}

.category-card__copy h3 {
	font-size: 1.2rem;
	margin-block-end: 0.2rem;
}

.category-card__copy p {
	color: currentColor;
	font-size: 0.76rem;
	margin: 0;
	opacity: 0.68;
}

.category-card__arrow {
	align-items: center;
	border: 1px solid currentColor;
	border-radius: 50%;
	display: inline-flex;
	flex: 0 0 auto;
	height: 40px;
	justify-content: center;
	opacity: 0.66;
	transform: rotate(180deg);
	width: 40px;
}

.product-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-card {
	background: var(--amr-white);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-radius-lg);
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	position: relative;
	transition:
		border-color var(--amr-fast) var(--amr-ease),
		box-shadow var(--amr-fast) var(--amr-ease),
		transform var(--amr-fast) var(--amr-ease);
}

.product-card:hover {
	border-color: rgba(61, 36, 22, 0.35);
	box-shadow: var(--amr-shadow-soft);
	transform: translateY(-3px);
}

.product-card[hidden] {
	display: none;
}

.product-card__media {
	aspect-ratio: 1 / 0.88;
	background: var(--amr-cocoa-800);
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

.product-card__media img {
	height: 100%;
	object-fit: cover;
	transition: transform 500ms var(--amr-ease);
	width: 100%;
}

.product-card:hover .product-card__media img {
	transform: scale(1.035);
}

.product-card__placeholder {
	align-items: center;
	color: rgba(252, 183, 20, 0.72);
	display: flex;
	height: 100%;
	justify-content: center;
	position: relative;
}

.product-card__placeholder::before {
	border: 2px solid currentColor;
	border-radius: 52% 48% 48% 52% / 64% 61% 39% 36%;
	content: "";
	height: 46%;
	transform: rotate(28deg);
	width: 30%;
}

.product-card__placeholder::after {
	border: 1px solid currentColor;
	border-radius: 50%;
	content: "";
	inset: 13%;
	opacity: 0.3;
	position: absolute;
}

.product-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 0.85rem;
}

.product-card__category {
	color: var(--amr-muted);
	font-size: 0.68rem;
	font-weight: 700;
	margin-block-end: 0.25rem;
}

.product-card__title {
	font-size: clamp(0.95rem, 3.4vw, 1.14rem);
	margin-block-end: 0.55rem;
}

.product-card__title a {
	text-decoration: none;
}

.product-card__title a::after {
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

.product-card__meta {
	align-items: end;
	display: flex;
	gap: 0.4rem;
	justify-content: space-between;
	margin-block-start: auto;
	min-height: 2rem;
}

.product-card__price {
	display: grid;
	line-height: 1.2;
}

.product-card__price strong {
	font-size: 0.96rem;
}

.product-card__price small {
	color: var(--amr-muted);
	font-size: 0.66rem;
	margin-block-start: 0.2rem;
}

.product-card__price--ask {
	color: var(--amr-muted);
	font-size: 0.7rem;
	font-weight: 700;
}

.product-card__actions {
	display: grid;
	gap: 0.5rem;
	grid-template-columns: 1fr 46px;
	margin-block-start: 0.75rem;
	position: relative;
	z-index: 2;
}

.product-card__actions .button {
	font-size: 0.76rem;
	min-height: 46px;
	padding-inline: 0.65rem;
}

.quick-view-button {
	align-items: center;
	background: transparent;
	border: 1px solid var(--amr-line);
	border-radius: 50%;
	display: inline-flex;
	height: 46px;
	justify-content: center;
	padding: 0;
	width: 46px;
}

.quick-view-button:hover {
	background: var(--amr-cream-50);
	border-color: var(--amr-sand-300);
}

.empty-state {
	background: var(--amr-white);
	border: 1px dashed rgba(61, 36, 22, 0.35);
	border-radius: var(--amr-radius-lg);
	grid-column: 1 / -1;
	margin: 0;
	padding: clamp(1.5rem, 6vw, 3rem);
	text-align: center;
}

.empty-state__mark {
	align-items: center;
	background: var(--amr-espresso-950);
	border: 2px solid var(--amr-gold-500);
	border-radius: 50%;
	color: var(--amr-gold-500);
	display: inline-flex;
	height: 4.5rem;
	justify-content: center;
	margin-block-end: 1rem;
	width: 4.5rem;
}

.empty-state h2,
.empty-state h3 {
	margin-block-end: 0.65rem;
}

.empty-state p {
	color: var(--amr-muted);
	margin-inline: auto;
	max-width: 43ch;
}

.story-grid {
	align-items: stretch;
	display: grid;
	gap: 1rem;
}

.story-card {
	background: var(--amr-gold-500);
	border-radius: var(--amr-radius-lg);
	color: var(--amr-espresso-950);
	overflow: hidden;
	padding: clamp(1.5rem, 7vw, 3.5rem);
	position: relative;
}

.story-card::after {
	border: 26px solid rgba(32, 11, 1, 0.1);
	border-radius: 50%;
	content: "";
	height: 14rem;
	inset-block-end: -6rem;
	inset-inline-end: -4rem;
	position: absolute;
	transform: rotate(35deg);
	width: 8rem;
}

.story-card > * {
	position: relative;
	z-index: 1;
}

.story-card h2 {
	margin-block-end: 0.8rem;
}

.story-card p {
	font-size: 1.08rem;
	max-width: 50ch;
}

.story-card .button {
	background: var(--amr-espresso-950);
	border-color: var(--amr-espresso-950);
	color: var(--amr-cream-50);
	margin-block-start: 0.75rem;
}

.story-points {
	display: grid;
	gap: 0.75rem;
}

.story-point {
	background: var(--amr-white);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-radius-md);
	display: grid;
	gap: 0.25rem;
	grid-template-columns: 48px 1fr;
	padding: 1rem;
}

.story-point__number {
	align-items: center;
	background: var(--amr-espresso-950);
	border-radius: 50%;
	color: var(--amr-gold-500);
	display: flex;
	font-family: var(--amr-font-latin);
	font-size: 0.72rem;
	font-weight: 900;
	grid-row: 1 / 3;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.story-point strong {
	font-size: 1rem;
}

.story-point span {
	color: var(--amr-muted);
	font-size: 0.84rem;
}

.story-point .story-point__number {
	color: var(--amr-gold-500);
}

.visit-card {
	background: var(--amr-espresso-950);
	border: 1px solid rgba(252, 183, 20, 0.26);
	border-radius: var(--amr-radius-lg);
	color: var(--amr-cream-50);
	display: grid;
	gap: 1.5rem;
	overflow: hidden;
	padding: clamp(1.4rem, 6vw, 3rem);
	position: relative;
}

.visit-card::before {
	border: 1px solid rgba(252, 183, 20, 0.28);
	border-radius: 50%;
	content: "";
	height: 18rem;
	inset-block-start: -9rem;
	inset-inline-end: -7rem;
	position: absolute;
	width: 11rem;
}

.visit-card__copy,
.visit-card__actions {
	position: relative;
	z-index: 1;
}

.visit-card h2 {
	color: var(--amr-cream-50);
	margin-block-end: 0.8rem;
}

.visit-card address {
	color: rgba(243, 233, 223, 0.76);
	font-style: normal;
	margin-block-end: 0.45rem;
}

.visit-card__meta {
	color: rgba(243, 233, 223, 0.62);
	font-size: 0.82rem;
	margin: 0;
}

.visit-card__actions {
	display: grid;
	gap: 0.65rem;
}

.visit-card__actions .button--secondary {
	color: var(--amr-cream-50);
}

.faq-list {
	border-block-start: 1px solid var(--amr-line);
}

.faq-item {
	border-block-end: 1px solid var(--amr-line);
}

.faq-item summary {
	cursor: pointer;
	font-size: 1.05rem;
	font-weight: 800;
	list-style: none;
	min-height: 60px;
	padding: 1rem 2.2rem 1rem 0;
	position: relative;
}

.faq-item summary::-webkit-details-marker {
	display: none;
}

.faq-item summary::before,
.faq-item summary::after {
	background: var(--amr-espresso-950);
	content: "";
	height: 2px;
	inset-block-start: 50%;
	inset-inline-start: 0.2rem;
	position: absolute;
	transition: transform var(--amr-fast) var(--amr-ease);
	width: 16px;
}

.faq-item summary::after {
	transform: rotate(90deg);
}

.faq-item[open] summary::after {
	transform: rotate(0);
}

.faq-item__answer {
	color: var(--amr-muted);
	max-width: 64ch;
	padding: 0 0 1.25rem;
}

.faq-item__answer p:last-child {
	margin-block-end: 0;
}

.page-hero {
	background: var(--amr-espresso-950);
	color: var(--amr-cream-50);
	overflow: hidden;
	padding-block: clamp(3.5rem, 12vw, 7rem);
	position: relative;
}

.page-hero::after {
	border: 1px solid rgba(252, 183, 20, 0.28);
	border-radius: 50%;
	content: "";
	height: 20rem;
	inset-block-start: -8rem;
	inset-inline-end: -7rem;
	position: absolute;
	transform: rotate(28deg);
	width: 12rem;
}

.page-hero__inner {
	position: relative;
	z-index: 1;
}

.page-hero h1 {
	color: var(--amr-cream-50);
	font-size: clamp(2.25rem, 10vw, 5rem);
	margin-block-end: 0.9rem;
}

.page-hero p:not(.eyebrow) {
	color: rgba(243, 233, 223, 0.74);
	font-size: clamp(1rem, 3vw, 1.2rem);
	max-width: 52ch;
}

.catalog-toolbar {
	background: var(--amr-cream-50);
	border-block-end: 1px solid var(--amr-line);
	inset-block-start: 74px;
	padding-block: 0.75rem;
	position: sticky;
	z-index: 700;
}

body.admin-bar .catalog-toolbar {
	inset-block-start: 120px;
}

.catalog-toolbar__inner {
	display: grid;
	gap: 0.75rem;
}

.catalog-search {
	position: relative;
}

.catalog-search .icon {
	color: var(--amr-muted);
	inset-block-start: 50%;
	inset-inline-start: 0.85rem;
	pointer-events: none;
	position: absolute;
	transform: translateY(-50%);
}

.catalog-search input {
	background: var(--amr-white);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-pill);
	min-height: 48px;
	padding: 0.7rem 1rem 0.7rem 3rem;
	width: 100%;
}

.catalog-search input:focus {
	border-color: var(--amr-gold-400);
	outline: 3px solid rgba(252, 183, 20, 0.27);
}

.category-chips {
	display: flex;
	gap: 0.5rem;
	list-style: none;
	margin: 0 -1rem;
	overflow-x: auto;
	padding: 0 1rem 0.35rem;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
}

.category-chips::-webkit-scrollbar {
	display: none;
}

.category-chip {
	align-items: center;
	background: transparent;
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-pill);
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 0.78rem;
	font-weight: 800;
	justify-content: center;
	min-height: 44px;
	padding: 0.6rem 0.9rem;
	scroll-snap-align: start;
	text-decoration: none;
}

.category-chip:hover,
.category-chip.is-active,
.category-chip[aria-pressed="true"] {
	background: var(--amr-espresso-950);
	border-color: var(--amr-espresso-950);
	color: var(--amr-gold-500);
}

.catalog-status {
	color: var(--amr-muted);
	font-size: 0.82rem;
	margin-block-end: 1rem;
}

.content-shell {
	margin-inline: auto;
	max-width: var(--amr-container);
	padding-block: clamp(2.5rem, 8vw, 5rem);
	width: min(100% - 2rem, var(--amr-container));
}

.entry-content {
	font-size: 1.04rem;
	margin-inline: auto;
	max-width: var(--amr-text);
}

.entry-content > * + * {
	margin-block-start: 1.2em;
}

.entry-content h2,
.entry-content h3 {
	margin-block-start: 1.6em;
}

.entry-content img {
	border-radius: var(--amr-radius-lg);
}

.entry-content blockquote {
	background: var(--amr-white);
	border-inline-start: 5px solid var(--amr-gold-500);
	border-radius: var(--amr-radius-sm);
	font-size: 1.1rem;
	margin-inline: 0;
	padding: 1rem 1.2rem;
}

.entry-content table {
	border-collapse: collapse;
	display: block;
	max-width: 100%;
	overflow-x: auto;
	width: 100%;
}

.entry-content td,
.entry-content th {
	border: 1px solid var(--amr-line);
	padding: 0.7rem;
	text-align: start;
}

.entry-content th {
	background: var(--amr-espresso-950);
	color: var(--amr-cream-50);
}

.two-column {
	display: grid;
	gap: 1rem;
}

.info-card {
	background: var(--amr-white);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-radius-lg);
	padding: clamp(1.2rem, 5vw, 2rem);
}

.info-card h2,
.info-card h3 {
	margin-block-end: 0.65rem;
}

.info-card p:last-child {
	margin-block-end: 0;
}

.info-list {
	display: grid;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.info-list li {
	border-block-end: 1px solid var(--amr-line);
	display: grid;
	gap: 0.2rem;
	padding-block: 0.9rem;
}

.info-list li:last-child {
	border-block-end: 0;
}

.info-list strong {
	font-size: 0.78rem;
}

.info-list span,
.info-list a {
	color: var(--amr-muted);
}

.social-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.social-list a {
	align-items: center;
	border: 1px solid var(--amr-line);
	border-radius: 50%;
	display: flex;
	height: 48px;
	justify-content: center;
	text-decoration: none;
	width: 48px;
}

.social-list a:hover {
	background: var(--amr-gold-500);
	border-color: var(--amr-gold-500);
}

.legal-status {
	background: #fff3d6;
	border: 1px solid rgba(184, 106, 6, 0.28);
	border-radius: var(--amr-radius-md);
	color: #704000;
	margin-block-end: 1.5rem;
	padding: 1rem;
}

.legal-status strong {
	display: block;
	margin-block-end: 0.25rem;
}

.search-form {
	display: flex;
	gap: 0.5rem;
}

.search-form label {
	flex: 1;
}

.search-field {
	background: var(--amr-white);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-pill);
	min-height: 48px;
	padding: 0.7rem 1rem;
	width: 100%;
}

.search-submit {
	background: var(--amr-gold-500);
	border: 1px solid var(--amr-gold-500);
	border-radius: var(--amr-pill);
	font-weight: 800;
	min-height: 48px;
	padding-inline: 1.1rem;
}

.search-results-list {
	display: grid;
	gap: 0.8rem;
	list-style: none;
	margin: 2rem 0 0;
	padding: 0;
}

.search-result {
	background: var(--amr-white);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-radius-md);
	padding: 1rem;
}

.search-result h2 {
	font-size: 1.2rem;
	margin-block-end: 0.3rem;
}

.search-result h2 a {
	text-decoration: none;
}

.search-result p {
	color: var(--amr-muted);
	font-size: 0.9rem;
	margin: 0;
}

.product-detail {
	display: grid;
	gap: 1.5rem;
}

.product-detail__media {
	aspect-ratio: 1;
	background: var(--amr-cocoa-800);
	border-radius: var(--amr-radius-lg);
	overflow: hidden;
}

.product-detail__media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.product-detail__content .eyebrow {
	margin-block-end: 0.6rem;
}

.product-detail__content h1 {
	font-size: clamp(2rem, 9vw, 4.25rem);
	margin-block-end: 0.8rem;
}

.product-detail__price {
	align-items: baseline;
	display: flex;
	gap: 0.5rem;
	margin-block: 1.25rem;
}

.product-detail__price strong {
	font-size: 1.7rem;
}

.product-detail__price span {
	color: var(--amr-muted);
}

.product-detail__notice {
	background: var(--amr-white);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-radius-md);
	color: var(--amr-muted);
	font-size: 0.84rem;
	margin-block: 1rem;
	padding: 0.8rem 1rem;
}

.product-detail__actions {
	display: grid;
	gap: 0.65rem;
	margin-block-start: 1.25rem;
}

.product-detail__description {
	border-block-start: 1px solid var(--amr-line);
	margin-block-start: 1.5rem;
	padding-block-start: 1.5rem;
}

.offer-grid {
	display: grid;
	gap: 1rem;
}

.offer-card {
	background: var(--amr-gold-500);
	border-radius: var(--amr-radius-lg);
	display: grid;
	gap: 1rem;
	overflow: hidden;
	padding: clamp(1.2rem, 6vw, 2.5rem);
	position: relative;
}

.offer-card::after {
	border: 18px solid rgba(32, 11, 1, 0.1);
	border-radius: 50%;
	content: "";
	height: 11rem;
	inset-block-end: -5rem;
	inset-inline-end: -2rem;
	position: absolute;
	width: 7rem;
}

.offer-card > * {
	position: relative;
	z-index: 1;
}

.offer-card h2,
.offer-card h3 {
	margin-block-end: 0.5rem;
}

.offer-card p {
	max-width: 48ch;
}

.offer-card .button {
	background: var(--amr-espresso-950);
	border-color: var(--amr-espresso-950);
	color: var(--amr-cream-50);
	width: fit-content;
}

.site-footer {
	background: var(--amr-espresso-950);
	color: var(--amr-cream-50);
	padding-block: clamp(3rem, 8vw, 5rem) calc(2rem + env(safe-area-inset-bottom, 0px));
}

.site-footer__grid {
	display: grid;
	gap: 2rem;
}

.site-footer__brand .brand {
	color: var(--amr-cream-50);
}

.site-footer__brand .brand__latin,
.site-footer__tagline {
	color: rgba(243, 233, 223, 0.6);
}

.site-footer__tagline {
	margin-block: 1rem 0;
	max-width: 32ch;
}

.site-footer h2 {
	color: var(--amr-gold-500);
	font-size: 0.78rem;
	letter-spacing: 0.02em;
	margin-block-end: 0.75rem;
}

.footer-nav,
.site-footer__contacts {
	display: grid;
	gap: 0.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-nav a,
.site-footer__contacts a {
	align-items: center;
	color: rgba(243, 233, 223, 0.8);
	display: inline-flex;
	min-height: 44px;
	text-decoration: none;
	width: fit-content;
}

.footer-nav a:hover,
.site-footer__contacts a:hover {
	color: var(--amr-gold-500);
}

.site-footer .social-list a {
	border-color: var(--amr-line-dark);
	color: var(--amr-cream-50);
}

.site-footer__bottom {
	border-block-start: 1px solid var(--amr-line-dark);
	color: rgba(243, 233, 223, 0.55);
	display: grid;
	font-size: 0.72rem;
	gap: 0.6rem;
	margin-block-start: 2.5rem;
	padding-block-start: 1.25rem;
}

.site-footer__bottom p {
	margin: 0;
}

.mobile-dock {
	align-items: stretch;
	background: var(--amr-espresso-950);
	border-block-start: 1px solid rgba(252, 183, 20, 0.24);
	bottom: 0;
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	height: calc(var(--amr-dock-height) + env(safe-area-inset-bottom, 0px));
	inset-inline: 0;
	padding-block-end: env(safe-area-inset-bottom, 0px);
	position: fixed;
	z-index: 950;
}

.mobile-order-pill {
	align-items: center;
	background: var(--amr-gold-500);
	border: 1px solid var(--amr-gold-500);
	border-radius: var(--amr-pill);
	bottom: calc(var(--amr-dock-height) + 0.75rem + env(safe-area-inset-bottom, 0px));
	box-shadow: var(--amr-shadow-soft);
	color: var(--amr-espresso-950);
	display: inline-flex;
	font-size: 0.78rem;
	font-weight: 900;
	gap: 0.45rem;
	inset-inline-end: 1rem;
	min-height: 48px;
	padding: 0.65rem 0.9rem;
	position: fixed;
	z-index: 940;
}

.mobile-order-pill[hidden] {
	display: none;
}

.mobile-order-pill .order-count {
	border: 0;
	display: inline-flex;
	inset: auto;
	position: static;
}

.mobile-dock__item {
	align-items: center;
	background: transparent;
	border: 0;
	color: var(--amr-cream-50);
	display: flex;
	flex-direction: column;
	font-size: 0.68rem;
	font-weight: 800;
	gap: 0.22rem;
	justify-content: center;
	min-height: 56px;
	padding: 0.35rem;
	position: relative;
	text-decoration: none;
}

.mobile-dock__item:hover {
	background: rgba(252, 183, 20, 0.1);
	color: var(--amr-gold-500);
}

.mobile-dock__item--primary {
	background: var(--amr-gold-500);
	color: var(--amr-espresso-950);
}

.mobile-dock__item--primary:hover {
	background: var(--amr-gold-400);
	color: var(--amr-espresso-950);
}

.order-count {
	align-items: center;
	background: var(--amr-danger);
	border: 2px solid var(--amr-espresso-950);
	border-radius: var(--amr-pill);
	color: #fff;
	display: none;
	font-family: var(--amr-font-latin);
	font-size: 0.64rem;
	font-weight: 900;
	height: 1.25rem;
	inset-block-start: 0.4rem;
	inset-inline-end: calc(50% - 1.6rem);
	justify-content: center;
	min-width: 1.25rem;
	padding-inline: 0.22rem;
	position: absolute;
}

.order-count.has-items {
	display: inline-flex;
}

dialog {
	color: inherit;
}

.bottom-sheet {
	background: transparent;
	border: 0;
	height: 100%;
	inset: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	padding: 0;
	width: 100%;
}

.bottom-sheet::backdrop {
	background: rgba(14, 9, 6, 0.7);
}

.bottom-sheet__panel {
	background: var(--amr-cream-50);
	border-radius: 1.5rem 1.5rem 0 0;
	bottom: 0;
	box-shadow: var(--amr-shadow-lifted);
	display: flex;
	flex-direction: column;
	inset-inline: 0;
	max-height: min(88svh, 48rem);
	padding-block-end: env(safe-area-inset-bottom, 0px);
	position: absolute;
}

.bottom-sheet__handle {
	background: rgba(32, 11, 1, 0.22);
	border-radius: var(--amr-pill);
	height: 4px;
	margin: 0.65rem auto 0;
	width: 3.25rem;
}

.bottom-sheet__head {
	align-items: center;
	border-block-end: 1px solid var(--amr-line);
	display: flex;
	gap: 0.75rem;
	justify-content: space-between;
	padding: 0.75rem 1rem;
}

.bottom-sheet__head h2 {
	font-size: 1.25rem;
	margin: 0;
}

.bottom-sheet__close {
	align-items: center;
	background: transparent;
	border: 1px solid var(--amr-line);
	border-radius: 50%;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	padding: 0;
	width: 44px;
}

.bottom-sheet__body {
	overscroll-behavior: contain;
	overflow-y: auto;
	padding: 1rem;
}

.bottom-sheet__footer {
	background: var(--amr-cream-50);
	border-block-start: 1px solid var(--amr-line);
	display: grid;
	gap: 0.6rem;
	padding: 0.85rem 1rem 1rem;
}

.order-list {
	display: grid;
	gap: 0.65rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.order-item {
	align-items: center;
	background: var(--amr-white);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-radius-md);
	display: grid;
	gap: 0.65rem;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 0.8rem;
}

.order-item__copy {
	min-width: 0;
}

.order-item__copy strong,
.order-item__copy small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.order-item__copy small {
	color: var(--amr-muted);
	font-family: var(--amr-font-latin);
	font-size: 0.68rem;
	margin-block-start: 0.15rem;
}

.order-item__controls {
	align-items: center;
	display: flex;
	gap: 0.35rem;
}

.order-item__controls button {
	align-items: center;
	background: transparent;
	border: 1px solid var(--amr-line);
	border-radius: 50%;
	display: inline-flex;
	height: 38px;
	justify-content: center;
	padding: 0;
	width: 38px;
}

.order-item__controls output {
	font-family: var(--amr-font-latin);
	font-size: 0.85rem;
	font-weight: 800;
	min-width: 1.2rem;
	text-align: center;
}

.order-item__note {
	display: grid;
	gap: 0.35rem;
	grid-column: 1 / -1;
}

.order-item__note span,
.order-general-notes > span {
	color: var(--amr-muted);
	font-size: 0.72rem;
	font-weight: 800;
}

.order-item__note input,
.order-general-notes textarea {
	background: var(--amr-cream-50);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-radius-sm);
	min-height: 44px;
	padding: 0.6rem 0.7rem;
	width: 100%;
}

.order-general-notes {
	display: grid;
	gap: 0.4rem;
	margin-block-start: 1rem;
}

.order-general-notes textarea {
	background: var(--amr-white);
	min-height: 5.5rem;
	resize: vertical;
}

.order-note {
	background: #fff3d6;
	border: 1px solid rgba(184, 106, 6, 0.25);
	border-radius: var(--amr-radius-sm);
	color: #704000;
	font-size: 0.76rem;
	margin-block-start: 0.8rem;
	padding: 0.65rem 0.8rem;
}

.order-sync-status {
	background: var(--amr-white);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-radius-sm);
	color: var(--amr-muted);
	font-size: 0.76rem;
	margin-block: 0.8rem 0;
	padding: 0.65rem 0.8rem;
}

.order-message {
	background: var(--amr-white);
	border: 1px solid var(--amr-line);
	border-radius: var(--amr-radius-md);
	display: block;
	margin-block-start: 1rem;
	min-height: 8rem;
	padding: 0.8rem;
	resize: vertical;
	width: 100%;
}

.quick-view__layout {
	display: grid;
	gap: 1rem;
}

.quick-view__media {
	aspect-ratio: 16 / 10;
	background: var(--amr-cocoa-800);
	border-radius: var(--amr-radius-md);
	overflow: hidden;
}

.quick-view__media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.quick-view__content h2 {
	font-size: 1.5rem;
	margin-block-end: 0.5rem;
}

.quick-view__content p {
	color: var(--amr-muted);
}

.quick-view__actions {
	display: grid;
	gap: 0.55rem;
	margin-block-start: 1rem;
}

.toast-region {
	inset-block-end: calc(var(--amr-dock-height) + 1rem + env(safe-area-inset-bottom, 0px));
	inset-inline: 1rem;
	pointer-events: none;
	position: fixed;
	z-index: 1600;
}

.toast {
	background: var(--amr-espresso-950);
	border: 1px solid rgba(252, 183, 20, 0.3);
	border-radius: var(--amr-pill);
	box-shadow: var(--amr-shadow-soft);
	color: var(--amr-cream-50);
	font-size: 0.78rem;
	font-weight: 800;
	margin-inline: auto;
	max-width: 28rem;
	padding: 0.75rem 1rem;
	text-align: center;
}

.pagination,
.nav-links {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	justify-content: center;
	margin-block-start: 2rem;
}

.page-numbers {
	align-items: center;
	border: 1px solid var(--amr-line);
	border-radius: 50%;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	text-decoration: none;
	width: 44px;
}

.page-numbers.current,
.page-numbers:hover {
	background: var(--amr-espresso-950);
	border-color: var(--amr-espresso-950);
	color: var(--amr-gold-500);
}

@media (min-width: 520px) {
	.category-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hero__actions .button {
		flex: 0 0 auto;
	}

	.button-row > * {
		flex: 0 0 auto;
	}
}

@media (min-width: 720px) {
	body {
		padding-block-end: 0;
	}

	.site-shell,
	.section__inner,
	.site-footer__inner,
	.site-header__inner {
		width: min(100% - 3rem, var(--amr-container));
	}

	.header-cta {
		display: inline-flex;
	}

	.hero__grid {
		grid-template-columns: minmax(0, 1.25fr) minmax(17rem, 0.75fr);
	}

	.hero__proof {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		max-width: 38rem;
	}

	.category-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.story-grid {
		grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
	}

	.visit-card {
		align-items: center;
		grid-template-columns: minmax(0, 1.5fr) minmax(15rem, 0.5fr);
	}

	.two-column {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.product-detail {
		align-items: start;
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	}

	.product-detail__actions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.offer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-footer__bottom {
		align-items: center;
		grid-template-columns: 1fr auto;
	}

	.mobile-dock {
		display: none;
	}

	.mobile-order-pill {
		display: none;
	}

	.bottom-sheet__panel {
		border-radius: var(--amr-radius-lg);
		bottom: 50%;
		inset-inline: 50%;
		max-height: min(82vh, 46rem);
		max-width: 39rem;
		transform: translate(50%, 50%);
		width: calc(100% - 3rem);
	}

	.toast-region {
		inset-block-end: 1.5rem;
	}

	.quick-view__layout {
		align-items: start;
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	}
}

@media (min-width: 980px) {
	.site-header__inner {
		grid-template-columns: auto minmax(0, 1fr) auto;
		min-height: 84px;
	}

	.nav-toggle,
	.site-nav__head,
	.nav-backdrop {
		display: none;
	}

	.site-nav {
		background: transparent;
		color: var(--amr-espresso-950);
		inset: auto;
		max-width: none;
		opacity: 1;
		overflow: visible;
		padding: 0;
		pointer-events: auto;
		position: static;
		transform: none;
		visibility: visible;
		width: auto;
	}

	.site-nav__list,
	.site-nav ul {
		align-items: center;
		display: flex;
		gap: 0.15rem;
		justify-content: center;
	}

	.site-nav a {
		font-size: 0.82rem;
		min-height: 44px;
		padding: 0.45rem 0.72rem;
	}

	.site-nav a:hover,
	.site-nav .current-menu-item > a,
	.site-nav .current_page_item > a {
		background: rgba(32, 11, 1, 0.07);
		color: var(--amr-espresso-950);
	}

	.site-nav__cta {
		display: none;
	}

	.site-footer__grid {
		grid-template-columns: minmax(16rem, 1.4fr) repeat(2, minmax(10rem, 0.8fr)) minmax(12rem, 1fr);
	}

	.hero {
		min-height: min(800px, calc(100svh - 118px));
	}

	.category-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.product-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.catalog-toolbar {
		inset-block-start: 84px;
	}

	body.admin-bar .catalog-toolbar {
		inset-block-start: 116px;
	}

	.catalog-toolbar__inner {
		align-items: center;
		grid-template-columns: minmax(15rem, 0.4fr) minmax(0, 1fr);
	}

	.category-chips {
		justify-content: flex-end;
		margin: 0;
		padding: 0;
	}
}

@media (min-width: 1240px) {
	.product-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}

	.button:hover,
	.category-card:hover,
	.product-card:hover,
	.product-card:hover .product-card__media img {
		transform: none;
	}
}

@media (forced-colors: active) {
	.button,
	.category-chip,
	.mobile-dock__item,
	.quick-view-button {
		border: 1px solid ButtonText;
	}

	.hero-art {
		forced-color-adjust: none;
	}
}

@media (scripting: none) and (max-width: 979px) {
	.site-header__inner {
		display: flex;
		flex-wrap: wrap;
		padding-block: 0.6rem;
	}

	.nav-toggle,
	.nav-backdrop,
	.site-nav__head {
		display: none;
	}

	.site-nav {
		background: transparent;
		color: var(--amr-espresso-950);
		flex: 1 0 100%;
		inset: auto;
		max-width: none;
		padding: 0;
		position: static;
		transform: none;
		width: 100%;
	}

	.site-nav__cta {
		display: none;
	}
}