/*
Theme Name: Bono Child
Theme URI: https://wpshop.ru/themes/bono
Author: WPShop.ru
Author URI: http://wpshop.ru/
Template: bono
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */

.site-main .shop-grid,
.related-products .shop-grid {
    justify-content: flex-start;
    align-items: start;
}

.related-products .shop-item__title {
    font-size: 15px;
}

.header-html-1, .header-html-2 {
    text-align: inherit;
}
.header__contact {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    font-family: 'Inter', -apple-system, sans-serif;
}

.header__contact__item {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    transition: transform 0.2s ease;
}

.header__contact__item:hover {
    transform: translateY(-1px);
}

/* Иконка метро в стиле «M» */
.header__contact__icon {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    font-family: "Arial Black", sans-serif !important;
    flex-shrink: 0;
    line-height: 1;
}

/* Ваши цвета веток метро */
.m-blue { 
    background-color: #03bfff !important; 
    box-shadow: 0 4px 10px rgba(3, 191, 255, 0.2) !important;
}
.m-grey { 
    background-color: #83c0c0 !important; 
    box-shadow: 0 4px 10px rgba(131, 192, 192, 0.2) !important;
}
.m-brown { 
    background-color: #8d5b2d !important; 
    box-shadow: 0 4px 10px rgba(141, 91, 45, 0.2) !important;
}

.header__contact__content {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.header__contact__phone {
    font-weight: 700;
    color: #000;
    letter-spacing: -0.01em;
}

.header__contact__item:hover .header__contact__phone {
    color: #007aff;
}

.header__contact__label {
    font-size: 11px;
    color: #007aff;
    font-weight: 600;
}

.header__contact__label small {
    color: #8e8e93;
    font-weight: 400;
    font-size: 10px;
}

.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    font-size: 16px;
}

.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
    min-width: -webkit-fill-available;
    display: flex;
    justify-content: end;
    margin-bottom: 3px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-width: 1px;
}

.main-navigation ul li .sub-menu {
    min-width: 200px;
}

.main-navigation ul li .sub-menu li>a {
    padding: 15px 20px;
    line-height: 1.2;
}

.home__services {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.home__services__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 20px;
    padding: 24px;
    text-decoration: none;
    color: #000;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    position: relative;
    overflow: hidden;
}

.home__services__link:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08);
    border-color: rgba(15, 112, 196, 0.2);
}

.home__services__img {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home__services__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home__services__txt {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.home__services__title {
    color: #0f70c4;
    font-weight: 800;
    font-size: 18px;
    line-height: 1.2;
}

.home__services__desc {
    font-size: 14px;
    color: #6e6e73;
    line-height: 1.4;
}

/* Заголовок виджета */
#mvweb_page_selector_widget-3 .mvweb-widget-title {
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 30px;
    font-family: 'Inter', -apple-system, sans-serif;
    letter-spacing: -0.02em;
}

/* Контейнер списка услуг */
#mvweb-widget-mvweb_page_selector_widget-3 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); /* Умная сетка */
    gap: 20px;
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: 'Inter', -apple-system, sans-serif;
}

/* Карточка услуги (LI) */
#mvweb-widget-mvweb_page_selector_widget-3 li {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 20px; /* Скругление в стиле Apple */
    padding: 20px 15px;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    width: auto; /* Позволяем сетке управлять шириной */
}

/* Эффект при наведении на карточку */
#mvweb-widget-mvweb_page_selector_widget-3 li:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    border-color: rgba(15, 112, 196, 0.2);
}

/* Ссылка внутри LI */
#mvweb-widget-mvweb_page_selector_widget-3 a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    gap: 12px;
}

/* Изображение услуги */
#mvweb-widget-mvweb_page_selector_widget-3 a img {
    width: 130px;
    height: 130px;
    object-fit: contain;
    transition: transform 0.4s ease;
}

#mvweb-widget-mvweb_page_selector_widget-3 li:hover a img {
    transform: scale(1.08); /* Легкое увеличение картинки */
}

/* Текст заголовка услуги */
#mvweb-widget-mvweb_page_selector_widget-3 .mvweb-page-title {
    color: #444;
    transition: color 0.3s ease;
    display: block;
}

#mvweb-widget-mvweb_page_selector_widget-3 li:hover .mvweb-page-title {
    color: #0f70c4; /* Синий цвет при наведении */
}

