/* ==========================================================================
   Мир Кондитера — main.css
   tokens → reset → base → layout → components → sections → floating → pages → responsive
   ========================================================================== */

/* ---------- Fonts: Co Text Corp (brand font), self-hosted; Regular covers 300–500, Bold 600–800 ---------- */
@font-face { font-family: "Co Text Corp"; font-style: normal; font-weight: 300 500; font-display: swap; src: url(../fonts/cotextcorp/cotextcorp-regular.woff2) format("woff2"), url(../fonts/cotextcorp/cotextcorp-regular.ttf) format("truetype"); }
@font-face { font-family: "Co Text Corp"; font-style: normal; font-weight: 600 800; font-display: swap; src: url(../fonts/cotextcorp/cotextcorp-bold.woff2) format("woff2"), url(../fonts/cotextcorp/cotextcorp-bold.ttf) format("truetype"); }

/* ---------- Tokens ---------- */
:root {
	/* Teal — primary brand color */
	--teal-900: #0F5459; --teal-800: #1E5155; --teal-600: #3E7D81; --teal-400: #64979A; --teal-200: #9AB7B9; --teal-100: #D7E4E5;
	/* Peach — accent */
	--peach-500: #EE9470; --peach-400: #F1A98D; --peach-300: #F7B99A; --peach-200: #EFBEA6; --peach-100: #FBDCCD; --peach-50: #FDEEE6;
	/* Sage — soft neutral backgrounds */
	--sage-400: #C4CFC9; --sage-300: #D0D9D4; --sage-200: #DAE1DD; --sage-100: #ECF0EE;
	/* Cocoa */
	--cocoa-700: #776243; --cocoa-500: #928169; --cocoa-400: #A89A87;
	/* Neutrals */
	--black: #000000; --grey-700: #555454; --grey-500: #777676; --grey-100: #EBECEC; --grey-50: #EFF0F0; --white: #FEFEFE;
	--red-600: #B84A3A; --red-50: #F9E7E3;

	--font-sans: "Co Text Corp", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--fw-light: 300; --fw-regular: 400; --fw-medium: 500; --fw-bold: 700;
	--ls-caps: .02em; --ls-eyebrow: .08em;

	--container: 1480px;
	--gutter: clamp(16px, 3vw, 32px);
	--radius-sm: 8px; --radius-md: 14px; --radius-lg: 24px; --radius-xl: 32px; --radius-pill: 999px;

	--shadow-sm: 0 1px 2px rgba(15, 84, 89, .08);
	--shadow-md: 0 6px 20px rgba(15, 84, 89, .10);
	--shadow-lg: 0 18px 48px rgba(15, 84, 89, .16);
	--focus-ring: 0 0 0 3px var(--peach-100);
	--ease: cubic-bezier(.2, .7, .3, 1);

	--snow-dot: var(--sage-400);
	--snow-dot-on-brand: rgba(254, 254, 254, .55);
	--bg-snow-size: 173px 151px, 229px 197px, 131px 263px, 311px 241px, 197px 283px, 257px 167px, 149px 211px, 283px 313px;
}

/* Dark theme: only light surfaces are re-coloured, teal sections stay as is */
[data-theme="dark"] body { background: #0B1D1F; }
[data-theme="dark"] [data-surface="light"] {
	--white: #112628; --black: #E9EFEC; --grey-700: #B9C4C0; --grey-500: #93A19C;
	--teal-900: #A9D3D5; --teal-600: #C6E3E4; --teal-100: #1E3B3E;
	--sage-100: #16302F; --sage-200: #22403F; --sage-300: #2A4847; --sage-400: #365553;
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4); --shadow-md: 0 6px 20px rgba(0, 0, 0, .45);
	color: var(--black);
}

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
img, svg { display: block; max-width: 100%; }
img { height: auto; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }
/* Long uppercase Russian words ("КОНФИДЕНЦИАЛЬНОСТИ") must not push headings past a phone screen */
h1, h2, h3 { overflow-wrap: break-word; }

/* ---------- Base ---------- */
body {
	font-family: var(--font-sans);
	font-size: 16px;
	line-height: 1.55;
	color: var(--black);
	background: var(--white);
	-webkit-font-smoothing: antialiased;
	transition: background .3s;
}
a { color: var(--teal-900); text-decoration: none; transition: color .2s, background .2s; }
a:hover { color: var(--teal-600); }
:focus-visible { outline: 2px solid var(--peach-500); outline-offset: 2px; }
input::placeholder { color: var(--grey-500); }

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}
.skip-link:focus {
	clip: auto; width: auto; height: auto; z-index: 1000; top: 8px; left: 8px;
	padding: 12px 20px; background: var(--white); border-radius: var(--radius-pill);
}

/* ---------- Layout ---------- */
.mk-container {
	max-width: var(--container);
	margin-inline: auto;
	padding-inline: var(--gutter);
}
.mk-section { padding-block: 80px; }
.mk-section__head {
	display: flex; justify-content: space-between; align-items: flex-end;
	gap: 16px; flex-wrap: wrap; margin-bottom: 32px;
}
.mk-section__head--center { align-items: center; margin-bottom: 28px; }

.mk-snow-brand {
	background-color: var(--teal-800);
	background-image:
		radial-gradient(circle at 12% 18%, var(--snow-dot-on-brand) 1.6px, transparent 2.2px),
		radial-gradient(circle at 67% 41%, var(--snow-dot-on-brand) 1.2px, transparent 1.8px),
		radial-gradient(circle at 38% 77%, var(--snow-dot-on-brand) 1.9px, transparent 2.5px),
		radial-gradient(circle at 88% 85%, var(--snow-dot-on-brand) 1.1px, transparent 1.7px),
		radial-gradient(circle at 23% 56%, var(--snow-dot-on-brand) 1.4px, transparent 2.0px),
		radial-gradient(circle at 79% 12%, var(--snow-dot-on-brand) 1.7px, transparent 2.3px),
		radial-gradient(circle at 52% 29%, var(--snow-dot-on-brand) 1px, transparent 1.6px),
		radial-gradient(circle at 6% 92%, var(--snow-dot-on-brand) 1.3px, transparent 1.9px);
	background-size: var(--bg-snow-size);
	color: var(--white);
}
.mk-snow {
	background-color: var(--white);
	background-image:
		radial-gradient(circle at 12% 18%, var(--snow-dot) 1.6px, transparent 2.2px),
		radial-gradient(circle at 67% 41%, var(--snow-dot) 1.2px, transparent 1.8px),
		radial-gradient(circle at 38% 77%, var(--snow-dot) 1.9px, transparent 2.5px),
		radial-gradient(circle at 88% 85%, var(--snow-dot) 1.1px, transparent 1.7px),
		radial-gradient(circle at 23% 56%, var(--snow-dot) 1.4px, transparent 2.0px),
		radial-gradient(circle at 79% 12%, var(--snow-dot) 1.7px, transparent 2.3px),
		radial-gradient(circle at 52% 29%, var(--snow-dot) 1px, transparent 1.6px),
		radial-gradient(circle at 6% 92%, var(--snow-dot) 1.3px, transparent 1.9px);
	background-size: var(--bg-snow-size);
}

/* ---------- Components ---------- */
.mk-h2 {
	margin: 0;
	font-size: clamp(28px, 3.4vw, 36px);
	line-height: 1.2;
	font-weight: var(--fw-bold);
	text-transform: uppercase;
	letter-spacing: var(--ls-caps);
	color: var(--teal-900);
	text-wrap: balance;
}
.mk-h2--lg { font-size: clamp(28px, 3.4vw, 40px); line-height: 1.15; }
.mk-h2--sm { font-size: clamp(26px, 3vw, 32px); }
.mk-h2--light { color: var(--white); }

.mk-eyebrow {
	font-size: 12px; font-weight: var(--fw-bold);
	letter-spacing: var(--ls-eyebrow); text-transform: uppercase;
	color: var(--peach-300);
}
.mk-eyebrow--accent { color: var(--peach-500); }
.mk-eyebrow--dark { color: var(--black); }

.mk-lead { margin: 0 0 36px; font-size: 17px; color: var(--grey-700); max-width: 620px; }
.mk-more { font-weight: var(--fw-bold); font-size: 15px; }

