/* Bootstrap-lite: невеликий локальний каркас під майбутню WP-тему. За потреби можна замінити на повний Bootstrap 5. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
a { color: inherit; text-decoration: none; }
img, svg { max-width: 100%; height: auto; display: block; }
button, input, textarea, select { font: inherit; }
.container { width: min(100% - 32px, 1480px); margin-inline: auto; }
.container-narrow { width: min(100% - 32px, 1120px); margin-inline: auto; }
.row { display: flex; flex-wrap: wrap; margin-inline: -12px; }
[class*="col-"] { padding-inline: 12px; width: 100%; }
.col-12 { flex: 0 0 auto; width: 100%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-4 { flex: 0 0 auto; width: 33.333333%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.d-flex { display: flex; }
.align-items-center { align-items: center; }
.justify-content-between { justify-content: space-between; }
.gap-2 { gap: .5rem; }
.gap-3 { gap: 1rem; }
.text-center { text-align: center; }
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
@media (max-width: 992px) { .col-lg-6, .col-lg-4, .col-lg-3 { width: 100%; } }
@media (min-width: 993px) { .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-4 { flex: 0 0 auto; width: 33.333333%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } }
@media (max-width: 768px) { .container, .container-narrow { width: min(100% - 24px, 1480px); } .col-md-6 { width: 100%; } }