/* MiBrain 22.09.2026 — переделка шапки, подвала и главной velo-centr.ru (документ Дарьи, 8 задач).
   Подключается только в шаблоне aspro_mshop_mb. Цвет темы: зелёный Aspro. */
:root { --mb-green: #009a4c; --mb-dark: #1f1f1f; --mb-text: #222; --mb-muted: #6b6b6b; --mb-line: #e6e6e6; }

/* ===== Шапка ===== */
.mb-socialbar { display: block; background: #2d2d2d; color: #fff; text-align: center; font-size: 14px; font-weight: 600; line-height: 36px; height: 36px; letter-spacing: .01em; text-decoration: none; }
.mb-socialbar:hover { background: #3a3a3a; color: #fff; }
.mb-socialbar__hand { font-weight: 400; }
.mb-header header#header { background: #fff; border-bottom: 0 !important; box-shadow: none !important; }
.mb-hrow { display: flex; align-items: center; gap: 32px; padding: 16px 0; }
.mb-logo { flex: 0 0 auto; }
.mb-logo .logo { padding: 0; }
.mb-logo .logo img { max-height: 28px; width: auto; display: block; background: transparent !important; padding: 0 !important; }
.mb-search { flex: 1 1 auto; min-width: 200px; max-width: 640px; }
.mb-search .search { width: 100%; margin: 0; }
.mb-search .search .search-input, .mb-search .search input[type="text"] { width: 100%; height: 44px; border: 1px solid #d9d9d9; border-radius: 6px; padding: 0 44px 0 16px; font-size: 15px; box-sizing: border-box; }
.mb-search .search .search-button, .mb-search .search input[type="submit"] { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); }
.mb-contact { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; margin-left: auto; }
.mb-contact__phone { font-size: 18px; font-weight: 700; color: var(--mb-text); text-decoration: none; white-space: nowrap; }
.mb-contact__phone:hover { color: var(--mb-green); }
.mb-contact__tg { font-size: 13px; color: var(--mb-muted); text-decoration: none; white-space: nowrap; padding-left: 20px; position: relative; }
.mb-contact__tg::before { content: ""; position: absolute; left: 0; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; background: var(--mb-green); }
.mb-contact__tg:hover { color: var(--mb-green); }
.mb-icons { flex: 0 0 auto; display: flex; align-items: flex-start; gap: 20px; }
.mb-icon { display: flex; flex-direction: column; align-items: center; gap: 4px; font-size: 11px; color: var(--mb-muted); text-decoration: none; min-width: 52px; }
.mb-icon img { width: 22px; height: 22px; display: block; }
.mb-icon:hover { color: var(--mb-green); }
.mb-icon--cart { position: relative; }
.mb-icon--cart .header-cart { display: block; }
.mb-catrow { border-top: 0; }
.mb-cats { display: flex; align-items: center; justify-content: center; gap: 96px; padding: 0; margin: 0; }
.mb-cat { display: flex; align-items: center; gap: 9px; padding: 10px 0 18px; font-size: 15px; font-weight: 600; color: var(--mb-text); text-decoration: none; border-bottom: 2px solid transparent; }
.mb-cat svg { width: 22px; height: 22px; color: var(--mb-green); }
.mb-cat:hover { color: var(--mb-green); border-bottom-color: var(--mb-green); }
/* прячем то, чего в новой шапке нет */
.mb-header .top-h-row, .mb-header .catalog_menu, .mb-header .middle_phone, .mb-header .header-compare-block { display: none !important; }

/* ===== Главная ===== */
.mb-banner { margin-top: 24px; }
.mb-banner .top_slider_wrapp, .mb-banner .flexslider, .mb-banner .banners_wrapper { border-radius: 8px; overflow: hidden; }
.mb-banner .flex-control-nav { bottom: 14px; }
.mb-tiles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin: 28px 0 20px; }
.mb-tile { position: relative; display: block; height: 264px; border-radius: 8px; overflow: hidden; background: var(--mb-dark) center/cover no-repeat; color: #fff; text-decoration: none; }
.mb-tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 55%); }
.mb-tile__name { position: relative; z-index: 1; display: block; padding: 22px 24px; font-size: 22px; font-weight: 700; line-height: 1.2; text-shadow: 0 1px 6px rgba(0,0,0,.4); }
.mb-tile:hover { color: #fff; transform: translateY(-2px); transition: transform .2s; }
.mb-repair { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 150px; margin: 0 0 40px; padding: 28px 40px; border-radius: 8px; overflow: hidden; background: var(--mb-dark); color: #fff; text-decoration: none; }
.mb-repair::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 42%; background: var(--mb-repair-img) center/cover no-repeat; }
.mb-repair::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 42%; background: linear-gradient(90deg, var(--mb-dark) 0%, rgba(31,31,31,.35) 45%, rgba(31,31,31,.15) 100%); }
.mb-repair__text { position: relative; z-index: 1; }
.mb-repair__title { display: block; font-size: 30px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; line-height: 1.15; }
.mb-repair__sub { display: block; margin-top: 8px; font-size: 15px; color: #cfcfcf; }
.mb-repair__btn { position: relative; z-index: 1; flex: 0 0 auto; padding: 13px 28px; border: 2px solid #fff; border-radius: 6px; font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.mb-repair:hover { color: #fff; }
.mb-repair:hover .mb-repair__btn { background: var(--mb-green); border-color: var(--mb-green); }
.mb-map { margin: 30px auto; }
.mb-map .block_wr { border-radius: 8px; overflow: hidden; }
.mb-map .block_wr .wrapper_inner { width: auto; max-width: none; padding: 0 15px; }
.mb-map .stores .all_map { margin-left: 12px !important; }

/* ===== Подвал ===== */
.mb-footer { max-width: 1162px !important; margin: 40px auto 0; padding: 0 15px 32px; box-sizing: border-box; }
.mb-footer.catalog_wrapper_inner { max-width: 1400px !important; }
.mb-footer__main { display: grid; grid-template-columns: 1.1fr 1.4fr 1.1fr 1.2fr; gap: 32px; padding: 44px 0 40px; border-top: 1px solid var(--mb-line); border-bottom: 1px solid var(--mb-line); }
.mb-footer__title { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--mb-muted); margin-bottom: 16px; }
.mb-footer__links { list-style: none; margin: 0; padding: 0; }
.mb-footer__links li { margin: 0 0 10px; padding: 0; }
.mb-footer__links li::before { display: none; }
.mb-footer__links a { font-size: 15px; color: var(--mb-text); text-decoration: none; }
.mb-footer__links a:hover { color: var(--mb-green); }
.mb-footer__search { position: relative; margin-bottom: 22px; }
.mb-footer__search input { width: 100%; height: 44px; border: 1px solid #d9d9d9; border-radius: 6px; padding: 0 44px 0 14px; font-size: 14px; box-sizing: border-box; }
.mb-footer__search button { position: absolute; right: 4px; top: 4px; width: 36px; height: 36px; border: 0; background: transparent; cursor: pointer; }
.mb-footer__search button img { width: 20px; height: 20px; opacity: .7; }
.mb-footer__pay { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.mb-footer__pay img { height: 19px; width: auto; }
.mb-footer__socials { margin-bottom: 18px; }
.mb-footer__socials .new_footer-socials-list { display: flex; align-items: center; gap: 18px; list-style: none; margin: 0; padding: 0; }
.mb-footer__socials .new_footer-socials-list li { margin: 0 !important; }
.mb-footer__socials .new_footer-socials-list li::before { display: none; }
.mb-footer__socials .header-socials_item { display: block; width: 22px; height: 22px; }
.mb-footer__addr-title { font-size: 13px; color: var(--mb-muted); margin-bottom: 6px; }
.mb-footer__addr { font-size: 15px; color: var(--mb-text); line-height: 1.5; margin-bottom: 12px; }
.mb-footer__phone, .mb-footer__email { display: block; font-size: 15px; color: var(--mb-text); text-decoration: none; margin-bottom: 6px; }
.mb-footer__phone { font-weight: 700; }
.mb-footer__phone:hover, .mb-footer__email:hover { color: var(--mb-green); }
.mb-footer__bottom { padding-top: 22px; text-align: center; }
.mb-footer__note { max-width: 900px; margin: 0 auto 10px; font-size: 12px; line-height: 1.5; color: var(--mb-muted); }
.mb-footer__copy { font-size: 13px; color: var(--mb-muted); }

/* ===== Страница «Наши соц.сети» ===== */
.mb-social { display: flex; flex-wrap: wrap; justify-content: center; gap: 60px; padding: 30px 0 60px; }
.mb-social__item { display: flex; flex-direction: column; align-items: center; gap: 18px; width: 180px; text-decoration: none; color: var(--mb-text); font-size: 16px; }
.mb-social__item:hover { color: var(--mb-green); }
.mb-social__icon { width: 150px; height: 150px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; display: block; }
.mb-social__icon--vk { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111' d='M12.8 19C6.7 19 3.2 14.9 3 8h3.1c.1 5.1 2.4 7.3 4.2 7.7V8h2.9v4.4c1.8-.2 3.6-2.2 4.2-4.4h2.9c-.5 2.7-2.5 4.7-3.9 5.5 1.4.7 3.7 2.4 4.6 5.5h-3.2c-.7-2.1-2.4-3.8-4.6-4V19h-.4z'/%3E%3C/svg%3E"); }
.mb-social__icon--yt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111' d='M23 7.2c-.3-1-1-1.8-2-2C19.2 4.7 12 4.7 12 4.7s-7.2 0-9 .5c-1 .2-1.8 1-2 2C.5 9 .5 12 .5 12s0 3 .5 4.8c.3 1 1 1.8 2 2 1.8.5 9 .5 9 .5s7.2 0 9-.5c1-.2 1.8-1 2-2 .5-1.8.5-4.8.5-4.8s0-3-.5-4.8zM9.7 15.3V8.7l6 3.3-6 3.3z'/%3E%3C/svg%3E"); }
.mb-social__icon--tg { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111' d='M21.9 3.4 2.6 10.8c-1.3.5-1.3 1.3-.2 1.6l4.9 1.5 11.4-7.2c.5-.3 1-.1.6.2l-9.2 8.3-.3 5.1c.5 0 .7-.2 1-.5l2.4-2.3 5 3.7c.9.5 1.6.2 1.8-.9L23.3 4.7c.3-1.3-.5-1.9-1.4-1.3z'/%3E%3C/svg%3E"); }
.mb-social__icon--wa { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23111' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1-.7-.3-1.5-.7-2.2-1.3-.6-.5-1-1.2-1.3-1.7-.1-.2 0-.3.1-.5l.4-.5.3-.4c.1-.2 0-.3 0-.5L9.4 8c-.2-.5-.4-.4-.6-.4h-.5c-.2 0-.5.1-.7.3-.3.3-1 1-1 2.3s1 2.7 1.1 2.9c.1.2 2 3.1 4.9 4.3 1.7.7 2.4.8 3.2.7.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.1-1.2 0-.2-.2-.3-.4-.4z'/%3E%3C/svg%3E"); }

/* ===== Страница ремонта ===== */
.mb-repair-hero { position: relative; min-height: 280px; border-radius: 8px; overflow: hidden; background: var(--mb-dark); color: #fff; display: flex; align-items: center; padding: 40px 48px; margin: 10px 0 36px; }
.mb-repair-hero::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 45%; background: var(--mb-repair-img) center/cover no-repeat; }
.mb-repair-hero::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 45%; background: linear-gradient(90deg, var(--mb-dark) 0%, rgba(31,31,31,.3) 50%, rgba(31,31,31,.1) 100%); }
.mb-repair-hero__in { position: relative; z-index: 1; max-width: 560px; }
.mb-repair-hero h2 { margin: 0 0 12px; font-size: 34px; font-weight: 800; text-transform: uppercase; line-height: 1.1; color: #fff; }
.mb-repair-hero p { margin: 0 0 20px; font-size: 16px; color: #d6d6d6; line-height: 1.5; }
.mb-repair-page h3 { font-size: 22px; margin: 32px 0 14px; }
.mb-repair-page p { font-size: 15px; line-height: 1.6; }
.mb-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0 0 30px; padding: 0; list-style: none; }
.mb-services li { margin: 0; padding: 18px 20px; border: 1px solid var(--mb-line); border-radius: 8px; font-size: 15px; line-height: 1.45; }
.mb-services li::before { display: none; }
.mb-services li b { display: block; margin-bottom: 4px; font-size: 16px; }
.mb-prices { width: 100%; border-collapse: collapse; margin: 0 0 30px; font-size: 15px; }
.mb-prices td, .mb-prices th { padding: 12px 14px; border-bottom: 1px solid var(--mb-line); text-align: left; }
.mb-prices th { font-size: 13px; text-transform: uppercase; letter-spacing: .05em; color: var(--mb-muted); font-weight: 600; }
.mb-prices td:last-child { text-align: right; white-space: nowrap; font-weight: 700; }
.mb-cta { display: inline-block; padding: 14px 30px; border-radius: 6px; background: var(--mb-green); color: #fff !important; font-weight: 700; text-decoration: none; }
.mb-cta:hover { background: #007c3d; }

/* ===== Адаптив ===== */
@media (max-width: 1100px) {
    .mb-hrow { gap: 18px; }
    .mb-icon { min-width: 46px; }
    .mb-contact__tg { display: none; }
    .mb-logo .logo img { max-height: 26px; }
    .mb-icons { gap: 16px; }
    .mb-cats { gap: 48px; }
    .mb-tiles { grid-template-columns: repeat(2, 1fr); }
    .mb-footer__main { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 767px) {
    .mb-socialbar { font-size: 13px; line-height: 34px; height: 34px; }
    .mb-tiles { grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }
    .mb-tile { height: 160px; }
    .mb-tile__name { padding: 14px 16px; font-size: 17px; }
    .mb-repair { flex-direction: column; align-items: flex-start; padding: 22px; }
    .mb-repair::before, .mb-repair::after { width: 100%; opacity: .35; }
    .mb-repair__title { font-size: 22px; }
    .mb-footer { padding: 0 16px 90px; }
    .mb-footer__main { grid-template-columns: 1fr; gap: 26px; padding: 28px 0; }
    .mb-social { gap: 30px; }
    .mb-social__item { width: 130px; }
    .mb-social__icon { width: 100px; height: 100px; }
    .mb-repair-hero { padding: 24px; min-height: 0; }
    .mb-repair-hero::before, .mb-repair-hero::after { width: 100%; opacity: .3; }
    .mb-repair-hero h2 { font-size: 24px; }
    .mb-services { grid-template-columns: 1fr; }
}

/* правки после первого просмотра 22.09 */
.mb-logo .logo .print_img { display: none !important; }
.mb-search .search, .mb-search .search .form_wr, .mb-search .search form, .mb-search .search .form-control1 { width: 100% !important; max-width: none !important; display: block; position: relative; }
.mb-search .search .form-control1 { display: flex; align-items: center; }
.mb-search .search input.text { flex: 1 1 auto; width: 100% !important; height: 46px !important; border: 1px solid #d9d9d9 !important; border-radius: 6px !important; padding: 0 44px 0 16px !important; font-size: 15px !important; box-sizing: border-box; background: #fff !important; }
.mb-search .search input.button { position: absolute !important; right: 6px !important; top: 50% !important; transform: translateY(-50%); margin: 0 !important; }
.mb-search .search .close-block { display: none !important; }

/* плитки: режем зашитые в картинку подписи (они в верхних 30 %) — показываем нижнюю часть картинки */
.mb-tile { height: 200px !important; background-size: cover !important; background-position: center bottom !important; }
.mb-tile--velo { background-position: left bottom !important; }
@media (max-width: 1100px) { .mb-tile--velo { background-size: 160% auto !important; background-position: 12% 100% !important; } }
.mb-tile::after { background: linear-gradient(180deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,0) 70%); }
/* баннер ремонта и герой страницы ремонта: картинка снизу, подпись из картинки уходит за верхний край */
.mb-repair::before, .mb-repair-hero::before { background-position: right bottom !important; background-size: cover !important; }

/* подписи в две строки (Трюковые самокаты, Ремонт и обслуживание): режем глубже */
.mb-tile:not(.mb-tile--velo) { background-size: 125% auto !important; background-position: center bottom !important; }
.mb-repair-hero::before { background-size: auto 170% !important; }
.mb-repair::before { background-size: auto 190% !important; }

/* мобильные плитки: ещё глубже, картинки узкие */
@media (max-width: 767px) {
    .mb-tile:not(.mb-tile--velo) { background-size: 190% auto !important; }
    .mb-tile--velo { background-size: auto 140% !important; background-position: 8% 100% !important; }
}

/* 23.09: карта заполняет контейнер целиком, без тёмной полосы снизу */
.mb-map .bg_map { overflow: hidden; }
.mb-map .bg_map iframe { height: 100% !important; min-height: 335px; display: block; }
@media (min-width: 1000px) { .mb-map .stores .stores_list { width: calc(100% - 300px) !important; } }

/* 23.09: баннеры 1440x400 в контейнере — показываем целиком (масштаб по ширине, высота по пропорции), а не режем по бокам */
@media (min-width: 769px) {
    .mb-banner .top_slider_wrapp .flexslider,
    .mb-banner .top_slider_wrapp .flexslider .slides > li { height: auto !important; aspect-ratio: 1440 / 400; }
    .mb-banner .top_slider_wrapp .flexslider .slides > li { background-size: 100% auto !important; background-position: center center !important; }
    .mb-banner .top_slider_wrapp .flexslider .slides > li td { height: auto !important; }
    .mb-banner .top_slider_wrapp .flexslider .slides > li .slider_table { height: 100%; }
}

/* 23.09: планшет 768–1000 px — строка шапки ужимается, чтобы не вылезать за экран (было 905 px при 768) */
@media (min-width: 768px) and (max-width: 1000px) {
    .mb-hrow { gap: 12px; }
    .mb-logo .logo img { max-height: 24px; }
    .mb-search { min-width: 140px; }
    .mb-contact__phone { font-size: 16px; }
    .mb-icons { gap: 12px; }
    .mb-icon { min-width: 40px; font-size: 11px; }
}
/* 23.09: у Aspro слайдер имеет фиксированную ширину по брейкпоинтам (1080/1440px) под полноэкранный баннер — в контейнере он должен быть 100% */
@media (min-width: 769px) {
    .mb-banner .top_slider_wrapp .flexslider, .mb-banner .top_slider_wrapp .flex-viewport { width: 100% !important; max-width: 100% !important; }
}
/* 23.09: на 768–1000 px правила Aspro (body .wrapper …) перебивали высоту 300/400px и cover — повторяем с большей специфичностью */
@media (min-width: 769px) {
    body .mb-banner.wrapper_inner .top_slider_wrapp .flexslider,
    body .mb-banner.wrapper_inner .top_slider_wrapp .flexslider .slides > li { height: auto !important; aspect-ratio: 1440 / 400 !important; }
    body .mb-banner.wrapper_inner .top_slider_wrapp .flexslider .slides > li { background-size: 100% auto !important; background-position: center center !important; }
    body .mb-banner.wrapper_inner .top_slider_wrapp .flexslider .slides > li td { height: auto !important; }
}
@media (min-width: 769px) {
    body .mb-banner.wrapper_inner .top_slider_wrapp .flexslider .slides > li > a,
    body .mb-banner.wrapper_inner .top_slider_wrapp .flexslider .slides > li .wrapper_inner,
    body .mb-banner.wrapper_inner .top_slider_wrapp .flexslider .slides > li .slider_table,
    body .mb-banner.wrapper_inner .top_slider_wrapp .flexslider .slides > li td { height: auto !important; min-height: 0 !important; }
}

/* 23.09: блок акций (start_promo) — четыре плавающие карточки по 256px прижимались влево, центрируем флексом */
@media (min-width: 769px) {
    body .services_block .start_promo { display: flex !important; flex-wrap: wrap; justify-content: center; margin-left: 0 !important; margin-right: 0 !important; }
    body .services_block .start_promo .item { float: none !important; }
    body .services_block .start_promo::after, body .services_block .start_promo::before { display: none; }
}
/* 23.09: картинки акций 174px в слоте 233px с белым фоном — фон прозрачный, картинка по центру слота */
body .services_block .start_promo .item a.opacity_block { background: transparent !important; text-align: center; }
body .services_block .start_promo .item a.opacity_block img { display: inline-block; margin: 0 auto; }
body .services_block .start_promo .item a.opacity_block { display: flex !important; justify-content: center; align-items: flex-start; }
body .services_block .start_promo .item a.opacity_block img { float: none !important; position: static !important; margin: 0 !important; }
/* картинка акции у Aspro абсолютно спозиционирована в левый верх слота — центрируем по горизонтали */
body .services_block .start_promo .item picture img, body .services_block .start_promo .item > a > img { left: 0 !important; right: 0 !important; margin: 0 auto !important; }
/* у .item белая рамка 10px (Aspro рисует «плитку» на сером) — читается как белый бокс, делаем прозрачной */
body .services_block .start_promo .item { border-color: transparent !important; background: transparent !important; }

/* 23.09: кнопка поиска в шапке — серая лупа вместо пустого зелёного квадрата */
.mb-search .search input.button.icon, .mb-search .search input.button { width: 36px !important; height: 36px !important; min-width: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 6px !important; text-indent: -9999px !important; cursor: pointer; opacity: .85; background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236b6b6b%27 stroke-width=%272%27 stroke-linecap=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27m20 20-3.5-3.5%27/%3E%3C/svg%3E") center / 20px 20px no-repeat !important; }
.mb-search .search input.button:hover { opacity: 1; }

/* 23.09: иконки Избранное/Корзина — только родной блок Aspro (у него счётчики и попап корзины), подписи под иконками, дубль убран из header.php */
.mb-icon--cart { min-width: 0; display: block; }
.mb-icons .header-cart, .mb-icons .basket_normal.cart { height: auto !important; float: none !important; }
.mb-icons .basket_normal.cart { display: flex !important; align-items: flex-start; gap: 20px; }
.mb-icons .wraps_icon_block.delay, .mb-icons .basket_block { display: flex !important; flex-direction: column; align-items: center; float: none !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important; min-width: 52px; position: relative; }
.mb-icons .wraps_icon_block.delay::before, .mb-icons .wraps_icon_block.basket::before { display: block; width: 22px !important; height: 22px !important; margin: 0 !important; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important; }
.mb-icons .wraps_icon_block.basket { display: block !important; float: none !important; margin: 0 !important; width: 22px !important; height: 22px !important; position: static !important; }
.mb-icons .wraps_icon_block.delay::after { content: "Избранное"; display: block; margin-top: 4px; font-size: 11px; line-height: 1.2; color: var(--mb-muted); white-space: nowrap; }
.mb-icons .basket_block::after { content: "Корзина"; display: block; margin-top: 4px; font-size: 11px; line-height: 1.2; color: var(--mb-muted); white-space: nowrap; }
.mb-icons .basket_block .text { display: none !important; }
.mb-icons .wraps_icon_block .count, .mb-icons .basket_block .count { top: -9px !important; left: calc(50% + 3px) !important; right: auto !important; margin: 0 !important; }
.mb-icons .wraps_icon_block.delay:hover::after, .mb-icons .basket_block:hover::after { color: var(--mb-green); }
.mb-icons .basket_block > a.link { position: absolute; inset: 0; z-index: 2; }
/* иконки у Aspro из спрайта icons_wish.svg — заменяем на отдельные svg шаблона, чтобы не зависеть от позиций спрайта */
.mb-icons .wraps_icon_block.delay::before { background: url(../images/svg/bottom-favorites.svg) center / 22px 22px no-repeat !important; }
.mb-icons .wraps_icon_block.basket::before { background: url(../images/svg/bottom-basket.svg) center / 22px 22px no-repeat !important; }
.mb-icons .wraps_icon_block.delay:hover::before, .mb-icons .wraps_icon_block.basket:hover::before { opacity: .75; }
/* при 0 отложенных Aspro ставит ссылке display:none — «Избранное» должно кликаться всегда */
.mb-icons .wraps_icon_block.delay > a.link, .mb-icons .basket_block > a.link { display: block !important; position: absolute; inset: 0; z-index: 2; cursor: pointer; }
.mb-icons .wraps_icon_block.delay, .mb-icons .basket_block { cursor: pointer; }

/* 23.09: акции — без серой подложки; слот выше с запасом 20px сверху/снизу, чтобы увеличение картинки при наведении (scale 1.1) не резалось; промежутки те же (слот 25%, картинка по центру) */
body .grey_bg:has(.services_block) { background: transparent !important; }
@media (min-width: 769px) {
    body .services_block .start_promo .item { overflow: visible !important; padding: 0 !important; height: auto !important; border: 0 !important; }
    body .services_block .start_promo .item > a:not(.opacity_block) { display: block; padding: 20px 0; }
    body .services_block .start_promo .item > a:not(.opacity_block) picture { display: block; }
    body .services_block .start_promo .item picture img, body .services_block .start_promo .item > a > img { position: static !important; display: block !important; margin: 0 auto !important; }
    body .services_block .start_promo .item > a.opacity_block { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important; }
}
@media (min-width: 769px) {
    body .services_block .start_promo .item picture img, body .services_block .start_promo .item > a > img { height: 253px !important; width: auto !important; max-width: none !important; }
}