/**
 * Вертикальные spacing-утилиты Bootstrap (mt/mb/my, pt/pb/py) — канон темы.
 * Горизонталь (mx/ms/me/px/…) не трогаем. Уровень 1 = Bootstrap.
 * Desktop (≥992px): 2=10, 3=20, 4=30, 5=60, 6=90 px.
 * Адаптив: ×0.4 / ×0.6 / ×0.8 / ×1.0 (как бывший *-6 в main.css).
 * См. docs/design/base.md
 */

:root {
	--wt-bs-space-2: 4px;
	--wt-bs-space-3: 8px;
	--wt-bs-space-4: 12px;
	--wt-bs-space-5: 24px;
	--wt-bs-space-6: 36px;
}

@media (min-width: 576px) {
	:root {
		--wt-bs-space-2: 6px;
		--wt-bs-space-3: 12px;
		--wt-bs-space-4: 18px;
		--wt-bs-space-5: 36px;
		--wt-bs-space-6: 54px;
	}
}

@media (min-width: 768px) {
	:root {
		--wt-bs-space-2: 8px;
		--wt-bs-space-3: 16px;
		--wt-bs-space-4: 24px;
		--wt-bs-space-5: 48px;
		--wt-bs-space-6: 72px;
	}
}

@media (min-width: 992px) {
	:root {
		--wt-bs-space-2: 10px;
		--wt-bs-space-3: 20px;
		--wt-bs-space-4: 30px;
		--wt-bs-space-5: 60px;
		--wt-bs-space-6: 90px;
	}
}

.mt-2{margin-top: var(--wt-bs-space-2) !important}
.mt-3{margin-top: var(--wt-bs-space-3) !important}
.mt-4{margin-top: var(--wt-bs-space-4) !important}
.mt-5{margin-top: var(--wt-bs-space-5) !important}
.mt-6{margin-top: var(--wt-bs-space-6) !important}
.mb-2{margin-bottom: var(--wt-bs-space-2) !important}
.mb-3{margin-bottom: var(--wt-bs-space-3) !important}
.mb-4{margin-bottom: var(--wt-bs-space-4) !important}
.mb-5{margin-bottom: var(--wt-bs-space-5) !important}
.mb-6{margin-bottom: var(--wt-bs-space-6) !important}
.my-2{margin-top: var(--wt-bs-space-2) !important; margin-bottom: var(--wt-bs-space-2) !important}
.my-3{margin-top: var(--wt-bs-space-3) !important; margin-bottom: var(--wt-bs-space-3) !important}
.my-4{margin-top: var(--wt-bs-space-4) !important; margin-bottom: var(--wt-bs-space-4) !important}
.my-5{margin-top: var(--wt-bs-space-5) !important; margin-bottom: var(--wt-bs-space-5) !important}
.my-6{margin-top: var(--wt-bs-space-6) !important; margin-bottom: var(--wt-bs-space-6) !important}
.pt-2{padding-top: var(--wt-bs-space-2) !important}
.pt-3{padding-top: var(--wt-bs-space-3) !important}
.pt-4{padding-top: var(--wt-bs-space-4) !important}
.pt-5{padding-top: var(--wt-bs-space-5) !important}
.pt-6{padding-top: var(--wt-bs-space-6) !important}
.pb-2{padding-bottom: var(--wt-bs-space-2) !important}
.pb-3{padding-bottom: var(--wt-bs-space-3) !important}
.pb-4{padding-bottom: var(--wt-bs-space-4) !important}
.pb-5{padding-bottom: var(--wt-bs-space-5) !important}
.pb-6{padding-bottom: var(--wt-bs-space-6) !important}
.py-2{padding-top: var(--wt-bs-space-2) !important; padding-bottom: var(--wt-bs-space-2) !important}
.py-3{padding-top: var(--wt-bs-space-3) !important; padding-bottom: var(--wt-bs-space-3) !important}
.py-4{padding-top: var(--wt-bs-space-4) !important; padding-bottom: var(--wt-bs-space-4) !important}
.py-5{padding-top: var(--wt-bs-space-5) !important; padding-bottom: var(--wt-bs-space-5) !important}
.py-6{padding-top: var(--wt-bs-space-6) !important; padding-bottom: var(--wt-bs-space-6) !important}

