/* Phase 9.2 art direction. Shared grid; presentation contracts stay in PHP. */
:root {
	/* Canonical grid primitives: broad site shell, editorial canvas and readable prose. */
	--ugur-max: 96rem;
	--ugur-wide: 108rem;
	--ugur-gutter: clamp(1.25rem, 4vw, 5rem);
	--container-site: var(--ugur-max);
	--container-editorial: 75rem;
	--container-reading: 60rem;
	--container-sidebar: 20rem;
	--container-feature-intro: var(--container-site);
	--container-gutter: var(--ugur-gutter);
	--ugur-ink: #142b38;
	--ugur-muted: #536570;
	--ugur-surface-cool: #f1f4f5;
	--ugur-radius-sm: 0;
	--ugur-radius-md: 0;
	--ugur-radius-lg: 0;
	--ugur-section-space: clamp(3rem, 5vw, 5rem);
	--article-media-primary: var(--container-site);
	--content-wide: var(--article-media-primary);
	--content-reading: var(--container-reading);
	--content-news-reading: var(--editorial-reading);
	--content-news-sidebar: var(--container-sidebar);
	--content-news-divider-gap: 6rem;
	--content-news-article-sidebar: var(--container-sidebar);
	--content-news-article-gap: 0;
	--content-news-sticky-top: calc(6.25rem + 1.5rem);
	--content-news-title: 67.5rem;
	--content-article-title: 75rem;
	--editorial-type-family: var(--ugur-font);
	--editorial-type-h1: clamp(3rem, calc(2.25rem + 1.3vw), 3.5rem);
	--editorial-type-lead: clamp(1.375rem, 1.55vw, 1.5rem);
	--editorial-type-h2: clamp(2.25rem, 2.6vw, 2.5rem);
	--editorial-type-h3: clamp(1.625rem, 1.85vw, 1.875rem);
	--editorial-type-body: 1.125rem;
	--editorial-type-body-leading: 1.6;
	--editorial-type-meta: 0.9375rem;
	--editorial-type-caption: 0.8125rem;
	--editorial-type-eyebrow: 0.8125rem;

	/* Shared editorial spans. Page-level rails use --container-site; these
	 * values are tracks inside that canvas, never independent page shells. */
	--editorial-full: var(--container-site);
	--editorial-media: min(72.5rem, var(--container-editorial));
	--editorial-media-single: min(72.5rem, var(--content-feature-canvas));
	--editorial-media-single-compact: min(60rem, var(--content-feature-canvas));
	--editorial-media-pair: 85%;
	--editorial-reading: min(57.5rem, var(--container-reading));
	--editorial-sidebar: var(--container-sidebar);
	--content-feature-intro: var(--editorial-full);
	--content-feature-intro-main: var(--editorial-reading);
	--content-feature-intro-sidebar: var(--editorial-sidebar);
	--content-feature-intro-gap: 0;
	--content-feature-canvas: var(--editorial-media);
	--content-feature-reading: var(--editorial-reading);
	--article-wide-inset: max(var(--ugur-gutter), calc((100% - var(--ugur-max)) / 2));
}

body {
	font-weight: 400;
}

h1, h2, h3 {
	text-wrap: balance;
}

.page-section {
	padding-block: var(--ugur-section-space);
}

.eyebrow {
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.09em;
	margin: 0 0 1.4rem;
}

.section-title {
	max-width: 25ch;
	font-size: clamp(2rem, 3.2vw, 3.3rem);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.045em;
}

.section-heading {
	align-items: end;
	gap: 2.5rem;
	margin-bottom: 3rem;
}

.section-heading > p, .applications-intro {
	max-width: 30rem;
	color: var(--ugur-muted);
	font-size: 1.0625rem;
}

.lead {
	font-size: 1.125rem;
	line-height: 1.65;
}

.button, .header-cta {
	min-height: 3.2rem;
	padding: 0.95rem 1.35rem;
	border-radius: 0;
	font-size: 0.9375rem;
	font-weight: 600;
}

.button--quiet {
	border: 0;
	background: transparent;
	padding-inline: 0.3rem;
}

.button--quiet:hover {
	background: transparent;
	color: var(--ugur-brand);
}

.button--brand {
	gap: 1.5rem;
}

.button--brand span {
	font-size: 1.25rem;
}

.text-link {
	display: inline-flex;
	align-items: center;
	gap: 2rem;
	min-height: 2.75rem;
	color: var(--ugur-brand);
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
}

.text-link:hover {
	text-decoration: underline;
}

.text-link span {
	font-size: 1.4rem;
}

.site-header {
	min-height: 5.65rem;
	background: #fff;
	border-bottom: 0;
	backdrop-filter: none;
}

.header-inner {
	min-height: 5.65rem;
	gap: 2.5rem;
}

.brand img {
	width: 10.5rem;
	max-height: 3.15rem;
}

.main-nav {
	font-size: 0.9375rem;
	font-weight: 500;
	gap: clamp(1.1rem, 1.8vw, 2.1rem);
}

/* Keep every desktop/mobile header label on the same real Manrope metrics
 * across homepage and inner-page states. */
.main-nav > a,
.nav-menu-toggle {
	font-family: var(--ugur-font-sans);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: normal;
	color: var(--ugur-ink);
}

.header-search,
.header-language {
	font-family: var(--ugur-font-sans);
	font-size: 0.9375rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: normal;
}

.nav-menu-toggle {
	min-height: 3rem;
	font-weight: 500;
}

.header-actions {
	gap: 1.5rem;
}

.header-search {
	font-weight: 500;
	font-size: 0.9375rem;
	min-height: 2.75rem;
}

.header-search span:first-child {
	font-size: 1.75rem;
}

.header-cta {
	white-space: nowrap;
	min-height: 3.15rem;
	font-size: 0.9rem;
	padding: 0.85rem 1.3rem;
}

.nav-menu-item {
	position: static;
}

.mega-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding: 0.75rem 0 0.85rem;
	display: block;
	border: 0;
	border-top: 1px solid #e8edef;
	border-bottom: 1px solid var(--ugur-border);
	border-radius: 0;
	box-shadow: none;
	transform: none;
}

/* The menu state is controlled by the native hidden attribute and the
 * shared header script, independent of homepage scroll state. */
.mega-menu[hidden] {
	display: none !important;
}

.mega-menu:not([hidden]) {
	display: block;
}

.mega-menu::before {
	display: none;
}

.mega-menu__layout {
	display: grid;
	grid-template-columns: 0.85fr 2.7fr;
	gap: clamp(2rem, 3vw, 4rem);
}

.mega-menu__intro {
	display: block;
}

.mega-menu__intro strong {
	font-weight: 500;
	font-size: 1.15rem;
	line-height: 1.15;
}

.mega-menu__intro p {
	font-size: 0.875rem;
	line-height: 1.35;
	margin-top: 0.45rem;
	max-width: 22rem;
}

.mega-menu__intro .text-link {
	margin-top: 0.45rem;
}

.mega-menu__links {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem;
	align-items: start;
}

.mega-menu__group h2 {
	margin: 0 0 0.75rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--ugur-muted);
	text-wrap: wrap;
}

.mega-menu__links a {
	min-height: 2.75rem;
	padding: 0.5rem 0;
	gap: 0.75rem;
	font-size: 1rem;
	font-weight: 500;
	white-space: normal;
	line-height: 1.35;
}

.mega-menu__links a span {
	color: var(--ugur-brand);
	font-size: 1.2rem;
}

.mega-menu__links a:hover {
	background: transparent;
	text-decoration: underline;
}

@media (width > 68rem) {
	.mega-menu {
		background: rgb(255 255 255 / 92%);
		backdrop-filter: blur(12px);
		/* stylelint-disable-next-line property-no-vendor-prefix */
		-webkit-backdrop-filter: blur(12px);
		box-shadow: none;
		padding: 0.8rem 0 0.85rem;
	}

	.mega-menu__layout {
		width: min(74rem, 100%);
		margin-inline: 0;
		margin-left: max(var(--container-gutter, var(--ugur-gutter)), calc((100% - var(--container-site, var(--ugur-max))) / 2));
		grid-template-columns: 16.5rem 54rem;
		column-gap: 3.5rem;
	}

	.mega-menu__intro strong {
		font-size: 1.15rem;
		line-height: 1.15;
	}

	.mega-menu__intro p {
		margin-top: 0.45rem;
	}

	.mega-menu__intro .text-link {
		margin-top: 0.45rem;
		gap: 0.5rem;
	}

	.mega-menu__links {
		grid-template-columns: 15rem 15rem 17rem;
		gap: 0 3.5rem;
	}

	.mega-menu__group {
		display: flex;
		flex-direction: column;
		gap: 0.625rem;
	}

	.mega-menu__group h2 {
		margin: 0;
		font-size: 0.8125rem;
		font-weight: 600;
		line-height: 1.2;
		color: var(--ugur-ink-muted);
	}

	.mega-menu__links a {
		display: inline-flex;
		width: 100%;
		min-height: 0;
		align-items: center;
		justify-content: flex-start;
		padding: 0.15rem 0;
		gap: 0.5rem;
		text-decoration: none;
		font-size: 0.875rem;
		line-height: 1.25;
		transition: color 0.18s ease;
	}

	.mega-menu__links a .mega-menu__arrow {
		display: inline-flex;
		width: 1rem;
		height: 1rem;
		align-items: center;
		justify-content: center;
		flex: 0 0 1rem;
		font-size: 1.15rem;
		line-height: 1;
		color: var(--ugur-brand-primary);
		transition: transform 0.18s ease;
	}

	.mega-menu__links a:hover,
	.mega-menu__links a:focus-visible {
		background: transparent;
		color: var(--ugur-brand);
		text-decoration: none;
	}

	.mega-menu__links a:hover .mega-menu__arrow,
	.mega-menu__links a:focus-visible .mega-menu__arrow {
		transform: translate(0.15rem, -0.15rem);
	}

	.mega-menu__intro .mega-menu__catalog-link {
		gap: 0.5rem;
		color: var(--ugur-brand-primary);
		font-weight: 500;
	}

	.mega-menu__catalog-arrow {
		line-height: 1;
	}
}

/* A broad editorial masthead above a photograph: typography and image each get room. */
.media-hero {
	display: block;
	min-height: 0;
	background: var(--ugur-white);
	color: var(--ugur-ink);
}

.media-hero__content {
	background: var(--ugur-white);
}

.media-hero__content-inner {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	column-gap: 5rem;
	padding-block: 2rem 2.5rem;
}

.media-hero__content-inner > .eyebrow {
	grid-column: 1 / -1;
}

.media-hero .display-title {
	max-width: 21ch;
	margin: 0;
	font-size: clamp(2.8rem, 4.15vw, 4.6rem);
	font-weight: 500;
	line-height: 1.04;
	letter-spacing: -0.05em;
}

.media-hero .display-title span {
	color: var(--ugur-brand);
}

.media-hero__support {
	align-self: end;
}

.media-hero .lead {
	max-width: 28rem;
	margin: 0 0 1.65rem;
}

.hero-actions {
	gap: 1.6rem;
	margin: 0;
	flex-wrap: wrap;
}

.media-hero__image {
	position: relative;
	width: min(var(--ugur-wide), calc(100% - 2 * var(--ugur-gutter)));
	margin-inline: auto;
	height: clamp(25rem, 37vw, 43rem);
	min-height: 0;
	overflow: hidden;
	background: #f2f6f8;
}

.media-hero__photo {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: 50% 80%;
}

.media-hero__caption {
	z-index: 1;
	position: absolute;
	right: 2rem;
	bottom: 1.5rem;
	left: 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	color: #fff;
	font-size: 0.875rem;
	text-shadow: 0 1px 8px #142b38;
}

.media-hero__caption a {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	background: white;
	color: var(--ugur-ink);
	text-decoration: none;
	text-shadow: none;
	font-size: 1.6rem;
}

.media-hero__image::after {
	position: absolute;
	inset: 70% 0 0;
	content: "";
	background: linear-gradient(transparent, rgb(0 0 0 / 35%));
	pointer-events: none;
}

/* Internal alternate composition: full photograph with a controlled white content panel. */
.media-hero--editorial {
	position: relative;
	min-height: 43rem;
	display: grid;
	align-items: end;
	padding: 5rem 0;
}

.media-hero--editorial .media-hero__image {
	position: absolute;
	inset: 0;
	height: 100%;
	width: 100%;
	padding: 0;
}

.media-hero--editorial .media-hero__photo {
	object-fit: cover;
	mix-blend-mode: normal;
}

.media-hero--editorial .media-hero__content {
	background: transparent;
	position: relative;
	width: min(var(--ugur-max), calc(100% - 2 * var(--ugur-gutter)));
	margin-inline: auto;
}

.media-hero--editorial .media-hero__content-inner {
	display: block;
	width: 38rem;
	margin: 0;
	padding: 3rem;
	background: #fff;
}

.media-hero--editorial .display-title {
	font-size: 3.4rem;
}

.media-hero--editorial .lead {
	margin-top: 1.5rem;
}

.media-hero--editorial .media-hero__caption {
	display: none;
}

.equipment-section {
	background: #fff;
}

.equipment-editorial {
	display: grid;
	grid-template-columns: 0.85fr 1.65fr;
	gap: 4rem;
}

.equipment-feature {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 31rem;
	background: #eaf4fb;
	text-decoration: none;
	padding: 2.5rem;
	overflow: hidden;
}

.equipment-feature__heading {
	position: relative;
	z-index: 1;
}

.equipment-feature__heading > span {
	font-size: 0.875rem;
	color: var(--ugur-brand);
}

.equipment-feature h3 {
	font-size: clamp(2rem, 3vw, 3rem);
	line-height: 1.08;
	letter-spacing: -0.04em;
	font-weight: 500;
	margin: 1rem 0;
}

.equipment-feature img {
	width: 100%;
	height: 22rem;
	transform: scale(1.22);
	object-fit: contain;
	mix-blend-mode: multiply;
	flex: 1;
}

.equipment-feature__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 1rem;
	font-weight: 500;
}

.equipment-directions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 2rem;
}

.equipment-direction {
	display: grid;
	grid-template-columns: 6.25rem minmax(0, 1fr) 1rem;
	gap: 1rem;
	align-items: center;
	padding-block: 0.6rem;
	text-decoration: none;
	font-size: 1.0625rem;
	line-height: 1.25;
}

.equipment-direction__image {
	height: 5.75rem;
	display: grid;
	place-items: center;
}

.equipment-direction img {
	width: 100%;
	height: 100%;
	max-height: 5.75rem;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: transform 200ms ease;
}

.equipment-direction:hover img {
	transform: scale(1.08);
}

.equipment-direction:hover, .equipment-feature:hover {
	color: var(--ugur-brand);
}

.equipment-direction b {
	font-weight: 400;
	color: var(--ugur-brand);
}

.equipment-all {
	margin-top: 2.5rem;
}

.applications-section {
	background: var(--ugur-ink);
	color: #fff;
}

.applications-section .eyebrow {
	color: #76cbef;
}

.applications-section .applications-intro {
	color: #c8d3da;
}

.application-stories {
	display: grid;
	grid-template-columns: 1.45fr 1fr;
	gap: 2rem 3rem;
}

.application-story {
	color: inherit;
	text-decoration: none;
	min-width: 0;
}

.application-story:first-child {
	grid-row: span 2;
}

.application-story__image {
	height: 13.5rem;
	overflow: hidden;
}

.application-story:first-child .application-story__image {
	height: 36rem;
}

.application-story img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 300ms ease;
}

.application-story:hover img, .installation-story:hover img {
	transform: scale(1.025);
}

.application-story__caption, .installation-story__caption {
	position: relative;
	padding: 1.25rem 2rem 0 0;
}

.application-story h3, .installation-story h3 {
	font-size: 1.5rem;
	font-weight: 500;
	margin: 0;
	letter-spacing: -0.025em;
}

.application-story p {
	color: #c8d3da;
	font-size: 1rem;
	margin: 0.5rem 0 0;
}

.application-story__caption > span, .installation-story__caption > span {
	position: absolute;
	right: 0;
	top: 1.25rem;
	font-size: 1.5rem;
}

.featured-section {
	background: #fff;
}

.product-grid--showcase {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem;
	border: 0;
}

.product-card, .product-grid--showcase .product-card {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.product-card:hover {
	transform: none;
	box-shadow: none;
}

.product-card__image, .product-card__image img {
	height: 19rem;
	min-height: 0;
}

.product-card__image {
	background: var(--ugur-surface-cool);
	overflow: hidden;
}

.product-card__image img {
	padding: 0.75rem;
	transition: transform 250ms ease;
}

.product-card__image:hover img {
	transform: scale(1.045);
}

.product-card__body {
	padding: 1rem 0 0;
}

.product-card h3 {
	font-size: 1.3125rem;
	line-height: 1.22;
	font-weight: 600;
	letter-spacing: -0.03em;
}

.product-card__category {
	margin: 0.5rem 0 0;
	color: var(--ugur-muted);
	font-size: 0.9375rem;
	text-transform: none;
	letter-spacing: normal;
	font-weight: 400;
	line-height: 1.4;
}

.product-card__alias {
	font-size: 0.8125rem;
}

.product-card__meta {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin: 0.875rem 0 0.75rem;
}

.meta-chip {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
	border: 0;
	padding: 0;
	background: transparent;
}

.meta-chip strong {
	font-size: 0.9375rem;
	font-weight: 500;
	order: 2;
}

.meta-chip span {
	font-size: 0.875rem;
	margin: 0;
	color: var(--ugur-muted);
}

.product-card__footer {
	padding-top: 0.25rem;
	border-top: 0;
	gap: 1rem;
}

.product-card__footer .button {
	min-height: 2.75rem;
	padding: 0;
	font-size: 0.875rem;
	color: var(--ugur-brand);
	border: 0;
	background: transparent;
}

.compare-control {
	align-items: center;
	font-size: 0.875rem;
	min-height: 2.75rem;
}

.compare-control input {
	width: 1.1rem;
	height: 1.1rem;
	margin: 0;
}

.product-grid--showcase .product-card__image, .product-grid--showcase .product-card__image img {
	min-height: 0;
	height: clamp(20rem, 25vw, 27rem);
}

.product-grid--showcase .product-card h3 {
	font-size: 1.625rem;
}

.product-grid--showcase .product-card__alias {
	display: none;
}

.credibility-section {
	background: var(--ugur-surface-cool);
	padding-block: var(--ugur-section-space);
}

.credibility-editorial {
	display: grid;
	grid-template-columns: 1.3fr 1fr;
	gap: 6rem;
	align-items: center;
}

.credibility-editorial__image {
	height: 36rem;
}

.credibility-editorial__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.heritage-year {
	display: block;
	color: var(--ugur-brand);
	font-size: clamp(5rem, 8vw, 9rem);
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: -0.07em;
	margin-block: 1rem 2rem;
}

.credibility-editorial .section-title {
	font-size: 2.25rem;
}

.credibility-editorial__content > p:not(.eyebrow) {
	color: var(--ugur-muted);
	font-size: 1.0625rem;
	max-width: 33rem;
}

.credibility-editorial .text-link {
	margin-top: 1.5rem;
}

.installation-stories {
	display: grid;
	grid-template-columns: 1.3fr 1fr;
	align-items: start;
	gap: 3rem;
}

.installation-story {
	text-decoration: none;
}

.installation-story:nth-child(2) {
	padding-top: 5rem;
}

.installation-story__image {
	height: 29rem;
	overflow: hidden;
}

.installation-story:nth-child(2) .installation-story__image {
	height: 24rem;
}

.installation-story img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 300ms ease;
}

