/*
 * StyleMZ 2026 independent storefront skin.
 * The active theme is infrastructure only; every customer-facing surface is
 * owned by EK Commerce Shell or SMZ Editorial Home.
 */
:root {
	--smz26-black: #090909;
	--smz26-white: #f7f7f3;
	--smz26-paper: #efefe9;
	--smz26-line: #b8b8b1;
	--smz26-muted: #666660;
	--smz26-signal: #a31f27;
	--smz26-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--smz26-sans: Inter, Arial, Helvetica, sans-serif;
}

body.ekcs-site-smz {
	background: var(--smz26-paper) !important;
	color: var(--smz26-black);
	font-family: var(--smz26-sans);
	-webkit-font-smoothing: antialiased;
}
body.ekcs-site-smz :where(button,input,select,textarea) { border-radius: 0 !important; }
body.ekcs-site-smz :where(a,button):focus-visible { outline: 2px solid var(--smz26-signal); outline-offset: 3px; }

/* A compact label-like chrome leaves the clothes as the loudest element. */
body.ekcs-site-smz .ekcs-promo {
	min-height: 28px;
	border-bottom: 1px solid #282828;
	background: var(--smz26-black);
	color: #d8d8d2;
	font: 650 8px/28px var(--smz26-mono);
	letter-spacing: .18em;
	text-transform: uppercase;
}
body.ekcs-site-smz .ekcs-header {
	border-bottom: 1px solid var(--smz26-black);
	background: rgba(247,247,243,.96);
	box-shadow: none;
	backdrop-filter: blur(14px);
}
body.ekcs-site-smz .ekcs-header__inner {
	width: 100%;
	max-width: none;
	min-height: 68px;
	padding: 0 clamp(14px,2.1vw,40px);
}
body.ekcs-site-smz .ekcs-logo__word {
	font-size: clamp(22px,2vw,31px);
	font-weight: 900;
	letter-spacing: -.08em;
}
body.ekcs-site-smz .ekcs-nav__item,
body.ekcs-site-smz .ekcs-icon {
	font: 750 9px/1 var(--smz26-mono);
	letter-spacing: .12em;
	text-transform: uppercase;
}
body.ekcs-site-smz .ekcs-nav__item::after { height: 2px; background: var(--smz26-signal); }
body.ekcs-site-smz .ekcs-count {
	border: 1px solid var(--smz26-black);
	background: var(--smz26-signal);
	color: #fff;
}

body.ekcs-site-smz .ekcs-drawer__panel,
body.ekcs-site-smz .ekcs-cart-drawer__panel,
body.ekcs-site-smz .ekcs-quick__panel {
	border: 1px solid var(--smz26-black);
	border-radius: 0;
	background: var(--smz26-white);
	box-shadow: none;
}
body.ekcs-site-smz .ekcs-drawer__top,
body.ekcs-site-smz .ekcs-cart-drawer__head,
body.ekcs-site-smz .ekcs-quick__top { border-color: var(--smz26-black); }

