@media (max-width: 1024px) {
	.bx-grid-4,
	.bx-grid-3,
	.bx-use {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bx-hero__grid,
	.bx-hero-grid,
	.bx-band__in,
	.bx-split,
	.bx-contacts,
	.bx-article__layout,
	.bx-featured .bx-card,
	.bx-footer__grid,
	.bx-price-grid {
		grid-template-columns: 1fr;
	}

	.bx-hero {
		min-height: 0;
	}

	.bx-hero__photo img {
		aspect-ratio: 16 / 10;
	}

	.bx-toc {
		position: static;
	}
}

@media (max-width: 768px) {
	.bx-grid-3,
	.bx-grid-2,
	.bx-grid-4,
	.bx-use {
		grid-template-columns: 1fr;
	}

	.bx-tile {
		min-height: 0;
	}

	.bx-burger {
		display: flex;
	}

	.bx-nav {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: #fff;
		border-bottom: 1px solid var(--bx-border);
		padding: 12px var(--bx-gutter) 20px;
	}

	.bx-header {
		position: sticky;
	}

	.bx-header.is-open .bx-nav {
		display: block;
	}

	.bx-menu {
		flex-direction: column;
		align-items: flex-start;
	}

	.bx-menu .sub-menu {
		position: static;
		display: block;
		box-shadow: none;
		border: 0;
		padding-left: 12px;
	}

	.bx-btn--header {
		display: none;
	}

	.bx-topbar {
		font-size: 12px;
	}

	.bx-hero {
		padding-top: 24px;
	}
}

@media (max-width: 430px) {
	.betonx h1 {
		font-size: clamp(32px, 8.5vw, 40px);
	}

	.bx-search {
		flex-direction: column;
		max-width: none;
	}

	.bx-pager,
	nav.bx-pager.navigation {
		margin-top: 24px;
		padding: 18px 12px;
	}

	.bx-pager a.page-numbers,
	.bx-pager span.page-numbers,
	.bx-pager a.prev,
	.bx-pager a.next {
		min-width: 44px;
		min-height: 44px;
	}

	.bx-extra__row,
	.bx-pump-card__body {
		flex-direction: column;
		align-items: stretch;
	}

	.bx-extra__pay,
	.bx-pump-card__pay {
		align-self: flex-end;
	}
}