.installation-story p {
	font-size: 1rem;
	margin-top: 0.5rem;
	color: var(--ugur-muted);
}

.support-section {
	background: var(--ugur-surface-cool);
}

.support-grid {
	display: grid;
	grid-template-columns: 1fr 1.25fr;
	gap: 5rem;
}

.support-links a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
	padding: 1.5rem 0;
	text-decoration: none;
	border-bottom: 1px solid var(--ugur-border);
}

.support-links a:first-child {
	padding-top: 0;
}

.support-links strong, .support-links small {
	display: block;
}

.support-links strong {
	font-size: 1.375rem;
	font-weight: 500;
}

.support-links small {
	font-size: 1rem;
	margin-top: 0.4rem;
	color: var(--ugur-muted);
}

.support-links b {
	color: var(--ugur-brand);
	font-size: 1.5rem;
	font-weight: 400;
}

/* The project CTA repeats the final, approved call to action from the homepage. */
.project-cta {
	position: relative;
	overflow: hidden;
	padding-block: 3rem;
	background: linear-gradient(110deg, #0d5cab, #0873d2);
	font-size: 1.0625rem;
	line-height: 1.55;
}

.project-cta::after {
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(ellipse at 79% 50%, rgb(5 48 100 / 38%), transparent 52%),
		linear-gradient(90deg, transparent 43%, rgb(8 83 168 / 12%) 59%, rgb(4 47 97 / 62%) 100%);
	content: '';
	pointer-events: none;
}

.project-cta__blueprint {
	position: absolute;
	width: min(1150px, 68vw);
	max-width: none;
	height: auto;
	left: 36%;
	bottom: -9rem;
	opacity: 0.14;
	mix-blend-mode: screen;
	pointer-events: none;
	user-select: none;
}

.project-cta__grid {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3rem;
}

.project-cta h2 {
	margin: 0;
	color: #fff;
	font-size: 2.75rem;
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: -0.035em;
}

.project-cta .eyebrow {
	margin: 0 0 0.75rem;
	color: #c8e3f2;
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.12em;
}

.project-cta__action {
	flex-shrink: 0;
}

.project-cta .button {
	justify-content: space-between;
	min-width: 20rem;
	background: #fff;
	color: var(--ugur-ink);
	min-height: 3.25rem;
	border-radius: 0.1875rem;
	padding: 0.8rem 1.4rem;
	font-size: 0.875rem;
	gap: 1.5rem;
}

.project-cta__action p {
	margin: 0.75rem 0 0;
	color: #fff;
	font-size: 0.875rem;
}

.editorial-archive__header {
	padding-top: clamp(1.25rem, calc(0.5rem + 1.25vw), 2rem);
	background: var(--ugur-white);
}

.editorial-archive__header .breadcrumbs {
	margin: 0 0 2rem;
}

.editorial-archive__header .section-title {
	max-width: 60rem;
	margin: 0;
	font-size: clamp(2rem, calc(1.75rem + 1.45vw), 3.5rem);
}

.editorial-tabs {
	display: flex;
	gap: 2rem;
	margin-top: 2rem;
}

.editorial-tabs a {
	padding: 0 0 0.75rem;
	color: var(--ugur-muted);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}

.editorial-tabs a:hover, .editorial-tabs a[aria-current="page"] {
	color: var(--ugur-ink);
	border-color: var(--ugur-brand);
}

.editorial-archive {
	padding-top: 2.25rem;
}

.editorial-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3.25rem 2rem;
}

.editorial-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.editorial-card__image {
	display: block;
	aspect-ratio: 1.25 / 1;
	overflow: hidden;
	background: var(--ugur-surface-cool);
}

.editorial-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 300ms ease;
}

.editorial-card--graphic .editorial-card__image img {
	object-position: left center;
}

.editorial-card:hover .editorial-card__image img {
	transform: scale(1.025);
}

.editorial-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 1.25rem;
}

.editorial-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	margin-bottom: 0.9rem;
	color: var(--ugur-muted);
	font-size: 0.8125rem;
}

.editorial-card__meta a {
	color: inherit;
	text-decoration: none;
}

.editorial-card__meta a:hover {
	color: var(--ugur-brand);
}

.editorial-card h2 {
	margin: 0;
	font-size: clamp(1.35rem, 2.15vw, 1.85rem);
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.035em;
}

.editorial-card h2 a {
	color: var(--ugur-ink);
	text-decoration: none;
}

.editorial-card h2 a:hover {
	color: var(--ugur-brand);
}

.editorial-card__body > p {
	margin: 0.9rem 0 1.4rem;
	color: var(--ugur-muted);
	line-height: 1.6;
}

.editorial-card__body .text-link {
	margin-top: auto;
}

.editorial-empty {
	margin: 0;
	color: var(--ugur-muted);
}

.editorial-article__header {
	padding: 0;
	background: var(--ugur-white);
}

.editorial-article__header-inner {
	padding-top: clamp(1.25rem, calc(0.75rem + 1.1vw), 2rem);
}

.editorial-article__header .breadcrumbs {
	margin: 0;
	line-height: 1.25rem;
}

.editorial-article__header--project .editorial-article__feature {
	margin-top: clamp(1.25rem, calc(1rem + 0.75vw), 1.75rem);
	margin-bottom: clamp(3rem, 2.5vw, 3.5rem);
}

.editorial-article__intro {
	width: min(var(--content-article-title), calc(100% - 2 * var(--article-wide-inset)));
	max-width: none;
	margin-right: auto;
	margin-left: var(--article-wide-inset);
}

.editorial-article__intro .eyebrow {
	margin: 0 0 0.75rem;
	color: var(--ugur-brand);
}

.editorial-article__header .section-title {
	max-width: var(--content-article-title);
	font-family: var(--editorial-type-family);
	font-size: var(--editorial-type-h1);
	font-weight: 500;
	line-height: 1.05;
}

.editorial-article__identity--news {
	width: min(var(--content-article-title), calc(100% - 2 * var(--article-wide-inset)));
	max-width: none;
	margin-top: 0;
	margin-right: auto;
	margin-left: var(--article-wide-inset);
}

.editorial-article__identity--news .editorial-card__meta,
.editorial-article__identity--project .editorial-card__meta {
	margin: 1.125rem 0 0;
	font-family: var(--editorial-type-family);
	font-size: var(--editorial-type-meta);
}

.editorial-article__feature {
	width: min(var(--article-media-primary), calc(100% - 2 * var(--ugur-gutter)));
	margin: clamp(1.25rem, calc(1rem + 0.75vw), 1.75rem) auto clamp(3rem, 2.5vw, 3.5rem);
}

.editorial-article__feature img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 900px;
	object-fit: cover;
	object-position: var(--article-feature-object-position, center center);
}

@media (width <= 79.9375rem) {
	.editorial-article__feature img {
		max-height: min(680px, 70vh);
	}
}

.editorial-article__feature--full {
	width: var(--content-full);
}

.editorial-article__body {
	width: min(var(--content-reading), calc(100% - 2 * var(--ugur-gutter)));
	max-width: none;
	padding: clamp(3.5rem, 3.125vw, 4rem) 0 clamp(4rem, 5.4vw, 6.5rem);
	font-family: var(--editorial-type-family);
	font-size: var(--editorial-type-body);
	line-height: var(--editorial-type-body-leading);
}

/* Standard News and standard project articles use the compact editorial
 * article context. Feature News has its own intro grid below, while
 * case-study projects keep their dedicated wide composition. */
.editorial-article--news .editorial-article__body,
.editorial-article--project-standard .editorial-article__body {
	width: min(var(--editorial-full), calc(100% - 2 * var(--ugur-gutter)));
	display: grid;
	grid-template-columns: minmax(0, min(var(--editorial-media), calc(100% - var(--editorial-sidebar)))) var(--editorial-sidebar);
	column-gap: 0;
	align-items: start;
	justify-content: space-between;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
}

.editorial-article__main {
	width: min(var(--content-news-reading), 100%);
	min-width: 0;
}

.editorial-article--news .editorial-article__main,
.editorial-article--project-standard .editorial-article__main {
	width: 100%;
}

.editorial-article__prose {
	width: 100%;
	min-width: 0;
}

.editorial-article__prose .wp-block-embed-youtube {
	max-width: var(--content-news-reading);
}

.editorial-article__prose .wp-block-embed-youtube iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border: 0;
}

.editorial-article--news .editorial-article__prose > :not(.editorial-article__media, .wp-block-image, .wp-block-gallery),
.editorial-article--project-standard .editorial-article__prose > :not(.editorial-article__media, .wp-block-image, .wp-block-gallery) {
	max-width: var(--content-news-reading);
}

.editorial-article--news .editorial-article__media,
.editorial-article--project-standard .editorial-article__media,
.editorial-article--news .editorial-article__prose > .wp-block-image,
.editorial-article--project-standard .editorial-article__prose > .wp-block-image {
	width: 100%;
	max-width: var(--editorial-media);
	margin: clamp(2rem, 3vw, 3rem) 0;
}

/* Legacy/fallback News keeps its authored prose flow, but a recognized
 * article figure uses the same media canvas as structured editorial content.
 * The compact modifier comes from attachment dimensions in the generic
 * renderer, never from a post or image identifier. */
.editorial-article--news:not(.editorial-article--feature) .editorial-article__media:has(> img.editorial-media--compact) {
	max-width: var(--editorial-media-single-compact);
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__prose > .wp-block-image:has(> img.editorial-media--compact),
.editorial-article--project-standard .editorial-article__prose > .wp-block-image:has(> img.editorial-media--compact) {
	max-width: var(--editorial-media-single-compact);
}

.editorial-article--news .editorial-article__media img,
.editorial-article--project-standard .editorial-article__media img,
.editorial-article--news .editorial-article__prose > .wp-block-image img,
.editorial-article--project-standard .editorial-article__prose > .wp-block-image img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

.editorial-article__prose > :first-child {
	margin-top: 0;
}

.editorial-article__prose > :last-child {
	margin-bottom: 0;
}

.editorial-article__main > :first-child {
	margin-top: 0;
}

.editorial-article__main > :last-child {
	margin-bottom: 0;
}

.editorial-article__aside {
	position: sticky;
	top: var(--content-news-sticky-top);
	align-self: start;
	min-width: 0;
	margin-top: 0.75rem;
}

@media (width > 90rem) {
	.editorial-article--news .editorial-article__aside,
	.editorial-article--project-standard .editorial-article__aside {
		padding-left: 0;
	}

	.editorial-article--news:not(.editorial-article--feature) .editorial-related-sidebar .editorial-related,
	.editorial-article--project-standard .editorial-related-sidebar .editorial-related {
		column-gap: 0.75rem;
	}

	.editorial-article--news .editorial-article__aside::before,
	.editorial-article--project-standard .editorial-article__aside::before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: -1.5rem;
		width: 1px;
		background: var(--ugur-surface-strong);
		content: '';
		pointer-events: none;
	}
}

.editorial-article--news .editorial-article__main > .editorial-article__identity--news,
.editorial-article--project-standard .editorial-article__main > .editorial-article__identity--project {
	width: 100%;
	margin: 0 0 2.5rem;
}

.editorial-article--news .editorial-article__main > .editorial-article__identity--news .section-title,
.editorial-article--project-standard .editorial-article__main > .editorial-article__identity--project .section-title {
	max-width: min(var(--content-news-title), 100%);
	margin: 0;
}

.editorial-article--project-standard .editorial-article__main > .editorial-article__identity--project {
	max-width: none;
	margin-left: 0;
}

@media (width > 60rem) {
	/* Keep a deliberate desktop title wrap when the rail collapses; the H1
	 * should not silently become a smaller one-line label at 1440px. */
	.editorial-article--news .editorial-article__main > .editorial-article__identity--news .section-title {
		font-size: var(--editorial-type-h1);
	}
}

.editorial-article--news .editorial-article__main > .editorial-article__identity--news + * {
	margin-top: 0;
}

.editorial-sidebar__module {
	min-width: 0;
}

.editorial-sidebar__module + .editorial-sidebar__module {
	padding-top: 1.75rem;
	margin-top: 2.25rem;
	border-top: 1px solid var(--ugur-surface-strong);
}

.editorial-sidebar__module .eyebrow {
	margin: 0 0 0.75rem;
	color: var(--ugur-brand);
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 1.4;
}

.editorial-related-sidebar .editorial-related {
	display: grid;
	grid-template-columns: 9.75rem minmax(0, 1fr);
	gap: 0.25rem 1rem;
	align-items: start;
}

.editorial-related-sidebar .editorial-sidebar__image {
	display: block;
	grid-column: 1;
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.editorial-related-sidebar .editorial-related__content {
	grid-column: 2;
	min-width: 0;
}

.editorial-related-sidebar .editorial-related--no-image .editorial-related__content {
	grid-column: 1 / -1;
}

.editorial-related-sidebar .editorial-sidebar__image img {
	display: block;
	width: 100%;
	height: auto;
	min-height: 0;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: center;
}

.editorial-sidebar__module h2 {
	margin: 0;
	color: var(--ugur-ink);
	font-size: 1.3125rem;
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.035em;
}

.editorial-related-sidebar .editorial-related h2 {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.35;
}

.editorial-related-sidebar .editorial-related h2 a {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.editorial-sidebar__module h2 a {
	color: inherit;
	text-decoration: none;
}

.editorial-sidebar__module h2 a:hover {
	color: var(--ugur-brand);
}

.editorial-sidebar__module > p:not(.eyebrow) {
	margin: 0.75rem 0 0;
	color: var(--ugur-muted);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.editorial-sidebar__module .text-link {
	gap: 1rem;
	min-height: 0;
	margin-top: 0.25rem;
	font-size: 0.8125rem;
	font-weight: 600;
}

.editorial-sidebar__meta {
	margin: 0;
	color: var(--ugur-muted);
	font-size: 0.8125rem;
	line-height: 1.4;
}

.editorial-related-group > .eyebrow {
	margin-bottom: 1.25rem;
}

.editorial-related + .editorial-related {
	padding-top: 1.25rem;
	margin-top: 1.25rem;
	border-top: 1px solid var(--ugur-surface-strong);
}

/* Feature News keeps the native News article data and related query, but uses
 * a separate editorial canvas after the compact introduction. The two grids
 * are siblings, so the contextual rail cannot reserve height for the body. */
.editorial-article--feature .editorial-article__feature-intro-layout,
.editorial-article--feature .editorial-article__feature-body-layout {
	width: min(var(--editorial-full), calc(100% - 2 * var(--ugur-gutter)));
	max-width: none;
	margin-right: auto;
	margin-left: auto;
}

/* Feature News opens as a full-bleed exhibition spread. Its breadcrumb moves
 * into the intro so the hero is the first article element after the header. */
.editorial-article--feature .editorial-article__feature {
	width: 100%;
	max-width: none;
	margin: 0 0 clamp(2.5rem, 3.5vw, 3.5rem);
}

.editorial-article--feature .editorial-article__feature img {
	width: 100%;
	height: clamp(17.5rem, 26vw, 31.25rem);
	max-height: none;
	object-position: var(--feature-hero-x, 50%) var(--feature-hero-y, 50%);
}

.editorial-article--feature .editorial-article__feature-main > .breadcrumbs {
	margin-bottom: 1.5rem;
}

.editorial-article--feature .editorial-article__feature-intro-layout {
	padding-bottom: 0;
}

.editorial-article--feature .editorial-article__feature-intro {
	display: grid;
	grid-template-columns: minmax(0, var(--editorial-reading)) var(--editorial-sidebar);
	column-gap: 0;
	align-items: start;
	justify-content: space-between;
}

.editorial-article--feature .editorial-article__feature-main,
.editorial-article--feature .editorial-article__feature-intro-prose {
	min-width: 0;
}

.editorial-article--feature .editorial-article__identity--news {
	width: 100%;
	margin: 0 0 2rem;
}

.editorial-article--feature .editorial-article__identity--news .section-title {
	max-width: var(--content-news-title);
	margin: 0;
}

.editorial-article--feature .editorial-article__feature-intro-prose,
.editorial-article--feature .editorial-article__feature-body .editorial-article__prose {
	font-family: var(--editorial-type-family);
	font-size: var(--editorial-type-body);
	line-height: var(--editorial-type-body-leading);
}

.editorial-article--feature .editorial-article__feature-intro-prose > :not(.editorial-article__media),
.editorial-article--feature .editorial-article__feature-body .editorial-article__prose > :not(.editorial-article__media),
.editorial-article--feature .editorial-article__feature-body .wp-block-image:not(.alignwide),
.editorial-article--feature .editorial-article__feature-body .wp-block-gallery:not(.alignwide) {
	max-width: var(--content-feature-reading);
}

.editorial-article--feature .editorial-article__feature-intro-prose > :first-child {
	margin-top: 0;
	color: var(--ugur-ink);
	font-size: var(--editorial-type-lead);
	line-height: 1.5;
}

/* Structured Feature News owns the lead-to-reading transition explicitly.
 * Reset the Gutenberg paragraph margins at the boundary so the semantic
 * block gap is stable instead of depending on margin-collapsing rules. */
.editorial-article--feature .editorial-article__feature-intro-prose > .news-article__lead {
	margin-bottom: 3rem;
}


.editorial-article--feature .editorial-article__feature-intro-prose > .news-article__lead > :last-child {
	margin-bottom: 0;
}

.editorial-article--feature .editorial-article__feature-intro-prose > .news-article__reading > :first-child {
	margin-top: 0;
}

.editorial-article--feature .editorial-article__feature-body {
	width: min(var(--editorial-media), 100%);
	max-width: var(--editorial-media);
	margin-right: auto;
	margin-left: 0;
	padding-top: clamp(4.5rem, 4.5vw, 5.5rem);
}

.editorial-article--feature {
	padding-bottom: clamp(6rem, 6.25vw, 7.5rem);
}

.editorial-article--feature .editorial-article__feature-body h2 {
	max-width: var(--content-feature-reading);
	margin: 0 0 1.25rem;
	font-family: var(--editorial-type-family);
	font-size: var(--editorial-type-h2);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.035em;
}

.editorial-article--feature .editorial-article__feature-body h3 {
	max-width: var(--content-feature-reading);
	margin: 1.75rem 0 0.75rem;
	font-family: var(--editorial-type-family);
	font-size: var(--editorial-type-h3);
	font-weight: 500;
	line-height: 1.25;
}

.editorial-article--feature .editorial-article__feature-body .editorial-article__media,
.editorial-article--feature .editorial-article__feature-body .wp-block-image.alignwide,
.editorial-article--feature .editorial-article__feature-body .wp-block-gallery.alignwide {
	width: 100%;
	margin: 2.25rem 0 0.5rem;
}

.editorial-article--feature .editorial-article__feature-body .editorial-article__media,
.editorial-article--feature .editorial-article__feature-body .wp-block-gallery.alignwide {
	max-width: var(--content-feature-canvas);
}

.editorial-article--feature .editorial-article__feature-body .wp-block-image.alignwide {
	max-width: var(--editorial-media-single);
}

.editorial-article--feature .editorial-article__feature-body .wp-block-image:not(.alignwide) {
	width: 100%;
	max-width: var(--editorial-media-single);
	margin: 2.25rem 0 0.5rem;
}

/* Single editorial photographs use the wider landscape treatment by default;
 * the renderer marks portrait and moderate authored-wide media as compact
 * from intrinsic attachment dimensions. The left editorial axis is shared. */
.editorial-article--feature .editorial-article__feature-body .wp-block-image:has(> img.editorial-media--compact) {
	max-width: var(--editorial-media-single-compact);
}

/* The SIRIUS showcase is a deliberate editorial crop: remove the excess
 * ceiling/floor while keeping the display case as the visual subject. */
.editorial-article--feature .editorial-article__feature-body .wp-block-image.feature-media--showcase img {
	aspect-ratio: 2.25 / 1;
	object-fit: cover;
	object-position: center 62%;
}

.editorial-article--feature .editorial-article__feature-body .editorial-article__media img,
.editorial-article--feature .editorial-article__feature-body .wp-block-image img,
.editorial-article--feature .editorial-article__feature-body .wp-block-gallery img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: initial;
}

.editorial-article--feature .editorial-article__feature-body .wp-block-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 2vw, 2.5rem);
	align-items: start;
	padding: 0;
	margin-bottom: 0.5rem;
	list-style: none;
}