@media (min-width: 576px) {
	.mt-sm-2{margin-top: var(--wt-bs-space-2) !important}
	.mt-sm-3{margin-top: var(--wt-bs-space-3) !important}
	.mt-sm-4{margin-top: var(--wt-bs-space-4) !important}
	.mt-sm-5{margin-top: var(--wt-bs-space-5) !important}
	.mt-sm-6{margin-top: var(--wt-bs-space-6) !important}
	.mb-sm-2{margin-bottom: var(--wt-bs-space-2) !important}
	.mb-sm-3{margin-bottom: var(--wt-bs-space-3) !important}
	.mb-sm-4{margin-bottom: var(--wt-bs-space-4) !important}
	.mb-sm-5{margin-bottom: var(--wt-bs-space-5) !important}
	.mb-sm-6{margin-bottom: var(--wt-bs-space-6) !important}
	.my-sm-2{margin-top: var(--wt-bs-space-2) !important; margin-bottom: var(--wt-bs-space-2) !important}
	.my-sm-3{margin-top: var(--wt-bs-space-3) !important; margin-bottom: var(--wt-bs-space-3) !important}
	.my-sm-4{margin-top: var(--wt-bs-space-4) !important; margin-bottom: var(--wt-bs-space-4) !important}
	.my-sm-5{margin-top: var(--wt-bs-space-5) !important; margin-bottom: var(--wt-bs-space-5) !important}
	.my-sm-6{margin-top: var(--wt-bs-space-6) !important; margin-bottom: var(--wt-bs-space-6) !important}
	.pt-sm-2{padding-top: var(--wt-bs-space-2) !important}
	.pt-sm-3{padding-top: var(--wt-bs-space-3) !important}
	.pt-sm-4{padding-top: var(--wt-bs-space-4) !important}
	.pt-sm-5{padding-top: var(--wt-bs-space-5) !important}
	.pt-sm-6{padding-top: var(--wt-bs-space-6) !important}
	.pb-sm-2{padding-bottom: var(--wt-bs-space-2) !important}
	.pb-sm-3{padding-bottom: var(--wt-bs-space-3) !important}
	.pb-sm-4{padding-bottom: var(--wt-bs-space-4) !important}
	.pb-sm-5{padding-bottom: var(--wt-bs-space-5) !important}
	.pb-sm-6{padding-bottom: var(--wt-bs-space-6) !important}
	.py-sm-2{padding-top: var(--wt-bs-space-2) !important; padding-bottom: var(--wt-bs-space-2) !important}
	.py-sm-3{padding-top: var(--wt-bs-space-3) !important; padding-bottom: var(--wt-bs-space-3) !important}
	.py-sm-4{padding-top: var(--wt-bs-space-4) !important; padding-bottom: var(--wt-bs-space-4) !important}
	.py-sm-5{padding-top: var(--wt-bs-space-5) !important; padding-bottom: var(--wt-bs-space-5) !important}
	.py-sm-6{padding-top: var(--wt-bs-space-6) !important; padding-bottom: var(--wt-bs-space-6) !important}
}

