/*
 * Figma parity layer.
 * Source of truth: AGT / Website page, desktop 1440 and mobile 375 frames.
 */

:root {
	--header-height: 84px;
	--container: 1200px;
	--navy: #05052b;
	--blue: #091b5b;
	--accent: #ffc011;
	--paper: #f7f7fa;
	--line: #e5e5ee;
}

/* Superseded by assets/css/mobile-review.css, which loads after this parity layer. */
@media (max-width: 0) {
	/* Team profiles: expose the existing social links with touch-safe targets. */
	.page-template-page-about .about-team .team-grid {
		height: auto;
		grid-template-rows: none;
	}

	.page-template-page-about .about-team .team-card {
		height: auto;
		overflow: visible;
	}

	.page-template-page-about .about-team .team-card__content {
		height: auto;
		min-height: 0;
		padding: 18px 0 28px;
	}

	.page-template-page-about .team-card__socials {
		display: flex;
		margin-top: 8px;
		gap: 10px;
		align-items: center;
	}

	/* Fertilizer classification: remove doubled margins from the vertical rhythm. */
	.page-template-page-mineral-fertilizers .fertilizer-classification {
		height: auto;
		min-height: 0;
	}

	.page-template-page-mineral-fertilizers .fertilizer-classification .classification-grid {
		height: auto;
		grid-template-rows: none;
		gap: 40px;
	}

	.page-template-page-mineral-fertilizers .fertilizer-classification .classification-grid article {
		height: auto;
		gap: 16px;
	}

	.page-template-page-mineral-fertilizers .fertilizer-classification h3,
	.page-template-page-mineral-fertilizers .fertilizer-classification .classification-grid p {
		margin: 0;
	}

	/* Use the real catalog heading and product names already present in the markup. */
	.page-template-page-mineral-fertilizers .fertilizer-catalog {
		height: auto;
		min-height: 0;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .section-heading {
		height: auto;
		margin-bottom: 24px;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .section-heading h2 {
		color: var(--blue);
		font-size: 32px;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .section-heading h2::before {
		content: none;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .catalog-tabs {
		display: flex;
		height: auto;
		margin-bottom: 24px;
		overflow-x: auto;
		gap: 8px;
		flex-direction: row;
		align-items: stretch;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .catalog-tabs::-webkit-scrollbar {
		display: none;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .catalog-tabs button {
		display: inline-flex;
		height: 44px;
		min-height: 44px;
		padding: 10px 14px;
		flex: 0 0 auto;
		align-items: center;
		font-size: 16px;
		line-height: 20px;
		white-space: nowrap;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .catalog-tabs button::after,
	.page-template-page-mineral-fertilizers .fertilizer-catalog .catalog-tabs::after {
		display: none;
		content: none;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .catalog-panels article {
		height: auto;
		min-height: 0;
		grid-template-rows: auto auto;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .catalog-panels article > div {
		height: auto;
		min-height: 0;
		padding: 32px 16px;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .catalog-panels article > img {
		height: auto;
		min-height: 0;
		aspect-ratio: 375 / 244;
		object-fit: cover;
	}

	/* Light headers use the coloured logo; an open navy menu returns to the light mark. */
	.site-header--light.menu-active .site-logo__image:not(.site-logo__image--mark) {
		clip-path: none;
		filter: none;
	}

	.site-header--light.menu-active .site-logo__image--mark {
		display: none;
	}

	/* Contact submit: outline at rest, yellow only while pressed. */
	.page-template-page-contacts .contact-form .button {
		color: var(--blue);
		border: 1px solid var(--blue);
		background: transparent;
	}

	.page-template-page-contacts .contact-form .button:hover:not(:active) {
		color: var(--blue);
		border-color: var(--blue);
		background: transparent;
	}

	.page-template-page-contacts .contact-form .button:active {
		color: var(--blue);
		border-color: var(--accent);
		background: var(--accent);
		transform: none;
	}

	.page-template-page-contacts .contact-form .button:focus-visible {
		outline: 3px solid rgba(9, 27, 91, 0.35);
		outline-offset: 3px;
	}

	/* Keep the footer brand on the same left axis as its copy and navigation. */
	.site-footer__brand {
		align-items: flex-start;
	}

	.site-footer__brand .site-logo {
		margin-right: 0;
		margin-left: 0;
		align-self: flex-start;
		transform: none;
	}
}

/* Superseded by the final mobile cascade at the end of this file. */
@media (max-width: 0) {
	.home .tabs-controls {
		display: block;
		width: 100%;
	}

	.home .tabs-controls .tabs-list {
		display: flex;
		width: calc(100% - 32px);
		height: 152px;
		margin: 0 auto 40px;
		padding: 0;
		overflow: visible;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 8px;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.home .tabs-controls .tabs-list button {
		width: max-content;
		height: 32px;
		min-height: 32px;
		margin: 0;
		padding: 6px 12px;
		flex: 0 0 32px;
	}

	.home .section--partners {
		height: auto;
		min-height: 0;
		padding: 60px 0;
	}

	.home .section--partners .section-heading {
		height: auto;
		margin: 0 0 40px;
	}

	.home .section--partners .section-heading h2 {
		max-width: 343px;
		font-size: 40px;
		line-height: 1.1;
	}

	.home .section--partners .benefits-grid {
		height: auto;
		grid-template-rows: none;
		grid-auto-rows: auto;
	}

	.home .section--partners .benefit-card h3 {
		font-size: 28px;
		line-height: 1.15;
	}

	.home .section--partners .benefit-card p {
		font-size: 18px;
		line-height: 1.5;
	}

	.home .section--news .section-heading .button {
		top: auto;
		right: auto;
		bottom: 60px;
		left: 50%;
		display: flex;
		width: min(343px, calc(100% - 32px));
		height: 66px;
		min-height: 66px;
		padding: 0 28px;
		gap: 24px;
		align-items: center;
		justify-content: center;
		color: var(--blue);
		border: 1px solid var(--blue);
		border-radius: 12px;
		background: #fff;
		transform: translateX(-50%);
	}
}

/* About page mobile review: legal CTA, partnership benefits and team copy. */
@media (max-width: 767px) {
	.home .section--group-home .group-layout > .section-heading h2 {
		font-size: 40px !important;
		line-height: 1.1 !important;
	}

	.home .section--group-home .group-description {
		font-size: 18px !important;
		line-height: 1.5 !important;
	}

	.page-template-page-natural-gas .product-hero__grid > p,
	.page-template-page-mineral-fertilizers .product-hero__grid > p {
		color: #fff !important;
		font-size: 18px !important;
		line-height: 1.5 !important;
	}

	.page-template-page-natural-gas .product-hero,
	.page-template-page-mineral-fertilizers .product-hero {
		height: auto !important;
		min-height: 308px !important;
	}

	.page-template-page-natural-gas .product-switch a:not(.is-active),
	.page-template-page-mineral-fertilizers .product-switch a:not(.is-active) {
		color: var(--accent) !important;
	}

	.page-template-page-natural-gas main > .section,
	.page-template-page-natural-gas .product-details > div:last-child,
	.page-template-page-natural-gas .inline-stats,
	.page-template-page-mineral-fertilizers .fertilizer-classification,
	.page-template-page-mineral-fertilizers .classification-grid,
	.page-template-page-mineral-fertilizers .fertilizer-catalog,
	.page-template-page-mineral-fertilizers .catalog-panels article,
	.page-template-page-mineral-fertilizers .catalog-panels article > div {
		height: auto !important;
		min-height: 0 !important;
	}

	.page-template-page-natural-gas .product-details > div:last-child {
		flex: 0 1 auto !important;
	}

	.page-template-page-natural-gas .product-details p,
	.page-template-page-mineral-fertilizers .classification-grid p,
	.page-template-page-mineral-fertilizers .catalog-panels article p:not(.catalog-label),
	.page-template-page-mineral-fertilizers .catalog-panels li,
	.page-template-page-mineral-fertilizers .catalog-label {
		font-size: 18px !important;
		line-height: 1.5 !important;
	}

	.page-template-page-natural-gas .inline-stats {
		grid-template-rows: none !important;
		grid-auto-rows: auto !important;
	}

	.page-template-page-natural-gas .inline-stats strong {
		font-size: 56px !important;
		line-height: 1 !important;
	}

	.page-template-page-natural-gas .inline-stats span {
		font-size: 20px !important;
		line-height: 1.4 !important;
	}

	.page-template-page-mineral-fertilizers .classification-grid {
		grid-template-rows: none !important;
		grid-auto-rows: auto !important;
	}

	.page-template-page-mineral-fertilizers .fertilizer-classification h3,
	.page-template-page-mineral-fertilizers .catalog-panels article h3 {
		font-size: 28px !important;
		line-height: 1.15 !important;
	}

	.page-template-page-mineral-fertilizers .type-tags span {
		font-size: 18px !important;
		line-height: 24px !important;
	}

	.page-template-page-mineral-fertilizers .fertilizer-classification .fertilizer-type,
	.page-template-page-mineral-fertilizers .fertilizer-classification .classification-grid article:nth-child(even) .fertilizer-type {
		width: 240px !important;
		height: 164px !important;
		flex-basis: 164px !important;
		background-size: 200% 200% !important;
	}

	.page-template-page-mineral-fertilizers .catalog-panels article {
		grid-template-rows: auto 244px !important;
	}

	.page-template-page-about .section--legal .button {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}

	.page-template-page-about .about-benefits {
		height: auto !important;
		min-height: 0 !important;
	}

	.page-template-page-about .about-benefits .benefits-grid {
		height: auto !important;
	}

	body.page-template-page-about .about-benefits .benefits-grid > .benefit-card {
		padding-bottom: 0 !important;
		border-bottom: 0 !important;
	}

	.page-template-page-about .about-benefits .benefit-card h3 {
		font-size: 28px !important;
		line-height: 1.15 !important;
	}

	.page-template-page-about .about-team {
		height: auto !important;
		min-height: 0 !important;
	}

	.page-template-page-about .about-team__heading {
		height: auto !important;
	}

	.page-template-page-about .about-team__heading p {
		font-size: 18px !important;
		line-height: 1.5 !important;
	}

	.page-template-page-about .section--group-home,
	.page-template-page-about .section--group-home .group-layout {
		height: auto !important;
		min-height: 0 !important;
	}

	.page-template-page-about .section--group-home .group-layout > .section-heading h2 {
		font-size: 40px !important;
		line-height: 1.1 !important;
	}

	.page-template-page-about .section--group-home .office-grid {
		height: 750px !important;
		grid-template-rows: repeat(2, 375px) !important;
		grid-auto-rows: 375px !important;
	}

	.page-template-page-about .section--group-home .office-card {
		height: 375px !important;
		min-height: 375px !important;
	}

	.page-template-page-about .section--group-home .office-card::before {
		top: 303px !important;
		bottom: auto !important;
	}

}

@media (max-width: 340px) {
	.page-template-page-natural-gas .product-switch a,
	.page-template-page-mineral-fertilizers .product-switch a {
		padding-right: 9px;
		padding-left: 9px;
		font-size: 14px;
	}
}

/* About page — mobile review against the supplied Figma frames (2026-08-04). */
@media (max-width: 767px) {
	.page-template-page-about .about-hero {
		height: auto !important;
		min-height: 685px !important;
	}

	.page-template-page-about .about-hero__grid > div {
		font-size: 18px !important;
		line-height: 1.4 !important;
	}

	.page-template-page-about .about-mission {
		height: auto !important;
		min-height: 0 !important;
		padding: 53px 0 25px !important;
		background: #f7f7fa !important;
	}

	.page-template-page-about .about-mission > .container,
	.page-template-page-about .about-principles > .container {
		width: calc(100% - 36px) !important;
		padding-inline: 0 !important;
	}

	.page-template-page-about .mission-statement p {
		margin-bottom: 19px !important;
		font-size: 14px !important;
		line-height: 21px !important;
	}

	.page-template-page-about .mission-statement h2 {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}

	.page-template-page-about .mission-statement h2::after {
		display: none !important;
	}

	.page-template-page-about .about-principles {
		height: auto !important;
		min-height: 0 !important;
		padding: 50px 0 48px !important;
	}

	.page-template-page-about .about-principles .section-heading {
		margin: 0 0 35px !important;
	}

	.page-template-page-about .about-principles .section-heading h2 {
		font-size: 26px !important;
		line-height: 1.15 !important;
	}

	.page-template-page-about .about-principles .section-heading h2::after {
		width: 50px !important;
	}

	.page-template-page-about .about-principles .principles-grid article {
		display: block !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 0 34px !important;
		border: 0 !important;
	}

	.page-template-page-about .principles-grid span {
		display: block !important;
		margin: 0 0 12px !important;
		color: var(--accent) !important;
		font-size: 26px !important;
		line-height: 1 !important;
	}

	.page-template-page-about .principles-grid p {
		margin: 0 !important;
		font-size: 18px !important;
		line-height: 1.5 !important;
	}
}

/* Superseded by the final mobile review cascade at the end of this file. */
@media (max-width: 0) {
	.section--group-home .group-label {
		display: flex;
		width: max-content;
		min-width: 147px;
		height: 40px;
		min-height: 40px;
		margin: 0;
		padding: 6px 10px;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		font: 500 24px/1.15 "Sofia Sans", Inter, sans-serif;
		letter-spacing: 0;
	}

	.home .section--group-home,
	.home .section--group-home .group-layout {
		height: auto;
		min-height: 0;
	}

	.section--group-home .group-layout > .section-heading {
		height: auto;
		min-height: 0;
		padding: 60px 16px 48px;
	}

	.section--group-home .group-layout > .section-heading h2 {
		margin: 16px 0 32px;
		font-size: 40px;
		font-weight: 400;
		line-height: 1.1;
	}

	.section--group-home .group-description {
		font-size: 18px;
		line-height: 1.5;
	}

	.site-footer__brand .site-logo {
		width: 135px;
		height: 53px;
		min-height: 53px;
		flex: 0 0 53px;
	}

	.site-footer__brand .site-logo__image {
		width: 135px;
		height: 53px;
		max-width: none;
		flex: 0 0 auto;
		transform: none;
	}

	.site-footer .social-links a,
	.site-footer .social-links span {
		width: 52px;
		height: 52px;
		min-width: 52px;
		min-height: 52px;
		padding: 0;
		flex: 0 0 52px;
		aspect-ratio: 1;
		border-radius: 50%;
	}

	.site-footer .social-links {
		height: 52px;
	}

	.site-footer .social-links svg {
		width: 20px;
		height: 20px;
	}

	.site-footer .social-links > :nth-child(2) svg {
		width: 22px;
		height: 22px;
	}

	.site-footer,
	.site-footer__grid,
	.site-footer__contact {
		height: auto;
	}
}

/* Single article — exact proportions of the 1440 × 4043 Figma frame. */
@media (min-width: 1101px) {
	.single-post .article {
		padding: 0;
	}

	.single-post .article__header {
		display: flex;
		width: 1200px;
		height: 350px;
		padding: 72px 0 48px;
		flex-direction: column;
	}

	.single-post .article__header .back-link {
		margin-bottom: 38px;
		font-size: 14px;
	}

	.single-post .article__header .back-link::before {
		margin-right: 12px;
		content: "←";
	}

	.single-post .article__header h1 {
		max-width: 1120px;
		margin: 0 0 22px;
		font-size: 40px;
		font-weight: 500;
		line-height: 1.05;
		text-transform: uppercase;
	}

	.single-post .article__header time {
		margin: auto 0 0;
		font-size: 14px;
	}

	.single-post .article__hero {
		width: 100%;
		height: 597px;
		margin: 0;
		overflow: hidden;
	}

	.single-post .article__hero img {
		width: 100%;
		height: 100%;
		max-height: none;
		object-fit: cover;
		object-position: center;
	}

	.single-post .article__hero picture {
		display: block;
		width: 100%;
		height: 100%;
	}

	.single-post .article__content {
		width: 700px;
		min-height: 1957px;
		padding: 100px 0;
		font-size: 16px;
		line-height: 1.5;
	}

	.single-post .article__content h2 {
		margin: 52px 0 24px;
		font-size: 32px;
		line-height: 1.15;
		text-transform: uppercase;
	}

	.single-post .article__content p {
		margin-bottom: 24px;
	}

	.single-post .related-news {
		height: 707px;
		padding: 92px 0 0;
	}

	.single-post .related-news .section-heading {
		margin-bottom: 38px;
	}

	.single-post .related-news .section-heading h2 {
		font-size: 40px;
		line-height: 1.05;
		text-transform: uppercase;
	}

	.single-post .related-news .news-card {
		border: 1px solid var(--line);
	}

	.single-post .related-news .news-card__image {
		height: 225px;
		aspect-ratio: auto;
	}

	.single-post .related-news .news-card__body {
		min-height: 190px;
		padding: 24px 0;
	}

	.single-post .related-news .news-card h3 {
		font-size: 18px;
	}
}

body {
	color: var(--blue);
	font-size: 16px;
	line-height: 1.5;
}

html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

h1,
h2,
h3 {
	font-family: "Sofia Sans", Inter, sans-serif;
	letter-spacing: -0.01em;
}

.container {
	width: min(calc(100% - 48px), 1200px);
}

.eyebrow--center {
	justify-content: center;
	margin-bottom: 20px;
}

.site-header {
	height: 84px;
	border: 0;
}

.site-header--dark {
	position: relative;
	color: #fff;
	background: var(--navy);
}

.site-header--overlay {
	position: absolute;
	inset: 0 0 auto;
	background: transparent;
}

.site-header__inner {
	gap: 0;
}

.site-logo {
	flex-basis: 123px;
}

.site-header--light .site-logo__image {
	filter: brightness(0) saturate(100%) invert(8%) sepia(59%) saturate(2608%) hue-rotate(219deg) brightness(70%) contrast(112%);
}

.desktop-nav {
	margin-right: 0;
	margin-left: 72px;
	gap: 36px;
}

.desktop-nav a,
.header-phone {
	padding: 30px 0;
	font-size: 16px;
	font-weight: 400;
}

.header-phone {
	display: inline-flex;
	margin-left: auto;
	gap: 8px;
	align-items: center;
	white-space: nowrap;
}

.header-phone__icon {
	flex: 0 0 16px;
}

.header-language {
	display: inline-flex;
	gap: 7px;
	align-items: center;
}

.header-language__chevron {
	width: 8px;
	height: 8px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
}

.header-social {
	margin-left: 16px;
	gap: 6px;
}

.header-social span {
	width: 32px;
	height: 32px;
	color: var(--accent);
	border-color: var(--accent);
}

.header-language {
	margin-left: 16px;
	font-size: 16px;
}

/* Home: exact 1440px section rhythm from the Figma frame. */
.home .hero {
	height: 810px;
	min-height: 810px;
}

.home .hero__media {
	background: url("../images/hero-poster.png") center/cover no-repeat;
	transform: none;
}

.home .hero__media::after {
	position: absolute;
	inset: 0;
	content: "";
	background: rgba(0, 0, 0, 0.16);
	pointer-events: none;
}

.home .hero__video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.home .hero::after {
	display: none;
}

.home .hero__inner {
	padding-top: 188px;
	grid-template-columns: 588px 588px;
	gap: 24px;
}

.home .hero h1 {
	max-width: 588px;
	margin: 0;
	font-size: 56px;
	font-weight: 400;
	line-height: 1.02;
	letter-spacing: -0.01em;
}

.home .hero__copy {
	padding-top: 2px;
}

.home .hero__lead {
	max-width: 588px;
	margin-bottom: 24px;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}

.home .hero .button {
	min-width: 208px;
	min-height: 60px;
	padding: 0 24px;
	gap: 24px;
	border-radius: 0;
	font-size: 16px;
}

.home .hero-scroll {
	right: auto;
	bottom: 30px;
	left: max(24px, calc((100vw - 1200px) / 2));
	font-size: 14px;
	letter-spacing: 0;
	text-transform: none;
}

.home .section--about {
	display: flex;
	height: 424px;
	min-height: 424px;
	padding: 100px 0;
	overflow: hidden;
}

.home .section--about::before,
.home .stats--home::before,
.home .section--products .section-heading::before,
.home .section--partners::before {
	position: absolute;
	z-index: 0;
	width: 1560px;
	height: 1040px;
	content: "";
	opacity: 0.52;
	background: url("../images/wave.png") center/100% 100% no-repeat;
	filter: contrast(1.45) saturate(0.8);
	mix-blend-mode: multiply;
	pointer-events: none;
}

.home .section--about::before {
	top: -150px;
	left: 50%;
	transform: translateX(-50%) rotate(7deg);
}

.home .stats--home::before {
	top: -594px;
	left: 50%;
	transform: translateX(-50%) rotate(7deg);
}

.home .section--products .section-heading {
	position: relative;
	overflow: hidden;
}

.home .section--products .section-heading::before {
	top: -725px;
	left: 50%;
	transform: translateX(-50%) rotate(7deg);
}

.home .section--products .section-heading > * {
	position: relative;
	z-index: 1;
}

.home .section--about .container {
	position: relative;
	z-index: 1;
}

.home .split-heading {
	grid-template-columns: 588px 588px;
	gap: 24px;
}

.home .split-heading h2 {
	max-width: 520px;
	margin: 0;
	color: var(--blue);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.05;
	text-transform: uppercase;
}

.home .split-heading h2::after {
	display: block;
	width: 60px;
	height: 2px;
	margin-top: 20px;
	content: "";
	background: var(--accent);
}

.home .split-heading p {
	margin-bottom: 16px;
	color: var(--blue);
	font-size: 16px;
	line-height: 1.5;
}

.home .stats--home {
	position: relative;
	height: 131px;
	min-height: 131px;
	padding: 0;
	overflow: visible;
}

.home .stats--home .stats__grid {
	position: relative;
	z-index: 1;
	height: 131px;
}

.home .stats--home .stats__grid > div {
	min-height: 131px;
	padding: 12px 28px;
	border: 0;
}

.home .stats--home strong {
	margin-bottom: 12px;
	color: var(--blue);
	font-size: 40px;
	font-weight: 400;
	font-variant-numeric: tabular-nums;
}

.home .stats--home span {
	color: var(--blue);
	font-size: 14px;
	line-height: 1.25;
}

.home .section--products {
	height: 1365px;
	min-height: 1365px;
	padding: 0;
}

.home .section--products .section-heading {
	display: grid;
	height: 265px;
	margin: 0 auto;
	align-items: center;
}

.home .section--products .section-heading h2,
.home .section--advantages .section-heading h2,
.home .section--partners .section-heading h2,
.home .section--news .section-heading h2 {
	color: var(--blue);
	font-size: 40px;
	font-weight: 500;
	line-height: 1.05;
	text-transform: uppercase;
}

.home .section--products .section-heading h2::after,
.home .section--advantages .section-heading h2::after,
.home .section--partners .section-heading h2::after,
.home .section--news .section-heading h2::after {
	width: 60px;
	margin-top: 20px;
}

.home .product-card {
	height: 550px;
}

.home .product-card__overlay {
	background: linear-gradient(90deg, rgba(5, 5, 43, 0.72), rgba(5, 5, 43, 0.08) 65%);
}

.home .product-card__content {
	bottom: 50%;
	left: max(24px, calc((100vw - 1200px) / 2));
	width: 410px;
	padding: 0;
	gap: 24px;
	transform: translateY(50%);
}

.home .product-card__content strong {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.1;
	text-transform: uppercase;
}

.home .product-card__content i {
	display: inline-flex;
	width: 182px;
	height: 60px;
	gap: 17px;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	background: transparent;
	transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.home .product-card__content i::after {
	content: "\203A";
	font: 400 27px/1 "Sofia Sans", Inter, sans-serif;
	transform: translateY(-1px);
}

.home .product-card:hover i,
.home .product-card:focus-visible i {
	color: var(--accent);
	border-color: var(--accent);
	background: rgba(255, 192, 17, 0.08);
}

.home .product-card:focus-visible {
	outline: 3px solid var(--accent);
	outline-offset: -3px;
}

.home .section--advantages {
	height: 886px;
	min-height: 886px;
	padding: 100px 0 0;
}

.home .section--advantages > .container {
	width: 100%;
	max-width: none;
}

.home .section--advantages .section-heading {
	width: min(calc(100% - 48px), 1200px);
	margin: 0 auto 46px;
}

.home .tabs-shell {
	gap: 30px;
}

.home .tabs-list {
	height: 34px;
}

.home .tabs-list button {
	padding: 7px 13px;
	border-radius: 0;
}

.home .tabs-list button span {
	font-size: 14px;
	font-weight: 400;
}

.home .tabs-panels article {
	height: 550px;
	min-height: 550px;
}

.home .tabs-panels article > img {
	height: 550px;
	min-height: 550px;
	opacity: 1;
}

.home .tabs-panels article > div {
	padding: 80px max(54px, calc((100vw - 1200px) / 2));
}

.home .tabs-panels h3 {
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: 500;
	text-transform: uppercase;
}

.home .section--partners {
	height: 998px;
	min-height: 998px;
	padding: 100px 0;
	overflow: hidden;
}

.home .section--partners::before {
	top: -120px;
	right: 50%;
	width: 1580px;
	height: 1050px;
	opacity: 0.52;
	transform: translateX(50%);
}

.home .section--partners > .container {
	position: relative;
	z-index: 1;
}

.home .section--partners .section-heading {
	margin-bottom: 56px;
}

.home .section--partners .section-heading h2 {
	max-width: 520px;
}

.home .section--partners .section-heading h2::after {
	margin-right: auto;
	margin-left: auto;
}

.home .benefits-grid {
	height: 646px;
	border: 0;
}

.home .benefit-card {
	min-height: 323px;
	padding: 32px;
	border: 0;
}

.home .benefit-card img {
	width: 40px;
	height: 40px;
	margin-bottom: 52px;
}

.home .benefit-card h3 {
	margin-bottom: 14px;
	color: var(--blue);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.15;
	text-transform: uppercase;
}

.home .benefit-card p {
	color: var(--blue);
	font-size: 14px;
	line-height: 1.45;
}

.home .section--news {
	height: 671px;
	min-height: 671px;
	padding: 100px 0;
	background: #fff;
}

.home .section--news .section-heading {
	height: 60px;
	margin-bottom: 40px;
}

.home .section--news .section-heading h2::after {
	margin-right: 0;
	margin-left: 0;
}

.home .section--news .button {
	min-height: 60px;
	border-radius: 0;
}

.home .news-card__image {
	height: 225px;
	aspect-ratio: auto;
}

.home .news-card__body {
	min-height: 246px;
	padding: 24px;
	border: 1px solid var(--line);
	border-top: 0;
}

.home .news-card time {
	margin-bottom: 16px;
}

.home .news-card h3 {
	font-size: 18px;
	line-height: 1.15;
}

.home .section--group-home,
.home .group-layout,
.home .group-layout .office-card {
	height: 550px;
}

.home .group-layout > .section-heading {
	padding: 80px max(40px, calc((100vw - 1200px) / 2));
}

.home .group-layout .section-heading h2 {
	max-width: 400px;
	font-size: 40px;
	line-height: 1.05;
}

.home .group-description {
	max-width: 470px;
	color: var(--blue);
}

.home .office-card > div {
	right: 30px;
	bottom: 30px;
	left: 30px;
	display: grid;
	grid-template-columns: 54px 1fr;
	column-gap: 16px;
}

.home .office-card > div > img {
	width: 54px;
	height: 54px;
	margin: 0;
	grid-row: 1 / 3;
	border-radius: 50%;
	object-fit: cover;
}

.home .office-card p {
	margin: 0;
	color: #fff;
	font-size: 32px;
	letter-spacing: 0;
	text-transform: uppercase;
}

.home .office-card h3 {
	font: 300 16px/1.5 Inter, sans-serif;
	color: #fff;
}

/* Footer shared by all pages. */
.site-footer {
	height: 348px;
	padding: 100px 0;
}

.site-footer__grid {
	display: grid;
	height: 148px;
	grid-template-columns: 302px 1fr 282px;
	gap: 118px;
}

.site-footer__brand {
	display: flex;
	flex-direction: column;
}

.site-footer__brand .site-logo {
	margin-bottom: 12px;
}

.site-footer__brand p {
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
}

.site-footer__brand small {
	margin-top: auto;
	color: rgba(255, 255, 255, 0.5);
	font-size: 14px;
}

.site-footer .footer-nav {
	display: flex;
	gap: 24px;
	flex-direction: column;
	align-items: flex-start;
	font-size: 16px;
}

.site-footer__contact {
	display: flex;
	gap: 12px;
	flex-direction: column;
}

.site-footer__contact address {
	margin-top: 8px;
	font-style: normal;
	line-height: 1.35;
}

.site-footer .social-links {
	gap: 6px;
}

.site-footer .social-links a {
	display: grid;
	width: 32px;
	height: 32px;
	place-items: center;
	color: var(--accent);
	border: 1px solid var(--accent);
	border-radius: 50%;
	font-size: 12px;
	font-weight: 600;
}

@media (max-width: 1100px) {
	.site-header__inner {
		width: calc(100% - 48px);
	}

	.menu-toggle {
		display: block;
		margin-left: auto;
	}
}

@media (max-width: 767px) {
	:root {
		--header-height: 64px;
	}

	.container,
	.container--article {
		width: calc(100% - 32px);
	}

	.site-header {
		height: 64px;
	}

	.site-header__inner {
		width: calc(100% - 32px);
	}

	.site-logo,
	.site-logo__image {
		width: 79px;
		height: 36px;
		flex-basis: 79px;
	}

	.menu-toggle {
		width: 34px;
		height: 34px;
		padding: 0 6px;
		margin-left: 0;
	}

	.header-language {
		display: block;
		margin-right: 10px;
		margin-left: auto;
		font-size: 14px;
	}

	.home .hero {
		height: 700px;
		min-height: 700px;
	}

	.home .section--about::before,
	.home .stats--home::before,
	.home .section--partners::before {
		display: none;
	}

	.home .hero__media {
		background: url("../images/hero-poster.png") center/cover no-repeat;
	}

	.home .hero__media::after {
		background: rgba(0, 0, 0, 0.26);
	}

	.home .hero__inner {
		display: block;
		padding-top: 130px;
	}

	.home .hero h1 {
		max-width: 343px;
		margin-bottom: 20px;
		font-size: 32px;
		line-height: 1.05;
	}

	.home .hero__lead {
		max-width: 343px;
		margin-bottom: 24px;
		font-size: 14px;
		line-height: 1.45;
	}

	.home .hero .button {
		width: auto;
		min-width: 188px;
		min-height: 52px;
		font-size: 14px;
	}

	.home .hero-scroll {
		bottom: 20px;
		left: 16px;
		font-size: 11px;
	}

	.home .hero-scroll span {
		display: block;
	}

	.home .hero-scroll img {
		width: 32px;
	}

	.home .section--about {
		display: block;
		height: 571px;
		min-height: 571px;
		padding: 60px 0 28px;
	}

	.home .split-heading {
		display: block;
	}

	.home .split-heading h2 {
		max-width: 343px;
		margin-bottom: 28px;
		font-size: 32px;
		line-height: 1.05;
	}

	.home .split-heading h2::after {
		margin-top: 16px;
	}

	.home .section--about .split-heading p {
		font-size: 14px;
		line-height: 1.45;
	}

	.home .stats--home {
		height: 530px;
		min-height: 530px;
	}

	.home .stats--home .stats__grid {
		display: grid;
		height: 470px;
		padding-top: 0;
		grid-template-columns: 1fr;
	}

	.home .stats--home .stats__grid > div {
		min-height: 117px;
		padding: 10px 16px;
		justify-items: start;
		text-align: left;
		border: 0;
	}

	.home .stats--home strong {
		margin-bottom: 8px;
		font-size: 32px;
	}

	.home .stats--home span {
		max-width: 220px;
		font-size: 13px;
		text-align: left;
	}

	.home .section--products {
		height: 836px;
		min-height: 836px;
	}

	.home .section--products .section-heading {
		height: 85px;
		justify-items: start;
	}

	.home .section--products .section-heading h2,
	.home .section--advantages .section-heading h2,
	.home .section--partners .section-heading h2,
	.home .section--news .section-heading h2 {
		font-size: 24px;
	}

	.home .section--products .section-heading h2::after {
		margin-right: 0;
		margin-left: 0;
	}

	.home .product-grid {
		gap: 0;
	}

	.home .product-card {
		height: 375.5px;
	}

	.home .product-card__content {
		right: 16px;
		bottom: 20px;
		left: 16px;
		width: auto;
		gap: 14px;
		transform: none;
	}

	.home .product-card__content strong {
		max-width: 100%;
		font-size: 24px;
	}

	.home .product-card__content i {
		width: 155px;
		height: 48px;
		border-radius: 10px;
	}

	.home .section--advantages {
		height: 825px;
		min-height: 825px;
		padding: 60px 0 0;
	}

	.home .section--advantages .section-heading {
		width: calc(100% - 32px);
		height: 57px;
		margin-bottom: 28px;
		text-align: left;
	}

	.home .section--advantages .section-heading h2 {
		margin: 0;
	}

	.home .section--advantages .section-heading h2::after {
		margin: 14px 0 0;
	}

	.home .tabs-shell {
		gap: 0;
	}

	.home .tabs-list {
		display: flex;
		width: calc(100% - 32px);
		height: 152px;
		margin: 0 auto 40px;
		padding: 0;
		overflow: visible;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: flex-start;
	}

	.home .tabs-list button {
		min-width: auto;
		min-height: 34px;
		padding: 7px 10px;
		flex: 0 0 auto;
	}

	.home .tabs-list button span {
		font-size: 12px;
	}

	.home .tabs-panels article {
		height: 488px;
		min-height: 488px;
		grid-template-columns: 1fr;
		grid-template-rows: 244px 244px;
	}

	.home .tabs-panels article > div {
		width: 100%;
		padding: 36px 16px;
		grid-row: 1;
	}

	.home .tabs-panels article > img {
		width: 100%;
		height: 244px;
		min-height: 244px;
		grid-row: 2;
		grid-column: 1;
	}

	.home .tabs-panels h3 {
		font-size: 24px;
	}

	.home .tabs-panels p {
		font-size: 14px;
	}

	.home .section--partners {
		height: 1915px;
		min-height: 1915px;
		padding: 60px 0;
	}

	.home .section--partners .section-heading {
		height: 127px;
		margin-bottom: 40px;
		text-align: left;
	}

	.home .section--partners .section-heading h2 {
		max-width: 290px;
		margin: 0;
		font-size: 32px;
	}

	.home .section--partners .section-heading h2::after {
		margin: 16px 0 0;
	}

	.home .benefits-grid {
		height: 1628px;
		border: 0;
		grid-template-columns: 1fr;
	}

	.home .benefit-card {
		display: block;
		min-height: 271px;
		padding: 28px 0;
		border: 0;
		border-bottom: 0;
	}

	.home .benefit-card img {
		width: 36px;
		height: 36px;
		margin-bottom: 28px;
	}

	.home .benefit-card h3 {
		font-size: 18px;
	}

	.home .section--news {
		height: 1600px;
		min-height: 1600px;
		padding: 0 0 60px;
	}

	.home .section--news .section-heading {
		display: flex;
		width: calc(100% - 32px);
		height: 97px;
		margin: 0 auto;
		align-items: center;
	}

	.home .section--news .section-heading .button {
		position: absolute;
		right: 16px;
		bottom: 40px;
		width: 343px;
	}

	.home .news-grid {
		gap: 0;
	}

	.home .news-card__image {
		height: 210px;
	}

	.home .news-card__body {
		min-height: 200px;
		padding: 20px 16px;
	}

	.home .news-card h3 {
		font-size: 18px;
	}

	.home .section--group-home,
	.home .group-layout {
		height: 1140px;
	}

	.home .section--group-home {
		padding: 0;
	}

	.home .group-layout > .section-heading {
		height: 390px;
		padding: 60px 16px;
	}

	.home .group-layout .section-heading h2 {
		font-size: 32px;
	}

	.home .group-layout .office-grid {
		gap: 0;
	}

	.home .group-layout .office-card {
		height: 375px;
	}

	.home .office-card > div {
		right: 20px;
		bottom: 20px;
		left: 20px;
	}

	.home .office-card p {
		font-size: 24px;
	}

	.site-footer {
		height: 675px;
		padding: 40px 0 24px;
	}

	.site-footer__grid {
		display: flex;
		height: 611px;
		gap: 0;
		flex-direction: column;
	}

	.site-footer__brand {
		display: block;
	}

	.site-footer__brand .site-logo {
		display: flex;
		width: 123px;
		height: 56px;
		flex-basis: auto;
	}

	.site-footer__brand .site-logo__image {
		width: 123px;
		height: 56px;
	}

	.site-footer__brand p {
		max-width: 300px;
		margin: 12px 0 32px;
	}

	.site-footer__brand small {
		position: absolute;
		bottom: 24px;
	}

	.site-footer .footer-nav {
		display: grid;
		margin-bottom: 36px;
		grid-template-columns: 1fr 1fr;
		gap: 16px 52px;
	}

	.site-footer__contact {
		gap: 12px;
	}

	.site-footer .social-links {
		order: 2;
		margin-top: 12px;
	}
}

@media (min-width: 768px) and (max-width: 1100px) {
	.home .hero__inner {
		grid-template-columns: 1fr 1fr;
	}

	.home .section--about,
	.home .stats--home,
	.home .section--products,
	.home .section--advantages,
	.home .section--partners,
	.home .section--news,
	.home .section--group-home,
	.site-footer {
		height: auto;
		min-height: 0;
	}

	.site-footer__grid {
		grid-template-columns: minmax(240px, 1fr) minmax(120px, .55fr) minmax(250px, 1fr);
		gap: 48px;
	}

	.home .tabs-shell {
		grid-template-columns: 1fr;
	}
}

/* Product pages use the uninterrupted navy surface shown in Figma. */
.page-template-page-natural-gas .product-hero::after,
.page-template-page-mineral-fertilizers .product-hero::after {
	display: none;
}

.page-template-page-natural-gas .inline-stats > div + div {
	padding-left: 0;
	border-left: 0;
}

/* Internal desktop pages. Their total heights mirror the named Figma frames. */
@media (min-width: 1101px) {
	.page-template-page-natural-gas .product-hero,
	.page-template-page-mineral-fertilizers .product-hero {
		height: 296px;
		padding: 100px 0;
	}

	.product-hero__grid {
		grid-template-columns: 588px 588px;
		gap: 24px;
	}

	.product-hero__grid > p {
		max-width: 588px;
		color: #fff;
		font-size: 16px;
		line-height: 1.5;
	}

	.product-switch {
		gap: 8px;
	}

	.product-switch a {
		padding: 7px 13px;
		color: var(--accent);
		border: 0;
		border-radius: 8px;
		background: rgba(255, 192, 17, 0.14);
		font-size: 16px;
	}

	.product-switch a.is-active {
		color: var(--blue);
		background: var(--accent);
	}

	.page-template-page-natural-gas .product-visual,
	.page-template-page-mineral-fertilizers .product-visual {
		height: 380px;
	}

	.page-template-page-natural-gas main > .section {
		height: 565px;
		padding: 100px 0;
	}

	.page-template-page-natural-gas .product-details {
		grid-template-columns: 588px 588px;
		gap: 24px;
	}

	.page-template-page-natural-gas .product-details h2 {
		font-size: 40px;
		font-weight: 500;
		line-height: 1.05;
	}

	.page-template-page-natural-gas .inline-stats {
		margin: 36px 0 0;
		border: 0;
	}

	.page-template-page-natural-gas .inline-stats > div {
		padding: 18px 0;
	}

	.page-template-page-natural-gas .inline-stats > div + div {
		padding-left: 0;
		border-left: 0;
	}

	.page-template-page-natural-gas .inline-stats strong {
		font-size: 56px;
		font-weight: 400;
	}

	.page-template-page-mineral-fertilizers .product-visual img {
		object-position: center 49%;
	}

	.fertilizer-classification {
		height: 853px;
		padding: 100px 0 72px;
	}

	.fertilizer-classification .section-heading {
		margin-bottom: 44px;
	}

	.fertilizer-classification .section-heading h2,
	.fertilizer-catalog .section-heading h2 {
		max-width: 650px;
		font-size: 40px;
		line-height: 1.05;
		text-transform: uppercase;
	}

	.fertilizer-classification .classification-grid {
		gap: 24px;
		border: 0;
	}

	.fertilizer-classification .classification-grid article {
		min-height: 480px;
		padding: 0;
		border: 0;
	}

	.fertilizer-type {
		height: 160px;
		margin-bottom: 24px;
		background-image: url("../images/fertilizer-types.png");
		background-repeat: no-repeat;
		background-size: 200% 200%;
	}

	.fertilizer-type--nitrogen {
		background-position: left top;
	}

	.fertilizer-type--potassium {
		background-position: right top;
	}

	.fertilizer-type--phosphorus {
		background-position: left bottom;
	}

	.fertilizer-type--complex {
		background-position: right bottom;
	}

	.fertilizer-classification h3 {
		margin-bottom: 16px;
		font-size: 24px;
		text-transform: uppercase;
	}

	.fertilizer-classification .classification-grid p {
		min-height: 120px;
		color: var(--blue);
		font-size: 16px;
		line-height: 1.5;
	}

	.type-tags {
		display: flex;
		gap: 5px;
		flex-wrap: wrap;
	}

	.type-tags span,
	.catalog-label {
		display: inline-flex;
		width: auto;
		margin: 0;
		padding: 2px 8px;
		color: var(--blue);
		border: 1px solid #cfd3e4;
		border-radius: 8px;
		font-size: 14px;
		line-height: 1.2;
	}

	.fertilizer-catalog {
		height: 754px;
		padding: 80px 0 0;
	}

	.fertilizer-catalog > .container {
		width: 100%;
		max-width: none;
	}

	.fertilizer-catalog .section-heading,
	.fertilizer-catalog .catalog-tabs {
		width: 1200px;
		margin-right: auto;
		margin-left: auto;
	}

	.fertilizer-catalog .section-heading {
		margin-bottom: 20px;
	}

	.fertilizer-catalog .catalog-tabs {
		margin-bottom: 28px;
		justify-content: center;
		border: 0;
		gap: 8px;
	}

	.fertilizer-catalog .catalog-tabs button {
		min-width: auto;
		min-height: 34px;
		padding: 7px 13px;
		border: 0;
		border-radius: 8px;
		background: #f0f1f7;
	}

	.fertilizer-catalog .catalog-tabs button[aria-selected="true"] {
		color: var(--blue);
		background: var(--accent);
	}

	.fertilizer-catalog .catalog-panels article {
		height: 550px;
		min-height: 550px;
		color: var(--blue);
		background: var(--paper);
	}

	.fertilizer-catalog .catalog-panels article > div {
		padding: 80px 54px 72px max(54px, calc((100vw - 1200px) / 2));
	}

	.fertilizer-catalog .catalog-panels article h3 {
		max-width: 490px;
		margin-top: 20px;
		margin-bottom: 24px;
		font-size: 32px;
		font-weight: 400;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.fertilizer-catalog .catalog-panels article p:not(.eyebrow):not(.catalog-label) {
		max-width: 440px;
		color: var(--blue);
		font-size: 16px;
		line-height: 1.5;
	}

	.fertilizer-catalog .catalog-panels .catalog-label {
		color: var(--blue);
		font-size: 14px;
		line-height: 1.2;
	}

	.fertilizer-catalog .catalog-panels ul {
		margin: 48px 0 0;
		padding: 0;
		list-style: none;
	}

	.fertilizer-catalog .catalog-panels li {
		display: flex;
		max-width: 480px;
		margin-top: 8px;
		align-items: flex-start;
		font-size: 16px;
		line-height: 1.35;
	}

	.fertilizer-catalog .catalog-panels li::before {
		display: inline-grid;
		width: 18px;
		height: 18px;
		margin: 1px 12px 0 0;
		flex: 0 0 18px;
		content: "\2713";
		align-items: center;
		justify-content: center;
		border: 1px solid currentColor;
		border-radius: 50%;
		font-size: 11px;
		line-height: 1;
	}

	.fertilizer-catalog .catalog-panels article > img {
		width: 100%;
		height: 550px;
		object-fit: cover;
	}

	/* About */
	.page-template-page-about .about-hero {
		height: 472px;
		padding: 100px 0;
	}

	.page-template-page-about .about-hero__grid {
		grid-template-columns: 588px 588px;
		gap: 24px;
	}

	.page-template-page-about .about-hero h1 {
		font-size: 40px;
	}

	.page-template-page-about .about-hero__grid > div {
		color: #fff;
		font-size: 16px;
	}

	.page-template-page-about .about-hero + .section {
		height: 213px;
		padding: 60px 0;
	}

	.page-template-page-about .about-mission,
	.page-template-page-about .about-principles,
	.page-template-page-about .about-benefits {
		position: relative;
		overflow: hidden;
	}

	.page-template-page-about .about-mission::before,
	.page-template-page-about .about-principles::before,
	.page-template-page-about .about-benefits::before {
		position: absolute;
		z-index: 0;
		left: 50%;
		width: 1580px;
		height: 1050px;
		content: "";
		transform: translateX(-50%);
		background: url("../images/wave.png") center/100% 100% no-repeat;
		opacity: 0.52;
		filter: contrast(1.45) saturate(0.8);
		mix-blend-mode: multiply;
		pointer-events: none;
	}

	.page-template-page-about .about-mission::before {
		top: -170px;
	}

	.page-template-page-about .about-principles::before {
		top: -383px;
	}

	.page-template-page-about .about-benefits::before {
		top: -105px;
		opacity: 0.55;
	}

	.page-template-page-about .about-mission > .container,
	.page-template-page-about .about-principles > .container,
	.page-template-page-about .about-benefits > .container {
		position: relative;
		z-index: 1;
	}

	.page-template-page-about .mission-statement {
		max-width: 760px;
	}

	.page-template-page-about .mission-statement h2 {
		margin: 0;
		font-size: 24px;
		line-height: 1.15;
	}

	.about-principles {
		height: 498px;
		padding: 100px 0;
	}

	.about-principles .section-heading {
		margin-bottom: 56px;
	}

	.about-principles .section-heading h2 {
		font-size: 32px;
		text-transform: uppercase;
	}

	.about-principles .principles-grid {
		grid-template-columns: repeat(3, 1fr);
		border: 0;
	}

	.about-principles .principles-grid article {
		min-height: 190px;
		padding: 24px;
		border: 0;
		border-right: 1px solid var(--line);
	}

	.about-principles .principles-grid article:last-child {
		border: 0;
	}

	.about-principles .principles-grid span {
		margin-bottom: 30px;
		color: var(--accent);
	}

	.about-principles .principles-grid p {
		color: var(--blue);
	}

	.page-template-page-about .section--workflow {
		height: 754px;
		padding: 100px 0 0;
		color: var(--blue);
		background: #fff;
	}

	.page-template-page-about .section--workflow .section-heading {
		margin-bottom: 28px;
	}

	.page-template-page-about .section--workflow .section-heading h2 {
		font-size: 32px;
		text-transform: uppercase;
	}

	.page-template-page-about .workflow {
		display: block;
	}

	.page-template-page-about .workflow__tabs {
		display: flex;
		margin-bottom: 40px;
		justify-content: center;
	}

	.page-template-page-about .workflow__tabs button {
		min-height: 34px;
		padding: 7px 13px;
		color: var(--blue);
		border: 0;
		background: #f0f1f7;
	}

	.page-template-page-about .workflow__tabs button[aria-selected="true"] {
		color: var(--blue);
		background: var(--accent);
	}

	.page-template-page-about .workflow__tabs span {
		font: 400 14px/1.25 Inter, sans-serif;
	}

	.page-template-page-about .workflow__panels {
		min-height: 498px;
		padding: 0;
		background: var(--paper);
	}

	.page-template-page-about .workflow__panels article {
		display: grid;
		height: 498px;
		grid-template-columns: 1fr 1fr;
	}

	.page-template-page-about .workflow__panels article > div {
		display: flex;
		padding: 72px 54px;
		flex-direction: column;
		justify-content: center;
	}

	.page-template-page-about .workflow__panels article > img {
		width: 100%;
		height: 498px;
		object-fit: cover;
	}

	.page-template-page-about .workflow__panels h3 {
		font-size: 32px;
		text-transform: uppercase;
	}

	.page-template-page-about .workflow__panels p {
		font-size: 16px;
	}

	.page-template-page-about .section--legal {
		height: 300px;
		padding: 76px 0;
		background: #fff;
	}

	.page-template-page-about .section--legal::after {
		right: -150px;
		bottom: -320px;
		width: 900px;
		height: 760px;
		opacity: 0.5;
		filter: contrast(1.45) saturate(0.8);
		mix-blend-mode: multiply;
	}

	.page-template-page-about .section--legal > .container {
		position: relative;
		z-index: 1;
	}

	.page-template-page-about .section--legal h2 {
		font-size: 32px;
		text-transform: uppercase;
	}

	.page-template-page-about .section--legal .button {
		min-height: 48px;
		margin-top: 16px;
	}

	.about-benefits {
		height: 878px;
		padding: 100px 0;
	}

	.about-benefits .section-heading {
		margin-bottom: 48px;
	}

	.about-benefits .section-heading h2 {
		max-width: 540px;
		font-size: 40px;
		text-transform: uppercase;
	}

	.about-benefits .benefits-grid {
		height: 646px;
		border: 0;
	}

	.about-benefits .benefit-card {
		min-height: 323px;
		border: 0;
	}

	.about-team {
		height: 1299px;
		padding: 100px 0;
		background: #fff;
	}

	.about-team__heading {
		display: grid;
		margin-bottom: 56px;
		grid-template-columns: 1fr 1fr;
		gap: 24px;
	}

	.about-team__heading h2 {
		font-size: 40px;
		text-transform: uppercase;
	}

	.about-team .team-grid {
		height: 920px;
		gap: 24px;
	}

	.about-team .team-card {
		height: 920px;
	}

	.team-card--figma > div {
		height: 800px;
		background-image: url("../images/team-founders.png");
		background-repeat: no-repeat;
		background-size: 200% 100%;
	}

	.team-card--figma.team-card--first > div {
		background-position: right center;
	}

	.team-card--figma.team-card--second > div {
		background-position: left center;
	}

	.about-team .team-card > section {
		height: 120px;
		padding: 20px 0;
	}

	.about-team .team-card h3 {
		font-size: 20px;
		text-transform: uppercase;
	}

	.page-template-page-about .section--group-home,
	.page-template-page-about .group-layout,
	.page-template-page-about .group-layout .office-card {
		height: 550px;
	}

	/* Contacts */
	.page-template-page-contacts .page-title {
		height: 160px;
		padding: 76px 0 0;
	}

	.page-template-page-contacts .page-title .eyebrow {
		display: none;
	}

	.page-template-page-contacts .page-title h1 {
		font-size: 40px;
		line-height: 1.05;
		text-transform: uppercase;
	}

	.page-template-page-contacts .page-title h1::after {
		display: block;
		width: 60px;
		height: 2px;
		margin-top: 20px;
		content: "";
		background: var(--accent);
	}

	.page-template-page-contacts .contact-details {
		height: 236px;
		padding: 32px 0 0;
	}

	.page-template-page-contacts .contact-grid h2 {
		font-size: 20px;
	}

	.page-template-page-contacts .contact-map {
		height: 520px;
		padding-top: 0;
	}

	.page-template-page-contacts .contact-map > .container {
		width: 1200px;
	}

	.page-template-page-contacts .map-placeholder {
		position: relative;
		width: 1200px;
		height: 416px;
		overflow: hidden;
	}

	.page-template-page-contacts .map-placeholder > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.page-template-page-contacts .map-placeholder > div {
		position: absolute;
		top: 150px;
		left: 50%;
		padding: 8px 14px;
		transform: translateX(-50%);
		border-radius: 6px;
	}

	.page-template-page-contacts .map-placeholder strong {
		color: #fff;
		font-size: 14px;
	}

	.page-template-page-contacts .map-placeholder > div::after {
		position: absolute;
		top: 48px;
		left: 50%;
		width: 22px;
		height: 22px;
		content: "";
		transform: translateX(-50%) rotate(45deg);
		border-radius: 50% 50% 50% 0;
		background: var(--accent);
	}

	.page-template-page-contacts .section--contact-form {
		height: 675px;
		padding: 100px 0;
	}

	.page-template-page-contacts .contact-form-layout {
		grid-template-columns: 588px 588px;
		gap: 24px;
	}

	.page-template-page-contacts .contact-form-layout h2 {
		max-width: 588px;
		font-size: 40px;
		line-height: 1.05;
		text-transform: uppercase;
	}

	.page-template-page-contacts .contact-form {
		gap: 20px;
	}

	.page-template-page-contacts .contact-form input:not([type="checkbox"]),
	.page-template-page-contacts .contact-form textarea {
		border: 0;
		border-radius: 8px;
	}

	.page-template-page-contacts .contact-form textarea {
		min-height: 140px;
	}

	.page-template-page-contacts .contact-form .button {
		min-height: 60px;
		border-radius: 8px;
	}

	/* News */
	.blog .page-title {
		height: 230px;
		padding: 100px 0 0;
	}

	.blog .page-title .eyebrow {
		display: none;
	}

	.blog .page-title h1 {
		font-size: 40px;
		text-transform: uppercase;
	}

	.blog .page-title h1::after {
		display: block;
		width: 60px;
		height: 2px;
		margin-top: 20px;
		content: "";
		background: var(--accent);
	}

	.blog .news-archive {
		min-height: 2401px;
		padding: 0 0 100px;
	}

	.blog .filter-nav {
		margin-bottom: 40px;
		gap: 8px;
	}

	.blog .filter-nav a {
		min-height: 34px;
		padding: 7px 13px;
		border: 0;
		border-radius: 8px;
		background: #f0f1f7;
	}

	.blog .news-grid--archive {
		row-gap: 40px;
	}

	.blog .news-card__image {
		height: 225px;
		aspect-ratio: auto;
	}

	.blog .news-card__body {
		min-height: 190px;
		padding: 24px 0;
	}

	.blog .news-card h3 {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.product-hero,
	.inner-hero {
		padding: 120px 0 60px;
	}

	.product-switch {
		gap: 8px;
		flex-wrap: wrap;
	}

	.product-switch a {
		padding: 7px 10px;
		border: 0;
		border-radius: 8px;
		background: rgba(255, 192, 17, 0.14);
	}

	.product-switch a.is-active {
		color: var(--blue);
		background: var(--accent);
	}

	.fertilizer-type {
		height: 170px;
		background-image: url("../images/fertilizer-types.png");
		background-repeat: no-repeat;
		background-size: 200% 200%;
	}

	.fertilizer-type--nitrogen {
		background-position: left top;
	}

	.fertilizer-type--potassium {
		background-position: right top;
	}

	.fertilizer-type--phosphorus {
		background-position: left bottom;
	}

	.fertilizer-type--complex {
		background-position: right bottom;
	}

	.type-tags {
		display: flex;
		gap: 5px;
		flex-wrap: wrap;
	}

	.type-tags span {
		display: inline-flex;
		padding: 2px 7px;
		border: 1px solid var(--line);
		border-radius: 7px;
		font-size: 12px;
	}

	.fertilizer-catalog {
		padding-bottom: 0;
	}

	.fertilizer-catalog .catalog-tabs {
		margin-right: -16px;
		margin-left: -16px;
		padding: 0 16px 4px;
		gap: 6px;
		scrollbar-width: none;
	}

	.fertilizer-catalog .catalog-tabs::-webkit-scrollbar {
		display: none;
	}

	.fertilizer-catalog .catalog-tabs button {
		min-width: max-content;
		min-height: 44px;
		padding: 7px 12px;
		border: 0;
		border-radius: 8px;
		background: #f0f1f7;
		font-size: 13px;
	}

	.fertilizer-catalog .catalog-tabs button[aria-selected="true"] {
		color: var(--blue);
		background: var(--accent);
	}

	.fertilizer-catalog .catalog-panels article {
		min-height: 0;
		color: var(--blue);
		background: var(--paper);
	}

	.fertilizer-catalog .catalog-panels article > div {
		padding: 44px 24px 40px;
	}

	.fertilizer-catalog .catalog-panels article h3 {
		margin: 18px 0 22px;
		font-size: 28px;
		font-weight: 400;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.fertilizer-catalog .catalog-panels article p:not(.catalog-label) {
		color: var(--blue);
		font-size: 16px;
		line-height: 1.5;
	}

	.fertilizer-catalog .catalog-panels .catalog-label {
		display: inline-flex;
		width: auto;
		margin: 0;
		padding: 2px 8px;
		color: var(--blue);
		border: 1px solid #cfd3e4;
		border-radius: 8px;
		font-size: 13px;
		line-height: 1.2;
	}

	.fertilizer-catalog .catalog-panels ul {
		margin: 34px 0 0;
		padding: 0;
		list-style: none;
	}

	.fertilizer-catalog .catalog-panels li {
		display: flex;
		margin-top: 10px;
		align-items: flex-start;
		font-size: 15px;
		line-height: 1.4;
	}

	.fertilizer-catalog .catalog-panels li::before {
		display: inline-grid;
		width: 18px;
		height: 18px;
		margin: 1px 10px 0 0;
		flex: 0 0 18px;
		content: "\2713";
		align-items: center;
		justify-content: center;
		border: 1px solid currentColor;
		border-radius: 50%;
		font-size: 11px;
		line-height: 1;
	}

	.fertilizer-catalog .catalog-panels article > img {
		width: 100%;
		height: auto;
		aspect-ratio: 1;
		object-fit: cover;
	}

	.page-template-page-contacts .map-placeholder {
		position: relative;
		width: calc(100% - 32px);
	}

	.page-template-page-contacts .map-placeholder > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.page-template-page-contacts .map-placeholder > div {
		position: absolute;
		top: 45%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.about-team__heading {
		display: block;
	}

	.team-card--figma > div {
		aspect-ratio: .75;
		background-image: url("../images/team-founders.png");
		background-repeat: no-repeat;
		background-size: 200% 100%;
	}

	.team-card--figma.team-card--first > div {
		background-position: right center;
	}

	.team-card--figma.team-card--second > div {
		background-position: left center;
	}
}

/* About page — final Figma alignment pass. */
.page-template-page-about .about-hero::after {
	display: none;
}

.page-template-page-about h1,
.page-template-page-about h2,
.page-template-page-about h3 {
	font-family: Inter, Arial, sans-serif;
	font-weight: 400;
	letter-spacing: -0.025em;
}

.page-template-page-about .about-hero__grid > div {
	color: rgba(255, 255, 255, 0.82);
	font-weight: 400;
	line-height: 1.45;
}

.page-template-page-about .about-hero__grid > div p {
	margin: 0 0 18px;
}

.page-template-page-about .principles-grid article {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
	border: 0;
}

.page-template-page-about .principles-grid span {
	margin: 0;
	font-size: 16px;
	line-height: 1.5;
}

.page-template-page-about .principles-grid p {
	font-size: 16px;
	line-height: 1.5;
}

.page-template-page-about .workflow__tabs {
	display: flex;
	gap: 6px;
	align-items: center;
	justify-content: center;
}

.page-template-page-about .workflow {
	display: block;
}

.page-template-page-about .workflow__tabs button {
	display: inline-flex;
	width: auto;
	min-width: max-content;
	min-height: 34px;
	padding: 7px 13px;
	grid-template-columns: none;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 8px;
	white-space: nowrap;
}

.page-template-page-about .workflow__tabs span {
	font: 400 14px/1.25 Inter, Arial, sans-serif;
}

.page-template-page-about .workflow__panels {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	padding: 0;
	overflow: hidden;
	color: var(--blue);
	background: var(--paper);
}

.page-template-page-about .workflow__panels article {
	display: grid;
	width: 100%;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.page-template-page-about .workflow__panels article > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--paper);
}

.page-template-page-about .workflow__panels article > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.page-template-page-about .workflow__panels h3 {
	margin: 0 0 24px;
	font-family: Inter, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.15;
	text-transform: uppercase;
}

.page-template-page-about .workflow__panels p {
	max-width: 470px;
	margin: 0;
	color: var(--blue);
	font-family: Inter, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
}

.page-template-page-about .about-benefits .benefit-card h3 {
	font-family: Inter, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.015em;
	text-transform: uppercase;
}

.page-template-page-about .about-benefits .benefit-card p,
.page-template-page-about .about-team__heading p,
.page-template-page-about .team-card p {
	font-family: Inter, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.5;
}

.page-template-page-about .team-card--figma > div {
	width: 100%;
	height: auto;
	padding: 0;
	overflow: hidden;
	aspect-ratio: .896;
	background-image: url("../images/team-founders.png");
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.page-template-page-about .team-card--figma.team-card--first > div {
	background-position: right center;
}

.page-template-page-about .team-card--figma.team-card--second > div {
	background-position: left center;
}

.page-template-page-about .team-card > img {
	width: 100%;
	height: auto;
	aspect-ratio: .896;
	object-fit: cover;
	object-position: top center;
}

@media (min-width: 1101px) {
	.page-template-page-about .about-hero h1 {
		font-size: 40px;
		line-height: 1.1;
	}

	.page-template-page-about .about-principles .principles-grid article {
		min-height: 150px;
		padding: 24px 28px;
	}

	.page-template-page-about .section--workflow {
		height: auto;
		padding: 86px 0 0;
	}

	.page-template-page-about .section--workflow .section-heading {
		margin-bottom: 28px;
	}

	.page-template-page-about .workflow__tabs {
		margin-bottom: 40px;
	}

	.page-template-page-about .workflow__panels,
	.page-template-page-about .workflow__panels article {
		height: 550px;
		min-height: 550px;
	}

	.page-template-page-about .workflow__panels article > div {
		padding: 72px 72px 72px max(72px, calc((100vw - 1200px) / 2));
	}

	.page-template-page-about .workflow__panels h3 {
		font-size: 24px;
	}

	.page-template-page-about .workflow__panels p {
		font-size: 16px;
	}

	.page-template-page-about .section--legal {
		height: auto;
		min-height: 300px;
	}

	.page-template-page-about .about-team {
		height: auto;
		min-height: 0;
		padding: 100px 0 80px;
	}

	.page-template-page-about .about-team .team-grid,
	.page-template-page-about .about-team .team-card {
		height: auto;
	}

	.page-template-page-about .about-team .team-card > section {
		height: auto;
		min-height: 120px;
	}
}

@media (min-width: 768px) and (max-width: 1100px) {
	.page-template-page-about .about-hero {
		height: auto;
		min-height: 610px;
		padding: 90px 0;
	}

	.page-template-page-about .about-hero__grid {
		grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
		gap: 44px;
	}

	.page-template-page-about .about-mission,
	.page-template-page-about .about-principles,
	.page-template-page-about .about-benefits,
	.page-template-page-about .about-team {
		height: auto;
	}

	.page-template-page-about .about-principles {
		padding: 80px 0;
	}

	.page-template-page-about .about-principles .principles-grid article {
		min-height: 180px;
		padding: 20px;
	}

	.page-template-page-about .section--workflow {
		height: auto;
		padding: 80px 0 0;
	}

	.page-template-page-about .workflow__tabs {
		margin: 0 -8px 34px;
		overflow-x: auto;
		justify-content: flex-start;
		scrollbar-width: none;
	}

	.page-template-page-about .workflow__tabs::-webkit-scrollbar {
		display: none;
	}

	.page-template-page-about .workflow__panels,
	.page-template-page-about .workflow__panels article {
		height: 460px;
		min-height: 460px;
	}

	.page-template-page-about .workflow__panels article > div {
		padding: 48px 42px;
	}

	.page-template-page-about .workflow__panels h3 {
		font-size: 23px;
	}

	.page-template-page-about .workflow__panels p {
		font-size: 15px;
	}

	.page-template-page-about .about-benefits {
		padding: 80px 0;
	}

	.page-template-page-about .about-benefits .benefits-grid {
		height: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.page-template-page-about .about-team {
		padding: 80px 0 110px;
	}

	.page-template-page-about .about-team .team-grid,
	.page-template-page-about .about-team .team-card {
		height: auto;
	}
}

@media (max-width: 900px) {
	.page-template-page-about .about-hero__grid {
		grid-template-columns: 1fr;
		gap: 34px;
	}
}

@media (max-width: 767px) {
	.page-template-page-about .about-hero {
		height: auto;
		min-height: 0;
		padding: 72px 0 64px;
	}

	.page-template-page-about .about-hero h1 {
		margin-bottom: 8px;
		font-size: 40px;
		line-height: 1.1;
	}

	.page-template-page-about .about-hero__grid {
		gap: 32px;
	}

	.page-template-page-about .about-hero__grid > div {
		font-size: 15px;
		line-height: 1.55;
	}

	.page-template-page-about .about-mission,
	.page-template-page-about .about-principles,
	.page-template-page-about .about-benefits,
	.page-template-page-about .about-team {
		height: auto;
	}

	.page-template-page-about .about-mission {
		padding: 64px 0;
	}

	.page-template-page-about .mission-statement h2 {
		font-size: 23px;
		line-height: 1.25;
	}

	.page-template-page-about .about-principles {
		padding: 70px 0;
	}

	.page-template-page-about .about-principles .section-heading h2,
	.page-template-page-about .section--workflow .section-heading h2 {
		font-size: 32px;
		line-height: 1.1;
	}

	.page-template-page-about .about-principles .principles-grid article {
		min-height: 0;
		padding: 26px 0;
		border-bottom: 1px solid var(--line);
	}

	.page-template-page-about .about-principles .principles-grid article:last-child {
		border-bottom: 0;
	}

	.page-template-page-about .section--workflow {
		height: auto;
		padding: 70px 0 0;
	}

	.page-template-page-about .workflow__tabs {
		margin: 0 -16px 30px;
		padding: 0 16px 4px;
		overflow-x: auto;
		justify-content: flex-start;
		scrollbar-width: none;
	}

	.page-template-page-about .workflow__tabs::-webkit-scrollbar {
		display: none;
	}

	.page-template-page-about .workflow__tabs button {
		min-width: max-content;
	}

	.page-template-page-about .workflow__panels,
	.page-template-page-about .workflow__panels article {
		height: auto;
		min-height: 0;
	}

	.page-template-page-about .workflow__panels article {
		grid-template-columns: 1fr;
	}

	.page-template-page-about .workflow__panels article > div {
		min-height: 300px;
		padding: 54px 24px;
	}

	.page-template-page-about .workflow__panels article > img {
		height: auto;
		aspect-ratio: 16 / 9;
		object-fit: cover;
	}

	.page-template-page-about .workflow__panels h3 {
		font-size: 25px;
	}

	.page-template-page-about .workflow__panels p {
		font-size: 15px;
	}

	.page-template-page-about .section--legal {
		height: auto;
		min-height: 0;
		padding: 70px 0;
	}

	.page-template-page-about .about-benefits {
		padding: 76px 0;
	}

	.page-template-page-about .about-benefits .section-heading h2 {
		font-size: 34px;
		line-height: 1.1;
	}

	.page-template-page-about .about-benefits .benefits-grid {
		height: auto;
		grid-template-columns: 1fr;
	}

	.page-template-page-about .about-benefits .benefit-card {
		min-height: 0;
		padding: 30px 0;
	}

	.page-template-page-about .about-benefits .benefit-card img {
		margin-bottom: 24px;
	}

	.page-template-page-about .about-benefits .benefit-card h3 {
		font-size: 20px;
	}

	.page-template-page-about .about-team {
		padding: 76px 0 100px;
	}

	.page-template-page-about .about-team__heading {
		display: block;
		margin-bottom: 38px;
	}

	.page-template-page-about .about-team__heading h2 {
		font-size: 34px;
	}

	.page-template-page-about .about-team .team-grid,
	.page-template-page-about .about-team .team-card {
		height: auto;
	}

	.page-template-page-about .about-team .team-card > section {
		height: auto;
		min-height: 110px;
		padding: 20px 0 34px;
	}
}

/* Homepage news, section rhythm, and regional flags — Figma parity pass. */
.home {
	--home-section-space: 100px;
}

.home .section--about,
.home .section--partners,
.home .section--news {
	padding-top: var(--home-section-space);
	padding-bottom: var(--home-section-space);
}

.home .section--advantages {
	padding-top: var(--home-section-space);
}

.home .section--news {
	height: auto;
	min-height: 0;
	background: #fff;
}

.home .section--news .section-heading {
	height: 60px;
	margin: 0 0 40px;
}

.home .section--news .section-heading h2 {
	margin: 0;
	font: 400 40px/1 Inter, Arial, sans-serif;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.home .section--news .button {
	width: 187px;
	min-height: 60px;
	padding: 0 28px;
	justify-content: space-between;
	border-color: var(--blue);
	font: 500 15px/1 Inter, Arial, sans-serif;
	white-space: nowrap;
}

.home .section--news .button span {
	font-size: 28px;
	font-weight: 300;
	line-height: 1;
	transform: translateY(-1px);
}

.home .section--news .news-grid {
	gap: 16px;
}

.home .section--news .news-card {
	display: flex;
	height: 425px;
	flex-direction: column;
}

.home .section--news .news-card__image {
	height: 225px;
	flex: 0 0 225px;
	aspect-ratio: auto;
}

.home .section--news .news-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.home .section--news .news-card__body {
	height: 200px;
	min-height: 200px;
	padding: 28px;
	flex: 0 0 200px;
	border: 1px solid var(--line);
	border-top: 0;
}

.home .section--news .news-card time {
	margin-bottom: 16px;
	color: #8b8c98;
	font: 400 14px/1.2 Inter, Arial, sans-serif;
	text-transform: lowercase;
}

.home .section--news .news-card time::first-letter {
	text-transform: uppercase;
}

.home .section--news .news-card h3 {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	color: var(--blue);
	font: 500 18px/1.25 Inter, Arial, sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.home .section--news .text-link {
	gap: 12px;
	font: 600 14px/1 Inter, Arial, sans-serif;
}

.home .section--news .text-link span {
	font-size: 24px;
	font-weight: 300;
	line-height: 0.7;
}

.home .office-card > div > img {
	width: 54px;
	height: 54px;
	max-height: none;
	border-radius: 50%;
	object-fit: contain;
}

@media (max-width: 1024px) {
	.home {
		--home-section-space: 80px;
	}

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

	.home .section--news .news-card:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}

@media (max-width: 767px) {
	.home {
		--home-section-space: 60px;
	}

	.home .section--about,
	.home .section--partners,
	.home .section--news {
		padding-top: var(--home-section-space);
		padding-bottom: var(--home-section-space);
	}

	.home .section--advantages {
		padding-top: var(--home-section-space);
	}

	.home .section--news .section-heading {
		position: static;
		display: grid;
		width: 100%;
		height: auto;
		margin: 0 0 32px;
		gap: 24px;
		grid-template-columns: 1fr;
	}

	.home .section--news .section-heading h2 {
		font-size: 34px;
	}

	.home .section--news .section-heading .button {
		position: static;
		width: 100%;
		min-height: 56px;
	}

	.home .section--news .news-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.home .section--news .news-card {
		height: 421px;
		grid-column: auto;
	}

	.home .section--news .news-card__image {
		height: 210px;
		flex-basis: 210px;
	}

	.home .section--news .news-card__body {
		height: 211px;
		min-height: 211px;
		padding: 24px 20px;
		flex-basis: 211px;
	}

	.home .section--news .news-card h3 {
		font-size: 17px;
	}
}

/* AG Group — readable typography and zoom-safe fluid layout. */
.section--group-home {
	--group-section-height: 550px;
	overflow: hidden;
}

.home .section--group-home,
.page-template-page-about .section--group-home {
	padding: 0;
}

.section--group-home > .container.group-layout {
	width: 100%;
	max-width: none;
	height: var(--group-section-height);
	margin-inline: 0;
	grid-template-columns: minmax(0, 46%) minmax(0, 54%);
}

.section--group-home .group-layout > .section-heading {
	min-width: 0;
	height: 100%;
	padding: clamp(64px, 5.5vw, 88px) clamp(48px, 7.5vw, 120px);
}

.section--group-home .group-layout > .section-heading h2 {
	width: 100%;
	max-width: 520px;
	margin-bottom: 20px;
	font: 500 clamp(38px, 3.05vw, 48px)/1.04 "Sofia Sans", Inter, Arial, sans-serif;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}

.section--group-home .group-description {
	width: 100%;
	max-width: 520px;
	margin: 0;
	color: #26345f;
	font: 400 17px/1.5 Inter, Arial, sans-serif;
}

.section--group-home .office-grid {
	min-width: 0;
	height: 100%;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
}

.section--group-home .office-card {
	width: 100%;
	height: 100%;
	min-width: 0;
}

.section--group-home .office-card::after {
	background: linear-gradient(180deg, rgba(5, 5, 43, 0.04) 24%, rgba(5, 5, 43, 0.96) 100%);
}

.section--group-home .office-card > div {
	right: 32px;
	bottom: 32px;
	left: 32px;
	display: grid;
	min-width: 0;
	grid-template-columns: 54px minmax(0, 1fr);
	column-gap: 16px;
	align-items: center;
}

.section--group-home .office-card > div > img {
	width: 54px;
	height: 54px;
	max-height: none;
	margin: 0;
	grid-row: 1 / 3;
	border-radius: 50%;
	object-fit: contain;
}

.section--group-home .office-card p {
	margin: 0 0 3px;
	color: #fff;
	font: 500 28px/1.05 "Sofia Sans", Inter, Arial, sans-serif;
	letter-spacing: 0;
	text-shadow: 0 1px 12px rgba(0, 0, 24, 0.55);
	text-transform: uppercase;
}

.section--group-home .office-card h3 {
	margin: 0;
	color: #fff;
	font: 500 16px/1.35 Inter, Arial, sans-serif;
	letter-spacing: 0;
	text-shadow: 0 1px 12px rgba(0, 0, 24, 0.65);
}

.section--group-home .office-card.has-details {
	cursor: pointer;
}

.section--group-home .office-card__details {
	position: absolute;
	z-index: 4;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	padding: 28px 32px;
	background: rgba(4, 16, 55, 0.97);
	opacity: 0;
	visibility: hidden;
	transform: translateY(100%);
	transition: transform 240ms ease, opacity 240ms ease, visibility 240ms ease;
	pointer-events: none;
}

.section--group-home .office-card__details strong {
	color: var(--accent);
	font: 500 17px/1.2 "Sofia Sans", Inter, Arial, sans-serif;
	text-transform: uppercase;
}

.section--group-home .office-card__details p {
	margin: 10px 0 0;
	color: #fff;
	font: 400 15px/1.55 Inter, Arial, sans-serif;
	text-transform: none;
}

.section--group-home .office-card__details a {
	display: inline-flex;
	margin-top: 14px;
	gap: 10px;
	align-items: center;
	color: var(--accent);
	font: 600 15px/1 Inter, Arial, sans-serif;
}

.section--group-home .office-card__details a:is(:hover, :focus-visible) {
	color: #fff;
}

.section--group-home .office-card.has-details:is(:focus, :focus-within) .office-card__details {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

@media (hover: hover) and (pointer: fine) {
	.section--group-home .office-card.has-details:hover .office-card__details {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
	}
}

@media (any-hover: none), (pointer: coarse) {
	.section--group-home .office-card.has-details:hover:not(:focus, :focus-within) .office-card__details {
		opacity: 0;
		visibility: hidden;
		transform: translateY(100%);
		pointer-events: none;
	}
}

.section--group-home .office-card:is(:focus, :focus-within) .office-card__photo {
	transform: scale(1.035);
}

.section--group-home .office-card:focus-visible {
	outline: 3px solid var(--accent);
	outline-offset: -3px;
}

@media (max-width: 900px) {
	.home .section--group-home,
	.page-template-page-about .section--group-home {
		--group-section-height: auto;
		height: auto;
		min-height: 0;
	}

	.home .section--group-home > .container.group-layout,
	.page-template-page-about .section--group-home > .container.group-layout {
		width: 100%;
		height: auto;
		grid-template-columns: 1fr;
	}

	.section--group-home .group-layout > .section-heading {
		min-height: 420px;
		padding: 72px 48px;
	}

	.section--group-home .office-grid {
		height: 460px;
	}

	.home .section--group-home .office-card,
	.page-template-page-about .section--group-home .office-card {
		height: 460px;
	}
}

@media (max-width: 600px) {
	.section--group-home .group-layout > .section-heading {
		min-height: 390px;
		padding: 60px 24px;
	}

	.section--group-home .group-layout > .section-heading h2 {
		font-size: 34px;
	}

	.section--group-home .group-description {
		font-size: 16px;
	}

	.section--group-home .office-grid {
		height: auto;
		grid-template-columns: 1fr;
	}

	.home .section--group-home .office-card,
	.page-template-page-about .section--group-home .office-card {
		height: 390px;
	}

	.section--group-home .office-card > div {
		right: 24px;
		bottom: 24px;
		left: 24px;
	}

	.section--group-home .office-card p {
		font-size: 24px;
	}

	.section--group-home .office-card__details {
		padding: 24px;
		max-height: 100%;
		overflow-y: auto;
	}

	.section--group-home .office-card__details p,
	.section--group-home .office-card__details a {
		overflow-wrap: anywhere;
	}
}

/* Client review: Figma-sized controls, social glyphs and navigation behavior. */
.button,
.home .hero .button,
.home .section--news .button,
.page-template-page-about .section--legal .button,
.page-template-page-contacts .contact-form .button {
	border-radius: 10px;
}

.home .tabs-list button {
	border-radius: 8px;
}

.desktop-nav a[aria-current="page"]::after {
	transform: scaleX(1);
}

.header-social a,
.header-social span,
.site-footer .social-links a,
.site-footer .social-links span {
	display: grid;
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	place-items: center;
	color: var(--accent);
	border: 1px solid var(--accent);
	border-radius: 50%;
}

.header-social a,
.site-footer .social-links a {
	transition: color 180ms ease, background-color 180ms ease;
}

.header-social a:is(:hover, :focus-visible),
.site-footer .social-links a:is(:hover, :focus-visible) {
	color: var(--blue);
	background: var(--accent);
}

.header-social svg,
.site-footer .social-links svg {
	display: block;
	width: 16px;
	height: 16px;
}

.header-social > :nth-child(2) svg,
.site-footer .social-links > :nth-child(2) svg {
	width: 18px;
	height: 18px;
}

.home .hero-scroll {
	gap: 8px;
	color: rgba(255, 255, 255, 0.85);
}

.home .hero-scroll img {
	width: 13px;
	height: 21px;
	flex: 0 0 13px;
}

@media (max-width: 767px) {
	.home .hero-scroll {
		gap: 8px;
		font-size: 12px;
	}

	.home .hero-scroll img {
		width: 13px;
		height: 21px;
	}
}

/* Client review: one continuous Figma wave, simultaneous stats, and product separation. */
.home-company-flow {
	position: relative;
	overflow: hidden;
	background: var(--white);
}

.home-company-flow::before {
	position: absolute;
	z-index: 0;
	top: -170px;
	left: 50%;
	width: 1560px;
	height: 1040px;
	content: "";
	opacity: 0.52;
	background: url("../images/wave.png") center/100% 100% no-repeat;
	filter: contrast(1.45) saturate(0.8);
	mix-blend-mode: multiply;
	transform: translateX(-50%) rotate(5deg) scaleY(-1);
	transform-origin: center;
	pointer-events: none;
}

.home-company-flow > section {
	position: relative;
	z-index: 1;
	background: transparent;
}

.home .section--about::before,
.home .stats--home::before,
.home .section--products .section-heading::before {
	content: none;
}

.home .product-card + .product-card {
	border-top: 2px solid var(--white);
}

.tabs-controls,
.catalog-controls {
	display: flex;
	min-width: 0;
	gap: 12px;
	align-items: center;
	justify-content: center;
}

.tabs-controls .tabs-list,
.catalog-controls .catalog-tabs {
	min-width: 0;
}

.home .tabs-panels article > div {
	padding-right: clamp(54px, calc((100vw - 1200px) / 2), 150px);
	padding-left: clamp(54px, calc((100vw - 1200px) / 2), 150px);
}

.home .tabs-panels article p {
	max-width: 560px;
}

.home .tabs-panels article > img {
	object-position: center;
}

.home .tabs-panels,
.fertilizer-catalog .catalog-panels {
	position: relative;
}

.home .tabs-panels article > img {
	object-fit: cover;
	object-position: center center;
}

.tab-carousel-arrow {
	position: absolute;
	z-index: 4;
	top: 50%;
	display: grid;
	width: 44px;
	height: 44px;
	padding: 0;
	place-items: center;
	color: var(--blue);
	border: 1px solid var(--blue);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 4px 16px rgba(3, 21, 87, 0.12);
	transform: translateY(-50%);
	transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
	cursor: pointer;
	touch-action: manipulation;
}

.tab-carousel-arrow--prev {
	left: clamp(12px, 2vw, 32px);
}

.tab-carousel-arrow--next {
	right: clamp(12px, 2vw, 32px);
}

.tab-carousel-arrow span {
	display: block;
	width: 10px;
	height: 10px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	font-size: 0;
	transform: rotate(45deg);
}

.tab-carousel-arrow--prev span {
	transform: rotate(-135deg);
}

.tab-carousel-arrow:is(:hover, :focus-visible) {
	border-color: var(--accent);
	background: var(--accent);
}

.tab-carousel-arrow:focus-visible {
	outline: 3px solid var(--blue);
	outline-offset: 3px;
}

@media (max-width: 767px) {
	.home-company-flow::before {
		content: none;
	}

	.tabs-controls,
	.catalog-controls {
		gap: 8px;
		justify-content: flex-start;
	}

	.tabs-controls .tabs-list,
	.catalog-controls .catalog-tabs {
		overflow-x: auto;
		justify-content: flex-start;
		scrollbar-width: none;
	}

	.tabs-controls .tabs-list::-webkit-scrollbar,
	.catalog-controls .catalog-tabs::-webkit-scrollbar {
		display: none;
	}

	.home .tabs-panels article > div {
		padding: 42px 24px;
	}

	.tab-carousel-arrow {
		top: 50%;
		width: 44px;
		height: 44px;
	}

	.tab-carousel-arrow--prev {
		left: 8px;
	}

	.tab-carousel-arrow--next {
		right: 8px;
	}
}

/* Tighten the visual handoff from partnership benefits to homepage news. */
.home .section--partners {
	height: auto;
	min-height: 0;
	padding-bottom: 40px;
}

.home .section--partners .benefits-grid {
	height: auto;
	grid-auto-rows: minmax(260px, auto);
}

.home .section--partners .benefit-card {
	min-height: 260px;
}

.home .section--news {
	padding-top: 60px;
}

@media (max-width: 1024px) {
	.home .section--partners {
		padding-bottom: 32px;
	}

	.home .section--news {
		padding-top: 56px;
	}
}

@media (max-width: 767px) {
	.home .section--partners {
		height: auto;
		min-height: 0;
		padding-bottom: 32px;
	}

	.home .section--partners .benefits-grid {
		height: auto;
		grid-auto-rows: minmax(220px, auto);
	}

	.home .section--partners .benefit-card {
		min-height: 220px;
	}

	.home .section--news {
		padding-top: 48px;
	}
}

/* News archive — Figma cards, filters and editorial spacing. */
.blog .page-title,
.tax-agt_news_type .page-title {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.blog .news-archive,
.tax-agt_news_type .news-archive {
	min-height: 0;
	padding: 100px 0 120px;
	background: #fff;
}

.blog .news-archive > .container,
.tax-agt_news_type .news-archive > .container {
	width: min(calc(100% - 48px), 1200px);
}

.blog .filter-nav,
.tax-agt_news_type .filter-nav {
	margin: 0 0 40px;
	gap: 8px;
}

.blog .filter-nav a,
.tax-agt_news_type .filter-nav a {
	position: relative;
	min-height: 34px;
	padding: 7px 13px;
	justify-content: center;
	color: var(--blue);
	border: 0;
	border-radius: 8px;
	background: #f0f1f7;
	font: 500 14px/1.4 Inter, Arial, sans-serif;
	transition: color 180ms ease, background-color 180ms ease;
}

.blog .filter-nav a::before,
.tax-agt_news_type .filter-nav a::before {
	position: absolute;
	inset: -5px 0;
	content: "";
}

.blog .filter-nav a:is(:hover, :focus-visible, .is-active),
.tax-agt_news_type .filter-nav a:is(:hover, :focus-visible, .is-active) {
	color: var(--blue);
	background: var(--accent);
}

.blog .news-grid--archive,
.tax-agt_news_type .news-grid--archive {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px 16px;
}

.blog .news-card,
.tax-agt_news_type .news-card {
	display: flex;
	min-width: 0;
	height: 100%;
	flex-direction: column;
	background: #fff;
}

.blog .news-card__image,
.tax-agt_news_type .news-card__image {
	width: 100%;
	height: auto;
	flex: 0 0 auto;
	aspect-ratio: 384 / 225;
	background: #e8e8ed;
}

.blog .news-card__image img,
.tax-agt_news_type .news-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.blog .news-card__body,
.tax-agt_news_type .news-card__body {
	min-height: 205px;
	padding: 28px;
	flex: 1 1 auto;
	border: 1px solid var(--line);
	border-top: 0;
}

.blog .news-card time,
.tax-agt_news_type .news-card time {
	margin: 0 0 16px;
	color: #8b8c98;
	font: 400 14px/1.2 Inter, Arial, sans-serif;
	text-transform: lowercase;
}

.blog .news-card time::first-letter,
.tax-agt_news_type .news-card time::first-letter {
	text-transform: uppercase;
}

.blog .news-card h3,
.tax-agt_news_type .news-card h3 {
	display: -webkit-box;
	margin: 0 0 20px;
	overflow: hidden;
	color: var(--blue);
	font: 500 18px/1.25 Inter, Arial, sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.blog .news-card .text-link,
.tax-agt_news_type .news-card .text-link {
	position: relative;
	min-height: 32px;
	margin-top: auto;
	gap: 12px;
	align-items: center;
	color: var(--blue);
	font: 600 14px/1 Inter, Arial, sans-serif;
}

.blog .news-card .text-link::before,
.tax-agt_news_type .news-card .text-link::before {
	position: absolute;
	inset: -6px 0;
	content: "";
}

.blog .news-card .text-link span,
.tax-agt_news_type .news-card .text-link span {
	font-size: 24px;
	font-weight: 300;
	line-height: 0.7;
}

/* Client review: benefit rhythm, news underline and unified interaction states. */
.home .section--partners .benefit-card img {
	width: 56px;
	height: 56px;
	margin-bottom: 18px;
}

.home .section--news .section-heading h2::after {
	display: block;
	width: 60px;
	height: 2px;
	margin: 20px 0 0;
	content: "";
	background: var(--accent);
}

.button:is(:hover, :focus-visible),
.home .tabs-list button:is(:hover, :focus-visible),
.fertilizer-catalog .catalog-tabs button:is(:hover, :focus-visible),
.page-numbers:is(:hover, :focus-visible) {
	color: var(--blue);
	border-color: var(--accent);
	background: var(--accent);
}

@media (min-width: 1101px) and (hover: hover) {
	.home .section--news .button:hover {
		border-color: transparent;
	}
}

.news-card__image img {
	transition: transform 280ms ease-out;
}

.news-card:is(:hover, :focus-within) .news-card__image img {
	transform: scale(1.045);
}

.news-card .text-link {
	transform-origin: left center;
	transition: color 180ms ease, transform 180ms ease-out;
}

.news-card .text-link span {
	transition: transform 180ms ease-out;
}

.news-card .text-link:is(:hover, :focus-visible) {
	color: var(--blue);
	transform: scale(1.03);
}

.news-card .text-link:is(:hover, :focus-visible) span {
	transform: translateX(2px);
}

.news-card .text-link:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
	.home .hero__video {
		display: none;
	}

	.news-card__image img,
	.news-card .text-link,
	.news-card .text-link span {
		transition: none;
	}

	.news-card:is(:hover, :focus-within) .news-card__image img,
	.news-card .text-link:is(:hover, :focus-visible) {
		transform: none;
	}
}

.blog .pagination,
.tax-agt_news_type .pagination {
	margin-top: 64px;
}

@media (max-width: 1100px) {
	.blog .news-archive,
	.tax-agt_news_type .news-archive {
		padding: 80px 0 96px;
	}

	.blog .news-grid--archive,
	.tax-agt_news_type .news-grid--archive {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 32px 16px;
	}
}

@media (max-width: 600px) {
	.blog .news-archive,
	.tax-agt_news_type .news-archive {
		padding: 64px 0 80px;
	}

	.blog .news-archive > .container,
	.tax-agt_news_type .news-archive > .container {
		width: min(calc(100% - 32px), 1200px);
	}

	.blog .filter-nav,
	.tax-agt_news_type .filter-nav {
		margin-bottom: 32px;
		gap: 8px;
	}

	.blog .news-grid--archive,
	.tax-agt_news_type .news-grid--archive {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.blog .news-card__body,
	.tax-agt_news_type .news-card__body {
		min-height: 200px;
		padding: 24px 20px;
	}

	.blog .news-card h3,
	.tax-agt_news_type .news-card h3 {
		font-size: 17px;
	}
}

/* Client review: Figma copy, rounded controls, AG Group badge and footer grid. */
.section--group-home .group-label {
	margin-bottom: 18px;
	padding: 6px 12px;
	border-radius: 10px;
	font: 400 clamp(22px, 2.22vw, 32px)/1.1 Inter, Arial, sans-serif;
	letter-spacing: 0.01em;
}

.section--group-home .group-description {
	max-width: 600px;
	color: var(--blue);
	font-size: 20px;
	line-height: 1.45;
}

.contact-form input:not([type="checkbox"]),
.contact-form textarea {
	border-radius: 10px;
}

.product-switch a,
.page-template-page-about .workflow__tabs button,
.home .tabs-list button,
.fertilizer-catalog .catalog-tabs button,
.blog .filter-nav a,
.tax-agt_news_type .filter-nav a,
.catalog-label,
.group-label {
	border-radius: 10px;
}

.product-switch a:is(:hover, :focus-visible),
.page-template-page-about .workflow__tabs button:is(:hover, :focus-visible),
.home .tabs-list button:is(:hover, :focus-visible),
.fertilizer-catalog .catalog-tabs button:is(:hover, :focus-visible),
.blog .filter-nav a:is(:hover, :focus-visible),
.tax-agt_news_type .filter-nav a:is(:hover, :focus-visible) {
	color: var(--blue);
	border-color: var(--accent);
	background: var(--accent);
}

.site-footer {
	height: auto;
	min-height: 348px;
	padding: 88px 0 40px;
}

.site-footer__grid {
	display: grid;
	height: auto;
	min-height: 180px;
	grid-template-columns: minmax(0, 1.2fr) minmax(150px, 0.55fr) minmax(280px, 0.9fr);
	column-gap: clamp(64px, 7vw, 112px);
	align-items: start;
}

.site-footer__brand {
	display: grid;
	min-width: 0;
	grid-template-rows: auto auto auto;
	row-gap: 16px;
	align-content: start;
}

.site-footer__brand .site-logo {
	display: flex;
	width: 160px;
	height: 64px;
	margin: 0;
	flex-basis: auto;
	align-items: flex-start;
}

.site-footer__brand .site-logo__image {
	width: 160px;
	height: 64px;
}

.site-footer__brand p {
	max-width: 360px;
	margin: 0;
}

.site-footer__brand small {
	position: static;
	margin: 0;
}

.site-footer .footer-nav {
	display: grid;
	margin: 0;
	grid-template-rows: repeat(4, minmax(24px, auto));
	gap: 16px;
	align-content: start;
}

.site-footer .footer-nav a {
	display: inline-flex;
	min-height: 24px;
	align-items: center;
}

.site-footer__contact {
	display: grid;
	min-width: 0;
	grid-template-rows: 36px auto minmax(24px, auto) minmax(24px, auto);
	gap: 10px;
	align-content: start;
}

.site-footer .social-links {
	margin: 0;
	order: 0;
}

.site-footer__contact address {
	max-width: 282px;
	margin: 0;
}

@media (min-width: 768px) and (max-width: 1100px) {
	.site-footer {
		height: auto;
		min-height: 330px;
		padding: 72px 0 36px;
	}

	.site-footer__grid {
		display: grid;
		height: auto;
		min-height: 180px;
		grid-template-columns: minmax(0, 1.15fr) minmax(112px, 0.55fr) minmax(220px, 1.1fr);
		gap: 32px;
		flex-direction: initial;
	}

	.site-footer__brand p,
	.site-footer__contact {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.section--group-home .group-label {
		font-size: 22px;
	}

	.section--group-home .group-description {
		font-size: 16px;
	}

	.site-footer {
		height: auto;
		min-height: 0;
		padding: 48px 0 32px;
	}

	.site-footer__grid {
		display: grid;
		width: min(calc(100% - 40px), 1200px);
		height: auto;
		min-height: 0;
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
		flex-direction: initial;
	}

	.site-footer__brand,
	.site-footer .footer-nav,
	.site-footer__contact {
		width: 100%;
		max-width: 100%;
	}

	.site-footer__brand .site-logo,
	.site-footer__brand .site-logo__image {
		width: 150px;
		height: 64px;
	}

	.site-footer .footer-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(2, minmax(24px, auto));
		gap: 16px 40px;
	}

	.site-footer__contact {
		grid-template-rows: 36px auto minmax(24px, auto) minmax(24px, auto);
	}

	.site-footer__contact a,
	.site-footer__contact address {
		overflow-wrap: anywhere;
	}
}

/* Client review: aligned footer baseline, workflow carousel and team crops. */
@media (min-width: 768px) {
	.site-footer__grid {
		height: 180px;
		min-height: 180px;
	}

	.site-footer__brand {
		height: 180px;
		grid-template-rows: 64px minmax(0, 1fr) 24px;
		row-gap: 0;
	}

	.site-footer__brand p {
		align-self: center;
	}

	.site-footer__brand small,
	.site-footer .footer-nav a,
	.site-footer__contact > a {
		line-height: 24px;
	}

	.site-footer .footer-nav {
		height: 180px;
		grid-template-rows: repeat(4, 24px);
		gap: 0;
		align-content: space-between;
	}

	.site-footer__contact {
		height: 180px;
		grid-template-rows: 36px minmax(0, 1fr) 24px 24px;
		gap: 0;
	}

	.site-footer__contact address {
		align-self: center;
	}
}

.page-template-page-about .workflow__panels {
	position: relative;
}

.page-template-page-about .about-team__heading h2::after {
	display: block;
	width: 50px;
	height: 2px;
	margin-top: 20px;
	content: "";
	background: var(--accent);
}

.page-template-page-about .team-card--figma > div {
	aspect-ratio: 1;
	background-position-y: top;
	background-size: 320% auto;
}

.page-template-page-about .team-card--figma.team-card--first > div {
	background-position: 86.36% top;
}

.page-template-page-about .team-card--figma.team-card--second > div {
	background-position: 15.79% top;
	background-size: 380% auto;
}

.page-template-page-about .about-benefits .benefit-card img {
	width: 56px;
	height: 56px;
	margin-bottom: 18px;
}

.page-template-page-about .team-card > img {
	aspect-ratio: 1;
	object-position: center 12%;
}

@media (min-width: 1101px) {
	.page-template-page-about .about-team .team-grid {
		width: min(100%, 1056px);
		margin-inline: auto;
	}
}

@media (max-width: 767px) {
	.page-template-page-about .workflow__panels .tab-carousel-arrow {
		top: 62%;
	}

	.page-template-page-about .about-team__heading h2::after {
		margin-top: 16px;
	}
}

/* Client review: product counters, full-colour light-header logo and Figma contact icons. */
.site-logo__image--mark {
	display: none;
}

.site-header--light .site-logo {
	position: relative;
}

.site-header--light .site-logo__image--mark {
	position: absolute;
	inset: 0;
	display: block;
	clip-path: inset(0 59% 0 0);
	filter: none;
	pointer-events: none;
}

.site-header--light .site-logo__image:not(.site-logo__image--mark) {
	clip-path: inset(0 0 0 41%);
}

.inline-countup {
	display: inline-block;
	min-width: 2.5ch;
	font-variant-numeric: tabular-nums;
}

.page-template-page-contacts .contact-grid .contact-item {
	display: flex;
	margin-bottom: 16px;
	gap: 14px;
	align-items: flex-start;
	color: var(--blue);
}

.page-template-page-contacts .contact-item__icon {
	width: 24px;
	height: 24px;
	min-width: 24px;
	margin-top: 0;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.page-template-page-contacts .contact-item > span {
	padding-top: 0;
	line-height: 24px;
}

.page-template-page-contacts .contact-form-layout h2 > span {
	display: block;
}

@media (max-width: 767px) {
	.page-template-page-contacts .contact-grid .contact-item {
		gap: 12px;
	}

	.page-template-page-contacts .contact-form-layout h2 > span {
		display: inline;
	}

	.page-template-page-contacts .contact-form-layout h2 > span:first-child::after {
		content: " ";
	}

	.page-template-page-contacts .contact-map > .container {
		width: calc(100% - 32px);
	}
}

/* Designer typography review: AGT-Review.pdf, 2026-07-31. */
.button,
.home .hero .button,
.home .section--news .button,
.page-template-page-about .section--legal .button,
.page-template-page-contacts .contact-form .button,
.text-link,
.blog .filter-nav a,
.tax-agt_news_type .filter-nav a,
.page-numbers,
.product-switch a,
.home .tabs-list button span,
.page-template-page-about .workflow__tabs span,
.fertilizer-catalog .catalog-tabs button {
	font-size: 16px;
}

.product-card__content i::before {
	font-size: 16px;
	line-height: 1;
}

.home .section--news .news-card .text-link,
.blog .news-card .text-link,
.tax-agt_news_type .news-card .text-link,
.single-post .related-news .news-card .text-link {
	font-size: 16px;
	line-height: 1;
}

.home .stats--home span,
.inline-stats span {
	font-size: 16px;
	line-height: 1.35;
}

.home .benefit-card h3,
.page-template-page-about .about-benefits .benefit-card h3 {
	font-size: 24px;
	line-height: 1.2;
}

.home .benefit-card p,
.page-template-page-about .about-benefits .benefit-card p {
	font-size: 16px;
	line-height: 1.5;
}

.home .tabs-panels p,
.page-template-page-about .workflow__panels p,
.fertilizer-catalog .catalog-panels li,
.page-template-page-contacts .contact-form-layout .lead {
	font-size: 16px;
	line-height: 1.5;
}

.section--group-home .group-layout > .section-heading h2 {
	font-size: 40px;
	line-height: 1.05;
}

@media (min-width: 1101px) {
	.page-template-page-about .about-hero h1,
	.page-template-page-contacts .page-title h1,
	.single-post .article__header h1,
	.error404 .error-page h1,
	.page-template-default .page-title h1 {
		font-size: 56px;
		line-height: 1.02;
	}

	.page-template-page-about .about-principles .section-heading h2,
	.page-template-page-about .section--workflow .section-heading h2,
	.page-template-page-about .section--legal h2,
	.page-template-page-about .about-benefits .section-heading h2,
	.page-template-page-about .about-team__heading h2,
	.page-template-page-contacts .contact-form-layout h2,
	.fertilizer-classification .section-heading h2,
	.fertilizer-catalog .section-heading h2,
	.home .section--products .section-heading h2,
	.home .section--advantages .section-heading h2,
	.home .section--partners .section-heading h2,
	.home .section--news .section-heading h2 {
		font-size: 40px;
		line-height: 1.05;
	}

	.home .tabs-panels h3,
	.page-template-page-about .workflow__panels h3,
	.fertilizer-catalog .catalog-panels article h3 {
		font-size: 32px;
		line-height: 1.1;
	}
}

/* Client review: align benefit copy and add accessible team social links. */
.page-template-page-about .about-benefits .benefit-card {
	display: grid;
	grid-template-rows: 56px minmax(58px, auto) auto;
	row-gap: 18px;
	align-content: start;
}

.page-template-page-about .about-benefits .benefit-card img,
.page-template-page-about .about-benefits .benefit-card h3,
.page-template-page-about .about-benefits .benefit-card p {
	margin: 0;
}

.page-template-page-about .about-benefits .benefit-card p {
	color: var(--blue);
}

.page-template-page-about .about-team .team-card__content {
	display: grid;
	height: auto;
	min-height: 166px;
	padding: 20px 0 30px;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"name socials"
		"role socials";
	column-gap: 24px;
	row-gap: 8px;
	align-content: center;
	align-items: center;
}

.page-template-page-about .team-card__content h3 {
	margin: 0;
	grid-area: name;
}

.page-template-page-about .team-card__content p {
	margin: 0;
	grid-area: role;
	color: var(--blue);
}

.page-template-page-about .team-card__socials {
	display: flex;
	margin: 0;
	grid-area: socials;
	gap: 10px;
	align-items: center;
}

.page-template-page-about .team-card__socials a,
.page-template-page-about .team-card__socials span {
	display: grid;
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	place-items: center;
	color: var(--blue);
	border: 1px solid var(--blue);
	border-radius: 50%;
}

.page-template-page-about .team-card__socials a {
	transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.page-template-page-about .team-card__socials a:is(:hover, :focus-visible) {
	color: var(--blue);
	border-color: var(--accent);
	background: var(--accent);
}

.page-template-page-about .team-card__socials a:focus-visible {
	outline: 3px solid rgba(255, 190, 0, 0.35);
	outline-offset: 3px;
}

.page-template-page-about .team-card__socials .is-disabled {
	opacity: 0.5;
}

.page-template-page-about .team-card__socials svg {
	display: block;
	width: 18px;
	height: 18px;
}

.page-template-page-about .team-card__socials > :nth-child(2) svg {
	width: 20px;
	height: 20px;
}

@media (max-width: 767px) {
	.page-template-page-about .about-benefits .benefit-card {
		grid-template-rows: 56px auto auto;
	}

	.page-template-page-about .about-team .team-card__content {
		min-height: 0;
		padding-bottom: 28px;
		grid-template-columns: 1fr;
		grid-template-areas:
			"name"
			"role"
			"socials";
	}

	.page-template-page-about .team-card__socials {
		margin-top: 8px;
	}
}

/* Responsive interaction pass: preserve the Figma visuals with touch-safe targets. */
@media (max-width: 1100px) {
	.site-logo,
	.home .hero-scroll,
	body [data-tabs] [role="tab"],
	.product-switch a,
	.blog .filter-nav a,
	.tax-agt_news_type .filter-nav a,
	.page-template-page-contacts .contact-grid a.contact-item {
		min-height: 44px;
	}

	.site-logo,
	.home .hero-scroll,
	.product-switch a,
	.blog .filter-nav a,
	.tax-agt_news_type .filter-nav a,
	.page-template-page-contacts .contact-grid a.contact-item {
		align-items: center;
	}

	[data-tabs] {
		-webkit-tap-highlight-color: transparent;
	}

	.page-template-page-contacts .contact-grid a.contact-item {
		margin-top: -10px;
		margin-bottom: 6px;
		padding-block: 10px;
	}
}

@media (max-width: 767px) {
	.menu-toggle {
		width: 44px;
		height: 44px;
		padding-inline: 11px;
	}
}

/* Client mobile review: footer flow, contact type and product-stat styling. */
.site-footer__copyright--mobile {
	display: none;
}

@media (max-width: 767px) {
	.site-footer__grid {
		gap: 0;
	}

	.site-footer__brand {
		grid-template-rows: auto auto;
		row-gap: 18px;
	}

	.site-footer__copyright--desktop {
		display: none;
	}

	.site-footer .footer-nav {
		margin-top: 24px;
		padding-bottom: 28px;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: repeat(4, minmax(44px, auto));
		gap: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.16);
	}

	.site-footer .footer-nav a {
		width: max-content;
		min-height: 44px;
	}

	.site-footer__contact {
		margin-top: 28px;
		grid-template-rows: 44px auto minmax(44px, auto) minmax(44px, auto);
		gap: 4px;
	}

	.site-footer__contact > a {
		display: flex;
		min-height: 44px;
		align-items: center;
	}

	.site-footer__copyright--mobile {
		display: block;
		margin-top: 22px;
		color: rgba(255, 255, 255, 0.5);
		font-size: 13px;
		line-height: 1.45;
	}

	.page-template-page-contacts .contact-form-layout h2 {
		font-family: Inter, Arial, sans-serif;
		letter-spacing: -0.025em;
	}

	.page-template-page-natural-gas .inline-stats {
		border-top: 0;
		border-bottom: 0;
	}

	.page-template-page-natural-gas .inline-stats span {
		color: var(--blue);
	}

	.page-template-page-about .about-mission {
		padding: 48px 0;
	}

	.page-template-page-about .about-principles {
		padding: 48px 0;
	}

	.page-template-page-about .section--workflow {
		padding-top: 56px;
	}
}

/* Mobile-only brand typography and colour contract from the client review. */
@media (max-width: 767px) {
	h1,
	h2,
	h3,
	.stats strong,
	.inline-stats strong,
	.product-card__content strong,
	.office-card > div > p,
	.section--group-home .group-layout > .section-heading h2,
	.section--group-home .office-card > div > p {
		font-family: Inter, Arial, sans-serif;
	}

	.stats strong,
	.inline-stats strong {
		font-variant-numeric: tabular-nums;
	}

	.home .hero__lead,
	.home .section--about .split-heading p,
	.page-template-page-about .about-hero__grid > div {
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-page-about .principles-grid p,
	.fertilizer-classification .classification-grid p,
	.home .section--news .news-card time,
	.blog .news-card time,
	.tax-agt_news_type .news-card time,
	.fertilizer-catalog .catalog-tabs button {
		color: var(--blue);
	}
}

/* Figma mobile source-of-truth pass (375px frames supplied 2026-08-03). */
.news-card--mobile-repeat,
.news-archive__figma-more,
.article__content--mobile {
	display: none;
}

@media (max-width: 767px) {
	:root {
		--header-height: 80px;
		--blue: #091b5b;
		--navy: #05052b;
		--accent: #ffc011;
		--paper: #f6f6f9;
		--line: #e0e0ed;
	}

	body {
		color: #091b5b;
		font: 400 16px/1.5 Inter, Arial, sans-serif;
	}

	h1,
	h2,
	h3,
	.stats strong,
	.inline-stats strong,
	.product-card__content strong,
	.office-card > div > p,
	.section--group-home .group-layout > .section-heading h2,
	.section--group-home .office-card > div > p {
		font-family: "Sofia Sans", Inter, Arial, sans-serif;
		letter-spacing: -.01em;
	}

	.container,
	.container--article {
		width: calc(100% - 32px);
		max-width: none;
	}

	.site-header {
		height: 80px;
		min-height: 80px;
	}

	.site-header__inner {
		width: calc(100% - 32px);
		height: 80px;
		gap: 0;
	}

	.site-header .desktop-nav,
	.site-header .header-phone,
	.site-header .header-social {
		display: none;
	}

	.site-header .site-logo {
		width: 108px;
		height: 48px;
		min-height: 48px;
		flex: 0 0 108px;
	}

	.site-header .site-logo__image {
		width: 135px;
		height: 53px;
		max-width: none;
		flex: 0 0 135px;
		transform: translate(-5px, -2.5px);
	}

	.site-header .header-language {
		display: inline-flex;
		margin: 0 14px 0 auto;
		gap: 7px;
		align-items: center;
		color: inherit;
		font-size: 16px;
		line-height: 1;
	}

	.site-header .menu-toggle {
		position: relative;
		z-index: 99;
		display: grid;
		width: 44px;
		height: 44px;
		min-height: 44px;
		padding: 12px 11px;
		margin: 0;
		align-content: center;
		border: 1px solid currentColor;
		border-radius: 50%;
		color: #fff;
		background: transparent;
	}

	body.menu-open .site-header .menu-toggle {
		color: #fff;
	}

	.site-header .menu-toggle > span:not(.screen-reader-text) {
		width: 20px;
		height: 1px;
		margin: 3px 0;
		background: currentColor;
	}

	.site-header .menu-toggle::before {
		display: block;
		width: 20px;
		height: 1px;
		margin: 3px 0;
		content: "";
		background: currentColor;
	}

	.site-header .menu-toggle[aria-expanded="true"]::before {
		display: none;
	}

	/* Homepage */
	.home .hero {
		height: 700px;
		min-height: 700px;
	}

	.home .hero__media,
	.home .hero__video {
		height: 700px;
		object-position: 50% 50%;
	}

	.home .hero__media::after {
		background: rgba(0, 0, 0, .28);
	}

	.home .hero__inner {
		display: block;
		width: calc(100% - 32px);
		height: 700px;
		padding-top: 120px;
	}

	.home .hero h1 {
		width: 343px;
		max-width: 100%;
		margin: 0 0 16px;
		font-family: "Sofia Sans", Inter, Arial, sans-serif;
		font-size: 40px;
		font-weight: 500;
		line-height: 1.05;
		letter-spacing: -.01em;
		text-transform: uppercase;
	}

	.home .hero__copy {
		padding: 0;
	}

	.home .hero__lead {
		width: 343px;
		max-width: 100%;
		margin: 0;
		font-size: 18px;
		line-height: 1.5;
	}

	.home .hero .button {
		position: absolute;
		bottom: 68px;
		left: 50%;
		display: flex;
		width: 343px;
		max-width: 100%;
		height: 60px;
		min-height: 60px;
		margin: 0;
		padding: 20px 40px;
		justify-content: center;
		border-radius: 12px;
		font-size: 16px;
		line-height: 1;
		transform: translateX(-50%);
	}

	.home .hero-scroll {
		right: 0;
		bottom: 16px;
		left: 0;
		display: flex;
		width: 100%;
		min-height: 20px;
		gap: 10px;
		justify-content: center;
		font-size: 14px;
		line-height: 1;
	}

	.home .hero-scroll span {
		display: inline;
	}

	.home .hero-scroll img {
		width: 18px;
	}

	.home .section--about {
		height: auto;
		min-height: 620px;
		padding: 60px 0 28px;
	}

	.home .section--about .split-heading {
		display: flex;
		gap: 40px;
		flex-direction: column;
	}

	.home .section--about .split-heading > div:first-child {
		height: auto;
		flex: 0 0 auto;
	}

	.home .section--about .split-heading > div:last-child {
		height: auto;
		flex: 0 0 auto;
	}

	.home .split-heading h2 {
		margin: 0;
		font-family: "Sofia Sans", Inter, Arial, sans-serif;
		font-size: 40px;
		font-weight: 400;
		line-height: 1.1;
		letter-spacing: 0;
	}

	.home .split-heading h2::after,
	.home .section-heading h2::after {
		width: 60px;
		height: 2px;
		margin-top: 16px;
	}

	.home .section--about .split-heading p {
		margin-bottom: 16px;
		font-size: 18px;
		line-height: 1.5;
	}

	.home .stats--home {
		height: auto;
		min-height: 592px;
		padding-bottom: 60px;
	}

	.home .stats--home .stats__grid {
		height: auto;
		min-height: 532px;
		grid-template-rows: none;
		gap: 40px;
	}

	.home .stats--home .stats__grid > div {
		min-height: 0;
		padding: 0;
		align-content: start;
	}

	.home .stats--home strong {
		margin: 0 0 8px;
		font-family: "Sofia Sans", Inter, Arial, sans-serif;
		font-size: 48px;
		font-weight: 500;
		line-height: 1;
		letter-spacing: -.01em;
	}

	.home .stats--home span {
		max-width: 343px;
		color: #091b5b;
		font-size: 20px;
		line-height: 1.4;
	}

	.home .section--products {
		height: 848px;
		min-height: 848px;
	}

	.home .section--products .section-heading {
		display: flex;
		width: 100%;
		max-width: none;
		height: 97px;
		margin: 0;
		padding: 0 16px 40px;
		align-items: flex-end;
		justify-content: flex-start;
		text-align: left;
	}

	.home .section--products .section-heading h2 {
		width: 100%;
		margin: 0;
		font-family: "Sofia Sans", Inter, Arial, sans-serif;
		text-align: left;
	}

	.home .section--products .section-heading h2::after {
		margin-right: 0;
		margin-left: 0;
	}

	.home .section--products .section-heading h2,
	.home .section--advantages .section-heading h2,
	.home .section--partners .section-heading h2,
	.home .section--news .section-heading h2 {
		font-size: 32px;
		font-weight: 500;
		line-height: 1.1;
	}

	.home .product-card {
		height: 375.5px;
	}

	.home .product-card__content {
		right: 16px;
		bottom: 28px;
		left: 16px;
		gap: 20px;
	}

	.home .product-card__content strong {
		font-family: "Sofia Sans", Inter, Arial, sans-serif;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.1;
	}

	.home .product-card__overlay {
		display: none;
	}

	.home .product-card:first-child > img {
		position: absolute;
		top: -187px;
		left: -2px;
		width: 562px;
		height: 562px;
		max-width: none;
	}

	.home .product-card:nth-child(2) > img {
		position: absolute;
		top: -65px;
		left: 0;
		width: 440px;
		height: 440px;
		max-width: none;
	}

	.home .product-card__content i {
		width: 100%;
		height: 60px;
		border-radius: 12px;
		font-size: 16px;
	}

	.home .section--advantages {
		height: 825px;
		min-height: 825px;
		padding: 60px 0 0;
	}

	.home .section--advantages .section-heading {
		height: 57px;
		margin: 0 auto 28px;
	}

	.home .tabs-list {
		height: 152px;
		margin: 0 auto 40px;
		gap: 8px;
	}

	.home .tabs-list button {
		height: 32px;
		min-height: 32px;
		padding: 6px 12px;
		border-radius: 8px;
	}

	.home .tabs-list button span {
		font-size: 14px;
		line-height: 20px;
	}

	.home .tabs-panels article {
		height: 488px;
		min-height: 488px;
		grid-template-rows: 244px 244px;
	}

	.home .tabs-panels article > div {
		height: 244px;
		padding: 40px 16px;
	}

	.home .tabs-panels h3 {
		margin: 0 0 16px;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.15;
	}

	.home .tabs-panels p {
		font-size: 16px;
		line-height: 1.5;
	}

	.home .section--advantages .tab-carousel-arrow,
	.page-template-page-about .section--workflow .tab-carousel-arrow,
	.page-template-page-mineral-fertilizers .fertilizer-catalog .tab-carousel-arrow {
		display: none;
	}

	.home .section--partners {
		height: 1915px;
		min-height: 1915px;
		padding: 60px 0;
	}

	.home .section--partners .section-heading {
		height: 127px;
		margin: 0 0 40px;
	}

	.home .section--partners .section-heading h2 {
		max-width: 320px;
	}

	.home .section--partners .benefits-grid {
		display: grid;
		height: 1628px;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(6, auto);
		grid-auto-rows: unset;
		gap: 40px;
		border: 0;
	}

	.home .section--partners .benefit-card {
		min-height: 0;
		padding: 0 0 39px;
		border: 0 !important;
		border-bottom: 0 !important;
	}

	.home .section--partners .benefit-card img {
		width: 56px;
		height: 56px;
		margin: 0 0 20px;
	}

	.home .section--partners .benefit-card h3 {
		margin: 0 0 20px;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.15;
	}

	.home .section--partners .benefit-card p {
		font-size: 16px;
		line-height: 1.5;
	}

	.home .section--news {
		height: 1600px;
		min-height: 1600px;
		padding: 0 16px 60px;
	}

	.home .section--news > .container {
		width: 100%;
	}

	.home .section--news .section-heading {
		display: flex;
		height: 97px;
		margin: 0;
		align-items: flex-start;
	}

	.home .section--news .section-heading h2 {
		font-family: "Sofia Sans", Inter, Arial, sans-serif;
		font-size: 32px;
		line-height: 1.1;
	}

	.home .section--news .section-heading .button {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 60px;
		min-height: 60px;
		border-radius: 12px;
	}

	.home .section--news .news-grid {
		display: grid;
		height: 1367px;
		grid-template-columns: 1fr;
		grid-template-rows: 437px 461px 437px;
		gap: 16px;
	}

	.home .section--news .news-card {
		height: 437px;
	}

	.home .section--news .news-card:nth-child(2) {
		height: 461px;
	}

	.home .section--news .news-card:nth-child(2) .news-card__body {
		height: 231px;
		min-height: 231px;
		flex-basis: 231px;
	}

	.home .section--news .news-card__image {
		height: 230px;
		flex-basis: 230px;
	}

	.home .section--news .news-card__body {
		height: 207px;
		min-height: 207px;
		padding: 30px;
		flex-basis: 207px;
	}

	.home .section--news .news-card h3 {
		font-family: "Sofia Sans", Inter, Arial, sans-serif;
		font-size: 20px;
		line-height: 1.2;
	}

	.home .section--news .news-card time {
		font-size: 16px;
		line-height: 1.5;
	}

	.home .section--news .section-heading .button {
		top: auto;
		bottom: 60px;
	}

	.home .section--group-home,
	.home .group-layout {
		height: 1140px;
		min-height: 1140px;
	}

	.section--group-home .group-layout > .section-heading {
		height: 390px;
		min-height: 390px;
		padding: 60px 16px 40px;
	}

	.section--group-home .group-layout > .section-heading {
		display: flex;
		gap: 0;
		justify-content: flex-start;
	}

	.section--group-home .group-label {
		width: max-content;
		min-height: 36px;
		padding: 4px 8px;
		border-radius: 8px;
		font: 500 24px/1.15 "Sofia Sans", Inter, sans-serif;
	}

	.section--group-home .group-layout > .section-heading h2 {
		margin: 16px 0 20px;
		font-size: 32px;
		font-weight: 500;
		line-height: 1.1;
	}

	.section--group-home .group-description {
		font-size: 16px;
		line-height: 1.5;
	}

	.section--group-home .office-grid {
		height: 750px;
	}

	.home .section--group-home .office-card,
	.page-template-page-about .section--group-home .office-card {
		height: 375px;
	}

	.section--group-home .office-card > div {
		right: 20px;
		top: 208px;
		bottom: auto;
		left: 20px;
	}

	.section--group-home .office-card::before {
		position: absolute;
		z-index: 3;
		top: 303px;
		right: 16px;
		left: 16px;
		display: flex;
		height: 60px;
		content: "Детальніше  \203A";
		align-items: center;
		justify-content: center;
		color: #ffc011;
		border: 1px solid #ffc011;
		border-radius: 12px;
		font: 500 16px/1 Inter, Arial, sans-serif;
	}

	.section--group-home .office-card p {
		font-size: 24px;
		line-height: 1.15;
	}

	/* About */
	.page-template-page-about .about-hero {
		height: 685px;
		min-height: 685px;
		padding: 40px 0 60px;
	}

	.page-template-page-about .about-hero__grid {
		display: block;
	}

	.page-template-page-about .about-hero h1 {
		margin: 0 0 39px;
		font-size: 32px;
		font-weight: 500;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.page-template-page-about .about-hero h1::after {
		display: block;
		width: 60px;
		height: 2px;
		margin-top: 20px;
		content: "";
		background: #ffc011;
	}

	.page-template-page-about .about-hero__grid > div {
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-page-about .about-hero__grid p {
		margin: 0 0 16px;
	}

	.page-template-page-about .about-mission {
		height: 242px;
		min-height: 242px;
		padding: 60px 0;
	}

	.page-template-page-about .mission-statement p {
		margin: 0 0 20px;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
	}

	.page-template-page-about .mission-statement h2 {
		font-size: 24px;
		font-weight: 500;
		line-height: 1.15;
		text-transform: uppercase;
	}

	.page-template-page-about .mission-statement,
	.page-template-page-about .mission-statement p,
	.page-template-page-about .mission-statement h2 {
		max-width: none;
		text-align: left;
	}

	.page-template-page-about .about-principles {
		height: 628px;
		min-height: 628px;
		padding: 60px 0;
	}

	.page-template-page-about .about-principles .section-heading {
		margin: 0 0 28px;
		text-align: left;
	}

	.page-template-page-about .about-principles .section-heading h2,
	.page-template-page-about .section--workflow .section-heading h2,
	.page-template-page-about .section--legal h2,
	.page-template-page-about .about-benefits .section-heading h2,
	.page-template-page-about .about-team__heading h2 {
		font-size: 32px;
		font-weight: 500;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.page-template-page-about .about-principles .section-heading h2::after,
	.page-template-page-about .section--workflow .section-heading h2::after,
	.page-template-page-about .section--legal h2::after,
	.page-template-page-about .about-benefits .section-heading h2::after,
	.page-template-page-about .about-team__heading h2::after {
		display: block;
		width: 60px;
		height: 2px;
		margin: 20px 0 0;
		content: "";
		background: #ffc011;
	}

	.page-template-page-about .about-principles .principles-grid article {
		display: grid;
		min-height: 0;
		padding: 20px 0;
		grid-template-columns: 64px 1fr;
		gap: 20px;
		border-bottom: 1px solid #e0e0ed;
	}

	.page-template-page-about .principles-grid {
		border: 0;
	}

	.page-template-page-about .principles-grid article {
		border: 0 !important;
		border-bottom: 1px solid #e0e0ed !important;
	}

	.page-template-page-about .principles-grid span,
	.page-template-page-about .principles-grid p {
		color: #091b5b;
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-page-about .section--workflow {
		height: 729px;
		min-height: 729px;
		padding: 0;
		color: #091b5b;
		background: #fff;
	}

	.page-template-page-about .section--workflow > .container {
		width: 100%;
	}

	.page-template-page-about .section--workflow .section-heading {
		height: 97px;
		margin: 0;
		padding: 0 16px 40px;
		text-align: left;
	}

	.page-template-page-about .workflow__tabs {
		display: flex;
		height: 192px;
		margin: 0;
		padding: 0 16px 40px;
		overflow: visible;
		gap: 8px;
		flex-direction: column;
		align-items: flex-start;
	}

	.page-template-page-about .workflow__tabs button {
		height: 32px;
		min-height: 32px;
		padding: 6px 12px;
		border-radius: 8px;
	}

	.page-template-page-about .workflow__tabs span {
		font-size: 16px;
		line-height: 20px;
	}

	.page-template-page-about .workflow__tabs button {
		color: #091b5b;
		background: #f6f6f9;
	}

	.page-template-page-about .workflow__tabs button[aria-selected="true"] {
		color: #091b5b;
		background: #ffc011;
	}

	.page-template-page-about .workflow__panels,
	.page-template-page-about .workflow__panels article {
		height: 440px;
		min-height: 440px;
	}

	.page-template-page-about .workflow__panels article {
		grid-template-rows: 196px 244px;
	}

	.page-template-page-about .workflow__panels article > div {
		height: 196px;
		min-height: 196px;
		padding: 40px 16px;
	}

	.page-template-page-about .workflow__panels h3 {
		margin: 0 0 16px;
		font-family: "Sofia Sans", Inter, sans-serif;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.15;
	}

	.page-template-page-about .workflow__panels p {
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-page-about .workflow__panels article > img {
		height: 244px;
		aspect-ratio: auto;
		transform: scaleX(-1);
	}

	.page-template-page-about .section--legal {
		height: 385px;
		min-height: 385px;
		padding: 60px 0;
		background: #fff;
	}

	.page-template-page-about .section--legal .split-heading {
		display: block;
	}

	.page-template-page-about .section--legal h2 {
		margin: 0 0 28px;
	}

	.page-template-page-about .section--legal p {
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-page-about .section--legal .button {
		width: 100%;
		height: 60px;
		margin-top: 20px;
		border-radius: 12px;
	}

	.page-template-page-about .about-benefits {
		height: 1915px;
		min-height: 1915px;
		padding: 60px 0;
	}

	.page-template-page-about .about-benefits .section-heading {
		height: 127px;
		margin: 0 0 40px;
		text-align: left;
	}

	.page-template-page-about .about-benefits .benefits-grid {
		display: grid;
		height: 1628px;
		grid-template-columns: 1fr;
		gap: 40px;
		border: 0;
	}

	.page-template-page-about .about-benefits .benefit-card {
		display: block;
		min-height: 0;
		padding: 0 0 39px;
		border: 0 !important;
		border-bottom: 1px solid #e0e0ed !important;
	}

	.page-template-page-about .about-benefits .benefit-card img {
		width: 56px;
		height: 56px;
		margin: 0 0 20px;
	}

	.page-template-page-about .about-benefits .benefit-card h3 {
		margin: 0 0 20px;
		font-family: "Sofia Sans", Inter, sans-serif;
		font-size: 24px;
		line-height: 1.15;
	}

	.page-template-page-about .about-team {
		height: 1323px;
		min-height: 1323px;
		padding: 0 0 60px;
	}

	.page-template-page-about .about-team__heading {
		display: block;
		height: 329px;
		margin: 0;
		padding-top: 0;
	}

	.page-template-page-about .about-team__heading h2 {
		margin: 0 0 40px;
	}

	.page-template-page-about .about-team__heading p {
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-page-about .about-team .team-grid {
		display: grid;
		width: 100%;
		height: 934px;
		grid-template-columns: minmax(0, 1fr);
		gap: 40px;
	}

	.page-template-page-about .about-team .team-card {
		width: 100%;
		min-width: 0;
		height: 447px;
	}

	.page-template-page-about .team-card--figma > div,
	.page-template-page-about .team-card > img {
		width: 100%;
		height: 344px;
		aspect-ratio: 1;
	}

	.page-template-page-about .about-team .team-card__content {
		height: 103px;
		min-height: 103px;
		padding: 18px 0 0;
		gap: 8px;
	}

	.page-template-page-about .team-card__socials {
		display: none;
	}

	.page-template-page-about .team-card__content h3 {
		font-size: 24px;
		line-height: 1.15;
		text-transform: uppercase;
	}

	.page-template-page-about .section--group-home,
	.page-template-page-about .group-layout {
		height: 1140px;
		min-height: 1140px;
	}

	/* Product pages */
	.page-template-page-natural-gas .product-hero,
	.page-template-page-mineral-fertilizers .product-hero {
		height: 308px;
		min-height: 308px;
		padding: 40px 0 36px;
	}

	.product-hero__grid {
		display: block;
	}

	.product-switch {
		margin: 0 0 28px;
		gap: 8px;
		flex-wrap: nowrap;
	}

	.product-switch a {
		height: 32px;
		min-height: 32px;
		padding: 6px 12px;
		border-radius: 8px;
		font-size: 16px;
		line-height: 20px;
		white-space: nowrap;
	}

	.product-hero__grid > p {
		margin: 0;
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-page-natural-gas .product-visual,
	.page-template-page-mineral-fertilizers .product-visual {
		height: 244px;
	}

	.page-template-page-natural-gas .product-visual img,
	.page-template-page-mineral-fertilizers .product-visual img {
		width: 100%;
		height: 244px;
		object-fit: cover;
	}

	.page-template-page-natural-gas main > .section {
		height: 727px;
		min-height: 727px;
		padding: 60px 0;
	}

	.page-template-page-natural-gas .product-details {
		display: flex;
		gap: 40px;
		flex-direction: column;
	}

	.page-template-page-natural-gas .product-details > div:first-child {
		height: 57px;
		flex: 0 0 57px;
	}

	.page-template-page-natural-gas .product-details > div:last-child {
		height: 510px;
		flex: 0 0 510px;
	}

	.page-template-page-natural-gas .product-details h2 {
		margin: 0;
		font-size: 32px;
		font-weight: 500;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.page-template-page-natural-gas main .product-details > div > h2 {
		font-size: 32px;
		line-height: 1.1;
	}

	.page-template-page-natural-gas .product-details h2::after {
		display: block;
		width: 60px;
		height: 2px;
		margin-top: 20px;
		content: "";
		background: #ffc011;
	}

	.page-template-page-natural-gas .product-details p {
		margin: 0 0 16px;
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-page-natural-gas .inline-stats {
		display: grid;
		height: 190px;
		margin: 40px 0 0;
		grid-template-columns: 1fr;
		grid-template-rows: 75px 75px;
		gap: 40px;
	}

	.page-template-page-natural-gas .inline-stats > div {
		padding: 0;
	}

	.page-template-page-natural-gas .inline-stats strong {
		font-size: 40px;
		font-weight: 400;
		line-height: 1;
	}

	.page-template-page-natural-gas .inline-stats span {
		margin-top: 16px;
		font-size: 18px;
		line-height: 1.4;
	}

	.page-template-page-mineral-fertilizers .fertilizer-classification {
		height: 1630.29px;
		min-height: 1630.29px;
		padding: 60px 0;
	}

	.fertilizer-classification .section-heading {
		margin: 0 0 40px;
		text-align: left;
	}

	.fertilizer-classification .section-heading h2,
	.fertilizer-catalog .section-heading h2 {
		font-size: 32px;
		font-weight: 500;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.fertilizer-classification .section-heading h2::after,
	.fertilizer-catalog .section-heading h2::after {
		display: block;
		width: 60px;
		height: 2px;
		margin: 20px 0 0;
		content: "";
		background: #ffc011;
	}

	.fertilizer-classification .classification-grid {
		display: grid;
		height: 1378.29px;
		grid-template-columns: 1fr;
		grid-template-rows: 338.63px 302.52px 314.63px 302.52px;
		gap: 40px;
		border: 0;
	}

	.page-template-page-mineral-fertilizers .product-hero {
		height: 284px;
		min-height: 284px;
	}

	.fertilizer-classification .classification-grid article {
		display: flex;
		min-height: 0;
		padding: 0;
		gap: 24px;
		flex-direction: column;
		border: 0;
	}

	.fertilizer-classification .fertilizer-type {
		width: 240px;
		height: 122.63px;
		margin: 0;
		flex: 0 0 122.63px;
	}

	.fertilizer-classification .classification-grid article:nth-child(even) .fertilizer-type {
		height: 118.52px;
		flex-basis: 118.52px;
	}

	.fertilizer-classification h3 {
		margin: 0 0 16px;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.15;
		text-transform: uppercase;
	}

	.fertilizer-classification .classification-grid p {
		margin: 0 0 16px;
		font-size: 16px;
		line-height: 1.5;
	}

	.type-tags span {
		display: inline-flex;
		margin: 0;
		padding: 4px 8px;
		border-radius: 8px;
		font-size: 16px;
		line-height: 20px;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog {
		height: 1001px;
		min-height: 1001px;
		padding: 0;
	}

	.fertilizer-catalog > .container {
		width: 100%;
	}

	.fertilizer-catalog .section-heading {
		width: calc(100% - 32px);
		height: 57px;
		margin: 0 auto 40px;
		text-align: left;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .section-heading h2 {
		color: transparent;
		font-size: 0;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog .section-heading h2::before {
		content: "Як ми працюємо";
		color: #091b5b;
		font: 500 32px/1.1 "Sofia Sans", Inter, sans-serif;
		letter-spacing: -.01em;
		text-transform: uppercase;
	}

	.fertilizer-catalog .catalog-tabs {
		width: calc(100% - 32px);
		height: 152px;
		margin: 0 auto 40px;
		padding: 0;
		overflow: visible;
		gap: 8px;
		flex-direction: column;
		align-items: flex-start;
	}

	.fertilizer-catalog .catalog-tabs button {
		height: 32px;
		min-height: 32px;
		padding: 6px 12px;
		font-size: 0;
		line-height: 20px;
	}

	.fertilizer-catalog .catalog-tabs button::after,
	.fertilizer-catalog .catalog-tabs::after {
		font: 500 16px/20px Inter, Arial, sans-serif;
	}

	.fertilizer-catalog .catalog-tabs button:nth-child(1)::after {
		content: "Аналізуємо потреби";
	}

	.fertilizer-catalog .catalog-tabs button:nth-child(2)::after {
		content: "Пропонуємо рішення";
	}

	.fertilizer-catalog .catalog-tabs button:nth-child(3)::after {
		content: "Реалізуємо проєкт";
	}

	.fertilizer-catalog .catalog-tabs::after {
		display: inline-flex;
		height: 32px;
		padding: 6px 12px;
		content: "Розвиваємо партнерства";
		align-items: center;
		color: #091b5b;
		border-radius: 8px;
		background: #f6f6f9;
	}

	.fertilizer-catalog .catalog-panels article {
		display: grid;
		height: 712px;
		min-height: 712px;
		grid-template-columns: 1fr;
		grid-template-rows: 468px 244px;
	}

	.fertilizer-catalog .catalog-panels article > div {
		height: 468px;
		padding: 40px 16px;
	}

	.fertilizer-catalog .catalog-panels article h3 {
		margin: 16px 0;
		font-size: 24px;
		font-weight: 500;
		line-height: 1.15;
	}

	.fertilizer-catalog .catalog-panels article p:not(.catalog-label),
	.fertilizer-catalog .catalog-panels li {
		font-size: 16px;
		line-height: 1.5;
	}

	.fertilizer-catalog .catalog-panels ul {
		margin-top: 24px;
	}

	.fertilizer-catalog .catalog-panels article > img {
		height: 244px;
		aspect-ratio: auto;
	}

	/* News archive */
	.blog .news-archive,
	.tax-agt_news_type .news-archive {
		height: 4821px;
		min-height: 4821px;
		padding: 40px 0 60px;
	}

	.blog .news-archive > .container,
	.tax-agt_news_type .news-archive > .container {
		width: calc(100% - 32px);
	}

	.blog .filter-nav,
	.tax-agt_news_type .filter-nav {
		height: 32px;
		min-height: 32px;
		margin: 0 0 28px;
		gap: 8px;
		align-content: flex-start;
	}

	.blog .filter-nav a,
	.tax-agt_news_type .filter-nav a {
		height: 32px;
		min-height: 32px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 20px;
	}

	.news-card--mobile-repeat {
		display: flex;
	}

	.blog .news-grid--archive,
	.tax-agt_news_type .news-grid--archive {
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.blog .news-card,
	.tax-agt_news_type .news-card {
		height: 437px;
	}

	.blog .news-grid--archive .news-card:nth-child(3n + 2),
	.tax-agt_news_type .news-grid--archive .news-card:nth-child(3n + 2) {
		height: 461px;
	}

	.blog .news-grid--archive .news-card:nth-child(3n + 2) .news-card__body,
	.tax-agt_news_type .news-grid--archive .news-card:nth-child(3n + 2) .news-card__body {
		height: 231px;
		min-height: 231px;
		flex-basis: 231px;
	}

	.blog .news-card__image,
	.tax-agt_news_type .news-card__image {
		height: 230px;
		flex: 0 0 230px;
		aspect-ratio: auto;
	}

	.blog .news-card__body,
	.tax-agt_news_type .news-card__body {
		height: 207px;
		min-height: 207px;
		padding: 30px;
		flex: 0 0 207px;
	}

	.blog .news-card h3,
	.tax-agt_news_type .news-card h3 {
		font-family: "Sofia Sans", Inter, sans-serif;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.2;
		-webkit-line-clamp: 4;
	}

	.news-archive__figma-more {
		display: flex;
		width: 100%;
		height: 59px;
		margin-top: 16px;
		padding: 20px 32px;
		align-items: center;
		justify-content: space-between;
		border: 1px solid #091b5b;
		border-radius: 12px;
		font-size: 16px;
		line-height: 1;
	}

	.news-archive__figma-more > span {
		font-size: 26px;
	}

	.blog .pagination,
	.tax-agt_news_type .pagination {
		display: none;
	}

	/* Contacts */
	.page-template-page-contacts .page-title {
		height: 97px;
		min-height: 97px;
		padding: 40px 0 0;
	}

	.page-template-page-contacts .page-title .eyebrow {
		display: none;
	}

	.page-template-page-contacts .page-title h1 {
		font-size: 32px;
		font-weight: 500;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.page-template-page-contacts .page-title h1::after {
		display: block;
		width: 60px;
		height: 2px;
		margin-top: 20px;
		content: "";
		background: #ffc011;
	}

	.page-template-page-contacts .contact-details {
		height: 396px;
		min-height: 396px;
		padding: 40px 0 0;
	}

	.page-template-page-contacts .contact-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 40px;
		border: 0;
	}

	.page-template-page-contacts .contact-grid > article {
		padding: 0;
		border: 0;
	}

	.page-template-page-contacts .contact-grid > article:first-child {
		height: 156px;
	}

	.page-template-page-contacts .contact-grid > article:not(:first-child) {
		height: 60px;
	}

	.page-template-page-contacts .contact-grid h2 {
		margin: 0 0 16px;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.15;
		text-transform: uppercase;
	}

	.page-template-page-contacts .contact-grid .contact-item {
		min-height: 32px;
		margin: 0 0 12px;
		padding: 0;
		gap: 12px;
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-page-contacts .contact-map {
		height: 443px;
		min-height: 443px;
		padding: 40px 16px 60px;
	}

	.page-template-page-contacts .contact-map > .container,
	.page-template-page-contacts .map-placeholder {
		width: 100%;
		height: 343px;
	}

	.page-template-page-contacts .contact-map > .container {
		margin: 0;
	}

	.page-template-page-contacts .contact-map > .container > *,
	.page-template-page-contacts .contact-map .agt-map,
	.page-template-page-contacts .contact-map .leaflet-container {
		height: 343px !important;
	}

	.page-template-page-contacts .section--contact-form {
		height: 928px;
		min-height: 928px;
		padding: 60px 0;
	}

	.page-template-page-contacts .contact-form-layout {
		display: flex;
		gap: 40px;
		flex-direction: column;
	}

	.page-template-page-contacts .contact-form-layout > div:first-child {
		display: flex;
		height: 173px;
		gap: 20px;
		flex: 0 0 173px;
		flex-direction: column;
	}

	.page-template-page-contacts .contact-form-layout h2 {
		height: 105px;
		margin: 0;
		font-family: "Sofia Sans", Inter, sans-serif;
		font-size: 32px;
		font-weight: 500;
		line-height: 1.1;
		letter-spacing: -.01em;
		text-transform: none;
	}

	.page-template-page-contacts .contact-form-layout .lead {
		height: 48px;
		margin: 0;
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-page-contacts .contact-form {
		width: 100%;
		height: 595px;
		gap: 16px;
	}

	.page-template-page-contacts .field-row {
		display: grid;
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.page-template-page-contacts .contact-form label > span {
		margin-bottom: 8px;
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-page-contacts .contact-form input:not([type="checkbox"]) {
		height: 44px;
		padding: 10px 16px;
		border: 1px solid #f6f6f9;
		border-radius: 12px;
		font-size: 16px;
	}

	.page-template-page-contacts .contact-form textarea {
		height: 120px;
		min-height: 120px;
		padding: 20px 16px;
		border: 1px solid #f6f6f9;
		border-radius: 12px;
		font-size: 16px;
	}

	.page-template-page-contacts .contact-form .button {
		width: 100%;
		height: 59px;
		min-height: 59px;
		padding: 20px 32px;
		border-radius: 12px;
		font-size: 16px;
	}

	/* Single article */
	.single-post .article {
		height: 3299px;
		min-height: 3299px;
		padding: 0;
	}

	.single-post .article__header {
		display: flex;
		width: 100%;
		height: 303px;
		padding: 40px 16px;
		gap: 20px;
		flex-direction: column;
	}

	.single-post .article__header .back-link {
		height: 19px;
		margin: 0;
		font-size: 16px;
		line-height: 19px;
	}

	.single-post .article__header .back-link::before {
		margin-right: 8px;
		content: "\2039";
	}

	.single-post .article__header h1 {
		height: 140px;
		margin: 0;
		font-family: "Sofia Sans", Inter, sans-serif;
		font-size: 32px;
		font-weight: 500;
		line-height: 1.1;
		letter-spacing: -.01em;
		text-transform: uppercase;
	}

	.single-post .article__header time {
		height: 24px;
		margin: 0;
		color: #8c8c96;
		font-size: 16px;
		line-height: 24px;
	}

	.single-post .article__hero {
		width: 100%;
		height: 244px;
		margin: 0;
		overflow: hidden;
	}

	.single-post .article__hero img {
		width: 100%;
		height: 244px;
		max-height: none;
		object-fit: cover;
		object-position: center;
	}

	.single-post .article__content {
		width: 100%;
		height: 2752px;
		min-height: 2752px;
		padding: 40px 16px 60px;
		font: 400 16px/24px Inter, Arial, sans-serif;
	}

	.single-post .article__content--desktop {
		display: none;
	}

	.single-post .article__content--mobile {
		display: block;
	}

	.single-post .article__content h2 {
		margin: 0 0 20px;
		font-family: "Sofia Sans", Inter, sans-serif;
		font-size: 24px;
		font-weight: 500;
		line-height: 28px;
		letter-spacing: -.01em;
		text-transform: uppercase;
	}

	.single-post .article__content h2:not(:first-child) {
		margin-top: 40px;
	}

	.single-post .article__content p {
		margin: 0;
		font: inherit;
	}

	.single-post .article__content p + p {
		margin-top: 16px;
	}

	.single-post .article__content ol {
		margin: 16px 0 0;
		padding-left: 20px;
	}

	.single-post .article__content li {
		margin: 0;
	}

	.single-post .related-news {
		position: relative;
		height: 1600px;
		min-height: 1600px;
		padding: 0 16px 60px;
		background: #fff;
	}

	.single-post .related-news > .container {
		width: 100%;
	}

	.single-post .related-news .section-heading {
		display: block;
		height: 57px;
		margin: 0 0 40px;
	}

	.single-post .related-news .section-heading h2 {
		margin: 0;
		font-family: "Sofia Sans", Inter, sans-serif;
		font-size: 32px;
		font-weight: 500;
		line-height: 35px;
		text-transform: uppercase;
	}

	.single-post .related-news .section-heading h2::after {
		display: block;
		width: 60px;
		height: 2px;
		margin-top: 20px;
		content: "";
		background: #ffc011;
	}

	.single-post .related-news .section-heading .button {
		position: absolute;
		right: 16px;
		bottom: 60px;
		left: 16px;
		width: auto;
		height: 60px;
		min-height: 60px;
		padding: 20px 32px;
		border-radius: 12px;
		font-size: 16px;
	}

	.single-post .related-news .news-grid {
		display: grid;
		height: 1367px;
		grid-template-columns: 1fr;
		grid-template-rows: 437px 461px 437px;
		gap: 16px;
	}

	.single-post .related-news .news-card {
		display: flex;
		height: 437px;
		flex-direction: column;
	}

	.single-post .related-news .news-card:nth-child(2) {
		height: 461px;
	}

	.single-post .related-news .news-card__image {
		height: 230px;
		flex: 0 0 230px;
		aspect-ratio: auto;
	}

	.single-post .related-news .news-card__body {
		height: 207px;
		min-height: 207px;
		padding: 30px;
		flex: 0 0 207px;
	}

	.single-post .related-news .news-card:nth-child(2) .news-card__body {
		height: 231px;
		min-height: 231px;
		flex-basis: 231px;
	}

	.single-post .related-news .news-card h3 {
		font-family: "Sofia Sans", Inter, sans-serif;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.2;
		-webkit-line-clamp: 4;
	}

	.single-post .related-news .news-card time {
		font-size: 16px;
		line-height: 1.5;
	}

	/* Shared footer */
	.site-footer {
		height: 687px;
		min-height: 687px;
		padding: 40px 16px 24px;
		background: #05052b;
	}

	.site-footer__grid {
		display: flex;
		width: 100%;
		height: 623px;
		min-height: 623px;
		gap: 0;
		flex-direction: column;
	}

	.site-footer__brand {
		display: flex;
		height: 116px;
		grid-template-rows: none;
		gap: 20px;
		flex: 0 0 116px;
		flex-direction: column;
	}

	.site-footer__brand .site-logo {
		width: 108px;
		height: 48px;
		min-height: 48px;
		margin: 0;
		flex: 0 0 48px;
	}

	.site-footer__brand .site-logo__image {
		width: 135px;
		height: 53px;
		max-width: none;
		transform: translate(-5px, -2.5px);
	}

	.site-footer__brand p {
		max-width: 343px;
		margin: 0;
		font-size: 16px;
		line-height: 1.5;
	}

	.site-footer .footer-nav {
		position: relative;
		display: grid;
		height: 148px;
		margin: 40px 0 0;
		padding: 0;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(4, 19px);
		gap: 24px;
		border: 0;
		flex: 0 0 148px;
	}

	.site-footer .footer-nav::after {
		position: absolute;
		right: 0;
		bottom: -40px;
		left: 0;
		height: 1px;
		content: "";
		background: rgba(255, 255, 255, .16);
	}

	.site-footer .footer-nav a {
		width: max-content;
		min-height: 19px;
		font-size: 16px;
		line-height: 19px;
	}

	.site-footer__contact {
		display: flex;
		height: 182px;
		margin: 80px 0 0;
		gap: 16px;
		grid-template-rows: none;
		flex: 0 0 182px;
		flex-direction: column;
	}

	.site-footer .social-links {
		height: 44px;
		margin: 0 0 4px;
		order: 0;
	}

	.site-footer .social-links a,
	.site-footer .social-links span {
		width: 44px;
		height: 44px;
	}

	.site-footer__contact address {
		max-width: 300px;
		margin: 0;
		font-size: 16px;
		line-height: 1.5;
	}

	.site-footer__contact > a {
		min-height: 19px;
		font-size: 16px;
		line-height: 19px;
	}

	.site-footer__copyright--mobile {
		display: block;
		height: 17px;
		margin: 40px 0 0;
		color: rgba(255, 255, 255, .5);
		font-size: 14px;
		line-height: 17px;
	}
}

/* Client mobile review: final cascade for vertical tabs, benefits type and news CTA. */
@media (max-width: 767px) {
	body.menu-open {
		overflow: hidden;
	}

	body.menu-open .site-header {
		position: fixed;
		z-index: 1000;
		top: 0;
		right: 0;
		left: 0;
		height: 80px;
		min-height: 80px;
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, .16);
		background: var(--navy);
	}

	.site-header.menu-active .site-header__inner {
		position: relative;
		z-index: 100;
		display: flex;
		color: #fff;
	}

	.site-header.menu-active .site-logo,
	.site-header.menu-active .header-language {
		display: inline-flex;
	}

	.site-header.menu-active .mobile-menu {
		display: flex;
		height: 100dvh;
		min-height: 100vh;
		padding: 104px 16px max(12px, env(safe-area-inset-bottom));
		flex-direction: column;
		color: #fff;
		background: var(--navy);
	}

	.site-header.menu-active .mobile-menu__nav {
		display: flex;
		gap: 24px;
		flex-direction: column;
	}

	.site-header.menu-active .mobile-menu__nav a {
		min-height: 22px;
		padding: 0;
		color: #fff;
		border: 0;
		font: 400 18px/22px Inter, Arial, sans-serif;
	}

	.site-header.menu-active .mobile-menu__footer {
		position: static;
		display: flex;
		width: 100%;
		margin-top: auto;
		gap: 16px;
		align-items: center;
		justify-content: space-between;
		color: #fff;
	}

	.site-header.menu-active .mobile-menu__phone {
		display: inline-flex;
		min-height: 44px;
		gap: 8px;
		align-items: center;
		color: #fff;
		font: 400 14px/1.2 Inter, Arial, sans-serif;
		white-space: nowrap;
	}

	.site-header.menu-active .mobile-menu__phone svg {
		width: 16px;
		height: 16px;
		flex: 0 0 16px;
	}

	.site-header.menu-active .mobile-menu__social {
		display: flex;
		gap: 6px;
		align-items: center;
	}

	.site-header.menu-active .mobile-menu__social a,
	.site-header.menu-active .mobile-menu__social span {
		display: grid;
		width: 40px;
		height: 40px;
		min-width: 40px;
		min-height: 40px;
		padding: 0;
		flex: 0 0 40px;
		place-items: center;
		color: var(--accent);
		border: 1px solid var(--accent);
		border-radius: 50%;
	}

	.site-header.menu-active .mobile-menu__social svg {
		display: block;
		width: 16px;
		height: 16px;
	}

	.site-header.menu-active .mobile-menu__social > :nth-child(2) svg {
		width: 18px;
		height: 18px;
	}

	.section--group-home .group-label {
		display: flex;
		width: max-content;
		min-width: 147px;
		height: 40px;
		min-height: 40px;
		margin: 0;
		padding: 6px 10px;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		font: 500 24px/1.15 "Sofia Sans", Inter, sans-serif;
		letter-spacing: 0;
	}

	.home .section--group-home,
	.home .section--group-home .group-layout {
		height: auto;
		min-height: 0;
	}

	.section--group-home .group-layout > .section-heading {
		height: auto;
		min-height: 0;
		padding: 60px 16px 48px;
	}

	.section--group-home .group-layout > .section-heading h2 {
		margin: 16px 0 32px;
		font-size: 32px;
		font-weight: 400;
		line-height: 1.1;
	}

	.section--group-home .group-description {
		font-size: 18px;
		line-height: 1.5;
	}

	.site-footer__brand .site-logo {
		width: 135px;
		height: 53px;
		min-height: 53px;
		flex: 0 0 53px;
	}

	.site-footer__brand .site-logo__image {
		width: 135px;
		height: 53px;
		max-width: none;
		flex: 0 0 auto;
		transform: none;
	}

	.site-footer .social-links a,
	.site-footer .social-links span {
		width: 52px;
		height: 52px;
		min-width: 52px;
		min-height: 52px;
		padding: 0;
		flex: 0 0 52px;
		aspect-ratio: 1;
		border-radius: 50%;
	}

	.site-footer .social-links {
		height: 52px;
	}

	.site-footer .social-links svg {
		width: 20px;
		height: 20px;
	}

	.site-footer .social-links > :nth-child(2) svg {
		width: 22px;
		height: 22px;
	}

	.site-footer,
	.site-footer__grid,
	.site-footer__contact {
		height: auto;
	}

	.home .tabs-controls {
		display: block;
		width: 100%;
	}

	.home .tabs-controls .tabs-list {
		display: flex;
		width: calc(100% - 32px);
		height: 152px;
		margin: 0 auto 40px;
		padding: 0;
		overflow: visible;
		flex-direction: column;
		flex-wrap: nowrap;
		gap: 8px;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.home .tabs-controls .tabs-list button {
		width: max-content;
		height: 32px;
		min-height: 32px;
		margin: 0;
		padding: 6px 12px;
		flex: 0 0 32px;
	}

	.home .section--partners {
		height: auto;
		min-height: 0;
		padding: 60px 0;
	}

	.home .section--partners .section-heading {
		height: auto;
		margin: 0 0 40px;
	}

	.home .section--partners .section-heading h2 {
		max-width: 343px;
		font-size: 40px;
		line-height: 1.1;
	}

	.home .section--partners .benefits-grid {
		height: auto;
		grid-template-rows: none;
		grid-auto-rows: auto;
	}

	.home .section--partners .benefit-card h3 {
		font-size: 28px;
		line-height: 1.15;
	}

	.home .section--partners .benefit-card p {
		font-size: 18px;
		line-height: 1.5;
	}

	.home .section--news .section-heading .button {
		top: auto;
		right: auto;
		bottom: 60px;
		left: 50%;
		display: flex;
		width: min(343px, calc(100% - 32px));
		height: 66px;
		min-height: 66px;
		padding: 0 28px;
		gap: 24px;
		align-items: center;
		justify-content: center;
		color: var(--blue);
		border: 1px solid var(--blue);
		border-radius: 12px;
		background: #fff;
		transform: translateX(-50%);
	}
}

/* Client mobile review: contacts header, typography and form flow. */
@media (max-width: 767px) {
	.page-template-page-contacts .site-header--light .site-logo__image--mark {
		display: block;
	}

	.page-template-page-contacts .site-header--light .menu-toggle {
		color: var(--blue);
	}

	.page-template-page-contacts .page-title {
		height: auto;
		min-height: 137px;
		padding: 40px 0 40px;
	}

	.page-template-page-contacts .page-title h1 {
		font-size: 40px;
		line-height: 1.05;
	}

	.page-template-page-contacts .contact-details {
		height: auto;
		min-height: 0;
		padding: 40px 0 60px;
	}

	.page-template-page-contacts .contact-grid > article,
	.page-template-page-contacts .contact-grid > article:first-child,
	.page-template-page-contacts .contact-grid > article:not(:first-child) {
		height: auto;
		min-height: 0;
	}

	.page-template-page-contacts .contact-grid h2 {
		font-size: 24px;
		line-height: 1.15;
	}

	.page-template-page-contacts .contact-grid .contact-item {
		font-size: 18px;
		line-height: 1.5;
	}

	.page-template-page-contacts .section--contact-form {
		height: auto;
		min-height: 0;
		padding: 60px 0;
	}

	.page-template-page-contacts .contact-form-layout,
	.page-template-page-contacts .contact-form {
		height: auto;
		min-height: 0;
	}

	.page-template-page-contacts .contact-form-layout > div:first-child {
		height: auto;
		min-height: 0;
		flex-basis: auto;
	}

	.page-template-page-contacts .contact-form-layout h2 {
		height: auto;
		font-size: 32px;
		line-height: 1.1;
		text-transform: uppercase;
	}

	.page-template-page-contacts .contact-form-layout h2 > span {
		display: block;
	}

	.page-template-page-contacts .contact-form-layout h2 > span:first-child::after {
		content: none;
	}

	.page-template-page-contacts .contact-form-layout .lead {
		height: auto;
		font-size: 18px;
		line-height: 1.5;
	}

	.page-template-page-contacts .contact-form .button {
		font-size: 16px;
		font-weight: 600;
		justify-content: center;
		text-align: center;
	}
}

/* Client mobile review: original light logo, news flow and corporate colours. */
@media (max-width: 767px) {
	.site-header--light .site-logo__image:not(.site-logo__image--mark) {
		clip-path: inset(0 0 0 41%);
		filter: brightness(0) saturate(100%) invert(10.2849%) sepia(60.1998%) saturate(6780.9684%) hue-rotate(232.2003deg) brightness(50.3613%) contrast(96.9545%);
	}

	.site-header--light .site-logo__image--mark {
		display: block;
		clip-path: inset(0 59% 0 0);
		filter: none;
	}

	.site-header--light .menu-toggle {
		color: var(--blue);
	}

	.news-card--mobile-repeat {
		display: none;
	}

	.blog .news-archive,
	.tax-agt_news_type .news-archive {
		height: auto;
		min-height: 0;
	}

	.blog .news-card,
	.tax-agt_news_type .news-card,
	.blog .news-grid--archive .news-card:nth-child(3n + 2),
	.tax-agt_news_type .news-grid--archive .news-card:nth-child(3n + 2) {
		height: auto;
		min-height: 0;
	}

	.blog .news-card__body,
	.tax-agt_news_type .news-card__body,
	.blog .news-grid--archive .news-card:nth-child(3n + 2) .news-card__body,
	.tax-agt_news_type .news-grid--archive .news-card:nth-child(3n + 2) .news-card__body {
		height: auto;
		min-height: 231px;
		flex-basis: auto;
	}

	.blog .news-card h3,
	.tax-agt_news_type .news-card h3 {
		display: block;
		overflow: visible;
		color: var(--blue);
		-webkit-line-clamp: unset;
	}

	.blog .news-card h3 a,
	.tax-agt_news_type .news-card h3 a,
	.blog .news-card time,
	.tax-agt_news_type .news-card time,
	.blog .news-card .text-link,
	.tax-agt_news_type .news-card .text-link {
		color: var(--blue);
	}

	.news-archive__figma-more {
		gap: 20px;
		justify-content: center;
		color: var(--blue);
		text-align: center;
	}
}

/* Client assets: exact Figma line artwork and vertically centred mobile branding. */
@media (max-width: 767px) {
	.site-header .site-logo {
		position: relative;
		overflow: visible;
	}

	.site-header .site-logo__image {
		position: absolute;
		inset: auto;
		top: calc(50% + 2px);
		left: 0;
		transform: translate(-5px, -50%);
	}
}

@media (min-width: 768px) {
	.home-company-flow::before {
		top: 0;
		right: auto;
		bottom: auto;
		left: 0;
		width: 100%;
		height: 56.944444vw;
		max-height: 1093px;
		opacity: 1;
		background: url("../images/lines-left.png") center clamp(-220px, -12vw, -100px)/100% auto no-repeat;
		filter: none;
		mix-blend-mode: normal;
		transform: none;
	}

	.home .section--partners::before {
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 1;
		background: url("../images/lines-right.png") center clamp(-240px, -15vw, -110px)/cover no-repeat;
		filter: none;
		mix-blend-mode: normal;
		transform: none;
	}
}

/* Designer desktop review: approved 2026-08-06 (carousel arrows intentionally retained). */
@media (min-width: 1101px) {
	body,
	button,
	input,
	select,
	textarea,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	a,
	span,
	strong,
	small,
	label,
	li {
		font-family: Inter, Arial, sans-serif !important;
	}

	h1,
	h2,
	h3 {
		font-family: Inter, Arial, sans-serif !important;
	}

	.button,
	.home .hero .button,
	.home .section--news .button,
	.page-template-page-about .section--legal .button {
		gap: 12px !important;
		justify-content: center;
	}

	.home .product-card__content i {
		gap: 12px;
		transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
	}

	.home .product-card:is(:hover, :focus-visible) .product-card__content i {
		color: var(--blue);
		border-color: var(--accent);
		background: var(--accent);
	}

	.site-header--light .header-social a,
	.site-header--light .header-social span {
		color: var(--blue);
		border-color: var(--blue);
	}

	.site-header--light .header-social svg {
		color: inherit;
	}

	.home .section--advantages {
		height: auto;
		min-height: 0;
	}

	.page-template-page-about .section--legal h2::after {
		display: block;
		width: 52px;
		height: 2px;
		margin-top: 20px;
		content: "";
		background: var(--accent);
	}

	.page-template-page-about .section--legal .button {
		width: auto;
		min-width: 187px;
		height: 60px;
		min-height: 60px;
		padding: 0 28px;
		font-weight: 500;
	}

	.page-template-page-about .principles-grid span {
		font-family: Inter, Arial, sans-serif;
		font-size: 24px;
		font-weight: 500;
		font-variant-numeric: tabular-nums;
		line-height: 1;
	}

	.page-template-page-about .about-benefits {
		height: auto;
		min-height: 0;
		padding: 100px 0 40px;
	}

	.page-template-page-about .about-benefits .section-heading {
		height: auto;
		margin: 0 0 56px;
	}

	.page-template-page-about .about-benefits .section-heading h2 {
		width: 520px;
		max-width: 520px;
		margin-inline: auto;
		font-weight: 500;
	}

	.page-template-page-about .about-benefits .benefits-grid {
		height: auto;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: auto auto;
	}

	.page-template-page-about .about-benefits .benefit-card {
		display: block;
		min-height: 0;
		padding: 32px 0;
		grid-template-rows: none;
		row-gap: normal;
	}

	.page-template-page-about .about-benefits .benefit-card img {
		margin: 0 0 18px;
	}

	.page-template-page-about .about-benefits .benefit-card h3 {
		margin: 0 0 14px;
	}

	.page-template-page-about .about-benefits .benefit-card p {
		margin: 0;
	}

	.page-template-page-about .about-team .team-grid {
		width: calc(100% - 72px);
		margin-inline: 0;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 96px;
	}

	.page-template-page-natural-gas .product-details h2,
	.page-template-page-natural-gas main .product-details > div > h2 {
		font-size: 40px;
		line-height: 1.05;
	}

	.page-template-page-natural-gas .inline-stats span {
		color: var(--blue);
	}

	.page-template-page-mineral-fertilizers .fertilizer-classification {
		height: auto;
		min-height: 0;
		padding-bottom: 48px;
	}

	.page-template-page-mineral-fertilizers .fertilizer-catalog {
		height: auto;
		min-height: 0;
		padding-top: 48px;
	}

	.page-template-page-mineral-fertilizers .catalog-controls {
		height: auto;
		min-height: 0;
		margin: 0;
	}

	.page-template-page-mineral-fertilizers .catalog-tabs {
		margin-bottom: 0;
	}

	.page-template-page-mineral-fertilizers .catalog-tabs button[aria-selected="false"] {
		color: var(--blue);
		border-color: #dfe2ee;
	}

	.home .tabs-list button,
	.home .tabs-list button span,
	.page-template-page-about .workflow__tabs button,
	.page-template-page-about .workflow__tabs span,
	.page-template-page-mineral-fertilizers .catalog-tabs button,
	.blog .filter-nav a,
	.tax-agt_news_type .filter-nav a {
		font-family: Inter, Arial, sans-serif;
		font-weight: 500;
	}

	.page-template-page-contacts .contact-form .button {
		color: var(--blue);
		border: 1px solid var(--blue);
		background: transparent;
	}

	.page-template-page-contacts .contact-form .button:hover:not(:active) {
		color: var(--blue);
		border-color: var(--accent);
		background: var(--accent);
		transform: none;
	}

	.page-template-page-contacts .contact-form .button:active {
		color: var(--blue);
		border-color: var(--accent);
		background: var(--accent);
		transform: none;
	}

	.page-template-page-contacts .contact-form .button:focus-visible {
		outline: 3px solid rgba(9, 27, 91, 0.35);
		outline-offset: 3px;
	}
}