/* Any two-image pair is one grouped editorial block, not a two-column
 * canvas stretched to opposite edges. Keep it at the same 85% hierarchy as
 * the fallback exact-two rule below; the modifier remains useful for
 * authored portrait intent, while the width rule stays generic. */
.editorial-article--feature .editorial-article__feature-body .wp-block-gallery.editorial-media-pair--portrait {
	display: grid;
	width: min(100%, var(--editorial-media-pair));
	max-width: 100%;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 2vw, 2rem);
	justify-content: start;
}

.editorial-article--feature .editorial-article__feature-body .wp-block-gallery.editorial-media-pair--portrait > *,
.editorial-article--feature .editorial-article__feature-body .wp-block-gallery.editorial-media-pair--portrait figure {
	/* WordPress core's nested-gallery selector contains :not(#individual-image)
	 * and therefore wins by ID specificity; this modifier intentionally
	 * overrides that core width formula for the compact editorial group. */
	width: 100% !important;
	flex: none;
}

/* A two-image editorial gallery is a grouped media pair even when older
 * content does not carry the portrait modifier. Keep the pair together in
 * the reading grid instead of letting WordPress' gallery child width formula
 * leave small images at opposite sides of a wide canvas. The exact-two
 * selector deliberately leaves three-or-more-image landscape galleries and
 * wide editorial media unchanged. */
.editorial-article--feature .editorial-article__feature-body .wp-block-gallery:not(.editorial-media-pair--portrait):has(> figure:nth-child(2):last-child) {
	/* Keep a pair visually subordinate to a single full-width editorial
	 * image while retaining the same left content axis. */
	width: min(100%, var(--editorial-media-pair));
	max-width: 100%;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 2vw, 2rem);
	justify-content: start;
}

.editorial-article--feature .editorial-article__feature-body .wp-block-gallery:not(.editorial-media-pair--portrait):has(> figure:nth-child(2):last-child) > *,
.editorial-article--feature .editorial-article__feature-body .wp-block-gallery:not(.editorial-media-pair--portrait):has(> figure:nth-child(2):last-child) figure {
	/* See the portrait rule above: this is needed because WordPress core's
	 * gallery width declaration has higher specificity than the grid track. */
	width: 100% !important;
	flex: none;
}

.editorial-article--feature .editorial-article__feature-body .wp-block-gallery > *,
.editorial-article--feature .editorial-article__feature-body .wp-block-gallery figure {
	align-self: start;
	min-width: 0;
	height: auto;
	margin: 0;
}

.editorial-article--feature .editorial-article__feature-body .wp-block-image figcaption,
.editorial-article--feature .editorial-article__feature-body .wp-block-gallery figcaption {
	margin: 0.5rem 0 0;
	color: var(--ugur-muted);
	font-size: var(--editorial-type-caption);
	line-height: 1.4;
}

.editorial-article--feature .editorial-article__feature-body h2:not(:first-child) {
	margin-top: clamp(3.5rem, 4vw, 5rem);
}

.editorial-article--feature .editorial-article__aside--compact {
	position: relative;
	top: auto;
	align-self: start;
	min-width: 0;
	margin-top: 0.75rem;
	padding-left: 1.5rem;
}

.editorial-article--feature .editorial-article__aside--compact::before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1px;
	background: var(--ugur-surface-strong);
	content: '';
	pointer-events: none;
}

.editorial-related-sidebar--compact .editorial-related h2 a {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.editorial-related-sidebar--compact .editorial-related .text-link span {
	font-size: 1.1rem;
}

.editorial-related-sidebar--compact .editorial-related + .editorial-related {
	padding-top: 1rem;
	margin-top: 1rem;
}

.editorial-related-sidebar--compact .editorial-related-group > .eyebrow {
	margin-bottom: 2rem;
}

/* The same semantic levels are shared by News and Project content. Layout
 * selectors remain separate below, so this does not alter project geometry. */
.editorial-article__prose h2,
.editorial-article__prose h3,
.case-study__body h2,
.case-study__body h3 {
	font-family: var(--editorial-type-family);
}

.editorial-article__prose h2,
.case-study__body h2 {
	font-size: var(--editorial-type-h2);
	font-weight: 500;
	line-height: 1.2;
}

.editorial-article__prose h3,
.case-study__body h3 {
	font-size: var(--editorial-type-h3);
	font-weight: 500;
	line-height: 1.25;
}

.editorial-article__prose figcaption,
.case-study__body figcaption,
.editorial-article__prose .wp-block-gallery.has-nested-images figure.wp-block-image > figcaption,
.case-study__body .wp-block-gallery.has-nested-images figure.wp-block-image > figcaption {
	position: static;
	inset: auto;
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0.5rem 0 0;
	padding: 0;
	background: transparent;
	color: var(--ugur-muted);
	font-size: var(--editorial-type-caption);
	font-weight: 400;
	line-height: 1.4;
	text-align: left;
	text-shadow: none;
}

/* Editorial photographs use one caption model below the image. WordPress'
 * gallery defaults may add a transparent pseudo-element for an overlay
 * caption; remove that hook here so it cannot reintroduce a dark scrim. */
.editorial-article__prose .wp-block-image::before,
.editorial-article__prose .wp-block-image::after,
.editorial-article__prose .wp-block-gallery::before,
.editorial-article__prose .wp-block-gallery::after,
.case-study__body .wp-block-image::before,
.case-study__body .wp-block-image::after,
.case-study__body .wp-block-gallery::before,
.case-study__body .wp-block-gallery::after {
	display: none;
	content: none;
}

.editorial-article__prose figcaption:empty,
.case-study__body figcaption:empty,
.editorial-article__prose .wp-block-gallery.has-nested-images figure.wp-block-image > figcaption:empty,
.case-study__body .wp-block-gallery.has-nested-images figure.wp-block-image > figcaption:empty {
	display: none;
}

.editorial-article__body > :first-child {
	margin-top: 0;
}

.editorial-article__body > :last-child {
	margin-bottom: 0;
}

.editorial-gallery {
	padding-bottom: clamp(3rem, 6vw, 6rem);
}

.editorial-gallery__grid {
	width: min(var(--editorial-media), calc(100% - 2 * var(--ugur-gutter)));
	max-width: var(--editorial-media);
	margin-left: max(var(--ugur-gutter), calc((100% - var(--container-site)) / 2));
	margin-right: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	align-items: start;
}

.editorial-gallery--pair .editorial-gallery__grid {
	width: min(61.625rem, calc(100% - 2 * var(--ugur-gutter)));
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 2vw, 2rem);
}

.editorial-gallery figure {
	align-self: start;
	margin: 0;
	background: transparent;
}

.editorial-gallery img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;
}

/* Standard News galleries use independent columns so mixed landscape and
 * portrait photographs pack naturally without equal-height grid rows. The
 * explicit modifier keeps this flow away from Feature News and Projects,
 * whose media composition is intentionally art-directed. */
.editorial-gallery--masonry .editorial-gallery__grid {
	display: block;
	column-count: 2;
	column-gap: 1rem;
	column-fill: balance;

	/* Keep both independent columns anchored to the exact gallery start. */
	vertical-align: top;
}

.editorial-gallery--masonry .editorial-gallery__grid figure {
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	vertical-align: top;

	/* WebKit includes a bottom margin in the next column's fragment start.
	 * Use internal trailing space instead so both columns begin on the same
	 * gallery baseline while each image keeps its natural height. */
	margin: 0;
	padding-block-end: 1rem;
}

.editorial-gallery--masonry .editorial-gallery__grid figure:last-child {
	padding-block-end: 0;
}

/* Native editorial blocks used by long-form technical Articles. These are
 * reusable content primitives: the post author controls the block order in
 * Gutenberg, while the standard Article shell supplies the shared geometry. */
.editorial-article--news:not(.editorial-article--feature) .news-article__lead {
	margin: 0 0 clamp(3rem, 4vw, 4rem);
}