@media (min-width: 768px) {
	.mt-md-2{margin-top: var(--wt-bs-space-2) !important}
	.mt-md-3{margin-top: var(--wt-bs-space-3) !important}
	.mt-md-4{margin-top: var(--wt-bs-space-4) !important}
	.mt-md-5{margin-top: var(--wt-bs-space-5) !important}
	.mt-md-6{margin-top: var(--wt-bs-space-6) !important}
	.mb-md-2{margin-bottom: var(--wt-bs-space-2) !important}
	.mb-md-3{margin-bottom: var(--wt-bs-space-3) !important}
	.mb-md-4{margin-bottom: var(--wt-bs-space-4) !important}
	.mb-md-5{margin-bottom: var(--wt-bs-space-5) !important}
	.mb-md-6{margin-bottom: var(--wt-bs-space-6) !important}
	.my-md-2{margin-top: var(--wt-bs-space-2) !important; margin-bottom: var(--wt-bs-space-2) !important}
	.my-md-3{margin-top: var(--wt-bs-space-3) !important; margin-bottom: var(--wt-bs-space-3) !important}
	.my-md-4{margin-top: var(--wt-bs-space-4) !important; margin-bottom: var(--wt-bs-space-4) !important}
	.my-md-5{margin-top: var(--wt-bs-space-5) !important; margin-bottom: var(--wt-bs-space-5) !important}
	.my-md-6{margin-top: var(--wt-bs-space-6) !important; margin-bottom: var(--wt-bs-space-6) !important}
	.pt-md-2{padding-top: var(--wt-bs-space-2) !important}
	.pt-md-3{padding-top: var(--wt-bs-space-3) !important}
	.pt-md-4{padding-top: var(--wt-bs-space-4) !important}
	.pt-md-5{padding-top: var(--wt-bs-space-5) !important}
	.pt-md-6{padding-top: var(--wt-bs-space-6) !important}
	.pb-md-2{padding-bottom: var(--wt-bs-space-2) !important}
	.pb-md-3{padding-bottom: var(--wt-bs-space-3) !important}
	.pb-md-4{padding-bottom: var(--wt-bs-space-4) !important}
	.pb-md-5{padding-bottom: var(--wt-bs-space-5) !important}
	.pb-md-6{padding-bottom: var(--wt-bs-space-6) !important}
	.py-md-2{padding-top: var(--wt-bs-space-2) !important; padding-bottom: var(--wt-bs-space-2) !important}
	.py-md-3{padding-top: var(--wt-bs-space-3) !important; padding-bottom: var(--wt-bs-space-3) !important}
	.py-md-4{padding-top: var(--wt-bs-space-4) !important; padding-bottom: var(--wt-bs-space-4) !important}
	.py-md-5{padding-top: var(--wt-bs-space-5) !important; padding-bottom: var(--wt-bs-space-5) !important}
	.py-md-6{padding-top: var(--wt-bs-space-6) !important; padding-bottom: var(--wt-bs-space-6) !important}
}