/* Блок преимущества (Общий контейнер) */
.home__advantages {
    background: linear-gradient(135deg, #014787 0%, #01315d 100%);
    border-radius: 32px;
    padding: 60px;
    color: #fff;
    position: relative;
    display: flex;
    min-height: 420px;
    font-family: 'Inter', -apple-system, sans-serif;
    /* overflow: hidden; — УДАЛЕНО, чтобы фото могло выходить за границы */
}

/* Контейнер с текстом */
.home__advantages__content {
    max-width: 650px;
    z-index: 9;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Заголовок блока */
.home__advantages__title {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin-bottom: -20px;
}

/* Список преимуществ */
.home__advantages__list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.home__advantages__list ul li {
    position: relative;
    padding-left: 36px;
    font-size: 17px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
}

/* Иконка-галочка (CSS + SVG DataURI) */
.home__advantages__list ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 22px;
    height: 22px;
    background-color: #00b52c;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 0 15px rgba(0, 181, 44, 0.3);
}

/* Выделение ключевых слов в списке */
.home__advantages__list ul li .highlight {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 2px;
}

/* Кнопка "Смотреть отзывы" */
.home__advantages__link a {
    display: inline-flex;
    align-items: center;
    background-color: #00b52c;
    color: #fff;
    padding: 16px 32px;
    border-radius: 16px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(0, 181, 44, 0.2);
}

.home__advantages__link a:hover {
    background-color: #00d634;
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(0, 181, 44, 0.3);
}

/* Контейнер изображения (Телефон) */
.home__advantages__img {
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 45%;
    max-width: 500px;
    z-index: 3;
    pointer-events: none;
}

.home__advantages__img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.section-id--photo_wall .section-block__header {
    display: none;
}

.super-header__item--6 {
    text-align: right;
}

.home__contacts {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
}
.home__contacts__box {}

.home__contacts__box--maps {}

.home__contacts__box--places {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-family: 'Inter', -apple-system, sans-serif;
}

.home__contacts__item {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 20px;
    padding: 20px;
    width: 380px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}

.home__contacts__item:hover {
    transform: translateX(5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    border-color: rgba(15, 112, 196, 0.2);
}

.home__contacts__header {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

/* Иконка метро M */
.metro-badge {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    font-family: "Arial Black", sans-serif !important;
    flex-shrink: 0;
    line-height: 1;
}

.m-blue { background-color: #03bfff !important; box-shadow: 0 4px 8px rgba(3, 191, 255, 0.2); }
.m-grey { background-color: #83c0c0 !important; box-shadow: 0 4px 8px rgba(131, 192, 192, 0.2); }
.m-brown { background-color: #8d5b2d !important; box-shadow: 0 4px 8px rgba(141, 91, 45, 0.2); }

.home__contacts__adress {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
}

.home__contacts__adress span {
    display: block;
    font-weight: 400;
    font-size: 13px;
    color: #6e6e73;
    margin-top: 2px;
}

.home__contacts__info {
    padding-left: 47px; /* Смещение текста под иконку */
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.home__contacts__phone a {
    text-decoration: none;
    font-weight: 800;
    font-size: 18px;
    color: #0f70c4;
    transition: color 0.2s ease;
}

.home__contacts__phone a:hover {
    color: #007aff;
}

.home__contacts__time {
    font-size: 13px;
    color: #8e8e93;
    font-weight: 500;
}

/* Контейнер карты и бейджей */
.home__contacts__box--maps {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
/* Стилизация самой карты */
.home__contacts__box--maps iframe[src*="yandex.ru/map-widget"] {
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 32px !important; /* Современное сильное скругление */
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
    overflow: hidden;
}
/* Контейнер и сами бейджи рейтинга Яндекса */
.home__contacts__box--maps iframe[src*="rating-badge"] {
    margin-right: 10px;
    border: none !important;
    border-radius: 12px !important;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.05));
    transition: transform 0.2s ease;
}
/* Эффект при наведении на бейдж */
.home__contacts__box--maps iframe[src*="rating-badge"]:hover {
    transform: translateY(-2px);
}

/* Контейнер отзывов */
.home__otzyv {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px; /* Увеличили разрыв между колонками */
    font-family: 'Inter', -apple-system, sans-serif;
}

/* Карточка отзыва (обертка для каждого сервиса) */
.home__otzyv__item {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 32px; /* Скругление как у блока преимуществ */
    padding: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.home__otzyv__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.06);
}

/* Название сервиса */
.home__otzyv__name {
    font-size: 22px;
    font-weight: 800;
    color: #000;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
}

/* Стилизация контейнера iframe */
.home__otzyv__item > div[style*="height:800px"] {
    border-radius: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    height: 600px !important; /* Немного уменьшил высоту для компактности, можно вернуть 800 */
}

/* Стилизация самого iframe */
.home__otzyv__item iframe {
    border: none !important; /* Убираем стандартную рамку, так как она есть у родителя */
    border-radius: 0 !important; /* Скругление теперь на родителе для чистоты углов */
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.woocommerce-product-form-wrap {
    flex-direction: column;
    align-items: start;
}
.woocommerce-product-form-wrap .stock {
    display: none;
}
.woocommerce-breadcrumb+h1 {
    font-size: 1.7rem;
}
.shop-item__image-inner {
    width: 100%;
}
.shop-item__image img {
    max-height: 130px;
    display: flex;
    margin: 0 auto;
}
.shop-item__buttons-cart:before {
    content: "";
}
.footer-counters {
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 5px;
}
.footer-counters a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: #555;
}
.widget-area .widget_product_categories>ul {
    border: none;
}
.widget-area .widget_product_categories>ul>li {
    background-color: #fbfbfb;
    border-radius: 6px;
    margin-bottom: 2px;
    padding: 7px 10px;
}
.widget-area .widget_product_categories>ul>li:before {
    background-color: #f43c32 !important;
}
.widget-area .widget_product_categories>ul>li a {
    font-weight: bold;
    font-size: 14px;
}
.shop-sorting {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 20px;
}
.shop-item-inner .shop-item__title a {
    /* font-size: 15px;
    line-height: 1.3; */
}

.menu-pod-shapkoy-container ul li.icon {
    /* position: relative;
    padding-left: 18px; */
}

.menu-pod-shapkoy-container ul li.icon:before {
    /* content: "";
    position: absolute;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
    pointer-events: none;
    display: block;
    background-color: #222 !important; */
}

.menu-pod-shapkoy-container ul li.icon.icon-repair:before {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M102.8 57.3C108.2 51.9 116.6 51.1 123 55.3L241.9 134.5C250.8 140.4 256.1 150.4 256.1 161.1L256.1 210.7L346.9 301.5C380.2 286.5 420.8 292.6 448.1 320L574.2 446.1C592.9 464.8 592.9 495.2 574.2 514L514.1 574.1C495.4 592.8 465 592.8 446.2 574.1L320.1 448C292.7 420.6 286.6 380.1 301.6 346.8L210.8 256L161.2 256C150.5 256 140.5 250.7 134.6 241.8L55.4 122.9C51.2 116.6 52 108.1 57.4 102.7L102.8 57.3zM247.8 360.8C241.5 397.7 250.1 436.7 274 468L179.1 563C151 591.1 105.4 591.1 77.3 563C49.2 534.9 49.2 489.3 77.3 461.2L212.7 325.7L247.9 360.8zM416.1 64C436.2 64 455.5 67.7 473.2 74.5C483.2 78.3 485 91 477.5 98.6L420.8 155.3C417.8 158.3 416.1 162.4 416.1 166.6L416.1 208C416.1 216.8 423.3 224 432.1 224L473.5 224C477.7 224 481.8 222.3 484.8 219.3L541.5 162.6C549.1 155.1 561.8 156.9 565.6 166.9C572.4 184.6 576.1 203.9 576.1 224C576.1 267.2 558.9 306.3 531.1 335.1L482 286C448.9 253 403.5 240.3 360.9 247.6L304.1 190.8L304.1 161.1L303.9 156.1C303.1 143.7 299.5 131.8 293.4 121.2C322.8 86.2 366.8 64 416.1 63.9z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M102.8 57.3C108.2 51.9 116.6 51.1 123 55.3L241.9 134.5C250.8 140.4 256.1 150.4 256.1 161.1L256.1 210.7L346.9 301.5C380.2 286.5 420.8 292.6 448.1 320L574.2 446.1C592.9 464.8 592.9 495.2 574.2 514L514.1 574.1C495.4 592.8 465 592.8 446.2 574.1L320.1 448C292.7 420.6 286.6 380.1 301.6 346.8L210.8 256L161.2 256C150.5 256 140.5 250.7 134.6 241.8L55.4 122.9C51.2 116.6 52 108.1 57.4 102.7L102.8 57.3zM247.8 360.8C241.5 397.7 250.1 436.7 274 468L179.1 563C151 591.1 105.4 591.1 77.3 563C49.2 534.9 49.2 489.3 77.3 461.2L212.7 325.7L247.9 360.8zM416.1 64C436.2 64 455.5 67.7 473.2 74.5C483.2 78.3 485 91 477.5 98.6L420.8 155.3C417.8 158.3 416.1 162.4 416.1 166.6L416.1 208C416.1 216.8 423.3 224 432.1 224L473.5 224C477.7 224 481.8 222.3 484.8 219.3L541.5 162.6C549.1 155.1 561.8 156.9 565.6 166.9C572.4 184.6 576.1 203.9 576.1 224C576.1 267.2 558.9 306.3 531.1 335.1L482 286C448.9 253 403.5 240.3 360.9 247.6L304.1 190.8L304.1 161.1L303.9 156.1C303.1 143.7 299.5 131.8 293.4 121.2C322.8 86.2 366.8 64 416.1 63.9z'/></svg>") no-repeat center / contain;
}
.menu-pod-shapkoy-container ul li.icon.icon-apple:before {
    width: 20px;
    height: 20px;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M447.1 332.7C446.9 296 463.5 268.3 497.1 247.9C478.3 221 449.9 206.2 412.4 203.3C376.9 200.5 338.1 224 323.9 224C308.9 224 274.5 204.3 247.5 204.3C191.7 205.2 132.4 248.8 132.4 337.5C132.4 363.7 137.2 390.8 146.8 418.7C159.6 455.4 205.8 545.4 254 543.9C279.2 543.3 297 526 329.8 526C361.6 526 378.1 543.9 406.2 543.9C454.8 543.2 496.6 461.4 508.8 424.6C443.6 393.9 447.1 334.6 447.1 332.7zM390.5 168.5C417.8 136.1 415.3 106.6 414.5 96C390.4 97.4 362.5 112.4 346.6 130.9C329.1 150.7 318.8 175.2 321 202.8C347.1 204.8 370.9 191.4 390.5 168.5z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M447.1 332.7C446.9 296 463.5 268.3 497.1 247.9C478.3 221 449.9 206.2 412.4 203.3C376.9 200.5 338.1 224 323.9 224C308.9 224 274.5 204.3 247.5 204.3C191.7 205.2 132.4 248.8 132.4 337.5C132.4 363.7 137.2 390.8 146.8 418.7C159.6 455.4 205.8 545.4 254 543.9C279.2 543.3 297 526 329.8 526C361.6 526 378.1 543.9 406.2 543.9C454.8 543.2 496.6 461.4 508.8 424.6C443.6 393.9 447.1 334.6 447.1 332.7zM390.5 168.5C417.8 136.1 415.3 106.6 414.5 96C390.4 97.4 362.5 112.4 346.6 130.9C329.1 150.7 318.8 175.2 321 202.8C347.1 204.8 370.9 191.4 390.5 168.5z'/></svg>") no-repeat center / contain;

}
.menu-pod-shapkoy-container ul li.icon.icon-display:before {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M144%20128C144%2092.7%20172.7%2064%20208%2064L432%2064C467.3%2064%20496%2092.7%20496%20128L496%20512C496%20547.3%20467.3%20576%20432%20576L208%20576C172.7%20576%20144%20547.3%20144%20512L144%20128zM256%20504C256%20517.3%20266.7%20528%20280%20528L360%20528C373.3%20528%20384%20517.3%20384%20504C384%20490.7%20373.3%20480%20360%20480L280%20480C266.7%20480%20256%20490.7%20256%20504zM432%20128L208%20128L208%20432L432%20432L432%20128z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M144%20128C144%2092.7%20172.7%2064%20208%2064L432%2064C467.3%2064%20496%2092.7%20496%20128L496%20512C496%20547.3%20467.3%20576%20432%20576L208%20576C172.7%20576%20144%20547.3%20144%20512L144%20128zM256%20504C256%20517.3%20266.7%20528%20280%20528L360%20528C373.3%20528%20384%20517.3%20384%20504C384%20490.7%20373.3%20480%20360%20480L280%20480C266.7%20480%20256%20490.7%20256%20504zM432%20128L208%20128L208%20432L432%20432L432%20128z'/></svg>") no-repeat center / contain;
}
.menu-pod-shapkoy-container ul li.icon.icon-shop:before {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M0%2072C0%2058.7%2010.7%2048%2024%2048L69.3%2048C96.4%2048%20119.6%2067.4%20124.4%2094L124.8%2096L312%2096L312%20198.1L281%20167.1C271.6%20157.7%20256.4%20157.7%20247.1%20167.1C237.8%20176.5%20237.7%20191.7%20247.1%20201L319.1%20273C328.5%20282.4%20343.7%20282.4%20353%20273L425%20201C434.4%20191.6%20434.4%20176.4%20425%20167.1C415.6%20157.8%20400.4%20157.7%20391.1%20167.1L360.1%20198.1L360.1%2096L537.5%2096C557.5%2096%20572.6%20114.2%20568.9%20133.9L537.8%20299.8C532.1%20330.1%20505.7%20352%20474.9%20352L171.3%20352L176.4%20380.3C178.5%20391.7%20188.4%20400%20200%20400L456%20400C469.3%20400%20480%20410.7%20480%20424C480%20437.3%20469.3%20448%20456%20448L200.1%20448C165.3%20448%20135.5%20423.1%20129.3%20388.9L77.2%20102.6C76.5%2098.8%2073.2%2096%2069.3%2096L24%2096C10.7%2096%200%2085.3%200%2072zM160%20528C160%20501.5%20181.5%20480%20208%20480C234.5%20480%20256%20501.5%20256%20528C256%20554.5%20234.5%20576%20208%20576C181.5%20576%20160%20554.5%20160%20528zM384%20528C384%20501.5%20405.5%20480%20432%20480C458.5%20480%20480%20501.5%20480%20528C480%20554.5%20458.5%20576%20432%20576C405.5%20576%20384%20554.5%20384%20528z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M0%2072C0%2058.7%2010.7%2048%2024%2048L69.3%2048C96.4%2048%20119.6%2067.4%20124.4%2094L124.8%2096L312%2096L312%20198.1L281%20167.1C271.6%20157.7%20256.4%20157.7%20247.1%20167.1C237.8%20176.5%20237.7%20191.7%20247.1%20201L319.1%20273C328.5%20282.4%20343.7%20282.4%20353%20273L425%20201C434.4%20191.6%20434.4%20176.4%20425%20167.1C415.6%20157.8%20400.4%20157.7%20391.1%20167.1L360.1%20198.1L360.1%2096L537.5%2096C557.5%2096%20572.6%20114.2%20568.9%20133.9L537.8%20299.8C532.1%20330.1%20505.7%20352%20474.9%20352L171.3%20352L176.4%20380.3C178.5%20391.7%20188.4%20400%20200%20400L456%20400C469.3%20400%20480%20410.7%20480%20424C480%20437.3%20469.3%20448%20456%20448L200.1%20448C165.3%20448%20135.5%20423.1%20129.3%20388.9L77.2%20102.6C76.5%2098.8%2073.2%2096%2069.3%2096L24%2096C10.7%2096%200%2085.3%200%2072zM160%20528C160%20501.5%20181.5%20480%20208%20480C234.5%20480%20256%20501.5%20256%20528C256%20554.5%20234.5%20576%20208%20576C181.5%20576%20160%20554.5%20160%20528zM384%20528C384%20501.5%20405.5%20480%20432%20480C458.5%20480%20480%20501.5%20480%20528C480%20554.5%20458.5%20576%20432%20576C405.5%20576%20384%20554.5%20384%20528z'/></svg>") no-repeat center / contain;
}
.menu-pod-shapkoy-container ul li.icon.icon-info:before {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M320%20576C461.4%20576%20576%20461.4%20576%20320C576%20178.6%20461.4%2064%20320%2064C178.6%2064%2064%20178.6%2064%20320C64%20461.4%20178.6%20576%20320%20576zM288%20224C288%20206.3%20302.3%20192%20320%20192C337.7%20192%20352%20206.3%20352%20224C352%20241.7%20337.7%20256%20320%20256C302.3%20256%20288%20241.7%20288%20224zM280%20288L328%20288C341.3%20288%20352%20298.7%20352%20312L352%20400L360%20400C373.3%20400%20384%20410.7%20384%20424C384%20437.3%20373.3%20448%20360%20448L280%20448C266.7%20448%20256%20437.3%20256%20424C256%20410.7%20266.7%20400%20280%20400L304%20400L304%20336L280%20336C266.7%20336%20256%20325.3%20256%20312C256%20298.7%20266.7%20288%20280%20288z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M320%20576C461.4%20576%20576%20461.4%20576%20320C576%20178.6%20461.4%2064%20320%2064C178.6%2064%2064%20178.6%2064%20320C64%20461.4%20178.6%20576%20320%20576zM288%20224C288%20206.3%20302.3%20192%20320%20192C337.7%20192%20352%20206.3%20352%20224C352%20241.7%20337.7%20256%20320%20256C302.3%20256%20288%20241.7%20288%20224zM280%20288L328%20288C341.3%20288%20352%20298.7%20352%20312L352%20400L360%20400C373.3%20400%20384%20410.7%20384%20424C384%20437.3%20373.3%20448%20360%20448L280%20448C266.7%20448%20256%20437.3%20256%20424C256%20410.7%20266.7%20400%20280%20400L304%20400L304%20336L280%20336C266.7%20336%20256%20325.3%20256%20312C256%20298.7%20266.7%20288%20280%20288z'/></svg>") no-repeat center / contain;
}
.menu-pod-shapkoy-container ul li.icon.icon-about:before {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M286%20368C384.5%20368%20464.3%20447.8%20464.3%20546.3C464.3%20562.7%20451%20576%20434.6%20576L78%20576C61.6%20576%2048.3%20562.7%2048.3%20546.3C48.3%20447.8%20128.1%20368%20226.6%20368L286%20368zM585.7%20169.9C593.5%20159.2%20608.5%20156.8%20619.2%20164.6C629.9%20172.4%20632.3%20187.4%20624.5%20198.1L522.1%20338.9C517.9%20344.6%20511.4%20348.3%20504.4%20348.7C497.4%20349.1%20490.4%20346.5%20485.5%20341.4L439.1%20293.4C429.9%20283.9%20430.1%20268.7%20439.7%20259.5C449.2%20250.3%20464.4%20250.6%20473.6%20260.1L500.1%20287.5L585.7%20169.8zM256.3%20312C190%20312%20136.3%20258.3%20136.3%20192C136.3%20125.7%20190%2072%20256.3%2072C322.6%2072%20376.3%20125.7%20376.3%20192C376.3%20258.3%20322.6%20312%20256.3%20312z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M286%20368C384.5%20368%20464.3%20447.8%20464.3%20546.3C464.3%20562.7%20451%20576%20434.6%20576L78%20576C61.6%20576%2048.3%20562.7%2048.3%20546.3C48.3%20447.8%20128.1%20368%20226.6%20368L286%20368zM585.7%20169.9C593.5%20159.2%20608.5%20156.8%20619.2%20164.6C629.9%20172.4%20632.3%20187.4%20624.5%20198.1L522.1%20338.9C517.9%20344.6%20511.4%20348.3%20504.4%20348.7C497.4%20349.1%20490.4%20346.5%20485.5%20341.4L439.1%20293.4C429.9%20283.9%20430.1%20268.7%20439.7%20259.5C449.2%20250.3%20464.4%20250.6%20473.6%20260.1L500.1%20287.5L585.7%20169.8zM256.3%20312C190%20312%20136.3%20258.3%20136.3%20192C136.3%20125.7%20190%2072%20256.3%2072C322.6%2072%20376.3%20125.7%20376.3%20192C376.3%20258.3%20322.6%20312%20256.3%20312z'/></svg>") no-repeat center / contain;
}
.menu-pod-shapkoy-container ul li.icon.icon-otzyv:before {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M320.1%20417.6C330.1%20417.6%20340%20419.9%20349.1%20424.6L423.5%20462.5L410.5%20380C407.3%20359.8%20414%20339.3%20428.4%20324.8L487.4%20265.7L404.9%20252.6C384.7%20249.4%20367.2%20236.7%20357.9%20218.5L319.9%20144.1L319.9%20417.7zM489.4%20553C482.1%20558.3%20472.4%20559.1%20464.4%20555L320.1%20481.6L175.8%20555C167.8%20559.1%20158.1%20558.3%20150.8%20553C143.5%20547.7%20139.8%20538.8%20141.2%20529.8L166.4%20369.9L52%20255.4C45.6%20249%2043.4%20239.6%2046.2%20231C49%20222.4%2056.3%20216.1%2065.3%20214.7L225.2%20189.3L298.8%2045.1C302.9%2037.1%20311.2%2032%20320.2%2032C329.2%2032%20337.5%2037.1%20341.6%2045.1L415%20189.3L574.9%20214.7C583.8%20216.1%20591.2%20222.4%20594%20231C596.8%20239.6%20594.5%20249%20588.2%20255.4L473.7%20369.9L499%20529.8C500.4%20538.7%20496.7%20547.7%20489.4%20553z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M320.1%20417.6C330.1%20417.6%20340%20419.9%20349.1%20424.6L423.5%20462.5L410.5%20380C407.3%20359.8%20414%20339.3%20428.4%20324.8L487.4%20265.7L404.9%20252.6C384.7%20249.4%20367.2%20236.7%20357.9%20218.5L319.9%20144.1L319.9%20417.7zM489.4%20553C482.1%20558.3%20472.4%20559.1%20464.4%20555L320.1%20481.6L175.8%20555C167.8%20559.1%20158.1%20558.3%20150.8%20553C143.5%20547.7%20139.8%20538.8%20141.2%20529.8L166.4%20369.9L52%20255.4C45.6%20249%2043.4%20239.6%2046.2%20231C49%20222.4%2056.3%20216.1%2065.3%20214.7L225.2%20189.3L298.8%2045.1C302.9%2037.1%20311.2%2032%20320.2%2032C329.2%2032%20337.5%2037.1%20341.6%2045.1L415%20189.3L574.9%20214.7C583.8%20216.1%20591.2%20222.4%20594%20231C596.8%20239.6%20594.5%20249%20588.2%20255.4L473.7%20369.9L499%20529.8C500.4%20538.7%20496.7%20547.7%20489.4%20553z'/></svg>") no-repeat center / contain;
}
.menu-pod-shapkoy-container ul li.icon.icon-contact:before {
    -webkit-mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M128%20252.6C128%20148.4%20214%2064%20320%2064C426%2064%20512%20148.4%20512%20252.6C512%20371.9%20391.8%20514.9%20341.6%20569.4C329.8%20582.2%20310.1%20582.2%20298.3%20569.4C248.1%20514.9%20127.9%20371.9%20127.9%20252.6zM320%20320C355.3%20320%20384%20291.3%20384%20256C384%20220.7%20355.3%20192%20320%20192C284.7%20192%20256%20220.7%20256%20256C256%20291.3%20284.7%20320%20320%20320z'/></svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20640'><path%20d='M128%20252.6C128%20148.4%20214%2064%20320%2064C426%2064%20512%20148.4%20512%20252.6C512%20371.9%20391.8%20514.9%20341.6%20569.4C329.8%20582.2%20310.1%20582.2%20298.3%20569.4C248.1%20514.9%20127.9%20371.9%20127.9%20252.6zM320%20320C355.3%20320%20384%20291.3%20384%20256C384%20220.7%20355.3%20192%20320%20192C284.7%20192%20256%20220.7%20256%20256C256%20291.3%20284.7%20320%20320%20320z'/></svg>") no-repeat center / contain;
}

/* Основной контейнер блока (общие стили) */
.hero__price {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    padding: 60px 80px;
    font-size: 26px;
    line-height: 1.25;
    border-radius: 32px; /* Скругление в стиле Apple */
    border: 1px solid rgba(0,0,0,0.06);
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    font-family: 'Inter', -apple-system, sans-serif;
    transition: all 0.3s ease;
}

/* Белый блок (без дополнительных классов) */
.hero__price:not(.hero__price--blue) {
    margin-bottom: 20px;
}

.hero__price:not(.hero__price--blue):hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.06);
    border-color: rgba(0,0,0,0.1);
}

/* Текст внутри блока */
.hero__price__txt {
    color: #000;
    font-weight: 800; /* Очень жирный для акцента */
    max-width: 500px;
    letter-spacing: -0.02em;
}

/* Кнопка (MVWEB Trigger) */
.hero__price__btn .mvweb-popup-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #02b52c 0%, #009923 100%) !important;
    color: #fff !important;
    padding: 18px 40px !important;
    border-radius: 18px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 8px 16px rgba(0, 181, 44, 0.2) !important;
}

.hero__price__btn .mvweb-popup-trigger:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(0, 181, 44, 0.3) !important;
    filter: brightness(1.1);
}

/* СИНЯЯ ВЕРСИЯ БЛОКА */
.hero__price--blue {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #1e73be 0%, #155b9a 100%) !important;
    border: none !important;
    box-shadow: 0 15px 40px rgba(30, 115, 190, 0.2) !important;
}

.hero__price--blue::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("https://geniusmaster.ru/wp-content/uploads/2025/12/repair-img.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.12; /* Чуть увеличил видимость картинки */
    pointer-events: none;
    z-index: 0;
}

.hero__price--blue .hero__price__txt {
    color: #fff !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.hero__price--blue > * {
    position: relative;
    z-index: 1;
}

.section-id--advantages .section-block__header {
    display: none;
}


    /* Заголовок блока с акцентом */
    .widget_product_categories .widget-title,
    .widget_product_categories .widget-header {
        font-family: 'Inter', -apple-system, sans-serif;
        font-size: 22px;
        font-weight: 800;
        color: #000;
        margin-bottom: 25px;
        border-left: 4px solid #0f70c4;
        padding-left: 15px;
        line-height: 1;
    }

    /* Список категорий */
    .product-categories {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Удаляем старые красные точки/полоски */
    .product-categories li:before {
        display: none !important;
        content: none !important;
    }

    /* Основной контейнер строки (LI) — теперь Flex */
    .product-categories li {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important; /* Держит текст и число рядом */
        margin-bottom: 6px !important;
        border-radius: 14px !important;
        transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        border: 1px solid transparent !important;
        position: relative !important;
        padding: 0 !important;
    }

    /* Ссылка (Название) */
    .product-categories li a {
        display: inline-block !important; /* Убрали block, чтобы не занимало 100% */
        padding: 12px 0 12px 16px !important; /* Отступ слева есть, справа нет */
        text-decoration: none !important;
        color: #444 !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        transition: color 0.2s ease;
        line-height: 1.2;
    }

    /* Контейнер количества */
    .product-categories li .count {
        margin-left: 8px !important; /* Небольшой зазор от названия */
        display: flex !important;
        align-items: center !important;
    }

    /* Бейдж количества (sup) */
    .product-categories li .count sup {
        position: static !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        color: #0f70c4 !important;
        background: rgba(15, 112, 196, 0.08) !important;
        padding: 3px 10px !important;
        border-radius: 20px !important;
        line-height: 1.2 !important;
        border: 1px solid rgba(15, 112, 196, 0.1) !important;
        transition: all 0.3s ease;
    }

    /* --- ПРЕМИАЛЬНЫЙ ХОВЕР --- */
    .product-categories li:hover {
        background: #ffffff !important;
        border-color: rgba(15, 112, 196, 0.2) !important;
        box-shadow: 0 10px 25px rgba(15, 112, 196, 0.08) !important;
        transform: translateX(6px); /* Плавный сдвиг вправо */
    }

    .product-categories li:hover a {
        color: #0f70c4 !important;
    }

    .product-categories li:hover .count sup {
        background: #0f70c4 !important;
        color: #fff !important;
        border-color: #0f70c4 !important;
        box-shadow: 0 4px 10px rgba(15, 112, 196, 0.2) !important;
    }

    /* --- АКТИВНОЕ СОСТОЯНИЕ (Мягкое и стильное) --- */
    .product-categories li.current-cat {
        background: #f0f7ff !important;
        border-color: rgba(15, 112, 196, 0.1) !important;
    }

    .product-categories li.current-cat a {
        color: #0f70c4 !important;
        font-weight: 800 !important;
    }

    .product-categories li.current-cat .count sup {
        background: #0f70c4 !important;
        color: #fff !important;
    }

.entry-content div[itemprop=mainEntity] div[itemprop=name] {
    font-weight: 700;
    font-size: 110%;
    margin: 5px 0;
}
.main-navigation ul li .sub-menu {
    min-width: 200px;
    width: max-content;
    max-width: 300px;
}

/* Информационный блок про доставку от 1000 ₽ */
.wc_payment_method.payment_method_cod {
    position: relative;
    margin: 16px 0 20px;
    padding: 14px 16px 14px 48px;
    background-color: #f4f8fb;
    border: 1px solid #d6e4f0;
    border-radius: 8px;
    color: #2c3e50;
    font-size: 14px;
    line-height: 1.45;
}

/* Иконка Info */
.wc_payment_method.payment_method_cod::before {
    content: "ℹ";
    position: absolute;
    left: 16px;
    top: 16px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #2f80ed;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.payment_box.payment_method_cod p {
    padding-left: 0 !important;
    margin-bottom: 0;
}
.section-id--mvweb-pt .section-block__header {display: none;}

/* Media */

@media screen and (max-width: 1100px) {
    .home__advantages__img {
        width: 50%;
        right: -40px;
    }
    .home__contacts__box--maps {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .home__otzyv {
        gap: 20px;
    }
    .home__otzyv__item {
        padding: 20px;
    }
}

@media screen and (min-width: 992px) {
    .pc-hidden {
        display: none;
    }
}
@media screen and (max-width: 992px) {
    .header-html-2 {
        display: none;
    }
    .pc-hidden .dgwt-wcas-search-wrapp {
        margin-top: 5px;
    }
    .home__advantages {
        padding: 40px;
        margin-top: 60px;
    }
    .home__advantages__img {
        width: 55%;
        right: 0;
        opacity: 0.8; /* Чуть прозрачнее, чтобы не мешал контенту */
    }
    .home__advantages__title {
        font-size: 30px;
    }
    .hero__price {
        padding: 40px 50px;
        font-size: 22px;
        text-align: center;
        justify-content: center;
        gap: 20px;
    }
}

@media screen and (max-width: 768px) {
    ul.brand__models {
        grid-template-columns: repeat(4, 1fr);
    }
    .header__contact {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 0;
        gap: 10px;
    }
    .header__contact__content {
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }
    .home__advantages {
        flex-direction: column;
        text-align: center;
        margin-top: 40px;
        padding-bottom: 20px;
    }
    .home__advantages__content {
        align-items: center;
        max-width: 100%;
    }
    .home__advantages__list ul li {
        text-align: left; /* Список на мобилках лучше оставить слева */
    }
    .home__advantages__img {
        position: absolute;
        width: 100%;
        max-width: 300px;
        margin: 20px auto 0;
        opacity: 1;
    }
        #mvweb-widget-mvweb_page_selector_widget-3 {
        grid-template-columns: repeat(3, 1fr); /* 3 в ряд на планшетах */
        gap: 12px;
    }
    
    #mvweb-widget-mvweb_page_selector_widget-3 li {
        padding: 15px 10px;
        border-radius: 16px;
    }
    
    #mvweb-widget-mvweb_page_selector_widget-3 a img {
        width: 100px;
        height: 100px;
    }
    .home__otzyv {
        grid-template-columns: 1fr; /* Одна колонка на мобильных */
    }
    
    .home__otzyv__item {
        border-radius: 24px;
    }

    .home__otzyv__name {
        font-size: 18px;
        text-align: center;
    }

    .home__otzyv__item > div[style*="height:800px"] {
        height: 500px !important; /* На мобилках лучше чуть меньше высоту */
    }
}