.editorial-article--news:not(.editorial-article--feature) .news-article__reading {
	margin: 0;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__section {
	margin: 0 0 clamp(4rem, 5vw, 5rem);
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__section:last-child {
	margin-bottom: 0;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__section > h2:first-child {
	margin-top: 0;
	margin-bottom: 1.25rem;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__section > p:first-of-type {
	margin-top: 0;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__wide-media {
	width: 100%;
	max-width: none;
	margin: 2rem 0 0;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__wide-media img {
	display: block;
	width: 100%;
	height: auto;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__facts,
.editorial-article--news:not(.editorial-article--feature) .editorial-article__product-grid,
.editorial-article--news:not(.editorial-article--feature) .editorial-article__media-grid {
	width: 100%;
	max-width: none;
	min-width: 0;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__facts {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 2rem 0 0;
	border-block: 1px solid var(--ugur-border);
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__fact {
	min-width: 0;
	padding: 1.35rem 1.25rem 1.5rem;
	border-left: 1px solid var(--ugur-border);
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__fact:nth-child(3n + 1) {
	border-left: 0;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__fact h3 {
	margin: 0;
	color: var(--ugur-brand-dark);
	font-size: clamp(1.15rem, 1.6vw, 1.45rem);
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 1.15;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__fact p {
	margin: 0.65rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__product-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
	margin: 2rem 0 0;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__product-card,
.editorial-article--news:not(.editorial-article--feature) .editorial-article__media-card {
	min-width: 0;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__product-card figure,
.editorial-article--news:not(.editorial-article--feature) .editorial-article__media-card figure {
	margin: 0;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__product-card figure img,
.editorial-article--news:not(.editorial-article--feature) .editorial-article__media-card figure img {
	display: block;
	width: 100%;
	height: auto;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__product-card p {
	margin: 0.75rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.4;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__product-card a {
	color: var(--ugur-brand-dark);
	font-weight: 600;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__media-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin: 2rem 0 0;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__media-card h3 {
	margin: 1.1rem 0 0;
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.2;
}

.editorial-article--news:not(.editorial-article--feature) .editorial-article__media-card p {
	margin: 0.65rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.5;
}

@media (width <= 60rem) {
	.editorial-gallery--masonry .editorial-gallery__grid {
		column-count: 1;
	}
}

@media (width <= 60rem) {
	.editorial-article--news:not(.editorial-article--feature) .editorial-article__facts,
	.editorial-article--news:not(.editorial-article--feature) .editorial-article__media-grid,
	.editorial-article--news:not(.editorial-article--feature) .editorial-article__product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.editorial-article--news:not(.editorial-article--feature) .editorial-article__fact:nth-child(3n + 1) {
		border-left: 1px solid var(--ugur-border);
	}

	.editorial-article--news:not(.editorial-article--feature) .editorial-article__fact:nth-child(2n + 1) {
		border-left: 0;
	}
}

@media (width <= 42rem) {
	.editorial-article--news:not(.editorial-article--feature) .editorial-article__facts,
	.editorial-article--news:not(.editorial-article--feature) .editorial-article__media-grid,
	.editorial-article--news:not(.editorial-article--feature) .editorial-article__product-grid {
		grid-template-columns: 1fr;
	}

	.editorial-article--news:not(.editorial-article--feature) .editorial-article__fact,
	.editorial-article--news:not(.editorial-article--feature) .editorial-article__fact:nth-child(2n + 1),
	.editorial-article--news:not(.editorial-article--feature) .editorial-article__fact:nth-child(3n + 1) {
		border-top: 1px solid var(--ugur-border);
		border-left: 0;
	}

	.editorial-article--news:not(.editorial-article--feature) .editorial-article__fact:first-child {
		border-top: 0;
	}
}

.information-page__hero {
	padding-block: clamp(3rem, 6vw, 5.5rem);
	background: var(--ugur-surface-cool);
}

.information-page__hero .breadcrumbs {
	margin: 0 0 2.75rem;
}

.information-page__hero .eyebrow {
	margin-bottom: 1rem;
	color: var(--ugur-brand);
}

/* Compact internal page header shared by ordinary corporate pages. Its top
 * rhythm follows the approved News archive header. */
.internal-page-header {
	padding-block: clamp(1.25rem, calc(0.5rem + 1.25vw), 2rem) clamp(2rem, 3vw, 3rem);
	background: var(--ugur-white);
}

.internal-page-header .breadcrumbs {
	margin-bottom: clamp(1.5rem, 2vw, 2rem);
}

.internal-page-header .eyebrow {
	margin-bottom: 0.75rem;
	color: var(--ugur-brand);
}

.internal-page-header .section-title {
	max-width: 60rem;
	margin: 0;
	font-size: clamp(2rem, calc(1.75rem + 1.45vw), 3.5rem);
}

.internal-page-header__intro {
	max-width: 45rem;
	margin: clamp(0.75rem, 1.2vw, 1.125rem) 0 0;
	color: var(--ugur-muted);
}

.internal-page-header--dealers {
	padding-bottom: 0;
}

.information-page__feature {
	margin-top: clamp(2rem, 5vw, 5rem);
}

.information-page__feature img {
	display: block;
	width: 100%;
	max-height: 42rem;
	object-fit: cover;
}

.information-page__content .rich-text {
	max-width: 52rem;
	font-size: clamp(1.0625rem, 1.4vw, 1.25rem);
	line-height: 1.7;
}

.information-page__content .rich-text > :first-child {
	margin-top: 0;
}

.information-page__content .rich-text > :last-child {
	margin-bottom: 0;
}

.dealers-page__directory {
	padding-block: clamp(2.75rem, 4vw, 4rem) clamp(1.5rem, 2.25vw, 2.25rem);
	background: var(--ugur-surface-subtle);
}

.dealers-page__directory-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: clamp(2.5rem, 4vw, 4rem);
	align-items: start;
}

.dealer-directory__list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	row-gap: 0;
	max-width: none;
	margin: 1.5rem 0 0;
	padding: 0;
	list-style: none;
}

.dealers-page__directory-content {
	min-width: 0;
}

.dealers-page__directory-content > h2 {
	max-width: 40rem;
	font-size: clamp(2rem, 2.6vw, 3rem);
	line-height: 1.08;
	letter-spacing: -0.045em;
	text-wrap: balance;
	}

.dealers-page__map {
	min-width: 0;
	padding-top: clamp(0.5rem, 1.5vw, 1.5rem);
	}

.dealers-page__map-figure {
	max-width: none;
	aspect-ratio: 1.08;
	overflow: hidden;
	margin: 0;
	}

.dealers-page__map-figure img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: left center;
	}

.dealers-page__map-note {
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr);
	column-gap: 1.25rem;
	align-items: center;
	max-width: 28rem;
	margin: clamp(1.25rem, 2vw, 2rem) 0 0 clamp(0.5rem, 1.5vw, 1.5rem);
	color: var(--ugur-muted);
	}

.dealers-page__map-note span {
	display: block;
	height: 1px;
	background: var(--ugur-border);
}

.dealers-page__map-note p {
	margin: 0;
	line-height: 1.55;
}

.dealer-directory__item {
	min-width: 0;
	align-self: start;
	border-top: 1px solid color-mix(in srgb, var(--ugur-border) 48%, transparent);
}

.dealer-directory__item:first-child {
	border-top: 0;
}

.dealer-directory__entry {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(9rem, 0.65fr);
	column-gap: clamp(1.5rem, 2.5vw, 2.5rem);
	align-items: start;
	line-height: 1.35;
	padding-block: clamp(0.875rem, 1vw, 1rem);
}

.dealer-directory__item:first-child .dealer-directory__entry {
	padding-top: 0;
}

.dealer-directory__details,
.dealer-directory__meta {
	min-width: 0;
	}

.dealer-directory__location,
.dealer-directory__hours {
	margin: 0;
	color: var(--ugur-muted);
	font-size: 0.9375rem;
	line-height: 1.35;
	}

.dealer-directory__entry h3 {
	margin: 0.375rem 0 0.5rem;
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.1;
	}

.dealer-directory__entry address {
	margin: 0 0 0.375rem;
	font-style: normal;
	line-height: 1.35;
	}

.dealer-directory__entry .dealer-directory__details > a {
	display: block;
	margin-bottom: 0.125rem;
	color: var(--ugur-ink);
	line-height: 1.35;
	text-decoration-color: var(--ugur-border-strong);
	}

.dealer-directory__entry .text-link {
	display: inline-flex;
	align-items: baseline;
	gap: 0.5rem;
	min-height: 0;
	line-height: 1.35;
	margin: 0;
	}

.dealer-directory__hours {
	margin-top: 0.5rem;
}

.search-page__form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.75rem;
	max-width: 48rem;
	margin-top: 2.5rem;
}

.search-page__form .control {
	min-height: 3.25rem;
	background: #fff;
}

.search-result-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--ugur-border);
}

.search-result {
	display: grid;
	grid-template-columns: 12rem minmax(0, 1fr);
	gap: clamp(1.25rem, 3vw, 3rem);
	padding-block: clamp(1.5rem, 3vw, 2.5rem);
	border-bottom: 1px solid var(--ugur-border);
}

.search-result__image {
	display: block;
	min-height: 9rem;
	background: var(--ugur-surface-cool);
}

.search-result__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.search-result .eyebrow {
	margin-bottom: 0.75rem;
	color: var(--ugur-brand);
}

.search-result h3 {
	margin: 0;
	font-size: clamp(1.5rem, 2.2vw, 2.125rem);
	font-weight: 500;
	line-height: 1.1;
}

.search-result h3 a {
	color: inherit;
	text-decoration: none;
}

.search-result h3 a:hover {
	color: var(--ugur-brand);
}

.search-result h3 + p {
	max-width: 46rem;
	margin: 1rem 0;
	line-height: 1.6;
}

.empty-state {
	max-width: 40rem;
	padding: clamp(2rem, 5vw, 4rem);
	background: var(--ugur-surface-cool);
}

.empty-state h2 {
	margin: 0;
	font-size: clamp(2rem, 3.2vw, 3.25rem);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.045em;
}

.empty-state p:not(.eyebrow) {
	margin-block: 1rem 1.5rem;
	line-height: 1.6;
}

.search-pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1rem;
	justify-content: space-between;
	margin-top: 2rem;
}

.not-found-page {
	min-height: min(38rem, calc(100vh - 5rem));
	display: flex;
	align-items: center;
}

.contact-request {
	background: var(--ugur-surface-cool);
}

.contact-request__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.7fr) minmax(20rem, 1fr);
	gap: clamp(2rem, 8vw, 8rem);
}

.contact-request h2 {
	margin: 0;
	font-size: clamp(2rem, 3.2vw, 3.25rem);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.045em;
}

.contact-request .eyebrow {
	color: var(--ugur-brand);
}

.contact-request__form form {
	display: grid;
	gap: 1rem;
}

.contact-request__form .ugur-form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.contact-request__form p {
	margin: 0;
}

.contact-request__form .hidden-fields-container {
	display: none;
}

.contact-request__form label {
	display: grid;
	gap: 0.5rem;
	color: var(--ugur-ink);
	font-size: 0.9375rem;
	font-weight: 600;
}

.contact-request__form input:not([type="submit"]), .contact-request__form textarea, .contact-request__form select {
	box-sizing: border-box;
	width: 100%;
	padding: 0.875rem 1rem;
	color: var(--ugur-ink);
	font: inherit;
	background: #fff;
	border: 1px solid var(--ugur-border);
	border-radius: 0;
}

.contact-request__form textarea {
	min-height: 8rem;
	resize: vertical;
}

.contact-request__form input[type="submit"] {
	justify-self: start;
	padding: 0.9rem 1.25rem;
	color: #fff;
	font: inherit;
	font-weight: 600;
	background: var(--ugur-brand);
	border: 1px solid var(--ugur-brand);
	border-radius: 0;
	cursor: pointer;
}

/* CF7 renders its response node before a submission. Keep that empty
 * accessibility/status element in the DOM, but do not let the default CF7
 * border and margins create a blank panel below the submit control. Once CF7
 * writes a success or validation message, the non-empty state remains
 * visible and keeps its normal status styling. */
.wpcf7 form .wpcf7-response-output:empty {
	display: none;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

.family-hero {
	padding-block: clamp(3rem, 6vw, 5.5rem);
	background: var(--ugur-surface-cool);
}

.family-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.65fr);
	align-items: center;
	gap: clamp(2rem, 6vw, 7rem);
}

.family-hero .breadcrumbs {
	margin: 0 0 3rem;
}

.family-hero .eyebrow, .family-catalog .eyebrow, .family-navigation .eyebrow {
	color: var(--ugur-brand);
}

.family-hero__description {
	max-width: 38rem;
	margin-top: 1.5rem;
	color: var(--ugur-muted);
}

.family-hero__description > :first-child {
	margin-top: 0;
}

.family-hero__description > :last-child {
	margin-bottom: 0;
}

.family-hero__count {
	margin: 2rem 0 0;
	font-size: 1.125rem;
	font-weight: 600;
}

.family-hero__image {
	display: grid;
	min-height: 19rem;
	place-items: center;
	background: #fff;
}

.family-hero__image img {
	width: 100%;
	height: 100%;
	max-height: 28rem;
	object-fit: contain;
}

.family-catalog__heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 2.75rem;
}

.family-catalog__heading h2 {
	max-width: 28ch;
	margin: 0;
	font-size: clamp(2rem, 3.2vw, 3.25rem);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.045em;
}

.family-catalog__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.family-catalog__empty {
	margin: 0;
	color: var(--ugur-muted);
}

.family-navigation {
	background: var(--ugur-surface-cool);
}

.family-navigation__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--ugur-border);
}

.family-navigation__grid a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 4.75rem;
	padding: 1rem 1.25rem;
	color: var(--ugur-ink);
	font-weight: 600;
	text-decoration: none;
	border-right: 1px solid var(--ugur-border);
	border-bottom: 1px solid var(--ugur-border);
}

.family-navigation__grid a:nth-child(3n) {
	border-right: 0;
}

.family-navigation__grid a:hover {
	color: var(--ugur-brand);
	background: #fff;
}

.preview-badge {
	opacity: 0.8;
	font-size: 0.6875rem;
}

/* Catalog: a quiet index and generous three-column product surface. */
section.catalog-hero {
	background: #fff;
	border: 0;
	padding-block: 1.5rem 0.75rem;
}

.catalog-hero .section-title {
	font-size: clamp(2.2rem, 2.8vw, 3rem);
	max-width: 27ch;
	font-weight: 500;
}

.catalog-hero .lead {
	margin: 1rem 0 0;
}

.catalog-page {
	padding-top: 1rem;
}

.catalog-toolbar {
	padding-block: 0.75rem;
	margin-bottom: 1.5rem;
	border-block: 1px solid var(--ugur-border);
}

.control, .filter-select {
	border-radius: 0;
	min-height: 3rem;
	font-size: 1rem;
}

.toolbar-search .control {
	border: 0;
	background: var(--ugur-surface-cool);
	width: min(100%, 36rem);
}

.toolbar-actions .filter-select {
	border: 0;
	font-size: 0.9375rem;
	flex: 0 1 11rem;
	width: 11rem;
	appearance: none;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23142b38' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 0.5rem center;
	padding-right: 1.75rem;
}

.results-count {
	font-size: 0.9375rem;
	font-weight: 500;
}

.catalog-layout {
	grid-template-columns: 14rem minmax(0, 1fr);
	gap: 3rem;
}

.filter-panel {
	border: 0;
	padding: 0;
	position: static;
	background: transparent;
}

.filter-panel__head {
	margin-bottom: 1.75rem;
}

.filter-panel__head .eyebrow {
	display: none;
}

.filter-panel h2 {
	font-size: 1.5rem;
	font-weight: 500;
}

.filter-group > label:first-child {
	font-size: 0.9375rem;
	color: var(--ugur-ink);
	font-weight: 500;
	letter-spacing: normal;
	text-transform: none;
	margin-bottom: 1rem;
}

.filter-option {
	font-size: 0.9375rem;
	line-height: 1.45;
	gap: 0.65rem;
	padding-block: 0.15rem;
}

.filter-option:has(input:checked) {
	color: var(--ugur-brand);
}

.filter-option input[type="radio"] {
	flex-shrink: 0;
	margin-top: 0.12rem;
	width: 1.1rem;
	height: 1.1rem;
}

.filter-group + .filter-group {
	border: 0;
	padding-top: 0;
	margin-top: 2rem;
}

.filter-group .filter-select {
	font-size: 0.9375rem;
	border-width: 0 0 1px;
	padding-inline: 0;
}

.filter-panel .button--text {
	margin-top: 1rem;
	font-size: 0.9375rem;
}

.catalog-results__meta {
	font-size: 0.875rem;
	margin-bottom: 1rem;
}

.catalog-results__meta span:first-child {
	max-width: 23rem;
}

.catalog-results__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 3rem 1.5rem;
}

.catalog-pagination {
	padding: 0 0 3rem;
	border: 0;
}

.pagination-links a {
	min-width: 3rem;
	min-height: 3rem;
	display: grid;
	place-items: center;
	border: 0;
	border-radius: 0;
	font-size: 1rem;
}

.active-filter {
	font-size: 0.875rem;
	border: 0;
}

/* Product: media stage, purchasing information, then readable editorial/spec columns. */
.product-hero--detail {
	background: #fff;
	border: 0;
	padding-block: 1.5rem 2.5rem;
}

.breadcrumbs {
	font-size: 0.875rem;
	font-weight: 400;
	margin-bottom: 2rem;
}

.product-hero-grid {
	grid-template-columns: 1.2fr 1fr;
	gap: 4.5rem;
	align-items: center;
}

.product-main-image {
	min-height: 0;
	height: 30rem;
	border: 0;
	background: var(--ugur-surface-cool);
	overflow: hidden;
}

.product-main-image img {
	min-height: 0;
	width: 100%;
	height: 100%;
	padding: 0.5rem;
	object-fit: contain;
}

.gallery-thumbs {
	gap: 0.75rem;
	margin-top: 1rem;
}

.gallery-thumb {
	width: 5rem;
	height: 4.5rem;
	background: var(--ugur-surface-cool);
	border: 0;
	border-bottom: 2px solid transparent;
	padding: 0.35rem;
}

.gallery-thumb.is-active, .gallery-thumb:hover {
	border-color: var(--ugur-brand);
}

.product-category-pill {
	background: transparent;
	padding: 0;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: normal;
	text-transform: none;
	margin-bottom: 1.25rem;
}

.product-title {
	font-size: clamp(2.6rem, 3.8vw, 4rem);
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 1.05;
	margin: 0;
}

.product-summary {
	font-size: 1.0625rem;
	line-height: 1.65;
	max-width: 32rem;
}

.product-alias {
	font-size: 0.875rem;
}

.key-metrics {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 2rem;
	gap: 1.25rem;
	padding-block: 1.5rem;
	border-block: 1px solid var(--ugur-border);
}

.key-metric {
	border: 0;
	padding: 0;
	background: transparent;
}

.key-metric strong {
	font: 500 1.25rem/1.3 var(--ugur-font);
	letter-spacing: -0.02em;
}

.key-metric span {
	font-size: 0.875rem;
	margin-top: 0.5rem;
}

.detail-actions {
	margin-top: 2rem;
	gap: 1.5rem;
}

.external-action {
	font-size: 1rem;
	font-weight: 500;
	margin-right: 1.5rem;
}

.product-information--detail {
	background: var(--ugur-surface-cool);
	padding-block: 4.5rem;
}

.product-information-grid {
	grid-template-columns: 1fr 1fr;
	gap: 6rem;
}

.product-sidebar {
	position: static;
}

.content-section h2, .spec-panel h2 {
	font-size: 1.875rem;
	font-weight: 500;
	margin-bottom: 1.25rem;
}

.product-information--detail .rich-text {
	font-size: 1rem;
	line-height: 1.7;
	max-width: 42rem;
}

.product-information--detail .content-section + .content-section {
	margin-top: 2rem;
	padding-top: 0;
	border: 0;
}

.rich-text--list ul {
	padding-left: 1.2rem;
}

.spec-list {
	grid-template-columns: 1fr;
}

.spec-row {
	grid-template-columns: 1fr 1fr;
	align-items: baseline;
	padding-block: 0.9rem;
	font-size: 1rem;
	gap: 1.5rem;
}

.spec-row dd {
	font: 500 1rem/1.45 var(--ugur-font);
}

.spec-row dt {
	color: var(--ugur-muted);
}

.series-lineup {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2rem;
}

.series-model {
	text-decoration: none;
	min-width: 0;
}

.series-model__image {
	height: 13rem;
	background: var(--ugur-surface-cool);
}

.series-model img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 1rem;
	mix-blend-mode: multiply;
}

.series-model h3 {
	font-size: 1.25rem;
	font-weight: 500;
	margin: 1.25rem 0 0.75rem;
}

.series-model dl {
	margin: 0;
	display: grid;
	gap: 0.4rem;
}

.series-model dl div {
	display: flex;
	justify-content: space-between;
	gap: 0.7rem;
	font-size: 0.875rem;
}

.series-model dt {
	color: var(--ugur-muted);
}

.series-model dd {
	margin: 0;
}

.series-model .text-link {
	font-size: 0.9375rem;
	margin-top: 0.75rem;
}

.family-section + .soft-section {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}


section.catalog-hero .catalog-hero__inner {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	gap: 4rem;
	align-items: end;
}

.catalog-results__grid .product-card h3 {
	min-height: 2.5em;
}

.catalog-results__grid .product-card__category {
	min-height: 1.4em;
}

/* Crop only the empty portrait canvas in these two legacy UDD images. */
.product-main-image img[src*="img-0051_330x410"],
.product-main-image img[src*="img-0050_330x410"],
.product-card__image img[src*="img-0051_330x410"] {
	object-fit: cover;
}

.product-main-image img[src*="img-0051_330x410"],
.product-main-image img[src*="img-0050_330x410"] {
	width: 68%;
	margin-inline: auto;
}

.application-story:nth-child(2) img {
	object-position: 50% 78%;
}

.media-review-current-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem;
}

.media-review-current-image {
	display: block;
	background: var(--ugur-surface-cool);
}

.media-review-current-image img {
	width: 100%;
	height: 17rem;
	object-fit: contain;
}

.media-review-current-grid .media-review-card__path {
	margin-block: 1rem;
	font-size: 0.875rem;
}

.media-review-current-grid .media-copy-button {
	font-size: 0.875rem;
	min-height: 2.75rem;
}

@media (width >= 105rem) {
	.catalog-layout {
		grid-template-columns: 14rem minmax(0, 1fr);
		gap: 3.5rem;
	}

	.catalog-results__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.catalog-results__grid .product-card__image, .catalog-results__grid .product-card__image img {
		height: 18.5rem;
	}
}

@media (width <= 80rem) {
	.header-inner {
		gap: 1.5rem;
	}

	.main-nav {
		font-size: 0.875rem;
		gap: 1rem;
	}

	.header-search span:last-child {
		display: none;
	}

	.header-cta {
		padding-inline: 0.85rem;
	}

	.media-hero__content-inner {
		gap: 2.5rem;
		grid-template-columns: 1.2fr 1fr;
	}

	.equipment-editorial {
		gap: 2.5rem;
	}

	.equipment-directions {
		column-gap: 1.25rem;
	}

	.equipment-direction {
		grid-template-columns: 4rem minmax(0, 1fr) 1rem;
		font-size: 1rem;
		gap: 0.5rem;
	}

	.credibility-editorial {
		gap: 3rem;
	}

	.product-hero-grid {
		gap: 3rem;
	}

	.product-information-grid {
		gap: 3rem;
	}
}