@media (min-width: 992px) {
	.mt-lg-2{margin-top: var(--wt-bs-space-2) !important}
	.mt-lg-3{margin-top: var(--wt-bs-space-3) !important}
	.mt-lg-4{margin-top: var(--wt-bs-space-4) !important}
	.mt-lg-5{margin-top: var(--wt-bs-space-5) !important}
	.mt-lg-6{margin-top: var(--wt-bs-space-6) !important}
	.mb-lg-2{margin-bottom: var(--wt-bs-space-2) !important}
	.mb-lg-3{margin-bottom: var(--wt-bs-space-3) !important}
	.mb-lg-4{margin-bottom: var(--wt-bs-space-4) !important}
	.mb-lg-5{margin-bottom: var(--wt-bs-space-5) !important}
	.mb-lg-6{margin-bottom: var(--wt-bs-space-6) !important}
	.my-lg-2{margin-top: var(--wt-bs-space-2) !important; margin-bottom: var(--wt-bs-space-2) !important}
	.my-lg-3{margin-top: var(--wt-bs-space-3) !important; margin-bottom: var(--wt-bs-space-3) !important}
	.my-lg-4{margin-top: var(--wt-bs-space-4) !important; margin-bottom: var(--wt-bs-space-4) !important}
	.my-lg-5{margin-top: var(--wt-bs-space-5) !important; margin-bottom: var(--wt-bs-space-5) !important}
	.my-lg-6{margin-top: var(--wt-bs-space-6) !important; margin-bottom: var(--wt-bs-space-6) !important}
	.pt-lg-2{padding-top: var(--wt-bs-space-2) !important}
	.pt-lg-3{padding-top: var(--wt-bs-space-3) !important}
	.pt-lg-4{padding-top: var(--wt-bs-space-4) !important}
	.pt-lg-5{padding-top: var(--wt-bs-space-5) !important}
	.pt-lg-6{padding-top: var(--wt-bs-space-6) !important}
	.pb-lg-2{padding-bottom: var(--wt-bs-space-2) !important}
	.pb-lg-3{padding-bottom: var(--wt-bs-space-3) !important}
	.pb-lg-4{padding-bottom: var(--wt-bs-space-4) !important}
	.pb-lg-5{padding-bottom: var(--wt-bs-space-5) !important}
	.pb-lg-6{padding-bottom: var(--wt-bs-space-6) !important}
	.py-lg-2{padding-top: var(--wt-bs-space-2) !important; padding-bottom: var(--wt-bs-space-2) !important}
	.py-lg-3{padding-top: var(--wt-bs-space-3) !important; padding-bottom: var(--wt-bs-space-3) !important}
	.py-lg-4{padding-top: var(--wt-bs-space-4) !important; padding-bottom: var(--wt-bs-space-4) !important}
	.py-lg-5{padding-top: var(--wt-bs-space-5) !important; padding-bottom: var(--wt-bs-space-5) !important}
	.py-lg-6{padding-top: var(--wt-bs-space-6) !important; padding-bottom: var(--wt-bs-space-6) !important}
}

@media (min-width: 1200px) {
	.mt-xl-2{margin-top: var(--wt-bs-space-2) !important}
	.mt-xl-3{margin-top: var(--wt-bs-space-3) !important}
	.mt-xl-4{margin-top: var(--wt-bs-space-4) !important}
	.mt-xl-5{margin-top: var(--wt-bs-space-5) !important}
	.mt-xl-6{margin-top: var(--wt-bs-space-6) !important}
	.mb-xl-2{margin-bottom: var(--wt-bs-space-2) !important}
	.mb-xl-3{margin-bottom: var(--wt-bs-space-3) !important}
	.mb-xl-4{margin-bottom: var(--wt-bs-space-4) !important}
	.mb-xl-5{margin-bottom: var(--wt-bs-space-5) !important}
	.mb-xl-6{margin-bottom: var(--wt-bs-space-6) !important}
	.my-xl-2{margin-top: var(--wt-bs-space-2) !important; margin-bottom: var(--wt-bs-space-2) !important}
	.my-xl-3{margin-top: var(--wt-bs-space-3) !important; margin-bottom: var(--wt-bs-space-3) !important}
	.my-xl-4{margin-top: var(--wt-bs-space-4) !important; margin-bottom: var(--wt-bs-space-4) !important}
	.my-xl-5{margin-top: var(--wt-bs-space-5) !important; margin-bottom: var(--wt-bs-space-5) !important}
	.my-xl-6{margin-top: var(--wt-bs-space-6) !important; margin-bottom: var(--wt-bs-space-6) !important}
	.pt-xl-2{padding-top: var(--wt-bs-space-2) !important}
	.pt-xl-3{padding-top: var(--wt-bs-space-3) !important}
	.pt-xl-4{padding-top: var(--wt-bs-space-4) !important}
	.pt-xl-5{padding-top: var(--wt-bs-space-5) !important}
	.pt-xl-6{padding-top: var(--wt-bs-space-6) !important}
	.pb-xl-2{padding-bottom: var(--wt-bs-space-2) !important}
	.pb-xl-3{padding-bottom: var(--wt-bs-space-3) !important}
	.pb-xl-4{padding-bottom: var(--wt-bs-space-4) !important}
	.pb-xl-5{padding-bottom: var(--wt-bs-space-5) !important}
	.pb-xl-6{padding-bottom: var(--wt-bs-space-6) !important}
	.py-xl-2{padding-top: var(--wt-bs-space-2) !important; padding-bottom: var(--wt-bs-space-2) !important}
	.py-xl-3{padding-top: var(--wt-bs-space-3) !important; padding-bottom: var(--wt-bs-space-3) !important}
	.py-xl-4{padding-top: var(--wt-bs-space-4) !important; padding-bottom: var(--wt-bs-space-4) !important}
	.py-xl-5{padding-top: var(--wt-bs-space-5) !important; padding-bottom: var(--wt-bs-space-5) !important}
	.py-xl-6{padding-top: var(--wt-bs-space-6) !important; padding-bottom: var(--wt-bs-space-6) !important}
}

