/*!
 * Bootstrap slim — только сетка и утилиты, которые реально используются на moskitok.ru
 * Сборка от 2026-09-16 на основе grep по /local/templates + /*.php + /include
 * Использовано: .container .row .col .col-{1,4,7,8,12} .col-md-{4,6,8,12} .col-lg .col-lg-12
 *               .d-block .d-flex .text-center
 */

*, *::before, *::after { box-sizing: border-box; }

.container {
	width: 100%;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 576px)  { .container { max-width: 540px; } }
@media (min-width: 768px)  { .container { max-width: 720px; } }
@media (min-width: 992px)  { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1360px; } }

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -12px;
	margin-left: -12px;
}

.col, [class*="col-"] {
	position: relative;
	width: 100%;
	padding-right: 12px;
	padding-left: 12px;
}

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.col-1  { flex: 0 0 8.3333%;  max-width: 8.3333%; }
.col-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-7  { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-12 { flex: 0 0 100%;     max-width: 100%; }

@media (min-width: 768px) {
	.col-md-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }
	.col-md-6  { flex: 0 0 50%;      max-width: 50%; }
	.col-md-8  { flex: 0 0 66.6667%; max-width: 66.6667%; }
	.col-md-12 { flex: 0 0 100%;     max-width: 100%; }
}
@media (min-width: 992px) {
	.col-lg    { flex-basis: 0; flex-grow: 1; max-width: 100%; }
	.col-lg-12 { flex: 0 0 100%; max-width: 100%; }
}

.d-block { display: block !important; }
.d-flex  { display: flex !important; }
.text-center { text-align: center !important; }

/* Base reset (мини-normalize) */
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
img, svg, video { max-width: 100%; height: auto; }