@media (width <= 68rem) {
	.header-inner, .site-header {
		min-height: 5.5rem;
	}

	.main-nav {
		font-size: 1rem;
	}

	.main-nav.is-open {
		max-height: calc(100dvh - 5.5rem);
		overflow-y: auto;
	}

	.nav-menu-toggle {
		width: 100%;
	}

.mega-menu {
	position: static;
	padding: 1rem 0;
	box-shadow: none;
	border: 0;
}

	.mega-menu__layout {
		width: 100%;
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.mega-menu__intro {
		display: block;
		padding: 0.5rem 0.75rem;
	}

	.mega-menu__intro .eyebrow, .mega-menu__intro strong, .mega-menu__intro p {
		display: none;
	}

	.mega-menu__intro .text-link {
		margin: 0;
	}

	.mega-menu__links {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.mega-menu__group h2 {
		padding-inline: 0.75rem;
		margin-bottom: 0.5rem;
	}

	.mega-menu__links a {
		padding-inline: 0.75rem;
	}

	.media-hero__content-inner {
		padding-top: 2rem;
	}

	.media-hero .display-title {
		font-size: 2.9rem;
	}

	.media-hero .lead {
		font-size: 1rem;
	}

	.media-hero__image {
		height: 29rem;
	}

	.equipment-editorial {
		grid-template-columns: 1fr;
	}

	.equipment-feature {
		min-height: 22rem;
		display: grid;
		grid-template-columns: 1fr 1.2fr;
		align-items: center;
	}

	.equipment-feature img {
		height: 20rem;
		grid-column: 2;
		grid-row: 1 / 3;
	}

	.equipment-feature__link {
		grid-column: 1;
	}

	.equipment-direction {
		grid-template-columns: 5rem minmax(0, 1fr) 1rem;
		padding-block: 0.65rem;
		font-size: 1.125rem;
	}

	.application-stories {
		gap: 2rem;
	}

	.application-story:first-child .application-story__image {
		height: 34rem;
	}

	.product-grid--showcase {
		gap: 1.5rem;
	}

	.product-grid--showcase .product-card__image, .product-grid--showcase .product-card__image img {
		height: 17rem;
	}

	.product-grid--showcase .product-card h3 {
		font-size: 1.375rem;
	}

	.credibility-editorial {
		grid-template-columns: 1fr 1fr;
		gap: 2.5rem;
	}

	.credibility-editorial__image {
		height: 32rem;
	}

	.installation-stories {
		gap: 2rem;
	}

	.installation-story__image {
		height: 25rem;
	}

	.installation-story:nth-child(2) .installation-story__image {
		height: 21rem;
	}

	.support-grid {
		gap: 3rem;
	}

	.catalog-layout {
		grid-template-columns: 12rem minmax(0, 1fr);
		gap: 2rem;
	}

	.catalog-results__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.product-card__image, .product-card__image img {
		height: 17rem;
	}

	.product-hero-grid {
		grid-template-columns: 1.05fr 1fr;
		gap: 2rem;
	}

	.product-main-image {
		height: 28rem;
	}

	.product-title {
		font-size: 2.7rem;
	}

	.key-metrics {
		gap: 0.75rem;
	}

	.key-metric strong {
		font-size: 1.0625rem;
	}

	.product-information-grid {
		gap: 2.5rem;
	}

	.project-cta h2 {
		font-size: 2.1rem;
	}

	.project-cta .button {
		min-width: 18rem;
	}

}

@media (width <= 52rem) {
	.project-cta__grid {
		gap: 2rem;
	}

	.catalog-hero__inner {
		grid-template-columns: 1fr;
		gap: 0.5rem;
	}

	.media-review-current-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.media-hero__content-inner {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		padding-bottom: 2.5rem;
	}

	.media-hero__content-inner > .eyebrow {
		margin-bottom: 0;
	}

	.media-hero .display-title {
		max-width: 22ch;
		font-size: 3.25rem;
	}

	.media-hero__support {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
	}

	.media-hero .lead {
		max-width: 34rem;
		font-size: 1.0625rem;
	}

	.media-hero__image {
		height: 25rem;
	}

	.section-heading {
		align-items: flex-start;
		gap: 1.25rem;
		margin-bottom: 2rem;
	}

	.section-heading > p, .applications-intro p {
		margin: 0;
	}

	.application-stories {
		grid-template-columns: 1fr 1fr;
	}

	.application-story:first-child {
		grid-row: auto;
		grid-column: 1 / -1;
	}

	.application-story:first-child .application-story__image {
		height: 28rem;
	}

	.application-story__image {
		height: 15rem;
	}

	.product-grid--showcase {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.product-grid--showcase .product-card:first-child {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 1.2fr 1fr;
		gap: 2rem;
	}

	.product-grid--showcase .product-card:first-child .product-card__image {
		height: 21rem;
	}

	.credibility-editorial {
		grid-template-columns: 1fr;
	}

	.credibility-editorial__image {
		height: 28rem;
	}

	.heritage-year {
		font-size: 6rem;
		margin-block: 0 1rem;
	}

	.installation-stories {
		grid-template-columns: 1fr 1fr;
	}

	.installation-story:nth-child(2) {
		padding-top: 3rem;
	}

	.installation-story__image {
		height: 20rem;
	}

	.installation-story:nth-child(2) .installation-story__image {
		height: 17rem;
	}

	.support-grid {
		grid-template-columns: 1fr;
	}

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

	.editorial-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.catalog-toolbar {
		gap: 1rem;
	}

	.toolbar-search {
		flex-basis: auto;
	}

	.toolbar-search .control {
		width: 100%;
	}

	.filter-panel {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		padding: 1.5rem;
		background: white;
		box-shadow: var(--ugur-shadow);
	}

	.catalog-layout {
		display: block;
	}

	.catalog-results__grid {
		gap: 2.5rem 1.5rem;
	}

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

	.product-main-image {
		height: 29rem;
	}

	.product-main-image img {
		min-height: 0;
		height: 100%;
	}

	.product-hero__content {
		padding-top: 0.5rem;
	}

	.key-metrics {
		max-width: 36rem;
	}

	.key-metric strong {
		font-size: 1.375rem;
	}

	.product-information-grid {
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	.product-information--detail {
		padding-block: 3rem;
	}

	.series-lineup {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (width <= 38rem) {
	.media-review-current-grid {
		grid-template-columns: 1fr;
	}

	:root {
		--ugur-gutter: 1.25rem;
	}

	.header-inner, .site-header {
		min-height: 4.9rem;
	}

	.brand img {
		width: 8.25rem;
	}

	.menu-toggle {
		font-size: 0.9375rem;
		min-height: 2.75rem;
		border: 0;
	}

	.header-actions {
		display: none;
	}

	.main-nav.is-open {
		max-height: calc(100dvh - 4.75rem);
	}

	.media-hero__content-inner {
		padding-top: 1.75rem;
		gap: 1.25rem;
	}

	.media-hero .display-title {
		font-size: 2.125rem;
		max-width: none;
		line-height: 1.08;
	}

	.media-hero .lead {
		margin-bottom: 1.5rem;
	}

	.hero-actions {
		gap: 0.75rem;
		align-items: flex-start;
	}

	.hero-actions .button {
		width: auto;
	}

	.media-hero__image {
		width: 100%;
		height: 20rem;
	}

	.media-hero__caption {
		left: 1.25rem;
		right: 1.25rem;
		bottom: 1rem;
		font-size: 0.8125rem;
	}

	.media-hero--editorial {
		min-height: 0;
		padding: 3rem 0 17rem;
	}

	.media-hero--editorial .media-hero__content-inner {
		width: 100%;
		padding: 1.5rem;
	}

	.media-hero--editorial .display-title {
		font-size: 2.25rem;
	}

	.section-title {
		font-size: 2.125rem;
	}

	.eyebrow {
		font-size: 0.8125rem;
		margin-bottom: 1rem;
	}

	.equipment-feature {
		display: flex;
		padding: 1.75rem;
		min-height: 31rem;
	}

	.equipment-feature__heading {
		align-self: start;
	}

	.equipment-feature img {
		height: 17rem;
		width: 100%;
	}

	.equipment-feature__link {
		width: 100%;
		font-size: 1rem;
	}

	.equipment-directions {
		grid-template-columns: 1fr;
	}

	.equipment-direction {
		grid-template-columns: 5.5rem minmax(0, 1fr) 1rem;
		gap: 1rem;
		padding-block: 0.5rem;
	}

	.equipment-direction__image {
		height: 5rem;
	}

	.equipment-all {
		margin-top: 1.5rem;
	}

	.application-stories {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.application-story:first-child .application-story__image {
		height: 23rem;
	}

	.application-story__image {
		height: 18rem;
	}

	.application-story h3, .installation-story h3 {
		font-size: 1.375rem;
	}

	.product-grid--showcase {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.product-grid--showcase .product-card:first-child {
		display: flex;
		gap: 0;
	}

	.product-grid--showcase .product-card__image, .product-grid--showcase .product-card__image img, .product-grid--showcase .product-card:first-child .product-card__image {
		height: 21rem;
	}

	.product-card__footer {
		flex-direction: row;
		align-items: center;
	}

	.product-card__footer .button {
		width: auto;
	}

	.credibility-editorial__image {
		height: 22rem;
	}

	.credibility-editorial .section-title {
		font-size: 2rem;
	}

	.installation-stories {
		grid-template-columns: 1fr;
	}

	.installation-story:nth-child(2) {
		padding-top: 0;
	}

	.installation-story__image, .installation-story:nth-child(2) .installation-story__image {
		height: 21rem;
	}

	.support-links strong {
		font-size: 1.25rem;
	}

	.support-links small {
		font-size: 0.9375rem;
	}

	.project-cta__grid {
		display: block;
	}

	.project-cta {
		font-size: 1rem;
	}

	.project-cta h2 {
		font-size: 2rem;
	}

	.project-cta .eyebrow {
		font-size: 0.75rem;
	}

	.project-cta__blueprint {
		width: 680px;
		left: 5%;
		bottom: -4rem;
	}

	.project-cta .button {
		width: 100%;
		min-width: 0;
		margin-top: 1.75rem;
	}

	.family-hero {
		padding-block: 2rem 2.5rem;
	}

	.family-hero__grid {
		grid-template-columns: 1fr;
		gap: 1.75rem;
	}

	.family-hero .breadcrumbs {
		margin-bottom: 2rem;
	}

	.family-hero__image {
		min-height: 14rem;
	}

	.family-catalog__heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 1.25rem;
		margin-bottom: 2rem;
	}

	.family-catalog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.editorial-archive__header {
		padding-top: 2rem;
	}

	.editorial-archive__header .breadcrumbs {
		margin-bottom: 2rem;
	}

	.editorial-archive__header .section-title {
		font-size: clamp(2rem, 8vw, 2.75rem);
	}

	.editorial-tabs {
		gap: 1.25rem;
		margin-top: 2rem;
	}

	.editorial-tabs a {
		padding-bottom: 0.625rem;
	}

	.editorial-grid, .editorial-gallery__grid {
		grid-template-columns: 1fr;
	}

	.editorial-gallery__grid,
	.editorial-gallery--pair .editorial-gallery__grid {
		width: calc(100% - 2 * var(--ugur-gutter));
		margin-left: var(--ugur-gutter);
	}

	.editorial-article__header {
		padding: 0;
	}

	.information-page__hero {
		padding-block: 2rem 2.5rem;
	}

	.information-page__hero .breadcrumbs {
		margin-bottom: 2rem;
	}

	.internal-page-header {
		padding-block: 1.5rem 2rem;
	}

	.internal-page-header--dealers {
		padding-bottom: 0;
	}

	.internal-page-header .breadcrumbs {
		margin-bottom: 1.5rem;
	}

	.internal-page-header .section-title {
		font-size: clamp(2rem, 8vw, 2.75rem);
	}

	.contact-request__grid {
		grid-template-columns: 1fr;
	}

	.dealer-directory__list {
		grid-template-columns: 1fr;
	}

	.search-page__form {
		grid-template-columns: 1fr;
	}

	.search-page__form .button {
		justify-self: start;
	}

	.search-result {
		grid-template-columns: 1fr;
	}

	.search-result__image {
		max-width: 12rem;
	}

	.contact-request__form .ugur-form-grid {
		grid-template-columns: 1fr;
	}

	.family-navigation__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.family-navigation__grid a:nth-child(3n) {
		border-right: 1px solid var(--ugur-border);
	}

	.family-navigation__grid a:nth-child(2n) {
		border-right: 0;
	}

	.catalog-hero {
		padding-top: 2rem;
	}

	.catalog-hero .section-title {
		font-size: 2.25rem;
	}

	.catalog-hero .lead {
		display: none;
	}

	.toolbar-actions {
		gap: 0.5rem;
		flex-wrap: nowrap;
		justify-content: space-between;
	}

	.toolbar-actions .filter-select {
		flex-basis: 8rem;
		padding: 0.5rem 1.75rem 0.5rem 0;
		font-size: 0.875rem;
		max-width: 8rem;
	}

	.mobile-filter-toggle {
		width: auto;
		padding-inline: 0;
		justify-content: start;
		color: var(--ugur-brand);
	}

	.catalog-results__meta span:first-child {
		display: none;
	}

	.catalog-results__grid {
		grid-template-columns: 1fr;
		gap: 2.75rem;
	}

	.catalog-results__grid .product-card__image, .catalog-results__grid .product-card__image img {
		height: 20rem;
	}

	.catalog-results__grid .product-card h3 {
		font-size: 1.5rem;
	}

	.product-hero--detail {
		padding-top: 1rem;
	}

	.product-main-image {
		height: 22rem;
	}

	.product-main-image img {
		min-height: 0;
		height: 100%;
		padding: 0.75rem;
	}

	.product-main-image img[src*="img-0051_330x410"],
	.product-main-image img[src*="img-0050_330x410"] {
		width: 100%;
	}

	.product-title {
		font-size: 2.6rem;
	}

	.product-summary {
		font-size: 1rem;
	}

	.key-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1.25rem;
	}

	.key-metric strong {
		font-size: 1.125rem;
	}

	.detail-actions {
		gap: 0.5rem;
		align-items: start;
	}

	.detail-actions .button {
		width: auto;
	}

	.spec-row {
		font-size: 0.9375rem;
		gap: 1rem;
	}

	.spec-row dd {
		font-size: 0.9375rem;
	}

	.series-lineup {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.series-model {
		display: grid;
		grid-template-columns: 7rem minmax(0, 1fr);
		column-gap: 1.25rem;
		align-items: start;
	}

	.series-model__image {
		height: 9rem;
		grid-row: 1 / 4;
	}

	.series-model h3 {
		margin-top: 0;
		font-size: 1.125rem;
		text-align: left;
	}

	.series-model img {
		padding: 0.25rem;
	}

	.series-model .text-link {
		margin-top: 0.25rem;
	}
}

/* Mobile header hierarchy: the menu is a lightweight navigation control;
 * the bordered quote link remains the only header CTA. */
@media (width <= 64rem) {
	.site-header .menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.4rem;
		min-width: 2.75rem;
		min-height: 2.75rem;
		margin-left: auto;
		padding: 0 0.25rem;
		border: 0;
		border-radius: 0;
		background: transparent;
		font-family: var(--ugur-font-sans);
		font-size: 0.9375rem;
		font-weight: 500;
		line-height: 1;
	}

	.menu-toggle__icon {
		position: relative;
		display: inline-block;
		width: 1.05rem;
		height: 0.78rem;
		flex: 0 0 1.05rem;
		border-top: 1.5px solid currentcolor;
		border-bottom: 1.5px solid currentcolor;
	}

	.menu-toggle__icon::after {
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		border-top: 1.5px solid currentcolor;
		content: '';
		transform: translateY(-50%);
	}

	.site-header .menu-toggle:hover,
	.site-header .menu-toggle:focus-visible {
		border-color: transparent;
		background: transparent;
	}

	.site-header .header-cta {
		display: inline-flex;
	}
}

/* Keep the compact quote action text-centered without spending its width on
 * an arrow that is not needed at mobile/tablet sizes. Desktop keeps the
 * existing arrow and CTA geometry. */
@media (width <= 48rem) {
	.site-header .header-cta__arrow {
		display: none;
	}

	.site-header .header-cta {
		gap: 0;
		padding-inline: 1.25rem;
	}
}

@media (width <= 38rem) {
	.site-header .header-inner {
		width: calc(100% - 1rem);
		gap: 0;
	}

	.site-header .header-actions {
		display: flex;
		align-items: center;
		gap: 0.2rem;
		flex: 0 0 auto;
	}

	.site-header .header-language {
		display: none;
	}

	.site-header .header-search {
		display: inline-flex;
		width: 2.25rem;
		min-width: 2.25rem;
		min-height: 2.75rem;
		align-items: center;
		justify-content: center;
		padding: 0;
	}

	.site-header .header-search span:last-child {
		display: none;
	}

	.site-header .header-cta {
		min-height: 2.75rem;
		padding: 0.55rem 1.125rem;
		gap: 0.125rem;
		font-size: 0.575rem;
		line-height: 1.15;
		display: none;
	}

	.site-header .menu-toggle {
		gap: 0.2rem;
		min-width: 2.75rem;
		padding-inline: 0;
		font-size: 0.6875rem;
	}

	.site-header .menu-toggle__icon {
		width: 0.85rem;
		flex-basis: 0.85rem;
	}
}

/* At the legacy 375px editorial breakpoint keep the same controls and
 * touch targets, but give the packed header a small additional inline
 * measure so the quote action cannot create document overflow. */
@media (width <= 24rem) {
	.site-header .header-inner {
		width: calc(100% - 0.75rem);
	}

	.site-header .header-cta {
		font-size: 0.55rem;
	}
}

/* Accepted direction: final density and image-presence refinement. */
@media (42rem <= width <= 68rem) {
	.mega-menu__links {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1rem;
	}

	.mega-menu__group h2 {
		min-height: 2.7em;
	}
}

.family-section + .page-section {
	padding-top: 0;
}

.ugur-preview .preview-badge {
	position: static;
	border: 0;
	border-radius: 0;
	background: #0b1920;
	color: #b9cbd4;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.03em;
	opacity: 1;
	padding: 0 1.25rem 1.5rem;
}

@media (width >= 105rem) {
	.catalog-hero > .container, .catalog-page > .container {
		width: min(var(--container-site), calc(100% - 2 * var(--container-gutter)));
	}

	.catalog-layout {
		grid-template-columns: 13rem minmax(0, 1fr);
		gap: 2.5rem;
	}

	.catalog-results__grid .product-card__image, .catalog-results__grid .product-card__image img {
		height: 21.5rem;
	}

	.catalog-results__grid .product-card__image img {
		padding: 0;
	}

	.catalog-results__grid .product-card h3 {
		font-size: 1.4375rem;
	}

	.catalog-results__grid .product-card__category {
		font-size: 1rem;
	}
}

/* Gutenberg project modules extend the canonical editorial article shell. */
.editorial-article--project {
	padding-bottom: 0;
}

.editorial-article__body--project {
	width: min(var(--editorial-full), calc(100% - 2 * var(--ugur-gutter)));
	max-width: none;
	padding-top: clamp(2.5rem, 2.5vw, 3rem);
	font-family: var(--editorial-type-family);
	font-size: var(--editorial-type-body);
	line-height: var(--editorial-type-body-leading);
}

.case-study__body h2 {
	margin: 0 0 1.25rem;
	font-weight: 500;
	letter-spacing: -0.035em;
}

.case-study__body h3 {
	margin: 0;
}

.case-study__body p {
	margin: 0 0 1rem;
	color: var(--ugur-ink-muted);
}

.case-study__body .ugur-case-study__intro,
.case-study__body .ugur-case-study__geography,
.case-study__body .ugur-case-study__stage,
.case-study__body .ugur-case-study__bodrum,
.case-study__body .ugur-case-study__izmir {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
	gap: clamp(2rem, 5vw, 5rem);
	align-items: start;
	margin-bottom: clamp(3rem, 5vw, 5rem);
}

.case-study__body .ugur-case-study__intro-copy p,
.case-study__body .ugur-case-study__stage-copy {
	max-width: 48rem;
}

.case-study__body .ugur-case-study__facts,
.case-study__body .ugur-case-study__fact-grid {
	display: grid;
	gap: 1px;
	background: var(--ugur-border);
	border: 1px solid var(--ugur-border);
}

.case-study__body .ugur-case-study__facts {
	grid-template-columns: 1fr;
}

.case-study__body .ugur-case-study__fact,
.case-study__body .ugur-case-study__metric {
	padding: clamp(1.25rem, 2.2vw, 1.75rem);
	background: var(--ugur-surface-subtle);
}

.case-study__body .ugur-case-study__fact strong,
.case-study__body .ugur-case-study__metric strong,
.case-study__body .ugur-case-study__years strong,
.case-study__body .ugur-case-study__benefit--primary strong {
	display: block;
	color: var(--ugur-brand-dark);
	font-size: clamp(2rem, 3vw, 2.75rem);
	font-weight: 600;
	letter-spacing: -0.05em;
	line-height: 1;
}

.case-study__body .ugur-case-study__fact p,
.case-study__body .ugur-case-study__metric p {
	margin: 0.55rem 0 0;
	font-size: 0.875rem;
	line-height: 1.4;
}

.case-study__body .ugur-case-study__quote,
.case-study__body .ugur-case-study__years {
	padding: clamp(1.5rem, 3vw, 2.25rem);
	background: var(--ugur-surface-cool);
	border-left: 0.25rem solid var(--ugur-brand);
}

.case-study__body .ugur-case-study__quote p {
	margin: 0;
	color: var(--ugur-ink);
	font-size: 1.125rem;
	line-height: 1.45;
}

.case-study__body .ugur-case-study__wide-image {
	margin: 0 0 clamp(3rem, 5vw, 5rem);
}

.case-study__body .ugur-case-study__wide-image img {
	display: block;
	width: 100%;
	height: auto;
}

.case-study__body .ugur-case-study__fact-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.case-study__body .ugur-case-study__bodrum {
	grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 1.1fr);
}

.case-study__body .ugur-case-study__bodrum-aside {
	display: grid;
	gap: 1.25rem;
}

.case-study__body .ugur-case-study__bodrum-image,
.case-study__body .ugur-case-study__izmir-image {
	margin: 0;
	background: var(--ugur-surface-subtle);
}

.case-study__body .ugur-case-study__bodrum-image img {
	display: block;
	width: 100%;
	aspect-ratio: 1.3 / 1;
	object-fit: cover;
}

.case-study__body .ugur-case-study__years p {
	margin: 0.6rem 0 0;
	color: var(--ugur-ink);
	font-size: 1rem;
	font-weight: 600;
}

.case-study__body .ugur-case-study__years ul {
	margin: 1.25rem 0 0;
	padding-left: 1.1rem;
	color: var(--ugur-ink-muted);
	font-size: 0.9375rem;
}

.case-study__body .ugur-case-study__izmir {
	padding: clamp(1.5rem, 4vw, 3rem);
	background: var(--ugur-surface-cool);
}

.case-study__body .ugur-case-study__izmir-image img {
	display: block;
	width: 100%;
	aspect-ratio: 1.6 / 1;
	object-fit: cover;
}

.case-study__body .ugur-case-study__inline-link {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	margin-top: 0.75rem;
	color: var(--ugur-brand-dark);
	font-weight: 700;
	text-decoration: none;
}

.case-study__body .ugur-case-study__inline-link:hover {
	color: var(--ugur-brand);
}

.case-study__body .ugur-case-study__benefits {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin: 0 0 clamp(3rem, 5vw, 5rem);
	background: var(--ugur-border);
	border: 1px solid var(--ugur-border);
}

.case-study__body .ugur-case-study__benefit {
	min-height: 10rem;
	padding: 1.25rem;
	background: var(--ugur-surface-subtle);
}

.case-study__body .ugur-case-study__benefit p {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.4;
}

.case-study__body .ugur-case-study__benefit--primary {
	grid-column: span 2;
	background: var(--ugur-surface-cool);
}

.case-study__body .ugur-case-study__benefit--primary strong {
	font-size: clamp(2rem, 4vw, 3.75rem);
}

.case-study__body .ugur-case-study__final {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
	gap: clamp(2rem, 5vw, 5rem);
	align-items: center;
	padding: clamp(2rem, 5vw, 4rem);
	background: var(--ugur-brand-dark);
}

.case-study__body .ugur-case-study__final h2,
.case-study__body .ugur-case-study__final p {
	color: var(--ugur-white);
}

.case-study__body .ugur-case-study__final p {
	margin-bottom: 0;
}

.case-study__body .ugur-case-study__final-actions {
	display: grid;
	gap: 0.75rem;
}

.case-study__body .ugur-case-study__final-actions .wp-block-button {
	margin: 0;
}

.case-study__body .ugur-case-study__final-actions .wp-block-button__link {
	display: flex;
	justify-content: space-between;
	min-height: 3rem;
	padding: 0.8rem 1rem;
	border: 1px solid rgb(255 255 255 / 65%);
	border-radius: 0.1875rem;
	background: var(--ugur-white);
	color: var(--ugur-ink);
	font-weight: 700;
	text-decoration: none;
}

.case-study__body .ugur-case-study__final-actions .wp-block-button:last-child .wp-block-button__link {
	background: transparent;
	color: var(--ugur-white);
}

.case-study__body .ugur-case-study__intro:has(> .wp-block-group__inner-container),
.case-study__body .ugur-case-study__geography:has(> .wp-block-group__inner-container),
.case-study__body .ugur-case-study__stage:has(> .wp-block-group__inner-container),
.case-study__body .ugur-case-study__bodrum:has(> .wp-block-group__inner-container),
.case-study__body .ugur-case-study__izmir:has(> .wp-block-group__inner-container),
.case-study__body .ugur-case-study__facts:has(> .wp-block-group__inner-container),
.case-study__body .ugur-case-study__fact-grid:has(> .wp-block-group__inner-container),
.case-study__body .ugur-case-study__benefits:has(> .wp-block-group__inner-container),
.case-study__body .ugur-case-study__final:has(> .wp-block-group__inner-container),
.case-study__body .ugur-case-study__bodrum-aside:has(> .wp-block-group__inner-container) {
	display: block;
}

.case-study__body .ugur-case-study__intro > .wp-block-group__inner-container,
.case-study__body .ugur-case-study__geography > .wp-block-group__inner-container,
.case-study__body .ugur-case-study__stage > .wp-block-group__inner-container,
.case-study__body .ugur-case-study__bodrum > .wp-block-group__inner-container,
.case-study__body .ugur-case-study__izmir > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
	gap: clamp(2rem, 5vw, 5rem);
	align-items: start;
}

.case-study__body .ugur-case-study__bodrum > .wp-block-group__inner-container {
	grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 1.1fr);
}

.case-study__body .ugur-case-study__facts > .wp-block-group__inner-container,
.case-study__body .ugur-case-study__fact-grid > .wp-block-group__inner-container,
.case-study__body .ugur-case-study__benefits > .wp-block-group__inner-container,
.case-study__body .ugur-case-study__final > .wp-block-group__inner-container,
.case-study__body .ugur-case-study__bodrum-aside > .wp-block-group__inner-container {
	display: grid;
	gap: inherit;
}

.case-study__body .ugur-case-study__facts > .wp-block-group__inner-container {
	grid-template-columns: 1fr;
}

.case-study__body .ugur-case-study__fact-grid > .wp-block-group__inner-container {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.case-study__body .ugur-case-study__benefits > .wp-block-group__inner-container {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.case-study__body .ugur-case-study__final > .wp-block-group__inner-container {
	grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
	align-items: center;
}

@media (width <= 68rem) {
	.case-study__body .ugur-case-study__intro,
	.case-study__body .ugur-case-study__geography,
	.case-study__body .ugur-case-study__stage,
	.case-study__body .ugur-case-study__bodrum,
	.case-study__body .ugur-case-study__izmir,
	.case-study__body .ugur-case-study__final {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.case-study__body .ugur-case-study__facts {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.case-study__body .ugur-case-study__benefits {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.case-study__body .ugur-case-study__intro > .wp-block-group__inner-container,
	.case-study__body .ugur-case-study__geography > .wp-block-group__inner-container,
	.case-study__body .ugur-case-study__stage > .wp-block-group__inner-container,
	.case-study__body .ugur-case-study__bodrum > .wp-block-group__inner-container,
	.case-study__body .ugur-case-study__izmir > .wp-block-group__inner-container,
	.case-study__body .ugur-case-study__final > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.case-study__body .ugur-case-study__facts > .wp-block-group__inner-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.case-study__body .ugur-case-study__benefits > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (width <= 42rem) {
	.editorial-article__header-inner {
		padding-top: 1.25rem;
	}

	.editorial-article__header--project .editorial-article__feature {
		margin-top: 1.25rem;
		margin-bottom: 1.75rem;
	}

	.editorial-article__feature--news {
		margin-top: 1.25rem;
		margin-bottom: 1.75rem;
	}

	.editorial-article__feature img {
		max-height: min(560px, 65vh);
	}

	.editorial-article__body,
	.editorial-article__body--project {
		padding-top: 2rem;
	}

	.editorial-article--news .editorial-article__body,
	.editorial-article--project-standard .editorial-article__body {
		padding-top: 0;
	}

	.editorial-article__body--project {
		padding-bottom: 4.5rem;
	}

	.case-study__body .ugur-case-study__facts,
	.case-study__body .ugur-case-study__fact-grid,
	.case-study__body .ugur-case-study__benefits {
		grid-template-columns: 1fr;
	}

	.case-study__body .ugur-case-study__benefit--primary {
		grid-column: auto;
	}

	.case-study__body .ugur-case-study__fact,
	.case-study__body .ugur-case-study__metric,
	.case-study__body .ugur-case-study__benefit {
		min-height: 0;
	}

	.case-study__body .ugur-case-study__facts > .wp-block-group__inner-container,
	.case-study__body .ugur-case-study__fact-grid > .wp-block-group__inner-container,
	.case-study__body .ugur-case-study__benefits > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}
}

/* Shared project editorial grammar: reading, wide media, split, stats and gallery. */
.case-study__body .project-article__reading {
	width: min(var(--content-reading), 100%);
	margin: 0 0 clamp(3rem, 3.125vw, 4rem);
}

.case-study__body .project-article__lead {
	width: min(var(--content-reading), 100%);
	margin: 0 0 clamp(2.75rem, 2.5vw, 3rem);
}

.case-study__body .project-article__lead p {
	margin: 0;
	color: var(--ugur-ink);
	font-size: var(--editorial-type-lead);
	line-height: 1.45;
}

@media (width <= 42rem) {
	.case-study__body .project-article__lead {
		margin-bottom: 2.5rem;
	}
}

.case-study__body .project-article__reading h2,
.case-study__body .project-article__split h2 {
	margin: 0 0 1.25rem;
}

.case-study__body .project-article__reading h3,
.case-study__body .project-article__split h3 {
	margin: 1.75rem 0 0.75rem;
}

.case-study__body .project-article__reading p:last-child,
.case-study__body .project-article__split p:last-child {
	margin-bottom: 0;
}

.case-study__body .project-article__stats {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin: 0 0 clamp(3rem, 5vw, 5rem);
	border-block: 1px solid var(--ugur-border);
}

/* Core Gutenberg groups are direct-child containers in the standalone
 * theme. Keep the inner-container path for content rendered by older
 * WordPress/theme wrappers, but make the component deterministic without
 * that legacy wrapper. */
.case-study__body .project-article__stats:has(> .wp-block-group__inner-container),
.case-study__body .project-article__equipment-grid:has(> .wp-block-group__inner-container) {
	display: block;
}

.case-study__body .project-article__stats > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.case-study__body .project-article__stat {
	min-width: 0;

	/* Gutenberg group spacing must not offset values within one stats row. */
	margin-block-start: 0;
	padding: clamp(1.25rem, 2.3vw, 2rem);
	border-left: 1px solid var(--ugur-border);
}

.case-study__body .project-article__stat:first-child {
	border-left: 0;
}

.case-study__body .project-article__stat p {
	margin: 0;
}

.case-study__body .project-article__stat strong,
.case-study__body .project-article__stat span {
	display: block;
}

.case-study__body .project-article__stat strong {
	color: var(--ugur-brand-dark);
	font-size: clamp(1.45rem, 2.25vw, 2.35rem);
	font-weight: 600;
	letter-spacing: -0.045em;
	line-height: 1.08;
}

.case-study__body .project-article__stat span {
	margin-top: 0.55rem;
	font-size: 0.875rem;
	line-height: 1.4;
}

.case-study__body .project-article__wide-media {
	margin: 0 0 clamp(3rem, 5vw, 5rem);
}

.case-study__body .project-article__wide-media img {
	display: block;
	width: 100%;
	height: auto;
}

.case-study__body .project-article__split {
	margin: 0 0 clamp(3rem, 4vw, 4.5rem);
}

.case-study__body .project-article__split,
.case-study__body .project-article__split > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(2rem, 4vw, 4rem);
	align-items: start;
}

.case-study__body .project-article__split > .wp-block-group__inner-container {
	grid-column: 1 / -1;
}

.case-study__body .project-article__split figure {
	margin: 0;
}

.case-study__body .project-article__split figure img {
	display: block;
	width: 100%;
	aspect-ratio: 1.35 / 1;
	object-fit: cover;
}

.case-study__body .project-article__split figure.project-article__image--wide {
	aspect-ratio: 1.85 / 1;
	overflow: hidden;
}

.case-study__body .project-article__split figure.project-article__image--wide img {
	height: 100%;
	object-fit: cover;
}

.case-study__body .project-article__split ul {
	margin: 0.75rem 0 0;
	padding-left: 1.2rem;
	color: var(--ugur-ink-muted);
}

.case-study__body .project-article__split li + li {
	margin-top: 0.45rem;
}

.case-study__body .project-article__split a {
	color: var(--ugur-brand-dark);
	font-weight: 700;
}

.case-study__body .project-article__image--bottom img {
	object-position: center bottom;
}

/* The Ermolino project deliberately uses two crops of the same approved
 * square source: the upper store view for the project overview and the lower
 * freezer line for the closing solution section. Keep both crops editorial,
 * shallow and aligned to the copy beside them. */
.case-study__body .project-article__split--media figure.project-article__image--top,
.case-study__body .project-article__split--solution figure.project-article__image--bottom {
	aspect-ratio: 1.85 / 1;
	overflow: hidden;
}

.case-study__body .project-article__split--media figure.project-article__image--top img,
.case-study__body .project-article__split--solution figure.project-article__image--bottom img {
	height: 100%;
	object-fit: cover;
}

.case-study__body .project-article__split--media figure.project-article__image--top img {
	object-position: center top;
}

.case-study__body .project-article__split--solution figure.project-article__image--bottom img {
	object-position: center bottom;
}

.case-study__body .project-article__split--solution figure.project-article__image--bottom {
	aspect-ratio: 2.35 / 1;
}

.case-study__body .project-article__media-pair,
.case-study__body .project-article__media-pair > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	min-width: 0;
}

.case-study__body .project-article__media-pair > .wp-block-group__inner-container {
	grid-column: 1 / -1;
}

.case-study__body .project-article__media-pair--wide-narrow,
.case-study__body .project-article__media-pair--wide-narrow > .wp-block-group__inner-container {
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.case-study__body .project-article__media-pair figure {
	min-width: 0;
	margin: 0;
}

.case-study__body .project-article__media-pair img {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1.45 / 1;
	object-fit: cover;
}

.case-study__body .project-article__equipment {
	margin: 0 0 clamp(3rem, 4vw, 4.5rem);
}

.case-study__body .project-article__equipment h2 {
	margin-bottom: 1.5rem;
}

.case-study__body .project-article__equipment-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-block: 1px solid var(--ugur-border);
}

.case-study__body .project-article__equipment-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.case-study__body .project-article__equipment-item {
	min-width: 0;
	margin-block-start: 0;
	padding: clamp(1.35rem, 1.8vw, 1.75rem) clamp(1rem, 1.55vw, 1.5rem) clamp(1.45rem, 1.9vw, 1.9rem);
	border-left: 1px solid rgb(20 43 56 / 12%);
}

.case-study__body .project-article__equipment-item:first-child {
	border-left: 0;
}

.case-study__body .project-article__equipment-item h3 {
	color: var(--ugur-brand-dark);
	font-size: 1.0625rem;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.2;
}

.case-study__body .project-article__equipment-item p {
	margin: 0.75rem 0 0;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.case-study__body .project-article__gallery,
.case-study__body .project-article__gallery > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.case-study__body .project-article__gallery {
	margin: 0 0 clamp(3rem, 5vw, 5rem);
}

.case-study__body .project-article__gallery > .wp-block-group__inner-container {
	grid-column: 1 / -1;
}

.case-study__body .project-article__gallery figure {
	margin: 0;
}

.case-study__body .project-article__gallery img {
	display: block;
	width: 100%;
	aspect-ratio: 1.3 / 1;
	object-fit: cover;
}

.case-study__body > :last-child {
	margin-bottom: 0;
}

@media (width <= 68rem) {
	.case-study__body .project-article__stats > .wp-block-group__inner-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.case-study__body .project-article__stats:not(:has(> .wp-block-group__inner-container)) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.case-study__body .project-article__stat:nth-child(4) {
		border-left: 0;
	}

	.case-study__body .project-article__split,
	.case-study__body .project-article__split > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.case-study__body .project-article__equipment-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.case-study__body .project-article__equipment-grid > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.case-study__body .project-article__equipment-grid:not(:has(> .wp-block-group__inner-container)) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.case-study__body .project-article__equipment-item:nth-child(3) {
		border-left: 0;
		border-top: 1px solid var(--ugur-border);
	}

	.case-study__body .project-article__equipment-item:nth-child(4) {
		border-top: 1px solid var(--ugur-border);
	}
}

@media (width <= 42rem) {
	.case-study__body .project-article__gallery,
	.case-study__body .project-article__gallery > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.case-study__body .project-article__media-pair {
		grid-template-columns: 1fr;
	}

	.case-study__body .project-article__media-pair--wide-narrow,
	.case-study__body .project-article__media-pair--wide-narrow > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.case-study__body .project-article__equipment-grid {
		grid-template-columns: 1fr;
	}

	.case-study__body .project-article__equipment-grid > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.case-study__body .project-article__equipment-grid:not(:has(> .wp-block-group__inner-container)) {
		grid-template-columns: 1fr;
	}

	.case-study__body .project-article__equipment-item,
	.case-study__body .project-article__equipment-item:nth-child(3),
	.case-study__body .project-article__equipment-item:nth-child(4) {
		border-top: 1px solid var(--ugur-border);
		border-left: 0;
	}

	.case-study__body .project-article__equipment-item:first-child {
		border-top: 0;
	}

	.case-study__body .project-article__stats > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
	}

	.case-study__body .project-article__stats:not(:has(> .wp-block-group__inner-container)) {
		grid-template-columns: 1fr;
	}

	.case-study__body .project-article__stat,
	.case-study__body .project-article__stat:nth-child(4) {
		border-top: 1px solid var(--ugur-border);
		border-left: 0;
	}

	.case-study__body .project-article__stat:first-child {
		border-top: 0;
	}
}

/* Standard News and legacy Projects keep the two-column composition while
 * the shared site canvas provides flexible space between reading and rail. */
@media (width <= 80rem) {
	.editorial-article--news .editorial-article__body,
	.editorial-article--project-standard .editorial-article__body {
		width: min(var(--content-wide), calc(100% - 2 * var(--ugur-gutter)));
		max-width: none;
		display: block;
	}

	.editorial-article--news .editorial-article__main,
	.editorial-article--project-standard .editorial-article__main {
		width: 100%;
	}

	.editorial-article--news .editorial-article__prose,
	.editorial-article--project-standard .editorial-article__prose {
		width: 100%;
	}

	.editorial-article--news .editorial-article__aside,
	.editorial-article--project-standard .editorial-article__aside {
		position: static;
		top: auto;
		padding-left: 0;
		display: grid;
		grid-template-columns: 1fr;
		gap: clamp(1.5rem, 2.8vw, 2.5rem);
		margin-top: 3rem;
	}

	.editorial-article--news .editorial-article__aside:not(.editorial-article__aside--multiple-related) .editorial-related-group,
	.editorial-article--project-standard .editorial-article__aside:not(.editorial-article__aside--multiple-related) .editorial-related-group {
		width: min(var(--content-news-sidebar), 100%);
	}

	.editorial-article--news .editorial-article__aside--multiple-related .editorial-related-group,
	.editorial-article--project-standard .editorial-article__aside--multiple-related .editorial-related-group {
		display: grid;
		grid-column: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: clamp(1.5rem, 2.8vw, 2.5rem);
		align-content: start;
	}

	.editorial-article--news .editorial-article__aside--multiple-related .editorial-related-group > .eyebrow,
	.editorial-article--project-standard .editorial-article__aside--multiple-related .editorial-related-group > .eyebrow {
		grid-column: 1 / -1;
	}

	.editorial-article--news .editorial-article__aside--multiple-related .editorial-related + .editorial-related,
	.editorial-article--project-standard .editorial-article__aside--multiple-related .editorial-related + .editorial-related {
		padding-top: 0;
		margin-top: 0;
		border-top: 0;
	}

	.editorial-article--news .editorial-sidebar__module + .editorial-sidebar__module,
	.editorial-article--project-standard .editorial-sidebar__module + .editorial-sidebar__module {
		padding-top: 0;
		margin-top: 0;
		border-top: 0;
	}

	.editorial-article--news .editorial-article__aside::before,
	.editorial-article--project-standard .editorial-article__aside::before {
		display: none;
	}
}

@media (width <= 60rem) {
	.editorial-article--news .editorial-article__aside,
	.editorial-article--project-standard .editorial-article__aside {
		grid-template-columns: 1fr;
	}

	.editorial-article--news .editorial-article__aside--multiple-related .editorial-related-group,
	.editorial-article--project-standard .editorial-article__aside--multiple-related .editorial-related-group {
		display: block;
		grid-column: auto;
	}

	.editorial-article--news .editorial-article__aside--multiple-related .editorial-related + .editorial-related,
	.editorial-article--project-standard .editorial-article__aside--multiple-related .editorial-related + .editorial-related {
		padding-top: 1.75rem;
		margin-top: 2rem;
		border-top: 1px solid var(--ugur-surface-strong);
	}

}

@media (width <= 42rem) {
	.editorial-article--news .editorial-article__aside,
	.editorial-article--project-standard .editorial-article__aside {
		grid-template-columns: 1fr;
		margin-top: 2rem;
	}

	.editorial-article--news .editorial-sidebar__module + .editorial-sidebar__module,
	.editorial-article--project-standard .editorial-sidebar__module + .editorial-sidebar__module {
		padding-top: 0;
		margin-top: 0;
		border-top: 0;
	}

	.editorial-sidebar__module h2 {
		font-size: 1.3125rem;
	}

	.editorial-related h2 {
		font-size: 1.125rem;
	}
}

/* The compact Feature rail follows the same responsive breakpoint as the
 * standard News rail, without inheriting its desktop grid treatment. */
@media (width <= 80rem) {
	.editorial-article--feature .editorial-article__feature-intro {
		display: block;
	}

	.editorial-article--feature .editorial-article__aside--compact {
		position: static;
		display: block;
		width: 100%;
		margin-top: 3rem;
		padding-left: 0;
	}

	.editorial-article--feature .editorial-article__aside--compact::before {
		display: none;
	}

	.editorial-article--feature .editorial-article__feature-body {
		padding-top: clamp(4rem, 7vw, 5rem);
	}

	.editorial-article--feature {
		padding-bottom: clamp(5rem, 6vw, 6rem);
	}
}

@media (width > 80rem) and (width <= 90rem) {
	.editorial-article--feature .editorial-article__feature-intro {
		display: grid;
		grid-template-columns: minmax(0, var(--content-feature-intro-main)) var(--content-feature-intro-sidebar);
		column-gap: var(--content-feature-intro-gap);
		align-items: start;
	}

	.editorial-article--feature .editorial-article__aside--compact {
		position: relative;
		display: block;
		width: auto;
		margin-top: 0.75rem;
		padding-left: 1.5rem;
	}

	.editorial-article--feature .editorial-article__aside--compact::before {
		display: block;
	}

	.editorial-article--feature .editorial-article__aside--compact .editorial-related-group {
		display: block;
	}

	.editorial-article--feature .editorial-article__aside--compact .editorial-related + .editorial-related {
		padding-top: 1.25rem;
		margin-top: 1.25rem;
		border-top: 1px solid var(--ugur-surface-strong);
	}
}

@media (width <= 60rem) {
	.editorial-article--feature .editorial-article__aside--compact .editorial-related-group {
		display: block;
	}

	.editorial-article--feature .editorial-article__feature-body .wp-block-gallery {
		grid-template-columns: 1fr;
	}

	.editorial-article--feature .editorial-article__feature-body .wp-block-gallery.editorial-media-pair--portrait {
		width: 100%;
		grid-template-columns: 1fr;
	}

	.editorial-article--feature .editorial-article__feature-body .wp-block-gallery:not(.editorial-media-pair--portrait):has(> figure:nth-child(2):last-child) {
		width: 100%;
		grid-template-columns: 1fr;
	}

	.editorial-article--feature .editorial-article__feature-intro-prose > .news-article__lead {
		margin-bottom: 2.5rem;
	}
}

@media (width <= 42rem) {
	.editorial-article--feature .editorial-article__feature-intro-layout {
		padding-bottom: 4rem;
	}

	.editorial-article--feature .editorial-article__identity--news .section-title {
		font-size: clamp(2rem, 8vw, 2.75rem);
	}

	.editorial-article--feature .editorial-article__aside--compact {
		margin-top: 2rem;
	}

	.editorial-article--feature .editorial-article__aside--compact .editorial-related {
		grid-template-columns: minmax(7.5rem, 8.125rem) minmax(0, 1fr);
	}

	.editorial-article--feature .editorial-article__feature-body {
		padding-top: 4rem;
	}

	.editorial-article--feature .editorial-article__feature-intro-prose > .news-article__lead {
		margin-bottom: 2rem;
	}

	.editorial-article--feature {
		padding-bottom: clamp(4rem, 7vw, 5rem);
	}
}

/* Phase 14.6 corporate information architecture. These styles belong only
 * to the rebuilt corporate pages; approved article, catalog and homepage
 * compositions remain on their existing selectors. */
.about-page h2,
.contact-page h2,
.dealers-page h2 {
	margin: 0;
	font-size: clamp(2rem, 3.2vw, 3.25rem);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.045em;
}

.about-page__origin-grid,
.about-page__split-grid,
.about-page__quality-grid,
.about-page__narrow-grid,
.dealers-page__recruitment-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(2rem, 7vw, 7rem);
	align-items: center;
}

.about-page__origin-grid {
	align-items: end;
}

.about-page__media {
	min-width: 0;
}

.about-page__media img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.about-page__media--origin img {
	max-height: 28rem;
}

.about-page__media--production img {
	max-height: 24rem;
}

.about-page__copy {
	max-width: 52rem;
	font-size: clamp(1.0625rem, 1.4vw, 1.25rem);
	line-height: 1.7;
}

.about-page__copy > :first-child {
	margin-top: 0;
}

.about-page__copy > :last-child {
	margin-bottom: 0;
}

.about-page__copy p:not(.eyebrow),
.dealers-page__recruitment-grid p:not(.eyebrow),
.contact-page__intro {
	color: var(--ugur-muted);
}

.about-page__stats .eyebrow {
	margin-bottom: 2rem;
	color: var(--ugur-brand);
}

.about-page__stats-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.5rem;
	margin: 0;
}

.about-page__stats-grid div {
	padding-top: 1rem;
	border-top: 1px solid var(--ugur-border);
}

.about-page__stats-grid dt {
	font-size: clamp(2rem, 4vw, 4rem);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.05em;
}

.about-page__stats-grid dd {
	margin: 0.75rem 0 0;
	color: var(--ugur-muted);
}

.about-page__russia .about-page__narrow-grid {
	align-items: start;
}

.about-page__russia .eyebrow,
.about-page__trust .eyebrow,
.about-page__quality .eyebrow,
.about-page__production .eyebrow,
.dealers-page__recruitment .eyebrow,
.contact-page .eyebrow {
	color: var(--ugur-brand);
}

.about-page__trust h2 {
	margin-bottom: 0;
}

.about-page__brands .home-trusted {
	margin-top: 2rem;
}

.about-page__brands .home-trusted__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.about-page__brands .home-trusted__item,
.about-page__brands .home-trusted__link {
	display: grid;
	min-height: 4rem;
	place-items: center;
}

.about-page__brands .home-trusted__link {
	width: 100%;
	padding: 0.25rem;
	text-decoration: none;
}

.about-page__brands .home-trusted__link:focus-visible {
	outline: 2px solid var(--ugur-brand);
	outline-offset: 0.25rem;
}

.about-page__brands .home-trusted__item img {
	width: auto;
	height: auto;
	max-width: 9rem;
	max-height: 2.5rem;
	filter: grayscale(1);
	opacity: 0.64;
	mix-blend-mode: multiply;
}

.about-page__brands .home-trusted__item--x5-retail-group img {
	max-width: 10rem;
	max-height: 2rem;
}

.about-page__brands .home-trusted__item--dixy img {
	max-width: 4.5rem;
}

.about-page__certificate {
	justify-self: center;
	margin: 0;
}

.about-page__certificate img {
	max-width: 12rem;
	height: auto;
}

.about-page__certificate a {
	display: block;
}

.dealers-page__recruitment-grid {
	align-items: start;
}

.dealers-page__recruitment {
	padding-block: clamp(1.75rem, 2.25vw, 2.25rem);
}

.dealers-page__recruitment-grid > :last-child {
	padding-left: clamp(1rem, 1.5vw, 1.25rem);
	border-left: 1px solid color-mix(in srgb, var(--ugur-border) 65%, transparent);
}

.dealers-page__recruitment-grid p {
	max-width: 42rem;
	margin-top: 0;
	line-height: 1.7;
}

.dealers-page__recruitment-grid > :first-child > p:not(.eyebrow) {
	margin-top: 1rem;
}

.dealers-page__recruitment-grid > :last-child > p {
	margin-top: 0.75rem;
}

.dealers-page .dealers-page__directory-content > h2 {
	margin: 0;
	font-size: clamp(2rem, 2.6vw, 3rem);
	line-height: 1.08;
	letter-spacing: -0.045em;
}

.contact-page__details {
	padding-block: clamp(2.5rem, 3.5vw, 3.5rem) clamp(2.25rem, 3.5vw, 3.5rem);
}

.contact-page__locations {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
}

.contact-page__location {
	min-width: 0;
}

.contact-page__location + .contact-page__location {
	padding-left: clamp(1.5rem, 3vw, 3rem);
	border-left: 1px solid color-mix(in srgb, var(--ugur-brand) 14%, transparent);
}

.contact-page__location h2 {
	margin-bottom: 1rem;
	font-size: clamp(1.5rem, 2.3vw, 2.25rem);
	letter-spacing: -0.03em;
}

.contact-page__location address,
.contact-page__location a,
.contact-page__location p:not(.eyebrow) {
	display: block;
	max-width: 32rem;
	margin: 0 0 0.75rem;
	font-style: normal;
	line-height: 1.6;
}

.contact-page__location a {
	color: var(--ugur-brand);
	text-decoration: none;
}

.contact-page__muted {
	color: var(--ugur-muted);
}

.contact-page__intro {
	max-width: 34rem;
	margin-top: 1.5rem;
	line-height: 1.6;
}

.contact-page .contact-request {
	padding-block: clamp(3.5rem, 5vw, 5.5rem);
	background: var(--surface-hero);
}

.contact-page .internal-page-header .section-title {
	max-width: 42rem;
}

.contact-page .internal-page-header__intro {
	max-width: 40rem;
}

.contact-page .contact-request__grid {
	grid-template-columns: minmax(0, 0.7fr) minmax(20rem, 1fr);
}

.contact-page .contact-request__form form {
	gap: 0;
}

.contact-page .contact-request__form form > .ugur-form-grid + .ugur-form-grid,
.contact-page .contact-request__form form > .ugur-form-grid + p {
	margin-top: 1rem;
}

.contact-page .contact-request__form form > p:nth-of-type(2),
.contact-page .contact-request__form form > p:nth-of-type(4) {
	margin-top: 0.35rem;
}

.contact-page .contact-request__form form > p:nth-of-type(3),
.contact-page .contact-request__form form > p:nth-of-type(5) {
	margin-top: 1rem;
}

.contact-page .contact-request__form textarea {
	height: 8rem;
	min-height: 8rem;
}

.contact-page .contact-request__form input:not([type='submit']) {
	min-height: 3.25rem;
}

.contact-page .contact-request__form input[type='submit'] {
	min-height: 3.2rem;
	min-width: 11.5rem;
	padding: 0.8rem 1.25rem;
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.2;
}

.contact-page .contact-request__form label {
	display: block;
	color: var(--ugur-ink);
	font-size: 0.9375rem;
	font-weight: 400;
}

@media (width <= 52rem) {
	.about-page__origin-grid,
	.about-page__split-grid,
	.about-page__quality-grid,
	.about-page__narrow-grid,
	.dealers-page__recruitment-grid,
	.contact-page__locations {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.dealers-page__directory-grid {
		grid-template-columns: 1fr;
		row-gap: 3rem;
	}

	.dealers-page__map {
		padding-top: 0;
	}

	.dealers-page__map-figure {
		aspect-ratio: auto;
		overflow: visible;
		max-width: 44rem;
		margin-inline: auto;
	}

	.dealers-page__map-figure img {
		height: auto;
		max-width: 100%;
		object-fit: contain;
	}

	.dealers-page__map-note {
		margin-inline: auto;
	}

	.about-page__stats-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 1.5rem;
	}

	.about-page__brands .home-trusted__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dealer-directory__list {
		grid-template-columns: 1fr;
		column-gap: 0;
	}

	.dealer-directory__item + .dealer-directory__item {
		border-top: 1px solid color-mix(in srgb, var(--ugur-border) 65%, transparent);
	}

	.dealer-directory__item + .dealer-directory__item .dealer-directory__entry {
		padding-top: 1rem;
	}

	.dealer-directory__entry {
		grid-template-columns: 1fr;
		row-gap: 1rem;
	}

	.dealer-directory__item:first-child .dealer-directory__entry {
		padding-top: 0;
	}

	.dealers-page__recruitment-grid > :last-child {
		padding-left: 0;
		border-left: 0;
	}
}

@media (width > 52rem) {
	.about-page .about-page__origin {
		padding-block: clamp(3.5rem, 4.5vw, 4.5rem);
	}

	.about-page__origin-grid {
		align-items: start;
	}

	.dealers-page__directory {
		padding-block: clamp(2.5rem, 3.5vw, 3.5rem) clamp(1.25rem, 1.75vw, 1.75rem);
	}

	.internal-page-header--dealers + .dealers-page__directory {
		padding-top: clamp(2rem, 2.75vw, 2.75rem);
	}

	.contact-page__details {
		padding-top: clamp(2.5rem, 3.5vw, 3.5rem);
	}
}

@media (width <= 52rem) {
	.contact-page .contact-request__grid {
		grid-template-columns: 1fr;
	}

	.contact-page .contact-request__form .ugur-form-grid {
		grid-template-columns: 1fr;
	}

	.contact-page__location + .contact-page__location {
		padding-top: 2.5rem;
		padding-left: 0;
		border-top: 1px solid color-mix(in srgb, var(--ugur-brand) 14%, transparent);
		border-left: 0;
	}
}

@media (width > 52rem) {
	.contact-page .internal-page-header {
		padding-bottom: clamp(1.5rem, 2vw, 2rem);
	}

	.contact-page .contact-page__details {
		padding-top: clamp(2rem, 2.5vw, 2.5rem);
	}
}

/* Phase 14.6D About owner-review composition. The page keeps the shared
 * internal header and site shell; these rules only establish the approved
 * About editorial rhythm and image-led body modules. */
.about-page .internal-page-header .section-title {
	max-width: 36rem;
}

.about-page .internal-page-header {
	/* Keep the title position stable while giving the first editorial row a
	 * deliberate, responsive breathing space below the page heading. */
	padding-bottom: clamp(1.25rem, calc(0.5rem + 0.75vw), 1.5rem);
}

.about-page .page-section {
	padding-block: clamp(2.5rem, 4vw, 4.5rem);
}

.about-page h2 {
	font-size: clamp(2rem, 2.75vw, 3rem);
	line-height: 1.08;
}

.about-page .about-page__origin {
	padding-top: 0 !important;
	padding-bottom: clamp(1.5rem, 2.5vw, 2.5rem);
}

.about-page .about-page__origin-grid,
.about-page .about-page__split-grid {
	gap: clamp(2rem, 5vw, 5rem);
	align-items: center;
}

.about-page .about-page__origin-grid {
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	align-items: start;
}

.about-page .about-page__media img {
	width: 100%;
	max-width: none;
	object-fit: cover;
}

.about-page .about-page__media--origin img {
	max-height: none;
	aspect-ratio: 2.15;
}

.about-page .about-page__media--production img {
	max-height: none;
	aspect-ratio: 2;
}

.about-page .about-page__split-grid {
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
}

.about-page .about-page__copy {
	max-width: 38rem;
	font-size: clamp(0.98rem, 1.05vw, 1.125rem);
	line-height: 1.55;
}

.about-page .about-page__copy .eyebrow {
	margin-bottom: 0.75rem;
}

.about-page .about-page__copy h2 {
	margin-bottom: 1.25rem;
}

.about-page .about-page__copy p:not(.eyebrow) {
	margin-top: 0;
	margin-bottom: 0.9rem;
}

.about-page .about-page__text-link {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	margin-top: 0.35rem;
	color: var(--ugur-brand);
	font-weight: 500;
	text-decoration: none;
}

.about-page .about-page__text-link span {
	font-size: 1.15em;
	line-height: 1;
}

.about-page .about-page__text-link:hover {
	color: var(--ugur-brand-dark);
}

.about-page .about-page__text-link:focus-visible {
	outline: 2px solid var(--ugur-brand);
	outline-offset: 0.3rem;
}

.about-page__stats {
	padding-block: clamp(1.75rem, 3vw, 3rem) !important;
}

.about-page .about-page__stats-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
}

.about-page .about-page__stats-grid div {
	min-width: 0;
	padding: 0 clamp(1rem, 2.5vw, 2.75rem);
	border-top: 0;
	border-right: 1px solid color-mix(in srgb, var(--ugur-border) 78%, transparent);
}

.about-page .about-page__stats-grid div:first-child {
	padding-left: 0;
}

.about-page .about-page__stats-grid div:last-child {
	padding-right: 0;
	border-right: 0;
}

.about-page .about-page__stats-grid dt {
	color: var(--ugur-ink);
	font-size: clamp(2.35rem, 3.4vw, 3.6rem);
	font-weight: 400;
	line-height: 1;
}

.about-page .about-page__stats-grid dd {
	margin-top: 0.5rem;
	font-size: clamp(0.9rem, 1vw, 1.05rem);
}

.about-page .about-page__production {
	padding-block: clamp(1.75rem, 2vw, 2rem);

	/* Separate the statistics band from the next editorial section without
	 * changing the production module's internal geometry. */
	margin-top: clamp(1.5rem, 2vw, 2rem);
}

.about-page .about-page__production .about-page__copy {
	justify-self: start;
}

.about-page__russia {
	padding-block: clamp(1.75rem, 2.5vw, 2.5rem) !important;
}

.about-page .about-page__russia .about-page__narrow-grid {
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: clamp(2rem, 4vw, 4rem);
	align-items: start;
}

.about-page .about-page__russia .about-page__narrow-grid > :last-child {
	padding-left: clamp(1.25rem, 2vw, 2rem);
	border-left: 1px solid color-mix(in srgb, var(--ugur-border) 78%, transparent);
}

.about-page .about-page__trust {
	padding-block: clamp(2rem, 3vw, 3rem);
}

.about-page .about-page__section-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
}

.about-page .about-page__section-head h2 {
	max-width: 42rem;
}

.about-page .about-page__section-head .about-page__text-link {
	flex: 0 0 auto;
	margin-bottom: 0.2rem;
}

.about-page .about-page__brands .home-trusted {
	margin-top: clamp(1.25rem, 2vw, 2rem);
}

.about-page .about-page__brands .home-trusted__grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	row-gap: clamp(0.75rem, 1.25vw, 1.25rem);
}

.about-page .about-page__brands .home-trusted__item,
.about-page .about-page__brands .home-trusted__link {
	min-height: 3.25rem;
}

.about-page .about-page__brands .home-trusted__item img {
	max-width: 11.5rem;
	max-height: 2.75rem;
	opacity: 0.82;
}

.about-page .about-page__brands .home-trusted__item--x5-retail-group img {
	max-width: 13rem;
	max-height: 2.5rem;
}

.about-page .about-page__brands .home-trusted__item--dixy img {
	max-width: 6.5rem;
}

.about-page .about-page__quality {
	padding-block: clamp(1rem, 1vw, 1.25rem);
}

.about-page .about-page__quality-grid {
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
	gap: clamp(2rem, 2vw, 2rem);
	align-items: center;
}

.about-page .about-page__quality .about-page__copy {
	max-width: 32rem;
}

.about-page .about-page__certificate {
	width: 100%;
	max-width: none;
	justify-self: end;
}

.about-page .about-page__certificate img {
	display: block;
	width: 100%;
	max-width: none;
	height: auto;
	filter: drop-shadow(0 1rem 1.25rem rgb(16 38 48 / 15%));
}

@media (width <= 52rem) {
	.about-page .page-section {
		padding-block: 2.5rem;
	}

	.about-page .about-page__origin {
		padding-top: 0 !important;
		padding-bottom: 2.5rem;
	}

	.about-page .about-page__origin-grid .about-page__media--origin,
	.about-page .about-page__split-grid .about-page__media--production {
		width: 100%;
		margin-inline: 0;
	}

	.about-page .about-page__origin-grid,
	.about-page .about-page__split-grid,
	.about-page .about-page__quality-grid,
	.about-page .about-page__russia .about-page__narrow-grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.about-page .about-page__origin-grid .about-page__media {
		order: -1;
	}

	.about-page .about-page__media--origin img {
		aspect-ratio: 1600 / 584;
	}

	.about-page .about-page__media--production img {
		aspect-ratio: 2.25;
	}

	.about-page__stats {
		padding-block: 2rem !important;
	}

	.about-page .about-page__stats-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 1.5rem;
	}

	.about-page .about-page__stats-grid div,
	.about-page .about-page__stats-grid div:first-child,
	.about-page .about-page__stats-grid div:last-child {
		padding-inline: 0.75rem;
		border-right: 0;
	}

	.about-page .about-page__stats-grid div:nth-child(odd) {
		padding-left: 0;
		border-right: 1px solid color-mix(in srgb, var(--ugur-border) 78%, transparent);
	}

	.about-page .about-page__stats-grid div:nth-child(even) {
		padding-right: 0;
	}

	.about-page .about-page__section-head {
		align-items: start;
		flex-direction: column;
		gap: 1rem;
	}

	.about-page .about-page__brands .home-trusted__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 1rem;
	}

	.about-page .about-page__brands .home-trusted__item,
	.about-page .about-page__brands .home-trusted__link {
		min-height: 3rem;
	}

	.about-page .about-page__brands .home-trusted__item img {
		max-width: 75%;
		max-height: 2.25rem;
	}

	.about-page .about-page__brands .home-trusted__item--x5-retail-group img {
		max-width: 90%;
	}

	.about-page .about-page__brands .home-trusted__item--dixy img {
		max-width: 55%;
	}

	.about-page .about-page__russia .about-page__narrow-grid > :last-child {
		padding-top: 1.5rem;
		padding-left: 0;
		border-top: 1px solid color-mix(in srgb, var(--ugur-border) 78%, transparent);
		border-left: 0;
	}

}

