/*
Theme Name: Moda Chicago
Description: Minimal, responsive WooCommerce theme for a premium clothing store.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: moda-atelier
*/

:root {
	--ma-ink: #101820;
	--ma-paper: #fbfcfa;
	--ma-cream: #edf0ef;
	--ma-sand: #d9e8ed;
	--ma-muted: #68737a;
	--ma-line: #d9e0e2;
	--ma-blue: #4aa8c8;
	--ma-red: #c7464f;
	--ma-serif: "Arial Narrow", "Roboto Condensed", "Aptos Display", Impact, sans-serif;
	--ma-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--ma-content: 1320px;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--ma-paper);
	color: var(--ma-ink);
	font-family: var(--ma-sans);
	font-size: 15px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

body,
button,
input,
select,
textarea {
	font-family: var(--ma-sans);
}

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

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: var(--ma-muted);
}

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

button,
.button,
input[type="submit"] {
	cursor: pointer;
}

:focus-visible {
	outline: 2px solid var(--ma-ink);
	outline-offset: 4px;
}

.ma-container {
	width: min(calc(100% - 64px), var(--ma-content));
	margin-inline: auto;
}

.ma-skip-link {
	position: fixed;
	z-index: 1000;
	top: 12px;
	left: 12px;
	padding: 10px 14px;
	transform: translateY(-160%);
	background: var(--ma-ink);
	color: var(--ma-paper);
}

.ma-skip-link:focus {
	transform: translateY(0);
}

.ma-announcement {
	padding: 8px 16px;
	background: var(--ma-ink);
	color: var(--ma-paper);
	text-align: center;
	font-size: 11px;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.ma-site-header {
	position: relative;
	z-index: 20;
	border-bottom: 1px solid var(--ma-line);
	background: var(--ma-paper);
}

.ma-header-inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	min-height: 84px;
	gap: 28px;
}

.ma-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	justify-self: start;
	font-family: var(--ma-serif);
	font-size: 25px;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: uppercase;
}

.ma-brand img {
	max-width: 190px;
	max-height: 56px;
	width: auto;
}

.ma-header-inner > .custom-logo-link {
	justify-self: start;
}

.ma-header-inner > .custom-logo-link img {
	max-width: 190px;
	max-height: 56px;
	width: auto;
}

.ma-header-actions .woocommerce-product-search,
.ma-header-actions .search-form {
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 0;
}

.ma-header-actions .search-field {
	width: 105px;
	padding: 5px 0;
	border: 0;
	border-bottom: 1px solid var(--ma-line);
	background: transparent;
	font-size: 11px;
}