.mk-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	height: 50px; padding: 0 26px;
	border: 1.5px solid transparent; border-radius: var(--radius-pill);
	font-family: var(--font-sans); font-size: 15px; font-weight: var(--fw-bold);
	white-space: nowrap; cursor: pointer;
	transition: background .2s, border-color .2s, color .2s, opacity .2s;
}
.mk-btn--lg { height: 56px; padding: 0 32px; font-size: 16px; }
.mk-btn--md { height: 52px; padding: 0 28px; font-size: 15px; }
.mk-btn--sm { height: 40px; padding: 0 16px; font-size: 14px; }
.mk-btn--accent { background: var(--peach-500); color: #000; }
.mk-btn--accent:hover { background: var(--peach-400); color: #000; }
.mk-btn--teal { background: var(--teal-900); border-color: var(--teal-900); color: var(--white); }
.mk-btn--teal:hover { background: var(--teal-600); border-color: var(--teal-600); color: var(--white); }
.mk-btn--outline-light { border-color: var(--white); color: var(--white); padding-inline: 28px; }
.mk-btn--outline-light:hover { background: rgba(254, 254, 254, .12); color: var(--white); }
.mk-btn--white { background: var(--white); color: var(--teal-900); }
.mk-btn--white:hover { background: var(--peach-50); color: var(--teal-900); }
.mk-btn--outline { border-color: var(--sage-400); background: transparent; color: var(--teal-900); }
.mk-btn--outline:hover { border-color: var(--teal-900); color: var(--teal-900); }
.mk-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 24px 0 0; }
.mk-btn[aria-busy="true"] { opacity: .6; pointer-events: none; }

.mk-input {
	flex: 1 1 160px; min-width: 0; height: 52px; padding: 0 20px;
	border: 1.5px solid var(--sage-400); border-radius: var(--radius-pill);
	background: var(--white); color: var(--black);
	font-size: 15px; outline: 0;
}
.mk-input:focus { border-color: var(--teal-400); box-shadow: var(--focus-ring); }

.mk-tag {
	height: 24px; padding: 0 10px; border-radius: var(--radius-pill);
	background: var(--sage-200); color: var(--teal-900);
	font-weight: var(--fw-bold); font-size: 12px; line-height: 24px;
}

.mk-logo { position: relative; display: block; width: 100%; height: 100%; }
.mk-logo__disc { position: absolute; inset: 1%; border-radius: 50%; background: var(--white); }
.mk-logo__img { position: relative; width: 100%; height: 100%; }
.mk-logo--footer { width: 104px; height: 104px; }

.mk-icon-btn {
	width: 36px; height: 36px; border: 0; border-radius: 50%;
	display: flex; align-items: center; justify-content: center;
	background: transparent; color: var(--white);
}
.mk-icon-btn:hover, .mk-icon-btn[aria-expanded="true"] { background: rgba(254, 254, 254, .12); }

/* ---------- Topbar: slim utility row ---------- */
.mk-topbar { background: var(--teal-900); color: rgba(254, 254, 254, .78); font-size: 12px; }
.mk-topbar a { color: inherit; }
.mk-topbar a:hover { color: #FEFEFE; }
.mk-topbar__inner { min-height: 36px; display: flex; gap: 8px 24px; align-items: center; justify-content: space-between; }
.mk-topbar__info { display: flex; gap: 6px 20px; align-items: center; min-width: 0; }
.mk-topbar__phone, .mk-topbar__address { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.mk-topbar__phone { font-weight: var(--fw-medium); color: #FEFEFE; }
.mk-topbar__phone svg, .mk-topbar__address svg { color: var(--peach-300); }
.mk-topbar__actions { display: flex; gap: 12px; align-items: center; flex: none; margin-left: auto; }
.mk-topbar__social { display: flex; gap: 2px; align-items: center; }
.mk-topbar__social-link { width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.mk-topbar__social-link:hover { background: rgba(254, 254, 254, .1); }
.mk-lang { display: flex; gap: 2px; }
.mk-lang__item { height: 24px; min-width: 30px; padding: 0 6px; border-radius: var(--radius-pill); font-size: 11px; font-weight: var(--fw-bold); line-height: 24px; text-align: center; }
.mk-topbar .mk-lang__item.gt-current-lang { background: rgba(254, 254, 254, .14); color: #FEFEFE; }
.mk-topbar__theme {
	width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center;
	background: transparent; color: inherit;
}
.mk-topbar__theme:hover { background: rgba(254, 254, 254, .1); color: #FEFEFE; }
.mk-topbar__theme-sun, [data-theme="dark"] .mk-topbar__theme-moon { display: none; }
[data-theme="dark"] .mk-topbar__theme-sun { display: block; }

/* ---------- Header: logo, one menu row, actions ---------- */
/*
 * Compact on scroll without moving the page: the header keeps its height in the flow (--hdr), sticks with a
 * negative top so its upper strip (--hdr-hide) slides out of view, and the content drops into the visible part.
 */
.mk-header {
	--hdr: 80px; --hdr-hide: 20px;
	position: sticky; top: calc(var(--hdr-hide) * -1); z-index: 50; height: var(--hdr);
	background: var(--teal-800); color: var(--white); transition: box-shadow .3s, background-color .3s;
}
.mk-header.is-scrolled { box-shadow: var(--shadow-md); }
.mk-header__inner { height: 100%; display: flex; align-items: center; gap: clamp(16px, 2vw, 32px); transition: padding-top .3s var(--ease); }
.mk-header.is-scrolled .mk-header__inner { padding-top: var(--hdr-hide); }
.mk-header__inner { position: relative; }
/* Round logo: inside the bar by default; on wide screens it spans the topbar and the menu row (see below) */
.mk-header__logo {
	position: relative; z-index: 2; display: block; flex: none; width: 56px; height: 56px; border-radius: 50%;
	transform-origin: center; transition: transform .3s var(--ease);
}
.mk-header.is-scrolled .mk-header__logo { transform: scale(.9); }
@media (min-width: 1240px) {
	.mk-header__logo { width: 100px; height: 100px; margin: -32px 0 6px; box-shadow: 0 8px 20px -10px rgba(0, 0, 0, .35); transform-origin: top left; transition: transform .3s var(--ease), margin .3s var(--ease); }
	/* Scrolled: 46px, centred in the visible 60px (on the menu row's axis) — transform only, the layout stays put */
	.mk-header.is-scrolled .mk-header__logo { transform: translateY(46px) scale(.46); margin-right: -54px; }
	/* Topbar text starts after the logo column */
	.mk-topbar__info { padding-left: calc(100px + clamp(16px, 2vw, 32px)); }
}
.mk-nav { flex: 1; min-width: 0; display: flex; align-items: center; gap: 2px; }
.mk-nav__link {
	display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border-radius: var(--radius-pill);
	font-size: 14px; font-weight: var(--fw-medium); white-space: nowrap; color: rgba(254, 254, 254, .9);
}
.mk-nav__link:hover { background: rgba(254, 254, 254, .08); color: #FEFEFE; }
.mk-nav__link[aria-current="page"] { background: rgba(254, 254, 254, .12); color: #FEFEFE; }
.mk-nav__link.is-accent { color: var(--peach-300); }
.mk-nav__link--catalog { margin-right: 8px; padding: 0 18px 0 14px; background: var(--peach-500); color: #000; font-weight: var(--fw-bold); }
.mk-nav__link--catalog:hover, .mk-nav__link--catalog[aria-current="page"] { background: var(--peach-400); color: #000; }
.mk-header__actions { display: flex; align-items: center; gap: 4px; flex: none; margin-left: auto; }
.mk-header .mk-icon-btn { width: 40px; height: 40px; }
.mk-header__favs { position: relative; }
.mk-header__favs-count {
	position: absolute; top: 0; right: -2px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px;
	background: var(--peach-300); color: #000; font-size: 10px; font-weight: var(--fw-bold); line-height: 18px; text-align: center;
}
.mk-header .mk-cart {
	display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px 0 12px; margin-left: 6px;
	border-radius: var(--radius-pill); background: rgba(254, 254, 254, .1); color: #FEFEFE; font-size: 14px;
}
.mk-header .mk-cart:hover { background: rgba(254, 254, 254, .18); color: #FEFEFE; }
.mk-cart__total { font-weight: var(--fw-bold); }
.mk-cart__count {
	min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px;
	background: var(--peach-500); color: #000; font-size: 11px; font-weight: var(--fw-bold); line-height: 20px; text-align: center;
}
.mk-header__menu-btn {
	display: none; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%;
	align-items: center; justify-content: center; background: rgba(254, 254, 254, .08); color: #FEFEFE; flex: none;
}

.mk-search { position: absolute; left: 0; right: 0; top: 100%; background: var(--teal-800); border-top: 1px solid rgba(254, 254, 254, .12); box-shadow: var(--shadow-lg); }
.mk-search__form { display: flex; gap: 12px; padding-block: 14px; }
.mk-search .mk-input { height: 46px; border-color: transparent; }
.mk-search .mk-btn { height: 46px; }

.mk-mobile-nav {
	position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100vh - 100px); overflow-y: auto;
	background: var(--teal-800); border-top: 1px solid rgba(254, 254, 254, .12); box-shadow: var(--shadow-lg);
}
.mk-mobile-nav__grid { padding-top: 8px; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0 24px; }
.mk-mobile-nav__link { display: block; padding: 14px 0; border-bottom: 1px solid rgba(254, 254, 254, .1); color: #FEFEFE; font-size: 17px; font-weight: var(--fw-medium); }
.mk-mobile-nav__link:hover, .mk-mobile-nav__link.is-accent { color: var(--peach-300); }
.mk-mobile-nav__extra { display: flex; flex-wrap: wrap; gap: 10px 20px; padding: 18px 0 4px; }
.mk-mobile-nav__extra a { display: inline-flex; align-items: center; gap: 8px; color: rgba(254, 254, 254, .85); font-size: 14px; }
.mk-mobile-nav__extra svg { color: var(--peach-300); }

/* ---------- Hero ---------- */
.mk-hero { position: relative; overflow: hidden; transition: background-color .6s var(--ease); }
/* Pages with the hero slider: topbar and header are transparent over it, the slider runs up to the top.
   --mk-head = topbar (36px) + header (--hdr); the header turns solid once stuck or when a dropdown is open. */
body:has(.mk-hero) { --mk-head: 116px; }
body:has(.mk-hero) .mk-topbar { position: relative; z-index: 51; background: transparent; border-bottom: 1px solid rgba(254, 254, 254, .1); }
body:has(.mk-hero) .mk-header:not(.is-scrolled):not(:has([aria-expanded="true"])) { background: transparent; }
body:has(.mk-hero) .mk-hero { margin-top: calc(var(--mk-head) * -1); padding-top: var(--mk-head); }
/* Slide backgrounds (ACF «Фон слайда»): the section follows the active slide */
.mk-hero[data-bg="chocolate"] { background-color: #3B2519; }
.mk-hero[data-bg="brown"] { background-color: #5E4431; }
.mk-hero[data-bg="green"] { background-color: #1D3B2E; }
.mk-hero[data-bg="grey"] { background-color: #3C4347; }
.mk-hero__inner { padding-top: 56px; padding-bottom: 40px; }
.mk-hero__stack { display: grid; }
.mk-hero__slide {
	grid-area: 1 / 1;
	display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
	gap: 48px; align-items: center;
	opacity: 0; transform: translateY(12px); pointer-events: none;
	transition: opacity .6s var(--ease), transform .6s var(--ease);
}
.mk-hero__slide.is-active { opacity: 1; transform: none; pointer-events: auto; }
.mk-hero__content { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; }
.mk-hero__title {
	margin: 0; font-size: clamp(28px, 3.3vw, 44px); line-height: 1.1;
	font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: var(--ls-caps);
	text-wrap: balance;
}
.mk-hero__text { margin: 0; font-size: 18px; line-height: 1.55; max-width: 500px; opacity: .92; text-wrap: pretty; }
.mk-hero__actions { display: flex; gap: 12px; flex-wrap: wrap; }

.mk-hero__card {
	position: relative; aspect-ratio: 5 / 4; min-width: 0;
	border-radius: var(--radius-xl); background: var(--white); box-shadow: var(--shadow-lg);
}
.mk-hero__img {
	position: absolute; inset: 8%; width: 84%; height: 84%; object-fit: contain;
}
/* Mood photo instead of a product cut-out: fills the whole card */
.mk-hero__card--photo { overflow: hidden; background: var(--teal-900); }
.mk-hero__card--photo .mk-hero__img { inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mk-hero__plate {
	position: absolute; left: 20px; bottom: 20px; max-width: calc(100% - 40px);
	display: flex; flex-direction: column; gap: 2px; padding: 12px 18px;
	border-radius: 20px; background: var(--teal-900); color: var(--white);
}
.mk-hero__plate-name { font-size: 13px; opacity: .85; }
.mk-hero__plate-price { font-size: 20px; font-weight: var(--fw-bold); color: var(--peach-300); }
.mk-hero__badge {
	position: absolute; top: 20px; right: 20px; height: 30px; padding: 0 14px;
	border-radius: var(--radius-pill); background: var(--peach-300); color: #000;
	font-size: 13px; font-weight: var(--fw-bold); line-height: 30px; text-transform: uppercase;
}
.mk-hero__dots { display: flex; gap: 10px; align-items: center; margin-top: 36px; }
.mk-hero__dot {
	width: 10px; height: 10px; padding: 0; border: 0; border-radius: 5px;
	background: rgba(254, 254, 254, .35);
	transition: width .3s var(--ease), background .3s;
}
.mk-hero__dot.is-active { width: 32px; background: var(--peach-300); }
/* Short desktop screens (1366×768 laptops: ~650px of viewport): the whole hero fits under the header.
   Title and card follow the viewport height instead of the width. */
@media (min-width: 960px) and (max-height: 860px) {
	.mk-hero__inner { padding-top: 32px; padding-bottom: 28px; }
	.mk-hero__slide { gap: 40px; }
	.mk-hero__content { gap: 18px; }
	.mk-hero__title { font-size: clamp(26px, 5vh, 40px); }
	.mk-hero__text { font-size: 16px; }
	.mk-hero__actions .mk-btn--lg { height: 50px; padding: 0 26px; font-size: 15px; }
	.mk-hero__card { aspect-ratio: auto; height: clamp(300px, calc(100svh - 260px), 520px); }
	.mk-hero__dots { margin-top: 20px; }
}

/* ---------- Benefits ---------- */
.mk-benefits { border-bottom: 1px solid var(--sage-300); }
.mk-benefits__grid {
	padding-block: 40px;
	display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px;
}
.mk-benefit { display: flex; gap: 14px; align-items: flex-start; }
[data-theme="dark"] .mk-benefit__icon { background: transparent; }
.mk-benefit__icon {
	width: 48px; height: 48px; flex: none; border-radius: 50%;
	background: var(--peach-50); border: 2px solid var(--peach-300); color: var(--peach-500);
	display: flex; align-items: center; justify-content: center; font-size: 18px;
}
.mk-benefit__body { display: flex; flex-direction: column; gap: 2px; }
.mk-benefit__title { font-weight: var(--fw-bold); font-size: 16px; color: var(--teal-900); }
.mk-benefit__text { font-size: 14px; color: var(--grey-700); line-height: 1.45; }

/* ---------- Categories ---------- */
.mk-categories { padding-bottom: 40px; }
/* Even grid of compact tiles: 12 categories = 2 rows of 6 on desktop, 3×4 on tablet, 4×3 on phones.
   Soft tinted tile, the photo as a slightly tilted framed print on top, text below. */
.mk-categories__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.mk-cat-card {
	--tile: #EEF2EF;
	position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; gap: 14px;
	padding: 18px 18px 20px; border-radius: var(--radius-lg); background: var(--tile); color: #102A2C;
	transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.mk-cat-card:nth-child(3n+2) { --tile: #F8ECE4; }
.mk-cat-card:nth-child(3n+3) { --tile: #E4EEED; }
.mk-cat-card:hover { transform: translateY(-4px); box-shadow: 0 22px 40px -20px rgba(15, 84, 89, .4); color: #102A2C; }
.mk-cat-card__media {
	order: -1; align-self: center; width: 66%; aspect-ratio: 1; overflow: hidden;
	border-radius: 16px; border: 5px solid #FEFEFE; background: #FEFEFE;
	box-shadow: 0 14px 28px -12px rgba(16, 42, 44, .35); transform: rotate(3deg);
	transition: transform .45s var(--ease);
}
.mk-cat-card:nth-child(even) .mk-cat-card__media { transform: rotate(-3deg); }
.mk-cat-card__img { width: 100%; height: 100%; object-fit: cover; border-radius: 11px; }
.mk-cat-card:hover .mk-cat-card__media { transform: rotate(0deg) scale(1.04); }
.mk-cat-card__body { display: flex; flex-direction: column; gap: 4px; padding-right: 36px; }
.mk-cat-card__count { font-size: 11px; font-weight: var(--fw-bold); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; opacity: .55; }
.mk-cat-card__title { font-size: 16px; font-weight: var(--fw-bold); line-height: 1.2; text-wrap: balance; }
.mk-cat-card__caption { font-size: 13px; line-height: 1.4; opacity: .65; }
.mk-cat-card__go {
	position: absolute; right: 16px; bottom: 18px; width: 32px; height: 32px; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; background: rgba(254, 254, 254, .9); color: #0F5459;
	transition: background .25s, color .25s, transform .25s var(--ease);
}
.mk-cat-card__go svg { width: 16px; height: 16px; }
.mk-cat-card:hover .mk-cat-card__go { background: #EE9470; color: #000; transform: translateX(3px); }

@media (max-width: 1099.98px) {
	.mk-categories__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 699.98px) {
	.mk-categories__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
	.mk-cat-card { gap: 10px; padding: 10px 10px 12px; border-radius: var(--radius-md); }
	.mk-cat-card__media { width: 86%; border-width: 3px; border-radius: 12px; }
	.mk-cat-card__img { border-radius: 9px; }
	.mk-cat-card__body { padding-right: 0; gap: 2px; }
	.mk-cat-card__title { font-size: 13px; }
	.mk-cat-card__count { font-size: 10px; letter-spacing: .04em; }
	.mk-cat-card__caption, .mk-cat-card__go { display: none; }
}

/* ---------- Products ---------- */
.mk-products { padding-top: 56px; }
.mk-tabs {
	display: inline-flex; gap: 4px; padding: 4px; flex-wrap: wrap;
	border-radius: var(--radius-pill); background: var(--sage-100);
}
.mk-tabs__tab {
	height: 40px; padding: 0 20px; border: 0; border-radius: var(--radius-pill);
	background: transparent; color: var(--teal-900);
	font-size: 14px; font-weight: var(--fw-bold);
}
.mk-tabs__tab[aria-selected="true"] { background: var(--teal-900); color: var(--white); }
.mk-products__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(max(240px, calc((100% - 60px) / 4)), 1fr)); gap: 20px; }
/* Brand page: the whole product line with category chips */
.mk-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.mk-chip {
	display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 16px; border-radius: var(--radius-pill);
	border: 1.5px solid var(--sage-300); background: var(--white); color: var(--teal-900); font-size: 14px; font-weight: var(--fw-medium);
	transition: background .2s, border-color .2s, color .2s;
}
.mk-chip span { font-size: 12px; color: var(--grey-500); }
.mk-chip:hover { border-color: var(--teal-600); }
.mk-chip[aria-pressed="true"] { background: var(--teal-900); border-color: var(--teal-900); color: var(--white); }
.mk-chip[aria-pressed="true"] span { color: rgba(254, 254, 254, .7); }
.mk-brand-line__item { display: contents; }
.mk-brand-line__more { display: flex; margin: 28px auto 0; }
@media (max-width: 699.98px) {
	.mk-chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scrollbar-width: none; }
	.mk-chip { flex: none; }
}
/* Home «Популярное»: 6 smaller cards per row; 6 → 3 → 2 columns keeps 6 items in even rows */
.mk-products--compact .mk-products__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.mk-products--compact .mk-product { border-radius: var(--radius-md); }
.mk-products--compact .mk-product__body { gap: 4px; padding: 12px 14px 14px; }
.mk-products--compact .mk-product__cat { font-size: 11px; }
.mk-products--compact .mk-product__title { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mk-products--compact .mk-product__foot { margin-top: 6px; }
.mk-products--compact .mk-product__price { font-size: 16px; }
.mk-products--compact .mk-product__add { width: 34px; height: 34px; }
.mk-products--compact .mk-product__fav { top: 8px; right: 8px; width: 32px; height: 32px; }
.mk-products--compact .mk-product__badge { top: 10px; left: 10px; height: 22px; padding: 0 8px; font-size: 11px; }
@media (max-width: 1099.98px) {
	.mk-products--compact .mk-products__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 699.98px) {
	.mk-products--compact .mk-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}

.mk-product {
	position: relative; display: flex; flex-direction: column;
	background: var(--white); border: 1px solid var(--sage-300); border-radius: var(--radius-lg);
	overflow: hidden; transition: box-shadow .2s;
}
.mk-product:hover { box-shadow: var(--shadow-md); }
/* Narrow cards (4 columns on a tablet, 2 on a phone): price and button stack instead of clipping */

.mk-product__media { position: relative; display: block; aspect-ratio: 1 / 1; background: var(--sage-100); }
.mk-product .mk-product__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } /* beats WooCommerce's .woocommerce img { height: auto } */
.mk-product__badge {
	position: absolute; top: 12px; left: 12px;
	display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 10px;
	border-radius: var(--radius-pill); background: var(--peach-300); color: #000;
	font-size: 12px; font-weight: var(--fw-bold); letter-spacing: var(--ls-caps); text-transform: uppercase;
}
.mk-product__fav {
	position: absolute; top: 10px; right: 10px; width: 38px; height: 38px;
	border: 0; border-radius: 50%; background: var(--white); color: var(--teal-900);
	display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow-sm);
}
.mk-product__fav[aria-pressed="true"] svg { fill: var(--peach-500); }
.mk-product__body { display: flex; flex-direction: column; gap: 6px; padding: 16px 16px 18px; flex: 1; }
.mk-product__cat { font-size: 12px; color: var(--grey-500); font-weight: var(--fw-light); }
.mk-product__name { flex: 1; margin: 0; font: inherit; }
.mk-product__title {
	display: block; font-size: 15px; line-height: 1.35; font-weight: var(--fw-medium);
	color: var(--black); text-wrap: pretty;
}
.mk-product__title:hover { color: var(--teal-600); }
.mk-product__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
/* Quiet round action: outlined until hover, so a grid of cards doesn't turn into a wall of buttons */
.mk-product__add {
	position: relative; width: 40px; height: 40px; flex: none; padding: 0; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	border: 1.5px solid var(--sage-400); background: transparent; color: var(--teal-900);
	transition: background .2s, border-color .2s, color .2s;
}
.mk-product__add:hover, .mk-product__add:focus-visible { background: var(--teal-900); border-color: var(--teal-900); color: var(--white); }
.mk-product__add[aria-busy="true"] { opacity: .5; pointer-events: none; }
.mk-product__added { display: none; }
.mk-product__add.is-added { background: var(--teal-900); border-color: var(--teal-900); color: var(--white); }
.mk-product__add.is-added svg { display: none; }
.mk-product__add.is-added .mk-product__added { display: block; }
.mk-product__prices { display: flex; flex-direction: column; }
.mk-product__old { font-size: 13px; color: var(--grey-500); }
.mk-product__price { font-size: 18px; font-weight: var(--fw-bold); color: var(--teal-900); white-space: nowrap; }

/* ---------- Audience ---------- */
.mk-audience { background: var(--sage-100); }
.mk-audience .mk-h2 { margin-bottom: 12px; }
.mk-audience__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.mk-audience-card {
	display: flex; flex-direction: column; gap: 14px; padding: 32px;
	border-radius: var(--radius-lg); background: var(--white); border: 1.5px solid var(--peach-300);
}
.mk-audience-card__title { font-size: 22px; font-weight: var(--fw-bold); line-height: 1.25; color: var(--teal-900); }
.mk-audience-card__text { font-size: 15px; line-height: 1.55; flex: 1; }
/* Home: retail card + wholesale card side by side — one entry point per audience */
.mk-audience__split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr); gap: 20px; align-items: stretch; }
.mk-audience__split--single { grid-template-columns: minmax(0, 1fr); }
.mk-h2--card { font-size: clamp(24px, 2.2vw, 30px); line-height: 1.2; text-transform: none; letter-spacing: 0; }
.mk-check-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; font-size: 16px; line-height: 1.5; }
.mk-retail-card { gap: 18px; padding: 40px; border: 0; align-items: flex-start; }
.mk-retail-card .mk-audience-card__text { flex: 0 0 auto; color: var(--grey-700); }
.mk-retail-card .mk-check-list { flex: 1; }
.mk-retail-card__prints { display: flex; gap: 14px; margin: 6px 0 8px; }
.mk-retail-card__print {
	width: 92px; aspect-ratio: 1; overflow: hidden; border-radius: 16px; border: 4px solid #FEFEFE;
	box-shadow: 0 14px 28px -12px rgba(16, 42, 44, .35); transform: rotate(-4deg); transition: transform .4s var(--ease);
}
.mk-retail-card__print:nth-child(2) { transform: rotate(3deg) translateY(6px); }
.mk-retail-card__print img { width: 100%; height: 100%; object-fit: cover; }
.mk-retail-card:hover .mk-retail-card__print { transform: none; }
@media (max-width: 959.98px) {
	.mk-audience__split { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
	.mk-retail-card { padding: 28px 22px; }
	.mk-retail-card__print { width: 76px; }
	/* Phones: the product collage would take a whole screen under the text */
	.mk-wholesale__media { display: none; }
}

/* ---------- Wholesale ---------- */
.mk-wholesale__card {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); height: 100%;
	border-radius: var(--radius-lg); overflow: hidden; background: var(--peach-300); color: #000;
}
.mk-wholesale__content { padding: 40px; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.mk-wholesale .mk-h2 { color: #0F5459; }
.mk-wholesale .mk-check-list { flex: 1; }
.mk-wholesale .mk-btn { margin-top: 8px; }
.mk-wholesale__phone { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; color: #0F5459; }
.mk-wholesale__phone:hover { color: #000; }
.mk-wholesale .mk-btn--teal { background: #0F5459; border-color: #0F5459; color: #FEFEFE; }
.mk-wholesale .mk-btn--teal:hover { background: #3E7D81; border-color: #3E7D81; }
.mk-wholesale__media {
	position: relative; min-height: 320px; overflow: hidden;
	display: flex; align-items: center; justify-content: center; padding: 40px 32px;
	background-color: #F4AE8B;
	background-image:
		radial-gradient(circle at 72% 28%, rgba(254, 254, 254, .7), transparent 55%),
		radial-gradient(circle at 15% 90%, rgba(15, 84, 89, .18), transparent 50%),
		linear-gradient(rgba(15, 84, 89, .07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(15, 84, 89, .07) 1px, transparent 1px);
	background-size: auto, auto, 32px 32px, 32px 32px;
}
/* Fade the grid towards the content side */
.mk-wholesale__media::before {
	content: ""; position: absolute; inset: 0 auto 0 0; width: 30%;
	background: linear-gradient(90deg, #F7B99A, transparent);
	pointer-events: none;
}
.mk-wholesale__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mk-wholesale__bento {
	position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px;
	width: min(100%, 340px);
}
.mk-wholesale__tile {
	display: block; aspect-ratio: 1; padding: 10%;
	border-radius: var(--radius-lg); background: #FEFEFE;
	box-shadow: 0 18px 40px rgba(15, 84, 89, .18);
	transition: transform .4s var(--ease);
}
.mk-wholesale__tile:nth-child(even) { transform: translateY(28px); }
.mk-wholesale__tile:nth-child(1) { rotate: -3deg; }
.mk-wholesale__tile:nth-child(4) { rotate: 3deg; }
.mk-wholesale__card:hover .mk-wholesale__tile:nth-child(odd) { transform: translateY(-6px); }
.mk-wholesale__card:hover .mk-wholesale__tile:nth-child(even) { transform: translateY(20px); }
.mk-wholesale__tile img { width: 100%; height: 100%; object-fit: contain; }

/* ---------- About ---------- */
.mk-about__inner {
	padding-block: 88px;
	display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
	gap: 56px; align-items: center;
}
.mk-about__content { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.mk-about__text { margin: 0; font-size: 17px; line-height: 1.6; opacity: .92; max-width: 520px; text-wrap: pretty; }
.mk-about__stats { display: flex; gap: 40px; flex-wrap: wrap; margin-top: 8px; }
.mk-stat { display: flex; flex-direction: column; }
.mk-stat__value { font-size: 48px; font-weight: var(--fw-bold); line-height: 1; color: var(--peach-300); }
.mk-stat__label { font-size: 14px; opacity: .85; margin-top: 6px; }
.mk-about .mk-btn { margin-top: 8px; }

.mk-formula {
	display: flex; flex-direction: column; gap: 20px; align-items: center;
	padding: 40px 24px; border-radius: var(--radius-xl); background: var(--white); color: var(--black);
}
.mk-formula__title {
	font-size: 13px; font-weight: var(--fw-bold); letter-spacing: var(--ls-eyebrow);
	text-transform: uppercase; color: var(--teal-900);
}
.mk-formula__row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: center; }
.mk-formula__circle {
	width: 104px; height: 104px; border-radius: 50%; border: 2px solid var(--peach-300);
	display: flex; align-items: center; justify-content: center;
}
.mk-formula__circle img { width: 52px; height: 52px; }
.mk-formula__op { font-size: 28px; font-weight: var(--fw-light); color: var(--teal-900); }
.mk-formula__text { font-size: 16px; text-align: center; line-height: 1.5; max-width: 380px; }

/* ---------- Blog ---------- */
/* Rubric colour tones: --rb solid (icon discs), --rb-on text on it, --rb-ink text on the soft tint */
.mk-rubric--teal  { --rb: var(--teal-800); --rb-on: #FEFEFE; }
.mk-rubric--peach { --rb: var(--peach-500); --rb-on: #000; }
.mk-rubric--sage  { --rb: var(--sage-400); --rb-on: var(--teal-900); --rb-ink: var(--teal-600); }
.mk-rubric--cocoa { --rb: var(--cocoa-500); --rb-on: #FEFEFE; }
.mk-rubric--red   { --rb: var(--red-600); --rb-on: #FEFEFE; }
[class*="mk-rubric--"] {
	--rb-soft: color-mix(in srgb, var(--rb) 16%, var(--white));
	--rb-ink: color-mix(in srgb, var(--rb) 62%, var(--black));
}
.mk-rubric--sage { --rb-soft: var(--sage-100); --rb-ink: var(--teal-600); }

.mk-rubric-badge {
	display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 11px 0 9px; border-radius: var(--radius-pill);
	background: var(--rb-soft); color: var(--rb-ink); font-size: 12px; font-weight: var(--fw-bold); line-height: 1; white-space: nowrap;
}
a.mk-rubric-badge:hover { background: var(--rb); color: var(--rb-on); }

/* Blog home: rubric tiles */
.mk-rubrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(max(260px, calc((100% - 48px) / 4)), 1fr)); gap: 16px; margin-bottom: 64px; }
.mk-rubric {
	position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px 16px;
	padding: 20px 52px 20px 20px; border-radius: var(--radius-lg); background: var(--rb-soft); color: var(--black);
	transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
.mk-rubric:hover { color: var(--black); transform: translateY(-3px); box-shadow: var(--shadow-md); }
.mk-rubric__icon {
	width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center;
	background: var(--rb); color: var(--rb-on); transition: transform .3s var(--ease);
}
.mk-rubric:hover .mk-rubric__icon { transform: rotate(-8deg) scale(1.05); }
.mk-rubric__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mk-rubric__name { font-size: 18px; font-weight: var(--fw-bold); line-height: 1.25; color: var(--teal-900); }
.mk-rubric__count { font-size: 13px; color: var(--rb-ink); font-weight: var(--fw-medium); }
.mk-rubric__text {
	grid-column: 1 / -1; font-size: 14px; line-height: 1.5; color: var(--grey-700);
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.mk-rubric__arrow { position: absolute; top: 22px; right: 20px; color: var(--rb-ink); opacity: .55; transition: transform .25s var(--ease), opacity .25s; }
.mk-rubric:hover .mk-rubric__arrow { opacity: 1; transform: translateX(3px); }

/* Rubric pages: chips row */
.mk-rubric-chips { margin-bottom: 40px; }
.mk-rubric-chip svg { color: var(--rb-ink); }
.mk-chip[aria-current="page"] { background: var(--teal-900); border-color: var(--teal-900); color: var(--white); }
.mk-chip[aria-current="page"] svg, .mk-chip[aria-current="page"] span { color: rgba(254, 254, 254, .75); }
/* Rubric page hero: big icon disc on the right */
.mk-rubric-hero {
	width: clamp(140px, 14vw, 200px); aspect-ratio: 1; margin-inline: auto; border-radius: 50%; display: grid; place-items: center;
	background: var(--rb); color: var(--rb-on); box-shadow: 0 0 0 14px rgba(254, 254, 254, .08), 0 0 0 28px rgba(254, 254, 254, .04);
}
.mk-rubric-hero svg { width: 46%; height: 46%; }

/* Article cards */
.mk-blog-page__title { margin-bottom: 28px; }
.mk-blog__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, max(280px, calc((100% - 48px) / 3))), 1fr)); gap: 40px 24px; }
.mk-post-card { position: relative; display: flex; flex-direction: column; gap: 18px; min-width: 0; }
.mk-post-card__media {
	position: relative; display: block; aspect-ratio: 16 / 10; border-radius: var(--radius-lg); overflow: hidden;
	background: var(--sage-100) url(../images/patterns/speckle-peach.png) center / 240px;
}
.mk-post-card__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.mk-post-card:hover .mk-post-card__img { transform: scale(1.04); }
.mk-post-card__body { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.mk-post-card__meta { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; font-size: 13px; color: var(--grey-500); }
.mk-post-card__title { margin: 0; font-size: 20px; font-weight: var(--fw-bold); line-height: 1.3; text-wrap: balance; }
.mk-post-card__title a { color: var(--teal-900); }
/* The whole card is clickable through the title link */
.mk-post-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: var(--radius-lg); }
.mk-post-card:hover .mk-post-card__title a { color: var(--teal-600); }
.mk-post-card__excerpt {
	margin: 0; font-size: 15px; line-height: 1.55; color: var(--grey-700);
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.mk-post-card__foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 4px; }
.mk-post-card__read { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--grey-500); }
.mk-post-card__foot .mk-btn { position: relative; z-index: 2; }

/* Newest article on the blog home: picture left, text right on a soft panel */
.mk-post-card--featured {
	display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; gap: clamp(24px, 4vw, 56px);
	margin-bottom: 56px; padding: 16px; border-radius: var(--radius-xl); background: var(--sage-100);
}
.mk-post-card--featured .mk-post-card__media { aspect-ratio: 4 / 3; }
.mk-post-card--featured .mk-post-card__body { gap: 14px; padding-right: clamp(8px, 3vw, 40px); }
.mk-post-card--featured .mk-post-card__title { font-size: clamp(24px, 2.6vw, 34px); line-height: 1.2; text-transform: uppercase; letter-spacing: var(--ls-caps); }
.mk-post-card--featured .mk-post-card__excerpt { font-size: 16px; -webkit-line-clamp: 4; }
.mk-post-card--featured .mk-post-card__title a::after { border-radius: var(--radius-xl); }
@media (max-width: 899.98px) {
	.mk-post-card--featured { grid-template-columns: minmax(0, 1fr); padding: 12px 12px 24px; }
	.mk-post-card--featured .mk-post-card__media { aspect-ratio: 16 / 10; }
	.mk-post-card--featured .mk-post-card__body { padding-inline: 8px; }
}

/* Article page */
.mk-article { padding-top: 48px; padding-bottom: 0; }
/* Article left, sidebar right — both edges line up with the hero container */
.mk-article__layout {
	display: grid; grid-template-columns: minmax(0, 1fr) clamp(300px, 25vw, 360px);
	column-gap: clamp(40px, 4.5vw, 72px); align-items: start;
}
.mk-article__main { min-width: 0; }
/* Sticky only where the whole sidebar fits the screen, otherwise its bottom cards would be unreachable */
@media (min-width: 1080px) and (min-height: 900px) { .mk-article__aside { position: sticky; top: 92px; } }
@media (max-width: 1079.98px) {
	.mk-article__layout { grid-template-columns: minmax(0, 1fr); row-gap: 56px; max-width: calc(860px + var(--gutter) * 2); }
}

/* Article sidebar */
.mk-aside { display: flex; flex-direction: column; gap: 20px; }
.mk-aside__card { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; padding: 24px; border-radius: var(--radius-lg); }
.mk-aside__card--soft { background: var(--sage-100); }
.mk-aside__card--peach { background: var(--peach-50); }
[data-theme="dark"] .mk-aside__card--peach { background: var(--sage-100); }
.mk-aside__title { margin: 0; font-size: 18px; line-height: 1.3; font-weight: var(--fw-bold); color: var(--teal-900); text-wrap: balance; }
.mk-aside__card--brand .mk-aside__title { font-size: 20px; color: #FEFEFE; }
.mk-aside__text { margin: 0; font-size: 14px; line-height: 1.55; color: var(--grey-700); }
.mk-aside__card--brand .mk-aside__text { color: rgba(254, 254, 254, .85); }

.mk-aside__rubrics { width: 100%; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 2px; }
.mk-aside__rubric {
	display: flex; align-items: center; gap: 12px; padding: 8px 12px 8px 8px; margin-inline: -8px; border-radius: var(--radius-md);
	color: var(--teal-900); font-weight: var(--fw-medium);
}
.mk-aside__rubric:hover, .mk-aside__rubric[aria-current] { background: var(--white); color: var(--teal-900); }
.mk-aside__rubric[aria-current] { font-weight: var(--fw-bold); }
.mk-aside__rubric-icon { flex: none; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--rb); color: var(--rb-on); }
.mk-aside__rubric-name { flex: 1; min-width: 0; }
.mk-aside__rubric-count { min-width: 26px; height: 22px; padding: 0 8px; border-radius: var(--radius-pill); background: var(--rb-soft); color: var(--rb-ink); font-size: 12px; font-weight: var(--fw-bold); line-height: 22px; text-align: center; }

.mk-aside__social { width: 100%; display: flex; flex-direction: column; gap: 8px; margin-top: 4px; }
.mk-aside__social a {
	display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px; border-radius: var(--radius-pill);
	border: 1.5px solid rgba(254, 254, 254, .35); color: #FEFEFE; font-size: 14px; font-weight: var(--fw-bold);
}
.mk-aside__social a:hover { background: var(--peach-500); border-color: var(--peach-500); color: #000; }

.mk-aside__badge { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--peach-500); color: #000; }
.mk-aside__phone { display: inline-flex; align-items: center; gap: 8px; font-size: 18px; font-weight: var(--fw-bold); color: var(--teal-900); }
.mk-aside__phone svg { color: var(--peach-500); }
.mk-aside__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.mk-article__cover { margin: 0 0 48px; border-radius: var(--radius-xl); overflow: hidden; background: var(--sage-100); }
.mk-article__cover img { width: 100%; max-height: 540px; object-fit: cover; }
.mk-article__content > p:first-child { font-size: 19px; line-height: 1.6; color: var(--teal-900); }
.mk-entry__content .aligncenter { display: block; margin-inline: auto; }
.mk-entry__content .alignleft { float: left; margin: 4px 24px 12px 0; }
.mk-entry__content .alignright { float: right; margin: 4px 0 12px 24px; }
.mk-entry__content .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; margin: 0 0 1em; }
.mk-entry__content .gallery-item { margin: 0; }
.mk-entry__content .gallery-item img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.mk-entry__content .gallery-caption { margin-top: 6px; font-size: 13px; color: var(--grey-500); }
.mk-article__foot {
	clear: both; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
	margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--sage-300);
}
.mk-share { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mk-share__label { margin-right: 6px; font-size: 14px; font-weight: var(--fw-bold); color: var(--teal-900); }
.mk-share__btn {
	width: 40px; height: 40px; padding: 0; border: 1.5px solid var(--sage-300); border-radius: 50%;
	display: inline-grid; place-items: center; background: transparent; color: var(--teal-900);
}
.mk-share__btn:hover { background: var(--teal-900); border-color: var(--teal-900); color: var(--white); }
.mk-share__done { font-size: 13px; color: var(--teal-600); }
.mk-article__related { padding-top: 88px; }

/* Article meta in the hero */
.mk-article-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin-top: 6px; font-size: 14px; color: var(--teal-100); }
.mk-article-meta__item { display: inline-flex; align-items: center; gap: 8px; }
.mk-article-meta__item svg { color: var(--peach-300); }
.mk-article-meta .mk-rubric-badge { height: 30px; padding-inline: 12px 14px; font-size: 13px; }

.mk-blog-page { padding-bottom: 0; }
/* Bottom band: catalog / WhatsApp */
.mk-blog-cta-wrap { padding-top: 88px; padding-bottom: 88px; }
.mk-blog-cta {
	display: flex; align-items: center; justify-content: space-between; gap: 24px 48px; flex-wrap: wrap;
	padding: clamp(28px, 5vw, 56px); border-radius: var(--radius-xl);
}
.mk-blog-cta__text { display: flex; flex-direction: column; gap: 12px; max-width: 660px; }
.mk-blog-cta__text p { margin: 0; font-size: 16px; line-height: 1.55; opacity: .9; }
.mk-blog-cta__actions { margin: 0; }

.mk-empty { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 48px 24px; border-radius: var(--radius-xl); background: var(--sage-100); text-align: center; color: var(--grey-700); }
.mk-empty p { margin: 0; font-size: 17px; }
.mk-empty__icon { width: 72px; height: 72px; border-radius: 50%; display: grid; place-items: center; background: var(--peach-100); color: var(--teal-900); }

@media (max-width: 699.98px) {
	.mk-rubrics { display: flex; overflow-x: auto; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); margin-bottom: 48px; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); scrollbar-width: none; }
	.mk-rubric { flex: 0 0 min(280px, 82%); scroll-snap-align: start; }
	.mk-rubric:hover { transform: none; box-shadow: none; }
	.mk-blog__grid { gap: 32px; }
	.mk-article { padding-top: 24px; }
	.mk-article__cover { margin-bottom: 32px; border-radius: var(--radius-lg); }
	.mk-article__content > p:first-child { font-size: 17px; }
	.mk-entry__content .alignleft, .mk-entry__content .alignright { float: none; margin: 0 auto 1em; }
	.mk-article__related, .mk-blog-cta-wrap { padding-top: 56px; }
	.mk-blog-cta-wrap { padding-bottom: 56px; }
	.mk-blog-cta__actions, .mk-blog-cta__actions .mk-btn { width: 100%; }
}
@media (max-width: 899.98px) {
	.mk-rubric-hero { width: 96px; margin-inline: 0; box-shadow: 0 0 0 8px rgba(254, 254, 254, .08); }
}

/* ---------- Lead form ---------- */
.mk-lead-section { padding-bottom: 88px; }
.mk-lead-box {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
	gap: 32px; align-items: center; padding: 48px;
	border-radius: var(--radius-xl); border: 1.5px solid var(--peach-300);
}
.mk-lead-box__intro { display: flex; flex-direction: column; gap: 12px; }
.mk-lead-box__intro p { margin: 0; font-size: 16px; line-height: 1.55; color: var(--grey-700); }
.mk-lead-box__done {
	display: flex; gap: 14px; align-items: center; padding: 20px 24px;
	border-radius: var(--radius-lg); background: #1E5155; color: #FEFEFE;
	font-size: 16px; line-height: 1.45;
}
.mk-lead-box__star { color: var(--peach-300); font-size: 22px; }
.mk-lead-form { display: flex; gap: 12px; flex-wrap: wrap; }
.mk-lead-form .mk-btn { flex: none; }
.mk-lead-form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.mk-lead-form__error { flex-basis: 100%; margin: 0; font-size: 14px; color: var(--red-600); }

/* ---------- Footer ---------- */
.mk-footer { background: var(--teal-900); color: rgba(254, 254, 254, .78); }
.mk-footer a { color: rgba(254, 254, 254, .78); }
.mk-footer a:hover { color: #FEFEFE; }
.mk-footer__grid {
	padding-top: 64px; padding-bottom: 48px;
	display: grid; grid-template-columns: minmax(240px, 1.4fr) repeat(4, minmax(0, 1fr)); gap: 40px 32px;
}
.mk-footer__brand { display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
.mk-footer__logo img { width: auto; height: 38px; }
.mk-footer__brand p { margin: 0; max-width: 300px; font-size: 14px; line-height: 1.55; }
.mk-footer__social { display: flex; gap: 8px; }
.mk-footer__social a {
	width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
	border: 1px solid rgba(254, 254, 254, .2); color: #FEFEFE;
}
.mk-footer__social a:hover { background: var(--peach-500); border-color: var(--peach-500); color: #000; }
.mk-footer__col { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.45; }
.mk-footer__title { margin-bottom: 6px; font-size: 15px; font-weight: var(--fw-bold); color: #FEFEFE; }
.mk-footer .mk-footer__all { margin-top: 4px; color: var(--peach-300); font-weight: var(--fw-bold); }
.mk-footer .mk-footer__phone { font-size: 16px; font-weight: var(--fw-bold); color: #FEFEFE; }
.mk-footer .mk-footer__phone--ws { display: flex; flex-direction: column; margin-top: 4px; }
.mk-footer__phone--ws small { font-size: 12px; font-weight: var(--fw-regular); opacity: .75; }
.mk-footer__note { display: flex; gap: 8px; align-items: flex-start; margin-top: 6px; padding: 10px 12px; border-radius: var(--radius-sm); background: rgba(254, 254, 254, .08); font-size: 13px; line-height: 1.4; color: #FEFEFE; }
.mk-footer__note svg { flex: none; color: var(--peach-300); }
.mk-footer__place { display: flex; gap: 8px; align-items: flex-start; margin-top: 4px; }
.mk-footer__place svg { flex: none; margin-top: 2px; color: var(--peach-300); }
.mk-footer__place small { display: block; font-size: 12px; opacity: .75; }
.mk-footer__bottom {
	padding-top: 20px; padding-bottom: 24px; padding-right: calc(var(--gutter) + 72px); border-top: 1px solid rgba(254, 254, 254, .12);
	display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; flex-wrap: wrap; font-size: 13px;
}
.mk-footer .mk-footer__credit { display: inline-flex; align-items: center; gap: 6px; color: rgba(254, 254, 254, .6); white-space: nowrap; }
.mk-footer__credit-brand {
	display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: var(--radius-pill);
	border: 1px solid rgba(247, 185, 154, .45); color: #F7B99A; font-weight: var(--fw-bold); letter-spacing: .02em;
	transition: background .2s, color .2s, border-color .2s;
}
.mk-footer__credit-brand svg { transform: rotate(-45deg); transition: transform .2s; }
.mk-footer .mk-footer__credit:hover { color: #FEFEFE; }
.mk-footer__credit:hover .mk-footer__credit-brand { background: #F7B99A; border-color: #F7B99A; color: #000; }
.mk-footer__credit:hover .mk-footer__credit-brand svg { transform: rotate(-45deg) translateX(2px); }
.mk-footer__payments { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.mk-footer__payments li { padding: 3px 10px; border-radius: var(--radius-pill); background: rgba(254, 254, 254, .07); font-size: 12px; white-space: nowrap; }
@media (max-width: 1099.98px) {
	.mk-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mk-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 599.98px) {
	.mk-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 20px; padding-top: 48px; }
	.mk-footer__contacts { grid-column: 1 / -1; }
}

/* ---------- Floating: contacts FAB ---------- */
/* The ring grows by 1.45 at most: 60px → 87px stays inside the 16px phone margin. At 1.9 it crossed the screen edge on every
   pulse, and some mobile browsers widened / re-zoomed the page with it — the page jumped in time with the pulse. */
@keyframes mkPulse { 0% { transform: scale(1); opacity: .55; } 100% { transform: scale(1.45); opacity: 0; } }
@keyframes mkIcon { 0% { transform: scale(.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }

.mk-fab {
	position: fixed; right: 24px; bottom: 24px; z-index: 90;
	display: flex; flex-direction: column; align-items: flex-end; gap: 12px;
}
.mk-fab__btn {
	position: relative; isolation: isolate; width: 60px; height: 60px; border: 0; border-radius: 50%;
	background: #EE9470; color: #000; box-shadow: var(--shadow-lg);
	display: flex; align-items: center; justify-content: center;
}
.mk-fab__ring {
	position: absolute; inset: 0; z-index: -1; border-radius: 50%; background: #EE9470;
	pointer-events: none; animation: mkPulse 1.8s ease-out infinite; will-change: transform, opacity;
}
.mk-fab__ring--late { animation-delay: .9s; }
.mk-fab__icon, .mk-fab__close { position: absolute; display: none; }
.mk-fab__icon.is-active { display: block; animation: mkIcon .35s var(--ease); }
.mk-fab.is-open .mk-fab__ring, .mk-fab.is-open .mk-fab__icon { display: none; }
.mk-fab.is-open .mk-fab__close { display: block; }

.mk-fab__list {
	display: flex; flex-direction: column; gap: 2px; padding: 8px; min-width: 240px;
	border-radius: 20px; background: #FEFEFE; color: #000; box-shadow: var(--shadow-lg);
}
.mk-fab__item { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 14px; color: #000; }
.mk-fab__item:hover { background: #ECF0EE; color: #000; }
.mk-fab__item-icon {
	width: 34px; height: 34px; flex: none; border-radius: 50%; background: #F7B99A;
	display: flex; align-items: center; justify-content: center;
}
.mk-fab__item-text { display: flex; flex-direction: column; min-width: 0; }
.mk-fab__item-text b { font-size: 14px; }
.mk-fab__item-text span { font-size: 12px; color: #555454; }

/* ---------- Floating: toast ---------- */
.mk-toast {
	position: fixed; right: 24px; bottom: 100px; z-index: 100;
	display: flex; gap: 12px; align-items: flex-start;
	width: min(360px, calc(100vw - 48px)); padding: 14px 16px;
	border-radius: var(--radius-md); background: #1E5155; color: #FEFEFE; box-shadow: var(--shadow-lg);
	animation: mkIcon .25s var(--ease);
}
.mk-toast__star { color: #F7B99A; font-size: 16px; line-height: 22px; }
.mk-toast__body { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.mk-toast__body b { font-size: 15px; line-height: 22px; }
.mk-toast__body span { font-size: 14px; line-height: 1.4; opacity: .85; }

/* ---------- Wholesale, Baking Tech, About: shared blocks ---------- */
.mk-more--spaced { display: inline-block; margin-top: 28px; }
.mk-formula--spaced { margin-top: 32px; }

/* Numbered steps */
.mk-steps { counter-reset: none; margin: 32px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.mk-step { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 28px; border-radius: var(--radius-lg); background: var(--white); }
.mk-step__num { font-size: 40px; font-weight: var(--fw-bold); line-height: 1; color: var(--peach-500); }
.mk-step__title { font-size: 19px; font-weight: var(--fw-bold); color: var(--teal-900); }
.mk-step__text { font-size: 15px; line-height: 1.55; color: var(--grey-700); }
@media (min-width: 900px) {
	/* Arrow between steps on one row */
	.mk-step:not(:last-child)::after {
		content: "→"; position: absolute; top: 34px; right: -17px; z-index: 1; width: 14px;
		color: var(--peach-500); font-size: 18px; font-weight: var(--fw-bold); text-align: center;
	}
}

/* Timeline: centre line, stages alternate sides; each spans two rows so neighbours interlock */
.mk-timeline {
	--gap: 64px;
	position: relative; margin: 48px 0 0; padding: 0; list-style: none;
	display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--gap); row-gap: 14px;
}
.mk-timeline::before {
	content: ""; position: absolute; top: 8px; bottom: 8px; left: 50%; width: 2px; margin-left: -1px;
	background: linear-gradient(var(--peach-300), var(--peach-500));
}
.mk-timeline__item {
	position: relative; grid-row: var(--row) / span 2; grid-column: 1; align-self: start;
	display: flex; flex-direction: column; gap: 6px; padding: 22px 26px;
	border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-sm);
	text-align: right; align-items: flex-end;
}
.mk-timeline__item:nth-child(even) { grid-column: 2; text-align: left; align-items: flex-start; }
/* Dot on the line, joined to the card by a short tick */
.mk-timeline__item::before {
	content: ""; position: absolute; top: 30px; right: calc(var(--gap) / -2 - 8px); width: 16px; height: 16px; border-radius: 50%;
	background: var(--peach-500); box-shadow: 0 0 0 5px var(--sage-100);
}
.mk-timeline__item::after {
	content: ""; position: absolute; top: 37px; right: calc(var(--gap) / -2 + 8px); width: calc(var(--gap) / 2 - 8px); height: 2px;
	background: var(--peach-300);
}
.mk-timeline__item:nth-child(even)::before { right: auto; left: calc(var(--gap) / -2 - 8px); }
.mk-timeline__item:nth-child(even)::after { right: auto; left: calc(var(--gap) / -2 + 8px); }
.mk-timeline__year { font-size: 30px; font-weight: var(--fw-bold); line-height: 1.1; color: var(--peach-500); }
.mk-timeline__title { font-size: 18px; font-weight: var(--fw-bold); line-height: 1.3; color: var(--teal-900); }
.mk-timeline__text { font-size: 15px; line-height: 1.55; color: var(--grey-700); max-width: 460px; }
/* «Сегодня»: the result of the path */
.mk-timeline__item--now { background: var(--teal-900); }
.mk-timeline__item--now .mk-timeline__year { color: var(--peach-300); }
.mk-timeline__item--now .mk-timeline__title { color: #FEFEFE; }
.mk-timeline__item--now .mk-timeline__text { color: rgba(254, 254, 254, .85); }
.mk-timeline__item--now::before { background: var(--teal-900); box-shadow: 0 0 0 5px var(--sage-100), 0 0 0 8px var(--peach-300); }
@media (max-width: 799.98px) {
	.mk-timeline { --gap: 0px; grid-template-columns: minmax(0, 1fr); row-gap: 16px; padding-left: 32px; }
	.mk-timeline::before { left: 7px; margin-left: 0; }
	.mk-timeline__item, .mk-timeline__item:nth-child(even) { grid-column: 1; grid-row: auto; text-align: left; align-items: flex-start; padding: 18px 20px; }
	.mk-timeline__item::before, .mk-timeline__item:nth-child(even)::before { right: auto; left: -33px; top: 24px; }
	.mk-timeline__item::after, .mk-timeline__item:nth-child(even)::after { right: auto; left: -17px; top: 31px; width: 17px; }
	.mk-timeline__year { font-size: 24px; }
}

/* Partner logos ribbon */
.mk-partners .mk-h2 { margin-bottom: 32px; }
.mk-marquee { display: flex; flex-direction: column; gap: 16px; overflow: hidden; mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.mk-marquee__row { display: flex; width: max-content; }
.mk-marquee__track { display: flex; gap: 16px; padding-right: 16px; animation: mkMarquee 60s linear infinite; }
.mk-marquee__row--reverse .mk-marquee__track { animation-direction: reverse; }
.mk-marquee:hover .mk-marquee__track { animation-play-state: paused; }
@keyframes mkMarquee { to { transform: translateX(-100%); } }
.mk-marquee__item {
	display: flex; align-items: center; justify-content: center; width: 168px; height: 104px; padding: 18px; flex: none;
	border-radius: var(--radius-lg); border: 1px solid var(--sage-300); background: #FEFEFE;
}
.mk-marquee__img { max-height: 100%; width: auto; object-fit: contain; transition: transform .3s var(--ease); }
.mk-marquee__item:hover .mk-marquee__img { transform: scale(1.06); }
@media (prefers-reduced-motion: reduce) {
	.mk-marquee { mask-image: none; padding-inline: var(--gutter); }
	.mk-marquee__row { width: auto; flex-wrap: wrap; gap: 16px; }
	.mk-marquee__track { flex-wrap: wrap; animation: none; padding: 0; }
	.mk-marquee__track[aria-hidden] { display: none; }
}

/* Links between the three pages */
.mk-explore .mk-h2 { margin-bottom: 32px; }
.mk-explore__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: 20px; }
.mk-explore__card {
	display: flex; align-items: center; gap: 20px; padding: 28px 28px 28px 32px; overflow: hidden;
	border-radius: var(--radius-xl); background: var(--teal-800); color: #FEFEFE; transition: transform .25s var(--ease), box-shadow .25s;
}
.mk-explore__card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); color: #FEFEFE; }
.mk-explore__body { flex: 1; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.mk-explore__title { font-size: 24px; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: var(--ls-caps); }
.mk-explore__text { font-size: 15px; line-height: 1.5; opacity: .85; }
.mk-explore__card .mk-more { color: #F7B99A; margin-top: 4px; }
.mk-lottie.mk-explore__art { width: clamp(120px, 14vw, 180px); flex: none; margin-block: -12px; }
@media (max-width: 599.98px) {
	.mk-explore__card { flex-direction: column-reverse; align-items: flex-start; padding: 24px; }
	.mk-lottie.mk-explore__art { width: 140px; align-self: center; }
}

/* Baking Tech: statements band with a wholesale call to action */
.mk-brand-band__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); gap: clamp(28px, 4vw, 64px); }
.mk-brand-band__item { display: flex; flex-direction: column; gap: 14px; }
.mk-brand-band__title { font-size: clamp(22px, 2.2vw, 28px); font-weight: var(--fw-bold); line-height: 1.25; text-wrap: balance; }
.mk-brand-band__text { font-size: 16px; line-height: 1.6; opacity: .88; }
.mk-brand-band__cta {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px;
	margin-top: 48px; padding: 20px 20px 20px 28px; border-radius: var(--radius-lg); background: rgba(254, 254, 254, .08); border: 1px solid rgba(254, 254, 254, .16);
	font-size: 17px; font-weight: var(--fw-medium);
}

/* ---------- Lottie illustrations ---------- */
.mk-lottie { width: 100%; opacity: 0; transition: opacity .5s var(--ease); }
.mk-lottie.is-ready { opacity: 1; }
.mk-lottie svg { display: block; }

/* ---------- Drawers: side cart, login / registration ---------- */
.mk-overlay {
	position: fixed; inset: 0; z-index: 140; background: rgba(8, 30, 32, .45);
	backdrop-filter: blur(2px); opacity: 0; transition: opacity .3s var(--ease);
}
.mk-overlay.is-open { opacity: 1; }
.mk-drawer {
	position: fixed; top: 0; right: 0; bottom: 0; z-index: 150;
	display: flex; flex-direction: column; width: min(440px, 100vw);
	background: var(--white); color: var(--black); box-shadow: -18px 0 48px rgba(15, 84, 89, .18);
	transform: translateX(100%); transition: transform .35s var(--ease);
}
.mk-drawer.is-open { transform: none; }
.mk-drawer__head {
	display: flex; align-items: center; justify-content: space-between; gap: 12px;
	padding: 20px 24px; border-bottom: 1px solid var(--sage-300);
}
.mk-drawer__title { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: var(--fw-bold); color: var(--teal-900); }
.mk-drawer__close {
	width: 40px; height: 40px; border: 0; border-radius: 50%; flex: none;
	display: flex; align-items: center; justify-content: center; background: var(--sage-100); color: var(--teal-900);
}
.mk-drawer__close:hover { background: var(--sage-200); }
.mk-drawer__content { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.mk-drawer__content[aria-busy="true"] { opacity: .55; pointer-events: none; transition: opacity .2s; }
.mk-drawer__foot {
	position: sticky; bottom: 0; display: flex; flex-direction: column; gap: 10px; margin-top: auto;
	padding: 18px 24px calc(18px + env(safe-area-inset-bottom)); border-top: 1px solid var(--sage-300); background: var(--white);
}
.mk-drawer__cta { width: 100%; }
.mk-drawer__note { margin: 0; font-size: 13px; line-height: 1.45; color: var(--grey-500); }
.mk-drawer__hint { margin: 4px 0 0; font-size: 13px; color: var(--grey-700); text-align: center; }
.mk-link-btn { padding: 0; border: 0; background: none; color: var(--teal-900); font-weight: var(--fw-bold); text-decoration: underline; text-underline-offset: 3px; }

.mk-cart-list { margin: 0; padding: 8px 24px; list-style: none; }
.mk-cart-item { position: relative; display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 14px; padding: 16px 32px 16px 0; border-bottom: 1px solid var(--sage-200); }
.mk-cart-item:last-child { border-bottom: 0; }
.mk-cart-item__img { display: block; width: 76px; height: 76px; border-radius: var(--radius-md); overflow: hidden; background: var(--sage-100); }
.mk-cart-item__img img { width: 100%; height: 100%; object-fit: cover; }
.mk-cart-item__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.mk-cart-item__title { font-size: 14px; line-height: 1.35; font-weight: var(--fw-medium); color: var(--black); }
.mk-cart-item__meta { font-size: 12px; color: var(--grey-500); }
.mk-cart-item__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 6px; }
.mk-cart-item__price { font-weight: var(--fw-bold); color: var(--teal-900); white-space: nowrap; }
.mk-cart-item__remove {
	position: absolute; top: 12px; right: -6px; width: 34px; height: 34px; border: 0; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; background: transparent; color: var(--grey-500);
}
.mk-cart-item__remove:hover { background: var(--red-50); color: var(--red-600); }
.mk-stepper { display: inline-flex; align-items: center; height: 36px; padding: 2px; border-radius: var(--radius-pill); border: 1.5px solid var(--sage-400); }
.mk-stepper button {
	width: 30px; height: 30px; border: 0; border-radius: 50%; background: transparent;
	color: var(--teal-900); font-size: 17px; line-height: 1;
}
.mk-stepper button:hover:not(:disabled) { background: var(--sage-100); }
.mk-stepper button:disabled { opacity: .35; cursor: default; }
.mk-stepper span { min-width: 28px; text-align: center; font-size: 14px; font-weight: var(--fw-bold); }
.mk-cart-total { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font-size: 16px; }
.mk-cart-total small { font-size: 13px; color: var(--grey-500); }
.mk-cart-total b { font-size: 22px; color: var(--teal-900); }
.mk-cart-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; margin: auto; padding: 40px 32px; text-align: center; }
.mk-cart-empty__icon {
	width: 72px; height: 72px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
	background: var(--peach-50); color: var(--peach-500); border: 2px solid var(--peach-300);
}
[data-theme="dark"] .mk-cart-empty__icon { background: transparent; }
.mk-cart-empty b { font-size: 18px; color: var(--teal-900); }
.mk-cart-empty p { margin: 0 0 8px; font-size: 14px; line-height: 1.5; color: var(--grey-700); }

.mk-auth { display: flex; flex-direction: column; padding: 24px; gap: 20px; }
.mk-auth--page {
	max-width: 480px; margin: 0 auto; padding: clamp(20px, 4vw, 36px);
	border: 1px solid var(--sage-300); border-radius: var(--radius-xl); background: var(--white); box-shadow: var(--shadow-md);
}
.mk-auth__tabs { display: flex; }
.mk-auth__tabs .mk-tabs__tab { flex: 1; }
.mk-auth__form { display: flex; flex-direction: column; gap: 16px; }
.mk-auth__lead { margin: 0; font-size: 14px; line-height: 1.5; color: var(--grey-700); }
.mk-auth__row { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 14px; }
.mk-auth__error { margin: 0; padding: 12px 16px; border-radius: var(--radius-md); background: var(--red-50); color: var(--red-600); font-size: 14px; }
.mk-auth__submit { width: 100%; }
.mk-field { display: flex; flex-direction: column; gap: 6px; }
.mk-field__label { font-size: 13px; font-weight: var(--fw-bold); color: var(--teal-900); }
.mk-field__label small { font-weight: var(--fw-regular); color: var(--grey-500); }
.mk-field .mk-input { flex: none; width: 100%; height: 50px; }
.mk-field .mk-input[aria-invalid="true"] { border-color: var(--red-600); }
.mk-field__pass { position: relative; display: block; }
.mk-field__pass .mk-input { padding-right: 52px; }
.mk-field__eye {
	position: absolute; top: 5px; right: 6px; width: 40px; height: 40px; border: 0; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; background: transparent; color: var(--grey-500);
}
.mk-field__eye[aria-pressed="true"] { color: var(--teal-900); }
.mk-field--trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mk-check { display: inline-flex; align-items: center; gap: 8px; color: var(--grey-700); cursor: pointer; }
.mk-check input { width: 18px; height: 18px; accent-color: var(--teal-900); }

/* ---------- Inner pages ---------- */
.mk-page { padding-top: 56px; padding-bottom: 88px; min-height: 40vh; }
.mk-page--narrow { max-width: 900px; }
.mk-page__head { display: flex; flex-direction: column; gap: 14px; margin-bottom: 32px; }
.mk-entry__cover { margin-bottom: 32px; border-radius: var(--radius-lg); overflow: hidden; }
.mk-entry__content { font-size: 17px; line-height: 1.65; text-wrap: pretty; }
.mk-entry__content > :first-child { margin-top: 0; }
.mk-entry__content > :last-child { margin-bottom: 0; }
.mk-entry__content p, .mk-entry__content ul, .mk-entry__content ol { margin: 0 0 1em; }
.mk-entry__content ul, .mk-entry__content ol { padding-left: 1.3em; }
.mk-entry__content li { margin-bottom: .4em; }
.mk-entry__content li::marker { color: var(--peach-500); font-weight: var(--fw-bold); }
.mk-entry__content a:not(.mk-btn) { text-decoration: underline; text-decoration-color: var(--peach-300); text-underline-offset: 3px; }
.mk-entry__content img { border-radius: var(--radius-md); }
.mk-entry__content h2, .mk-entry__content h3, .mk-entry__content h4, .mk-entry__content h5, .mk-entry__content h6 {
	margin: 1.6em 0 .6em; color: var(--teal-900); line-height: 1.25; font-weight: var(--fw-bold);
}
.mk-entry__content h2 { font-size: clamp(22px, 2.2vw, 28px); text-transform: uppercase; letter-spacing: var(--ls-caps); }
.mk-entry__content h3 { font-size: 21px; }
.mk-entry__content h4, .mk-entry__content h5, .mk-entry__content h6 { font-size: 18px; }
.mk-entry__content table { width: 100%; border-collapse: collapse; margin: 0 0 1em; font-size: 15px; }
.mk-entry__content th, .mk-entry__content td { padding: 10px 14px; border: 1px solid var(--sage-300); text-align: left; vertical-align: top; }
.mk-entry__content blockquote { margin: 0 0 1em; padding: 16px 24px; border-left: 3px solid var(--peach-300); background: var(--sage-100); border-radius: 0 var(--radius-md) var(--radius-md) 0; }
.mk-entry__content--light, .mk-entry__content--light h2, .mk-entry__content--light h3 { color: var(--white); }
.mk-entry__content--light strong { color: var(--peach-300); }

/* Inner page head */
.mk-page-hero__inner { padding-top: 32px; padding-bottom: 48px; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.mk-page-hero__crumbs { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 18px; font-size: 13px; color: var(--teal-200); }
.mk-page-hero__crumbs a { color: var(--white); opacity: .85; }
.mk-page-hero__crumbs a:hover { color: var(--peach-300); opacity: 1; }
.mk-page-hero__crumbs [aria-current] { color: var(--teal-200); }
.mk-page-hero__title {
	margin: 0; max-width: min(960px, 100%); font-size: clamp(26px, 4vw, 52px); line-height: 1.1;
	font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: var(--ls-caps); text-wrap: balance;
}
.mk-page-hero__intro { margin: 0; max-width: 680px; font-size: 18px; line-height: 1.55; opacity: .92; text-wrap: pretty; }
.mk-page-hero__actions { margin-top: 12px; }

/* Hero with an illustration on the right (wholesale, brand, about) */
.mk-page-hero--media .mk-page-hero__inner {
	display: grid; grid-template-columns: minmax(0, 1fr) clamp(260px, 30vw, 420px); grid-auto-rows: min-content;
	column-gap: clamp(24px, 4vw, 64px); align-content: center; padding-bottom: 32px;
}
.mk-page-hero--media .mk-page-hero__inner > * { grid-column: 1; justify-self: start; }
.mk-page-hero--media .mk-page-hero__media .mk-lottie { max-height: 360px; }
.mk-page-hero--media .mk-page-hero__media { grid-column: 2; grid-row: 1 / span 6; align-self: center; justify-self: stretch; }
@media (max-width: 899.98px) {
	.mk-page-hero--media .mk-page-hero__inner { grid-template-columns: minmax(0, 1fr); }
	.mk-page-hero--media .mk-page-hero__media { grid-column: 1; grid-row: auto; justify-self: center; width: min(300px, 80%); }
}

.mk-search-inline { display: flex; gap: 12px; flex-wrap: wrap; max-width: 620px; }

/* ---------- Catalog ---------- */
.mk-shop { display: grid; grid-template-columns: 272px minmax(0, 1fr); gap: 24px 40px; padding-top: 32px; padding-bottom: 88px; align-items: start; }
.mk-shop--full { grid-template-columns: minmax(0, 1fr); }

/* Category navigation: one row of chips above sidebar and products */
.mk-catnav { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }
.mk-catnav__item {
	display: flex; align-items: center; gap: 12px; min-width: 0; padding: 8px 14px 8px 8px;
	border: 1px solid var(--sage-300); border-radius: var(--radius-md); background: var(--white); color: var(--black);
	transition: border-color .2s, box-shadow .2s;
}
.mk-catnav__item:hover { border-color: var(--teal-400); box-shadow: var(--shadow-sm); color: var(--teal-900); }
.mk-catnav__thumb {
	width: 52px; height: 52px; flex: none; overflow: hidden; border-radius: 10px; background: var(--sage-100);
	display: flex; align-items: center; justify-content: center; color: var(--teal-900); font-size: 20px;
}
.mk-catnav__thumb img { width: 100%; height: 100%; object-fit: cover; }
.mk-catnav__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.mk-catnav__name { font-size: 14px; font-weight: var(--fw-medium); line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mk-catnav__count { font-size: 12px; color: var(--grey-500); }
.mk-catnav__item.is-current { border-color: var(--teal-900); background: var(--teal-900); color: var(--white); }
.mk-catnav__item.is-current .mk-catnav__count { color: rgba(254, 254, 254, .7); }
.mk-catnav__item--back { background: var(--sage-100); border-color: var(--sage-100); }
.mk-catnav.is-clamped { max-height: var(--clamp); overflow: hidden; }
.mk-catnav__more { grid-column: 1 / -1; justify-self: start; margin-top: -14px; padding: 0; border: 0; background: none; color: var(--teal-900); font-size: 13px; font-weight: var(--fw-bold); text-decoration: underline; text-underline-offset: 3px; }
.mk-catnav__item.is-current .mk-catnav__count { background: rgba(254, 254, 254, .18); color: var(--white); }

/* Filters sidebar: collapsible groups with checkbox rows */
.mk-shop__sidebar { position: sticky; top: 120px; max-height: calc(100vh - 140px); overflow: auto; padding-right: 8px; scrollbar-width: thin; }
.mk-shop__sidebar-head { display: flex; align-items: center; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid var(--sage-300); }
.mk-shop__sidebar-title { font-size: 18px; font-weight: var(--fw-bold); color: var(--teal-900); }
.mk-shop__sidebar-title { margin-right: auto; }
.mk-shop__reset { font-size: 13px; color: var(--grey-500); text-decoration: underline; text-underline-offset: 3px; }
.mk-shop__reset:hover { color: var(--teal-900); }
.mk-shop__close { display: none; }
.mk-filter { padding: 14px 0; border-bottom: 1px solid var(--sage-300); }
.mk-filter__title { margin: 0; font-size: 14px; font-weight: var(--fw-bold); color: var(--teal-900); }
.mk-filter__toggle {
	display: flex; align-items: center; gap: 8px; width: 100%; padding: 0;
	border: 0; background: none; color: inherit; font: inherit; text-align: left;
}
.mk-filter__toggle svg { flex: none; margin-left: auto; color: var(--grey-500); transition: transform .2s; }
.mk-filter__badge { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--teal-900); color: var(--white); font-size: 11px; line-height: 20px; text-align: center; }
.mk-filter.is-collapsed .mk-filter__toggle svg { transform: rotate(-90deg); }
.mk-filter.is-collapsed > :not(.mk-filter__title) { display: none !important; }
.mk-filter ul { margin: 10px 0 0; padding: 0; list-style: none; }
.mk-filter .woocommerce-widget-layered-nav-list__item { display: flex; align-items: center; gap: 8px; padding: 0; font-size: 14px; }
.mk-filter .woocommerce-widget-layered-nav-list__item[hidden] { display: none; }
.mk-filter .woocommerce-widget-layered-nav-list__item a { flex: 1; display: flex; align-items: center; gap: 10px; min-height: 34px; padding: 4px 0; color: var(--black); }
.mk-filter .woocommerce-widget-layered-nav-list__item a::before {
	content: ""; width: 18px; height: 18px; flex: none; border: 1.5px solid var(--sage-400); border-radius: 5px;
	background: var(--white) center / 12px no-repeat; transition: background-color .15s, border-color .15s;
}
.mk-filter .woocommerce-widget-layered-nav-list__item a:hover::before { border-color: var(--teal-900); }
.mk-filter .woocommerce-widget-layered-nav-list__item.chosen a { font-weight: var(--fw-medium); color: var(--teal-900); }
.mk-filter .woocommerce-widget-layered-nav-list__item.chosen a::before {
	border-color: var(--teal-900); background-color: var(--teal-900);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.mk-filter .woocommerce-widget-layered-nav-list__item .count { font-size: 12px; color: var(--grey-500); }
.mk-filter__more { margin-top: 6px; padding: 0; border: 0; background: none; color: var(--teal-900); font-size: 13px; font-weight: var(--fw-bold); }
.mk-filter__search { width: 100%; height: 36px; margin-top: 10px; padding: 0 14px; border: 1.5px solid var(--sage-300); border-radius: var(--radius-pill); background: var(--white); color: var(--black); font-size: 13px; outline: 0; }
.mk-filter__search:focus { border-color: var(--teal-400); }
.mk-price-filter { display: flex; align-items: center; gap: 6px; margin-top: 10px; color: var(--grey-500); }
.mk-price-filter .mk-input { flex: 1 1 0; width: 0; height: 40px; padding: 0 12px; border-radius: var(--radius-md); font-size: 14px; -moz-appearance: textfield; }
.mk-price-filter .mk-input::-webkit-outer-spin-button, .mk-price-filter .mk-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mk-price-filter .mk-btn { height: 40px; padding: 0 14px; }

/* Chosen filters above the products */
.mk-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -8px 0 20px; }
.mk-active-filters__item {
	display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 10px 0 14px; border-radius: var(--radius-pill);
	background: var(--teal-100); color: var(--teal-900); font-size: 13px; font-weight: var(--fw-medium);
}
.mk-active-filters__item:hover { background: var(--teal-900); color: var(--white); }
.mk-active-filters__reset { font-size: 13px; color: var(--grey-500); text-decoration: underline; text-underline-offset: 3px; }
.mk-shop__filters-count { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--teal-900); color: var(--white); font-size: 11px; line-height: 20px; }

.mk-shop__toolbar { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.mk-shop__toolbar .woocommerce-notices-wrapper { flex-basis: 100%; margin: 0; padding: 0; }
.mk-shop__toolbar .woocommerce-notices-wrapper:empty { display: none; }
.woocommerce .mk-shop__toolbar .woocommerce-result-count { margin: 0; font-size: 14px; color: var(--grey-500); float: none; }
.woocommerce .mk-shop__toolbar .woocommerce-ordering { margin: 0 0 0 auto; float: none; }
.mk-shop__toolbar .woocommerce-ordering select {
	height: 44px; padding: 0 44px 0 18px; border: 1.5px solid var(--sage-400); border-radius: var(--radius-pill);
	background: var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230F5459' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;
	appearance: none; font-size: 14px; color: var(--black);
}
.mk-shop__filters-btn { display: none; }
.mk-products__grid--loop { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.woocommerce nav.woocommerce-pagination { margin-top: 40px; }
.woocommerce nav.woocommerce-pagination ul { display: flex; flex-wrap: wrap; gap: 6px; border: 0; }
.woocommerce nav.woocommerce-pagination ul li { border: 0; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	min-width: 40px; height: 40px; padding: 0 12px; border-radius: var(--radius-pill);
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--sage-100); color: var(--teal-900); font-weight: var(--fw-bold);
}
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--teal-900); color: var(--white); }
.mk-shop__empty { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; padding: 40px; border-radius: var(--radius-xl); background: var(--sage-100); }
.mk-shop__empty .woocommerce-info { margin: 0; }
body.mk-no-scroll { overflow: hidden; }

/* ---------- FAQ ---------- */
.mk-faq + .mk-faq { margin-top: 56px; }
.mk-faq__title { margin-bottom: 20px; }
.mk-faq__item { border-bottom: 1px solid var(--sage-300); }
.mk-faq__item:first-of-type { border-top: 1px solid var(--sage-300); }
.mk-faq__question {
	display: flex; justify-content: space-between; align-items: center; gap: 20px;
	padding: 20px 4px; cursor: pointer; list-style: none;
	font-size: 18px; font-weight: var(--fw-bold); line-height: 1.35; color: var(--teal-900);
}
.mk-faq__question::-webkit-details-marker { display: none; }
.mk-faq__question:hover { color: var(--teal-600); }
.mk-faq__icon {
	width: 36px; height: 36px; flex: none; border-radius: 50%; border: 1.5px solid var(--peach-300); color: var(--peach-500);
	display: flex; align-items: center; justify-content: center; transition: transform .3s var(--ease), background .2s;
}
.mk-faq__item[open] .mk-faq__icon { transform: rotate(180deg); background: var(--peach-300); color: #000; }
.mk-faq__answer { padding: 0 4px 24px; font-size: 16px; color: var(--grey-700); }

/* ---------- Split layouts, forms ---------- */
.mk-split { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(32px, 5vw, 72px); align-items: start; }
.mk-split--center { align-items: center; }
.mk-split__content { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; min-width: 0; }

.mk-points { margin: 0; padding: 0; list-style: none; display: grid; gap: 18px; width: 100%; }
.mk-point { display: flex; gap: 14px; align-items: flex-start; }
.mk-point__body { display: flex; flex-direction: column; gap: 2px; font-size: 15px; line-height: 1.5; color: var(--grey-700); }
.mk-point__body b { font-size: 16px; color: var(--teal-900); }
.mk-inline-contacts { display: flex; flex-wrap: wrap; gap: 10px 24px; font-weight: var(--fw-bold); }
.mk-inline-contacts a { display: inline-flex; align-items: center; gap: 8px; }
.mk-inline-contacts svg { color: var(--peach-500); }

.mk-form-card {
	display: flex; flex-direction: column; gap: 16px; padding: clamp(24px, 4vw, 40px);
	border-radius: var(--radius-xl); border: 1.5px solid var(--peach-300); background: var(--white); box-shadow: var(--shadow-md);
}
@media (min-width: 900px) { .mk-form-card { position: sticky; top: 120px; } }
.mk-form-card__text { margin: 0; color: var(--grey-700); }
.mk-lead-form--stack { flex-direction: column; }
.mk-lead-form--stack .mk-input { flex: none; width: 100%; }
.mk-lead-form--stack .mk-btn { align-self: flex-start; }
.mk-input--area { height: auto; min-height: 104px; padding: 14px 20px; border-radius: var(--radius-lg); resize: vertical; line-height: 1.5; }

/* ---------- Contacts ---------- */
.mk-branches { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr)); gap: 24px; }
.mk-branch { display: flex; flex-direction: column; border-radius: var(--radius-xl); border: 1px solid var(--sage-300); overflow: hidden; background: var(--white); }
.mk-branch__map { aspect-ratio: 16 / 9; background: var(--sage-100); }
.mk-branch__map iframe { width: 100%; height: 100%; border: 0; display: block; }
.mk-branch__body { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; padding: 28px; }
.mk-branch__address { margin: 0; font-size: 22px; line-height: 1.25; color: var(--teal-900); }
.mk-branch__list { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; font-size: 16px; }
.mk-branch__list li { display: flex; gap: 10px; align-items: center; }
.mk-branch__list svg { color: var(--peach-500); flex: none; }
.mk-branch__list a { font-weight: var(--fw-bold); }

.mk-channels { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-top: 40px; }
.mk-channel { display: flex; gap: 14px; align-items: center; padding: 16px 20px; border-radius: var(--radius-lg); background: var(--sage-100); color: var(--black); }
.mk-channel:hover { background: var(--peach-50); color: var(--black); }
.mk-channel__icon { width: 44px; height: 44px; flex: none; border-radius: 50%; background: var(--peach-300); color: #000; display: flex; align-items: center; justify-content: center; }
.mk-channel__text { display: flex; flex-direction: column; min-width: 0; font-size: 13px; color: var(--grey-700); }
.mk-channel__text b { font-size: 15px; color: var(--teal-900); }
.mk-channel__text span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mk-careers {
	display: flex; flex-wrap: wrap; gap: 24px 40px; align-items: center; justify-content: space-between;
	margin-top: 40px; padding: clamp(28px, 4vw, 48px); border-radius: var(--radius-xl);
}
.mk-careers__text { display: flex; flex-direction: column; gap: 12px; max-width: 720px; }
.mk-careers__text p { margin: 0; opacity: .9; }
.mk-careers__actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- About / brand ---------- */
.mk-media-card { border-radius: var(--radius-xl); overflow: hidden; background: #000; box-shadow: var(--shadow-lg); }
.mk-media-card__video { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.mk-about__stats--grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 28px; margin: 0; }
.mk-formula-wrap { padding-block: 24px 0; }
.mk-formula--outlined { border: 1.5px solid var(--peach-300); }
.mk-formula__step { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 150px; text-align: center; }
.mk-formula__label { font-size: 15px; font-weight: var(--fw-bold); line-height: 1.3; color: var(--teal-900); }
.mk-audience__grid--spaced { margin-top: 32px; }
.mk-big-number { font-size: 44px; font-weight: var(--fw-bold); line-height: 1; color: var(--peach-500); }
.mk-brand-logo {
	display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; padding: 12%;
	border-radius: var(--radius-xl); background: var(--sage-100) url(../images/patterns/speckle-peach.png) center / 240px;
}
.mk-brand-logo__img { max-height: 100%; width: auto; object-fit: contain; }
.mk-brand-logo__name { font-size: 40px; font-weight: var(--fw-bold); color: var(--teal-900); }
.mk-brand-story__logo { width: auto; height: 72px; border-radius: var(--radius-md); }
.mk-lottie.mk-benefit__lottie { width: 64px; flex: none; margin: -8px 0; }
.mk-section__head--media { align-items: center; }
.mk-lottie.mk-section__lottie { width: clamp(150px, 16vw, 230px); margin-block: -24px; }
.mk-brand-story { font-size: 17px; line-height: 1.65; text-wrap: pretty; }
.mk-brand-story p { margin: 0 0 .8em; }
.mk-brand-story p:last-child { margin-bottom: 0; }
.mk-note { margin: 0; padding: 16px 20px; border-radius: var(--radius-md); background: var(--peach-50); color: var(--grey-700); font-size: 15px; }
[data-theme="dark"] .mk-note { background: var(--sage-200); }

/* ---------- WooCommerce pages (cart, checkout, account) ---------- */
.mk-page--shop .mk-entry__content { font-size: 16px; }
.mk-page--shop table.shop_table { border: 1px solid var(--sage-300); border-radius: var(--radius-lg); border-collapse: separate; overflow: hidden; }
.mk-page--shop table.shop_table th { color: var(--teal-900); }
.mk-page--shop table.shop_table td, .mk-page--shop table.shop_table th { border: 0; border-top: 1px solid var(--sage-300); padding: 14px 16px; }
.mk-page--shop table.shop_table thead th { border-top: 0; background: var(--sage-100); }
.mk-page--shop .product-thumbnail img { width: 72px !important; border-radius: var(--radius-md); }
.mk-page--shop .woocommerce-cart-form .coupon .input-text, .mk-page--shop .input-text, .mk-page--shop select, .mk-page--shop .select2-selection {
	min-height: 46px; padding: 0 16px; border: 1.5px solid var(--sage-400) !important; border-radius: var(--radius-md) !important;
	background: var(--white); font-size: 15px;
}
.mk-page--shop textarea.input-text { padding: 12px 16px; }
.mk-page--shop .woocommerce-cart-form .coupon .input-text { width: 180px !important; }
.mk-page--shop .select2-container .select2-selection--single { height: 46px; display: flex; align-items: center; }
.mk-page--shop .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; line-height: 1.3; }
.mk-page--shop .select2-container .select2-selection--single .select2-selection__arrow { height: 44px; }
.mk-page--shop .woocommerce form .form-row label { font-size: 14px; font-weight: var(--fw-medium); color: var(--teal-900); }
.mk-page--shop .woocommerce .quantity .qty { width: 72px; min-height: 42px; border: 1.5px solid var(--sage-400); border-radius: var(--radius-pill); text-align: center; }
.mk-page--shop .cart_totals h2, .mk-page--shop #order_review_heading, .mk-page--shop .woocommerce-billing-fields h3, .mk-page--shop .woocommerce-additional-fields h3 {
	font-size: 20px; text-transform: uppercase; letter-spacing: var(--ls-caps); color: var(--teal-900);
}
.mk-page--shop .woocommerce .button { min-height: 46px; padding: 0 24px; }
.mk-page--shop .woocommerce a.button { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.mk-page--shop .woocommerce #payment { border-radius: var(--radius-lg); background: var(--sage-100); }

/* Checkout: contacts and address on the left, order and payment on the right (sticky) */
.mk-page--shop form.checkout { display: grid; gap: 0 48px; }
.mk-page--shop form.checkout > * { grid-column: 1 / -1; min-width: 0; }
.mk-page--shop #customer_details.col2-set .col-1, .mk-page--shop #customer_details.col2-set .col-2 { float: none; width: auto; }
.mk-page--shop #customer_details { max-width: 640px; }
.mk-page--shop .woocommerce-additional-fields > h3 { display: none; }
.mk-page--shop .woocommerce-checkout .form-row .description { margin-top: 4px; font-size: 13px; color: var(--grey-500); }
.mk-page--shop .woocommerce-checkout #payment ul.payment_methods img { max-height: 24px; width: auto; margin-left: 8px; vertical-align: middle; }
.mk-page--shop .woocommerce-checkout #payment .place-order { display: flex; flex-direction: column; gap: 12px; }
.mk-page--shop .woocommerce-checkout #payment #place_order { float: none; width: 100%; min-height: 54px; font-size: 16px; }
.mk-page--shop .woocommerce-privacy-policy-text p { margin: 0; font-size: 13px; color: var(--grey-500); }
/* Order summary (woocommerce/checkout/review-order.php): rows as blocks, not a two-column table */
.mk-page--shop table.mk-review, .mk-review tbody, .mk-review tfoot, .mk-review tr { display: block; }
.mk-page--shop table.mk-review { background: var(--white); }
.mk-page--shop .mk-review tbody td { display: block; padding: 14px 16px; }
.mk-page--shop .mk-review tbody tr:first-child td { border-top: 0; }
.mk-review__item { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 14px; align-items: start; }
.mk-review__thumb img {
	display: block; width: 56px; height: 56px; object-fit: contain;
	border: 1px solid var(--sage-300); border-radius: var(--radius-sm); background: #FEFEFE;
}
.mk-review__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mk-review__name { font-size: 14px; font-weight: var(--fw-medium); line-height: 1.35; color: var(--black); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mk-review__specs { font-size: 12px; line-height: 1.4; color: var(--grey-500); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mk-review__qty { font-size: 13px; color: var(--grey-500); }
.mk-review__total { font-size: 15px; font-weight: var(--fw-bold); color: var(--teal-900); white-space: nowrap; }
.mk-page--shop .mk-review tfoot { border-top: 1px solid var(--sage-300); padding: 8px 0; }
.mk-page--shop .mk-review tfoot tr { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.mk-page--shop .woocommerce table.mk-review tfoot th, .mk-page--shop .woocommerce table.mk-review tfoot td { border: 0; padding: 8px 16px; font-weight: var(--fw-regular); color: var(--grey-700); }
.mk-page--shop .mk-review tfoot td { text-align: right; }
.mk-page--shop .mk-review tfoot tr.order-total { margin: 8px 16px 0; padding-top: 12px; border-top: 1px dashed var(--sage-400); }
.mk-page--shop .mk-review tfoot tr.order-total th, .mk-page--shop .mk-review tfoot tr.order-total td { padding: 0; font-size: 18px; font-weight: var(--fw-bold); color: var(--teal-900); }
.mk-page--shop .mk-review tfoot tr.woocommerce-shipping-totals { display: block; padding: 4px 0; }
.mk-page--shop .mk-review tfoot tr.woocommerce-shipping-totals > * { display: block; text-align: left; }
.mk-page--shop .mk-review tfoot tr.woocommerce-shipping-totals td { padding-top: 0; }

/* Shipping options as selectable cards (checkout and cart) */
.woocommerce ul#shipping_method { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.woocommerce ul#shipping_method li { position: relative; margin: 0; padding: 0; text-indent: 0; }
.woocommerce ul#shipping_method li input[type="radio"] { position: absolute; top: 50%; left: 14px; margin: -8px 0 0; accent-color: var(--teal-900); }
.woocommerce ul#shipping_method li label {
	display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0; padding: 12px 14px 12px 40px;
	border: 1.5px solid var(--sage-300); border-radius: var(--radius-md); cursor: pointer; font-size: 14px; color: var(--black);
	transition: border-color .2s, background-color .2s;
}
.woocommerce ul#shipping_method li input[type="hidden"] + label { padding-left: 14px; }
.woocommerce ul#shipping_method li:has(input:checked) label { border-color: var(--teal-900); background: var(--sage-100); }
.woocommerce ul#shipping_method li label { text-align: left; }
.mk-ship__cost { font-weight: var(--fw-bold); color: var(--teal-900); white-space: nowrap; }
.woocommerce .cart_totals tr.woocommerce-shipping-totals th { vertical-align: top; padding-top: 26px; }
/* Mobile cart totals (WooCommerce turns the table into blocks): shipping cards under their heading, full width */
@media (max-width: 768px) {
	.woocommerce .cart_totals tr.woocommerce-shipping-totals th,
	.woocommerce .cart_totals tr.woocommerce-shipping-totals td { display: block; width: auto; text-align: left; }
	.woocommerce .cart_totals tr.woocommerce-shipping-totals th { padding-top: 14px; padding-bottom: 0; }
	.woocommerce .cart_totals tr.woocommerce-shipping-totals td { border-top: 0; }
	.woocommerce .cart_totals tr.woocommerce-shipping-totals td::before { display: none; }
}

@media (min-width: 1000px) {
	.mk-page--shop form.checkout { grid-template-columns: minmax(0, 1fr) minmax(360px, 460px); align-items: start; }
	.mk-page--shop form.checkout > #customer_details { grid-column: 1; grid-row: span 2; }
	.mk-page--shop form.checkout > #order_review_heading, .mk-page--shop form.checkout > #order_review { grid-column: 2; }
	.mk-page--shop form.checkout > #order_review { position: sticky; top: 100px; }
}
.mk-page--shop .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.mk-page--shop .woocommerce-MyAccount-navigation a { display: block; padding: 10px 16px; border-radius: var(--radius-pill); color: var(--teal-900); font-weight: var(--fw-medium); text-decoration: none; }
.mk-page--shop .woocommerce-MyAccount-navigation li { margin: 0; }
@media (max-width: 768px) { .mk-page--shop .woocommerce-MyAccount-navigation { margin-bottom: 24px; } }
.mk-page--shop .woocommerce-MyAccount-navigation .is-active a, .mk-page--shop .woocommerce-MyAccount-navigation a:hover { background: var(--teal-900); color: var(--white); }
.navigation.pagination { margin-top: 40px; }
.nav-links { display: flex; gap: 6px; flex-wrap: wrap; }
.page-numbers {
	min-width: 40px; height: 40px; padding: 0 12px; border-radius: var(--radius-pill);
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--sage-100); color: var(--teal-900); font-weight: var(--fw-bold);
}
.page-numbers.current { background: var(--teal-900); color: var(--white); }
/* WooCommerce puts .page-numbers on the <ul> too — no pill behind the whole row, items stay quiet until hover */
ul.page-numbers { min-width: 0; height: auto; padding: 0; background: none !important; }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span:not(.current) { background: transparent; }
.woocommerce nav.woocommerce-pagination ul li a:hover { background: var(--sage-100); color: var(--teal-900); }

/* ---------- Single product ---------- */
/* Solid band: a split gradient cut through the summary column whenever it outgrew the gallery */
.mk-single__top { background: var(--sage-100); padding: 28px 0 56px; }
.mk-breadcrumb { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-bottom: 24px; font-size: 13px; color: var(--grey-500); }
.mk-breadcrumb a { color: var(--grey-700); }
.mk-breadcrumb a:hover { color: var(--teal-900); }
.mk-breadcrumb__sep { color: var(--sage-400); }

.mk-single__grid {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
	gap: clamp(32px, 4vw, 64px); align-items: start;
}
.mk-single__gallery {
	position: relative; padding: clamp(16px, 2vw, 28px);
	border-radius: var(--radius-xl); background: #FEFEFE; box-shadow: var(--shadow-lg);
}
@media (min-width: 900px) { .mk-single__gallery { position: sticky; top: 120px; } }
.woocommerce div.product.mk-single div.images,
.woocommerce div.product.mk-single div.summary { float: none; width: auto; margin: 0; }
.mk-single .woocommerce-product-gallery__wrapper img { border-radius: var(--radius-lg); }
/* Square stage: tall packshots no longer stretch the page */
.mk-single .woocommerce-product-gallery__image > a > img { aspect-ratio: 1 / 1; object-fit: contain; background: #FEFEFE; }
.mk-single .woocommerce-product-gallery .flex-control-thumbs {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 10px; margin: 16px 0 0; padding: 0;
}
.woocommerce div.product.mk-single div.images .flex-control-thumbs li { width: auto; float: none; }
.mk-single .flex-control-thumbs img {
	border-radius: var(--radius-md); border: 1.5px solid transparent; opacity: .6; transition: opacity .2s, border-color .2s;
}
.mk-single .flex-control-thumbs img.flex-active, .mk-single .flex-control-thumbs img:hover { opacity: 1; border-color: #F7B99A; }
.mk-single .woocommerce-product-gallery__trigger {
	top: 16px !important; right: 16px !important; z-index: 5; width: 40px !important; height: 40px !important;
	border-radius: 50%; background: #ECF0EE !important; box-shadow: var(--shadow-sm);
}
.mk-single__badge {
	position: absolute; top: 24px; left: 24px; z-index: 5; height: 30px; padding: 0 14px;
	border-radius: var(--radius-pill); background: #F7B99A; color: #000;
	font-size: 13px; font-weight: var(--fw-bold); line-height: 30px; text-transform: uppercase;
}

.mk-single__summary { display: flex; flex-direction: column; gap: 18px; padding-top: 8px; }
.mk-single__title {
	margin: 0; font-size: clamp(26px, 2.8vw, 40px); line-height: 1.15; font-weight: var(--fw-bold);
	text-transform: uppercase; letter-spacing: var(--ls-caps); color: var(--teal-900); text-wrap: balance;
}
.mk-single__meta { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; font-size: 13px; color: var(--grey-500); }
.mk-single__meta .woocommerce-product-rating { margin: 0 !important; }
.mk-pill {
	display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px;
	border-radius: var(--radius-pill); font-size: 12px; font-weight: var(--fw-bold);
}
.mk-pill::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.mk-pill--ok { background: var(--teal-100); color: var(--teal-900); }
.mk-pill--off { background: var(--red-50); color: var(--red-600); }
.mk-pill--order { background: var(--peach-50); color: #A04A26; }
.mk-single__unavailable {
	margin: 0; padding: 18px 20px; border-radius: var(--radius-lg); border: 1px dashed var(--sage-400);
	background: var(--white); font-size: 15px; line-height: 1.5; color: var(--grey-700);
}

.mk-single__price { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.woocommerce div.product.mk-single .mk-single__price-now { font-size: clamp(28px, 2.6vw, 36px); font-weight: var(--fw-bold); color: var(--teal-900); line-height: 1; }
.mk-single__price-old { font-size: 18px; color: var(--grey-500); }
.mk-single__excerpt { font-size: 16px; line-height: 1.6; color: var(--grey-700); }
.mk-single__excerpt p { margin: 0 0 .6em; }

/* Add to cart form */
.mk-single__buy { padding: 20px; border-radius: var(--radius-lg); background: var(--white); border: 1px solid var(--sage-300); }
.mk-single__buy form.cart { margin: 0 !important; }
.woocommerce div.product.mk-single form.cart:not(.variations_form),
.woocommerce div.product.mk-single .woocommerce-variation-add-to-cart { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
.woocommerce div.product.mk-single form.cart::before, .woocommerce div.product.mk-single form.cart::after,
.mk-single .woocommerce-variation-add-to-cart::before, .mk-single .woocommerce-variation-add-to-cart::after { display: none; }
.woocommerce div.product.mk-single form.cart div.quantity { float: none; margin: 0; }
.mk-qty {
	display: inline-flex; align-items: center; height: 56px; padding: 4px;
	border-radius: var(--radius-pill); border: 1.5px solid var(--sage-400); background: var(--white);
}
.mk-qty__btn {
	width: 44px; height: 44px; border: 0; border-radius: 50%; background: transparent;
	color: var(--teal-900); font-size: 20px; font-weight: var(--fw-medium); line-height: 1;
}
.mk-qty__btn:hover { background: var(--sage-100); }
.woocommerce .mk-single .quantity .qty, .mk-qty .qty {
	width: 48px; height: 44px; padding: 0; border: 0; background: transparent; text-align: center;
	font-size: 16px; font-weight: var(--fw-bold); color: var(--black); -moz-appearance: textfield;
}
.mk-qty .qty::-webkit-outer-spin-button, .mk-qty .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.woocommerce div.product.mk-single form.cart .button.single_add_to_cart_button {
	flex: 1 1 200px; height: 56px; padding: 0 32px; border-radius: var(--radius-pill);
	background: #EE9470; color: #000; font-size: 16px; font-weight: var(--fw-bold); float: none;
}
.woocommerce div.product.mk-single form.cart .button.single_add_to_cart_button:hover { background: #F1A98D; color: #000; }
.woocommerce div.product.mk-single form.cart .button.disabled { opacity: .5; }

.woocommerce div.product.mk-single form.cart .variations { display: block; margin-bottom: 16px; border: 0; }
.woocommerce div.product.mk-single form.cart .variations tbody {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px 16px;
}
/* Label + select share the row tracks (subgrid), so a two-line label keeps the selects of one row aligned */
.woocommerce div.product.mk-single form.cart .variations tr { display: grid; grid-row: span 2; grid-template-rows: subgrid; row-gap: 8px; }
.woocommerce div.product.mk-single form.cart .variations th { align-self: end; }
.woocommerce div.product.mk-single form.cart .variations th, .woocommerce div.product.mk-single form.cart .variations td { display: block; padding: 0; line-height: 1.3; text-align: left; }
.mk-single .variations th label { font-size: 13px; font-weight: var(--fw-bold); color: var(--teal-900); text-transform: uppercase; letter-spacing: var(--ls-eyebrow); }
.woocommerce div.product.mk-single form.cart .variations select {
	min-width: 0; width: 100%; height: 48px; padding: 0 44px 0 20px; margin: 0;
	border: 1.5px solid var(--sage-400); border-radius: var(--radius-pill); background: var(--white);
	appearance: none; font-size: 15px; color: var(--black);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230F5459' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 18px center;
}
.mk-single .reset_variations { display: inline-block; margin-top: 8px; font-size: 13px; color: var(--grey-500); }
.mk-single .woocommerce-variation-price .price { font-size: 22px; font-weight: var(--fw-bold); color: var(--teal-900); }
.mk-single .single_variation_wrap .woocommerce-variation { margin-bottom: 12px; }
.mk-single .stock { font-size: 13px; font-weight: var(--fw-bold); }
.woocommerce div.product.mk-single .stock { color: var(--teal-600); }
.woocommerce div.product.mk-single .out-of-stock { color: var(--red-600); }

.mk-single__fav {
	width: 56px; height: 56px; flex: none; border-radius: 50%;
	border: 1.5px solid var(--sage-400); background: var(--white); color: var(--teal-900);
	display: flex; align-items: center; justify-content: center;
}
.mk-single__fav:hover { border-color: #F7B99A; }
.mk-single__fav[aria-pressed="true"] svg { fill: #EE9470; stroke: #EE9470; }
@media (max-width: 600px) {
	.mk-single__buy { padding: 16px; }
	.woocommerce div.product.mk-single form.cart .button.single_add_to_cart_button { order: 3; flex-basis: 100%; }
	.mk-single__fav { margin-left: auto; }
}

/* Delivery / pickup / wholesale + consultation: one quiet card, secondary to the buy box */
.mk-single__info { border: 1px solid var(--sage-300); border-radius: var(--radius-lg); background: var(--white); overflow: hidden; }
.mk-single__perks { margin: 0; padding: 4px 18px; list-style: none; }
.mk-single__perks li {
	display: flex; gap: 12px; align-items: flex-start; padding: 12px 0;
	font-size: 13px; line-height: 1.45; color: var(--grey-500);
}
.mk-single__perks li + li { border-top: 1px solid var(--sage-200); }
.mk-single__perks li > svg { flex: none; margin-top: 1px; color: var(--teal-600); }
.mk-single__perks li > span { display: flex; flex-direction: column; gap: 1px; }
.mk-single__perks b { font-size: 14px; font-weight: var(--fw-medium); color: var(--black); }
.mk-single__perks a { color: var(--grey-500); text-decoration: underline; text-decoration-color: var(--sage-400); text-underline-offset: 3px; }
.mk-single__perks a:hover { color: var(--teal-900); }

.mk-single__help {
	display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: space-between;
	padding: 12px 18px; background: var(--sage-100); font-size: 13px; color: var(--grey-700);
}
.mk-single__help-actions { display: flex; gap: 16px; flex-wrap: wrap; }
.mk-single__help-actions a { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: var(--fw-bold); color: var(--teal-900); white-space: nowrap; }
.mk-single__help-actions a:hover { color: var(--teal-600); }
.mk-single__help-actions svg { color: var(--teal-600); }

/* Description / attributes / reviews tabs */
.mk-single__details { padding-top: 48px; padding-bottom: 32px; }
.woocommerce div.product.mk-single .woocommerce-tabs ul.tabs {
	display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; margin: 0 0 28px;
	border-radius: var(--radius-pill); background: var(--sage-100); overflow: visible;
}
.woocommerce div.product.mk-single .woocommerce-tabs ul.tabs::before,
.woocommerce div.product.mk-single .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product.mk-single .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product.mk-single .woocommerce-tabs ul.tabs li {
	margin: 0; padding: 0; border: 0; border-radius: var(--radius-pill); background: transparent;
}
.woocommerce div.product.mk-single .woocommerce-tabs ul.tabs li a {
	display: block; height: 44px; padding: 0 22px; line-height: 44px;
	font-size: 14px; font-weight: var(--fw-bold); color: var(--teal-900);
}
.woocommerce div.product.mk-single .woocommerce-tabs ul.tabs li.active { background: var(--teal-900); }
.woocommerce div.product.mk-single .woocommerce-tabs ul.tabs li.active a { color: var(--white); }
.mk-single .woocommerce-Tabs-panel {
	max-width: 880px; font-size: 16px; line-height: 1.7; color: var(--black);
}
.mk-single .woocommerce-Tabs-panel > h2:first-child { display: none; }
.mk-single .woocommerce-Tabs-panel h2, .mk-single .woocommerce-Tabs-panel h3 { color: var(--teal-900); }
.mk-single table.shop_attributes { border: 0; border-radius: var(--radius-lg); overflow: hidden; border-collapse: separate; border-spacing: 0; background: var(--white); outline: 1px solid var(--sage-300); }
.woocommerce .mk-single table.shop_attributes th, .woocommerce .mk-single table.shop_attributes td {
	padding: 14px 20px; border: 0; border-bottom: 1px solid var(--sage-300); font-style: normal; background: transparent;
}
.woocommerce .mk-single table.shop_attributes tr:last-child th, .woocommerce .mk-single table.shop_attributes tr:last-child td { border-bottom: 0; }
.woocommerce .mk-single table.shop_attributes th { width: 34%; color: var(--teal-900); text-align: left; }
.woocommerce .mk-single table.shop_attributes td p { padding: 0; }
.woocommerce .mk-single table.shop_attributes tr:nth-child(even) th, .woocommerce .mk-single table.shop_attributes tr:nth-child(even) td { background: var(--sage-100); }
.mk-single__related { padding-top: 32px; }

/* WooCommerce notices */
.woocommerce-notices-wrapper:not(:empty) { max-width: var(--container); margin: 20px auto 0; padding-inline: var(--gutter); }
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error {
	display: flex; flex-wrap: wrap; align-items: center; gap: 12px; justify-content: space-between;
	margin: 0 0 16px; padding: 16px 20px 16px 52px; border: 0; border-radius: var(--radius-lg);
	background: #1E5155; color: #FEFEFE; font-size: 15px;
}
.woocommerce .woocommerce-message::before, .woocommerce .woocommerce-info::before { color: #F7B99A; top: 16px; left: 22px; }
.woocommerce .woocommerce-error { background: var(--red-50); color: var(--red-600); }
.woocommerce .woocommerce-message::after, .woocommerce .woocommerce-info::after { display: none; }
.woocommerce .woocommerce-message .button { order: 2; float: none; background: #EE9470; color: #000; }
.woocommerce .woocommerce-message .button:hover { background: #F1A98D; color: #000; }

/* WooCommerce pages: brand buttons over WC defaults */
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button {
	border-radius: var(--radius-pill); background: var(--teal-900); color: var(--white);
	font-family: var(--font-sans); font-weight: var(--fw-bold);
}
.woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce a.button:hover { background: var(--teal-600); color: var(--white); }
.woocommerce .button.alt, .woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce a.button.alt.checkout-button { background: var(--peach-500); color: #000; }
.woocommerce .button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover { background: var(--peach-400); color: #000; }
.woocommerce .woocommerce-message a:not(.button), .woocommerce .woocommerce-info a:not(.button) { color: #F7B99A; text-decoration-color: currentColor; }
.woocommerce-checkout #payment div.payment_box { background: var(--white); color: var(--grey-700); border-radius: var(--radius-md); }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--white); }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price { color: var(--teal-900); font-weight: var(--fw-bold); }

/* ---------- Responsive ---------- */
@media (max-width: 1439.98px) {
	.mk-nav__link { padding: 0 10px; font-size: 13.5px; }
	.mk-header .mk-cart .mk-cart__total { display: none; }
}
@media (max-width: 1239.98px) {
	.mk-nav { display: none; }
	.mk-header__menu-btn { display: flex; }
}
@media (max-width: 899.98px) {
	.mk-wide-only { display: none; }
}
.mk-mobile-nav__theme { display: flex; gap: 8px; padding: 16px 0 24px; }
.mk-mobile-nav__theme button {
	display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px;
	border: 1px solid rgba(254, 254, 254, .3); border-radius: var(--radius-pill); background: transparent; color: #FEFEFE; font-size: 14px;
}
html:not([data-theme="dark"]) .mk-mobile-nav__theme [data-set-theme="light"],
[data-theme="dark"] .mk-mobile-nav__theme [data-set-theme="dark"] { background: #F7B99A; border-color: #F7B99A; color: #000; }
@media (max-width: 959.98px) {
	.mk-shop { grid-template-columns: minmax(0, 1fr); padding-top: 28px; }
	.mk-shop__filters-btn { display: inline-flex; }
	.mk-shop__sidebar {
		position: fixed; inset: 0 auto 0 0; z-index: 120; top: 0; width: min(360px, 88vw); max-height: none;
		padding: 20px; background: var(--white); box-shadow: var(--shadow-lg);
		transform: translateX(-105%); transition: transform .3s var(--ease); visibility: hidden;
	}
	.mk-shop__sidebar.is-open { transform: none; visibility: visible; }
	.mk-shop__close { display: flex; color: var(--teal-900); background: var(--sage-100); }
	body.mk-filters-open::after { content: ""; position: fixed; inset: 0; z-index: 110; background: rgba(8, 30, 32, .45); }
	.mk-shop__toolbar { gap: 10px; }
	.woocommerce .mk-shop__toolbar .woocommerce-result-count { order: 3; flex-basis: 100%; }
	.woocommerce .mk-shop__toolbar .woocommerce-ordering { flex: 1; min-width: 0; margin: 0; }
	.mk-shop__toolbar .woocommerce-ordering select { width: 100%; height: 40px; text-overflow: ellipsis; }
	.mk-shop__sidebar-head { position: sticky; top: -20px; z-index: 1; margin: -20px -20px 0; padding: 20px; background: var(--white); }
	/* Phones and tablets: categories scroll sideways in one row */
	.mk-catnav { display: flex; overflow-x: auto; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scroll-padding-inline: var(--gutter); scroll-snap-type: x proximity; scrollbar-width: none; }
	.mk-catnav__item { flex: none; width: 190px; scroll-snap-align: start; }
	.mk-catnav::-webkit-scrollbar { display: none; }
	.mk-products__grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr)); gap: 12px; }
}
@media (max-width: 600px) {
	.mk-section { padding-block: 56px; }
	.mk-wholesale__content, .mk-lead-box { padding: 28px 22px; }
	.mk-page { padding-top: 36px; padding-bottom: 64px; }
	.mk-page-hero__inner { padding-top: 20px; padding-bottom: 36px; }
	.mk-page-hero__intro { font-size: 16px; }
	.mk-faq__question { font-size: 16px; padding-block: 16px; }
	.mk-branch__body { padding: 22px; }
	.mk-product__body { padding: 12px 12px 14px; }
	.mk-hero__inner { padding-top: 36px; }
	.mk-hero__slide { gap: 32px; }
	.mk-lang { margin-right: 0; }
	.mk-cart__total { display: none; }
	.mk-header__hide-sm, .mk-topbar__social { display: none; }
	.mk-header { --hdr: 60px; --hdr-hide: 10px; }
	body:has(.mk-hero) { --mk-head: 96px; }
	.mk-header__inner { gap: 10px; }
	.mk-header__logo { width: 46px; height: 46px; }
	.mk-header .mk-cart { margin-left: 2px; padding: 0 10px; }
	.mk-faq__title { font-size: 22px; }
	.mk-fab { right: 16px; bottom: 16px; }
	.mk-toast { right: 16px; bottom: 88px; }
}
@media (prefers-reduced-motion: reduce) {
	/* One iteration: an infinite animation squeezed to 0.01ms restarts every frame and flickers (the FAB ring "jumped" on
	   phones with Reduce Motion on). */
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
	.mk-fab__ring { display: none; }
}

/* Core search form (404, empty results) */
.search-form { display: flex; gap: 10px; max-width: 520px; margin: 20px 0; }
.search-form label { flex: 1; }
.search-form .search-field {
	width: 100%; height: 48px; padding: 0 20px; border: 1.5px solid var(--sage-400);
	border-radius: var(--radius-pill); background: var(--white); color: var(--black); font-size: 15px; outline: 0;
}
.search-form .search-field:focus { border-color: var(--teal-400); box-shadow: var(--focus-ring); }
.search-form .search-submit {
	height: 48px; padding: 0 24px; border: 0; border-radius: var(--radius-pill);
	background: var(--peach-500); color: #000; font-weight: var(--fw-bold);
}