/* Collection page: runway index, not a theme catalogue. */
body.ekcs-site-smz .ekcs-smz-archive {
	min-height: 70vh;
	background: var(--smz26-paper);
}
body.ekcs-site-smz .smz-pangaia-header {
	width: min(calc(100% - 64px),1640px) !important;
	padding: clamp(58px,6vw,96px) 0 0 !important;
	border-bottom: 1px solid var(--smz26-black);
}
body.ekcs-site-smz .smz-pangaia-header::before {
	display: block;
	margin-bottom: 20px;
	color: var(--smz26-signal);
	content: "STYLEMZ / COLLECTION INDEX";
	font: 750 9px/1 var(--smz26-mono);
	letter-spacing: .2em;
}
body.ekcs-site-smz .smz-pangaia-intro {
	display: grid;
	grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr);
	align-items: end;
	gap: clamp(36px,6vw,104px);
	padding-bottom: clamp(42px,5vw,72px);
}
body.ekcs-site-smz .smz-pangaia-title {
	max-width: 10ch;
	margin: 0 !important;
	color: var(--smz26-black) !important;
	font: 850 clamp(64px,8vw,142px)/.78 var(--smz26-sans) !important;
	letter-spacing: -.075em !important;
	text-transform: uppercase;
}
body.ekcs-site-smz .smz-pangaia-description {
	max-width: 46ch;
	margin: 0 0 4px;
	color: var(--smz26-muted);
	font-size: 15px;
	line-height: 1.65;
}
body.ekcs-site-smz .smz-pangaia-chips {
	display: flex;
	gap: 0;
	margin: 0;
	overflow-x: auto;
	border-top: 1px solid var(--smz26-black);
	scrollbar-width: none;
}
body.ekcs-site-smz .smz-pangaia-chip {
	flex: 1 1 0;
	flex-direction: row;
	justify-content: center;
	gap: 10px;
	min-width: 0;
	min-height: 78px;
	padding: 16px 18px;
	border: 0;
	border-right: 1px solid var(--smz26-black);
	border-radius: 0;
	background: transparent;
}
body.ekcs-site-smz .smz-pangaia-chip:last-child { border-right: 0; }
body.ekcs-site-smz .smz-pangaia-chip svg {
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	padding: 0;
	border-radius: 0;
	background: transparent;
}
body.ekcs-site-smz .smz-pangaia-chip-label { font: 700 9px/1 var(--smz26-mono); letter-spacing: .1em; text-transform: uppercase; }
body.ekcs-site-smz .smz-pangaia-chip:hover,
body.ekcs-site-smz .smz-pangaia-chip.is-active { background: var(--smz26-black); color: #fff; }
body.ekcs-site-smz .smz-pangaia-toolbar {
	min-height: 58px;
	margin: 0;
	padding: 0;
	border-top: 1px solid var(--smz26-black);
}
body.ekcs-site-smz .smz-pangaia-count,
body.ekcs-site-smz .smz-pangaia-layout-label { font: 650 9px/1 var(--smz26-mono); letter-spacing: .12em; text-transform: uppercase; }
body.ekcs-site-smz .ekcs-smz-archive__controls,
body.ekcs-site-smz .ekcs-smz-archive__catalog {
	width: min(calc(100% - 64px),1640px) !important;
	padding-right: 0;
	padding-left: 0;
}
body.ekcs-site-smz .ekcs-smz-archive__controls {
	margin-top: 18px !important;
}
body.ekcs-site-smz .ekcs-smz-products-grid {
	--smz-grid-gap: clamp(10px,1.5vw,26px);
	gap: clamp(28px,4vw,72px) var(--smz-grid-gap) !important;
}
body.ekcs-site-smz .ekcs-smz-products-grid > .product-small.ekcs-product-card {
	flex-basis: calc((100% - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap)) / 4) !important;
	width: calc((100% - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap)) / 4) !important;
	max-width: calc((100% - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap)) / 4) !important;
}
html[data-cols="6"] body.ekcs-site-smz .ekcs-smz-products-grid > .product-small.ekcs-product-card {
	flex-basis: calc((100% - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap)) / 6) !important;
	width: calc((100% - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap)) / 6) !important;
	max-width: calc((100% - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap) - var(--smz-grid-gap)) / 6) !important;
}
body.ekcs-site-smz .smz-load-more-wrap {
	display: grid;
	min-height: 132px;
	margin: 64px 0 0;
	place-items: center;
	border-top: 1px solid var(--smz26-black);
}
body.ekcs-site-smz .smz-load-more {
	display: inline-flex;
	width: min(100%,260px);
	min-height: 54px;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	border: 1px solid var(--smz26-black);
	background: transparent;
	color: var(--smz26-black);
	font: 750 9px/1 var(--smz26-mono);
	letter-spacing: .14em;
	text-transform: uppercase;
}
body.ekcs-site-smz .smz-load-more::after {
	content: "↓";
	font-size: 15px;
	line-height: 1;
}
body.ekcs-site-smz .smz-load-more:hover,
body.ekcs-site-smz .smz-load-more.is-loading {
	background: var(--smz26-black);
	color: #fff;
}
body.ekcs-site-smz .smz-load-more-wrap .ekcs-ek-load-more-status {
	min-height: 16px;
	margin: -28px 0 0;
	color: var(--smz26-muted);
	font: 650 9px/1.4 var(--smz26-mono);
	letter-spacing: .08em;
	text-align: center;
	text-transform: uppercase;
}
body.ekcs-site-smz.ekcs-load-more-ready nav.woocommerce-pagination {
	display: none !important;
}