/* Phase 14.6D Dealers: the static map is an independent horizontal stage;
 * the directory below remains a data-driven editorial grid. */
.dealers-page .dealers-page__map-section {
	padding-block: clamp(1.25rem, 2vw, 2rem) clamp(1rem, 1.5vw, 1.5rem);
	background: var(--ugur-white);
}

.dealers-page .dealers-page__map {
	min-width: 0;
}

.dealers-page .dealers-page__map-figure {
	position: relative;
	width: 100%;
	height: clamp(20rem, 22vw, 27.5rem);
	min-height: 20rem;
	overflow: hidden;
	margin: 0;
	aspect-ratio: auto;
	background: var(--ugur-surface-subtle);
}

.dealers-page .dealers-page__map-figure img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	transform: none;
	object-fit: cover;
	object-position: center;
}

.dealers-page .dealers-page__map-note {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: clamp(1.5rem, 3.5vw, 4rem);
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr);
	align-items: start;
	width: min(18rem, 26%);
	max-width: none;
	margin: 0;
	column-gap: 1.25rem;
	transform: translateY(-50%);
	color: var(--ugur-muted);
}

.dealers-page .dealers-page__map-note span {
	display: block;
	height: 1px;
	margin-top: 0.7rem;
	background: var(--ugur-brand);
}