.ma-header-actions .woocommerce-product-search button,
.ma-header-actions .search-form .search-submit {
	padding: 5px 0;
	border: 0;
	background: transparent;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ma-primary-nav .menu,
.ma-primary-nav .menu ul {
	display: flex;
	align-items: center;
	gap: 27px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ma-primary-nav .menu > li > a {
	display: block;
	padding-block: 28px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ma-primary-nav .sub-menu {
	position: absolute;
	z-index: 10;
	display: none;
	min-width: 210px;
	padding: 12px 18px !important;
	border: 1px solid var(--ma-line);
	background: var(--ma-paper);
	box-shadow: 0 14px 30px rgb(23 22 20 / 8%);
}

.ma-primary-nav li:hover > .sub-menu,
.ma-primary-nav li:focus-within > .sub-menu {
	display: block;
}

.ma-primary-nav .sub-menu li a {
	display: block;
	padding: 8px 0;
	font-size: 13px;
}

.ma-header-actions {
	display: flex;
	align-items: center;
	justify-self: end;
	gap: 20px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ma-header-actions a {
	white-space: nowrap;
}

.ma-cart-count {
	display: inline-grid;
	width: 19px;
	height: 19px;
	margin-left: 4px;
	place-items: center;
	border-radius: 50%;
	background: var(--ma-cream);
	font-size: 10px;
	letter-spacing: 0;
}

.ma-menu-toggle {
	display: none;
	width: 42px;
	height: 42px;
	padding: 10px;
	border: 1px solid var(--ma-line);
	background: transparent;
}

.ma-menu-toggle span {
	display: block;
	height: 1px;
	margin: 5px 0;
	background: currentColor;
}

.ma-menu-toggle .screen-reader-text {
	margin: 0;
	background: transparent;
}

.ma-hero {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: min(680px, 72vw);
	background: var(--ma-cream);
}

.ma-hero-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 80px max(40px, calc((100vw - var(--ma-content)) / 2));
	padding-right: 7vw;
}

.ma-eyebrow {
	margin: 0 0 22px;
	color: var(--ma-muted);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.ma-hero h1,
.ma-page-title {
	max-width: 650px;
	margin: 0;
	font-family: var(--ma-serif);
	font-size: clamp(48px, 6vw, 88px);
	font-weight: 400;
	letter-spacing: -.045em;
	line-height: .99;
}

.ma-hero-description {
	max-width: 390px;
	margin: 25px 0 32px;
	color: #5d5952;
	font-size: 15px;
}

.ma-button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	padding: 0 25px;
	border: 1px solid var(--ma-ink);
	background: var(--ma-ink);
	color: var(--ma-paper);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	text-transform: uppercase;
	transition: background-color .18s ease, color .18s ease;
}

.ma-button:hover {
	background: transparent;
	color: var(--ma-ink);
}

.ma-button--light {
	border-color: var(--ma-paper);
	background: var(--ma-paper);
	color: var(--ma-ink);
}

.ma-button--light:hover {
	color: var(--ma-paper);
}

.ma-hero-art {
	position: relative;
	display: grid;
	min-height: 480px;
	overflow: hidden;
	place-items: center;
	background:
		radial-gradient(ellipse at 52% 44%, rgb(255 255 255 / 66%) 0 18%, transparent 18.5%),
		linear-gradient(145deg, #c8bba8, #e1d8ca 48%, #b8aa96);
}

.ma-hero-art::before,
.ma-hero-art::after {
	position: absolute;
	content: "";
}

.ma-hero-art::before {
	top: 10%;
	right: 13%;
	width: 48%;
	height: 80%;
	border: 1px solid rgb(255 255 255 / 45%);
	border-radius: 48% 48% 2% 2%;
	transform: rotate(8deg);
}

.ma-hero-art::after {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 22%;
	background: linear-gradient(0deg, rgb(48 41 33 / 12%), transparent);
}

.ma-hero-art.has-image {
	background-image: linear-gradient(0deg, rgb(0 0 0 / 22%), transparent 50%), var(--ma-hero-image);
	background-position: center;
	background-size: cover;
}

.ma-hero-art.has-image::before {
	display: none;
}

.ma-art-label {
	position: absolute;
	right: 7%;
	bottom: 8%;
	z-index: 1;
	color: rgb(255 255 255 / 88%);
	font-family: var(--ma-serif);
	font-size: clamp(26px, 3vw, 44px);
	font-style: italic;
}

.ma-section {
	padding-block: 100px;
}

.ma-section--tint {
	background: #faf8f3;
}

.ma-section-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 34px;
}

.ma-section-heading h2 {
	margin: 0;
	font-family: var(--ma-serif);
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 400;
	letter-spacing: -.035em;
	line-height: 1.1;
}

.ma-text-link {
	padding-bottom: 5px;
	border-bottom: 1px solid currentColor;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ma-category-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

.ma-category-card {
	position: relative;
	display: flex;
	min-height: 210px;
	align-items: end;
	overflow: hidden;
	padding: 20px;
	background: linear-gradient(145deg, #eee9df, #d5cbbb);
}

.ma-category-card:nth-child(3n + 2) {
	background: linear-gradient(145deg, #ddd4c7, #f1ece3);
}

.ma-category-card:nth-child(3n) {
	background: linear-gradient(145deg, #e6dfd3, #c9bba8);
}

.ma-category-card.has-image {
	background-image: linear-gradient(0deg, rgb(0 0 0 / 48%), transparent 66%), var(--ma-category-image);
	background-position: center;
	background-size: cover;
	color: #fff;
}

.ma-category-card::before {
	position: absolute;
	top: 18%;
	right: 15%;
	width: 44%;
	height: 64%;
	border: 1px solid rgb(255 255 255 / 72%);
	border-radius: 50% 50% 3% 3%;
	content: "";
	transition: transform .3s ease;
}

.ma-category-card:hover::before {
	transform: translateY(-6px);
}

.ma-category-card span {
	position: relative;
	z-index: 1;
	font-family: var(--ma-serif);
	font-size: 21px;
}

.ma-product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 30px 18px;
}

.ma-product-card {
	min-width: 0;
}

.ma-product-image {
	position: relative;
	display: block;
	overflow: hidden;
	background: var(--ma-cream);
	aspect-ratio: 3 / 4;
}

.ma-product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.ma-product-card:hover .ma-product-image img {
	transform: scale(1.025);
}

.ma-product-image--empty {
	background: linear-gradient(145deg, #f4f1eb, #e5dfd5);
}

.ma-product-info {
	padding-top: 14px;
}

.ma-product-category {
	margin: 0 0 5px;
	color: var(--ma-muted);
	font-size: 9px;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.ma-product-title {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
}

.ma-product-price {
	margin-top: 5px;
	font-size: 12px;
}

.ma-product-price del {
	margin-right: 6px;
	color: var(--ma-muted);
}

.ma-product-price ins {
	text-decoration: none;
}

.ma-product-action {
	display: inline-block;
	margin-top: 9px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ma-empty-state,
.ma-notice {
	padding: 26px;
	border: 1px solid var(--ma-line);
	background: var(--ma-paper);
	color: #5d5952;
}

.ma-promo {
	display: grid;
	min-height: 380px;
	grid-template-columns: 1.15fr .85fr;
	background: var(--ma-ink);
	color: var(--ma-paper);
}

.ma-promo-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 70px 10%;
}

.ma-promo h2 {
	max-width: 540px;
	margin: 0;
	font-family: var(--ma-serif);
	font-size: clamp(38px, 5vw, 66px);
	font-weight: 400;
	letter-spacing: -.04em;
	line-height: 1.04;
}

.ma-promo-visual {
	background:
		linear-gradient(105deg, rgb(23 22 20 / 10%), transparent),
		radial-gradient(ellipse at 45% 45%, #d9cdbb 0 15%, transparent 15.5%),
		linear-gradient(135deg, #998c79, #d8cdbd 55%, #786b5a);
}

.ma-page-content {
	min-height: 45vh;
	padding-block: 70px 100px;
}

.ma-page-title {
	margin-bottom: 35px;
	font-size: clamp(42px, 5vw, 68px);
}

.ma-site-footer {
	padding: 58px 0 25px;
	background: #f3f0e9;
}

.ma-footer-top {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr;
	gap: 40px;
	padding-bottom: 42px;
}

.ma-footer-brand {
	font-family: var(--ma-serif);
	font-size: 22px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ma-footer-description {
	max-width: 340px;
	color: var(--ma-muted);
	font-size: 13px;
}

.ma-footer-title {
	margin: 0 0 15px;
	font-size: 10px;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.ma-footer-menu,
.ma-footer-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ma-footer-menu li {
	margin: 8px 0;
	color: #5d5952;
	font-size: 12px;
}

.ma-footer-bottom {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding-top: 18px;
	border-top: 1px solid #ded9d0;
	color: var(--ma-muted);
	font-size: 10px;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

body.woocommerce .ma-page-content {
	padding-top: 45px;
}

body.woocommerce .woocommerce-breadcrumb {
	margin-bottom: 28px;
	color: var(--ma-muted);
	font-size: 11px;
}

body.woocommerce ul.products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px 18px;
}

body.woocommerce ul.products::before,
body.woocommerce ul.products::after {
	display: none;
}

body.woocommerce ul.products li.product {
	float: none;
	width: auto;
	margin: 0;
}

body.woocommerce .woocommerce-message,
body.woocommerce .woocommerce-info,
body.woocommerce .woocommerce-error {
	border-top-color: var(--ma-ink);
}

@media (max-width: 1050px) {
	.ma-container {
		width: min(calc(100% - 40px), var(--ma-content));
	}

	.ma-header-inner {
		grid-template-columns: auto 1fr auto;
		gap: 18px;
	}

	.ma-primary-nav .menu,
	.ma-primary-nav .menu ul {
		gap: 16px;
	}

	.ma-header-actions {
		gap: 12px;
	}

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

	.ma-category-card {
		min-height: 190px;
	}
}

@media (max-width: 760px) {
	.ma-container {
		width: min(calc(100% - 36px), var(--ma-content));
	}

	.ma-header-inner {
		min-height: 70px;
		grid-template-columns: 42px 1fr auto;
		gap: 12px;
	}

	.ma-menu-toggle {
		display: block;
		grid-column: 1;
		grid-row: 1;
	}

	.ma-brand {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		font-size: 20px;
	}

	.ma-brand img {
		max-width: 145px;
		max-height: 44px;
	}

	.ma-header-inner > .custom-logo-link {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
	}

	.ma-header-inner > .custom-logo-link img {
		max-width: 145px;
		max-height: 44px;
	}

	.ma-primary-nav {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		display: none;
		padding: 12px 20px 20px;
		border-bottom: 1px solid var(--ma-line);
		background: var(--ma-paper);
	}

	.ma-primary-nav.is-open {
		display: block;
	}

	.ma-primary-nav .menu,
	.ma-primary-nav .menu ul {
		display: block;
	}

	.ma-primary-nav .menu > li > a {
		padding: 12px 0;
		border-bottom: 1px solid var(--ma-line);
	}

	.ma-primary-nav .sub-menu {
		position: static;
		display: block;
		padding: 4px 15px !important;
		border: 0;
		box-shadow: none;
	}

	.ma-header-actions {
		grid-column: 3;
		grid-row: 1;
		gap: 0;
		font-size: 0;
	}

	.ma-header-actions a {
		font-size: 10px;
	}

	.ma-header-actions .ma-account-link,
	.ma-header-actions .ma-search-link {
		display: none;
	}

	.ma-header-actions .search-field {
		width: 65px;
	}

	.ma-header-actions .woocommerce-product-search button,
	.ma-header-actions .search-form .search-submit {
		display: none;
	}

	.ma-hero {
		grid-template-columns: 1fr;
	}

	.ma-hero-copy {
		min-height: 390px;
		padding: 64px 28px;
	}

	.ma-hero h1 {
		font-size: clamp(49px, 14vw, 72px);
	}

	.ma-hero-art {
		min-height: 370px;
	}

	.ma-section {
		padding-block: 68px;
	}

	.ma-section-heading {
		align-items: start;
		flex-direction: column;
		margin-bottom: 24px;
	}

	.ma-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.ma-category-card {
		min-height: 165px;
		padding: 15px;
	}

	.ma-category-card span {
		font-size: 18px;
	}

	.ma-product-grid,
	body.woocommerce ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px 12px;
	}

	.ma-product-title {
		font-size: 12px;
	}

	.ma-promo {
		grid-template-columns: 1fr;
	}

	.ma-promo-copy {
		padding: 55px 28px;
	}

	.ma-promo-visual {
		min-height: 250px;
	}

	.ma-footer-top {
		grid-template-columns: 1fr 1fr;
		gap: 30px 20px;
	}

	.ma-footer-top > :first-child {
		grid-column: 1 / -1;
	}

	.ma-footer-bottom {
		flex-direction: column;
		gap: 6px;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* Storefront header, campaign cards and interactive collections. */
.ma-announcement {
	display: flex;
	min-height: 34px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	font-size: 9px;
	letter-spacing: .17em;
}

.ma-announcement a {
	border-bottom: 1px solid rgb(255 255 255 / 55%);
}

.ma-site-header {
	position: sticky;
	top: 0;
	z-index: 50;
}

.ma-header-inner {
	position: relative;
	grid-template-columns: minmax(170px, 1fr) auto minmax(190px, 1fr);
	min-height: 78px;
	gap: 26px;
}

.ma-header-inner > .ma-menu-toggle {
	display: none;
}

.ma-header-inner > .ma-brand,
.ma-header-inner > .custom-logo-link {
	grid-column: 1;
	grid-row: 1;
	justify-self: start;
}

.ma-primary-nav {
	grid-column: 2;
	grid-row: 1;
}

.ma-primary-nav .menu {
	gap: 26px;
}

.ma-primary-nav .menu > li > a {
	padding-block: 30px;
}

.ma-primary-nav .menu-item-has-children > a::after {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 3px 8px;
	transform: rotate(45deg);
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	content: "";
}

.ma-site-header .ma-header-inner {
	position: static;
}

.ma-site-header > .ma-header-inner {
	position: relative;
}

.ma-primary-nav .menu > .menu-item-has-children > .sub-menu {
	top: 100%;
	left: 50%;
	width: min(calc(100vw - 64px), var(--ma-content));
	min-width: 0;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0 30px;
	padding: 28px 34px !important;
	transform: translate(-50%, 0);
	border-top: 0;
}

.ma-primary-nav .menu > .menu-item-has-children:hover > .sub-menu,
.ma-primary-nav .menu > .menu-item-has-children:focus-within > .sub-menu {
	display: grid;
}

.ma-primary-nav .sub-menu li {
	min-width: 0;
}

.ma-primary-nav .sub-menu li a {
	padding: 10px 0;
	border-bottom: 1px solid var(--ma-line);
}

.ma-primary-nav .sub-menu .sub-menu {
	position: static;
	display: block;
	min-width: 0;
	padding: 0 0 0 12px !important;
	border: 0;
	box-shadow: none;
}

.ma-header-actions {
	grid-column: 3;
	grid-row: 1;
	gap: 12px;
}

.ma-icon-button {
	position: relative;
	display: inline-grid;
	width: 35px;
	height: 40px;
	flex: 0 0 auto;
	place-items: center;
	border: 0;
	background: transparent;
	color: var(--ma-ink);
}

.ma-icon-button svg,
.ma-favorite-toggle svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.35;
}

.ma-icon-button:hover {
	color: var(--ma-muted);
}

.ma-cart-count,
.ma-favorite-count {
	position: absolute;
	top: 0;
	right: -1px;
	display: inline-grid;
	min-width: 16px;
	height: 16px;
	padding-inline: 3px;
	place-items: center;
	border: 1px solid var(--ma-paper);
	border-radius: 50%;
	background: var(--ma-ink);
	color: var(--ma-paper);
	font-size: 9px;
	line-height: 1;
}

.ma-favorite-count {
	display: none;
}

.ma-favorites-link.has-items .ma-favorite-count {
	display: inline-grid;
}

.ma-search-form {
	display: flex;
	height: 38px;
	align-items: center;
	border-bottom: 1px solid var(--ma-line);
}

.ma-search-input {
	width: 90px;
	padding: 7px 2px;
	border: 0;
	background: transparent;
	font-size: 11px;
}

.ma-search-input::placeholder {
	color: var(--ma-muted);
}

.ma-search-submit {
	width: 30px;
	height: 36px;
}

.ma-search-submit svg {
	width: 17px;
	height: 17px;
}

.ma-hero {
	min-height: clamp(520px, 46vw, 700px);
}

.ma-hero-copy {
	padding-left: max(40px, calc((100vw - var(--ma-content)) / 2));
}

.ma-hero h1 {
	max-width: 570px;
	font-size: clamp(52px, 5.6vw, 82px);
	line-height: 1.02;
}

.ma-hero-art {
	background:
		radial-gradient(ellipse at 55% 38%, rgb(255 255 255 / 65%) 0 16%, transparent 16.5%),
		linear-gradient(145deg, #c7b8a5, #ebe4d9 49%, #a99a85);
}

.ma-art-label {
	right: 8%;
	bottom: 10%;
	text-shadow: 0 1px 14px rgb(0 0 0 / 24%);
}

.ma-art-index {
	position: absolute;
	bottom: 12%;
	left: 8%;
	color: rgb(255 255 255 / 84%);
	font-size: 9px;
	letter-spacing: .16em;
}

.ma-campaigns {
	display: grid;
	grid-template-columns: 1.08fr .92fr;
	gap: 18px;
	padding-top: 22px;
}

.ma-campaign-card {
	position: relative;
	display: flex;
	min-height: 330px;
	align-items: end;
	overflow: hidden;
	padding: 30px;
	background:
		linear-gradient(0deg, rgb(26 24 21 / 62%), rgb(26 24 21 / 2%) 78%),
		linear-gradient(135deg, #d9d0c3, #998b78);
	background-position: center;
	background-size: cover;
	color: #fff;
}

.ma-campaign-card:nth-child(2) {
	background:
		linear-gradient(0deg, rgb(26 24 21 / 56%), rgb(26 24 21 / 0%) 78%),
		linear-gradient(135deg, #e2ddd4, #b4a590);
}

.ma-campaign-card.has-image {
	background-image: linear-gradient(0deg, rgb(26 24 21 / 64%), rgb(26 24 21 / 0%) 78%), var(--ma-campaign-image);
}

.ma-campaign-copy {
	position: relative;
	z-index: 1;
	display: flex;
	max-width: 440px;
	flex-direction: column;
	align-items: flex-start;
}

.ma-campaign-copy .ma-eyebrow {
	margin-bottom: 12px;
	color: rgb(255 255 255 / 78%);
}

.ma-campaign-copy strong {
	font-family: var(--ma-serif);
	font-size: clamp(28px, 3.5vw, 43px);
	font-weight: 400;
	line-height: 1.08;
}

.ma-campaign-description {
	margin-top: 11px;
	color: rgb(255 255 255 / 82%);
	font-size: 12px;
}

.ma-campaign-link {
	margin-top: 22px;
	padding-bottom: 4px;
	border-bottom: 1px solid rgb(255 255 255 / 68%);
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.ma-category-section {
	padding-top: 90px;
}

.ma-category-card {
	min-height: 250px;
	padding: 22px;
	background:
		radial-gradient(ellipse at 65% 32%, rgb(255 255 255 / 45%) 0 13%, transparent 13.5%),
		linear-gradient(145deg, #eee9df, #d5cbbb);
}

.ma-category-card.has-image {
	background-image: linear-gradient(0deg, rgb(0 0 0 / 50%), transparent 70%), var(--ma-category-image);
}

.ma-category-card::before {
	top: 16%;
	right: 18%;
	width: 43%;
	height: 68%;
	border-color: rgb(255 255 255 / 55%);
}

.ma-category-card span:first-child {
	max-width: calc(100% - 16px);
	font-size: 22px;
}

.ma-category-card .ma-category-arrow {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-family: var(--ma-sans);
	font-size: 16px;
}

.ma-product-card-actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.ma-product-action {
	padding-bottom: 3px;
	border-bottom: 1px solid var(--ma-line);
}

.ma-favorite-toggle {
	display: inline-grid;
	width: 36px;
	height: 36px;
	flex: 0 0 auto;
	place-items: center;
	border: 1px solid var(--ma-line);
	border-radius: 50%;
	background: var(--ma-paper);
	color: var(--ma-ink);
}

.ma-favorite-toggle[aria-pressed="true"] svg {
	fill: var(--ma-ink);
}

.ma-favorite-toggle:hover {
	border-color: var(--ma-ink);
}

.ma-favorites-section {
	background: #faf8f3;
}

.ma-favorites-feedback,
.ma-favorites-empty {
	color: var(--ma-muted);
	font-size: 12px;
}

.ma-favorites-empty[hidden] {
	display: none;
}

.ma-newsletter {
	padding-block: 74px;
	background: var(--ma-ink);
	color: var(--ma-paper);
}

.ma-newsletter-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
}

.ma-newsletter .ma-eyebrow {
	color: #c9c0b4;
}

.ma-newsletter h2 {
	margin: 0;
	font-family: var(--ma-serif);
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 400;
	letter-spacing: -.035em;
	line-height: 1.1;
}

.ma-newsletter p:not(.ma-eyebrow) {
	margin: 12px 0 0;
	color: #c9c4bc;
	font-size: 13px;
}

.ma-newsletter .ma-privacy-link {
	display: inline-block;
	margin-top: 12px;
	color: #c9c4bc;
	font-size: 11px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ma-newsletter-action {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.ma-newsletter-action .ma-button--light {
	border-color: var(--ma-paper);
}

.ma-newsletter-action > span {
	color: #c9c4bc;
	font-size: 10px;
}

.ma-site-footer {
	padding-top: 66px;
	background: #f5f2eb;
}

.ma-footer-brand-column {
	padding-right: 25px;
}

.ma-footer-menu a:hover {
	color: var(--ma-ink);
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 1050px) and (min-width: 761px) {
	.ma-header-inner {
		grid-template-columns: minmax(130px, .8fr) auto minmax(155px, .8fr);
		gap: 14px;
	}

	.ma-primary-nav .menu {
		gap: 14px;
	}

	.ma-primary-nav .menu > li > a {
		font-size: 10px;
	}

	.ma-search-input {
		width: 62px;
	}

	.ma-header-actions {
		gap: 6px;
	}

	.ma-campaign-card {
		min-height: 290px;
	}
}

@media (max-width: 760px) {
	.ma-announcement {
		min-height: 30px;
		gap: 7px;
		font-size: 8px;
		letter-spacing: .12em;
	}

	.ma-header-inner {
		min-height: 64px;
		grid-template-columns: 40px minmax(0, 1fr) auto;
		gap: 6px;
		padding-inline: 14px;
	}

	.ma-header-inner > .ma-menu-toggle {
		display: block;
		grid-column: 1;
		grid-row: 1;
		width: 38px;
		height: 38px;
	}

	.ma-header-inner > .ma-brand,
	.ma-header-inner > .custom-logo-link {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
	}

	.ma-brand {
		font-size: 18px;
		letter-spacing: .06em;
	}

	.ma-brand img,
	.ma-header-inner > .custom-logo-link img {
		max-width: 130px;
		max-height: 39px;
	}

	.ma-primary-nav {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		display: none;
		max-height: calc(100vh - 94px);
		overflow-y: auto;
		padding: 8px 20px 20px;
		border-bottom: 1px solid var(--ma-line);
		background: var(--ma-paper);
	}

	.ma-primary-nav.is-open {
		display: block;
	}

	.ma-primary-nav .menu,
	.ma-primary-nav .menu ul {
		display: block;
	}

	.ma-primary-nav .menu > li > a {
		padding: 13px 0;
		border-bottom: 1px solid var(--ma-line);
		font-size: 11px;
	}

	.ma-primary-nav .menu > .menu-item-has-children > .sub-menu,
	.ma-primary-nav .menu > .menu-item-has-children:hover > .sub-menu,
	.ma-primary-nav .menu > .menu-item-has-children:focus-within > .sub-menu {
		position: static;
		display: block;
		width: auto;
		padding: 4px 0 8px 15px !important;
		transform: none;
		border: 0;
		box-shadow: none;
	}

	.ma-primary-nav .sub-menu li a {
		padding: 10px 0;
		font-size: 12px;
	}

	.ma-primary-nav .sub-menu .sub-menu {
		padding-left: 12px !important;
	}

	.ma-header-actions {
		grid-column: 3;
		grid-row: 1;
		gap: 2px;
	}

	.ma-search-form {
		width: 35px;
		justify-content: center;
		border: 0;
	}

	.ma-search-input {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
	}

	.ma-search-submit,
	.ma-icon-button {
		width: 33px;
		height: 38px;
	}

	.ma-header-actions .ma-account-link {
		display: none;
	}

	.ma-cart-count,
	.ma-favorite-count {
		top: 1px;
		right: 0;
	}

	.ma-hero {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.ma-hero-copy {
		min-height: 365px;
		padding: 54px 25px 48px;
	}

	.ma-hero .ma-eyebrow {
		margin-bottom: 18px;
	}

	.ma-hero h1 {
		max-width: 560px;
		font-size: clamp(48px, 13vw, 68px);
	}

	.ma-hero-description {
		margin: 19px 0 25px;
		font-size: 13px;
	}

	.ma-hero-art {
		min-height: 380px;
	}

	.ma-art-label {
		font-size: 33px;
	}

	.ma-campaigns {
		grid-template-columns: 1fr;
		gap: 10px;
		padding-top: 10px;
	}

	.ma-campaign-card {
		min-height: 285px;
		padding: 24px;
	}

	.ma-campaign-copy strong {
		max-width: 340px;
		font-size: 34px;
	}

	.ma-section,
	.ma-category-section {
		padding-block: 62px;
	}

	.ma-section-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
		margin-bottom: 23px;
	}

	.ma-section-heading h2 {
		font-size: 37px;
	}

	.ma-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
	}

	.ma-category-card {
		min-height: 190px;
		padding: 14px;
	}

	.ma-category-card span:first-child {
		font-size: 18px;
	}

	.ma-category-card .ma-category-arrow {
		right: 12px;
		bottom: 13px;
	}

	.ma-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 23px 11px;
	}

	.ma-product-info {
		padding-top: 10px;
	}

	.ma-product-title {
		font-size: 12px;
	}

	.ma-product-action {
		font-size: 8px;
	}

	.ma-favorite-toggle {
		width: 32px;
		height: 32px;
	}

	.ma-favorite-toggle svg {
		width: 18px;
		height: 18px;
	}

	.ma-favorites-feedback {
		margin: 0;
	}

	.ma-newsletter {
		padding-block: 54px;
	}

	.ma-newsletter-inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 25px;
	}

	.ma-newsletter h2 {
		font-size: 39px;
	}

	.ma-newsletter-action {
		width: 100%;
	}

	.ma-newsletter-action .ma-button {
		width: 100%;
	}

	.ma-footer-top {
		grid-template-columns: 1fr 1fr;
		gap: 27px 16px;
		padding-bottom: 30px;
	}

	.ma-footer-brand-column {
		grid-column: 1 / -1;
		padding-right: 0;
	}

	.ma-footer-title {
		font-size: 9px;
	}

	.ma-footer-menu li {
		font-size: 11px;
	}

	.ma-footer-bottom {
		padding-top: 15px;
	}
}

@media (max-width: 360px) {
	.ma-header-inner {
		padding-inline: 9px;
	}

	.ma-header-actions {
		gap: 0;
	}

	.ma-search-submit,
	.ma-icon-button {
		width: 29px;
	}

	.ma-category-card {
		min-height: 160px;
	}
}

@media (min-width: 761px) {
	.ma-header-inner > .ma-brand,
	.ma-header-inner > .custom-logo-link {
		align-self: center;
	}
}

@media (max-width: 760px) {
	.ma-search-form {
		position: relative;
	}

	.ma-search-form.is-open {
		position: absolute;
		z-index: 5;
		right: 69px;
		width: min(190px, calc(100vw - 150px));
		justify-content: space-between;
		border-bottom: 1px solid var(--ma-line);
		background: var(--ma-paper);
	}

	.ma-search-form.is-open .ma-search-input {
		position: static;
		width: 100%;
		height: 36px;
		padding-inline: 7px;
		clip: auto;
	}
}

body.admin-bar .ma-site-header {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar .ma-site-header {
		top: 46px;
	}
}

.ma-archive-tools {
	display: flex;
	align-items: center;
	gap: 16px;
	margin: 0 0 14px;
}

.ma-filter-toggle {
	display: none;
	align-items: center;
	gap: 8px;
	padding: 10px 13px;
	border: 1px solid var(--ma-line);
	background: var(--ma-paper);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.ma-filter-toggle svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.4;
}

.ma-clear-filters {
	color: var(--ma-muted);
	font-size: 11px;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ma-product-filters {
	margin: 0 0 24px;
	padding: 18px;
	border: 1px solid var(--ma-line);
	background: #faf9f6;
}

.ma-filter-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(130px, 1fr)) repeat(2, minmax(115px, .8fr)) minmax(155px, 1fr);
	gap: 12px;
}

.ma-filter-field {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 6px;
}

.ma-filter-field label {
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ma-filter-field select,
.ma-filter-field input {
	width: 100%;
	min-height: 42px;
	padding: 9px 30px 9px 11px;
	border: 1px solid #dedad2;
	border-radius: 0;
	background-color: var(--ma-paper);
	font-size: 12px;
}

.ma-filter-field input {
	padding-right: 10px;
}

.ma-filter-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 14px;
}

.ma-filter-actions .ma-button {
	min-height: 40px;
	padding-inline: 18px;
}

.ma-filter-error {
	margin: 12px 0 0;
	color: #9e2929;
	font-size: 12px;
}

body.woocommerce .woocommerce-result-count {
	color: var(--ma-muted);
	font-size: 11px;
}

body.woocommerce .woocommerce-ordering select {
	min-height: 38px;
	padding: 7px 30px 7px 10px;
	border: 1px solid var(--ma-line);
	border-radius: 0;
	background: var(--ma-paper);
	font-size: 11px;
}

body.woocommerce ul.products li.product a img {
	margin-bottom: 12px;
}

body.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0;
	color: var(--ma-ink);
	font-size: 13px;
	font-weight: 500;
}

body.woocommerce ul.products li.product .price {
	margin-top: 5px;
	color: var(--ma-ink);
	font-size: 12px;
}

body.woocommerce ul.products li.product .button {
	margin-top: 8px;
	padding: 10px 13px;
	border: 1px solid var(--ma-ink);
	border-radius: 0;
	background: var(--ma-ink);
	color: var(--ma-paper);
	font-size: 9px;
	letter-spacing: .09em;
	text-transform: uppercase;
}

body.woocommerce nav.woocommerce-pagination ul {
	display: flex;
	gap: 6px;
	border: 0;
}

body.woocommerce nav.woocommerce-pagination ul li {
	border: 0;
}

body.woocommerce nav.woocommerce-pagination ul li a,
body.woocommerce nav.woocommerce-pagination ul li span {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid var(--ma-line);
	color: var(--ma-ink);
}

body.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--ma-ink);
	color: var(--ma-paper);
}

@media (max-width: 1050px) {
	.ma-filter-grid {
		grid-template-columns: repeat(4, minmax(120px, 1fr));
	}
}

@media (max-width: 760px) {
	html.ma-js .ma-filter-toggle {
		display: inline-flex;
	}

	html.ma-js .ma-product-filters:not(.is-open) {
		display: none;
	}

	.ma-product-filters {
		margin-bottom: 18px;
		padding: 17px;
	}

	.ma-filter-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px 10px;
	}

	.ma-filter-field label {
		font-size: 8px;
	}

	.ma-filter-field select,
	.ma-filter-field input {
		min-height: 40px;
		padding-left: 9px;
		font-size: 11px;
	}

	.ma-filter-actions .ma-button {
		width: 100%;
	}

	body.woocommerce .woocommerce-result-count,
	body.woocommerce .woocommerce-ordering {
		float: none;
	}

	body.woocommerce .woocommerce-ordering {
		margin: 0 0 18px;
	}

	body.woocommerce .woocommerce-result-count {
		margin: 12px 0;
	}
}

@media (max-width: 360px) {
	.ma-filter-grid {
		grid-template-columns: 1fr;
	}
}

/* WooCommerce cart and checkout. */
body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .wp-block-woocommerce-checkout {
	color: var(--ma-ink);
}

body.woocommerce-cart .woocommerce,
body.woocommerce-checkout .woocommerce {
	max-width: 1120px;
	margin-inline: auto;
}

body.woocommerce-cart .woocommerce h2,
body.woocommerce-checkout .woocommerce h2,
body.woocommerce-checkout .woocommerce h3,
body.woocommerce-cart .wp-block-woocommerce-cart h2,
body.woocommerce-checkout .wp-block-woocommerce-checkout h2 {
	font-family: var(--ma-serif);
	font-weight: 400;
	letter-spacing: -.025em;
}

body.woocommerce-cart table.shop_table,
body.woocommerce-checkout table.shop_table {
	border: 1px solid var(--ma-line);
	border-collapse: collapse;
	border-radius: 0;
	font-size: 13px;
}

body.woocommerce-cart table.shop_table th,
body.woocommerce-cart table.shop_table td,
body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
	padding: 14px;
	border-color: var(--ma-line);
}

body.woocommerce-cart table.shop_table th,
body.woocommerce-checkout table.shop_table th {
	background: #faf8f3;
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

body.woocommerce-cart .product-name a,
body.woocommerce-checkout .product-name a {
	font-weight: 500;
}

body.woocommerce-cart .product-name dl.variation,
body.woocommerce-checkout .product-name dl.variation {
	margin-top: 5px;
	color: var(--ma-muted);
	font-size: 11px;
}

body.woocommerce-cart .quantity .qty,
body.woocommerce-checkout .quantity .qty {
	min-height: 40px;
	border: 1px solid var(--ma-line);
	border-radius: 0;
}

body.woocommerce-cart .coupon {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

body.woocommerce-cart .coupon input.input-text,
body.woocommerce-cart .cart-collaterals .shipping-calculator-form input,
body.woocommerce-cart .cart-collaterals .shipping-calculator-form select {
	min-height: 42px;
	border: 1px solid var(--ma-line);
	border-radius: 0;
	background: var(--ma-paper);
}

body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #order_review_heading {
	padding: 22px;
	border: 1px solid var(--ma-line);
	background: #faf8f3;
}

body.woocommerce-checkout form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
	gap: 32px;
	align-items: start;
}

body.woocommerce-checkout form.checkout #customer_details {
	grid-column: 1;
	grid-row: 1 / span 2;
	min-width: 0;
}

body.woocommerce-checkout form.checkout #order_review_heading {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

body.woocommerce-checkout form.checkout #order_review {
	grid-column: 2;
	grid-row: 2;
	min-width: 0;
}

body.woocommerce-checkout .woocommerce form .form-row {
	margin-bottom: 16px;
}

body.woocommerce-checkout .woocommerce form .form-row label {
	margin-bottom: 6px;
	font-size: 11px;
	font-weight: 600;
}

body.woocommerce-checkout .woocommerce form .form-row .input-text,
body.woocommerce-checkout .woocommerce form .form-row select,
body.woocommerce-checkout .select2-container .select2-selection--single {
	min-height: 45px;
	padding: 10px 12px;
	border: 1px solid var(--ma-line);
	border-radius: 0;
	background-color: var(--ma-paper);
	font-size: 13px;
}

body.woocommerce-checkout .select2-container .select2-selection--single {
	display: flex;
	align-items: center;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 8px;
	right: 8px;
}

body.woocommerce-checkout .woocommerce-invalid .input-text,
body.woocommerce-checkout .woocommerce-invalid select {
	border-color: #a42d2d;
}

body.woocommerce-checkout .woocommerce-invalid .woocommerce-error,
body.woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error {
	color: #8c2424;
}

body.woocommerce-checkout #payment,
body.woocommerce-checkout .wc-block-checkout__payment-method,
body.woocommerce-checkout .wc-block-components-totals-wrapper {
	border-color: var(--ma-line);
	border-radius: 0;
	background: var(--ma-paper);
}

body.woocommerce-checkout #payment div.payment_box {
	background: #f2efe9;
}

body.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #f2efe9;
}

body.woocommerce-checkout #place_order,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
	width: 100%;
	min-height: 50px;
	border: 1px solid var(--ma-ink);
	border-radius: 0;
	background: var(--ma-ink);
	color: var(--ma-paper);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
	background: #37342f;
	color: var(--ma-paper);
}

body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
	color: var(--ma-muted);
	font-size: 11px;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a,
body.woocommerce-checkout .woocommerce-privacy-policy-text a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message {
	padding: 16px 20px 16px 48px;
	border-top: 2px solid var(--ma-ink);
	border-radius: 0;
	background: #faf8f3;
}

body.woocommerce-checkout .woocommerce-error li,
body.woocommerce-cart .woocommerce-error li {
	margin: 0;
}

body.woocommerce-checkout .woocommerce-error a,
body.woocommerce-checkout .woocommerce-info a,
body.woocommerce-checkout .woocommerce-message a,
body.woocommerce-cart .woocommerce-error a,
body.woocommerce-cart .woocommerce-info a,
body.woocommerce-cart .woocommerce-message a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 760px) {
	body.woocommerce-checkout form.checkout {
		display: block;
	}

	body.woocommerce-checkout form.checkout #customer_details,
	body.woocommerce-checkout form.checkout #order_review_heading,
	body.woocommerce-checkout form.checkout #order_review {
		margin-bottom: 18px;
	}

	body.woocommerce-checkout form.checkout #order_review_heading {
		padding: 16px 16px 0;
	}

	body.woocommerce-checkout form.checkout #order_review {
		padding: 16px;
	}

	body.woocommerce-cart table.shop_table th,
	body.woocommerce-cart table.shop_table td,
	body.woocommerce-checkout table.shop_table th,
	body.woocommerce-checkout table.shop_table td {
		padding: 10px 8px;
		font-size: 11px;
	}

	body.woocommerce-cart .cart-collaterals .cart_totals {
		float: none;
		width: 100%;
		padding: 16px;
	}

	body.woocommerce-cart .coupon {
		float: none;
		width: 100%;
		margin-bottom: 12px;
	}

	body.woocommerce-cart .coupon input.input-text {
		width: min(100%, 190px);
	}
}