/* Product cards are image-first numbered works. */
body.ekcs-site-smz .product-small.ekcs-product-card .ekcs-product-card__media {
	border: 0;
	background: #e4e4de;
}
body.ekcs-site-smz .product-small.ekcs-product-card .ekcs-product-card__image img {
	filter: saturate(.88);
	transition: transform .6s cubic-bezier(.22,1,.36,1), filter .25s ease;
}
body.ekcs-site-smz .product-small.ekcs-product-card:hover .ekcs-product-card__image img { filter: none; transform: scale(1.025); }
body.ekcs-site-smz .product-small.ekcs-product-card .ekcs-product-card__content { padding-top: 11px; }
body.ekcs-site-smz .product-small.ekcs-product-card .ekcs-product-card__index { background: var(--smz26-black); }
body.ekcs-site-smz .product-small.ekcs-product-card .ekcs-product-card__title { font-size: 12px !important; font-weight: 720 !important; }
body.ekcs-site-smz .product-small.ekcs-product-card .ekcs-product-card__edition-meta { border-top-color: var(--smz26-black); }

/* PDP: a gallery wall with a compact sticky buying panel. */
body.ekcs-site-smz .ekcs-smz-pdp { padding: clamp(20px,3vw,48px) clamp(12px,2.6vw,48px) 92px; background: var(--smz26-paper); }
body.ekcs-site-smz .ekcs-smz-pdp__top {
	max-width: 1800px;
	grid-template-columns: minmax(0,1.45fr) minmax(360px,.55fr);
	gap: clamp(28px,4vw,72px);
}
body.ekcs-site-smz .ekcs-smz-pdp__media { min-width: 0; }
body.ekcs-site-smz .ekcs-owned-gallery { align-items: start; }
body.ekcs-site-smz .ekcs-owned-gallery__nav {
	align-self: start;
	max-height: var(--ekcs-gallery-height);
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: var(--smz26-black) transparent;
}
body.ekcs-site-smz .ekcs-owned-gallery__nav button {
	width: 68px;
	height: 84px;
	border: 0;
	border-bottom: 2px solid transparent;
	background: #dddcd6;
	opacity: .52;
}
body.ekcs-site-smz .ekcs-owned-gallery__nav button.is-active { border-color: var(--smz26-signal); opacity: 1; }
body.ekcs-site-smz .ekcs-smz-pdp__summary {
	position: sticky;
	top: calc(var(--ekcs-header-h,68px) + 24px);
	padding: 22px 0;
	border-top: 2px solid var(--smz26-black);
}
body.ekcs-site-smz .ekcs-smz-pdp__edition { color: var(--smz26-signal); font: 700 9px/1 var(--smz26-mono); letter-spacing: .18em; }
body.ekcs-site-smz .ekcs-smz-pdp__summary .product_title {
	margin: 18px 0 14px !important;
	font: 820 clamp(38px,4vw,68px)/.88 var(--smz26-sans) !important;
	letter-spacing: -.065em !important;
	text-transform: uppercase;
}
body.ekcs-site-smz .ekcs-smz-pdp__summary .price { font-family: var(--smz26-mono) !important; font-size: 16px !important; }
body.ekcs-site-smz .ekcs-smz-pdp__summary .single_add_to_cart_button {
	border: 1px solid var(--smz26-black) !important;
	background: var(--smz26-black) !important;
	box-shadow: none !important;
}
body.ekcs-site-smz .ekcs-smz-pdp__summary .single_add_to_cart_button:hover { background: var(--smz26-signal) !important; border-color: var(--smz26-signal) !important; }

/* Transaction pages stay calm and precise. */
body.ekcs-site-smz :is(.ekcs-smz-cart-page,.ekcs-smz-checkout-page,.ekcs-smz-account-page,.ekcs-smz-wishlist-page) {
	background: var(--smz26-paper);
}
body.ekcs-site-smz :is(.ekcs-smz-cart-page__content,.ekcs-smz-checkout-page__content,.ekcs-smz-account-page__content,.ekcs-smz-wishlist-page__content) {
	width: min(100% - 28px,1540px);
	margin-inline: auto;
}
body.ekcs-site-smz :is(.ekcs-smz-cart-page__head,.ekcs-checkout-intro,.ekcs-smz-account-page__intro,.ekcs-smz-wishlist-intro) {
	padding-top: clamp(52px,7vw,110px);
	border-bottom: 2px solid var(--smz26-black);
}
body.ekcs-site-smz :is(.ekcs-smz-cart-page__head h1,.ekcs-checkout-title,.ekcs-smz-account-page__intro h1,.ekcs-smz-wishlist-intro h1) {
	color: var(--smz26-black) !important;
	font: 840 clamp(48px,8vw,122px)/.8 var(--smz26-sans) !important;
	letter-spacing: -.075em !important;
	text-transform: uppercase;
}
body.ekcs-site-smz .woocommerce :where(input.input-text,select,textarea) {
	min-height: 50px;
	border: 1px solid var(--smz26-line) !important;
	background: var(--smz26-white) !important;
	box-shadow: none !important;
}
body.ekcs-site-smz .woocommerce :where(button.button,a.button,input.button) {
	min-height: 48px;
	border: 1px solid var(--smz26-black) !important;
	background: var(--smz26-black) !important;
	color: #fff !important;
	font: 700 10px/1 var(--smz26-mono) !important;
	letter-spacing: .12em;
	text-transform: uppercase;
}