@media screen and (max-width: 640px) {
    .home__services {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .home__services__link {
        padding: 20px;
    }

    .home__services__img {
        width: 80px;
        height: 80px;
        margin-right: 15px;
    }
    .home__contacts {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 580px) {

    #mvweb-widget-mvweb_page_selector_widget-3 {
        grid-template-columns: repeat(2, 1fr); /* 2 в ряд на мобильных */
    }
    
    #mvweb-widget-mvweb_page_selector_widget-3 a {
        font-size: 13px;
    }
    .home__contacts__item {
        width: 100%;
        padding: 16px;
    }
    
    .home__contacts__phone a {
        font-size: 17px;
    }
    
    .home__contacts__info {
        padding-left: 0;
        margin-top: 5px;
        text-align: left;
    }
    .sidebar-right .widget-area {
        flex-basis: auto;
        order: 2;
    }
    .header-html-1 {
        margin-top: 20px;
    }
    .menu-pod-shapkoy-container ul li.icon:before {
        top: 29px;
    }
    .hero__price {
        padding: 20px;
        font-size: 18px;
    }
    .hero__price__btn .mvweb-popup-trigger {
        padding: 12px 16px;
    }
    .hero__price {
        padding: 30px 20px;
        font-size: 18px;
        border-radius: 20px;
    }
    
    .hero__price__txt {
        max-width: 100%;
    }

    .hero__price__btn .mvweb-popup-trigger {
        width: 100%;
        padding: 15px 20px !important;
        font-size: 16px !important;
    }
    .home__contacts__box--maps iframe[src*="yandex.ru/map-widget"] {
        height: 300px !important; /* Уменьшаем высоту карты на телефонах */
        border-radius: 24px !important;
    }
    
    .home__contacts__box--maps {
        align-items: center; /* Центрируем бейджи на мобилке */
    }
}