/**
 * Mestiza — ropa artesanal mexicana · WooCommerce template.
 * Papel-cream canvas, jade ink, rosa mexicano accent, cempasúchil gold and
 * talavera blue; Fraunces display serif + Archivo text; papel picado and
 * serape stripe details; arch-framed imagery; editorial left-aligned rhythm.
 * Font base: html 62.5% → 1rem = 10px. Breakpoints: 989px, 640px.
 */

/* --------------------------------------- Fonts */
@font-face {
	font-family: 'Fraunces';
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/Fraunces-300-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Fraunces';
	font-style: italic;
	font-weight: 300 700;
	font-display: swap;
	src: url('../fonts/Fraunces-Italic-300-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Archivo';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('../fonts/Archivo-100-900.woff2') format('woff2');
}

/* --------------------------------------- Tokens */
:root {
	--mz-bg: #faf5e9;
	--mz-bg-deep: #143a30;
	--mz-surface: #f0e5d0;
	--mz-surface-2: #f5eddd;
	--mz-text: #241f1a;
	--mz-text-soft: #4d463a;
	--mz-muted: #85796a;
	--mz-line: rgba(36, 31, 26, .16);
	--mz-line-strong: rgba(36, 31, 26, .36);
	--mz-accent: #d23c6a;
	--mz-accent-ink: #fffaf6;
	--mz-sale: #b8322a;
	--mz-gold: #e2a020;
	--mz-jade: #1d5643;
	--mz-blue: #2f5f8a;
	--mz-rosa-soft: #f6d9e2;
	--mz-width: 1320px;
	--mz-font: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
	--mz-display: 'Fraunces', Georgia, 'Times New Roman', serif;
	--mz-label: 'Archivo', 'Century Gothic', -apple-system, sans-serif;
	--mz-shadow: 0 30px 60px rgba(61, 42, 30, .18);
	--mz-shadow-sm: 0 16px 36px rgba(61, 42, 30, .14);
	--mz-header-h: 74px;
	--mz-serape: repeating-linear-gradient(90deg, var(--mz-accent) 0 34px, var(--mz-gold) 34px 68px, var(--mz-jade) 68px 102px, var(--mz-blue) 102px 136px);
}

/* --------------------------------------- Base */
html {
	font-size: 62.5%;
	scrollbar-color: #c9bda9 var(--mz-bg);
}
body {
	font-family: var(--mz-font);
	font-size: 1.5rem;
	line-height: 1.65;
	color: var(--mz-text);
	background: var(--mz-bg);
	-webkit-font-smoothing: antialiased;
}
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
.mz-prose a:not(.mz-btn) { color: var(--mz-text); text-decoration: underline; text-decoration-color: var(--mz-accent); text-decoration-thickness: 1px; text-underline-offset: 4px; transition: color .2s ease; }
.mz-prose a:not(.mz-btn):hover { color: var(--mz-accent); }
::selection { background: var(--mz-accent); color: var(--mz-accent-ink); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--mz-bg); }
::-webkit-scrollbar-thumb { background: #cdbfa8; }
::-webkit-scrollbar-thumb:hover { background: #b3a284; }
h1, h2, h3, h4 { font-weight: 600; line-height: 1.2; margin: 0 0 1.2rem; }
.mz-container { max-width: var(--mz-width); margin: 0 auto; padding: 0 24px; }
.mz-container--narrow { max-width: 840px; }
.mz-main { display: block; }
.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;
}
.skip-link:focus {
	clip: auto; clip-path: none; height: auto; left: 12px; top: 12px; width: auto;
	background: var(--mz-accent); color: var(--mz-accent-ink); padding: 10px 18px;
	z-index: 999; outline: 1px solid rgba(255,255,255,.4); font-family: var(--mz-label);
	font-size: 1.2rem; letter-spacing: .14em; text-transform: uppercase;
}
:focus-visible { outline: 1px solid var(--mz-accent); outline-offset: 2px; }

/* --------------------------------------- Buttons */
.mz-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	font-family: var(--mz-label); font-size: 1.2rem; font-weight: 500; line-height: 1;
	letter-spacing: .22em; text-transform: uppercase;
	padding: 15px 32px; border-radius: 999px; border: 1px solid var(--mz-line-strong);
	background: transparent; color: var(--mz-text); cursor: pointer;
	transition: background .25s ease, color .25s ease, border-color .25s ease;
	text-decoration: none;
}
.mz-btn--dark { background: var(--mz-text); border-color: var(--mz-text); color: var(--mz-bg); }
.mz-btn--dark:hover { background: var(--mz-accent); border-color: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-btn--accent, .mz-btn--gold { background: var(--mz-accent); border-color: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-btn--accent:hover, .mz-btn--gold:hover { background: var(--mz-text); border-color: var(--mz-text); color: var(--mz-bg); }
.mz-btn--light { border-color: rgba(255,255,255,.75); color: #fff; background: rgba(31, 25, 19, .22); }
.mz-btn--light:hover { background: var(--mz-accent); border-color: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-btn--ghost { border-color: var(--mz-line-strong); color: var(--mz-text); background: transparent; }
.mz-btn--ghost:hover { border-color: var(--mz-accent); color: var(--mz-accent); }
.mz-btn--wide { width: 100%; }
.mz-btn .mz-icon { transition: transform .25s ease; }
.mz-btn:hover .mz-icon { transform: translateX(3px); }
.mz-iconbtn {
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px; border: 1px solid transparent; border-radius: 50%;
	background: transparent; color: var(--mz-text); cursor: pointer; position: relative;
	transition: color .2s ease, border-color .2s ease; text-decoration: none;
}
.mz-iconbtn:hover, .mz-iconbtn[aria-expanded="true"] { color: var(--mz-accent); border-color: var(--mz-line); }
.mz-icon { display: inline-block; vertical-align: middle; flex: none; }

/* --------------------------------------- Rotating announcement */
.mz-announce {
	background: var(--mz-bg-deep);
	overflow: hidden;
}
.mz-announce-track { position: relative; height: 40px; }
.mz-announce-msg {
	position: absolute; inset: 0; margin: 0;
	display: flex; align-items: center; justify-content: center;
	padding: 0 24px; text-align: center;
	font-family: var(--mz-label); font-size: 1.05rem; font-weight: 400;
	letter-spacing: .28em; text-transform: uppercase; line-height: 1.4;
	color: #e8ddca; white-space: nowrap;
	opacity: 0; transition: opacity .7s ease;
}
.mz-announce-msg.is-active { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
	.mz-announce-msg { transition: none; }
	.mz-announce-msg:not(.is-active) { visibility: hidden; }
}

/* --------------------------------------- Header (single row: brand left, nav right) */
.mz-header-wrapper {
	position: sticky; top: 0; z-index: 200;
	background: rgba(247, 242, 233, .92);
	-webkit-backdrop-filter: saturate(150%) blur(14px);
	backdrop-filter: saturate(150%) blur(14px);
	border-bottom: 1px solid var(--mz-line);
}
.admin-bar .mz-header-wrapper { top: 32px; }
.mz-header-row {
	display: flex; align-items: center; gap: 8px;
	height: var(--mz-header-h);
}
.mz-burger { display: none; order: 0; }
.mz-brand { order: 1; display: flex; align-items: center; margin-right: auto; }
.mz-logo-text {
	font-family: var(--mz-display); font-size: 2.7rem; font-weight: 600;
	letter-spacing: .3em; text-transform: uppercase; color: var(--mz-text);
	line-height: 1; margin-right: -.3em; /* optically recenter tracked type */
	white-space: nowrap;
}
.mz-logo-text:hover { color: var(--mz-accent); }
.custom-logo { max-height: 46px; width: auto; }
.mz-headnav { order: 2; display: flex; align-items: center; }
.mz-nav-list { display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }
.mz-nav-list > li { position: relative; }
.mz-nav-list > li > a {
	position: relative; display: inline-flex; align-items: center; padding: 12px 15px;
	font-family: var(--mz-label); font-size: 1.1rem; font-weight: 500;
	letter-spacing: .2em; text-transform: uppercase; color: var(--mz-text-soft);
	transition: color .2s ease;
}
.mz-nav-list > li > a::after {
	content: ''; position: absolute; left: 15px; right: 15px; bottom: 7px; height: 1px;
	background: var(--mz-accent); transform: scaleX(0); transform-origin: center;
	transition: transform .25s ease;
}
.mz-nav-list > li > a:hover, .mz-nav-list .current-menu-item > a,
.mz-nav-list .current-menu-parent > a, .mz-nav-list .current_page_parent > a {
	color: var(--mz-text);
}
.mz-nav-list > li > a:hover::after, .mz-nav-list .current-menu-item > a::after,
.mz-nav-list .current-menu-parent > a::after, .mz-nav-list .current_page_parent > a::after {
	transform: scaleX(1);
}
.mz-nav-list .menu-item-has-children > a { padding-right: 31px; }
.mz-nav-list .menu-item-has-children > a::before {
	content: ''; position: absolute; right: 14px; top: 50%; width: 6px; height: 6px;
	margin-top: -4px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor;
	transform: rotate(45deg); opacity: .6;
}
.mz-nav-list .sub-menu {
	position: absolute; top: 100%; left: 50%; translate: -50% 0;
	min-width: 224px; background: var(--mz-bg-deep); border: 1px solid rgba(232, 221, 202, .14);
	box-shadow: var(--mz-shadow-sm); list-style: none; margin: 0; padding: 8px;
	opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s;
	z-index: 20;
}
.mz-nav-list li:hover > .sub-menu, .mz-nav-list li:focus-within > .sub-menu {
	opacity: 1; visibility: visible;
}
.mz-nav-list .sub-menu li { position: relative; }
.mz-nav-list .sub-menu a {
	display: block; padding: 10px 14px; font-family: var(--mz-label); font-size: 1.05rem;
	font-weight: 400; letter-spacing: .16em; text-transform: uppercase; color: #d9cfbd;
}
.mz-nav-list .sub-menu a:hover { color: #fff; background: rgba(253, 250, 243, .07); }
.mz-nav-list .sub-menu .sub-menu { display: none; }
.mz-actions { order: 3; display: flex; align-items: center; gap: 2px; }
.mz-cart-count {
	position: absolute; top: 1px; right: -2px; min-width: 16px; height: 16px; padding: 0 4px;
	background: var(--mz-accent); color: var(--mz-accent-ink);
	font-family: var(--mz-label); font-size: 1rem; font-weight: 600; line-height: 16px;
	text-align: center; border-radius: 999px;
}

/* --------------------------------------- Search overlay */
.mz-search-panel {
	border-top: 1px solid var(--mz-line);
	background: var(--mz-bg);
	padding: 30px 0 26px;
	box-shadow: 0 30px 50px rgba(56, 44, 30, .18);
}
.mz-search-hint { margin: 12px 0 0; font-family: var(--mz-label); font-size: 1.1rem; letter-spacing: .18em; text-transform: uppercase; color: var(--mz-muted); }
.mz-searchform { display: flex; align-items: center; gap: 16px; border-bottom: 1px solid var(--mz-line-strong); padding-bottom: 12px; }
.mz-searchform .mz-icon { color: var(--mz-accent); flex: none; }
.mz-searchform input[type="search"] {
	flex: 1; border: 0; outline: none; background: transparent; box-shadow: none; border-radius: 0;
	font-family: var(--mz-display); font-style: italic; font-size: 2.6rem; font-weight: 500;
	color: var(--mz-text); padding: 6px 0; min-width: 0;
}
.mz-searchform input[type="search"]:focus { box-shadow: none; outline: none; }
.mz-searchform input[type="search"]::-webkit-search-cancel-button,
.mz-searchform input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.mz-searchform input[type="search"]::placeholder { color: rgba(38, 30, 21, .3); }

/* --------------------------------------- Mobile drawer (ink panel) */
#mz-drawer-overlay {
	position: fixed; inset: 0; background: rgba(31, 25, 19, .6); z-index: 290;
	opacity: 0; transition: opacity .25s ease;
}
#mz-drawer-overlay.is-open { opacity: 1; }
.mz-drawer {
	position: fixed; top: 0; left: 0; bottom: 0; width: min(380px, 92vw); z-index: 300;
	background: var(--mz-bg-deep); border-right: 1px solid rgba(232, 221, 202, .14);
	transform: translateX(-103%); transition: transform .28s ease;
	display: flex; flex-direction: column; overflow-y: auto; padding-bottom: 30px;
}
.mz-drawer.is-open { transform: translateX(0); }
.mz-drawer-head {
	display: flex; align-items: center; justify-content: space-between;
	padding: 14px 12px 14px 20px; border-bottom: 1px solid rgba(232, 221, 202, .14);
	position: sticky; top: 0; z-index: 2; background: var(--mz-bg-deep);
}
.mz-drawer-brand {
	font-family: var(--mz-display); font-size: 2rem; font-weight: 600;
	letter-spacing: .26em; text-transform: uppercase; color: #e8ddca;
}
.mz-drawer-head .mz-iconbtn { color: #e8ddca; }
.mz-drawer-head .mz-iconbtn:hover { color: #fff; border-color: transparent; }
.mz-drawer-search {
	display: flex; align-items: center; gap: 10px; margin: 16px 20px 8px;
	border-bottom: 1px solid rgba(232, 221, 202, .34); padding: 4px 2px 10px; color: #a5988a;
}
.mz-drawer-search:focus-within { border-color: var(--mz-accent); color: var(--mz-accent); }
.mz-drawer-search .mz-icon { flex: none; }
.mz-drawer-search input {
	flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; outline: none;
	box-shadow: none; padding: 0; margin: 0; border-radius: 0;
	font-size: 1.5rem; font-family: var(--mz-font); color: #f2ead9;
	-webkit-appearance: none; appearance: none;
}
.mz-drawer-search input::placeholder { color: #a5988a; opacity: 1; }
.mz-drawer-nav { padding: 8px 20px; }
.mz-drawer-list, .mz-drawer-list ul { list-style: none; margin: 0; padding: 0; }
.mz-drawer-list > li { border-bottom: 1px solid rgba(232, 221, 202, .12); }
.mz-drawer-list a {
	display: block; padding: 14px 4px; font-family: var(--mz-label); font-size: 1.2rem;
	font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: #d9cfbd;
}
.mz-drawer-list a:hover { color: #fff; background: transparent; }
.mz-drawer-list .menu-item-has-children { position: relative; }
.mz-drawer-list .menu-item-has-children > a { padding-right: 46px; }
.mz-drawer-list .mz-subtoggle {
	position: absolute; right: 0; top: 4px; width: 40px; height: 40px; border: 0;
	background: transparent; cursor: pointer; color: #a5988a;
	transition: transform .2s ease, color .2s ease;
	display: inline-flex; align-items: center; justify-content: center;
}
.mz-drawer-list .mz-subtoggle:hover { color: #fff; }
.mz-drawer-list .mz-subtoggle[aria-expanded="true"] { transform: rotate(180deg); }
.mz-drawer-list ul { display: none; padding: 0 0 10px 14px; }
.mz-drawer-list ul.mz-sub-open { display: block; }
.mz-drawer-list ul a { font-size: 1.35rem; font-weight: 400; letter-spacing: .02em; color: #a5988a; text-transform: none; font-family: var(--mz-font); }
.mz-drawer-list ul a:hover { color: #d9cfbd; }
.mz-drawer-foot { padding: 18px 20px; border-top: 1px solid rgba(232, 221, 202, .12); margin-top: auto; }
.mz-drawer-foot .mz-foot-menu { list-style: none; margin: 0 0 16px; padding: 0; }
.mz-drawer-foot .mz-foot-menu a { display: block; padding: 7px 0; font-size: 1.35rem; font-family: var(--mz-font); font-weight: 400; color: #a5988a; text-transform: none; letter-spacing: 0; }
.mz-drawer-foot .mz-foot-menu a:hover { color: #fff; background: transparent; }
.mz-drawer-foot .mz-foot-title { display: none; }

/* --------------------------------------- Hero (magazine cover: bottom-left) */
.mz-hero { position: relative; overflow: hidden; background: var(--mz-surface-2); border-bottom: 1px solid var(--mz-line); }
.mz-hero--small { height: 520px; }
.mz-hero--medium { height: 660px; }
.mz-hero--large { height: 760px; }
.mz-hero-track, .mz-hero-slide { position: absolute; inset: 0; }
.mz-hero-slide {
	background-size: cover; background-position: center;
	background-image: linear-gradient(115deg, #e8dcc6 0%, #d9c7a8 48%, #b99e78 100%);
	opacity: 0; transition: opacity .8s ease; pointer-events: none;
}
.mz-hero-slide.is-active { opacity: 1; pointer-events: auto; }
.mz-hero-shade {
	position: absolute; inset: 0;
	background:
		linear-gradient(180deg, rgba(31, 25, 19, .34) 0%, rgba(31, 25, 19, .05) 42%, rgba(31, 25, 19, .62) 100%),
		linear-gradient(76deg, rgba(31, 25, 19, .5) 0%, rgba(31, 25, 19, .1) 52%, rgba(31, 25, 19, 0) 78%);
}
.mz-hero-content {
	position: relative; height: 100%; display: flex; flex-direction: column;
	justify-content: flex-end; align-items: flex-start;
	padding-bottom: 96px; color: #fff; text-align: left; max-width: 100%;
}
.mz-hero-eyebrow {
	display: inline-flex; align-items: center; margin: 0 0 22px;
	font-family: var(--mz-label); font-size: 1.1rem; font-weight: 500;
	letter-spacing: .34em; text-transform: uppercase; color: #f3d9c5;
	line-height: 1.4;
}
.mz-hero-eyebrow::before {
	content: ''; width: 44px; height: 1px; background: rgba(243, 217, 197, .8); margin-right: 16px;
}
.mz-hero-title {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: clamp(4.8rem, 8vw, 9.6rem); letter-spacing: .005em; line-height: 1.02;
	color: #fff; margin: 0 0 20px; max-width: 880px;
	text-shadow: 0 2px 34px rgba(31, 25, 19, .45);
}
.mz-hero-sub {
	font-size: clamp(1.5rem, 1.9vw, 1.8rem); font-weight: 300; margin: 0 0 32px;
	max-width: 540px; color: rgba(255,255,255,.92);
	text-shadow: 0 1px 18px rgba(31, 25, 19, .45);
}
.mz-hero-btn { font-size: 1.25rem; padding: 16px 38px; }
.mz-hero-trust {
	display: flex; align-items: center; justify-content: flex-start; gap: 14px;
	margin-top: 36px; flex-wrap: wrap;
}
.mz-hero-avatars { display: flex; }
.mz-hero-avatars img {
	width: 34px; height: 34px; border-radius: 50%; object-fit: cover;
	border: 1px solid rgba(255,255,255,.6); margin-left: -8px;
	background: var(--mz-surface);
}
.mz-hero-avatars img:first-child { margin-left: 0; }
.mz-hero-trust-text {
	display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
	font-family: var(--mz-label); font-size: 1.15rem; font-weight: 400;
	letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.92);
}
.mz-hero-trust-text strong { font-weight: 600; color: #fff; }
.mz-hero-stars { color: #f3d9c5; font-size: 1.15rem; letter-spacing: .18em; }
.mz-hero-nav {
	position: absolute; left: 0; right: 0; bottom: 30px; display: flex; align-items: center;
	justify-content: flex-end; gap: 18px; z-index: 3;
}
.mz-hero-arrow {
	width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; cursor: pointer;
	background: rgba(31, 25, 19, .3); color: #fff; display: flex; align-items: center; justify-content: center;
	transition: border-color .2s ease, color .2s ease, background .2s ease;
	-webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
}
.mz-hero-arrow:hover { border-color: #fff; background: rgba(255,255,255,.16); color: #fff; }
.mz-hero-arrow--prev .mz-icon { transform: rotate(90deg); }
.mz-hero-arrow--next .mz-icon { transform: rotate(-90deg); }
.mz-hero-bars { display: flex; gap: 10px; margin-right: 10px; }
.mz-hero-bar {
	width: 44px; height: 14px; border: 0; padding: 6px 0; cursor: pointer; border-radius: 0;
	background: transparent; position: relative; overflow: hidden;
}
.mz-hero-bar::before {
	content: ''; position: absolute; left: 0; right: 0; top: 6px; height: 2px;
	background: rgba(255,255,255,.35); display: block;
}
.mz-hero-bar .mz-hero-bar-fill {
	position: absolute; left: 0; right: 0; top: 6px; height: 2px; background: #fff;
	transform: scaleX(0); transform-origin: left center; display: block; z-index: 1;
}
.mz-hero-bar.is-active .mz-hero-bar-fill { animation: atBarFill 6.5s linear forwards; }
@keyframes atBarFill { to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) {
	.mz-hero-bar.is-active .mz-hero-bar-fill { animation: none; transform: scaleX(1); }
}

/* --------------------------------------- USP bar */
.mz-uspbar { border-bottom: 1px solid var(--mz-line); padding: 20px 0; background: var(--mz-surface-2); }
.mz-usp-list {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; list-style: none; margin: 0; padding: 0;
}
.mz-usp {
	display: flex; align-items: center; justify-content: center; gap: 12px;
	color: var(--mz-text-soft); font-size: 1.35rem; font-weight: 400;
	padding: 4px 14px;
}
.mz-usp + .mz-usp { border-left: 1px solid var(--mz-line); }
.mz-usp .mz-icon { color: var(--mz-accent); }
.mz-usp-label { display: flex; flex-direction: column; line-height: 1.4; text-align: left; }
.mz-usp-label strong { font-family: var(--mz-label); font-size: 1.2rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; }
.mz-usp-label small { font-size: 1.25rem; color: var(--mz-muted); }

/* --------------------------------------- Sections (magazine head: title left, rule, link right) */
.mz-section { padding: 84px 0 18px; }
.mz-section--surface {
	background: var(--mz-surface-2); margin: 84px 0 0; padding: 64px 0;
	border-top: 1px solid var(--mz-line); border-bottom: 1px solid var(--mz-line);
}
.mz-section--news { padding: 84px 0; }
.mz-section:last-child { margin-bottom: 84px; }
.mz-sect-head {
	display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between;
	gap: 24px; margin-bottom: 40px; position: relative;
}
.mz-sect-titles { max-width: 760px; display: flex; flex-direction: column; align-items: flex-start; text-align: left; position: relative; flex: 1 1 auto; }
.mz-sect-titles::after {
	content: ''; flex: 1; height: 1px; background: var(--mz-line);
	position: absolute; left: 0; right: 0; bottom: -12px;
}
.mz-sect-title {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: clamp(3.4rem, 4.6vw, 5.4rem); letter-spacing: .005em; line-height: 1.04; margin: 0;
	color: var(--mz-text);
}
.mz-sect-sub { margin: 12px 0 0; font-size: 1.45rem; color: var(--mz-muted); max-width: 620px; }
.mz-sect-link {
	display: inline-flex; align-items: center; gap: 8px; font-family: var(--mz-label); font-size: 1.1rem;
	font-weight: 500; letter-spacing: .22em; text-transform: uppercase;
	color: var(--mz-text-soft); white-space: nowrap; padding: 4px 2px;
	border-bottom: 1px solid var(--mz-line-strong); transition: color .2s ease, border-color .2s ease;
	flex: none;
}
.mz-sect-link:hover { color: var(--mz-accent); border-color: var(--mz-accent); }
.mz-sect-link .mz-icon { transform: rotate(-90deg); }
/* On left heads the link sits at the row's right edge. */
.mz-sect-head:not(.mz-sect-head--drop) .mz-sect-link { position: absolute; right: 0; bottom: 4px; }
.mz-sect-count { font-family: var(--mz-label); font-size: 1.25rem; font-weight: 500; letter-spacing: .1em; color: var(--mz-accent); }

/* --------------------------------------- Product grids & cards */
.mz-grid-wrap { position: relative; }
ul.mz-grid, ul.products {
	display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 26px;
	list-style: none !important; margin: 0 !important; padding: 0 !important;
	position: relative;
}
ul.mz-grid::before, ul.mz-grid::after,
ul.products::before, ul.products::after { content: none !important; display: none !important; }
.mz-grid--2 { grid-template-columns: repeat(2, 1fr) !important; }
.mz-grid--3 { grid-template-columns: repeat(3, 1fr) !important; }
.mz-grid--5 { grid-template-columns: repeat(5, 1fr) !important; }
.mz-grid--scroll.mz-grid {
	display: grid !important; grid-auto-flow: column;
	grid-auto-columns: calc((100% - 78px) / 4); grid-template-columns: none;
	overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px;
	scrollbar-width: none;
}
.mz-grid--scroll.mz-grid::-webkit-scrollbar { display: none; }
.mz-grid--scroll .mz-card { scroll-snap-align: start; }
.mz-scroll-nav { display: flex; gap: 10px; justify-content: flex-end; margin-top: 20px; }
.mz-scroll-btn {
	width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--mz-line-strong);
	background: transparent; color: var(--mz-text-soft); cursor: pointer;
	display: flex; align-items: center; justify-content: center; transition: all .2s ease;
}
.mz-scroll-btn:hover { border-color: var(--mz-accent); color: var(--mz-accent); }
.mz-scroll-btn--next .mz-icon { transform: rotate(-90deg); }
.mz-scroll-btn:not(.mz-scroll-btn--next) .mz-icon { transform: rotate(90deg); }

.mz-card {
	list-style: none; display: flex; flex-direction: column; min-width: 0;
	background: transparent;
}
.mz-card-media {
	position: relative; background: var(--mz-surface); overflow: hidden;
	aspect-ratio: 3 / 4; border-radius: 0;
	transition: box-shadow .3s ease;
}
.mz-card:hover .mz-card-media { box-shadow: var(--mz-shadow-sm); }
.mz-card-imagelink { display: block; width: 100%; height: 100%; }
.mz-card-img {
	width: 100%; height: 100%; object-fit: cover; object-position: center 20%;
	background: var(--mz-surface); transition: transform .6s ease;
}
.mz-card-media:hover .mz-card-img { transform: scale(1.05); }
.mz-card-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; }
.mz-badge {
	display: inline-block; font-family: var(--mz-label); font-size: .95rem; font-weight: 600;
	letter-spacing: .18em; text-transform: uppercase;
	padding: 6px 11px; background: rgba(247, 242, 233, .92); color: var(--mz-text);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-radius: 999px;
}
.mz-badge--sale, .mz-badge--limited, .mz-badge--limited-time { background: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-badge--new { background: rgba(31, 25, 19, .88); color: #f3d9c5; }
.mz-badge--sold-out { background: rgba(31, 25, 19, .82); color: rgba(255,255,255,.9); }
.mz-card-add {
	position: absolute; left: 0; right: 0; bottom: 0; transform: translateY(102%);
	transition: transform .25s ease, background .2s ease, color .2s ease;
	margin: 0;
}
.mz-card-media:hover .mz-card-add, .mz-card-media:focus-within .mz-card-add { transform: translateY(0); }
.mz-card-addbtn, .mz-card-add--link {
	display: flex; width: 100%; align-items: center; justify-content: center; gap: 8px;
	border: 0; cursor: pointer; background: rgba(38, 30, 21, .92); color: #fdfaf3;
	font-family: var(--mz-label); font-size: 1.1rem; font-weight: 500; letter-spacing: .2em;
	text-transform: uppercase; padding: 13px 12px; line-height: 1; border-radius: 0;
	text-decoration: none;
}
.mz-card-addbtn:hover, .mz-card-add--link:hover { background: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-card-addbtn .mz-icon, .mz-card-add--link .mz-icon { display: block; }
/* Left-aligned editorial text stack: tracked category → serif name → stars → price. */
.mz-card-cat {
	margin: 16px 2px 0; font-family: var(--mz-label); font-size: 1rem; font-weight: 600;
	letter-spacing: .22em; text-transform: uppercase; color: var(--mz-muted);
	text-align: left; line-height: 1.4;
}
.mz-card-name { margin: 7px 2px 5px; font-family: var(--mz-display); font-size: 2rem; font-weight: 600; line-height: 1.3; text-align: left; }
.mz-card-name a { transition: color .2s ease; }
.mz-card-name a:hover { color: var(--mz-accent); }
.mz-card-stars { display: flex; justify-content: flex-start; gap: 2px; font-size: 1.15rem; line-height: 1; color: rgba(38, 30, 21, .22); margin: 0 2px 6px; }
.mz-star.is-on { color: var(--mz-accent); }
.mz-card-price {
	font-family: var(--mz-display); font-size: 2rem; font-weight: 600; letter-spacing: .02em;
	color: var(--mz-text); margin: auto 2px 0; padding-top: 8px; text-align: left;
}
.mz-card-price del { font-family: var(--mz-font); font-size: 1.25rem; color: var(--mz-muted); font-weight: 400; margin-right: 8px; }
.mz-card-price ins { text-decoration: none; color: var(--mz-sale); }

/* --------------------------------------- Promo banner (full-bleed editorial) */
.mz-banner {
	position: relative; border-radius: 0;
	background: linear-gradient(105deg, #4a3a29 0%, #7a5a3c 55%, #b3532c 130%);
	background-size: cover; background-position: center; color: #fff;
	min-height: 440px; display: flex; align-items: flex-end;
	overflow: hidden;
}
.mz-banner::after {
	content: ''; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(78deg, rgba(31, 25, 19, .66) 0%, rgba(31, 25, 19, .22) 52%, rgba(31, 25, 19, .06) 82%), linear-gradient(0deg, rgba(31, 25, 19, .18) 0%, rgba(31, 25, 19, 0) 36%);
}
.mz-banner-inner { position: relative; z-index: 1; padding: 64px; max-width: 720px; text-align: left; margin: 0; }
.mz-banner-title {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: clamp(3.8rem, 5.4vw, 7rem); letter-spacing: .005em; line-height: 1.04;
	color: #fff; margin: 0 0 16px;
}
.mz-banner-text { font-size: 1.6rem; margin: 0 0 30px; max-width: 480px; color: rgba(255,255,255,.9); }
.mz-banner .mz-btn--accent, .mz-banner .mz-btn--light { border-color: rgba(255,255,255,.8); color: #fff; background: rgba(31,25,19,.2); }
.mz-banner .mz-btn--accent:hover, .mz-banner .mz-btn--light:hover { background: #fff; border-color: #fff; color: var(--mz-text); }

/* --------------------------------------- Category tiles */
.mz-cat-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.mz-cat-tiles--3 { grid-template-columns: repeat(3, 1fr); }
.mz-cat-tiles--2 { grid-template-columns: repeat(2, 1fr); }
.mz-cat-tile { display: flex; flex-direction: column; background: transparent; }
.mz-cat-media {
	position: relative; display: block; aspect-ratio: 3 / 4;
	overflow: hidden; background: var(--mz-surface); border-radius: 0;
	transition: box-shadow .3s ease;
}
.mz-cat-tile:hover .mz-cat-media { box-shadow: var(--mz-shadow-sm); }
.mz-cat-img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.mz-cat-tile:hover .mz-cat-img { transform: scale(1.05); }
.mz-cat-fallback {
	position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
	background: linear-gradient(150deg, #e8dcc6 0%, #cdb591 100%);
	font-family: var(--mz-display); font-size: 6.4rem; font-style: italic; color: rgba(179, 83, 44, .4);
}
.mz-cat-name {
	display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px;
	font-family: var(--mz-display); font-size: 2rem; font-weight: 600; letter-spacing: .02em;
	padding: 15px 2px 0; color: var(--mz-text); transition: color .2s ease; text-align: left;
}
.mz-cat-name .mz-icon { transform: rotate(-90deg); transition: transform .25s ease; color: var(--mz-accent); }
.mz-cat-tile:hover .mz-cat-name { color: var(--mz-accent); }
.mz-cat-tile:hover .mz-cat-name .mz-icon { transform: rotate(-90deg) translateX(3px); color: var(--mz-accent); }

/* Category strip: horizontal rail */
.mz-catstrip {
	display: flex; gap: 18px; overflow-x: auto; padding: 4px 4px 12px;
	scrollbar-width: none; scroll-snap-type: x proximity;
}
.mz-catstrip::-webkit-scrollbar { display: none; }
.mz-catstrip-tile {
	flex: 0 0 240px; scroll-snap-align: start; display: flex; flex-direction: column; background: transparent;
}
.mz-catstrip-media {
	position: relative; display: block; aspect-ratio: 3 / 4; overflow: hidden;
	background: var(--mz-surface); border-radius: 0;
	transition: box-shadow .3s ease;
}
.mz-catstrip-tile:hover .mz-catstrip-media { box-shadow: var(--mz-shadow-sm); }
.mz-catstrip-img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.mz-catstrip-tile:hover .mz-catstrip-img { transform: scale(1.05); }
.mz-catstrip-label {
	display: inline-flex; align-items: center; justify-content: flex-start; gap: 8px;
	font-family: var(--mz-display); font-size: 1.8rem; font-weight: 600;
	padding: 13px 2px 0; color: var(--mz-text); transition: color .2s ease;
}
.mz-catstrip-label .mz-icon { transform: rotate(-90deg); color: var(--mz-accent); }
.mz-catstrip-tile:hover .mz-catstrip-label { color: var(--mz-accent); }
.mz-catstrip-tile:hover .mz-catstrip-label .mz-icon { color: var(--mz-accent); }

/* --------------------------------------- Blog */
.mz-post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.mz-post-grid--3 { grid-template-columns: repeat(3, 1fr); }
.mz-post-card {
	background: transparent; overflow: visible; display: flex; flex-direction: column;
}
.mz-post-media {
	display: block; aspect-ratio: 4 / 3; background: var(--mz-surface);
	position: relative; overflow: hidden; border-radius: 0;
	transition: box-shadow .3s ease;
}
.mz-post-card:hover .mz-post-media { box-shadow: var(--mz-shadow-sm); }
.mz-post-img {
	width: 100%; height: 100%; object-fit: cover;
	background: var(--mz-surface); transition: transform .6s ease;
}
.mz-post-card:hover .mz-post-img { transform: scale(1.04); }
.mz-post-body { padding: 20px 2px 8px; display: flex; flex-direction: column; flex: 1; }
.mz-post-meta {
	display: flex; align-items: center; gap: 12px; margin: 0 0 10px;
	font-family: var(--mz-label); font-size: 1.05rem; letter-spacing: .2em;
	color: var(--mz-muted); text-transform: uppercase;
}
.mz-post-cat { font-weight: 600; color: var(--mz-accent); }
.mz-post-title { font-family: var(--mz-display); font-size: 2.3rem; font-weight: 600; margin: 0 0 8px; line-height: 1.25; }
.mz-post-title a { transition: color .2s ease; }
.mz-post-title a:hover { color: var(--mz-accent); }
.mz-post-excerpt { margin: 0 0 4px; font-size: 1.4rem; color: var(--mz-muted); }

/* --------------------------------------- Newsletter block (ink panel) */
.mz-newsbox {
	position: relative; text-align: center;
	background: var(--mz-bg-deep); color: #f2ead9;
	padding: 72px 40px 64px; border-radius: 0; overflow: hidden;
}
.mz-newsbox::before {
	content: ''; position: absolute; inset: 0; pointer-events: none;
	background: radial-gradient(90% 120% at 85% 0%, rgba(179, 83, 44, .28) 0%, rgba(179, 83, 44, 0) 55%);
}
.mz-newsbox--ivory { background: var(--mz-surface-2); color: var(--mz-text); border: 1px solid var(--mz-line-strong); }
.mz-newsbox--ivory::before { background: radial-gradient(90% 120% at 85% 0%, rgba(179, 83, 44, .1) 0%, rgba(179, 83, 44, 0) 55%); }
.mz-newsbox-text { max-width: 640px; margin: 0 auto 28px; position: relative; }
.mz-newsbox-title {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: clamp(3.2rem, 4.2vw, 5.4rem); line-height: 1.06; margin: 0 0 12px; color: inherit;
}
.mz-newsbox-sub { margin: 0; font-size: 1.45rem; line-height: 1.6; opacity: .82; }
.mz-newsbox-form { max-width: 560px; margin: 0 auto; position: relative; }
.mz-newsbox-field {
	display: flex; align-items: stretch; gap: 12px;
}
.mz-newsbox-field input[type="email"] {
	flex: 1; min-width: 0; margin: 0; padding: 13px 4px;
	background: transparent; border: 0; border-bottom: 1px solid rgba(232, 221, 202, .4);
	outline: 0; box-shadow: none; border-radius: 0;
	color: #f2ead9; font-family: var(--mz-label); font-size: 1.3rem; letter-spacing: .06em;
	-webkit-appearance: none; appearance: none;
	transition: border-color .2s ease;
}
.mz-newsbox-field input[type="email"]::placeholder { color: rgba(242, 234, 217, .55); }
.mz-newsbox-field input[type="email"]:focus { border: 0; border-bottom: 1px solid var(--mz-accent); outline: 0; box-shadow: none; }
.mz-newsbox-btn {
	flex: none; display: inline-flex; align-items: center; gap: 8px;
	background: var(--mz-accent); color: var(--mz-accent-ink); border: 1px solid var(--mz-accent);
	border-radius: 999px; cursor: pointer; padding: 13px 28px;
	font-family: var(--mz-label); font-size: 1.15rem; font-weight: 500; letter-spacing: .2em;
	text-transform: uppercase; transition: background .22s ease, color .22s ease, border-color .22s ease;
}
.mz-newsbox-btn:hover { background: transparent; color: var(--mz-accent); border-color: var(--mz-accent); }
.mz-newsbox--ivory .mz-newsbox-field input[type="email"] { color: var(--mz-text); border-color: rgba(38, 30, 21, .4); }
.mz-newsbox--ivory .mz-newsbox-field input[type="email"]::placeholder { color: rgba(38, 30, 21, .5); }
.mz-newsbox--ivory .mz-newsbox-field input[type="email"]:focus { border-color: var(--mz-accent); }
.mz-newsbox--ivory .mz-newsbox-btn { color: var(--mz-accent-ink); }
.mz-newsbox--ivory .mz-newsbox-btn:hover { background: var(--mz-text); color: var(--mz-bg); border-color: var(--mz-text); }
.mz-newsbox-check {
	display: flex; align-items: center; justify-content: center; gap: 10px; margin: 18px 0 0;
	font-size: 1.25rem; opacity: .82; cursor: pointer; position: relative;
}
.mz-newsbox-check input { position: absolute; opacity: 0; width: 16px; height: 16px; margin: 0; }
.mz-newsbox-box {
	width: 15px; height: 15px; border: 1px solid rgba(232, 221, 202, .5); background: transparent;
	flex: none; display: flex; align-items: center; justify-content: center;
	transition: background .2s ease, border-color .2s ease;
}
.mz-newsbox-check input:checked + .mz-newsbox-box { background: var(--mz-accent); border-color: var(--mz-accent); }
.mz-newsbox-check input:checked + .mz-newsbox-box::after {
	content: ""; width: 4px; height: 8px; border: solid var(--mz-accent-ink); border-width: 0 1.5px 1.5px 0;
	transform: rotate(45deg) translate(-.5px, -1px);
}
.mz-newsbox--ivory .mz-newsbox-box { border-color: rgba(38, 30, 21, .5); }
.mz-newsbox--ivory .mz-newsbox-check input:checked + .mz-newsbox-box { background: var(--mz-accent); border-color: var(--mz-accent); }
.mz-newsbox-check input:focus-visible + .mz-newsbox-box { outline: 1px solid currentColor; outline-offset: 2px; }
.mz-newsbox .mz-form-ok { color: #f3d9c5; font-family: var(--mz-label); font-weight: 500; font-size: 1.2rem; letter-spacing: .12em; text-transform: uppercase; margin: 16px 0 0; background: transparent; padding: 0; }
.mz-newsbox--ivory .mz-form-ok { color: var(--mz-accent); }

/* --------------------------------------- Page headers & prose */
.mz-pagehead { padding: 64px 0 36px; border-bottom: 1px solid var(--mz-line); text-align: left; }
.mz-pagehead-title {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: clamp(3.6rem, 5.6vw, 6rem); letter-spacing: .005em; line-height: 1.04; margin: 0;
}
.mz-pagehead-sub { margin: 14px 0 0; color: var(--mz-muted); font-size: 1.5rem; }
.mz-eyebrow {
	display: block; font-family: var(--mz-label); font-size: 1.05rem; font-weight: 600;
	text-transform: uppercase; letter-spacing: .32em;
	color: var(--mz-accent); margin: 0 0 14px;
}
.mz-prose { max-width: 760px; font-size: 1.5rem; color: var(--mz-text-soft); }
.mz-prose--wide { max-width: 840px; }
.mz-prose h2 {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: 2.7rem; letter-spacing: .01em; line-height: 1.2; margin: 40px 0 12px; color: var(--mz-text);
}
.mz-prose h3 { font-family: var(--mz-display); font-weight: 600; font-size: 2.1rem; margin: 28px 0 8px; color: var(--mz-text); }
.mz-prose p { margin: 0 0 15px; }
.mz-prose ul { margin: 0 0 16px; padding-left: 22px; }
.mz-prose li { margin-bottom: 7px; }
.mz-prose strong { font-weight: 600; color: var(--mz-text); }
/* Tablas dentro del contenido de políticas (garantía, etc.) */
.mz-prose table { width: 100%; border-collapse: collapse; margin: 6px 0 20px; font-size: 1.4rem; }
.mz-prose table th,
.mz-prose table td { padding: 10px 12px; border: 1px solid var(--mz-line); text-align: left; vertical-align: top; }
.mz-prose table th { font-family: var(--mz-label); font-size: 1.15rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 600; color: var(--mz-text); background: rgba(0, 0, 0, .03); }
@media (max-width: 680px) {
	.mz-prose table { display: block; border: 0; margin-bottom: 18px; }
	.mz-prose table tbody { display: block; }
	.mz-prose table tr { display: block; border: 1px solid var(--mz-line); border-radius: 8px; padding: 12px 14px; margin-bottom: 10px; background: #fff; }
	.mz-prose table tr:first-child { display: none; }
	.mz-prose table td { display: block; border: 0; padding: 0 0 9px; }
	.mz-prose table td:last-child { padding-bottom: 0; }
	.mz-prose table td::before {
		content: attr(data-label); display: block; font-family: var(--mz-label); font-size: 1.05rem;
		letter-spacing: .1em; text-transform: uppercase; color: var(--mz-muted); margin-bottom: 3px;
	}
}
.mz-post-fig { margin: 28px 0; }
.mz-post-fig img { width: 100%; height: auto; display: block; }
.mz-post-fig figcaption { font-family: var(--mz-label); font-size: 1.15rem; letter-spacing: .1em; color: var(--mz-muted); margin-top: 10px; text-transform: uppercase; }
.mz-post-fig figcaption a { color: var(--mz-muted); text-decoration: underline; text-underline-offset: 3px; }
.mz-post-fig figcaption a:hover { color: var(--mz-accent); }

/* --------------------------------------- Policy contact box */
.mz-policy-body { padding-bottom: 44px; }
.mz-policy-body .mz-prose,
.mz-policy-body .mz-contact-box-wrap { margin-left: auto; margin-right: auto; }
.mz-contact-box-wrap { margin-top: 52px; max-width: 760px; }
.mz-contact-heading {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: 2.6rem; letter-spacing: .01em; margin: 0 0 18px; text-align: left;
	padding-bottom: 14px; border-bottom: 1px solid var(--mz-line);
}
.mz-contact-box {
	border: 1px solid var(--mz-line); background: var(--mz-surface-2);
	padding: 30px 34px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px 44px;
}
.mz-contact-label {
	font-family: var(--mz-label); font-size: 1rem; font-weight: 600; text-transform: uppercase;
	letter-spacing: .24em; color: var(--mz-accent); margin: 0 0 7px;
}
.mz-contact-value { margin: 0; font-size: 1.5rem; font-weight: 400; color: var(--mz-text-soft); }
.mz-contact-value .mz-mailto { text-decoration: underline; text-decoration-color: var(--mz-line-strong); text-underline-offset: 4px; transition: color .2s ease; }
.mz-contact-value .mz-mailto:hover { color: var(--mz-accent); text-decoration-color: var(--mz-accent); }

/* --------------------------------------- Contact page */
.mz-contact-intro { margin-bottom: 30px; text-align: left; margin-left: 0; }
.mz-contact-grid { display: grid; grid-template-columns: 400px 1fr; gap: 28px; align-items: start; padding-bottom: 64px; }
.mz-contact-card {
	background: var(--mz-surface-2); border: 1px solid var(--mz-line); padding: 30px 30px;
	display: flex; flex-direction: column; gap: 24px;
}
.mz-contact-row { display: flex; gap: 14px; }
.mz-contact-row .mz-icon { color: var(--mz-accent); margin-top: 3px; }
.mz-contact-formwrap { border: 1px solid var(--mz-line); padding: 30px 30px; background: var(--mz-surface-2); }
.mz-form p { margin: 0 0 18px; }
.mz-form label { display: block; font-family: var(--mz-label); font-size: 1.05rem; font-weight: 500; text-transform: uppercase; letter-spacing: .18em; margin-bottom: 8px; color: var(--mz-text-soft); }
.mz-form input[type="text"], .mz-form input[type="email"], .mz-form textarea {
	width: 100%; border: 1px solid var(--mz-line-strong); border-radius: 0; background: rgba(255, 255, 255, .55);
	color: var(--mz-text); padding: 12px 14px; font-family: var(--mz-font); font-size: 1.45rem; outline: none;
	transition: border-color .2s ease;
}
.mz-form input:focus, .mz-form textarea:focus { border-color: var(--mz-accent); }
.mz-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.mz-form-ok {
	color: #3d6b34; background: rgba(96, 148, 84, .12); border: 1px solid rgba(96, 148, 84, .45);
	padding: 12px 18px; font-size: 1.35rem;
}
.mz-form-err {
	color: #9c3d24; background: rgba(179, 83, 44, .1); border: 1px solid rgba(179, 83, 44, .45);
	padding: 12px 18px; font-size: 1.35rem;
}

/* --------------------------------------- Shop page */
.mz-chips { border-bottom: 1px solid var(--mz-line); }
.mz-chips-row { display: flex; gap: 10px; overflow-x: auto; padding: 16px 0; scrollbar-width: none; justify-content: flex-start; }
.mz-chips-row::-webkit-scrollbar { display: none; }
.mz-chip {
	white-space: nowrap; font-family: var(--mz-label); font-size: 1.05rem; font-weight: 500;
	letter-spacing: .18em; text-transform: uppercase; padding: 9px 18px;
	border: 1px solid var(--mz-line-strong); color: var(--mz-text-soft); background: transparent;
	transition: all .2s ease; border-radius: 999px;
}
.mz-chip:hover { color: var(--mz-accent); border-color: var(--mz-accent); }
.mz-chip.is-active { background: var(--mz-text); color: var(--mz-bg); border-color: var(--mz-text); }
.mz-toolbar {
	display: flex; align-items: center; justify-content: space-between; gap: 16px;
	padding: 20px 0; margin: 0;
}
.mz-toolbar .woocommerce-notices-hook:empty { display: none; }
.mz-toolbar-count { font-family: var(--mz-label); font-size: 1.15rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--mz-muted); margin: 0; margin-right: auto; }
.mz-orderby {
	border: 1px solid var(--mz-line-strong); border-radius: 999px; background: transparent;
	color: var(--mz-text); font-family: var(--mz-label); font-size: 1.15rem; font-weight: 500;
	letter-spacing: .08em; padding: 10px 16px; outline: none; cursor: pointer;
}
.mz-orderby option { background: var(--mz-bg); color: var(--mz-text); }
.mz-shop .mz-pagehead, .mz-archive .mz-pagehead { padding-bottom: 26px; }
/* Notices: unified banners. */
.woocommerce-message, .woocommerce-info, .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error,
.mz-plain-page .woocommerce-message,
.mz-plain-page .woocommerce-info,
.mz-plain-page .woocommerce-error {
	position: relative;
	display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
	list-style: none !important;
	border: 1px solid var(--mz-line-strong) !important;
	border-radius: 0 !important;
	background: var(--mz-surface-2) !important;
	color: var(--mz-text) !important;
	font-size: 1.35rem;
	padding: 13px 18px !important; margin: 0 0 18px;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before,
.woocommerce-message::after, .woocommerce-info::after, .woocommerce-error::after {
	content: none !important; display: none !important;
}
.woocommerce-message { background: rgba(96, 148, 84, .1) !important; border-color: rgba(96, 148, 84, .45) !important; }
.woocommerce-message::before {
	content: "✓" !important; display: inline-flex !important; position: static !important;
	width: auto !important; height: auto !important; margin: 0 !important;
	font-weight: 600; color: #3d6b34 !important;
	background: none !important;
}
.woocommerce-error { background: rgba(179, 83, 44, .08) !important; border-color: rgba(179, 83, 44, .45) !important; }
.woocommerce-error li { margin: 0; }
.woocommerce-info { background: var(--mz-surface-2) !important; }
/* "View cart" button inside notices: pushed to the right. */
.woocommerce-message .wc-forward, .woocommerce-info .wc-forward, .woocommerce-error .wc-forward {
	margin-left: auto; background: transparent !important; color: var(--mz-text) !important;
	border: 1px solid var(--mz-line-strong) !important; border-radius: 999px !important;
	padding: 8px 18px !important; font-size: 1.1rem !important;
	font-family: var(--mz-label) !important; text-transform: uppercase; letter-spacing: .16em; font-weight: 500;
}
.woocommerce-message .wc-forward:hover, .woocommerce-info .wc-forward:hover, .woocommerce-error .wc-forward:hover {
	border-color: var(--mz-accent) !important; color: var(--mz-accent) !important; background: transparent !important;
}
.mz-plain-page .woocommerce-error { background: rgba(179, 83, 44, .08); }
.mz-empty { text-align: center; padding: 70px 20px; }
.mz-empty p { color: var(--mz-muted); font-size: 1.55rem; margin: 0 0 24px; }

/* --------------------------------------- PDP */
.mz-crumb { padding: 18px 0 0; font-family: var(--mz-label); font-size: 1.05rem; letter-spacing: .16em; text-transform: uppercase; color: var(--mz-muted); }
.mz-crumb a:hover { color: var(--mz-accent); }
.mz-crumb-sep { margin: 0 8px; opacity: .5; }
.mz-crumb-here { color: var(--mz-text-soft); }
.mz-pdp-main {
	display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: 48px; padding-top: 26px; align-items: start;
}
/* Storefront's clearfix pseudo-element becomes a grid item on this
   container and pushes the gallery into column 2 — remove it. */
.mz-pdp-main::before, .mz-pdp-main::after {
	content: none !important; display: none !important;
}
.mz-pdp-gallery, .mz-pdp-panel { min-width: 0; } /* grid items: allow shrinking, prevents image intrinsic width blowing out the 1fr track */
.mz-pdp-gallery { display: flex; flex-direction: column; gap: 12px; }
.mz-pdp-media {
	position: relative; background: var(--mz-surface);
	overflow: hidden; aspect-ratio: 4 / 5; border-radius: 0;
}
.mz-pdp-img {
	width: 100%; height: 100%; object-fit: cover;
	background: var(--mz-surface); padding: 0;
}
.mz-pdp-flag { position: absolute; top: 14px; left: 14px; }
.mz-pdp-arrow {
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
	width: 40px; height: 40px; border: 1px solid rgba(38, 30, 21, .3); border-radius: 50%; cursor: pointer;
	background: rgba(247, 242, 233, .85); color: var(--mz-text);
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
	display: flex; align-items: center; justify-content: center;
	transition: border-color .2s ease, color .2s ease;
}
.mz-pdp-arrow:hover { border-color: var(--mz-accent); color: var(--mz-accent); }
.mz-pdp-arrow--prev { left: 14px; }
.mz-pdp-arrow--next { right: 14px; }
.mz-pdp-arrow--prev .mz-icon { transform: rotate(90deg); }
.mz-pdp-arrow--next .mz-icon { transform: rotate(-90deg); }
.mz-pdp-gallery.is-single .mz-pdp-arrow { display: none; }
.mz-pdp-thumbs {
	display: flex; flex-direction: row; gap: 10px;
	overflow-x: auto; scrollbar-width: none; padding-bottom: 2px;
}
.mz-pdp-thumbs::-webkit-scrollbar { display: none; }
.mz-pdp-thumb {
	flex: none; width: 68px; height: 68px;
	border: 1px solid var(--mz-line); border-radius: 0; overflow: hidden;
	padding: 0; cursor: pointer; background: var(--mz-surface);
	transition: border-color .2s ease;
}
.mz-pdp-thumb.is-active { border-color: var(--mz-accent); }
.mz-pdp-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mz-pdp-main .mz-pdp-panel { align-self: start; padding-top: 0; }
.mz-pdp-panel-inner { position: sticky; top: 130px; }
.mz-pdp-title {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: clamp(3.2rem, 4vw, 5rem); letter-spacing: .005em; line-height: 1.06; margin: 0 0 14px;
}
.mz-pdp-rating { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.mz-pdp-rating-link { font-family: var(--mz-label); font-size: 1.1rem; letter-spacing: .16em; text-transform: uppercase; color: var(--mz-muted); }
.mz-pdp-rating-link:hover { color: var(--mz-accent); }
.mz-pdp-price {
	font-family: var(--mz-display); font-size: 3rem; font-weight: 600; letter-spacing: .02em;
	margin: 8px 0 16px; color: var(--mz-text);
}
.mz-pdp-main .mz-pdp-panel .mz-pdp-price .price { margin: 0; }
.mz-pdp-price del { font-family: var(--mz-font); font-size: 1.7rem; color: var(--mz-muted); font-weight: 400; margin-right: 10px; }
.mz-pdp-price ins { text-decoration: none; color: var(--mz-sale); }
.mz-pdp-excerpt { color: var(--mz-muted); font-size: 1.45rem; margin-bottom: 24px; }
.mz-pdp-excerpt p { margin: 0 0 8px; }
.mz-atc-row { margin-bottom: 16px; }
.mz-atc-actions { display: flex; gap: 12px; }
.woocommerce form.cart .mz-atc-btn, .woocommerce form.cart .mz-buy-btn {
	flex: 1; display: inline-flex; align-items: center; justify-content: center;
	font-family: var(--mz-label); font-size: 1.25rem; font-weight: 500; line-height: 1;
	letter-spacing: .2em; text-transform: uppercase;
	padding: 17px 20px; border-radius: 999px; border: 1px solid transparent; cursor: pointer;
	transition: all .22s ease;
}
/* (0,3,1) specificity — outranks the generic Woo button restyle further down. */
.woocommerce form.cart button.mz-atc-btn { background: var(--mz-accent) !important; color: var(--mz-accent-ink) !important; border-color: var(--mz-accent) !important; }
.woocommerce form.cart button.mz-atc-btn:hover { background: var(--mz-text) !important; color: var(--mz-bg) !important; border-color: var(--mz-text) !important; }
.woocommerce form.cart button.mz-buy-btn { background: transparent !important; color: var(--mz-text) !important; border-color: var(--mz-line-strong) !important; }
.woocommerce form.cart button.mz-buy-btn:hover { border-color: var(--mz-text) !important; }
.woocommerce .quantity .qty, .mz-plain-page .quantity .qty {
	border: 1px solid var(--mz-line-strong); border-radius: 0;
	height: 46px; width: 64px; text-align: center !important;
	font-family: var(--mz-label); font-size: 1.45rem; font-weight: 500;
	color: var(--mz-text); background: rgba(255, 255, 255, .55);
	padding: 0 !important; line-height: 44px;
	-moz-appearance: textfield; appearance: textfield;
}
.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button,
.mz-plain-page .quantity input.qty::-webkit-outer-spin-button,
.mz-plain-page .quantity input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none !important; appearance: none !important; margin: 0;
}
.mz-qty { display: inline-flex; align-items: center; gap: 8px; }
.mz-qty-btn {
	width: 38px; height: 46px; border: 1px solid var(--mz-line-strong); background: transparent;
	border-radius: 0; font-size: 1.8rem; cursor: pointer; color: var(--mz-text-soft);
	display: flex; align-items: center; justify-content: center; transition: all .2s ease;
}
.mz-qty-btn:hover { border-color: var(--mz-accent); color: var(--mz-accent); }
.variations { border-collapse: collapse; margin: 0 0 16px; width: 100%; }
.variations th { text-align: left; font-weight: 400; padding: 8px 14px 8px 0; font-size: 1.4rem; white-space: nowrap; color: var(--mz-text-soft); }
.variations td { padding: 6px 0; }
.variations select {
	border: 1px solid var(--mz-line-strong); border-radius: 0; background: rgba(255,255,255,.55); color: var(--mz-text);
	font-family: var(--mz-font); font-size: 1.4rem; padding: 9px 12px; min-width: 180px; outline: none;
}
.variations select option { background: var(--mz-bg); color: var(--mz-text); }
.reset_variations { font-family: var(--mz-label); font-size: 1.05rem; font-weight: 500; text-transform: uppercase; letter-spacing: .16em; color: var(--mz-muted); margin-left: 10px; }
.reset_variations:hover { color: var(--mz-accent); }
.woocommerce-variation-price { margin-bottom: 12px; }
.woocommerce-variation-availability .in-stock { color: #3d6b34; font-family: var(--mz-label); font-size: 1.15rem; letter-spacing: .14em; text-transform: uppercase; }

/* Block attribute picker (variable products) */
.mz-varform { margin-bottom: 4px; }
.mz-variations { margin-bottom: 20px; }
.mz-var-group { margin-bottom: 18px; }
.mz-var-head {
	display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
	margin-bottom: 10px;
}
.mz-var-label { font-family: var(--mz-label); font-size: 1.1rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--mz-muted); }
.mz-var-value { color: var(--mz-text); }
.mz-var-btn:focus { outline: none; }
.mz-var-btn:focus-visible { outline: 1px solid var(--mz-accent); outline-offset: 2px; }
.mz-varform .reset_variations { font-size: 1.05rem; margin-left: 0; }
.mz-var-options { display: flex; flex-wrap: wrap; gap: 9px; }
.mz-var-btn {
	border: 1px solid var(--mz-line-strong); background: transparent; color: var(--mz-text-soft);
	border-radius: 999px; padding: 10px 20px; font-family: var(--mz-label); font-size: 1.15rem;
	font-weight: 500; letter-spacing: .12em; text-transform: uppercase;
	cursor: pointer; line-height: 1.2;
	transition: all .2s ease;
}
.mz-var-btn:hover { border-color: var(--mz-accent); color: var(--mz-accent); }
.mz-var-btn.is-active { background: var(--mz-text); border-color: var(--mz-text); color: var(--mz-bg); }
.mz-var-select { display: none; }
.woocommerce form.cart button.mz-atc-btn:disabled, .woocommerce form.cart button.mz-atc-btn.disabled {
	background: rgba(38, 30, 21, .14) !important; color: var(--mz-muted) !important; border-color: var(--mz-line) !important;
	cursor: not-allowed; opacity: 1;
	transform: none !important;
}
.mz-pdp-usps { list-style: none; margin: 26px 0 0; padding: 20px 0 0; border-top: 1px solid var(--mz-line); }
.mz-pdp-usps li { display: flex; align-items: center; gap: 11px; font-family: var(--mz-label); font-size: 1.1rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--mz-muted); padding: 5px 0; }
.mz-pdp-usps .mz-icon { color: var(--mz-accent); }
.stock.in-stock { color: #3d6b34; font-family: var(--mz-label); font-size: 1.15rem; letter-spacing: .14em; text-transform: uppercase; margin: 0 0 12px; }
.stock.out-of-stock { color: #9c3d24; }

/* Tabs (description / additional information / reviews) */
.mz-pdp-tabs-zone { margin-top: 72px; }
/* Storefront floats the tab list left and the panel right — stack them.
   Its .storefront-full-width-content rules load after this sheet and tie on
   specificity, so re-state ours one level higher (0,4,1) to win for good. */
.mz-pdp-tabs-zone .woocommerce-tabs::after { content: ''; display: block; clear: both; }
.mz-pdp-tabs-zone .woocommerce-tabs ul.tabs,
body.storefront-full-width-content .mz-pdp-tabs-zone .woocommerce-tabs ul.tabs {
	float: none; width: auto; margin: 0 0 30px; padding: 0;
	list-style: none; border-bottom: 1px solid var(--mz-line);
	display: flex; gap: 26px; flex-wrap: wrap;
}
.mz-pdp-tabs-zone .woocommerce-tabs .panel,
body.storefront-full-width-content .mz-pdp-tabs-zone .woocommerce-tabs .panel {
	float: none; width: auto; margin: 0; padding: 0; max-width: 840px;
}
.mz-pdp-tabs-zone .woocommerce-tabs ul.tabs::before, .mz-pdp-tabs-zone .woocommerce-tabs ul.tabs::after { content: none; }
.mz-pdp-tabs-zone .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; background: none; border: 0; }
.mz-pdp-tabs-zone .woocommerce-tabs ul.tabs li::before, .mz-pdp-tabs-zone .woocommerce-tabs ul.tabs li::after { content: none; }
.mz-pdp-tabs-zone .woocommerce-tabs ul.tabs a {
	display: inline-block; padding: 4px 2px 12px; border: 0; border-bottom: 1px solid transparent;
	font-family: var(--mz-label); font-size: 1.15rem; font-weight: 500; letter-spacing: .2em;
	text-transform: uppercase; color: var(--mz-muted); background: none;
	transition: color .2s ease, border-color .2s ease;
}
.mz-pdp-tabs-zone .woocommerce-tabs ul.tabs a:hover { color: var(--mz-text); }
.mz-pdp-tabs-zone .woocommerce-tabs ul.tabs li.active a { color: var(--mz-accent); border-bottom-color: var(--mz-accent); }
.mz-pdp-tabs-zone .woocommerce-tabs .panel h2:first-of-type {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: 2.6rem; letter-spacing: .01em;
}
.mz-pdp-tabs-zone .panel { max-width: 840px; }
.mz-pdp-tabs-zone .panel { animation: atFade .3s ease; }
@keyframes atFade { from { opacity: 0; } to { opacity: 1; } }
/* Additional-information table on ivory. */
.mz-pdp-tabs-zone table.shop_table,
.mz-pdp-tabs-zone table.shop_attributes,
.mz-pdp-tabs-zone table.shop_table tr,
.mz-pdp-tabs-zone table.shop_attributes tr,
.mz-pdp-tabs-zone table.shop_table td,
.mz-pdp-tabs-zone table.shop_attributes td,
.mz-pdp-tabs-zone table.shop_table th,
.mz-pdp-tabs-zone table.shop_attributes th,
.mz-pdp-tabs-zone table.shop_table tbody th,
.mz-pdp-tabs-zone table.shop_attributes tbody th {
	background: transparent !important; color: var(--mz-text-soft);
}
.mz-pdp-tabs-zone table.shop_attributes tbody th,
.mz-pdp-tabs-zone table.shop_table tbody th {
	font-family: var(--mz-label); font-size: 1.05rem; font-weight: 600;
	text-transform: uppercase; letter-spacing: .16em; color: var(--mz-accent);
}
.mz-pdp-tabs-zone table.shop_attributes td, .mz-pdp-tabs-zone table.shop_attributes th,
.mz-pdp-tabs-zone table.shop_table td, .mz-pdp-tabs-zone table.shop_table th {
	border-color: var(--mz-line) !important; padding: 12px 14px;
}
.mz-pdp-tabs-zone table.shop_attributes td p { margin: 0; }
/* Review form + stars inside the reviews panel. */
.mz-pdp-tabs-zone .comment-form-rating .stars a { color: var(--mz-accent); }
.mz-pdp-tabs-zone #reviews .comment-text .meta { color: var(--mz-muted); }

/* Related products */
.mz-pdp-related { margin: 64px auto 72px; }
.mz-pdp-related .related > h2, .mz-pdp-related h2, body.single-product .mz-pdp-related section.related > h2, body.woocommerce-page .mz-pdp-related section.related > h2 {
	font-family: var(--mz-display) !important; font-style: italic !important; font-weight: 500 !important; text-transform: none !important;
	font-size: clamp(3rem, 4vw, 4.8rem) !important; letter-spacing: .005em !important; line-height: 1.06 !important; margin-bottom: 30px !important;
	text-align: left !important;
}
.mz-pdp-related section.related > h2 { font-size: clamp(3rem, 4vw, 4.8rem); }

/* --------------------------------------- Article */
.mz-article-head { padding: 64px 0 14px; text-align: left; }
.mz-article-title {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: clamp(3.6rem, 5.4vw, 6rem); letter-spacing: .005em; line-height: 1.05; margin: 10px 0 0;
}
.mz-article-thumb { margin-top: 26px; }
.mz-article-img { width: 100%; }
.mz-article .mz-prose { margin: 30px auto 0; }
.mz-tags { margin: 30px 0 0; display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-start; }
.mz-tags a {
	font-family: var(--mz-label); font-size: 1.05rem; font-weight: 500; letter-spacing: .18em;
	text-transform: uppercase; border: 1px solid var(--mz-line-strong); border-radius: 999px; padding: 7px 16px;
	color: var(--mz-text-soft); background: transparent; transition: all .2s ease;
}
.mz-tags a:hover { border-color: var(--mz-accent); color: var(--mz-accent); }
.mz-postnav {
	display: flex; justify-content: space-between; gap: 20px; margin: 40px 0 0;
	padding-top: 26px; border-top: 1px solid var(--mz-line); font-size: 1.4rem;
}
.mz-postnav a { color: var(--mz-text-soft); font-weight: 500; transition: color .2s ease; }
.mz-postnav a:hover { color: var(--mz-accent); }
.mz-related { margin-top: 64px; }
.mz-related .mz-sect-title { font-size: clamp(3rem, 4vw, 4.8rem); }
.mz-related .mz-post-grid { margin-top: 22px; }

/* Comments */
.mz-article .comments-area { margin-top: 52px; border-top: 1px solid var(--mz-line); padding-top: 34px; }
.mz-article .comments-area .comment-list { list-style: none; padding: 0; margin: 0 0 30px; }
.mz-article .comment-list li { border-bottom: 1px solid var(--mz-line); padding: 18px 0; }
.mz-article .comment-list .avatar { border: 1px solid var(--mz-line-strong); border-radius: 50%; margin-right: 10px; }
.mz-article .comment-form p { margin: 0 0 16px; }
.mz-article .comment-form label { display: block; font-family: var(--mz-label); font-size: 1.05rem; font-weight: 500; text-transform: uppercase; letter-spacing: .18em; margin-bottom: 8px; }
.mz-article .comment-form input:not([type="submit"]):not([type="checkbox"]),
.mz-article .comment-form textarea {
	width: 100%; border: 1px solid var(--mz-line-strong); border-radius: 0; background: rgba(255, 255, 255, .55);
	color: var(--mz-text); padding: 11px 14px; font-family: var(--mz-font); font-size: 1.4rem; outline: none;
	transition: border-color .2s ease;
}
.mz-article .comment-form input:focus, .mz-article .comment-form textarea:focus { border-color: var(--mz-accent); }
.mz-article .comment-form .submit {
	background: var(--mz-text); color: var(--mz-bg); border: 1px solid var(--mz-text); border-radius: 999px;
	font-family: var(--mz-label); font-size: 1.15rem; font-weight: 500; letter-spacing: .2em;
	text-transform: uppercase; padding: 13px 30px; cursor: pointer; transition: all .22s ease;
}
.mz-article .comment-form .submit:hover { background: var(--mz-accent); border-color: var(--mz-accent); color: var(--mz-accent-ink); }

/* --------------------------------------- Pagination */
.mz-pagination { margin: 44px 0 72px; text-align: center; }
.mz-pagination .nav-links { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.mz-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 44px; height: 44px; padding: 0 15px;
	border: 1px solid var(--mz-line-strong); border-radius: 999px; background: transparent;
	font-family: var(--mz-label); font-size: 1.3rem; font-weight: 500; color: var(--mz-text-soft); line-height: 1;
	text-decoration: none; transition: all .2s ease;
}
.mz-pagination a.page-numbers:hover { border-color: var(--mz-accent); color: var(--mz-accent); }
.mz-pagination .page-numbers.current { background: var(--mz-text); border-color: var(--mz-text); color: var(--mz-bg); }
.mz-pagination .page-numbers.dots { border: 0; background: transparent; min-width: 24px; padding: 0; color: var(--mz-muted); }
/* WooCommerce shop pagination — themed to match .mz-pagination blocks. */
.woocommerce-pagination { margin: 44px 0 72px; }
.woocommerce-pagination ul.page-numbers {
	display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
	margin: 0; padding: 0; list-style: none; border: 0;
}
.woocommerce-pagination ul.page-numbers::before, .woocommerce-pagination ul.page-numbers::after { content: none; display: none; }
.woocommerce-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 44px; height: 44px; padding: 0 15px;
	border: 1px solid var(--mz-line-strong); border-radius: 999px;
	background: transparent; color: var(--mz-text-soft); font-family: var(--mz-label); font-size: 1.3rem; font-weight: 500;
	line-height: 1; text-decoration: none; transition: all .2s ease;
}
.woocommerce-pagination a.page-numbers:hover {
	border-color: var(--mz-accent); color: var(--mz-accent);
}
.woocommerce-pagination .page-numbers.current { background: var(--mz-text); border-color: var(--mz-text); color: var(--mz-bg); }
.woocommerce-pagination .page-numbers.dots {
	border: 0; background: transparent; min-width: 24px; padding: 0; color: var(--mz-muted);
}

/* --------------------------------------- Search page */
.mz-searchpage .mz-pagehead { padding-bottom: 26px; }
.mz-searchpage-form { max-width: 580px; margin: 0 auto; }
.mz-searchpage-form .mz-searchform {
	background: transparent; border: 0; border-bottom: 1px solid var(--mz-line-strong);
	padding: 6px 4px 12px;
}
.mz-searchpage-form .mz-btn { padding: 11px 22px; }

/* --------------------------------------- 404 */
.mz-404 { text-align: center; padding: 100px 0 120px; }
.mz-404-code {
	font-family: var(--mz-display); font-style: italic; font-size: clamp(9rem, 18vw, 17rem); font-weight: 500;
	letter-spacing: .02em; line-height: .9; margin: 0;
	color: var(--mz-accent);
}
.mz-404-title {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: clamp(2.6rem, 3.6vw, 4rem); margin: 26px 0 10px; letter-spacing: .01em;
}
.mz-404-text { color: var(--mz-muted); margin: 0 0 32px; }
.mz-404-search { max-width: 500px; margin: 0 auto 34px; }
.mz-404-search .mz-searchform {
	background: transparent; border: 0; border-bottom: 1px solid var(--mz-line-strong); padding: 6px 4px 12px;
}
.mz-404-links { display: flex; gap: 14px; justify-content: center; }

/* --------------------------------------- Footer (ink with italic watermark) */
.mz-footer {
	background: var(--mz-bg-deep); color: rgba(242, 234, 217, .8); margin-top: 96px;
	padding: 72px 0 0; border-top: 1px solid var(--mz-line);
	position: relative; overflow: hidden;
}
.mz-footer::before {
	content: ''; position: absolute; inset: 0; pointer-events: none;
	background: radial-gradient(70% 90% at 100% 0%, rgba(179, 83, 44, .14) 0%, rgba(179, 83, 44, 0) 55%);
}
.mz-footer-grid {
	display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 48px;
	padding-bottom: 44px; border-bottom: 1px solid rgba(232, 221, 202, .14);
	position: relative; z-index: 2;
}
.mz-footer-logo {
	font-family: var(--mz-display); font-size: 2.6rem; font-weight: 600; letter-spacing: .26em;
	text-transform: uppercase; color: #f2ead9; margin: 0 0 14px; line-height: 1;
}
.mz-footer-about { font-size: 1.4rem; color: rgba(242, 234, 217, .62); margin: 0 0 22px; max-width: 380px; line-height: 1.7; }
.mz-footer-contact p { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 10px; font-size: 1.4rem; }
.mz-footer-contact .mz-icon { color: var(--mz-accent); margin-top: 2px; }
.mz-footer-contact a:hover { color: #fff; }
.mz-social { display: flex; gap: 10px; margin-top: 20px; }
.mz-social-link {
	width: 38px; height: 38px; display: inline-flex; align-items: center;
	justify-content: center; color: rgba(242, 234, 217, .78);
	border: 1px solid rgba(232, 221, 202, .25); border-radius: 50%;
	transition: all .2s ease;
}
.mz-social-link:hover { color: #fff; border-color: var(--mz-accent); }
.mz-footer-title {
	font-family: var(--mz-label); font-size: 1.05rem; font-weight: 600; text-transform: uppercase;
	letter-spacing: .28em; color: var(--mz-accent); margin: 6px 0 18px;
}
.mz-foot-menu { list-style: none; margin: 0; padding: 0; }
.mz-foot-menu li { margin: 0 0 11px; }
.mz-foot-menu a { font-size: 1.4rem; color: rgba(242, 234, 217, .74); transition: color .2s ease; }
.mz-foot-menu a:hover { color: #fff; }
.mz-footer-bottom {
	display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 0;
	position: relative; z-index: 2;
}
.mz-payments { display: flex; gap: 8px; flex-wrap: wrap; }
.mz-pay svg { width: 46px; height: 29px; border-radius: 4px; border: 1px solid rgba(232, 221, 202, .22); display: block; }
.mz-copyright { margin: 0; font-family: var(--mz-label); font-size: 1.1rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(242, 234, 217, .55); }
.mz-footer-mark {
	font-family: var(--mz-display); font-style: italic; text-transform: none; white-space: nowrap;
	font-size: clamp(8rem, 16vw, 22rem); line-height: .8; letter-spacing: .01em;
	font-weight: 500;
	color: transparent; -webkit-text-stroke: 1px rgba(232, 221, 202, .2);
	text-align: center; user-select: none; pointer-events: none;
	margin-top: 30px; transform: translateY(16%);
	position: relative; z-index: 1;
}

/* --------------------------------------- Woo generic pages (cart/checkout/account) */
.mz-plain-page { padding: 48px 0 72px; max-width: 1040px; }
.mz-plain-page h1 {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: 3.8rem; letter-spacing: .01em;
}
.woocommerce table.shop_table, .mz-plain-page table.shop_table {
	border: 1px solid var(--mz-line-strong) !important; border-radius: 0;
	border-collapse: separate; border-spacing: 0; width: 100%;
	background: transparent;
}
.mz-plain-page .shop_table th {
	font-family: var(--mz-label); font-size: 1.05rem; text-transform: uppercase; letter-spacing: .18em;
	color: var(--mz-accent); font-weight: 600;
}
.mz-plain-page .shop_table td, .mz-plain-page .shop_table th { padding: 13px 14px; border-color: var(--mz-line) !important; }
.mz-plain-page .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button,
.checkout-button, .wc-forward, .woocommerce-form-login__submit {
	background: var(--mz-text) !important; color: var(--mz-bg) !important; border: 1px solid var(--mz-text) !important;
	border-radius: 999px !important; font-family: var(--mz-label) !important; font-weight: 500 !important;
	font-size: 1.2rem !important; letter-spacing: .18em; text-transform: uppercase;
	padding: 13px 26px !important; cursor: pointer; transition: background .22s ease, color .22s ease, border-color .22s ease;
}
.mz-plain-page .button:hover, .woocommerce button.button:hover, .woocommerce a.button:hover,
.checkout-button:hover, .wc-forward:hover { background: var(--mz-accent) !important; color: var(--mz-accent-ink) !important; border-color: var(--mz-accent) !important; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single {
	border: 1px solid var(--mz-line-strong) !important; border-radius: 0 !important;
	background: rgba(255, 255, 255, .6) !important; color: var(--mz-text) !important;
	padding: 11px 12px !important; font-family: var(--mz-font) !important; font-size: 1.4rem !important;
}
.select2-container--default .select2-selection--single { height: 44px !important; padding-top: 7px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--mz-text) !important; }
.select2-dropdown { background: var(--mz-bg) !important; border: 1px solid var(--mz-line-strong) !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--mz-accent) !important; color: var(--mz-accent-ink) !important; }
.woocommerce form .form-row label { font-family: var(--mz-label); font-size: 1.05rem; font-weight: 500; text-transform: uppercase; letter-spacing: .18em; }
.wc-proceed-to-checkout a.checkout-button { font-size: 1.3rem !important; }

/* --------------------------------------- WooCommerce Cart / Checkout blocks */
/* Cart & checkout render as WooCommerce blocks inside the page prose — let them
   use the full container width and restyle their components to the theme. */
body.woocommerce-cart .mz-prose,
body.woocommerce-checkout .mz-prose,
body.woocommerce-cart .mz-prose--wide,
body.woocommerce-checkout .mz-prose--wide { max-width: none; }

body.woocommerce-cart .mz-pagehead-title,
body.woocommerce-checkout .mz-pagehead-title { margin-bottom: 6px; }

/* Buttons: accent block button (Proceed to checkout, Place order, Apply, …) */
body.woocommerce-cart .wc-block-components-button,
body.woocommerce-checkout .wc-block-components-button {
	background: var(--mz-accent) !important;
	color: var(--mz-accent-ink) !important;
	border: 1px solid var(--mz-accent) !important;
	border-radius: 999px !important;
	font-family: var(--mz-label) !important;
	font-size: 1.25rem !important;
	font-weight: 500 !important;
	letter-spacing: .18em; text-transform: uppercase;
	line-height: 1.2 !important;
	padding: 14px 28px !important;
	transition: background .22s ease, color .22s ease, border-color .22s ease !important;
	text-decoration: none !important;
}
body.woocommerce-cart .wc-block-components-button:hover,
body.woocommerce-checkout .wc-block-components-button:hover {
	background: var(--mz-text) !important;
	color: var(--mz-bg) !important;
	border-color: var(--mz-text) !important;
	text-decoration: none !important;
}
body.woocommerce-cart .wc-block-components-button:disabled,
body.woocommerce-checkout .wc-block-components-button:disabled {
	background: rgba(38, 30, 21, .12) !important;
	color: var(--mz-muted) !important;
	border-color: var(--mz-line) !important;
	cursor: not-allowed;
}
body.woocommerce-cart .wc-block-components-button span,
body.woocommerce-checkout .wc-block-components-button span { color: inherit !important; }
/* Checkout place-order stays full width inside the payment box. */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button { width: 100%; }

/* Product names */
.wc-block-components-product-name { color: var(--mz-text) !important; font-weight: 600 !important; font-family: var(--mz-display); font-size: 1.7rem; }
.wc-block-components-product-name:hover { color: var(--mz-accent) !important; }

/* Cart items table */
.wp-block-woocommerce-cart .wc-block-cart-items { border-color: var(--mz-line-strong) !important; }
.wp-block-woocommerce-cart .wc-block-cart-items__header {
	font-family: var(--mz-label); font-size: 1.05rem; font-weight: 600; text-transform: uppercase; letter-spacing: .18em;
	color: var(--mz-accent);
}
.wp-block-woocommerce-cart table.wc-block-cart-items td,
.wp-block-woocommerce-cart table.wc-block-cart-items th { border-color: var(--mz-line) !important; }
.wp-block-woocommerce-cart .wc-block-components-product-image img { border-radius: 0; }
.wp-block-woocommerce-cart .wc-block-components-product-price,
.wp-block-woocommerce-cart .wc-block-components-totals-item__value { font-weight: 500; color: var(--mz-text); }
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { color: var(--mz-text-soft); }
.wc-block-components-totals-item__label, .wc-block-components-formatted-money-amount { color: var(--mz-text); }

/* Quantity stepper (blocks) */
.wc-block-components-quantity-selector {
	border: 1px solid var(--mz-line-strong); border-radius: 999px;
	display: inline-flex; align-items: stretch; overflow: hidden; background: rgba(255, 255, 255, .5);
}
.wc-block-components-quantity-selector::after { content: none; }
.wc-block-components-quantity-selector__input {
	padding: 0 6px !important; text-align: center !important;
	font-family: var(--mz-label); font-weight: 500; color: var(--mz-text) !important;
	background: transparent !important; border-color: var(--mz-line) !important;
}
.wc-block-components-quantity-selector__button {
	background: transparent; color: var(--mz-text-soft);
	min-width: 36px; display: flex; align-items: center; justify-content: center;
}
.wc-block-components-quantity-selector__button:hover { color: var(--mz-accent); background: rgba(179, 83, 44, .1); }

/* Coupon / shipping toggles inherit the theme font. */
.wp-block-woocommerce-cart .wc-block-components-totals-wrapper,
.wp-block-woocommerce-checkout .wc-block-components-totals-wrapper { font-family: var(--mz-font); }
.wc-block-components-totals-item__label { font-weight: 500; }
.wc-block-components-checkout-return-to-cart-button { font-family: var(--mz-label); letter-spacing: .14em; text-transform: uppercase; font-size: 1.1rem; }
.wc-block-components-panel__button { font-family: var(--mz-font); }

/* --------------------------------------- Storefront neutralization */
.storefront-full-width-content .site-content .entry-header { display: none; }
/* overflow-x:hidden on body/.site turns ancestors into scroll containers and
   breaks position:sticky (header wrapper, PDP buy panel). clip keeps the
   horizontal-overflow guard without a scroll container; html:hidden is the
   legacy fallback. */
html { overflow-x: hidden; }
body { overflow-y: visible; overflow-x: visible; overflow-x: clip; }
.site { overflow-x: visible; overflow-x: clip; }
body:not(.single-product) .entry-content > h1:first-child { display: none; }
#page { overflow: visible; }
.woocommerce-tabs ul.tabs li.active a { color: var(--mz-accent); }

/* --------------------------------------- Responsive ≤989px */
@media (max-width: 989px) {
	.mz-headnav { display: none; }
	.mz-burger { display: inline-flex; }
	.mz-header-row { height: 60px; gap: 4px; }
	.mz-brand { margin-right: auto; }
	.mz-logo-text { font-size: 2.1rem; }
	.mz-hero--small, .mz-hero--medium, .mz-hero--large { height: 560px; }
	.mz-hero-content { padding-bottom: 88px; }
	.mz-usp-list { grid-template-columns: repeat(2, 1fr); row-gap: 14px; }
	.mz-usp { justify-content: flex-start; padding: 4px 14px; }
	.mz-usp:nth-child(3) { border-left: 0; }
	ul.mz-grid, ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 18px; }
	.mz-grid--scroll.mz-grid { grid-template-columns: none !important; grid-auto-columns: calc((100% - 18px) / 2.25); }
	.mz-cat-tiles { grid-template-columns: repeat(2, 1fr) !important; gap: 18px; }
	.mz-post-grid, .mz-post-grid--3 { grid-template-columns: repeat(2, 1fr); gap: 18px; }
	.mz-contact-grid { grid-template-columns: 1fr; }
	.mz-footer-grid { grid-template-columns: 1fr 1fr; gap: 34px; }
	.mz-footer-brand { grid-column: 1 / -1; }
	.mz-pdp-main { grid-template-columns: 1fr; gap: 34px; }
	.mz-pdp-panel { position: static; }
	.mz-pdp-panel-inner { position: static; }
	.mz-grid--scroll.mz-grid .mz-card { width: auto; }
	.mz-section, .mz-section--surface { padding: 56px 0 14px; }
	.mz-section--surface { padding: 48px 0; }
	.mz-section:last-child { margin-bottom: 56px; }
	.mz-newsbox { padding: 48px 26px 44px; }
	.mz-footer { margin-top: 64px; }
	.mz-sect-head:not(.mz-sect-head--drop) .mz-sect-link { position: static; margin-top: 12px; }
	.mz-sect-titles::after { display: none; }
	.mz-banner-inner { padding: 44px 28px; }
}

/* --------------------------------------- Responsive ≤640px */
@media (max-width: 640px) {
	body { font-size: 1.45rem; }
	.mz-container { padding: 0 18px; }
	.mz-announce-track { height: 36px; }
	.mz-announce-msg { font-size: .95rem; letter-spacing: .18em; }
	.mz-hero--small, .mz-hero--medium, .mz-hero--large { height: 520px; }
	.mz-hero-title { font-size: clamp(4.2rem, 12vw, 5.8rem); }
	.mz-hero-slide { background-position: 68% center; }
	.mz-hero-bar { width: 34px; }
	.mz-usp-list { grid-template-columns: 1fr 1fr; }
	.mz-usp { font-size: 1.25rem; padding: 4px 10px; }
	.mz-usp-label strong { font-size: 1.1rem; }
	.mz-usp-label small { font-size: 1.15rem; }
	.mz-sect-title { font-size: 3rem; }
	.mz-grid--scroll.mz-grid { grid-template-columns: none !important; grid-auto-columns: calc((100% - 18px) / 1.9); }
	.mz-card-cat, .mz-card-name, .mz-card-stars, .mz-card-price { margin-left: 0; margin-right: 0; }
	.mz-card-name { font-size: 1.8rem; }
	.mz-pdp-thumb { width: 58px; height: 58px; }
	.mz-pdp-arrow { width: 36px; height: 36px; }
	.mz-post-grid, .mz-post-grid--3 { grid-template-columns: 1fr; }
	.mz-contact-box { grid-template-columns: 1fr; padding: 24px; }
	.mz-form-grid { grid-template-columns: 1fr; }
	.mz-footer-grid { grid-template-columns: 1fr; }
	.mz-footer-bottom { flex-direction: column-reverse; align-items: flex-start; }
	.mz-atc-actions { flex-direction: column; }
	.mz-banner { min-height: 380px; }
	.mz-banner-inner { padding: 40px 20px; }
	.mz-newsbox { padding: 42px 18px 40px; }
	.mz-newsbox-field { flex-direction: column; gap: 16px; }
	.mz-newsbox-btn { justify-content: center; }
	.mz-toolbar { flex-wrap: wrap; }
	.mz-chips-row { justify-content: flex-start; }
	.mz-404-code { font-size: clamp(8rem, 26vw, 12rem); }
	.mz-footer-mark { font-size: clamp(6rem, 19vw, 11rem); }
	.mz-pagehead { padding: 44px 0 26px; }
}

/* =======================================================================
   Curated homepage extras: promo ×3 numbered cards, trust bar,
   drop cards row (trending layout).
   ======================================================================= */

/* ---- Drop cards (3-up featured row) ---- */
.mz-sect-head--drop { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 20px; }
.mz-sect-head--drop .mz-sect-titles { align-items: flex-start; text-align: left; }
.mz-sect-head--drop .mz-sect-title { text-align: left; }
.mz-drop-grid {
	display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 26px;
	list-style: none !important; margin: 0 !important; padding: 0 !important;
}
.mz-drop-grid.mz-drop-grid--2 { grid-template-columns: repeat(2, 1fr) !important; }
.mz-drop-card {
	display: flex; flex-direction: column; min-width: 0; background: transparent;
}
.mz-drop-img { display: block; aspect-ratio: 3 / 4; background: var(--mz-surface); overflow: hidden; border-radius: 0; transition: box-shadow .3s ease; }
.mz-drop-card:hover .mz-drop-img { box-shadow: var(--mz-shadow-sm); }
.mz-drop-photo { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.mz-drop-card:hover .mz-drop-photo { transform: scale(1.05); }
.mz-drop-info { padding: 16px 2px 12px; flex: 1; text-align: left; }
.mz-drop-name {
	display: block; font-family: var(--mz-display); font-size: 1.9rem; font-weight: 600; line-height: 1.3;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .2s ease;
}
.mz-drop-name:hover { color: var(--mz-accent); }
.mz-drop-vendor {
	margin: 6px 0 10px; font-family: var(--mz-label); font-size: 1rem; font-weight: 600;
	letter-spacing: .22em; text-transform: uppercase; color: var(--mz-muted);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mz-drop-price {
	display: flex; align-items: baseline; justify-content: flex-start; gap: 8px; margin-bottom: 4px;
	font-family: var(--mz-display); font-size: 2.1rem; font-weight: 600; letter-spacing: .02em; color: var(--mz-text);
}
.mz-drop-price del { font-family: var(--mz-font); font-size: 1.3rem; color: var(--mz-muted); font-weight: 400; }
.mz-drop-price ins { text-decoration: none; color: var(--mz-sale); }
.mz-drop-addform { margin: 0; }
.mz-drop-addbtn {
	display: flex; width: 100%; align-items: center; justify-content: center;
	padding: 14px; border: 1px solid var(--mz-line-strong); border-radius: 999px;
	background: transparent; color: var(--mz-text-soft);
	font-family: var(--mz-label); font-size: 1.15rem; font-weight: 500; letter-spacing: .2em;
	text-transform: uppercase; cursor: pointer; text-decoration: none;
	transition: background .22s ease, color .22s ease, border-color .22s ease;
}
.mz-drop-addbtn:hover { background: var(--mz-text); color: var(--mz-bg); border-color: var(--mz-text); }
.mz-drop-addbtn--link { display: flex; }
@media (max-width: 749px) {
	.mz-drop-grid { display: flex !important; flex-wrap: nowrap; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0 -20px !important; padding: 4px 20px 8px; }
	.mz-drop-grid::-webkit-scrollbar { display: none; }
	.mz-drop-card { flex: 0 0 80%; scroll-snap-align: start; }
}

/* ---- Promo cards ×3 + trust bar ---- */
.mz-promo3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.mz-promo-card {
	position: relative; display: block; overflow: hidden; border-radius: 0;
	height: 260px; min-width: 0; isolation: isolate;
	transition: box-shadow .3s ease;
}
.mz-promo-card:hover { box-shadow: var(--mz-shadow-sm); }
.mz-promo-card--1 { background: var(--mz-bg-deep); color: #f2ead9; }
.mz-promo-card--2 { background: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-promo-card--3 { background: var(--mz-surface-2); color: var(--mz-text); border: 1px solid var(--mz-line); }
.mz-promo-num {
	position: absolute; top: 16px; left: 18px; z-index: 1;
	font-family: var(--mz-display); font-style: italic; font-size: 1.7rem; font-weight: 500; letter-spacing: .08em;
	opacity: .7;
}
.mz-promo-plate {
	position: absolute; right: 6%; top: 50%; transform: translateY(-50%) rotate(-2deg); z-index: 0;
	height: 62%; aspect-ratio: 3 / 4;
	background: rgba(31, 25, 19, .22); overflow: hidden;
	display: flex; align-items: center; justify-content: center;
	transition: transform .3s ease;
}
.mz-promo-card--1 .mz-promo-plate { background: rgba(253, 250, 243, .08); }
.mz-promo-plate img { width: 100%; height: 100%; object-fit: cover; }
.mz-promo-card:hover .mz-promo-plate { transform: translateY(-50%) rotate(0deg) scale(1.04); }
.mz-promo-text {
	position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column;
	justify-content: center; align-items: flex-start; padding: 0 0 0 7%; max-width: 62%;
}
.mz-promo-title {
	font-family: var(--mz-display); font-style: italic; font-weight: 500; text-transform: none;
	font-size: clamp(2.3rem, 2.3vw, 3.4rem); line-height: 1.08; letter-spacing: .005em; margin-bottom: 10px;
}
.mz-promo-desc { font-size: clamp(1.2rem, 1vw, 1.4rem); line-height: 1.5; opacity: .85; margin-bottom: 18px; }
.mz-promo-btn {
	align-self: flex-start; display: inline-flex; align-items: center; gap: 7px;
	background: transparent; color: inherit; padding: 10px 18px;
	font-family: var(--mz-label); font-size: 1.1rem; font-weight: 500; letter-spacing: .2em;
	text-transform: uppercase; white-space: nowrap; border: 1px solid currentColor; border-radius: 999px;
	transition: all .22s ease;
}
.mz-promo-card--1 .mz-promo-btn:hover { background: var(--mz-accent); color: var(--mz-accent-ink); border-color: var(--mz-accent); }
.mz-promo-card--2 .mz-promo-btn:hover { background: var(--mz-accent-ink); color: var(--mz-accent); border-color: var(--mz-accent-ink); }
.mz-promo-card--3 .mz-promo-btn:hover { background: var(--mz-text); color: var(--mz-bg); border-color: var(--mz-text); }
.mz-promo-card:hover .mz-promo-btn .mz-icon { transform: translateX(3px); }
.mz-trustbar { border-top: 1px solid var(--mz-line); border-bottom: 1px solid var(--mz-line); margin-top: 30px; }
.mz-trust-list {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;
	list-style: none; margin: 0; padding: 26px 0;
}
.mz-trust-item { display: flex; align-items: center; justify-content: center; gap: 13px; color: var(--mz-text-soft); }
.mz-trust-item .mz-icon { color: var(--mz-accent); flex: none; }
.mz-trust-item span { display: flex; flex-direction: column; line-height: 1.4; }
.mz-trust-item strong { font-family: var(--mz-label); font-size: 1.2rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.mz-trust-item small { font-size: 1.25rem; color: var(--mz-muted); }
@media (max-width: 1099px) {
	.mz-promo3 { gap: 16px; }
	.mz-promo-card { height: 230px; }
	.mz-promo-plate { height: 52%; right: 5%; }
}
@media (max-width: 749px) {
	.mz-promo3 { grid-template-columns: 1fr; gap: 16px; }
	.mz-promo-card { height: 200px; }
	.mz-promo-plate { height: 130px; right: 16px; }
	.mz-promo-text { max-width: 64%; }
	.mz-trust-list { grid-template-columns: 1fr 1fr; gap: 18px 10px; }
	.mz-trust-item { justify-content: flex-start; gap: 10px; }
	.mz-trust-item strong { font-size: 1.15rem; }
	.mz-trust-item small { font-size: 1.15rem; }
	.mz-sect-head--drop { flex-direction: column; align-items: flex-start; }
}

/* =======================================================================
   MESTIZA SKIN — Mexican editorial identity
   Papel cream + jade + rosa mexicano + cempasúchil gold + talavera blue.
   Papel picado bunting, serape stripes, nicho arches, talavera pattern.
   ======================================================================= */

body {
	background-color: var(--mz-bg);
	background-image:
		radial-gradient(1100px 620px at 104% -8%, rgba(226, 160, 32, .10), rgba(226, 160, 32, 0) 62%),
		radial-gradient(900px 540px at -8% 12%, rgba(210, 60, 106, .06), rgba(210, 60, 106, 0) 58%);
}

/* ---- Papel picado bunting strip ---- */
.mz-papel {
	height: 18px;
	background: var(--mz-bg) url('../img/papel-picado.svg') repeat-x center top / 120px 18px;
}

/* ---- Header: sticky bar only (announcement + bunting scroll away) ---- */
.mz-header-wrapper {
	position: static;
	background: transparent;
	border-bottom: 0;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.mz-header {
	position: sticky;
	top: 0;
	z-index: 200;
	background: rgba(250, 245, 233, .95);
	-webkit-backdrop-filter: saturate(140%) blur(14px);
	backdrop-filter: saturate(140%) blur(14px);
	border-bottom: 1px solid var(--mz-line);
}
.admin-bar .mz-header { top: 32px; }
.mz-header::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 4px;
	background: var(--mz-serape);
	background-size: 136px 100%;
}
.mz-header-row { height: var(--mz-header-h); }
.mz-logo-text {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--mz-display);
	font-weight: 600;
	font-size: 2.8rem;
	letter-spacing: .16em;
	color: var(--mz-jade);
	margin-right: 0;
	font-variation-settings: 'SOFT' 40, 'WONK' 1;
}
.mz-logo-text::before {
	content: '';
	width: 22px;
	height: 22px;
	flex: none;
	background: url('../img/flower.svg') center / contain no-repeat;
}
.mz-logo-text:hover { color: var(--mz-accent); }
.mz-nav-list > li > a {
	font-weight: 600;
	letter-spacing: .16em;
	color: var(--mz-text-soft);
}
.mz-nav-list > li > a::after { background: var(--mz-accent); height: 2px; }
.mz-nav-list > li.current-menu-item > a,
.mz-nav-list > li > a:hover { color: var(--mz-jade); }
.mz-iconbtn:hover, .mz-iconbtn[aria-expanded="true"] { color: var(--mz-accent); border-color: var(--mz-line); }
.mz-announce { background: var(--mz-jade); }
.mz-announce-msg { color: #f6eedd; letter-spacing: .22em; }

/* ---- Buttons: sharp editorial blocks ---- */
.mz-btn { border-radius: 2px; letter-spacing: .18em; font-weight: 600; }
.mz-btn--accent, .mz-btn--gold { background: var(--mz-accent); border-color: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-btn--accent:hover, .mz-btn--gold:hover { background: var(--mz-jade); border-color: var(--mz-jade); color: var(--mz-bg); }
.mz-btn--dark { background: var(--mz-jade); border-color: var(--mz-jade); color: var(--mz-bg); }
.mz-btn--dark:hover { background: var(--mz-accent); border-color: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-btn--light { border-color: rgba(255, 255, 255, .8); color: #fff; background: rgba(20, 58, 48, .28); }

/* ---- Hero: cream editorial panel on the left, photograph on the right ---- */
.mz-hero {
	height: clamp(580px, 74vh, 760px);
	border-bottom: 0;
	background: var(--mz-surface-2);
}
.mz-hero-slide { background-position: 78% center; }
.mz-hero-shade {
	background:
		linear-gradient(90deg, rgba(20, 58, 48, .30) 0%, rgba(20, 58, 48, .04) 38%, rgba(20, 58, 48, 0) 58%),
		linear-gradient(0deg, rgba(20, 58, 48, .18) 0%, rgba(20, 58, 48, 0) 34%);
}
.mz-hero-content {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: min(640px, 47%);
	max-width: none;
	margin: 0;
	padding: 64px 60px 76px max(24px, calc((100vw - var(--mz-width)) / 2 + 24px));
	background: var(--mz-bg);
	color: var(--mz-text);
	justify-content: center;
	align-items: flex-start;
	box-shadow: 30px 0 70px rgba(20, 58, 48, .16);
}
.mz-hero-content::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -8px;
	width: 8px;
	background: var(--mz-serape);
	background-size: 136px 100%;
}
.mz-hero-eyebrow {
	color: var(--mz-accent);
	font-weight: 600;
	letter-spacing: .26em;
	margin-bottom: 20px;
}
.mz-hero-eyebrow::before {
	width: 20px;
	height: 20px;
	margin-right: 11px;
	background: url('../img/flower.svg') center / contain no-repeat;
}
.mz-hero-title {
	font-style: normal;
	font-weight: 500;
	font-variation-settings: 'SOFT' 50, 'WONK' 1;
	text-transform: none;
	font-size: clamp(4.6rem, 6.2vw, 8.2rem);
	letter-spacing: -.012em;
	line-height: .98;
	color: var(--mz-jade);
	margin: 0 0 22px;
	text-shadow: none;
}
.mz-hero-sub { color: var(--mz-text-soft); font-weight: 400; text-shadow: none; margin-bottom: 34px; }
.mz-hero-btn { background: var(--mz-accent); border-color: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-hero-btn:hover { background: var(--mz-jade); border-color: var(--mz-jade); color: var(--mz-bg); }
.mz-hero-trust-text { color: var(--mz-text-soft); }
.mz-hero-trust-text strong { color: var(--mz-jade); }
.mz-hero-stars { color: var(--mz-gold); }
.mz-hero-avatars img { border-color: var(--mz-bg); }
.mz-hero-nav { bottom: 26px; right: max(24px, calc((100vw - var(--mz-width)) / 2 + 24px)); }
.mz-hero-arrow { border-color: rgba(255, 255, 255, .65); background: rgba(20, 58, 48, .34); }
.mz-hero-arrow:hover { border-color: var(--mz-gold); background: var(--mz-gold); color: var(--mz-jade); }
.mz-hero-bar::before { background: rgba(255, 255, 255, .42); }
.mz-hero-bar .mz-hero-bar-fill { background: var(--mz-gold); }

/* ---- Service bar ---- */
.mz-uspbar { background: var(--mz-surface-2); border-bottom: 1px solid var(--mz-line); }
.mz-usp { color: var(--mz-text-soft); }
.mz-usp .mz-icon { color: var(--mz-accent); }
.mz-usp-label strong { color: var(--mz-jade); }

/* ---- Section heads: serape dash + flower ---- */
.mz-section { padding: 92px 0 20px; }
.mz-sect-title {
	font-style: normal;
	font-weight: 500;
	font-variation-settings: 'SOFT' 50, 'WONK' 1;
	color: var(--mz-jade);
	letter-spacing: -.008em;
}
.mz-sect-title::before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 12px;
	vertical-align: .12em;
	background: url('../img/flower.svg') center / contain no-repeat;
}
.mz-sect-titles::after {
	right: auto;
	width: 86px;
	height: 5px;
	bottom: -15px;
	background: var(--mz-serape);
	background-size: 136px 100%;
}
.mz-sect-sub { color: var(--mz-muted); }
.mz-sect-link { color: var(--mz-jade); border-bottom-color: var(--mz-line-strong); }
.mz-sect-link:hover { color: var(--mz-accent); border-color: var(--mz-accent); }
.mz-section--surface { background: var(--mz-surface-2); }

/* ---- Product cards ---- */
.mz-card-media {
	border: 1px solid var(--mz-line);
	border-radius: 2px;
	background: var(--mz-surface);
	box-shadow: none;
}
.mz-card:hover .mz-card-media { border-color: var(--mz-accent); box-shadow: var(--mz-shadow-sm); }
.mz-card-img { background: var(--mz-surface); }
.mz-card-cat { color: var(--mz-accent); }
.mz-card-name { font-weight: 500; font-variation-settings: 'SOFT' 40, 'WONK' 1; color: var(--mz-jade); }
.mz-card-name a:hover { color: var(--mz-accent); }
.mz-card-price { color: var(--mz-jade); font-weight: 500; }
.mz-card-price ins { color: var(--mz-sale); }
.mz-star.is-on { color: var(--mz-gold); }
.mz-card-addbtn, .mz-card-add--link { background: rgba(20, 58, 48, .94); color: var(--mz-bg); }
.mz-card-addbtn:hover, .mz-card-add--link:hover { background: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-badge { border-radius: 2px; background: rgba(250, 245, 233, .94); color: var(--mz-jade); }
.mz-badge--nuevo { background: var(--mz-jade); color: var(--mz-bg); }
.mz-badge--oferta { background: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-badge--mas-vendido { background: var(--mz-gold); color: #2a2118; }
.mz-badge--edicion-limitada { background: var(--mz-blue); color: #fff; }
.mz-badge--agotado { background: rgba(36, 31, 26, .86); color: rgba(255, 255, 255, .92); }

/* ---- Promo banner ---- */
.mz-banner {
	background-color: var(--mz-jade);
	border-radius: 2px;
}
.mz-banner::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 6px;
	z-index: 2;
	background: var(--mz-serape);
	background-size: 136px 100%;
}
.mz-banner::after {
	background:
		linear-gradient(78deg, rgba(20, 58, 48, .62) 0%, rgba(20, 58, 48, .22) 54%, rgba(20, 58, 48, .04) 84%),
		linear-gradient(0deg, rgba(20, 58, 48, .22) 0%, rgba(20, 58, 48, 0) 38%);
}
.mz-banner-title { font-style: normal; font-weight: 500; font-variation-settings: 'SOFT' 50, 'WONK' 1; }
.mz-banner .mz-btn--accent, .mz-banner .mz-btn--light { background: var(--mz-gold); border-color: var(--mz-gold); color: #2a2118; }
.mz-banner .mz-btn--accent:hover, .mz-banner .mz-btn--light:hover { background: var(--mz-bg); border-color: var(--mz-bg); color: var(--mz-jade); }

/* ---- Category tiles: nicho arches ---- */
.mz-cat-media,
.mz-catstrip-media {
	border-radius: 999px 999px 2px 2px;
	border: 1px solid var(--mz-line);
	background: var(--mz-surface);
}
.mz-cat-tile:hover .mz-cat-media,
.mz-catstrip-tile:hover .mz-catstrip-media { border-color: var(--mz-accent); box-shadow: var(--mz-shadow-sm); }
.mz-cat-name, .mz-catstrip-label { color: var(--mz-jade); font-weight: 500; }
.mz-cat-name::before, .mz-catstrip-label::before {
	content: '';
	width: 14px;
	height: 14px;
	flex: none;
	background: url('../img/flower.svg') center / contain no-repeat;
}
.mz-cat-tile:hover .mz-cat-name, .mz-catstrip-tile:hover .mz-catstrip-label { color: var(--mz-accent); }
.mz-cat-fallback { background: linear-gradient(150deg, var(--mz-surface) 0%, #e6d3b4 100%); color: rgba(210, 60, 106, .42); }

/* ---- Blog cards ---- */
.mz-post-media { border-radius: 42% 42% 2px 2px / 24% 24% 2px 2px; border: 1px solid var(--mz-line); }
.mz-post-card:hover .mz-post-media { border-color: var(--mz-accent); }
.mz-post-title { color: var(--mz-jade); }

/* ---- Newsletter: jade + talavera ---- */
.mz-newsbox {
	background: var(--mz-jade);
	color: #f6eedd;
	border-radius: 2px;
}
.mz-newsbox::before {
	background: url('../img/talavera.svg') repeat center / 120px 120px;
	opacity: .55;
}
.mz-newsbox::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 6px;
	background: var(--mz-serape);
	background-size: 136px 100%;
}
.mz-newsbox-text, .mz-newsbox-form { z-index: 1; }
.mz-newsbox-title { font-style: normal; font-weight: 500; font-variation-settings: 'SOFT' 50, 'WONK' 1; }
.mz-newsbox-btn { background: var(--mz-gold); border-color: var(--mz-gold); color: #2a2118; border-radius: 2px; font-weight: 600; }
.mz-newsbox-btn:hover { background: transparent; color: var(--mz-gold); border-color: var(--mz-gold); }
.mz-newsbox .mz-form-ok { color: var(--mz-gold); }
.mz-newsbox--ivory { background: var(--mz-surface-2); color: var(--mz-text); }
.mz-newsbox--ivory::before { background: url('../img/talavera.svg') repeat center / 120px 120px; opacity: .18; }
.mz-newsbox--ivory .mz-newsbox-btn { color: #2a2118; }

/* ---- Footer: jade + talavera + serape ---- */
.mz-footer { background: var(--mz-jade); color: rgba(246, 238, 221, .78); border-top: 0; }
.mz-footer::before {
	background:
		url('../img/talavera.svg') repeat center / 120px 120px,
		radial-gradient(70% 90% at 100% 0%, rgba(226, 160, 32, .12) 0%, rgba(226, 160, 32, 0) 55%);
	opacity: .8;
}
.mz-footer::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 6px;
	background: var(--mz-serape);
	background-size: 136px 100%;
	z-index: 2;
}
.mz-footer-logo { color: var(--mz-bg); font-weight: 500; }
.mz-footer-title { color: var(--mz-gold); }
.mz-footer-contact .mz-icon { color: var(--mz-gold); }
.mz-foot-menu a:hover, .mz-footer-contact a:hover { color: var(--mz-gold); }
.mz-social-link:hover { color: var(--mz-gold); border-color: var(--mz-gold); }
.mz-copyright { color: rgba(246, 238, 221, .5); }
.mz-footer-mark { -webkit-text-stroke: 1px rgba(226, 160, 32, .24); }

/* ---- Page heads ---- */
.mz-pagehead { border-bottom: 1px solid var(--mz-line); padding-top: 72px; }
.mz-pagehead-title {
	font-style: normal;
	font-weight: 500;
	font-variation-settings: 'SOFT' 50, 'WONK' 1;
	color: var(--mz-jade);
}
.mz-pagehead::after { display: none; }
.mz-pagehead-title::after {
	content: '';
	display: block;
	width: 86px;
	height: 5px;
	margin-top: 20px;
	background: var(--mz-serape);
	background-size: 136px 100%;
}
.mz-eyebrow { color: var(--mz-accent); }
.mz-prose h2, .mz-prose h3 { color: var(--mz-jade); font-family: var(--mz-display); font-weight: 500; }
.mz-contact-heading { font-style: normal; font-weight: 500; color: var(--mz-jade); }
.mz-contact-box { border-radius: 2px; border-top: 4px solid var(--mz-accent); }

/* ---- Promo ×3 cards ---- */
.mz-promo-card { border-radius: 2px; }
.mz-promo-card--1 { background: var(--mz-jade); color: #f6eedd; }
.mz-promo-card--2 { background: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-promo-card--3 { background: var(--mz-gold); color: #2a2118; border-color: var(--mz-gold); }
.mz-promo-title { font-style: normal; font-weight: 500; }
.mz-promo-btn { border-radius: 2px; }
.mz-promo-card--3 .mz-promo-plate { background: rgba(20, 58, 48, .16); }
.mz-promo-card--3 .mz-promo-btn:hover { background: var(--mz-jade); border-color: var(--mz-jade); color: var(--mz-bg); }

/* ---- Drop cards / misc buttons ---- */
.mz-drop-addbtn { border-radius: 2px; }
.mz-drop-addbtn:hover { background: var(--mz-accent); border-color: var(--mz-accent); color: var(--mz-accent-ink); }
.mz-drop-name { color: var(--mz-jade); font-weight: 500; }
.mz-drop-price { color: var(--mz-jade); }
.mz-scroll-btn { border-radius: 2px; }
.mz-scroll-btn:hover { border-color: var(--mz-accent); color: var(--mz-accent); }

/* ---- WooCommerce core pages ---- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--mz-accent);
	color: var(--mz-accent-ink);
	border-radius: 2px;
	font-family: var(--mz-label);
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover { background: var(--mz-jade); color: var(--mz-bg); }
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt { background: var(--mz-jade); color: var(--mz-bg); }
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover { background: var(--mz-accent); color: var(--mz-accent-ink); }
.woocommerce table.shop_table,
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review {
	border-radius: 2px;
	border-color: var(--mz-line);
}
.woocommerce-cart .cart-collaterals .cart_totals { border-top: 3px solid var(--mz-accent); }
.mz-plain-page h1, .mz-plain-page h2 { font-style: normal; color: var(--mz-jade); }

/* ---- Responsive ---- */
@media (max-width: 989px) {
	.mz-hero { height: 660px; }
	.mz-hero-content {
		width: 100%;
		left: 0;
		right: 0;
		top: auto;
		bottom: 0;
		height: auto;
		padding: 34px 24px 40px;
		background: rgba(250, 245, 233, .96);
		box-shadow: 0 -24px 60px rgba(20, 58, 48, .18);
	}
	.mz-hero-content::after {
		top: -7px;
		bottom: auto;
		right: 0;
		width: auto;
		height: 7px;
		background: var(--mz-serape);
		background-size: 136px 100%;
	}
	.mz-hero-title { font-size: clamp(4rem, 8vw, 6.4rem); }
	.mz-hero-nav { top: 18px; bottom: auto; right: 20px; }
	.mz-sect-title::before { width: 16px; height: 16px; margin-right: 9px; }
}
@media (max-width: 640px) {
	.mz-papel { height: 14px; background-size: 96px 14px; }
	.mz-logo-text { font-size: 2.3rem; letter-spacing: .12em; gap: 8px; }
	.mz-logo-text::before { width: 18px; height: 18px; }
	.mz-hero { height: 620px; }
	.mz-hero-content { padding: 28px 20px 34px; }
}

/* Policy prose aligned with the page title */
.mz-policy-body .mz-prose { margin-left: max(24px, calc((100vw - var(--mz-width)) / 2 + 24px)); margin-right: auto; max-width: 820px; }

/* WooCommerce pages: buttons that sit outside body.woocommerce */
body.woocommerce-page a.button,
body.woocommerce-page button.button,
body.woocommerce-page input.button,
body.woocommerce-page #respond input#submit,
body.woocommerce-page .wc-block-components-button {
	background: var(--mz-accent) !important;
	color: var(--mz-accent-ink) !important;
	border: 1px solid var(--mz-accent) !important;
	border-radius: 2px !important;
	font-family: var(--mz-label);
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
}
body.woocommerce-page a.button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce-page input.button:hover,
body.woocommerce-page .wc-block-components-button:hover {
	background: var(--mz-jade) !important;
	border-color: var(--mz-jade) !important;
	color: var(--mz-bg) !important;
}
body.woocommerce-page a.button.wc-backward { background: var(--mz-jade) !important; border-color: var(--mz-jade) !important; color: var(--mz-bg) !important; }

/* Alternate the editorial panel side on even slides */
.mz-hero-slide:nth-child(2) .mz-hero-content {
	left: auto;
	right: 0;
	box-shadow: -30px 0 70px rgba(20, 58, 48, .16);
}
.mz-hero-slide:nth-child(2) .mz-hero-content::after {
	right: auto;
	left: -8px;
}
.mz-hero-slide:nth-child(2) { background-position: 22% center; }
@media (max-width: 989px) {
	.mz-hero-slide:nth-child(2) .mz-hero-content { left: 0; right: 0; box-shadow: 0 -24px 60px rgba(20, 58, 48, .18); }
	.mz-hero-slide:nth-child(2) .mz-hero-content::after { left: 0; right: 0; top: -7px; bottom: auto; width: auto; height: 7px; }
}

/* Article hero: arch-cropped editorial band */
.mz-article-img {
	width: 100%;
	height: min(56vw, 540px);
	object-fit: cover;
	object-position: center 68%;
	border-radius: 180px 180px 0 0;
}
@media (max-width: 640px) {
	.mz-article-img { height: 260px; border-radius: 90px 90px 0 0; }
}

/* Mobile hero: give the photograph room; the trust strip returns on ≥641px */
@media (max-width: 640px) {
	.mz-hero { height: 700px; }
	.mz-hero-content { padding: 24px 20px 30px; }
	.mz-hero-trust { display: none; }
	.mz-hero-title { font-size: clamp(3.6rem, 9vw, 4.8rem); }
	.mz-hero-sub { margin-bottom: 22px; }
}