body.ekcs-site-smz .ekcs-footer {
	border-top: 1px solid #333;
	background: var(--smz26-black);
	color: #e9e9e4;
}
body.ekcs-site-smz .ekcs-footer__main { width: 100%; max-width: none; padding: clamp(54px,7vw,110px) clamp(18px,3vw,56px); }
body.ekcs-site-smz .ekcs-footer__logo { font-size: clamp(54px,10vw,170px); font-weight: 900; letter-spacing: -.09em; line-height: .75; }
body.ekcs-site-smz .ekcs-footer__column h2 { color: #777; font: 700 8px/1 var(--smz26-mono); letter-spacing: .18em; }
body.ekcs-site-smz .ekcs-footer__column a { color: #fff; font-size: 12px; }

@media (min-width: 768px) and (max-width: 1023px) {
	body.ekcs-site-smz .ekcs-smz-products-grid > .product-small.ekcs-product-card,
	html[data-cols="6"] body.ekcs-site-smz .ekcs-smz-products-grid > .product-small.ekcs-product-card {
		flex-basis: calc((100% - var(--smz-grid-gap)) / 2) !important;
		width: calc((100% - var(--smz-grid-gap)) / 2) !important;
		max-width: calc((100% - var(--smz-grid-gap)) / 2) !important;
	}
}

@media (max-width: 767px) {
	body.ekcs-site-smz .ekcs-header__inner { min-height: 58px; }
	body.ekcs-site-smz .smz-pangaia-header {
		width: calc(100% - 24px) !important;
		padding-top: 48px !important;
	}
	body.ekcs-site-smz .smz-pangaia-intro {
		display: block;
		padding-bottom: 32px;
	}
	body.ekcs-site-smz .smz-pangaia-title { font-size: clamp(58px,20vw,88px) !important; }
	body.ekcs-site-smz .smz-pangaia-description { margin: 24px 0 0; }
	body.ekcs-site-smz .smz-pangaia-chips { margin-right: -12px; }
	body.ekcs-site-smz .smz-pangaia-chip {
		flex: 0 0 128px;
		flex-direction: column;
		gap: 6px;
		min-width: 128px;
		min-height: 0;
		padding: 15px 14px;
	}
	body.ekcs-site-smz .smz-pangaia-chip svg { width: 32px; height: 32px; }
	body.ekcs-site-smz .smz-pangaia-toolbar-right { display: none; }
	body.ekcs-site-smz .ekcs-smz-archive__controls,
	body.ekcs-site-smz .ekcs-smz-archive__catalog { width: calc(100% - 24px) !important; }
	body.ekcs-site-smz .ekcs-smz-products-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
	body.ekcs-site-smz .ekcs-smz-products-grid > .product-small.ekcs-product-card,
	html[data-cols] body.ekcs-site-smz .ekcs-smz-products-grid > .product-small.ekcs-product-card {
		flex-basis: calc((100% - var(--smz-grid-gap)) / 2) !important;
		width: calc((100% - var(--smz-grid-gap)) / 2) !important;
		max-width: calc((100% - var(--smz-grid-gap)) / 2) !important;
	}
	body.ekcs-site-smz .smz-load-more-wrap { min-height: 112px; margin-top: 42px; }
	body.ekcs-site-smz .smz-load-more { width: 100%; }
	body.ekcs-site-smz .ekcs-smz-pdp { padding: 12px 10px calc(104px + env(safe-area-inset-bottom)); }
	body.ekcs-site-smz .ekcs-smz-pdp__top { display: flex; width: 100%; flex-direction: column; align-items: stretch; gap: 26px; }
	body.ekcs-site-smz .ekcs-smz-pdp__top > * { width: 100% !important; max-width: none; min-width: 0; }
	body.ekcs-site-smz .ekcs-smz-pdp__summary { position: static; width: 100% !important; max-width: none; padding: 20px 2px 0; }
	body.ekcs-site-smz .ekcs-smz-pdp__summary .product_title { font-size: clamp(40px,13vw,62px) !important; }
	body.ekcs-site-smz .ekcs-owned-gallery__nav { max-height: none !important; overflow: visible; }
	body.ekcs-site-smz .ekcs-footer__logo { font-size: 21vw; }
}

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