.dealers-page .dealers-page__map-note p {
	margin: 0;
	line-height: 1.5;
}

.dealers-page .dealers-page__directory {
	padding-block: clamp(1rem, 2vw, 2rem) clamp(1rem, 1.5vw, 1.25rem);
	background: var(--ugur-white);
}

.dealers-page .dealers-page__directory > .container > h2 {
	max-width: 44rem;
	margin: 0;
	font-size: clamp(2rem, 3.2vw, 3.25rem);
	line-height: 1.08;
	letter-spacing: -0.045em;
}

.dealers-page .dealer-directory__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 clamp(2rem, 4vw, 4rem);
	max-width: none;
	margin: clamp(1.5rem, 2.5vw, 2.5rem) 0 0;
}

.dealers-page .dealer-directory__item {
	min-width: 0;
	border-top: 1px solid color-mix(in srgb, var(--ugur-border) 55%, transparent);
}

.dealers-page .dealer-directory__item--first-row {
	border-top: 0;
}

.dealers-page .dealer-directory__entry {
	min-width: 0;
	column-gap: clamp(1.25rem, 2vw, 2.125rem);
	padding-block: clamp(1.25rem, 1.65vw, 1.75rem);
}

.dealers-page .dealer-directory__item--first-row .dealer-directory__entry {
	padding-top: 0;
}