@media (min-width: 1400px) {
	.mt-xxl-2{margin-top: var(--wt-bs-space-2) !important}
	.mt-xxl-3{margin-top: var(--wt-bs-space-3) !important}
	.mt-xxl-4{margin-top: var(--wt-bs-space-4) !important}
	.mt-xxl-5{margin-top: var(--wt-bs-space-5) !important}
	.mt-xxl-6{margin-top: var(--wt-bs-space-6) !important}
	.mb-xxl-2{margin-bottom: var(--wt-bs-space-2) !important}
	.mb-xxl-3{margin-bottom: var(--wt-bs-space-3) !important}
	.mb-xxl-4{margin-bottom: var(--wt-bs-space-4) !important}
	.mb-xxl-5{margin-bottom: var(--wt-bs-space-5) !important}
	.mb-xxl-6{margin-bottom: var(--wt-bs-space-6) !important}
	.my-xxl-2{margin-top: var(--wt-bs-space-2) !important; margin-bottom: var(--wt-bs-space-2) !important}
	.my-xxl-3{margin-top: var(--wt-bs-space-3) !important; margin-bottom: var(--wt-bs-space-3) !important}
	.my-xxl-4{margin-top: var(--wt-bs-space-4) !important; margin-bottom: var(--wt-bs-space-4) !important}
	.my-xxl-5{margin-top: var(--wt-bs-space-5) !important; margin-bottom: var(--wt-bs-space-5) !important}
	.my-xxl-6{margin-top: var(--wt-bs-space-6) !important; margin-bottom: var(--wt-bs-space-6) !important}
	.pt-xxl-2{padding-top: var(--wt-bs-space-2) !important}
	.pt-xxl-3{padding-top: var(--wt-bs-space-3) !important}
	.pt-xxl-4{padding-top: var(--wt-bs-space-4) !important}
	.pt-xxl-5{padding-top: var(--wt-bs-space-5) !important}
	.pt-xxl-6{padding-top: var(--wt-bs-space-6) !important}
	.pb-xxl-2{padding-bottom: var(--wt-bs-space-2) !important}
	.pb-xxl-3{padding-bottom: var(--wt-bs-space-3) !important}
	.pb-xxl-4{padding-bottom: var(--wt-bs-space-4) !important}
	.pb-xxl-5{padding-bottom: var(--wt-bs-space-5) !important}
	.pb-xxl-6{padding-bottom: var(--wt-bs-space-6) !important}
	.py-xxl-2{padding-top: var(--wt-bs-space-2) !important; padding-bottom: var(--wt-bs-space-2) !important}
	.py-xxl-3{padding-top: var(--wt-bs-space-3) !important; padding-bottom: var(--wt-bs-space-3) !important}
	.py-xxl-4{padding-top: var(--wt-bs-space-4) !important; padding-bottom: var(--wt-bs-space-4) !important}
	.py-xxl-5{padding-top: var(--wt-bs-space-5) !important; padding-bottom: var(--wt-bs-space-5) !important}
	.py-xxl-6{padding-top: var(--wt-bs-space-6) !important; padding-bottom: var(--wt-bs-space-6) !important}
}