/* Final editorial refinements: constrained wide canvas, not full-bleed. */
/* The theme's blue scroll-to-top control is not part of the ZART public UI. */
body.zart-frontend-preview #ast-scroll-top,
body.zart-frontend-preview .ast-scroll-top-icon {
	display: none !important;
}

.zart-frontend-preview {
	/* Match the public Home canvas: wide editorial desktop and a restrained edge. */
	--zart-content-max: 112rem;
	--zart-page-gutter: 1rem;
	--zart-sticky-offset: 0px;
	--zart-bg-primary: #f8f9fa;
	--zart-card-surface: #F7F4EF;
	--zart-page-control-hover: rgba(17, 17, 17, 0.035);
	--zart-font-family: "Montserrat", sans-serif;
	--zart-text-primary: #000000;
	--zart-text-secondary: #000000;
}

/* One structural canvas: explicit selectors prevent Astra/Elementor inheritance gaps. */
body.zart-frontend-preview,
body.zart-frontend-preview #page,
body.zart-frontend-preview .site-content,
body.zart-frontend-preview .site-main,
body.zart-frontend-preview .site-content .ast-container,
body.zart-frontend-preview .entry-content,
.zart-frontend-preview .zart-product,
.zart-frontend-preview .zart-product__page-control,
.zart-frontend-preview .zart-product__content,
.zart-frontend-preview .zart-product__panel {
	background-color: var(--zart-bg-primary) !important;
}

/* Brand discovery has its own approved canvas, including the theme wrappers. */
body.zart-frontend-preview.zart-frontend-brands {
	--zart-bg-primary: #f5f8fb;
	--zart-card-surface: #f5f8fb;
}

body.zart-frontend-preview.zart-frontend-brands,
body.zart-frontend-preview.zart-frontend-brands #page,
body.zart-frontend-preview.zart-frontend-brands .site-content,
body.zart-frontend-preview.zart-frontend-brands .site-main,
body.zart-frontend-preview.zart-frontend-brands .site-content .ast-container,
body.zart-frontend-preview.zart-frontend-brands .entry-content {
	background-color: #f5f8fb !important;
}

/* Single typographic system for every visible text surface in the public preview. */
.zart-frontend-preview,
.zart-frontend-preview :is(body, main, article, section, header, footer, nav, div, p, span, a, button, input, textarea, select, label, small, strong, em, li, th, td, caption, h1, h2, h3, h4, h5, h6) {
	font-family: var(--zart-font-family) !important;
}

.zart-frontend-preview .site-content > .ast-container {
	width: min(calc(100% - 4rem), var(--zart-content-max)) !important;
	max-width: none !important;
	margin-inline: auto;
	padding-inline: 0 !important;
}

.zart-frontend-preview .zart-product__page-control {
	top: var(--zart-sticky-offset) !important;
	box-shadow: 0 1px 0 rgba(17, 17, 17, 0.06);
}