.dealers-page .dealer-directory__entry h3 {
	font-size: clamp(1.125rem, 1.35vw, 1.375rem);
}

@media (width <= 52rem) {
	.dealers-page .dealers-page__map-section {
		padding-block: 1rem 2rem;
	}

	.dealers-page .dealers-page__map-figure {
		height: auto;
		min-height: 0;
	}

	.dealers-page .dealers-page__map-figure img {
		position: relative;
		top: auto;
		left: 0;
		display: block;
		width: 180%;
		height: clamp(15rem, 52vw, 20rem);
		transform: none;
		object-fit: cover;
		object-position: left center;
	}

	.dealers-page .dealers-page__map-note {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		max-width: 18rem;
		padding: 1rem 1.25rem 1.25rem;
		transform: none;
	}

	.dealers-page .dealer-directory__list {
		grid-template-columns: 1fr;
		column-gap: 0;
	}

	.dealers-page .dealers-page__directory {
		padding-bottom: 2rem;
	}

	.dealers-page .dealer-directory__item,
	.dealers-page .dealer-directory__item--first-row {
		border-top: 1px solid color-mix(in srgb, var(--ugur-border) 55%, transparent);
	}

	.dealers-page .dealer-directory__item:first-child {
		border-top: 0;
	}

	.dealers-page .dealer-directory__item--first-row .dealer-directory__entry {
		padding-top: clamp(1.25rem, 1.65vw, 1.75rem);
	}

	.dealers-page .dealer-directory__item:first-child .dealer-directory__entry {
		padding-top: 0;
	}
}

/* Phase 19 catalog polish: calm controls, consistent product stages and a
 * stronger product-first hierarchy. All rules stay inside the public catalog. */
.catalog-hero {
	padding-block: clamp(2rem, 3vw, 3rem) 1.25rem;
}

.catalog-hero__inner {
	grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr);
	gap: clamp(3rem, 6vw, 6rem);
}

section.catalog-hero .section-title {
	max-width: 19ch;
	margin: 0.7rem 0 0;
}

section.catalog-hero .lead {
	max-width: 34rem;
	margin: 0;
	line-height: 1.5;
}

section.catalog-page {
	padding-top: 1.25rem;
}

section.catalog-page .catalog-toolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 2rem;
	padding-block: 0.9rem;
	margin-bottom: 1.5rem;
	border-block: 1px solid var(--ugur-border);
}

section.catalog-page .toolbar-search .control {
	width: min(100%, 40rem);
	min-height: 3.25rem;
	padding-inline: 1.1rem;
	border: 1px solid color-mix(in srgb, var(--ugur-border) 80%, var(--ugur-brand));
	background: var(--ugur-surface-cool);
	transition: border-color 160ms ease, background-color 160ms ease;
}

section.catalog-page .toolbar-search .control::placeholder {
	color: var(--ugur-muted);
	opacity: 0.9;
}

section.catalog-page .toolbar-search .control:hover {
	border-color: var(--ugur-border-strong);
}

section.catalog-page .toolbar-search .control:focus {
	border-color: var(--ugur-brand);
	background: var(--ugur-white);
	outline: 2px solid color-mix(in srgb, var(--ugur-brand) 25%, transparent);
	outline-offset: 2px;
}

section.catalog-page .toolbar-actions {
	gap: 1.15rem;
}

section.catalog-page .catalog-toolbar .results-count {
	padding-right: 1.15rem;
	border-right: 1px solid var(--ugur-border);
	color: var(--ugur-ink);
	font-size: 0.9rem;
	font-weight: 600;
}

section.catalog-page .toolbar-actions .filter-select {
	min-height: 3.25rem;
	padding-inline: 0 1.9rem;
	border-bottom: 1px solid var(--ugur-border-strong);
	font-size: 0.9rem;
}

section.catalog-page .toolbar-actions .filter-select:hover {
	border-bottom-color: var(--ugur-brand);
}

section.catalog-page .toolbar-actions .filter-select:focus-visible,
section.catalog-page .filter-group .filter-select:focus-visible {
	border-color: var(--ugur-brand);
	outline: 2px solid color-mix(in srgb, var(--ugur-brand) 25%, transparent);
	outline-offset: 2px;
}

.active-filters:empty {
	display: none;
}

section.catalog-page .active-filter {
	padding: 0.35rem 0;
	border: 0;
	border-bottom: 1px solid var(--ugur-brand);
	border-radius: 0;
	background: transparent;
	font-size: 0.8rem;
}

section.catalog-page .catalog-layout {
	grid-template-columns: minmax(13rem, 13rem) minmax(0, 1fr);
	gap: 2.5rem;
}

section.catalog-page .filter-panel {
	min-width: 0;
}

section.catalog-page .filter-panel__head {
	margin-bottom: 1.5rem;
}

section.catalog-page .filter-panel h2 {
	font-size: 1.4rem;
	font-weight: 500;
}

section.catalog-page .filter-group + .filter-group {
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid color-mix(in srgb, var(--ugur-border) 75%, transparent);
}

/* A compact select already supplies the single divider before the next group. */
section.catalog-page .filter-group--compact + .filter-group {
	border-top: 0;
}

section.catalog-page .filter-group > label:first-child {
	margin-bottom: 0.75rem;
	color: var(--ugur-ink);
	font-size: 0.9rem;
	font-weight: 600;
	letter-spacing: 0.015em;
}

section.catalog-page .filter-option {
	min-height: 1.75rem;
	align-items: center;
	padding-block: 0.1rem;
	color: var(--ugur-ink);
	font-size: 0.9rem;
	line-height: 1.45;
}

section.catalog-page .filter-option:hover,
section.catalog-page .filter-option:focus-within {
	color: var(--ugur-brand-dark);
}

section.catalog-page .filter-option:has(input:checked) {
	color: var(--ugur-brand-dark);
	font-weight: 600;
}

section.catalog-page .filter-option input[type="radio"],
section.catalog-page .filter-option input[type="checkbox"] {
	width: 1rem;
	height: 1rem;
	margin: 0 0.1rem 0 0;
}

section.catalog-page .filter-option input:focus-visible,
section.catalog-page .compare-control input:focus-visible {
	outline: 2px solid var(--ugur-brand);
	outline-offset: 3px;
}

section.catalog-page .filter-group .filter-select {
	min-height: 2.75rem;
	padding-inline: 0;
	border-width: 0 0 1px;
	background-color: transparent;
	font-size: 0.9rem;
}

section.catalog-page .filter-panel .button--text {
	margin-top: 1.25rem;
	font-size: 0.875rem;
}

section.catalog-page .catalog-results__meta {
	align-items: center;
	min-height: 2.1rem;
	padding-bottom: 0.85rem;
	margin-bottom: 1.25rem;
	border-bottom: 1px solid color-mix(in srgb, var(--ugur-border) 75%, transparent);
	font-size: 0.8rem;
}

section.catalog-page .catalog-results__meta span:first-child {
	color: var(--ugur-ink);
	font-weight: 500;
}

section.catalog-page .catalog-results__meta span:last-child {
	color: var(--ugur-muted);
	white-space: nowrap;
}

section.catalog-page .catalog-results__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	gap: 3rem 1.5rem;
}

section.catalog-page .catalog-results__grid .product-card {
	min-width: 0;
	background: transparent;
}

section.catalog-page .catalog-results__grid .product-card__image {
	height: 19rem;
	min-height: 0;
	padding: 0.35rem;
	background: color-mix(in srgb, var(--ugur-surface-cool) 38%, var(--ugur-white));
}

section.catalog-page .catalog-results__grid .product-card__image img {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 0.65rem 0.8rem;
	object-fit: contain;
	transition: none;
}

section.catalog-page .catalog-results__grid .product-card__image:hover img {
	transform: none;
}

section.catalog-page .catalog-results__grid .product-card__image:focus-visible {
	outline: 2px solid var(--ugur-brand);
	outline-offset: 3px;
}

section.catalog-page .catalog-results__grid .product-card__body {
	padding: 1.1rem 0 0;
}

section.catalog-page .catalog-results__grid .product-card h3 {
	min-height: 2.5em;
	font-size: 1.45rem;
	font-weight: 600;
	line-height: 1.18;
	letter-spacing: -0.035em;
}

section.catalog-page .catalog-results__grid .product-card__category {
	min-height: 1.4em;
	margin-top: 0.55rem;
	color: var(--ugur-muted);
	font-size: 0.95rem;
	line-height: 1.4;
}

section.catalog-page .catalog-results__grid .product-card__meta {
	gap: 0.25rem;
	margin: 1rem 0 0.85rem;
}

section.catalog-page .catalog-results__grid .meta-chip {
	min-height: 1.65rem;
	padding-block: 0.15rem;
}

section.catalog-page .catalog-results__grid .meta-chip span {
	font-size: 0.85rem;
	line-height: 1.45;
}

section.catalog-page .catalog-results__grid .meta-chip strong {
	font-size: 0.95rem;
	font-weight: 600;
}

section.catalog-page .catalog-results__grid .product-card__footer {
	min-height: 2.75rem;
	padding-top: 0.65rem;
	border-top: 1px solid color-mix(in srgb, var(--ugur-border) 75%, transparent);
}

section.catalog-page .catalog-results__grid .product-card__footer .button {
	min-height: 2.75rem;
	font-size: 0.875rem;
	font-weight: 600;
}

section.catalog-page .catalog-results__grid .product-card__footer .button::after {
	content: " →";
}

section.catalog-page .catalog-results__grid .compare-control {
	min-height: 2.75rem;
	align-items: center;
	font-size: 0.875rem;
}

section.catalog-page .catalog-results__grid .compare-control input {
	width: 1rem;
	height: 1rem;
}

@media (width >= 105rem) {
	section.catalog-page .catalog-results__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	section.catalog-page .catalog-results__grid .product-card__image {
		height: 21.5rem;
	}
}

@media (width <= 80rem) {
	section.catalog-page .catalog-layout {
		grid-template-columns: 12rem minmax(0, 1fr);
		gap: 2rem;
	}

	section.catalog-page .catalog-results__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	section.catalog-page .catalog-results__grid .product-card__image {
		height: 17rem;
	}

	section.catalog-page .catalog-results__grid .product-card h3 {
		font-size: 1.35rem;
	}
}

@media (width <= 52rem) {
	section.catalog-hero .catalog-hero__inner {
		grid-template-columns: 1fr;
		gap: 0.7rem;
	}

	section.catalog-hero .lead {
		max-width: 38rem;
	}

	section.catalog-page .catalog-toolbar {
		display: flex;
		align-items: stretch;
		flex-direction: column;
		gap: 0.8rem;
	}

	section.catalog-page .toolbar-search,
	section.catalog-page .toolbar-search .control {
		width: 100%;
	}

	section.catalog-page .toolbar-actions {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		align-items: center;
		justify-content: initial;
		width: 100%;
		gap: 0.8rem;
	}

	section.catalog-page .toolbar-actions .filter-select {
		width: auto;
		max-width: none;
		min-width: 0;
		padding-right: 1.75rem;
	}

	section.catalog-page .catalog-toolbar .results-count {
		padding-right: 0.8rem;
	}

	section.catalog-page .catalog-layout {
		display: block;
	}

	section.catalog-page .catalog-results__meta {
		flex-wrap: wrap;
		row-gap: 0.35rem;
	}

	section.catalog-page .catalog-results__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 2.5rem;
	}
}

@media (width <= 38rem) {
	section.catalog-hero .section-title {
		font-size: 2.25rem;
	}

	section.catalog-hero .lead {
		display: none;
	}

	section.catalog-page .toolbar-actions {
		gap: 0.55rem;
	}

	section.catalog-page .toolbar-actions .filter-select {
		font-size: 0.875rem;
	}

	section.catalog-page .catalog-results__meta span:first-child {
		display: none;
	}

	section.catalog-page .catalog-results__grid {
		grid-template-columns: 1fr;
		row-gap: 2.5rem;
	}

	section.catalog-page .catalog-results__grid .product-card__image {
		height: 18rem;
	}

	section.catalog-page .catalog-results__grid .product-card h3 {
		font-size: 1.4rem;
	}
}

/* Phase 44: breadcrumbs are a semantic list without changing the existing rhythm. */
.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Phase 44: the mega-menu follows the same container as the header and catalog. */
@media (width > 68rem) {
	.mega-menu__layout.container {
		width: min(var(--container-site, var(--ugur-max)), calc(100% - 2 * var(--container-gutter, var(--ugur-gutter))));
		margin-inline: auto;
		grid-template-columns: minmax(14rem, 0.85fr) minmax(0, 2.7fr);
		column-gap: clamp(2rem, 3vw, 4rem);
	}

	.mega-menu__layout.container .mega-menu__links {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0 clamp(1.75rem, 3vw, 3.5rem);
	}

	.mega-menu {
		padding-block: 0.95rem 1rem;
	}

	.mega-menu__group {
		gap: 0.7rem;
	}

	.mega-menu__links a {
		padding-block: 0.05rem;
	}
}

/* Phase 44.2: give the curated menu a clear intro/category hierarchy. */
@media (width > 68rem) {
	.mega-menu {
		padding-block: 0.95rem 1rem;
	}

	.mega-menu__intro {
		align-self: stretch;
		padding-right: clamp(1.5rem, 2vw, 2rem);
		border-right: 1px solid var(--ugur-border);
	}

	.mega-menu__intro strong {
		color: var(--ugur-ink);
		font-weight: 500;
	}

	.mega-menu__intro p {
		color: var(--ugur-ink-muted);
	}

	.mega-menu__group {
		gap: 0.7rem;
	}

	.mega-menu__group h2 {
		margin-bottom: 0.2rem;
		color: var(--ugur-brand-primary);
		font-size: 0.9375rem;
		font-weight: 600;
	}

	.mega-menu__links a {
		color: var(--ugur-ink);
	}

	.mega-menu__links a .mega-menu__arrow {
		color: #5988d8;
	}

	.mega-menu__links a:hover,
	.mega-menu__links a:focus-visible {
		color: var(--ugur-brand-primary);
	}
}

/* Phase 44.2: specs-only Product Details use a readable single-column measure. */
@media (width > 60rem) {
	.product-information--specs-only .product-information-grid {
		grid-template-columns: minmax(0, 52rem);
		gap: 0;
	}

	.product-information--specs-only .product-sidebar,
	.product-information--description-only .product-content {
		max-width: 52rem;
	}
}