/* Chicago visual direction shared by the storefront and WooCommerce screens. */
::selection {
	background: var(--ma-red);
	color: #fff;
}

:focus-visible {
	outline-color: var(--ma-blue);
}

.ma-announcement {
	box-shadow: inset 0 -3px 0 var(--ma-blue);
	font-weight: 700;
}

.ma-site-header {
	position: sticky;
	top: 0;
	background: rgb(251 252 250 / 95%);
	backdrop-filter: blur(14px);
}

.ma-brand {
	font-family: var(--ma-sans);
	font-weight: 800;
	letter-spacing: .12em;
}

.ma-primary-nav .menu > li > a {
	letter-spacing: .08em;
}

.ma-primary-nav .menu > li > a:hover {
	color: #14789f;
}

.ma-hero {
	background: #edf0ef;
}

.ma-hero h1,
.ma-page-title {
	font-family: var(--ma-sans);
	font-weight: 800;
	letter-spacing: -.075em;
	text-transform: uppercase;
}

.ma-eyebrow {
	color: #14789f;
	font-weight: 700;
}

.ma-button {
	border-radius: 0;
	font-family: var(--ma-sans);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .1em;
}

.ma-button:hover {
	border-color: var(--ma-blue);
	color: #14789f;
}

.ma-hero-art {
	background:
		repeating-linear-gradient(90deg, transparent 0 17%, rgb(255 255 255 / 7%) 17.1% 17.35%, transparent 17.45% 34%),
		linear-gradient(125deg, #172733, #24495c 58%, #183343);
}

.ma-hero-art::before {
	border-color: rgb(255 255 255 / 35%);
}

.ma-hero-art.has-image {
	background-image: linear-gradient(0deg, rgb(0 0 0 / 22%), transparent 50%), var(--ma-hero-image);
}

.ma-hero-art .ma-art-label {
	font-family: var(--ma-sans);
	font-style: normal;
	font-weight: 750;
	letter-spacing: -.04em;
	text-transform: uppercase;
}

.ma-campaign-card {
	border-bottom: 4px solid var(--ma-blue);
}

.ma-campaign-card:nth-child(2) {
	border-bottom-color: var(--ma-red);
}

.ma-category-card {
	border-radius: 0;
}

.ma-product-card {
	border-color: var(--ma-line);
}

.ma-product-card-actions,
.ma-product-card .price {
	font-family: var(--ma-sans);
}

.ma-product-action,
.ma-favorite-toggle {
	border-color: var(--ma-blue);
}

.ma-favorite-toggle:hover,
.ma-favorite-toggle[aria-pressed="true"] {
	color: var(--ma-red);
}

body.woocommerce-cart table.shop_table th,
body.woocommerce-checkout table.shop_table th {
	background: #edf2f3;
}

body.woocommerce-cart .cart-collaterals .cart_totals,
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #order_review_heading {
	background: #f1f4f3;
}

body.woocommerce-checkout #place_order,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
	border-color: var(--ma-ink);
	background: var(--ma-ink);
}

body.woocommerce-checkout #place_order:hover,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
	border-color: var(--ma-blue);
	background: #14789f;
}

@media (max-width: 760px) {
	.ma-hero-art {
		min-height: 360px;
	}

	.ma-hero-copy {
		background: #edf0ef;
	}
}