.zart-frontend-preview .zart-product__tabs a {
	position: relative;
	white-space: nowrap;
	transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.zart-frontend-preview .zart-product__tabs a.is-active {
	background-color: var(--zart-bg-primary);
	font-weight: 600;
}

.zart-frontend-preview .zart-product__tabs a:not(.is-active):hover {
	background-color: var(--zart-page-control-hover);
	color: var(--zart-text-primary);
}

.zart-frontend-preview .zart-product__tabs a:not(.is-active):active {
	background-color: rgba(17, 17, 17, 0.05);
}

.zart-frontend-preview .zart-product__tabs a::after {
	position: absolute;
	bottom: -1px;
	left: 0.72rem;
	right: 0.72rem;
	height: 2px;
	background: var(--zart-text-primary);
	content: "";
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 200ms ease;
}

.zart-frontend-preview .zart-product__tabs a.is-active::after {
	transform: scaleX(1);
}

.zart-frontend-preview .zart-product__tabs a.is-active {
	border-bottom-color: transparent;
}

.zart-frontend-preview .zart-product__panel {
	scroll-margin-top: calc(var(--zart-sticky-offset) + 4.5rem);
}

.zart-frontend-preview .zart-product__panel:target {
	animation: zart-panel-enter 220ms ease-out both;
}

@keyframes zart-panel-enter {
	from { opacity: 0.84; transform: translateY(0.4rem); }
	to { opacity: 1; transform: translateY(0); }
}

/* Four contained cards on desktop; tracks remain independently scrollable. */
.zart-frontend-preview .zart-product__feature-track {
	gap: 0.65rem;
}

.zart-frontend-preview .zart-product__feature-card {
	flex-basis: calc((100% - 1.95rem) / 4);
	display: grid;
	grid-template-rows: clamp(9.5rem, 13vw, 12.5rem) minmax(0, 1fr);
	align-items: start;
}

.zart-frontend-preview .zart-product__feature-card figure {
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	margin: 0;
	background: var(--zart-card-surface);
}

.zart-frontend-preview .zart-product__feature-card div {
	display: block;
	padding: 0.7rem;
	align-self: start;
}

.zart-frontend-preview .zart-product .zart-product__feature-card h2 {
	font-size: clamp(0.76rem, 0.78vw, 0.86rem) !important;
	line-height: 1.25 !important;
}

.zart-frontend-preview .zart-product .zart-product__feature-card p {
	display: -webkit-box;
	margin-top: 0.35rem !important;
	font-size: clamp(0.72rem, 0.72vw, 0.78rem) !important;
	font-weight: 200 !important;
	line-height: 1.45 !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.zart-frontend-preview .zart-product__feature-card img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.zart-frontend-preview .zart-product__feature-controls {
	gap: 0.35rem;
	margin-top: 0.7rem;
}

.zart-frontend-preview .zart-product__feature-controls button {
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0;
	background: var(--zart-card-surface);
	color: #000;
	font: 600 0.9rem/1 var(--zart-font-family);
}

/* The overview image floats on desktop so each paragraph uses the available width naturally. */
.zart-frontend-preview .zart-product__overview {
	display: flow-root;
}

.zart-frontend-preview .zart-product__overview-image {
	float: left;
	width: min(48%, 42rem);
	margin: 0 clamp(2rem, 5vw, 5rem) 1.5rem 0;
	background: var(--zart-card-surface);
}

.zart-frontend-preview .zart-product__overview-copy {
	max-width: none;
	padding-top: 0.35rem;
	color: var(--zart-text-secondary);
	font-family: var(--zart-font-family);
	font-size: clamp(0.75rem, 0.82vw, 0.875rem);
	font-weight: 200;
	line-height: 1.55;
	text-align: justify;
	text-align-last: left;
}

.zart-frontend-preview .zart-product__overview-copy p {
	margin: 0 0 0.75rem;
}

.zart-frontend-preview .zart-product__overview-continuation {
	width: auto;
	max-width: none;
	margin: 0;
	color: var(--zart-text-secondary);
	font-family: var(--zart-font-family);
	font-size: clamp(0.75rem, 0.82vw, 0.875rem);
	font-weight: 200;
	line-height: 1.55;
	text-align: justify;
	text-align-last: left;
}

.zart-frontend-preview .zart-product__overview-continuation p {
	margin: 0 0 0.75rem;
}

.zart-frontend-preview .zart-product__feature-card,
.zart-frontend-preview .zart-product__feature-card figure,
.zart-frontend-preview .zart-product__documents a,
.zart-frontend-preview .zart-product__related a {
	background: var(--zart-card-surface);
}

/* A single premium technical table: stronger group rows, compact data rows. */
.zart-frontend-preview .zart-product__spec-table .zart-product__spec-group th {
	padding: 1.05rem 1rem 0.7rem !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	line-height: 1.3;
	letter-spacing: 0.12em;
	vertical-align: middle;
}

.zart-frontend-preview .zart-product__spec-table tr:not(.zart-product__spec-group) th,
.zart-frontend-preview .zart-product__spec-table tr:not(.zart-product__spec-group) td {
	padding: 0.65rem 1rem;
	vertical-align: middle;
}

.zart-frontend-preview .zart-product__spec-table tr:not(.zart-product__spec-group) th {
	font-weight: 600;
}

@media screen and (max-width: 1100px) {
	.zart-frontend-preview .zart-product__feature-card {
		flex-basis: calc((100% - 0.65rem) / 2);
	}
}

@media screen and (max-width: 900px) {
	.zart-frontend-preview .zart-product__overview-image {
		float: none;
		width: 100%;
		margin: 0 0 1.5rem;
	}
}

@media screen and (max-width: 760px) {
	.zart-frontend-preview {
		--zart-page-gutter: 0.7rem;
	}

	.zart-frontend-preview .site-content > .ast-container {
		width: min(calc(100% - 2.3rem), var(--zart-content-max)) !important;
	}

	.zart-frontend-preview .zart-product__tabs a {
		padding-inline: 0.72rem;
		font-size: 0.61rem;
	}

	.zart-frontend-preview .zart-product__tabs a::after {
		left: 0.42rem;
		right: 0.42rem;
	}

	.zart-frontend-preview .zart-product__hero {
		padding-top: clamp(2.75rem, 10vw, 3.5rem);
	}

	.zart-frontend-preview .zart-product__overview-copy,
	.zart-frontend-preview .zart-product__overview-continuation {
		width: 100%;
		max-width: none;
	}

	.zart-frontend-preview .zart-product__feature-card {
		flex-basis: 100%;
	}

	.zart-frontend-preview .zart-product__spec-table .zart-product__spec-group th {
		padding-inline: 0.8rem !important;
	}
}

@media screen and (max-width: 600px) {
	.zart-frontend-preview .zart-product__tabs {
		flex-wrap: wrap;
		justify-content: center;
		overflow-x: visible;
		padding: 0.15rem 0.35rem;
	}

	.zart-frontend-preview .zart-product__tabs a {
		padding: 0.58rem 0.42rem;
		font-size: 0.54rem;
		letter-spacing: 0.075em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.zart-frontend-preview .zart-product__panel:target,
	.zart-frontend-preview .zart-product__tabs a {
		animation: none;
		transition: none;
	}
}

/* Cartões mantêm a superfície editorial e respondem sem aparência de ecommerce. */
.zart-frontend-preview .zart-product__feature-card {
	transition: border-color 180ms ease, transform 180ms ease;
}

@media (hover: hover) {
	.zart-frontend-preview .zart-product__feature-card:hover {
		border-color: rgba(0, 0, 0, 0.32);
		transform: translateY(-2px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.zart-frontend-preview .zart-product__feature-card {
		transition: none;
	}
}

/* Product catalogue: dense editorial discovery without commerce mechanics. */
.zart-frontend-preview .zart-catalog {
	width: min(calc(100% - (var(--zart-page-gutter) * 2)), var(--zart-content-max));
	margin: 0 auto;
	padding: clamp(1.5rem, 3vw, 3rem) 0 clamp(4rem, 8vw, 8rem);
	color: var(--zart-text-primary);
}

.zart-frontend-preview .zart-catalog__hero {
	max-width: 44rem;
	margin-bottom: clamp(1.75rem, 4vw, 3.25rem);
}

.zart-frontend-preview .zart-catalog__eyebrow,
.zart-frontend-preview .zart-catalog-card__brand {
	margin: 0 0 0.55rem;
	font-size: 0.67rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.zart-frontend-preview .zart-catalog__hero h1 {
	margin: 0;
	font-size: clamp(2rem, 4.4vw, 4rem);
	font-weight: 300;
	line-height: 1.05;
}

.zart-frontend-preview .zart-catalog__hero > p:last-child {
	max-width: 34rem;
	margin: 0.75rem 0 0;
	font-size: clamp(0.86rem, 1.2vw, 1rem);
	font-weight: 200;
	line-height: 1.55;
}

.zart-frontend-preview .zart-catalog__filters {
	display: grid;
	gap: 0.8rem;
	padding: 1rem 0;
	border-block: 1px solid rgba(0, 0, 0, 0.16);
}

.zart-frontend-preview .zart-catalog__search input,
.zart-frontend-preview .zart-catalog__filter-fields select,
.zart-frontend-preview .zart-catalog__filter-fields button,
.zart-frontend-preview .zart-catalog__filter-toggle {
	min-height: 2.7rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: var(--zart-bg-primary);
	color: var(--zart-text-primary);
	font: 500 0.72rem var(--zart-font-family);
}

.zart-frontend-preview .zart-catalog__search input {
	width: 100%;
	padding: 0.7rem 0.9rem;
}

.zart-frontend-preview .zart-catalog__filter-toggle { display: none; padding: 0.6rem 0.9rem; text-transform: uppercase; letter-spacing: 0.08em; }
.zart-frontend-preview .zart-catalog__filter-fields { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0.65rem; align-items: end; }
.zart-frontend-preview .zart-catalog__filter-fields label { display: grid; gap: 0.35rem; min-width: 0; }
.zart-frontend-preview .zart-catalog__filter-fields label > span { font-size: 0.6rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.zart-frontend-preview .zart-catalog__filter-fields select { width: 100%; padding: 0 0.55rem; }
.zart-frontend-preview .zart-catalog__filter-fields button { padding: 0.6rem 0.75rem; background: #111; color: #fff; border-color: #111; text-transform: uppercase; letter-spacing: 0.07em; }
.zart-frontend-preview .zart-catalog__applied,
.zart-frontend-preview .zart-catalog__results-bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 1rem 0; font-size: 0.72rem; }
.zart-frontend-preview .zart-catalog__applied a { color: #000; text-underline-offset: 0.2em; }
.zart-frontend-preview .zart-catalog__results-bar p { margin: 0; font-weight: 500; }

.zart-frontend-preview .zart-catalog__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.zart-frontend-preview .zart-catalog__infinite-sentinel { min-height: 1px; }
.zart-frontend-preview .zart-catalog__grid[aria-busy="true"]::after { grid-column: 1 / -1; padding: 1.25rem 0; color: #555; content: "Carregando mais produtos…"; font-size: .72rem; letter-spacing: .06em; text-align: center; text-transform: uppercase; }
.zart-frontend-preview .zart-catalog-card { min-width: 0; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.12); background: #f8f9fa; box-shadow: 0 0.3rem 1.2rem rgba(0, 0, 0, 0.035); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }
.zart-frontend-preview .zart-catalog-card__media { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; aspect-ratio: 1.18; background: #f8f9fa; }
.zart-frontend-preview .zart-catalog-card__media > a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; box-sizing: border-box; padding: 8% 9%; }
.zart-frontend-preview .zart-catalog-card__media img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain !important; object-position: center; transform: none !important; transition: none; }
.zart-frontend-preview .zart-catalog-card__placeholder { width: 100%; height: 100%; background: #f8f9fa; }
.zart-frontend-preview .zart-catalog-card__topbar { display: flex; height: 2.55rem; align-items: center; justify-content: flex-end; padding: 0.3rem 0.35rem 0; background: #f8f9fa; }
.zart-frontend-preview .zart-catalog-card__favorite { display: grid; width: 2rem; height: 2rem; place-items: center; padding: 0; border: 0; background: transparent; color: #111; cursor: pointer; }
.zart-frontend-preview .zart-catalog-card__favorite svg { width: 1.02rem; height: 1.02rem; overflow: visible; fill: #f8f9fa; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.65; transition: fill 180ms ease, transform 180ms ease; }
.zart-frontend-preview .zart-catalog-card__favorite:hover svg { transform: scale(1.08); }
.zart-frontend-preview .zart-catalog-card__favorite[aria-pressed="true"] svg { fill: currentColor; }
.zart-frontend-preview .zart-catalog-card__favorite[aria-pressed="true"] { color: #b32025; }
.zart-frontend-preview .zart-catalog-card,
.zart-frontend-preview .zart-catalog-card :is(h2, p, a, button, span) { font-family: var(--zart-font-family) !important; }
.zart-frontend-preview .zart-catalog-card__body { display: grid; grid-template-rows: auto minmax(2.56em, auto) auto auto 1fr; gap: 0.35rem; min-height: 12.25rem; padding: 1rem; }
.zart-frontend-preview .zart-catalog-card__brand { margin-bottom: 0.05rem; }
.zart-frontend-preview .zart-catalog-card h2 { display: -webkit-box; overflow: hidden; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: clamp(0.82rem, 0.92vw, 0.98rem) !important; font-weight: 500 !important; line-height: 1.28; }
.zart-frontend-preview .zart-catalog-card h2 a { color: #000; text-decoration: none; }
.zart-frontend-preview .zart-catalog-card h2 + .zart-catalog-card__code { margin-top: -0.18rem; }
.zart-frontend-preview .zart-catalog-card__code,
.zart-frontend-preview .zart-catalog-card__collection { margin: 0; color: #000; font-size: 0.66rem; font-weight: 300; line-height: 1.4; }
.zart-frontend-preview .zart-catalog-card__collection { font-weight: 500; }
.zart-frontend-preview .zart-catalog-card__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.65rem; margin-top: auto; padding-top: 0.6rem; text-align: center; }
.zart-frontend-preview .zart-catalog-card__selection,
.zart-frontend-preview .zart-catalog-card__link { border: 0; background: transparent; color: #000; cursor: pointer; font: 500 0.62rem var(--zart-font-family); letter-spacing: 0.055em; text-decoration: none; text-transform: uppercase; }
.zart-frontend-preview .zart-catalog-card__link { margin-left: 0; border-bottom: 1px solid currentColor; padding-bottom: 0.15rem; }
.zart-frontend-preview .zart-catalog-card__link span { transition: transform 180ms ease; }

/* Every carousel arrow receives the same exact optical centering. */
.zart-frontend-preview .zart-product :is(.zart-product__feature-controls button, .zart-product__carousel-controls button, .zart-product__lightbox [data-lightbox-prev], .zart-product__lightbox [data-lightbox-next], .zart-product__secondary-lightbox [data-secondary-lightbox-prev], .zart-product__secondary-lightbox [data-secondary-lightbox-next]) {
	display: inline-grid;
	padding: 0;
	place-items: center;
	line-height: 1;
	text-align: center;
}
@media (hover: hover) { .zart-frontend-preview .zart-catalog-card:hover { border-color: rgba(0, 0, 0, 0.32); box-shadow: 0 0.7rem 1.7rem rgba(0, 0, 0, 0.075); transform: translateY(-3px); } .zart-frontend-preview .zart-catalog-card:hover .zart-catalog-card__link span { display: inline-block; transform: translateX(2px); } }
.zart-frontend-preview .zart-catalog__empty { max-width: 40rem; padding: clamp(3rem, 8vw, 6rem) 0; }
.zart-frontend-preview .zart-catalog__empty h2 { font-size: clamp(1.35rem, 2.5vw, 2.25rem) !important; font-weight: 300 !important; }
.zart-frontend-preview .zart-catalog__empty a { color: #000; font-size: 0.75rem; font-weight: 600; text-underline-offset: 0.2em; }
.zart-frontend-preview .zart-catalog__suggestions { margin-top: clamp(2.5rem, 5vw, 5rem); padding-top: clamp(2.25rem, 4vw, 4rem); border-top: 1px solid rgba(17, 17, 17, .14); }
.zart-frontend-preview .zart-catalog__suggestions > header { max-width: 42rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.zart-frontend-preview .zart-catalog__suggestions h2 { margin: .3rem 0 .75rem; font-size: clamp(1.5rem, 2.5vw, 2.6rem); font-weight: 300; letter-spacing: -.04em; line-height: 1.08; }
.zart-frontend-preview .zart-catalog__suggestions > header > p:last-child { margin: 0; font-size: .86rem; font-weight: 300; line-height: 1.7; }
.zart-frontend-preview .zart-inspirations { width:var(--zart-public-canvas); max-width:none; margin:0 auto; padding:clamp(2.5rem,5vw,5rem) 0 clamp(4rem,8vw,8rem); }
.zart-frontend-preview .zart-inspirations__hero { max-width:44rem; margin-bottom:clamp(2rem,4vw,4rem); }
.zart-frontend-preview .zart-inspirations__hero h1 { margin:.35rem 0 1rem; font-size:clamp(2rem,4vw,4.5rem); font-weight:300; letter-spacing:-.055em; line-height:1; }
.zart-frontend-preview .zart-inspirations__hero > p:last-child { margin:0; font-size:clamp(.92rem,1.25vw,1.1rem); font-weight:300; line-height:1.75; }
.zart-frontend-preview .zart-inspirations__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.zart-frontend-preview .zart-inspirations__card { min-width:0; overflow:hidden; background:var(--zart-card-surface,#F7F4EF); transition:transform .25s ease,box-shadow .25s ease; }
.zart-frontend-preview .zart-inspirations__card a { display:block; color:#111; text-decoration:none; }
.zart-frontend-preview .zart-inspirations__card figure { aspect-ratio:4 / 5; margin:0; overflow:hidden; background:var(--zart-card-surface,#F7F4EF); }
.zart-frontend-preview .zart-inspirations__card img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.zart-frontend-preview .zart-inspirations__card div { padding:1rem 1.1rem 1.2rem; }
.zart-frontend-preview .zart-inspirations__card p { margin:0 0 .4rem; color:#5d646b; font-size:.58rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.zart-frontend-preview .zart-inspirations__card h2 { margin:0; font-size:clamp(1rem,1.45vw,1.45rem); font-weight:300; line-height:1.15; }
.zart-frontend-preview .zart-inspirations__card:hover { box-shadow:0 .8rem 1.6rem rgba(17,17,17,.09); transform:translateY(-.2rem); }
.zart-frontend-preview .zart-inspirations__card:hover img { transform:scale(1.025); }
.zart-frontend-preview .zart-inspirations__empty { padding:clamp(3rem,8vw,6rem) 0; }
.zart-frontend-preview .zart-inspirations__more { display:flex; justify-content:center; padding:1.5rem 0 0; }
.zart-frontend-preview .zart-inspirations__more a { color:#111; font-size:.66rem; font-weight:600; letter-spacing:.1em; text-decoration:none; text-transform:uppercase; }
@media (max-width:900px) { .zart-frontend-preview .zart-inspirations__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .zart-frontend-preview .zart-inspirations { width:calc(100% - 1.4rem); } .zart-frontend-preview .zart-inspirations__grid { grid-template-columns:1fr; } }
.zart-frontend-preview .zart-project { width:var(--zart-public-canvas); max-width:none; margin:0 auto; padding:clamp(2.5rem,5vw,5rem) 0 clamp(4rem,8vw,8rem); }
.zart-frontend-preview .zart-project__hero { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:clamp(2rem,5vw,6rem); align-items:end; }
.zart-frontend-preview .zart-project__back { display:inline-block; margin-bottom:clamp(2rem,5vw,5rem); color:#111; font-size:.68rem; font-weight:500; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.zart-frontend-preview .zart-project__hero p,.zart-frontend-preview .zart-project__overview b { display:block; margin:0 0 .6rem; color:#786a56; font-size:.6rem; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.zart-frontend-preview .zart-project__hero h1 { margin:0; color:#111; font-size:clamp(2.4rem,5vw,5.4rem); font-weight:300; letter-spacing:-.06em; line-height:.95; }
.zart-frontend-preview .zart-project__hero span { display:block; margin-top:1.25rem; color:#535b62; font-size:.84rem; font-weight:300; }
.zart-frontend-preview .zart-project__hero figure { aspect-ratio:1.16; margin:0; overflow:hidden; background:#e8edf1; }
.zart-frontend-preview .zart-project__hero img,.zart-frontend-preview .zart-project__gallery img { display:block; width:100%; height:100%; object-fit:cover; }
.zart-frontend-preview .zart-project__overview { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(15rem,.7fr); gap:clamp(2rem,7vw,9rem); padding:clamp(3rem,7vw,7rem) 0; }
.zart-frontend-preview .zart-project__copy { max-width:48rem; color:#30363b; font-size:clamp(.95rem,1.25vw,1.1rem); font-weight:300; line-height:1.8; }
.zart-frontend-preview .zart-project__copy > :first-child { margin-top:0; }
.zart-frontend-preview .zart-project__copy > :last-child { margin-bottom:0; }
.zart-frontend-preview .zart-project__overview aside { display:grid; align-content:start; gap:1.25rem; padding-top:.25rem; }
.zart-frontend-preview .zart-project__overview aside p { margin:0; color:#30363b; font-size:.82rem; font-weight:300; line-height:1.5; }
.zart-frontend-preview .zart-project__gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(.6rem,1.5vw,1.5rem); }
.zart-frontend-preview .zart-project__gallery figure { min-height:0; margin:0; overflow:hidden; background:#e8edf1; aspect-ratio:1 / 1.08; }
.zart-frontend-preview .zart-project__gallery figure.is-featured { grid-column:span 2; aspect-ratio:1.7 / 1; }
.zart-frontend-preview .zart-project__next { position:relative; min-height:0; overflow:hidden; background:#111; aspect-ratio:1 / 1.08; }
.zart-frontend-preview .zart-project__next a { display:flex; position:relative; flex-direction:column; justify-content:flex-end; width:100%; height:100%; padding:clamp(1.25rem,2.5vw,2.5rem); color:#f4f4f4; font-family:var(--zart-font-family); text-decoration:none; transition:background-color .35s ease; }
.zart-frontend-preview .zart-project__next figure { position:absolute; inset:0; z-index:0; margin:0; background:#252525; }
.zart-frontend-preview .zart-project__next figure::after { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.1) 15%,rgba(0,0,0,.76) 100%); content:""; }
.zart-frontend-preview .zart-project__next figure img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.22,.61,.36,1); }
.zart-frontend-preview .zart-project__next a > div,.zart-frontend-preview .zart-project__next i { position:relative; z-index:1; }
.zart-frontend-preview .zart-project__next span { margin-bottom:.7rem; color:#b58a53; font-size:.6rem; font-weight:600; letter-spacing:.13em; text-transform:uppercase; }
.zart-frontend-preview .zart-project__next h2 { max-width:14ch; margin:0; font-size:clamp(1.3rem,2.1vw,2.2rem); font-weight:300; letter-spacing:-.04em; line-height:1.08; }
.zart-frontend-preview .zart-project__next p { margin:.5rem 0 0; color:rgba(244,244,244,.76); font-size:.72rem; font-weight:300; line-height:1.5; }
.zart-frontend-preview .zart-project__next i { position:absolute; top:clamp(1.25rem,2.5vw,2.5rem); right:clamp(1.25rem,2.5vw,2.5rem); color:#b58a53; font-size:1.35rem; font-style:normal; transition:transform .35s ease; }
@media (hover:hover) { .zart-frontend-preview .zart-project__next a:hover { background:#1c1c1c; } .zart-frontend-preview .zart-project__next a:hover i { transform:translate(.18rem,-.18rem); } .zart-frontend-preview .zart-project__next a:hover figure img { transform:scale(1.035); } }
@media (max-width:720px) { .zart-frontend-preview .zart-project { width:calc(100% - 1.4rem); } .zart-frontend-preview .zart-project__hero,.zart-frontend-preview .zart-project__overview { grid-template-columns:1fr; } .zart-frontend-preview .zart-project__hero { gap:2rem; } .zart-frontend-preview .zart-project__back { margin-bottom:2rem; } .zart-frontend-preview .zart-project__gallery { gap:.65rem; } }
.zart-frontend-preview .zart-catalog__pagination { margin-top: 2.5rem; }
.zart-frontend-preview .zart-catalog__pagination ul { display: flex; flex-wrap: wrap; gap: 0.35rem; margin: 0; padding: 0; list-style: none; }
.zart-frontend-preview .zart-catalog__pagination a,
.zart-frontend-preview .zart-catalog__pagination span { display: grid; min-width: 2rem; min-height: 2rem; place-items: center; border: 1px solid rgba(0,0,0,.15); color: #000; font-size: 0.7rem; text-decoration: none; }
.zart-frontend-preview .zart-catalog__pagination .current { background: #111; color: #fff; }

@media screen and (max-width: 1180px) { .zart-frontend-preview .zart-catalog__filter-fields { grid-template-columns: repeat(4, minmax(0, 1fr)); } .zart-frontend-preview .zart-catalog__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media screen and (max-width: 760px) { .zart-frontend-preview .zart-catalog { width: min(calc(100% - 1.4rem), var(--zart-content-max)); padding-top: 1.5rem; } .zart-frontend-preview .zart-catalog__filter-toggle { display: inline-flex; width: max-content; align-items: center; } .zart-frontend-preview .zart-catalog__filter-fields { display: none; grid-template-columns: 1fr; padding-top: 0.4rem; } .zart-frontend-preview .zart-catalog__filter-fields[data-zart-filters-open] { display: grid; } .zart-frontend-preview .zart-catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; } .zart-frontend-preview .zart-catalog-card__body { min-height: 11.5rem; padding: 0.75rem; } .zart-frontend-preview .zart-catalog-card__actions { align-items: center; flex-direction: column; gap: 0.45rem; } .zart-frontend-preview .zart-catalog-card__link { margin-left: 0; } }
@media screen and (max-width: 390px) { .zart-frontend-preview .zart-catalog__grid { grid-template-columns: 1fr; } .zart-frontend-preview .zart-catalog-card__body { min-height: auto; } }
@media (prefers-reduced-motion: reduce) { .zart-frontend-preview .zart-catalog-card, .zart-frontend-preview .zart-catalog-card img, .zart-frontend-preview .zart-catalog-card__link span { transition: none; } }

/* Public Brand Hub and dynamic Brand detail: editorial discovery, never commerce. */
.zart-frontend-preview :is(.zart-brands, .zart-brand) {
	--zart-brand-canvas: var(--zart-card-surface);
	width: min(calc(100% - (var(--zart-page-gutter) * 2)), var(--zart-content-max));
	margin: 0 auto;
	padding: clamp(1.5rem, 3vw, 3rem) 0 clamp(4rem, 8vw, 8rem);
	background: var(--zart-brand-canvas);
	color: #000;
}

.zart-frontend-preview .zart-brands__hero {
	max-width: 42rem;
	margin-bottom: clamp(1.8rem, 4vw, 3.25rem);
}

.zart-frontend-preview :is(.zart-brands, .zart-brand) h1,
.zart-frontend-preview :is(.zart-brands, .zart-brand) h2,
.zart-frontend-preview :is(.zart-brands, .zart-brand) h3 {
	margin: 0;
	color: #000;
	font-family: var(--zart-font-family);
	font-weight: 400;
}

.zart-frontend-preview .zart-brands__hero h1,
.zart-frontend-preview .zart-brand__intro h1 {
	font-size: clamp(2.1rem, 4vw, 4rem);
	line-height: 1.08;
}

.zart-frontend-preview .zart-brands__hero > p:last-child,
.zart-frontend-preview .zart-brand__description {
	max-width: 39rem;
	margin: 0.85rem 0 0;
	color: #000;
	font-size: clamp(0.82rem, 0.95vw, 0.98rem);
	font-weight: 200;
	line-height: 1.6;
}

.zart-frontend-preview .zart-brands__eyebrow,
.zart-frontend-preview .zart-brand__eyebrow {
	margin: 0 0 0.65rem;
	font-size: 0.66rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.zart-frontend-preview .zart-brands__filters {
	display: grid;
	grid-template-columns: minmax(13rem, 1.4fr) repeat(2, minmax(10rem, 1fr)) auto;
	gap: 0.65rem;
	align-items: end;
	margin-bottom: 1rem;
}

.zart-frontend-preview .zart-brands__filters label {
	display: grid;
	gap: 0.35rem;
	color: #000;
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.zart-frontend-preview .zart-brands__filters :is(input, select) {
	width: 100%;
	min-height: 2.6rem;
	border: 1px solid rgba(0, 0, 0, 0.17);
	border-radius: 0;
	background: var(--zart-brand-canvas);
	color: #000;
	padding: 0.6rem 0.7rem;
	font: 400 0.78rem var(--zart-font-family);
}

.zart-frontend-preview .zart-brands__filters button {
	min-height: 2.6rem;
	border: 0;
	background: transparent;
	color: #000;
	cursor: pointer;
	font: 600 0.66rem var(--zart-font-family);
	letter-spacing: 0.06em;
	text-decoration: underline;
	text-underline-offset: 0.25em;
	text-transform: uppercase;
}

.zart-frontend-preview .zart-brands__result {
	min-height: 1.3rem;
	margin: 0 0 0.75rem;
	font-size: 0.74rem;
	font-weight: 200;
}

.zart-frontend-preview .zart-brands__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
	gap: clamp(1rem, 2vw, 1.5rem);
}

.zart-frontend-preview .zart-brand-card {
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background: var(--zart-brand-canvas);
	transition: border-color 280ms ease, box-shadow 280ms ease, transform 280ms ease;
}

.zart-frontend-preview .zart-brand-card[hidden] { display: none; }
.zart-frontend-preview .zart-brand-card__media {
	display: grid;
	min-height: clamp(12rem, 22vw, 18rem);
	place-items: center;
	overflow: hidden;
	background: #fff;
}

.zart-frontend-preview .zart-brand-card__media > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 300ms ease;
}

.zart-frontend-preview .zart-brand-card__typographic {
	padding: 1.5rem;
	color: #000;
	font-size: clamp(1.5rem, 3vw, 2.8rem);
	font-weight: 300;
	letter-spacing: 0.08em;
	text-align: center;
}

.zart-frontend-preview .zart-brand-card__content {
	display: grid;
	align-content: start;
	gap: 0.7rem;
	min-height: 10.5rem;
	padding: 1.15rem;
}

.zart-frontend-preview .zart-brand-card__content h2 {
	font-size: clamp(1.05rem, 1.4vw, 1.35rem);
}

.zart-frontend-preview .zart-brand-card__temporary-name {
	margin: 0;
	color: #000;
	font-size: clamp(1rem, 1.4vw, 1.3rem);
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.zart-frontend-preview .zart-brand-card__logo {
	width: auto;
	max-width: min(12rem, 75%);
	height: 2.3rem;
	object-fit: contain;
	object-position: left center;
}

.zart-frontend-preview .zart-brand-card__content p {
	margin: 0;
	color: #000;
	font-size: 0.8rem;
	font-weight: 200;
	line-height: 1.5;
}

.zart-frontend-preview .zart-brand-card__link {
	align-self: end;
	width: max-content;
	margin-top: auto;
	color: #000;
	font-size: 0.66rem;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-decoration: none;
	text-transform: uppercase;
}

.zart-frontend-preview .zart-brand-card__link span {
	display: inline-block;
	transition: transform 260ms ease;
}

.zart-frontend-preview.zart-frontend-brands .elementor-location-header a[aria-current="page"] {
	color: #000 !important;
}

@media (hover: hover) {
	.zart-frontend-preview .zart-brand-card:hover {
		border-color: rgba(0, 0, 0, 0.28);
		box-shadow: 0 0.7rem 1.8rem rgba(0, 0, 0, 0.08);
		transform: translateY(-2px);
	}
	.zart-frontend-preview .zart-brand-card:hover .zart-brand-card__media > img { transform: scale(1.015); }
	.zart-frontend-preview .zart-brand-card:hover .zart-brand-card__link span { transform: translateX(3px); }
}

.zart-frontend-preview .zart-brand__breadcrumbs {
	display: flex;
	gap: 0.45rem;
	margin-bottom: 1.35rem;
	font-size: 0.67rem;
	font-weight: 400;
}

.zart-frontend-preview .zart-brand__breadcrumbs a { color: #000; }

.zart-frontend-preview .zart-brand__hero {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
	gap: clamp(1.75rem, 4vw, 4.5rem);
	align-items: center;
	margin-bottom: clamp(1.25rem, 2.5vw, 2.25rem);
}

.zart-frontend-preview .zart-brand__logo {
	width: auto;
	max-width: min(16rem, 100%);
	max-height: 4rem;
	object-fit: contain;
	object-position: left center;
}

.zart-frontend-preview .zart-brand__description p { margin: 0 0 0.75rem; }
.zart-frontend-preview .zart-brand__explore-intro {
	margin-top: clamp(1.75rem, 4vw, 3.25rem);
	padding-top: 1rem;
	border-top: 1px solid rgba(0, 0, 0, 0.13);
}
.zart-frontend-preview .zart-brand__explore-intro h2 { font-size: clamp(1.35rem, 2vw, 2.05rem); }
.zart-frontend-preview .zart-brand__hero-media { margin: 0; background: #fff; }
.zart-frontend-preview .zart-brand__hero-media img { display: block; width: 100%; aspect-ratio: 1.4; object-fit: cover; }

.zart-frontend-preview .zart-brand__section { margin-top: clamp(3rem, 7vw, 6rem); }
.zart-frontend-preview .zart-brand__section > header { margin-bottom: 1.25rem; }
.zart-frontend-preview .zart-brand__section h2 { font-size: clamp(1.4rem, 2.1vw, 2.2rem); }

.zart-frontend-preview .zart-brand__categories {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.6rem;
	min-width: max-content;
}

.zart-frontend-preview .zart-brand__category-nav {
	position: sticky;
	top: var(--zart-brand-sticky-offset, 0px);
	z-index: 20;
	display: flex;
	align-items: center;
	gap: 0.8rem;
	padding: 0.55rem 0;
	background: var(--zart-brand-canvas);
	border-block: 1px solid transparent;
	transition: border-color 200ms ease, box-shadow 200ms ease;
}

.zart-frontend-preview .zart-brand__category-nav.is-stuck {
	border-bottom-color: rgba(0, 0, 0, 0.12);
	box-shadow: 0 0.5rem 0.9rem rgba(245, 248, 251, 0.94);
}

.zart-frontend-preview .zart-brand__nav-brand {
	display: grid;
	flex: 0 0 auto;
	width: 4.5rem;
	min-height: 2.15rem;
	place-items: center start;
	color: #000;
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.zart-frontend-preview .zart-brand__nav-brand img {
	display: block;
	width: 100%;
	height: 1.55rem;
	object-fit: contain;
	object-position: left center;
}

.zart-frontend-preview .zart-brand__category-nav .zart-brand__categories {
	flex: 1 1 auto;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.zart-frontend-preview .zart-brand__category-nav .zart-brand__categories::-webkit-scrollbar { display: none; }

/* The normal Brand palette is intentionally architectural rather than a row
 * of buttons: icon, discreet label and air — no repeated frames. */
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) {
	display: block;
	margin-top: 0;
	padding: 0.85rem 0 0;
	border-block: 0;
	box-shadow: none;
}
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__nav-brand { display: none; }
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__categories {
	display: grid;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	gap: 0.2rem;
	min-width: 0;
	overflow: visible;
}
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__categories a {
	min-width: 0;
	min-height: 4.35rem;
	padding: 0.45rem 0.2rem;
	border: 0;
	background: transparent;
}
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__categories a:hover,
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__categories a:focus-visible {
	border: 0;
	background: rgba(184, 154, 94, 0.08);
	transform: none;
}
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__categories a.is-active {
	border: 0;
	background: rgba(184, 154, 94, 0.1);
}
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__categories a.is-active::after {
	position: absolute;
	bottom: 0.2rem;
	left: 25%;
	width: 50%;
	height: 1px;
	background: #b89a5e;
	content: "";
}
.zart-frontend-preview .zart-brand__category-icon {
	background-color: #b89a5e;
	-webkit-mask: var(--zart-category-icon) center / contain no-repeat;
	mask: var(--zart-category-icon) center / contain no-repeat;
}
.zart-frontend-preview .zart-brand__category-icon--pending { background: transparent; }
.zart-frontend-preview .zart-brand__category-icon img { display: none; }
.zart-frontend-preview .zart-brand__category-name { color: #000; font-size: 0.52rem; font-weight: 500; letter-spacing: 0.025em; }
.zart-frontend-preview .zart-brand__category-arrow { display: none; }

.zart-frontend-preview .zart-brand__categories a {
	display: inline-grid;
	grid-template-columns: 2rem minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.5rem;
	border: 1px solid rgba(0, 0, 0, 0.16);
	padding: 0.75rem 0.9rem;
	background: var(--zart-brand-canvas);
	color: #000;
	font-size: 0.75rem;
	text-decoration: none;
	transition: border-color 280ms ease, background-color 280ms ease, transform 280ms ease;
}

.zart-frontend-preview .zart-brand__category-icon {
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
}

.zart-frontend-preview .zart-brand__category-icon img {
	display: block;
	width: 1.35rem;
	height: 1.35rem;
	object-fit: contain;
}

.zart-frontend-preview .zart-brand__category-name { min-width: 0; }
.zart-frontend-preview .zart-brand__category-arrow { justify-self: end; }

.zart-frontend-preview .zart-brand__categories a:hover {
	border-color: rgba(0, 0, 0, 0.45);
	background: #fff;
	transform: translateY(-2px);
}

.zart-frontend-preview .zart-brand__categories a.is-active {
	border-color: #b89a5e;
	background: rgba(17, 17, 17, 0.045);
	font-weight: 600;
}

.zart-frontend-preview .zart-brand__categories a.is-active .zart-brand__category-icon { opacity: 1; }
.zart-frontend-preview .zart-brand__categories a.is-active .zart-brand__category-arrow { transform: translateX(2px); }
.zart-frontend-preview .zart-brand__category-icon--pending::after { content: ""; width: 0.45rem; height: 0.45rem; border: 1px solid currentColor; border-radius: 50%; opacity: 0.45; }
.zart-frontend-preview .zart-brand__filter-summary { min-height: 1.2rem; margin: 0.45rem 0 0; color: #000; font-size: 0.72rem; font-weight: 200; }
.zart-frontend-preview .zart-brand__product { min-width: 0; }
.zart-frontend-preview .zart-brand__product[hidden] { display: none; }

/* Category navigation follows the institutional hierarchy: official icon first,
 * restrained label below. The arrow only surfaces as an interaction cue. */
.zart-frontend-preview .zart-brand__categories a {
	position: relative;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: 2.45rem auto;
	min-width: 6.2rem;
	justify-items: center;
	gap: 0.3rem;
	padding: 0.65rem 0.8rem 0.6rem;
	text-align: center;
}
.zart-frontend-preview .zart-brand__category-icon { width: 2.45rem; height: 2.45rem; }
.zart-frontend-preview .zart-brand__category-icon img { width: 2.05rem; height: 2.05rem; }
.zart-frontend-preview .zart-brand__category-name { font-size: 0.6rem; font-weight: 500; line-height: 1.15; }
.zart-frontend-preview .zart-brand__category-arrow { position: absolute; top: 0.35rem; right: 0.38rem; opacity: 0; transition: opacity 220ms ease, transform 220ms ease; }
.zart-frontend-preview .zart-brand__categories a:hover .zart-brand__category-arrow,
.zart-frontend-preview .zart-brand__categories a:focus-visible .zart-brand__category-arrow { opacity: 1; transform: translateX(2px); }

.zart-frontend-preview .zart-product__breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.42rem;
	margin: clamp(1.25rem, 2.5vw, 2.25rem) var(--zart-space) 0.55rem;
	color: #000;
	font-size: 0.64rem;
	font-weight: 400;
}
.zart-frontend-preview .zart-product__breadcrumbs a,
.zart-frontend-preview .zart-product__brand-return { color: #000; text-decoration: none; }
.zart-frontend-preview .zart-product__brand-return { display: inline-block; margin: 0 var(--zart-space) 0.9rem; font-size: 0.68rem; font-weight: 500; text-decoration: underline; text-underline-offset: 0.22em; }

.zart-frontend-preview .zart-brand .zart-catalog__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* Brand catalog: preserve the four-column card while containing tall products. */
.zart-brand .zart-catalog-card__media { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; aspect-ratio: 1.18; background: var(--zart-brand-canvas, #F5F8FB); }
.zart-brand .zart-catalog-card__media > a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; box-sizing: border-box; padding: 8% 9%; }
.zart-brand .zart-catalog-card__media img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain !important; object-position: center; transform: none !important; }
.zart-brand__pagination.is-infinite { display: none; }
.zart-brand__infinite-sentinel { min-height: 2px; width: 100%; }

@media (max-width: 1100px) {
	.zart-brand .zart-catalog__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
	.zart-brand .zart-catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 390px) {
	.zart-brand .zart-catalog__grid { grid-template-columns: 1fr; }
}
.zart-frontend-preview .zart-brand .zart-catalog-card,
.zart-frontend-preview .zart-brand .zart-catalog-card__media,
.zart-frontend-preview .zart-brand .zart-catalog-card__topbar,
.zart-frontend-preview .zart-brand .zart-catalog-card__placeholder { background: var(--zart-brand-canvas); }

/* Shared card canvas: product, brand and category cards use the approved light tone. */
.zart-frontend-preview .zart-catalog-card,
.zart-frontend-preview .zart-catalog-card__media,
.zart-frontend-preview .zart-catalog-card__placeholder,
.zart-frontend-preview .zart-catalog-card__topbar,
.zart-frontend-preview .zart-brand-card,
.zart-frontend-preview .zart-brand-card__media {
	background: var(--zart-card-surface);
}

.zart-frontend-preview .zart-product__feature-card,
.zart-frontend-preview .zart-product__feature-card figure,
.zart-frontend-preview .zart-product__documents a,
.zart-frontend-preview .zart-product__related a,
.zart-frontend-preview .zart-selection-item,
.zart-frontend-preview .zart-selection-item img {
	background: var(--zart-card-surface);
}

/* Low-cost editorial motion: transform and opacity only, once per section. */
.zart-scroll-motion .zart-scroll-reveal {
	opacity: 0;
	transform: translate3d(0, 1.35rem, 0);
	transition: opacity 520ms ease-out, transform 620ms cubic-bezier(.22, .61, .36, 1);
}

.zart-scroll-motion .zart-scroll-reveal.is-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.zart-scroll-motion .zart-card-reveal {
	opacity: 0;
	transform: translate3d(0, .8rem, 0);
	transition: opacity 440ms ease-out var(--zart-reveal-delay, 0ms), transform 520ms cubic-bezier(.22, .61, .36, 1) var(--zart-reveal-delay, 0ms);
}

.zart-scroll-motion .zart-card-reveal.is-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

@media (hover: hover) {
	.zart-frontend-preview .zart-product__documents a,
	.zart-frontend-preview .zart-product__related a,
	.zart-frontend-preview .zart-selection-item,
	.zart-home__inspiration-card,
	.zart-brand-collections__slide figure {
		transition: transform 260ms ease, box-shadow 260ms ease;
	}

	.zart-frontend-preview .zart-product__documents a:hover,
	.zart-frontend-preview .zart-product__related a:hover,
	.zart-frontend-preview .zart-selection-item:hover,
	.zart-home__inspiration-card:hover,
	.zart-brand-collections__slide:hover figure {
		box-shadow: 0 .8rem 1.6rem rgba(17, 17, 17, .09);
		transform: translateY(-.2rem);
	}

	.zart-brand-collections__slide figure img {
		transition: transform 420ms ease;
	}

	.zart-brand-collections__slide:hover figure img {
		transform: scale(1.025);
	}
}

@media (prefers-reduced-motion: reduce) {
	.zart-scroll-motion .zart-scroll-reveal,
	.zart-scroll-motion .zart-scroll-reveal.is-revealed,
	.zart-scroll-motion .zart-card-reveal,
	.zart-scroll-motion .zart-card-reveal.is-revealed {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* One public canvas: internal routes align with the Home's 112rem width and gutters. */
.zart-frontend-preview {
	--zart-public-canvas: min(calc(100% - 2rem), 112rem);
}

.zart-frontend-preview .site-content > .ast-container,
.zart-brand-page-shell .zart-brand--restructured,
.zart-brand-page-shell .zart-brand-editorial,
.zart-brand-page-shell .zart-brand-collections,
.zart-brand-page-shell .zart-bertazzoni__introduction,
.zart-brand-page-shell .zart-bertazzoni__catalog {
	width: var(--zart-public-canvas) !important;
	max-width: none !important;
}

/* Final precedence for category menus after the responsive navigation rules. */
.zart-brand-navigation__category { color:#b58a53; }
.zart-brand-navigation__category .zart-brand__category-icon { width:2rem; height:2rem; background:#b58a53; opacity:1; }
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__category-icon { width:3rem; height:3rem; background:#b58a53; opacity:1; }
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__category-name { color:#b58a53; font-size:.62rem; }

/* 0.4.75 — compact archive cards, with a clear but restrained interaction. */
.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card__topbar {
	height: 2.15rem;
	padding: .18rem .28rem 0;
}

.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card__media {
	aspect-ratio: 1.36;
}

.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card__media > a {
	padding: 3% 4.5%;
}

.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card__body {
	grid-template-rows: auto minmax(2.4em, auto) auto 1fr;
	gap: .28rem;
	min-height: 10.15rem;
	padding: .8rem .85rem .85rem;
}

.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card__actions {
	gap: .5rem;
	padding-top: .45rem;
}

@media (hover: hover) {
	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card:hover,
	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card:focus-within {
		border-color: rgba(181, 138, 83, .78);
		box-shadow: 0 .9rem 1.9rem rgba(17, 17, 17, .13);
		transform: translateY(-.42rem);
	}

	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card:hover .zart-catalog-card__media img,
	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card:focus-within .zart-catalog-card__media img {
		transform: translateY(-.18rem) !important;
	}

	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card:hover .zart-catalog-card__link,
	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card:focus-within .zart-catalog-card__link {
		color: var(--zart-gold);
	}
}

.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card__media img {
	transition: transform 240ms ease !important;
}

@media (prefers-reduced-motion: no-preference) {
	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog__grid.zart-scroll-reveal.is-revealed .zart-catalog-card {
		animation: zart-catalog-card-enter 420ms cubic-bezier(.22, .61, .36, 1) both;
	}

	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog__grid.zart-scroll-reveal.is-revealed .zart-catalog-card:nth-child(4n + 2) { animation-delay: 55ms; }
	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog__grid.zart-scroll-reveal.is-revealed .zart-catalog-card:nth-child(4n + 3) { animation-delay: 110ms; }
	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog__grid.zart-scroll-reveal.is-revealed .zart-catalog-card:nth-child(4n) { animation-delay: 165ms; }
}

@keyframes zart-catalog-card-enter {
	from { opacity: 0; transform: translateY(.8rem); }
	to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 760px) {
	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card__topbar { height: 1.95rem; }
	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card__media { aspect-ratio: 1.25; }
	.zart-frontend-preview .zart-catalog:not(.zart-brand) .zart-catalog-card__body { min-height: 9.55rem; padding: .7rem; }
}

/* Product catalogue: one compact discovery area for categories and filters. */
.zart-frontend-preview .zart-catalog__discovery .zart-catalog-context {
	/* Preserve the category navigation markup for a future reactivation. */
	display: none;
}
.zart-frontend-preview .zart-catalog__discovery {
	position: sticky;
	z-index: 80;
	top: var(--zart-global-navigation-height, 4.25rem);
	margin: 0 0 1.1rem;
	border-block: 1px solid rgba(17, 17, 17, .1);
	background: #f5f8fb;
}

.admin-bar .zart-frontend-preview .zart-catalog__discovery {
	top: calc(var(--zart-global-navigation-height, 4.25rem) + 32px);
}

.zart-frontend-preview .zart-catalog__discovery .zart-catalog-context {
	position: static;
	margin: 0;
	border: 0;
	background: transparent;
}

.zart-frontend-preview .zart-catalog__discovery .zart-catalog__filters {
	margin: 0;
	padding: .7rem 0 .85rem;
	border-top: 1px solid rgba(17, 17, 17, .08);
	border-bottom: 0;
}

@media (min-width: 641px) {
	.zart-frontend-preview .zart-catalog__discovery .zart-catalog-context__scroll {
		display: grid;
		grid-template-rows: repeat(2, 3rem);
		grid-template-columns: repeat(14, minmax(3.8rem, 1fr));
		grid-auto-columns: minmax(3.8rem, 1fr);
		grid-auto-flow: column;
		align-items: stretch;
		gap: 0;
		width: min(100% - 2rem, 66rem);
		max-height: 6.75rem;
		padding: .38rem 0;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.zart-frontend-preview .zart-catalog__discovery .zart-catalog-context__item {
		min-width: 0;
		min-height: 3rem;
		padding: .28rem;
		gap: 0;
	}

	.zart-frontend-preview .zart-catalog__discovery .zart-catalog-context__item[data-zart-category-label] > span:last-child {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	.zart-frontend-preview .zart-catalog__discovery .zart-catalog-context__icon {
		width: 1.6rem;
		height: 1.6rem;
	}

	.zart-frontend-preview .zart-catalog__discovery .zart-catalog-context__item[data-zart-category-label]::before {
		position: absolute;
		z-index: 2;
		bottom: calc(100% + .3rem);
		left: 50%;
		width: max-content;
		max-width: 13rem;
		padding: .42rem .58rem;
		background: #111;
		color: #f7f4ef;
		content: attr(data-zart-category-label);
		font-size: .56rem;
		font-weight: 500;
		letter-spacing: .08em;
		line-height: 1.2;
		text-align: center;
		text-transform: uppercase;
		opacity: 0;
		pointer-events: none;
		transform: translate(-50%, .25rem);
		transition: opacity .18s ease, transform .18s ease;
	}

	.zart-frontend-preview .zart-catalog__discovery .zart-catalog-context__item[data-zart-category-label]:is(:hover, :focus-visible)::before {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

@media (max-width: 640px) {
	.zart-frontend-preview .zart-catalog__discovery {
		top: var(--zart-global-navigation-height, 5.9rem);
	}

	.admin-bar .zart-frontend-preview .zart-catalog__discovery {
		top: calc(var(--zart-global-navigation-height, 5.9rem) + 46px);
	}
}

@media (min-width: 641px) {
	.zart-catalog-context__scroll {
		flex-wrap: wrap;
		justify-content: center;
		overflow-x: visible;
	}
}

/* Keep the Catalogue title close to the shared public header. */
.zart-frontend-preview .zart-catalog {
	padding-top: clamp(.85rem, 1.4vw, 1.35rem);
	width: min(calc(100% - ((var(--zart-page-gutter) * 2) + 40px)), var(--zart-content-max));
}

/* Product catalogue header: title, official Brand marks and one-line introduction. */
.zart-frontend-preview {
	--zart-card-surface: var(--zart-bg-primary);
}

.zart-frontend-preview .zart-catalog__hero {
	max-width: none;
}

.zart-frontend-preview .zart-catalog__title-row {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: clamp(3rem, 8vw, 10rem);
}

.zart-frontend-preview .zart-catalog__brand-logos {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: clamp(1.4rem, 3.2vw, 3.5rem);
	min-width: 0;
	padding-bottom: .35rem;
}

.zart-frontend-preview .zart-catalog__brand-logos a {
	display: grid;
	flex: 0 1 7rem;
	place-items: center;
	min-width: 3.8rem;
	max-width: 7rem;
	height: 2.35rem;
}

.zart-frontend-preview .zart-catalog__brand-logos a:hover img,
.zart-frontend-preview .zart-catalog__brand-logos a:focus-visible img {
	transform: scale(1.035);
}

/* The official Elica asset has internal lower whitespace; compensate only its optical baseline. */
.zart-frontend-preview .zart-catalog__brand-logos img[alt="Elica"] {
	transform: translateY(-.32rem);
}

.zart-frontend-preview .zart-catalog__brand-logos a:hover img[alt="Elica"],
.zart-frontend-preview .zart-catalog__brand-logos a:focus-visible img[alt="Elica"] {
	transform: translateY(-.32rem) scale(1.035);
}

.zart-frontend-preview .zart-catalog__brand-logos img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 180ms ease;
}

@media (min-width: 641px) {
	.zart-catalog-context__scroll {
		flex-wrap: wrap;
		justify-content: center;
		overflow-x: visible;
	}
}

.zart-frontend-preview .zart-catalog__hero > p:last-child {
	max-width: none;
	white-space: nowrap;
}

/* Compact desktop filter rail: search and all available refinements stay together. */
@media (min-width: 1181px) {
	.zart-frontend-preview .zart-catalog__filter-fields {
		display: flex;
		flex-wrap: nowrap;
		align-items: end;
		gap: .65rem;
	}

	.zart-frontend-preview .zart-catalog__filter-fields > label:not(.zart-catalog__search) {
		flex: 1 1 8rem;
	}

	.zart-frontend-preview .zart-catalog__filter-fields .zart-catalog__search {
		flex: 1.45 1 15rem;
		max-width: 21rem;
	}

	.zart-frontend-preview .zart-catalog__filter-fields > button[type="submit"] {
		flex: 0 0 8.5rem;
		padding-inline: .5rem;
	}
}

@media (max-width: 760px) {
	.zart-frontend-preview .zart-catalog__title-row {
		align-items: start;
		flex-direction: column;
		gap: 1.5rem;
	}

	.zart-frontend-preview .zart-catalog__brand-logos {
		width: 100%;
		justify-content: flex-start;
		gap: 1.25rem;
		padding-bottom: 0;
		overflow-x: auto;
	}

	.zart-frontend-preview .zart-catalog__hero > p:last-child {
		white-space: normal;
	}
}

@media (max-width: 640px) {
	.zart-frontend-preview {
		--zart-public-canvas: calc(100% - 1.4rem);
	}
}

.zart-frontend-preview .zart-brand__others-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
	gap: 1rem;
}

.zart-frontend-preview .zart-brand__others .zart-brand-card__media { min-height: 10rem; }

@media screen and (max-width: 1100px) {
	.zart-frontend-preview .zart-brand .zart-catalog__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.zart-frontend-preview .zart-brands__filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media screen and (max-width: 760px) {
	.zart-frontend-preview :is(.zart-brands, .zart-brand) { width: min(calc(100% - 1.4rem), var(--zart-content-max)); padding-top: 1.5rem; }
	.zart-frontend-preview .zart-brands__filters { grid-template-columns: 1fr; }
	.zart-frontend-preview .zart-brands__filters button { justify-self: start; }
	.zart-frontend-preview .zart-brand__hero { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 3rem; }
	.zart-frontend-preview .zart-brand__hero-media { order: -1; }
	.zart-frontend-preview .zart-brand .zart-catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.zart-frontend-preview .zart-brand__category-nav { gap: 0.45rem; }
	.zart-frontend-preview .zart-brand__nav-brand { width: 3.7rem; }
	.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__categories { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.25rem 0.15rem; }
	.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__categories a { min-height: 4rem; }
	.zart-frontend-preview .zart-brand__categories { gap: 0.45rem; }
	.zart-frontend-preview .zart-brand__categories a { grid-template-columns: minmax(0, 1fr); grid-template-rows: 2.05rem auto; min-width: 5.25rem; gap: 0.25rem; padding: 0.52rem 0.55rem; }
	.zart-frontend-preview .zart-brand__category-icon { width: 2.05rem; height: 2.05rem; }
	.zart-frontend-preview .zart-brand__category-icon img { width: 1.7rem; height: 1.7rem; }
	.zart-frontend-preview .zart-brand__category-name { font-size: 0.53rem; }
}

@media screen and (max-width: 390px) {
	.zart-frontend-preview .zart-brand .zart-catalog__grid { grid-template-columns: 1fr; }
}

/* The base carousel uses grid for figures; retain the semantic hidden state. */
.zart-frontend-preview .zart-product__carousel [data-carousel-slide][hidden] {
	display: none !important;
}

/* Adaptive Hero gallery: the editorial viewport, never source proportions, sets Hero height. */
.zart-frontend-preview .zart-product__hero {
	align-items: start !important;
}

.zart-frontend-preview .zart-product__carousel {
	display: grid;
	grid-template-columns: minmax(0, 1fr) clamp(3.5rem, 5vw, 4.5rem);
	gap: clamp(0.55rem, 1vw, 0.9rem);
	align-items: stretch;
	min-width: 0;
	background: var(--zart-bg-primary);
	border: 1px solid rgba(0, 0, 0, 0.09);
}

.zart-frontend-preview .zart-product__carousel-stage {
	position: relative;
	display: grid;
	place-items: center;
	min-width: 0;
	min-height: clamp(20rem, 37vw, 34rem);
	height: clamp(20rem, 41vw, 38rem);
	max-height: min(42rem, calc(100vh - 8rem));
	overflow: hidden;
	background: var(--zart-bg-primary);
}

.zart-frontend-preview .zart-product__carousel-stage [data-carousel-slide] {
	display: grid;
	width: 100%;
	height: 100%;
	margin: 0;
	place-items: center;
	aspect-ratio: auto;
	animation: zart-gallery-image-in 180ms ease both;
}

.zart-frontend-preview .zart-product__carousel-stage [data-carousel-slide][hidden] {
	display: none !important;
}

.zart-frontend-preview .zart-product__carousel-stage img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	max-height: 100%;
	padding: clamp(0.75rem, 2vw, 1.7rem);
	object-fit: contain !important;
	transition: transform 220ms ease;
}

.zart-frontend-preview .zart-product__carousel-stage:hover img {
	transform: scale(1.012);
}

.zart-frontend-preview .zart-product__carousel-enlarge {
	position: absolute;
	top: 0.85rem;
	right: 0.85rem;
	z-index: 2;
	display: grid;
	width: 2.35rem;
	height: 2.35rem;
	place-items: center;
	border: 1px solid rgba(0, 0, 0, 0.18);
	border-radius: 50%;
	background: rgba(245, 248, 251, 0.92);
	color: #000;
	cursor: zoom-in;
	font: 1.35rem/1 var(--zart-font-family);
	transition: background-color 180ms ease, border-color 180ms ease;
}

.zart-frontend-preview .zart-product__carousel-enlarge:hover,
.zart-frontend-preview .zart-product__carousel-thumbnails button:hover {
	border-color: rgba(0, 0, 0, 0.5);
	background: #fff;
}

.zart-frontend-preview .zart-product__carousel-thumbnails {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	max-height: clamp(20rem, 41vw, 38rem);
	padding: 0.1rem;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
}

.zart-frontend-preview .zart-product__carousel-thumbnails button {
	flex: 0 0 auto;
	display: grid;
	width: 100%;
	aspect-ratio: 1;
	place-items: center;
	padding: 0.18rem;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.14);
	border-radius: 0;
	background: var(--zart-bg-primary);
	cursor: pointer;
	opacity: 0.66;
	transition: opacity 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.zart-frontend-preview .zart-product__carousel-thumbnails button.is-active,
.zart-frontend-preview .zart-product__carousel-thumbnails button[aria-pressed="true"] {
	border-color: #000;
	opacity: 1;
}

.zart-frontend-preview .zart-product__carousel-thumbnails img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
}

.zart-frontend-preview .zart-product__carousel-controls {
	position: absolute;
	bottom: 0.8rem;
	left: 50%;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.3rem 0.45rem;
	border: 1px solid rgba(0, 0, 0, 0.11);
	background: rgba(245, 248, 251, 0.94);
	transform: translateX(-50%);
}

.zart-frontend-preview .zart-product__carousel-controls button,
.zart-frontend-preview .zart-product__lightbox button {
	border: 0;
	background: transparent;
	color: #000;
	cursor: pointer;
	font: 500 1rem/1 var(--zart-font-family);
}

.zart-frontend-preview .zart-product__carousel-controls span {
	min-width: 3.8rem;
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-align: center;
}

.zart-frontend-preview .zart-product__lightbox {
	width: min(94vw, 88rem);
	max-width: none;
	height: min(92vh, 54rem);
	padding: 0;
	border: 0;
	background: #f5f8fb;
	color: #000;
}

.zart-frontend-preview .zart-product__lightbox::backdrop {
	background: rgba(0, 0, 0, 0.8);
}

.zart-frontend-preview .zart-product__lightbox-frame {
	position: relative;
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
}

.zart-frontend-preview .zart-product__lightbox figure {
	display: grid;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: clamp(2.5rem, 5vw, 4.5rem);
	place-items: center;
}

.zart-frontend-preview .zart-product__lightbox figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.zart-frontend-preview .zart-product__lightbox [data-lightbox-close] {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 2;
	font-size: 1.75rem;
}

.zart-frontend-preview .zart-product__lightbox [data-lightbox-prev],
.zart-frontend-preview .zart-product__lightbox [data-lightbox-next] {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 2.7rem;
	height: 2.7rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	background: rgba(245, 248, 251, 0.95);
	transform: translateY(-50%);
}

.zart-frontend-preview .zart-product__lightbox [data-lightbox-prev] { left: 1rem; }
.zart-frontend-preview .zart-product__lightbox [data-lightbox-next] { right: 1rem; }
.zart-frontend-preview .zart-product__lightbox [data-lightbox-position] {
	position: absolute;
	bottom: 0.8rem;
	margin: 0;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.1em;
}

@keyframes zart-gallery-image-in {
	from { opacity: 0; transform: scale(0.992); }
	to { opacity: 1; transform: scale(1); }
}

@media screen and (max-width: 760px) {
	.zart-frontend-preview .zart-product__carousel {
		grid-template-columns: minmax(0, 1fr);
	}

	.zart-frontend-preview .zart-product__carousel-stage {
		min-height: clamp(17rem, 80vw, 25rem);
		height: min(82vh, 35rem);
		max-height: none;
	}

	.zart-frontend-preview .zart-product__carousel-thumbnails {
		flex-direction: row;
		grid-row: 2;
		max-height: none;
		padding: 0.1rem 0.35rem 0.45rem;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.zart-frontend-preview .zart-product__carousel-thumbnails button {
		width: 4.25rem;
		min-width: 4.25rem;
	}

	.zart-frontend-preview .zart-product__lightbox {
		width: 100vw;
		height: 100dvh;
	}

	.zart-frontend-preview .zart-product__lightbox figure {
		padding-inline: 3.6rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.zart-frontend-preview .zart-product__carousel-stage [data-carousel-slide],
	.zart-frontend-preview .zart-product__carousel-stage img,
	.zart-frontend-preview .zart-product__carousel-enlarge,
	.zart-frontend-preview .zart-product__carousel-thumbnails button {
		animation: none;
		transition: none;
	}
}

/* The Hero intentionally contains one official featured image, not a media widget. */
.zart-frontend-preview .zart-product__hero-media {
	display: block;
	width: 100%;
	min-width: 0;
	min-height: 0;
	height: auto;
	max-height: none;
	margin: 0;
	overflow: visible;
	border: 1px solid rgba(0, 0, 0, 0.09);
	background: var(--zart-bg-primary);
}

.zart-frontend-preview .zart-product__hero-media img {
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 100%;
	max-height: none;
	padding: clamp(0.75rem, 2vw, 1.7rem);
	object-fit: contain !important;
	object-position: center center;
	transition: transform 220ms ease;
}

@media (hover: hover) {
	.zart-frontend-preview .zart-product__hero-media:hover img {
		transform: scale(1.012);
	}
}

.zart-frontend-preview .zart-product__secondary-gallery {
	position: relative;
	display: block;
	width: min(78%, 66rem);
	clear: both;
	margin: clamp(1.75rem, 3vw, 2.75rem) auto 0;
	background: var(--zart-bg-primary);
}

.zart-frontend-preview .zart-product__secondary-gallery-track {
	position: relative;
	min-height: clamp(16rem, 32vw, 34rem);
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.09);
	background: var(--zart-bg-primary);
}

.zart-frontend-preview .zart-product__secondary-gallery figure {
	display: grid;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	place-items: center;
	background: var(--zart-bg-primary);
	overflow: hidden;
	animation: zart-secondary-gallery-in 280ms ease both;
	cursor: zoom-in;
}

.zart-frontend-preview .zart-product__secondary-gallery figure[hidden] {
	display: none !important;
}

.zart-frontend-preview .zart-product__secondary-gallery img {
	width: 100%;
	height: 100%;
	padding: clamp(0.65rem, 1.4vw, 1.1rem);
	object-fit: contain;
	transition: transform 300ms ease;
}

.zart-frontend-preview .zart-product__secondary-gallery-dots {
	display: flex;
	justify-content: center;
	gap: 0.45rem;
	padding-top: 0.8rem;
}

.zart-frontend-preview .zart-product__secondary-gallery-dots button {
	width: 0.48rem;
	height: 0.48rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(181, 138, 83, 0.22);
	cursor: pointer;
	transition: transform 180ms ease, background-color 180ms ease;
}

.zart-frontend-preview .zart-product__secondary-gallery-dots button[aria-selected="true"] {
	background: rgba(181, 138, 83, 0.62);
	transform: scale(1.1);
}

@media (hover: hover) {
	.zart-frontend-preview .zart-product__secondary-gallery:not(.is-static) figure:hover img {
		transform: scale(1.01);
	}
}

.zart-product__secondary-lightbox {
	width: min(94vw, 88rem);
	max-width: none;
	height: min(92vh, 60rem);
	padding: 0;
	border: 0;
	background: #f5f8fb;
	color: #000;
}

.zart-product__secondary-lightbox::backdrop {
	background: rgba(0, 0, 0, 0.8);
}

.zart-product__secondary-lightbox-frame {
	position: relative;
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
}

.zart-product__secondary-lightbox figure {
	display: grid;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: clamp(2.5rem, 5vw, 4.5rem);
	place-items: center;
}

.zart-product__secondary-lightbox figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.zart-product__secondary-lightbox button {
	position: absolute;
	z-index: 2;
	border: 0;
	background: transparent;
	color: #000;
	cursor: pointer;
	font: 500 1rem/1 var(--zart-font-family);
}

.zart-product__secondary-lightbox [data-secondary-lightbox-close] {
	top: 1rem;
	right: 1rem;
	font-size: 1.75rem;
}

.zart-product__secondary-lightbox [data-secondary-lightbox-prev],
.zart-product__secondary-lightbox [data-secondary-lightbox-next] {
	top: 50%;
	width: 2.7rem;
	height: 2.7rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	background: rgba(245, 248, 251, 0.95);
	transform: translateY(-50%);
}

.zart-product__secondary-lightbox [data-secondary-lightbox-prev] { left: 1rem; }
.zart-product__secondary-lightbox [data-secondary-lightbox-next] { right: 1rem; }
.zart-product__secondary-lightbox [data-secondary-lightbox-position] {
	position: absolute;
	bottom: 0.8rem;
	margin: 0;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.1em;
}

@keyframes zart-secondary-gallery-in {
	from { opacity: 0; transform: scale(0.992); }
	to { opacity: 1; transform: scale(1); }
}

@media screen and (max-width: 760px) {
	.zart-frontend-preview .zart-product__hero-media {
		min-height: 0;
		height: auto;
		max-height: none;
	}

	.zart-frontend-preview .zart-product__secondary-gallery {
		width: 100%;
		margin-top: 1.5rem;
	}

	.zart-frontend-preview .zart-product__secondary-gallery-track {
		min-height: clamp(17rem, 88vw, 29rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.zart-frontend-preview .zart-product__hero-media img {
		transition: none;
	}
}

/* The public Frontend owns its navigation. Theme/Elementor headers would
 * otherwise consume the initial viewport and leave the shared ZART menu below
 * an unrelated header. Home is outside this selector and remains untouched. */
body.zart-frontend-preview .elementor-location-header,
body.zart-frontend-preview #masthead,
body.zart-frontend-preview .site-header { display: none !important; }
/* Astra's legacy header offset persists even when its header is hidden. */
body.zart-frontend-preview { padding-top: 0 !important; }
body.zart-frontend-brands,
body.zart-frontend-brands .site-content,
body.zart-frontend-brands #content { overflow-x: clip; background: #f5f8fb; }
.zart-brand--restructured { width: min(100% - clamp(2rem,8vw,10rem),1500px); margin: 0 auto; padding: clamp(1.5rem,3vw,4rem) 0 clamp(4rem,8vw,8rem); color: #111; font-family: "Montserrat", sans-serif; }
.zart-brand--restructured .zart-brand__breadcrumbs { margin: 0 0 clamp(1.4rem,3vw,2.7rem); color: #5d646b; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; }
.zart-brand--restructured .zart-brand__breadcrumbs a { color: inherit; text-decoration: none; }
.zart-brand--restructured .zart-brand__breadcrumbs span { margin: 0 .55rem; }
.zart-brand__identity { display: grid; grid-template-columns: minmax(15rem,.75fr) minmax(25rem,1.25fr); align-items: center; gap: clamp(2rem,6vw,7rem); min-height: min(30vw,26rem); }
.zart-brand__identity-copy { max-width: 35rem; }
.zart-brand__identity-copy > h1 { margin: 0; font-size: clamp(2rem,4vw,4.75rem); line-height: 1; }
.zart-brand__logo { display: block; width: min(100%,24rem); max-height: 8.5rem; object-fit: contain; object-position: left center; }
.zart-brand__description { max-width: 34rem; margin-top: 1.5rem; color: #000; font-size: .86rem; font-weight: 300; line-height: 1.75; }
.zart-brand__description p { margin: 0 0 .75rem; }
.zart-brand__headline { margin: 1.25rem 0 0; color: #111; font-size: clamp(1.25rem, 2.1vw, 2.15rem); font-weight: 300; letter-spacing: -.035em; line-height: 1.12; }
.zart-brand__intro { max-width: 38rem; margin-top: 1rem; color: #111; font-size: clamp(.92rem, 1.2vw, 1.1rem); font-weight: 300; line-height: 1.7; }
.zart-brand__intro p { margin: 0; }
.zart-brand-editorial { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(18rem,.75fr); align-items: center; gap: clamp(2rem, 5vw, 5.5rem); width: min(100% - clamp(2rem, 8vw, 10rem), 1500px); margin: 0 auto; padding: clamp(3rem, 6vw, 5.5rem) 0; border-top: 1px solid rgba(17,17,17,.14); }
.zart-brand-editorial__section h2 { margin: .35rem 0 1rem; color: #111; font-size: clamp(1.5rem, 2.5vw, 2.7rem); font-weight: 300; letter-spacing: -.04em; line-height: 1.05; }
.zart-brand-editorial__section > div { max-width: none; color: #111; font-size: .92rem; font-weight: 300; line-height: 1.8; }
.zart-brand-editorial__section > div p { margin: 0 0 1rem; }
.zart-brand-editorial__section--history { grid-column: 1; }
.zart-brand-editorial__section--curation { grid-column: 1 / -1; }
.zart-brand-editorial__video { grid-column: 2; grid-row: 1; margin: 0; }
.zart-brand-editorial__video:first-child { grid-column: 1 / -1; }
.zart-brand-editorial__video video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #F7F4EF; object-fit: cover; }
.zart-brand__identity-media { height: clamp(15rem,28vw,25rem); margin: 0; overflow: hidden; background: #fff; }
.zart-brand__identity-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.zart-brand__primary-nav { display: flex; gap: clamp(1.5rem,4vw,4rem); margin: clamp(2rem,4vw,4rem) 0 0; border-bottom: 1px solid rgba(17,17,17,.14); }
.zart-brand__primary-nav a { position: relative; padding: 0 0 1rem; color: #555d63; font-size: .7rem; font-weight: 500; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.zart-brand__primary-nav a::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #111; content: ""; opacity: 0; transform: scaleX(.35); transition: opacity .22s ease, transform .22s ease; }
.zart-brand__primary-nav a:hover, .zart-brand__primary-nav a.is-active { color: #111; }
.zart-brand__primary-nav a.is-active::after { opacity: 1; transform: scaleX(1); }
.zart-brand__panel { padding-top: clamp(1.8rem,4vw,4rem); animation: zartBrandPanelIn .3s ease both; }
.zart-brand--enhanced .zart-brand__panel:not(.is-active) { display: none; }
@keyframes zartBrandPanelIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.zart-brand__category-nav { position: sticky; top: var(--zart-brand-sticky-offset,0px); z-index: 30; margin: 0 calc((min(100vw - 2rem,100%) - 100%) / -2); padding: 1.15rem max(1rem,calc((100vw - min(100% - 2rem,1500px)) / 2)); border-bottom: 1px solid rgba(17,17,17,.1); background: rgba(245,248,251,.97); transition: padding .22s ease, box-shadow .22s ease; }
.zart-brand__nav-brand { display: none; }
.zart-brand__categories { display: grid; grid-template-columns: repeat(11,minmax(0,1fr)); gap: 1rem .5rem; max-width: 1500px; margin: 0 auto; }
.zart-brand__categories > a { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: .2rem; min-width: 0; padding: .4rem .12rem; color: #b89a5e; text-align: center; text-decoration: none; transition: color .22s ease, opacity .22s ease, transform .22s ease; }
.zart-brand__categories > a:hover, .zart-brand__categories > a.is-active { color: #b89a5e; transform: translateY(-2px); }
.zart-brand__category-icon, .zart-brand__category-all { display: block; width: 3rem; height: 3rem; background: #b89a5e; opacity: .68; transition: opacity .22s ease, transform .22s ease; }
.zart-brand__category-icon { -webkit-mask: var(--zart-category-icon) center / contain no-repeat; mask: var(--zart-category-icon) center / contain no-repeat; }
.zart-brand__category-icon--pending { border: 1px solid currentColor; border-radius: 50%; background: transparent; }
.zart-brand__category-all { display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; background: transparent; color: #b89a5e; font-size: 1.5rem; font-weight: 200; line-height: 1; }
.zart-brand__categories > a:hover .zart-brand__category-icon, .zart-brand__categories > a:hover .zart-brand__category-all, .zart-brand__categories > a.is-active .zart-brand__category-icon, .zart-brand__categories > a.is-active .zart-brand__category-all { opacity: 1; transform: scale(1.06); }
.zart-brand__category-name { overflow: hidden; max-width: 100%; color: currentColor; font-size: .5rem; font-weight: 500; letter-spacing: .06em; line-height: 1.15; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }
.zart-brand__category-nav.is-stuck { padding-top: .48rem; padding-bottom: .48rem; box-shadow: 0 8px 18px rgba(17,17,17,.06); }
.zart-brand__category-nav.is-stuck .zart-brand__nav-brand { display: block; float: left; margin: .42rem 1rem 0 0; color: #111; font-size: .61rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.zart-brand__category-nav.is-stuck .zart-brand__categories { display: flex; width: 100%; min-width: 0; max-width: 100%; gap: .2rem; overflow-x: auto; scrollbar-width: none; }
.zart-brand__category-nav.is-stuck .zart-brand__categories::-webkit-scrollbar { display: none; }
.zart-brand__category-nav.is-stuck .zart-brand__categories > a { flex: 0 0 auto; min-width: 0; flex-direction: row; gap: .35rem; padding: .35rem .62rem; }
.zart-brand__category-nav.is-stuck .zart-brand__category-icon, .zart-brand__category-nav.is-stuck .zart-brand__category-all { width: .9rem; height: .9rem; font-size: .85rem; }
.zart-brand__category-nav.is-stuck .zart-brand__category-name { font-size: .54rem; }
.zart-brand__products { padding-top: clamp(2rem,4vw,4rem); }
.zart-brand__products > header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.zart-brand__eyebrow { margin: 0 0 .55rem; color: #676f75; font-size: .64rem; font-weight: 500; letter-spacing: .13em; text-transform: uppercase; }
.zart-brand__products h2, .zart-brand__panel-heading h2 { margin: 0; color: #111; font-size: clamp(1.45rem,2.5vw,2.55rem); font-weight: 400; letter-spacing: -.04em; line-height: 1.05; }
.zart-brand__filter-summary { margin: 0; color: #5d646b; font-size: .69rem; white-space: nowrap; }
.zart-brand__collections-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: clamp(1.5rem,3vw,3.5rem) clamp(1rem,2vw,2rem); margin-top: 2rem; }
.zart-brand__collection-card { min-width: 0; }
.zart-brand__collection-card a { display: block; height: 100%; color: #111; text-decoration: none; }
.zart-brand__collection-card figure { min-height: clamp(17rem,27vw,27rem); margin: 0; overflow: hidden; background: #e9e5de; }
.zart-brand__collection-card figure img { display: block; width: 100%; height: 100%; min-height: inherit; object-fit: cover; transition: transform .45s ease; }
.zart-brand__collection-card span { position: relative; display: grid; gap: .6rem; width: min(88%,22rem); min-height: 10.75rem; margin: -4.25rem 0 0 auto; padding: 1.35rem 1.35rem 1.25rem; background: #f7f4ef; }
.zart-brand__collection-card span > i { color: #766449; font-size: .57rem; font-style: normal; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; }
.zart-brand__collection-card strong { font-size: clamp(1.2rem,1.75vw,1.75rem); font-weight: 400; letter-spacing: -.03em; line-height: 1.08; }
.zart-brand__collection-card small { color: #333; font-size: .75rem; font-weight: 300; line-height: 1.65; }
.zart-brand__collection-card em { display: inline-flex; align-items: center; gap: .45rem; margin-top: auto; color: #766449; font-size: .59rem; font-style: normal; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.zart-brand__collection-card em b { font-size: .95rem; font-weight: 300; line-height: .5; transition: transform .2s ease; }
.zart-brand__collection-card a:hover figure img { transform: scale(1.035); }
.zart-brand__collection-card a:hover em b { transform: translateX(.22rem); }
.zart-brand__collection-card a:focus-visible { outline: 2px solid #b58a53; outline-offset: .35rem; }
.zart-brand__about > div { max-width: 52rem; color: #000; font-size: .9rem; font-weight: 300; line-height: 1.8; }
@media (max-width:900px) { .zart-brand__identity { grid-template-columns: 1fr; gap: 1.5rem; } .zart-brand__identity-media { order: -1; height: 18rem; } .zart-brand__categories { grid-template-columns: repeat(7,minmax(0,1fr)); } .zart-brand__collections-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .zart-brand--restructured { width: min(100% - 2rem,1500px); padding-top: 1.25rem; } .zart-brand__identity-media { height: 14rem; } .zart-brand__logo { max-height: 5.5rem; } .zart-brand__primary-nav { gap: 1.2rem; overflow-x: auto; } .zart-brand__primary-nav a { flex: 0 0 auto; font-size: .6rem; } .zart-brand__category-nav { margin: 0 -1rem; padding: .85rem 1rem; } .zart-brand__categories { display: flex; gap: .65rem; overflow-x: auto; padding-bottom: .2rem; scrollbar-width: none; } .zart-brand__categories::-webkit-scrollbar { display: none; } .zart-brand__categories > a { flex: 0 0 4.65rem; } .zart-brand__category-icon, .zart-brand__category-all { width: 2.45rem; height: 2.45rem; } .zart-brand__category-nav.is-stuck .zart-brand__nav-brand { display: none; } .zart-brand__products > header { display: block; } .zart-brand__filter-summary { margin-top: .8rem; } .zart-brand__collections-grid { grid-template-columns: 1fr; } .zart-brand__collection-card figure { min-height: 19rem; } .zart-brand__collection-card span { width: calc(100% - 1rem); min-height: 0; margin-top: -3.25rem; padding: 1.2rem; } }
@media (prefers-reduced-motion:reduce) { .zart-brand__panel, .zart-brand__categories > a, .zart-brand__category-icon, .zart-brand__category-all { animation: none; transition: none; } }

/* Category navigation uses a single readable gold treatment in both menus. */
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__category-icon { width:3rem; height:3rem; background:#b58a53; opacity:1; }
.zart-frontend-preview .zart-brand__category-nav:not(.is-stuck) .zart-brand__category-name { color:#b58a53; font-size:.62rem; }
.zart-brand-navigation__category { color:#b58a53; }
.zart-brand-navigation__category .zart-brand__category-icon { width:2rem; height:2rem; background:#b58a53; opacity:1; }

/* Brand discovery hierarchy: the approved Product Card remains untouched. */
.zart-brand--restructured { width: min(100% - clamp(2rem, 5vw, 8rem), 1760px); }
.zart-brand__curated { display: grid; gap: clamp(3.5rem, 7vw, 8rem); }
.zart-brand__curated-group { opacity: 0; transform: translateY(14px); transition: opacity .42s ease, transform .42s ease; }
.zart-brand__curated-group.is-revealed { opacity: 1; transform: translateY(0); }
.zart-brand__group-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 1rem 2rem; margin-bottom: 1.5rem; }
.zart-brand__group-header h3 { margin: 0; font-size: clamp(1.25rem, 2vw, 2rem); font-weight: 400; letter-spacing: -.035em; line-height: 1.08; }
.zart-brand__group-header p:not(.zart-brand__eyebrow) { max-width: 38rem; margin: .6rem 0 0; color: #000; font-size: .78rem; font-weight: 300; line-height: 1.7; }
.zart-brand__group-media { grid-row: span 2; width: clamp(7rem, 13vw, 13rem); aspect-ratio: 1.45; overflow: hidden; background: #fff; }
.zart-brand__group-media img { width: 100%; height: 100%; object-fit: cover; }
.zart-brand__group-link, .zart-brand__result-back { color: #111; font-size: .63rem; font-weight: 600; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.zart-brand__group-link span { margin-left: .35rem; }
.zart-brand__group-link:hover, .zart-brand__result-back:hover { color: #b89a5e; }
.zart-brand__pagination { margin-top: clamp(2rem, 4vw, 4rem); }
.zart-brand__pagination .page-numbers { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.zart-brand__pagination a, .zart-brand__pagination span { display: grid; min-width: 2.2rem; min-height: 2.2rem; padding: .4rem; place-items: center; border: 1px solid rgba(17,17,17,.16); color: #111; font-size: .7rem; text-decoration: none; }
.zart-brand__pagination .current { border-color: #111; background: #111; color: #f5f8fb; }
.zart-brand__empty { margin: 0; color: #000; font-size: .85rem; font-weight: 300; }
@media (min-width: 1680px) { .zart-brand--restructured .zart-catalog__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (min-width: 2240px) { .zart-brand--restructured .zart-catalog__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 640px) { .zart-brand--restructured { width: min(100% - 2rem, 1760px); } .zart-brand__curated { gap: 3rem; } .zart-brand__group-header { grid-template-columns: 1fr; align-items: start; gap: .8rem; } .zart-brand__group-media { grid-row: auto; width: min(100%, 16rem); } .zart-brand__group-link { justify-self: start; } }

/* Independent Brand navigation: official logos → Brand expansion → Categories. */
:root { --zart-gold: #b89a5e; }
.zart-global-navigation { position: sticky; z-index: 90; top: 0; width: 100%; min-width: 0; background: #f5f8fb; border-bottom: 1px solid rgba(17,17,17,.1); transition: box-shadow .24s ease, background-color .24s ease; }
.admin-bar .zart-global-navigation { top: 32px; }
.zart-global-navigation__inner { display: grid; grid-template-columns: minmax(8rem,1fr) auto minmax(8rem,1fr); align-items: center; width: min(100% - 2rem, 112rem); min-height: 4.25rem; margin: 0 auto; gap: 1rem; transition: min-height .24s ease; }
.zart-global-navigation.is-compact { background:rgba(245,248,251,.96); box-shadow:0 .35rem 1.1rem rgba(17,17,17,.06); }
.zart-global-navigation.is-compact .zart-global-navigation__inner { min-height:3.65rem; }
.zart-global-navigation.is-compact .zart-global-navigation__identity .custom-logo { max-height:1.72rem; transition:max-height .24s ease; }
.zart-global-navigation__identity { min-width: 0; }
.zart-global-navigation__identity .custom-logo-link { display: inline-flex; align-items: center; max-width: 9.5rem; }
.zart-global-navigation__identity .custom-logo { display: block; max-width: 100%; max-height: 2rem; width: auto; height: auto; object-fit: contain; }
.zart-global-navigation__wordmark { color: #000; font-size: .85rem; font-weight: 600; letter-spacing: .08em; text-decoration: none; white-space: nowrap; }
.zart-global-navigation__wordmark span { margin-left: .35rem; font-size: .48rem; font-weight: 500; letter-spacing: .14em; }
.zart-global-navigation__links { display: flex; align-items: center; justify-content: center; gap: clamp(.85rem, 2.4vw, 2.6rem); }
.zart-global-navigation__links :is(a, button), .zart-global-navigation__selection { color: #000; font-size: .6rem; font-weight: 500; letter-spacing: .1em; line-height: 1.2; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: color .2s ease; }
.zart-global-navigation__links button { padding: 0; border: 0; background: transparent; font-family: var(--zart-font-family); cursor: pointer; }
.zart-global-navigation__links :is(a, button):hover, .zart-global-navigation__selection:hover { color: var(--zart-gold); }
.zart-global-navigation__links :is(a, button).is-current { color: inherit; text-decoration: none; }
.zart-global-navigation__filter { display: inline-flex; align-items: center; gap: .38rem; min-height: 2.75rem; }
.zart-global-navigation__filter svg { width: .95rem; height: .95rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.55; transition: transform .2s ease; }
.zart-global-navigation__filter:hover svg { transform: scale(1.03); }
.zart-global-navigation__selection { justify-self: end; display: inline-flex; align-items: center; gap: .38rem; }
.zart-global-navigation__selection span { display: grid; min-width: 1.2rem; min-height: 1.2rem; place-items: center; border: 1px solid rgba(17,17,17,.25); border-radius: 50%; font-size: .52rem; }
.zart-brand-page-shell { width: 100%; min-width: 0; }
.zart-catalog-context { position: sticky; z-index: 80; top: var(--zart-global-navigation-height, 4.25rem); width: 100%; margin: 0 0 1.1rem; border-block: 1px solid rgba(17,17,17,.1); background: #f5f8fb; }
.admin-bar .zart-catalog-context { top: calc(var(--zart-global-navigation-height, 4.25rem) + 32px); }
.zart-catalog-context__scroll { display: flex; align-items: stretch; gap: clamp(.35rem,1vw,.8rem); width: min(100% - 2rem, 112rem); margin: 0 auto; padding: .45rem 0; overflow-x: auto; scrollbar-width: none; }
.zart-catalog-context__scroll::-webkit-scrollbar { display: none; }
.zart-catalog-context__item { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: .42rem; min-height: 2.35rem; padding: .35rem .62rem; color: #000; font-size: .58rem; font-weight: 500; letter-spacing: .08em; line-height: 1.15; text-align: center; text-decoration: none; text-transform: uppercase; transition: color .2s ease, background-color .2s ease; }
.zart-catalog-context__item::after { position: absolute; right: .62rem; bottom: .12rem; left: .62rem; height: 1px; background: transparent; content: ''; transition: background-color .2s ease; }
.zart-catalog-context__item:hover { color: var(--zart-gold); background: rgba(184,154,94,.07); }
.zart-catalog-context__item.is-current { color: #000; }
.zart-catalog-context__item.is-current::after { background: var(--zart-gold); }
.zart-catalog-context__icon { width: 1.05rem; height: 1.05rem; background: var(--zart-gold); mask: var(--zart-category-icon) center / contain no-repeat; -webkit-mask: var(--zart-category-icon) center / contain no-repeat; }
@media (max-width: 640px) {
	.zart-catalog-context { top: var(--zart-global-navigation-height, 5.9rem); }
	.admin-bar .zart-catalog-context { top: calc(var(--zart-global-navigation-height, 5.9rem) + 46px); }
	.zart-catalog-context__scroll { width: calc(100% - 1.4rem); }
	.zart-catalog-context__item { min-height: 2.3rem; font-size: .53rem; }
}

/* Legacy Bertazzoni pilot selectors remain isolated; the public route now
 * uses the shared Brand template below, with a local canvas override. */
.zart-brand[data-zart-brand-slug="bertazzoni"] { --zart-card-surface:#F5F8FB; background:#F5F8FB; }
.zart-brand[data-zart-brand-slug="bertazzoni"] .zart-brand-editorial__video video,
.zart-brand[data-zart-brand-slug="bertazzoni"] .zart-brand__collection-card span { background:#F5F8FB; }
.zart-bertazzoni { --zart-bertazzoni-ink: #111; --zart-bertazzoni-canvas: #f7f4ef; --zart-bertazzoni-gold: #b58a53; overflow: clip; background: var(--zart-bertazzoni-canvas); color: var(--zart-bertazzoni-ink); font-family: "Montserrat", sans-serif; }
.zart-bertazzoni :is(h1,h2,h3,p) { margin-top: 0; }
.zart-bertazzoni__hero { position: relative; display: grid; min-height: min(48rem, calc(100svh - var(--zart-global-navigation-height, 4.25rem))); background: #d8d4ca; isolation: isolate; }
.zart-bertazzoni__hero-media { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.zart-bertazzoni__hero-media::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(17,17,17,.56), rgba(17,17,17,.1) 58%, rgba(17,17,17,.05)); content: ""; }
.zart-bertazzoni__hero-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.zart-bertazzoni__hero-mark { align-self: end; width: min(100% - clamp(2rem,8vw,10rem), 42rem); margin: 0 auto clamp(3rem,9vw,8rem); padding: clamp(1.35rem,3vw,2.5rem); background: rgba(247,244,239,.94); color: var(--zart-bertazzoni-ink); }
.zart-bertazzoni__hero-mark > p { margin-bottom: clamp(1.25rem,3vw,2.5rem); font-size: .6rem; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; }
.zart-bertazzoni__logo { display: block; width: min(22rem, 72vw); height: auto; max-height: 7rem; object-fit: contain; object-position: left; }
.zart-bertazzoni__wordmark { margin: 0; font-size: clamp(2rem,5vw,4rem); font-weight: 300; letter-spacing: -.05em; }
.zart-bertazzoni__hero-mark > a { display: inline-flex; gap: .65rem; align-items: center; margin-top: clamp(2rem,4vw,3.5rem); border-bottom: 1px solid currentColor; padding-bottom: .45rem; color: inherit; font-size: .64rem; font-weight: 500; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; transition: color .2s ease, gap .2s ease; }
.zart-bertazzoni__hero-mark > a:hover { color: var(--zart-bertazzoni-gold); gap: .9rem; }
.zart-bertazzoni__introduction, .zart-bertazzoni__catalog { width: min(100% - clamp(2rem,8vw,10rem), 1440px); margin-inline: auto; }
.zart-bertazzoni__introduction { display: grid; grid-template-columns: minmax(8rem,.55fr) minmax(0,1.45fr); gap: clamp(2rem,9vw,12rem); padding-block: clamp(5rem,12vw,12rem); }
.zart-bertazzoni__eyebrow { margin-bottom: 1rem; color: #69645c; font-size: .62rem; font-weight: 500; letter-spacing: .15em; text-transform: uppercase; }
.zart-bertazzoni__introduction h2, .zart-bertazzoni__collections h2, .zart-bertazzoni__catalog h2 { margin-bottom: 1.4rem; font-size: clamp(2rem,4vw,4.4rem); font-weight: 300; letter-spacing: -.055em; line-height: .98; }
.zart-bertazzoni__copy { max-width: 46rem; font-size: clamp(.95rem,1.35vw,1.18rem); font-weight: 300; line-height: 1.85; }
.zart-bertazzoni__copy p:last-child { margin-bottom: 0; }
.zart-brand-collections { width: min(100% - clamp(2rem,8vw,10rem), 1440px); margin-inline: auto; padding-block: clamp(2.5rem,4.5vw,4.5rem); background: var(--zart-card-surface, #F7F4EF); }
.zart-brand-collections > header { width: min(100%, 46rem); margin-bottom: clamp(1.5rem,3vw,2.5rem); }
.zart-brand-collections__track { display: flex; gap: 0; overflow: hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; }
.zart-brand-collections__slide { display: grid; flex: 0 0 100%; grid-template-columns: minmax(0,1.4fr) minmax(15rem,.6fr); align-items: center; gap: clamp(1.5rem,5vw,5rem); background: var(--zart-card-surface, #F7F4EF); scroll-snap-align: start; }
.zart-brand-collections__slide figure { min-height: clamp(17rem,34vw,39rem); margin: 0; overflow: hidden; background: var(--zart-card-surface, #F7F4EF); }
.zart-brand-collections__slide figure img { display: block; width: 100%; height: 100%; min-height: inherit; object-fit: cover; }
.zart-brand-collections__slide h3 { margin-bottom: 1rem; font-size: clamp(1.8rem,3.5vw,3.6rem); font-weight: 300; letter-spacing: -.055em; line-height: 1; }
.zart-brand-collections__copy > p:not(.zart-brand__eyebrow) { font-size: .88rem; font-weight: 300; line-height: 1.8; }
.zart-brand-collections__copy a { display: inline-flex; gap: .65rem; align-items: center; max-width: 100%; margin-top: clamp(1.25rem,2.5vw,2rem); border-bottom: 1px solid currentColor; padding-bottom: .45rem; color: inherit; font-size: .64rem; font-weight: 500; letter-spacing: .12em; line-height: 1.35; text-decoration: none; text-transform: uppercase; transition: color .2s ease, gap .2s ease; }
.zart-brand-collections__copy a:hover { color: var(--zart-bertazzoni-gold, #b58a53); gap: .9rem; }
.zart-brand-collections__controls { display: flex; justify-content: end; gap: .55rem; margin-top: 1.25rem; }
.zart-brand-collections__controls button { display: grid; width: 2.75rem; height: 2.75rem; place-items: center; border: 1px solid rgba(17,17,17,.28); border-radius: 0; background: transparent; color: #111; cursor: pointer; font-size: 1.2rem; transition: background-color .2s ease, color .2s ease; }
.zart-brand-collections__controls button:hover, .zart-brand-collections__controls button:focus-visible { background: #111; color: #f7f4ef; }
.zart-bertazzoni__catalog { margin-top: clamp(2.5rem,4.5vw,4.5rem); padding-top: clamp(2.5rem,4.5vw,4.5rem); border-top: 1px solid rgba(17,17,17,.16); }
.zart-bertazzoni__catalog > header { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: clamp(2rem,4vw,3.5rem); }
.zart-bertazzoni__catalog > header > p { margin-bottom: .45rem; color: #69645c; font-size: .68rem; letter-spacing: .09em; white-space: nowrap; }
.zart-bertazzoni [data-zart-brand-reveal] { opacity: 0; transform: translateY(12px); transition: opacity .42s ease, transform .42s ease; }
.zart-bertazzoni [data-zart-brand-reveal].is-revealed { opacity: 1; transform: none; }
@media (max-width: 900px) { .zart-bertazzoni__hero { min-height: min(42rem, calc(100svh - var(--zart-global-navigation-height, 4.25rem))); } .zart-brand-collections__slide { grid-template-columns: 1fr; gap: 1.75rem; } }
@media (max-width: 640px) { .zart-bertazzoni__hero { min-height: 34rem; } .zart-bertazzoni__hero-media img { object-position: 62% center; } .zart-bertazzoni__hero-mark { width: calc(100% - 2rem); margin-bottom: 2.5rem; } .zart-bertazzoni__introduction { grid-template-columns: 1fr; gap: 1rem; padding-block: 4.5rem; } .zart-bertazzoni__introduction, .zart-brand-collections { width: calc(100% - 2rem); } .zart-brand-collections__slide figure { min-height: 18rem; } .zart-bertazzoni__catalog > header { align-items: start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .zart-bertazzoni * { scroll-behavior: auto !important; transition: none !important; } }

/* 0.4.52 — catálogo da marca: quatro cards, mídia completa e carregamento contínuo. */
.zart-brand-page-shell .zart-brand--restructured {
  width: min(calc(100% - 4rem), 1760px);
  max-width: 1760px;
  margin-inline: auto;
}

.zart-brand-page-shell .zart-brand--restructured .zart-catalog__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: clamp(0.85rem, 1.5vw, 1.25rem) !important;
}

.zart-brand-page-shell .zart-brand--restructured .zart-catalog-card__media {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1.15 !important;
  overflow: hidden;
}

.zart-brand-page-shell .zart-brand--restructured .zart-catalog-card__media > a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 8% 9% !important;
}

.zart-brand-page-shell .zart-brand--restructured .zart-catalog-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  object-position: center;
  transform: none !important;
  padding: 0;
}

.zart-brand-page-shell .zart-brand--restructured .zart-brand__pagination.is-infinite {
  display: none !important;
}

@media (max-width: 1180px) {
  .zart-brand-page-shell .zart-brand--restructured {
    width: min(calc(100% - 2.5rem), 1180px);
  }

  .zart-brand-page-shell .zart-brand--restructured .zart-catalog__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .zart-brand-page-shell .zart-brand--restructured {
    width: calc(100% - 1.5rem);
  }

  .zart-brand-page-shell .zart-brand--restructured .zart-catalog__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem !important;
  }
}

@media (max-width: 520px) {
  .zart-brand-page-shell .zart-brand--restructured .zart-catalog__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
.zart-brand-page-shell .zart-brand-navigation { position: sticky; z-index: 80; top: var(--zart-global-navigation-height, 4.25rem); display: block; width: 100%; min-width: 0; background: #f5f8fb; border-bottom: 1px solid rgba(17,17,17,.1); }
.admin-bar .zart-brand-page-shell .zart-brand-navigation { top: calc(var(--zart-global-navigation-height, 4.25rem) + 32px); }
.zart-brand-navigation__logos { display: flex; align-items: center; justify-content: center; gap: clamp(1.3rem, 5vw, 5.5rem); width: 100%; min-height: 4.25rem; padding: .85rem clamp(1rem, 5vw, 5rem); overflow-x: auto; scrollbar-width: none; }
.zart-brand-navigation__logos::-webkit-scrollbar { display: none; }
.zart-brand-navigation__logo { display: grid; flex: 0 0 auto; width: clamp(4.75rem, 9vw, 7.4rem); height: 1.7rem; padding: 0; place-items: center; border: 0; background: transparent; color: #111; cursor: pointer; opacity: 1; text-decoration: none; transition: transform .22s ease; }
.zart-brand-navigation__logo:hover, .zart-brand-navigation__logo:focus-visible, .zart-brand-navigation__logo.is-current { transform: translateY(-1px); }
.zart-brand-navigation__logo:focus-visible, .zart-brand-navigation__primary :focus-visible, .zart-brand-navigation__category:focus-visible { outline: 1px solid #111; outline-offset: 4px; }
.zart-brand-navigation__logo img { display: block; width: 100%; height: 100%; object-fit: contain; opacity: 1 !important; filter: none !important; mix-blend-mode: normal !important; transition: transform .22s ease; }
.zart-brand-navigation__logo img[alt="Lofra"] { width:8.6rem; max-width:none; height:1.95rem; image-rendering:auto; }
.zart-brand-navigation__logo:hover img, .zart-brand-navigation__logo:focus-visible img { transform: scale(1.055); }
.zart-brand-navigation__logo-pending { font-size: .6rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.zart-brand-navigation__expanded { overflow: clip; border-top: 1px solid rgba(17,17,17,.08); background: #f5f8fb; animation: zart-brand-menu-open .24s ease both; }
.zart-brand-navigation__expanded[hidden], .zart-brand-navigation__categories[hidden] { display: none; }
.zart-brand-navigation__primary { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(.65rem, 2vw, 2rem); min-height: 3.35rem; padding: .45rem 1rem; }
.zart-brand-navigation__primary :is(a, button, span) { display: inline-flex; align-items: center; min-height: 1.8rem; padding: .28rem .2rem; border: 0; background: transparent; color: #000; font: inherit; font-size: .64rem; font-weight: 500; letter-spacing: .1em; line-height: 1.2; text-decoration: none; text-transform: uppercase; cursor: pointer; transition: color .2s ease; }
.zart-brand-navigation__primary :is(a, button):hover, .zart-brand-navigation__primary :is(a, button)[aria-expanded="true"] { color: var(--zart-gold); }
.zart-brand-navigation__categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(6.8rem, 1fr)); gap: .7rem clamp(.7rem, 2vw, 1.5rem); width: min(100% - 2rem, 76rem); margin: 0 auto; padding: .9rem 0 1.25rem; border-top: 1px solid rgba(17,17,17,.08); animation: zart-brand-menu-open .2s ease both; }
.zart-brand-navigation__category { display: grid; min-width: 0; min-height: 4.7rem; place-items: center; gap: .35rem; padding: .45rem; color: #000; font-size: .56rem; font-weight: 500; letter-spacing: .06em; line-height: 1.25; text-align: center; text-decoration: none; text-transform: uppercase; transition: color .2s ease, transform .2s ease; }
.zart-brand-navigation__category:hover { color: #b89a5e; transform: translateY(-2px); }
.zart-brand-navigation__category .zart-brand__category-icon { width: 1.55rem; height: 1.55rem; background: #b89a5e; }
.zart-brand-navigation__category--all { align-content: center; color: #b89a5e; }
@keyframes zart-brand-menu-open { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
.zart-global-brand-mega { position: sticky; z-index: 89; top: var(--zart-global-navigation-height, 4.25rem); width: 100%; min-width: 0; overflow: clip; border-bottom: 1px solid rgba(17,17,17,.1); background: #f5f8fb; box-shadow: 0 0.85rem 1.8rem rgba(17,17,17,.05); animation: zart-brand-menu-open .22s ease both; }
.admin-bar .zart-global-brand-mega { top: calc(var(--zart-global-navigation-height, 4.25rem) + 32px); }
.zart-global-brand-mega[hidden] { display: none; }
.zart-global-brand-mega__selector { position: relative; display: flex; align-items: center; justify-content: center; width: min(100% - 2rem, 112rem); min-height: 4.25rem; margin: 0 auto; }
.zart-global-brand-mega__selector .zart-brand-navigation__logos { flex: 0 1 auto; justify-content: center; width: auto; min-height: 0; padding-inline: 0; }
.zart-global-brand-mega__selector .zart-brand-navigation__logo { position: relative; height: 1.7rem; appearance: none; -webkit-appearance: none; border-color: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; color: #111 !important; outline-color: #111; -webkit-tap-highlight-color: transparent; user-select: none; }
.zart-global-brand-mega__selector .zart-brand-navigation__logo::after { position: absolute; right: .25rem; bottom: -.45rem; left: .25rem; height: 1px; background: transparent; content: ''; transition: background-color .2s ease; }
.zart-global-brand-mega__selector .zart-brand-navigation__logo:hover, .zart-global-brand-mega__selector .zart-brand-navigation__logo:focus-visible, .zart-global-brand-mega__selector .zart-brand-navigation__logo.is-current { border-color: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; color: #111 !important; filter: none !important; transform: none; }
.zart-global-brand-mega__selector .zart-brand-navigation__logo:hover img, .zart-global-brand-mega__selector .zart-brand-navigation__logo:focus-visible img { filter: none !important; transform: scale(1.01); }
.zart-global-brand-mega__selector .zart-brand-navigation__logo.is-current::after { background: transparent; }
.zart-global-brand-mega__selector .zart-brand-navigation__logo img, .zart-global-brand-mega__selector .zart-brand-navigation__logo-pending { -webkit-user-select: none; user-select: none; }
.zart-global-brand-mega__all { display: inline-flex; align-items: center; gap: .45rem; color: #000; font-size: .58rem; font-weight: 500; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.zart-global-brand-mega__selector .zart-global-brand-mega__all { position: absolute; right: 0; }
.zart-global-brand-mega__all:hover { color: var(--zart-gold); }
@media (max-width: 640px) { .zart-global-brand-mega { top: var(--zart-global-navigation-height, 5.9rem); } .admin-bar .zart-global-brand-mega { top: calc(var(--zart-global-navigation-height, 5.9rem) + 46px); } .zart-global-brand-mega__selector { display: block; width: calc(100% - 1.4rem); min-height: 0; } .zart-global-brand-mega__selector .zart-brand-navigation__logos { justify-content: flex-start; width: 100%; padding: .5rem 0; } .zart-global-brand-mega__selector .zart-global-brand-mega__all { position: static; min-height: 2.4rem; padding-bottom: .35rem; } }
.zart-brand--restructured { padding-top: clamp(1.5rem, 3vw, 3.25rem); }
.zart-brand--restructured .zart-brand__panel { padding-top: clamp(2.5rem, 4vw, 4.5rem); }
@media (max-width: 900px) { .zart-brand-editorial { grid-template-columns: 1fr; } .zart-brand-editorial__section--history, .zart-brand-editorial__section--curation, .zart-brand-editorial__video, .zart-brand-editorial__video:first-child { grid-column: 1; grid-row: auto; } }
@media (max-width: 640px) { .admin-bar .zart-global-navigation { top: 46px; } .zart-global-navigation__inner { grid-template-columns: minmax(5.8rem,1fr) auto; width: calc(100% - 1.4rem); min-height: 3.65rem; gap: .65rem; } .zart-global-navigation__identity .custom-logo-link { max-width: 7.1rem; } .zart-global-navigation__identity .custom-logo { max-height: 1.55rem; } .zart-global-navigation__wordmark { font-size: .7rem; } .zart-global-navigation__wordmark span { font-size: .4rem; } .zart-global-navigation__links { order: 3; grid-column: 1 / -1; justify-content: flex-start; width: 100%; padding-bottom: .45rem; overflow-x: auto; scrollbar-width: none; } .zart-global-navigation__links::-webkit-scrollbar { display: none; } .zart-global-navigation__links a { flex: 0 0 auto; font-size: .54rem; } .zart-global-navigation__selection { font-size: .52rem; } .admin-bar .zart-brand-page-shell .zart-brand-navigation { top: calc(var(--zart-global-navigation-height, 5.9rem) + 46px); } .zart-brand-navigation__logos { justify-content: flex-start; min-height: 3.7rem; gap: 1.5rem; } .zart-brand-navigation__logo { width: 4.8rem; height: 1.45rem; } .zart-brand-navigation__logo img[alt="Lofra"] { width:6.15rem; height:1.45rem; } .zart-brand-navigation__primary { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; } .zart-brand-navigation__primary::-webkit-scrollbar { display: none; } .zart-brand-navigation__primary :is(a,button) { flex: 0 0 auto; font-size: .57rem; } .zart-global-navigation__selection { font-size: .52rem; } .zart-brand-navigation__categories { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; width: calc(100% - 1.2rem); padding-bottom: .8rem; } .zart-brand-navigation__category { min-height: 4.25rem; padding-inline: .2rem; font-size: .5rem; } .zart-brand-editorial { width: calc(100% - 1.4rem); gap: 2.4rem; padding-block: 3.5rem; } }

@media (max-width: 640px) { .zart-global-brand-mega__selector .zart-brand-navigation__logos { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;overflow:visible; } .zart-global-brand-mega__selector .zart-brand-navigation__logo { width:100%;height:1.32rem;min-width:0;overflow:hidden; } .zart-global-brand-mega__selector .zart-brand-navigation__logo img,.zart-global-brand-mega__selector .zart-brand-navigation__logo img[alt="Lofra"] { width:100%;max-width:100%;height:100%;object-fit:contain; } .zart-global-brand-mega__selector .zart-brand-navigation__logo.is-current { transform:none; } }

/* Official marks must share one visual box; no brand-specific vertical offset. */
.zart-brand-navigation__logo img,.zart-brand-navigation__logo img[alt="Lofra"],.zart-global-brand-mega__selector .zart-brand-navigation__logo img,.zart-global-brand-mega__selector .zart-brand-navigation__logo img[alt="Lofra"]{width:100%;max-width:100%;height:100%;object-fit:contain;transform:none!important}
.zart-frontend-preview .zart-catalog__brand-logos img[alt="Elica"],.zart-frontend-preview .zart-catalog__brand-logos a:hover img[alt="Elica"],.zart-frontend-preview .zart-catalog__brand-logos a:focus-visible img[alt="Elica"]{transform:none}
.zart-frontend-preview .zart-brand-card__logo{display:block;width:min(12rem,75%);height:2.3rem;max-width:75%;object-fit:contain;object-position:left center}
/* Official source files have different transparent margins and visual weights.
 * These optical adjustments keep the five marks balanced without changing
 * their aspect ratios or modifying the source assets. */
.zart-frontend-preview .zart-brand-card__logo[alt="TECNO"]{transform:scale(.72);transform-origin:left center}
.zart-frontend-preview .zart-brand-card__logo[alt="Elica"]{transform:translateY(-.12rem) scale(1.32);transform-origin:left center}
.zart-frontend-preview .zart-brand-card__logo[alt="Lofra"]{transform:scale(1.14);transform-origin:left center}
@media (min-width:1000px){.zart-frontend-preview .zart-brands__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Mobile homologation: compact hierarchy, two-column discovery and technical
 * data that reflows instead of ever requiring a horizontal page scroll. */
@media screen and (max-width: 600px) {
	.zart-frontend-preview .zart-global-navigation {
		padding-top: max(.45rem, env(safe-area-inset-top));
	}
	.zart-frontend-preview .zart-global-navigation__inner {
		min-height: 3.35rem;
		width: calc(100% - 1.2rem);
		gap: .5rem;
	}
	.zart-frontend-preview .zart-global-navigation__identity .custom-logo-link { max-width: 6.5rem; }
	.zart-frontend-preview .zart-global-navigation__identity .custom-logo { max-height: 1.38rem; }
	.zart-frontend-preview .zart-global-navigation__selection { padding-right: .1rem; font-size: .5rem; }
	.zart-frontend-preview .zart-global-navigation__selection span { min-width: 1.05rem; min-height: 1.05rem; }
	.zart-frontend-preview .zart-global-brand-mega__selector .zart-brand-navigation__logos,
	.zart-frontend-preview .zart-brand-navigation__logos { gap: .85rem; padding-inline: .2rem; }
	.zart-frontend-preview .zart-brand-navigation__logo { width: 4.15rem; height: 1.25rem; }
	.zart-frontend-preview .zart-brand-navigation__logo img[alt="Lofra"] { width: 4.8rem; height: 1.25rem; }

	.zart-contact-page h1 { font-size: clamp(1.8rem, 8.2vw, 2.2rem); line-height: 1.12; }
	.zart-contact-page header { margin-bottom: 1.5rem !important; }

	.zart-frontend-preview .zart-product h1 { max-width: 18ch; font-size: clamp(1.55rem, 7.4vw, 2.1rem); line-height: 1.12; }
	.zart-frontend-preview .zart-product__hero { padding-top: 2rem; }
	.zart-frontend-preview .zart-product__spec-table,
	.zart-frontend-preview .zart-product__spec-table tbody,
	.zart-frontend-preview .zart-product__spec-table tr,
	.zart-frontend-preview .zart-product__spec-table th,
	.zart-frontend-preview .zart-product__spec-table td { display: block; width: 100% !important; box-sizing: border-box; }
	.zart-frontend-preview .zart-product__spec-table tr:not(.zart-product__spec-group) { margin-bottom: .55rem; border: 1px solid rgba(17,17,17,.1); }
	.zart-frontend-preview .zart-product__spec-table tr:not(.zart-product__spec-group) th { padding-bottom: .16rem; font-size: .68rem; letter-spacing: .04em; text-transform: uppercase; }
	.zart-frontend-preview .zart-product__spec-table tr:not(.zart-product__spec-group) td { padding-top: .16rem; overflow-wrap: anywhere; word-break: break-word; }
	.zart-frontend-preview .zart-product__spec-table .zart-product__spec-group th { padding-inline: .7rem !important; overflow-wrap: anywhere; }

	.zart-frontend-preview .zart-catalog__grid,
	.zart-frontend-preview .zart-brand .zart-catalog__grid,
	.zart-home__product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; overflow: visible; }
	.zart-home__product-grid .zart-catalog-card { flex: initial; }
	.zart-frontend-preview .zart-product__related { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
	.zart-frontend-preview .zart-product__related a { min-width: 0; flex-basis: auto; }
}

/* Final precedence: every public content route aligns with the Home canvas. */
.zart-frontend-preview .site-content > .ast-container,
.zart-brand-page-shell .zart-brand--restructured,
.zart-brand-page-shell .zart-brand-editorial,
.zart-brand-page-shell .zart-brand-collections,
.zart-brand-page-shell .zart-bertazzoni__introduction,
.zart-brand-page-shell .zart-bertazzoni__catalog {
	width: var(--zart-public-canvas) !important;
	max-width: none !important;
}
