/*
 * Designer mobile review, approved 2026-08-06.
 * Loaded after figma-sync.css so the final mobile cascade stays isolated.
 */

@media (max-width: 767px) {
	.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;
	}

	.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;
	}

	.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: visible;
		gap: 8px;
		flex-direction: column;
		align-items: flex-start;
	}

	.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;
	}

	.site-header--light.menu-active .site-logo__image:not(.site-logo__image--mark) {
		clip-path: none;
		filter: none !important;
	}

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

	.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;
	}

	.site-footer__brand {
		align-items: flex-start;
	}

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