@charset "UTF-8";

/* mm-core.css — токены, шапка/поиск, мобильные правки. ПК: desktop.css */

:root {
  --mm-text: #161d28;
  --mm-brand: #ec670b;
  --mm-hover: #d45c0a;
  --mm-green: #3faa62;
  --mm-green-hover: #359256;
  --mm-muted: #454856;
  --mm-surface: #f4f5f6;
  --mm-font: "Manrope", "Segoe UI", sans-serif;
  --mm-rail: 1328px;
  --mm-pad: 24px;
  --mm-header: 174px;
  --mm-header-compact: 146px;
  --mm-card-radius-grid: 18px;
  --mm-card-radius-single: 20px;
  --mm-radius-btn: 12px;
  --mm-radius-icon: 10px;
  --mm-radius-input: 12px;
  --mm-focus: 0 0 0 3px color-mix(in srgb, var(--mm-brand) 20%, transparent);
  --mm-card-hover-shadow: 0 8px 22px rgba(22, 29, 40, 0.08);
}

/* ПК-only узлы: на моб скрыты СРАЗУ */
.header__preheader,
.header__catalog-text,
.header__catalog-burger,
.header__nav-geo,
.header__contacts,
.header__nav,
.header__catalog-dropdown {
  display: none !important;
}

.header__search {
  width: 100%;
}

.header__search-input,
.header__search .l-ss-c-search-input,
.footer__search-input,
.footer__search .l-ss-c-search-input {
  display: block;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 44px 0 14px;
  font-size: 15px;
  font-weight: 400;
  line-height: 40px;
  color: var(--mm-text);
  background: var(--mm-surface) url(/design/2025-metalmaster-mob/static/ya-site-form__submit.svg) right 14px center / 18px 18px no-repeat;
  border: 0;
  border-radius: 12px;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

.header__search-input::placeholder,
.header__search .l-ss-c-search-input::placeholder,
.footer__search-input::placeholder,
.footer__search .l-ss-c-search-input::placeholder {
  color: #807f7d;
  opacity: 1;
}

.header__search-input:hover,
.header__search .l-ss-c-search-input:hover,
.footer__search-input:hover,
.footer__search .l-ss-c-search-input:hover {
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--mm-brand) 16%, transparent);
}

.header__search-input:focus,
.header__search .l-ss-c-search-input:focus,
.footer__search-input:focus,
.footer__search .l-ss-c-search-input:focus {
  box-shadow: var(--mm-focus);
}

/* SearchBooster host wrappers */
.header__search .l-ss-c-host-wrapper,
.footer__search .l-ss-c-host-wrapper {
  display: block;
  width: 100%;
}

.header__search .l-ss-c-search-input-image,
.footer__search .l-ss-c-search-input-image,
.header__search [class*="search-input-image"],
.footer__search [class*="search-input-image"] {
  display: none !important;
}

.header__rail {
  width: 100%;
}

.header__main {
  display: flex;
  flex-flow: row wrap;
  gap: 10px;
  align-items: center;
  width: 100%;
  padding: 0 16px 10px;
  box-sizing: border-box;
}

@media (max-width: 879px) {
  .header__main > .logo {
    order: 2;
  }

  .header__main > .burger,
  .header__main > .header__catalog-wrap {
    order: 1;
    flex: 0 0 auto;
    flex-shrink: 0;
  }

  .header__main > .header__options {
    order: 3;
    margin-left: auto;
  }

  .header__main > .header__search {
    order: 4;
    flex: 1 1 100%;
  }

  /* Бургер как изначально: 36×32 */
  .header__main .burger.header__catalog {
    display: flex !important;
    flex: 0 0 36px !important;
    flex-flow: column nowrap !important;
    align-items: center !important;
    justify-content: space-around !important;
    gap: 0 !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 32px !important;
    padding: 4px 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box;
  }

  .header__main .burger.header__catalog .burger__line,
  .header__main .burger.header__catalog:before,
  .header__main .burger.header__catalog:after {
    display: block !important;
    width: 86% !important;
    height: 3px !important;
    background-color: #454856 !important;
    content: "" !important;
  }

  .header.page__header,
  .header {
    position: static !important;
    top: auto !important;
    left: auto;
    right: auto;
    width: 100%;
    z-index: auto;
    margin: 0 !important;
    padding: 10px 12px !important;
    gap: 10px;
    border-radius: 0 0 16px 16px;
    box-sizing: border-box;
  }

  .header__rail {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Не суммировать с padding .header — иначе контент теснится от краёв */
  .header__main {
    padding: 0 !important;
  }

  .page__main {
    padding-top: 0 !important;
  }

  .menu_2,
  ul.acl.menu_2 {
    display: none !important;
  }

  /* Боковой каталог: не давать Bootstrap .d-md-none прятать панель на 768–879px */
  #mobilemenu.leftside {
    display: block !important;
    position: fixed !important;
    top: 0;
    bottom: 0;
    z-index: 3002;
    visibility: visible;
  }

  #mobilemenu.leftside:not(.show) {
    pointer-events: none;
  }

  #mobilemenu > .scroller > .wrap {
    position: relative;
  }

  body:has(#mobilemenu.show) #close_menu-m,
  body:has(#mobilemenu.show) #mobilemenu-overlay {
    display: block !important;
  }

  /* Главная: карточки категорий — одна высота (сетка = article, белый блок внутри) */
  .catalog-main {
    align-items: stretch;
  }

  .catalog-main > article {
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: auto;
    align-self: stretch;
  }

  .catalog-main .card-catalog,
  .catalog-main .card-catalog_sm {
    overflow: hidden !important;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 150px;
    gap: 2px;
    box-sizing: border-box;
  }

  .catalog-main .card-catalog__subs {
    display: none !important;
  }

  .catalog-main .card-catalog__link {
    flex: 1 1 auto;
    gap: 4px;
    min-height: 0;
  }

  /* 2 строки всегда — иначе 1/2 строки ломают высоту соседних карточек */
  .catalog-main .card-catalog__title {
    flex: 0 0 auto;
    min-height: 2.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
  }

  .catalog-main .card-catalog_sm .card-catalog__img,
  .catalog-main .card-catalog__img {
    width: 100% !important;
    max-width: 100% !important;
    height: 96px !important;
    max-height: 96px !important;
    object-fit: contain !important;
  }

  /* Карточки хитов/новинок: шильдики на подложке над фото */
  .cards-list_prev > .card-product.card-product_prev {
    overflow: hidden;
  }

  .cards-list_prev > .card-product > a:has(.card-product__slider) {
    position: relative !important;
    display: block !important;
    padding-top: 0;
  }

  .cards-list_prev > .card-product.card-product_prev .shields_container {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto;
    z-index: auto;
    display: flex !important;
    flex-flow: row nowrap !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 3px;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 0 0 -4px !important;
    padding: 4px 0 !important;
    background: #fff !important;
    pointer-events: none;
    --mm-badge-pad-x: 5px;
    --mm-badge-fs: 10px;
  }

  .cards-list_prev > .card-product.card-product_prev .shields_container .mm-badge {
    position: relative;
    pointer-events: auto;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    padding: 0 5px !important;
  }

  .cards-list_prev .card-product__tag-option {
    left: 10px !important;
    bottom: 10px !important;
    right: auto;
  }

  .cards-list_prev .card-product__slider {
    margin-bottom: 4px !important;
  }

  .cards-list_prev > .card-product > a > .mm-badge {
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 0;
    pointer-events: none;
  }

  .cards-list_prev .card-product__slider .slider__container {
    overflow-x: auto !important;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 6px;
    scrollbar-width: thin;
    scrollbar-color: color-mix(in srgb, #161d28, #fff 80%) transparent;
    scrollbar-gutter: stable;
  }

  .cards-list_prev .card-product__slider .slider__container::-webkit-scrollbar {
    display: block;
    height: 4px;
  }

  .cards-list_prev .card-product__slider .slider__container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: color-mix(in srgb, #161d28, #fff 80%);
  }

  .cards-list_prev .card-product__slider .slider__slide {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    scroll-snap-align: start;
  }

  .cards-list_prev .card-product_prev .card-product__price:after {
    display: none;
  }

  /* Подчёркивание = линия под текстом ссылок, не скроллбар */
  .cards-list_prev .card-product a,
  .cards-list_prev .card-product a:link,
  .cards-list_prev .card-product a:visited,
  .cards-list_prev .card-product .card-product__title {
    text-decoration: none !important;
  }

  .page__main > .home-banners {
    margin-top: 0;
    margin-bottom: 24px;
    padding: 0;
    overflow: hidden;
  }

  .home-banners__frame {
    overflow: hidden;
  }

  .home-banners .mySwiper {
    width: 100%;
    margin: 10px 0 0;
    aspect-ratio: 750 / 260;
    border-radius: 0;
    overflow: hidden;
  }

  .home-banners .mySwiper:not(.swiper-initialized) {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .home-banners .mySwiper:not(.swiper-initialized)::-webkit-scrollbar {
    display: none;
  }

  .home-banners .swiper-wrapper {
    display: flex;
    align-items: stretch;
  }

  .home-banners .mySwiper:not(.swiper-initialized) .swiper-wrapper {
    gap: 8px;
  }

  .home-banners .swiper-slide {
    flex-shrink: 0;
    width: calc(100% - 32px);
    height: auto;
    border-radius: 16px;
    overflow: hidden;
    scroll-snap-align: center;
  }

  /* Главная: категории без заголовка, с отступами */
  html.is-home .page__main > section:has(.catalog-main) {
    margin-top: 16px;
    padding-left: 16px;
    box-sizing: border-box;
  }

  html.is-home .page__main > section:has(.catalog-main) > .section-head {
    display: none;
  }

  html.is-home .page__main > section:has(.catalog-main) .catalog-main {
    gap: 4px;
    padding-left: 0;
    padding-right: 16px;
  }

  /* Главная: новости и обзоры — воздух между блоками и карточками */
  html.is-home .page__main > .home-consult-news,
  html.is-home .page__main > .container-bg_news {
    margin-bottom: 16px;
  }

  html.is-home .page__main .news-container,
  html.is-home .page__main .video-container {
    gap: 10px;
  }

  #consult-slot {
    display: none !important;
  }

  #product-specs-reviews:not(:has(.card-reviews)) {
    display: none !important;
  }

  .cont-ins button[type="submit"] {
    --bg-color: #14c14c;
    background-color: var(--bg-color);
    color: #fff;
  }

  .cont-ins .error-message {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.3;
    color: #b94a48;
  }

  html.is-pdp .modal__order-error {
    display: none;
    margin: 0 0 12px;
    padding: 10px 14px;
    background: #f2dede;
    color: #b94a48;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.35;
  }

  .product-browsed {
    display: none !important;
  }

  /* PDP mobile: h1 title — not catalog card clamp */
  html.is-pdp .page__main article.card-product:has(> .card-product__body) > .card-product__body > h1.card-product__title {
    display: block;
    overflow: visible;
    -webkit-box-orient: unset;
    -webkit-line-clamp: unset;
    line-clamp: unset;
  }

  /* PDP mobile: larger header badges */
  html.is-pdp .page__main article.card-product > .card-product__header {
    --mm-badge-h: 28px;
    --mm-badge-fs: 13px;
    --mm-badge-pad-x: 10px;
    --mm-badge-radius: 8px;
    --mm-badge-fw: 600;
    gap: 6px;
  }

  html.is-pdp .page__main article.card-product > .card-product__header .mm-badge,
  html.is-pdp .page__main article.card-product > .card-product__header .shields_container .mm-badge {
    height: var(--mm-badge-h);
    min-height: var(--mm-badge-h);
    max-height: var(--mm-badge-h);
    padding: 0 var(--mm-badge-pad-x);
    border-radius: var(--mm-badge-radius);
    font-size: var(--mm-badge-fs);
    font-weight: var(--mm-badge-fw);
  }

  /* PDP mobile: share — icon + tap menu (fix blue network leak) */
  html.is-pdp .page__main article.card-product .catalog-share {
    display: block;
    position: relative;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    margin: 0;
    z-index: 5;
  }

  html.is-pdp .page__main article.card-product .catalog-share .page__share-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
  }

  html.is-pdp .page__main article.card-product .catalog-share .share-icon {
    display: block;
    width: 22px;
    height: 22px;
    opacity: 0.75;
    cursor: pointer;
  }

  html.is-pdp .page__main article.card-product .catalog-share .share-menu {
    position: absolute;
    z-index: 40;
    top: calc(100% + 6px);
    right: 0;
    display: none;
    align-items: center;
    gap: 6px;
    height: 44px;
    margin: 0;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #eceae6;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(22, 29, 40, 0.12);
    white-space: nowrap;
  }

  html.is-pdp .page__main article.card-product .catalog-share.is-open .share-menu {
    display: flex;
  }

  html.is-pdp .page__main article.card-product .catalog-share__net {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    overflow: hidden;
    line-height: 0;
    cursor: pointer;
    text-decoration: none !important;
  }

  html.is-pdp .page__main article.card-product .catalog-share__net img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: cover;
  }

  .page__main .video-container > .video:nth-child(n + 5) {
    display: none !important;
  }

  .page__footer .footer__mid {
    display: flex;
    flex-flow: column nowrap;
    padding: 20px 16px 24px !important;
    box-sizing: border-box;
  }

  .page__footer .footer__col-form .footer__col-social {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .page__footer .footer__search {
    order: 1;
    margin-bottom: 16px;
  }

  .page__footer .footer__brand {
    order: 2;
  }

  .page__footer .footer__col-form .footer__col-social .social {
    display: flex;
    flex-flow: row nowrap;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .page__footer .footer__col-form .footer__col-social .social::-webkit-scrollbar {
    display: none;
  }

  .page__footer .social__link {
    flex: 0 0 36px;
  }

  .page__footer .form-consult .button {
    width: 100%;
  }

  .page__footer .footer__search {
    width: 100%;
  }

  .page__footer .footer__search-input,
  .page__footer .footer__search .l-ss-c-search-input,
  .page__footer .footer__search .ya-site-form__search {
    width: 100%;
    height: 44px;
    padding: 0 44px 0 14px;
    font-size: 16px;
    color: var(--mm-text);
    background: #fff url(/design/2025-metalmaster-mob/static/ya-site-form__submit.svg) right 14px center / 18px 18px no-repeat;
    border: 1px solid #dbdbdb;
    border-radius: 12px;
    box-sizing: border-box;
  }

  .page__footer .footer__logo {
    display: block;
    margin: 4px 0 12px;
  }

  .page__footer .footer__logo img {
    display: block;
    max-width: 200px;
    height: auto;
  }

  .page__footer .footer__requisites {
    margin: 0;
    font-size: 14px;
    font-weight: 350;
    line-height: 1.45;
    color: var(--mm-text);
  }

  .page__footer .footer__info {
    padding: 20px 16px 36px;
  }

  .page__footer .footer__disclaimer {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 350;
    line-height: 1.45;
    color: var(--mm-text);
  }

  .page__footer .footer__info-links {
    display: block;
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 350;
    line-height: 1.55;
  }

  .page__footer .footer__info-links a {
    color: var(--mm-brand);
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  .page__footer .footer__info-links a:not(:last-child)::after {
    content: " | ";
    color: var(--mm-text);
    text-decoration: none;
    white-space: pre;
  }

  .page__footer .footer__img {
    display: block;
    width: auto;
    max-width: 260px;
    margin: 0;
  }

  .catalog-toolbar.flex {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 4px;
  }

  .catalog-toolbar__controls {
    display: contents;
  }

  .catalog-toolbar > .dropdown,
  .catalog-toolbar > .tag.tag_option {
    flex: 0 0 auto;
  }

  .catalog-toolbar .dropdown__btn,
  .catalog-toolbar > .js-filter-modal-btn {
    display: grid;
  }

  .catalog-toolbar .dropdown__content {
    position: absolute;
    display: block;
    top: 40px;
    right: 10px;
    left: 10px;
    width: auto;
    min-width: 0;
    padding: 20px;
  }

  .catalog-toolbar__label {
    display: none;
  }

  .catalog-toolbar #viewDropdown .dropdown__item {
    height: 36px;
    margin-bottom: 4px;
  }

  .catalog-toolbar #viewDropdown .dropdown__item:last-child {
    margin-bottom: 0;
  }

  .catalog-toolbar #viewDropdown .dropdown__item > label {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 16px;
    overflow: visible;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
  }

  .catalog-toolbar #viewDropdown .dropdown__item > label svg {
    display: none;
  }

  .catalog-toolbar #viewDropdown .dropdown__item > label span {
    display: inline;
    font-size: 14px;
  }

  /* Пока кнопка ещё в прайсбоксе — не занимать место в карточке */
  html.is-pdp .page__main article.card-product:has(> .card-product__body) .card-product__pricebox-cta .execute {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  /* После переноса в док — обычная полноширинная кнопка над иконками */
  .page__navigation > .execute,
  .navigation-fixed > .execute {
    position: static !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 14px 16px !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: normal !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  .page__navigation > .execute .card-product__cart-btn-icon,
  .navigation-fixed > .execute .card-product__cart-btn-icon {
    display: none !important;
  }

  .page__main article.card-product .card-product__utp:not(:has(.dop-shelds-wrapper)) {
    display: none !important;
  }

  .page__navigation > .execute .card-product__cart-btn-label,
  .navigation-fixed > .execute .card-product__cart-btn-label {
    display: inline !important;
  }

  .page__navigation > .execute.btn__in-cart-in,
  .navigation-fixed > .execute.btn__in-cart-in {
    color: #fff !important;
    background: var(--mm-brand) !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-weight: 700;
  }

  /* Каталог mobile (PageView / ProductsView — без html.is-catalog) */
  .page__main:has(.catalog-layout) .catalog-seo-tags,
  .page__main:has(.catalog-layout) .catalog-filter-summary,
  .page__main:has(.catalog-layout) .catalog-sidebar-news,
  .page__main:has(.catalog-layout) .catalog-grid-banner {
    display: none !important;
  }

  .catalog-layout .card-product__cart-btn-icon,
  .catalog-layout .card-product__qty,
  .catalog-layout .card-product__to-cart {
    display: none !important;
  }

  .page__main:has(.catalog-layout) .catalog-page-head {
    display: block;
  }

  .page__main:has(.catalog-layout) .catalog-share {
    display: none !important;
  }

  .catalog-layout .card-product {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-top: 0;
    overflow: visible;
    --slider-height: 150px;
  }

  .catalog-layout .card-product > a:has(.card-product__slider) {
    position: relative;
    display: block;
    order: 2;
    padding-top: 0;
    margin: 0;
  }

  .catalog-layout .card-product__slider {
    position: relative;
    height: var(--slider-height, 150px);
    margin-bottom: 8px;
    overflow: hidden;
  }

  /* Шильдики на подложке над фото: как на главной */
  .catalog-layout .card-product__badges {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    z-index: auto;
    order: 1;
    display: flex;
    width: auto;
    margin: 0;
    padding: 4px 0;
    background: #fff;
    pointer-events: none;
    --mm-badge-pad-x: 5px;
  }

  .catalog-layout .card-product__badges:empty,
  .catalog-layout .card-product__badges:not(:has(.shields_container)) {
    display: none;
    margin: 0;
    padding: 0;
  }

  .catalog-layout .card-product__badges .shields_container {
    position: static !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 3px;
    width: auto;
    max-width: none;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0;
  }

  .catalog-layout .card-product__badges .shields_container .mm-badge {
    box-sizing: border-box;
    display: inline-flex !important;
    flex: 0 0 auto;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 0;
    max-width: none !important;
    height: var(--mm-badge-h) !important;
    min-height: var(--mm-badge-h) !important;
    max-height: var(--mm-badge-h) !important;
    padding: 0 5px !important;
    border-radius: var(--mm-badge-radius) !important;
    font-size: var(--mm-badge-fs) !important;
    font-weight: var(--mm-badge-fw) !important;
    line-height: 1 !important;
    letter-spacing: 0;
    white-space: nowrap !important;
  }

  .catalog-layout .card-product__badges .shields_container .mm-badge:only-child {
    flex: 0 0 auto;
    max-width: none !important;
  }

  .catalog-layout .card-product__link {
    order: 3;
  }

  .catalog-layout .card-product__btns-container {
    order: 4;
    display: flex;
    width: 100%;
  }

  .catalog-layout .card-product__btns-container--consult .card-product__consult-btn {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    white-space: normal;
    text-align: center;
  }

  .catalog-layout .card-product__btns-container .execute {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
  }

  .catalog-layout .card-product__btns-container .button_in_cart {
    display: none !important;
  }

  .catalog-layout .card-product__btns-container.is-in-cart .execute,
  .catalog-layout .card-product__btns-container .execute.btn__in-cart-in,
  .catalog-layout .card-product__btns-container.is-in-cart .execute.button_border,
  .catalog-layout .card-product__btns-container .execute.button_border.btn__in-cart-in,
  .card-product__btns-container.is-in-cart .execute,
  .card-product__btns-container .execute.btn__in-cart-in {
    color: #fff !important;
    background: var(--mm-brand) !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-weight: 700;
    box-shadow: none;
  }

  .catalog-layout .card-product__btns-container.is-in-cart .execute:active,
  .catalog-layout .card-product__btns-container .execute.btn__in-cart-in:active,
  .card-product__btns-container.is-in-cart .execute:active,
  .card-product__btns-container .execute.btn__in-cart-in:active {
    background: var(--mm-hover) !important;
  }

  .catalog-layout .card-product__status {
    position: absolute;
    left: 10px;
    right: auto;
    top: auto;
    bottom: 16px;
    z-index: 6;
    display: flex;
    margin: 0;
    padding: 0;
    pointer-events: none;
  }

  .catalog-layout .card-product__status .card-product__tag-option {
    position: static !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
  }

  .catalog-layout .card-product__slider .card-product__sale {
    display: none !important;
  }

  .catalog-layout .card-product__sale_flow {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #ec670b;
    background: none;
    padding: 0;
  }
}



/* Сквозной верхний баннер: только моб., не главная. ПК — скрыт. */
.top__slid {
  display: none;
}

.top__slid a {
  display: block;
}

.top__slid img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 879px) {
  html:not(.is-home) .top__slid {
    display: block;
  }
}

.catalog-promo-banner,
html.catalog-promo-off .catalog-promo-banner,
.catalog-promo-banner[hidden] {
  display: none !important;
}



/* ---------- 6. Главный слайдер (Swiper) ---------- */
.home-banners__progress {
  display: none;
}

.home-banners__prev,
.home-banners__next {
  display: none;
}



/* ---------- 8. cards-list_prev: горизонтальная лента + навигация ---------- */
.section-nav {
  display: none;
}

.section-head__all {
  display: none;
}

.products-rail {
  position: relative;
}



/* ---------- 9a. Дисконт-баннер (моб. главная; в каталоге скрыт с .catalog-grid-banner) ---------- */
.diskont-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
  margin: 0 0 16px;
  padding: 24px 16px 18px;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
  background:
    radial-gradient(ellipse 70% 90% at 100% 0%, rgba(236, 103, 11, 0.22), transparent 48%),
    #161d28;
  border-radius: 12px;
}

.diskont-banner__copy {
  position: relative;
  overflow: visible;
  min-height: 0;
}

.diskont-banner__pct {
  position: absolute;
  left: auto;
  right: -8%;
  top: 4%;
  z-index: 0;
  font-size: 140px;
  font-weight: 800;
  line-height: 0.7;
  color: #ec670b;
  opacity: 0.16;
  pointer-events: none;
  user-select: none;
  transform: rotate(-16deg);
}

.diskont-banner__copy,
.diskont-banner__rail {
  position: relative;
  z-index: 1;
}

.diskont-banner__title,
.diskont-banner__text,
.diskont-banner__fallback {
  position: relative;
  z-index: 1;
}

.diskont-banner__title {
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.15;
  color: #fff;
}

.diskont-banner__text {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  color: #fff;
}

.diskont-banner .cards-list_prev {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.diskont-banner .cards-list_prev::-webkit-scrollbar {
  display: none;
}

.diskont-banner .cards-list_prev > .diskont-banner__item,
.diskont-banner .cards-list_prev > .diskont-banner__more {
  flex: 0 0 160px;
  width: 160px;
  max-width: 160px;
  scroll-snap-align: start;
  box-sizing: border-box;
}

.diskont-banner .cards-list_prev > .diskont-banner__item {
  display: flex;
  flex-direction: column;
  padding: 0 8px 14px;
  overflow: hidden;
  background: #fff;
  border-radius: 12px;
}

.diskont-banner__photo-link {
  position: relative;
  display: block;
}

.diskont-banner__photo {
  display: block;
  width: calc(100% + 16px);
  margin: 0 -8px 8px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #f4f5f6;
  border-radius: 12px 12px 0 0;
}

.diskont-banner__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.diskont-banner__off {
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  background: var(--mm-brand);
  border-radius: 7px;
}

.diskont-banner__body {
  display: block;
  color: inherit;
  text-decoration: none;
}

.diskont-banner__cost {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #161d28;
}

.diskont-banner__cost del {
  margin-left: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #8b8f97;
}

.diskont-banner__sale {
  display: block;
  font-size: 12px;
  color: #8b8f97;
}

.diskont-banner__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.35;
  color: #5c6270;
}

.diskont-banner__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 220px;
  color: #fff;
  background: #ec670b;
  border-radius: 12px;
  text-decoration: none;
}

.diskont-banner__more-text {
  font-size: 16px;
  font-weight: 700;
}

.diskont-banner__more-arrow {
  display: block;
  width: 36px;
  height: 36px;
  border: 2px solid currentColor;
  border-radius: 12px;
}

.diskont-banner__more-arrow::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin: 12px 0 0 11px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
}

.diskont-banner .section-nav {
  display: none;
}

.diskont-banner__fallback {
  margin-top: 16px;
}

@media (max-width: 879px) {
  html.is-home .diskont-banner:not(:has(.diskont-banner__rail)) {
    padding: 20px 16px 22px;
  }

  html.is-home .diskont-banner:not(:has(.diskont-banner__rail)) .diskont-banner__pct {
    font-size: 110px;
    right: -2%;
  }
}

/* ---------- 9b. Форма консультанта после Дисконта (ПК) ---------- */
#consult-slot:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  background: transparent;
}

.form-consult.is-sent .form-element,
.form-consult.is-sent .form-consent-pd,
.form-consult.is-sent .form-element__note,
.form-consult.is-sent .button,
.form-consult.is-sent #captcha-consult,
.form-consult.is-sent #captcha-consult-modal,
.form-consult.is-sent .consult-modal-product,
.form-consult.is-sent .grid_btns-duo {
  display: none !important;
}

.form-consult_ok {
  display: none;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  margin: 0;
  padding: 20px 18px;
  box-sizing: border-box;
  background: color-mix(in srgb, var(--mm-brand) 8%, #fff);
  border: 1px solid color-mix(in srgb, var(--mm-brand) 18%, #e8eaed);
  border-radius: 16px;
}

.form-consult.is-sent .form-consult_ok {
  display: flex;
  animation: mmConsultOk .35s ease-out;
}

@keyframes mmConsultOk {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.form-consult_ok-icon {
  display: block;
  width: 44px;
  height: 44px;
  margin: 0 0 8px;
  border-radius: 50%;
  background: var(--mm-green) url(/design/2025-metalmaster-mob/img/icons/check.svg) center / 22px 22px no-repeat;
}

.form-consult_ok-title {
  margin: 0;
  font-family: var(--mm-font);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  color: var(--mm-text);
}

.form-consult_ok-text {
  margin: 0;
  font-family: var(--mm-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--mm-muted);
}

#consult .consult-modal-product {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.4;
  color: #5c6270;
}

#consult .form-element__note {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.35;
  color: #5c6270;
}

#consult .grid_btns-duo {
  margin-top: 16px;
}

#consult textarea.form-element__field,
.form-consult textarea.form-element__field {
  min-height: 88px;
  padding: 12px 14px;
  line-height: 1.4;
  resize: vertical;
}

.reviews-modal.modal_video {
  z-index: 220;
  padding: 72px 16px 28px;
  background: #f4f2ee;
  box-sizing: border-box;
}

.reviews-modal .modal__content {
  width: 100%;
  max-width: var(--mm-rail);
  margin: 0 auto;
}

.reviews-modal.modal_video .modal__btn {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: 230;
  background: #fff;
}

.reviews-modal .container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding: 0;
  overflow: visible;
}

.reviews-modal .title {
  flex: none;
  margin: 0 0 16px;
  padding: 0;
  font-family: var(--mm-font);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  background: none;
}

.reviews-modal.modal_video .modal-video-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 0 0 24px;
  overflow: visible;
  max-height: none;
  align-items: stretch;
}

.reviews-modal .modal-video-container > .video {
  display: block;
  width: 100%;
  min-width: 0;
  height: auto;
  color: inherit;
  text-decoration: none;
}

.reviews-modal .card-video {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: 16px;
  overflow: hidden;
  box-sizing: border-box;
}

.reviews-modal .card-video__img-container {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #161d28;
}

.reviews-modal .card-video__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.reviews-modal .card-video__info {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 12px 14px 14px;
  box-sizing: border-box;
}

.reviews-modal .card-video__title,
.reviews-modal h3.card-video__title {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  max-height: 4.05em;
  white-space: normal;
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--mm-text);
}

.reviews-modal .tag.tag_date {
  margin-top: auto;
  flex: 0 0 auto;
}

@media (min-width: 576px) {
  .reviews-modal.modal_video .modal-video-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}



/* ---------- 14b. Модалка выбора города ---------- */
#modal__city .div_regio {
  position: relative;
  padding: 4px 4px 8px;
}

#modal__city .clz_1.clozes,
#modal__city .div_regio > .db.f17.b.ttu.c_272728.mb25,
#modal__city .div_regio > .proc:last-child {
  display: none !important;
}

#modal__city a,
#modal__city a:link,
#modal__city a:visited,
#modal__city a:not([class]),
#modal__city a:link:not([class]),
#modal__city a:visited:not([class]) {
  color: var(--mm-text) !important;
  text-decoration: none !important;
  text-decoration-color: transparent !important;
  border: 0 !important;
  font-weight: 400;
  transition: color .15s ease-out;
}

#modal__city a:hover,
#modal__city a:focus,
#modal__city a:active,
#modal__city a:not([class]):hover,
#modal__city a:link:not([class]):hover {
  color: var(--mm-brand) !important;
  text-decoration: none !important;
}

#modal__city .albhabet {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 0 0 18px;
  padding: 0 0 14px;
  list-style: none;
  position: static;
  background: transparent;
  width: auto;
  border-bottom: 1px solid #eceae6;
}

#modal__city .albhabet li {
  float: none;
  margin: 0;
  padding: 0;
}

#modal__city .albhabet li span {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--mm-muted);
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 0;
  cursor: pointer;
  margin: 0;
  padding: 2px 0;
  transition: color .15s ease-out;
}

#modal__city .albhabet li span:hover {
  color: var(--mm-brand);
}

#modal__city .div_regio > .proc {
  position: static;
  float: none;
  margin: -6px 0 16px;
  text-align: right;
}

#modal__city .proc span {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--mm-muted);
  text-transform: none;
  text-decoration: none;
  border-bottom: 0;
  cursor: pointer;
  transition: color .15s ease-out;
}

#modal__city .proc span:hover {
  color: var(--mm-brand);
}

#modal__city .ulcity {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 24px;
  max-height: 62vh;
  margin: 0;
  padding: 4px 4px 8px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--mm-text) 30%, #fff) transparent;
}

#modal__city .ulcity > ul {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#modal__city .ulcity > ul > li {
  margin: 0 0 10px;
  padding: 0;
  font-size: 14px;
  line-height: 1.35;
  color: var(--mm-text);
}

#modal__city .ulcity > ul > li:after {
  display: none !important;
  content: none !important;
}

#modal__city .ulcity > ul > li > a,
#modal__city .ulcity > ul > li > a:link,
#modal__city .ulcity > ul > li > a:visited {
  display: inline;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--mm-text) !important;
  text-decoration: none !important;
}

#modal__city .ulcity > ul > li > a:hover {
  color: var(--mm-brand) !important;
}

#modal__city .ulcity > ul > li > ul {
  display: block;
  float: none;
  width: auto;
  height: auto;
  margin: 3px 0 0;
  padding: 0;
  list-style: none;
}

#modal__city .ulcity > ul > li > ul > li {
  display: inline;
  line-height: 1.4;
}

#modal__city .ulcity > ul > li > ul > li:not(:last-child)::after {
  content: ", ";
  color: #807f7d;
}

#modal__city .ulcity > ul > li > ul > li > a,
#modal__city .ulcity > ul > li > ul > li > a:link,
#modal__city .ulcity > ul > li > ul > li > a:visited {
  display: inline;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #807f7d !important;
  text-decoration: none !important;
}

#modal__city .ulcity > ul > li > ul > li > a:hover {
  color: var(--mm-brand) !important;
}

@media (min-width: 640px) {
  #modal__city .ulcity {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}



/* ---------- 17. Футер ---------- */
.form-consent-pd {
  font-size: 13px;
  line-height: 1.35;
  font-weight: 350;
  margin: 10px 0 0 32px;
  color: var(--mm-text);
}

.form-consent-rim a,
.form-consent-pd a {
  color: var(--mm-brand);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Кнопка «Наверх» — только ПК */
.scroll-top {
  display: none;
}



.footer__nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer__nav-list a {
  color: var(--mm-text);
  text-decoration: none !important;
}

@media (max-width: 879px) {
  .page__footer .footer__nav-group {
    display: none;
  }
}



/* ---------- 20. Плашка «Еще больше…» (только Акция) + кнопка у заголовка ---------- */
.card-link_pc {
  display: none !important;
}



/* ---------- 22b. Карточки: ховер-галерея как Ozon/WB ---------- */
.card-product__hover-dots {
  display: none;
}



/* ---------- 26. (desktop-only уже скрыты в начале файла) ---------- */

/* Шильдики каталога: сразу под фото, до цены (все брейкпоинты) */
.card-product__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  margin: 0;
}
.card-product__badges .card-product__tag-option {
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

/* Категории и новости сайдбара каталога — только ПК */
.catalog-filter-summary,
.catalog-sidebar-news,
.card-product__qty,
.card-product__to-cart,
.card-product__btns-container--status,
.catalog-grid-banner,
.card-product__inst-plan,
.card-product__sale_flow {
  display: none;
}

.card-product__qty-btn.is-disabled,
.card-product__qty-btn:disabled,
.quantity_inner .bt_plus.is-disabled,
.quantity-control .btn-plus.is-disabled,
.quantity-control .btn-plus:disabled {
  opacity: 0.32;
  cursor: not-allowed;
  pointer-events: none;
  color: #95989A;
}




.modal__order-error:empty {
  display: none !important;
}

#discount_form .foc-thanks,
#fast_order .foc-thanks {
  margin: 0;
  padding: 8px 0;
  min-height: 0;
  background: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #161d28;
}

/* ---------- PDP product upper (desktop only) ---------- */
.card-product__desktop-only,
.product-specs__desktop-only {
  display: none !important;
}

.pdp-sticky {
  display: none !important;
}

@media (max-width: 879px) {
  html.is-pdp .page__main article.card-product .card-product__gallery {
    min-width: 0;
    max-width: 100%;
  }

  html.is-pdp .page__main article.card-product .card-product__gallery .slider {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    min-height: 0;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    box-sizing: border-box;
  }

  html.is-pdp .page__main article.card-product .card-product__gallery .slider__container {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 0;
    gap: 0;
    align-items: stretch;
    scrollbar-gutter: auto;
    box-sizing: border-box;
  }

  html.is-pdp .page__main article.card-product .card-product__gallery .slider__slide,
  html.is-pdp .page__main article.card-product .card-product__gallery a.slider__slide {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 16px;
  }

  html.is-pdp .page__main article.card-product .card-product__gallery .slider__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
  }

  html.is-pdp .page__main article.card-product .card-product__gallery .card-product__status {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 7;
    display: flex;
    margin: 0;
    padding: 0;
    pointer-events: none;
  }

  html.is-pdp .page__main article.card-product .card-product__gallery .card-product__status .card-product__tag-option {
    position: static !important;
    left: auto !important;
    bottom: auto !important;
  }
}

.product-specs__row,
.product-specs__main {
  display: contents;
}

/* 404: заглушка с карточками категорий */
html.is-404 .page-404 {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 24px;
  box-sizing: border-box;
}

@media (max-width: 879px) {
  html.is-404 .page-404 {
    padding-top: 24px !important;
  }

  html.is-404 .page-404__hero {
    margin-top: 0;
  }
}

html.is-404 .page-404__hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 24px;
  padding: 20px 16px;
  background: #fff;
  border-radius: 16px;
}

html.is-404 .page-404__code {
  margin: 0;
  font-size: 72px;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 0.85;
  color: var(--mm-brand);
  opacity: 0.55;
}

html.is-404 .page-404__title {
  margin: 0;
  font-size: 22px;
  font-weight: 650;
  line-height: 1.3;
  color: var(--mm-text);
}

html.is-404 .page-404__text {
  margin: 0 0 8px;
  max-width: 36em;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--mm-muted);
}

html.is-404 .page-404__home {
  width: auto;
  min-width: 160px;
  margin-top: 4px;
}

html.is-404 .page-404__cats .section-head {
  display: block;
  margin: 0 0 12px;
}

html.is-404 .page-404__cats .title {
  margin: 0;
  font-size: 18px;
  font-weight: 650;
}

html.is-404 .page-404 .catalog-main {
  display: grid;
  grid-auto-columns: 148px;
  grid-auto-flow: column;
  grid-template-rows: repeat(2, auto);
  gap: 8px;
  width: 100%;
  padding: 0 0 10px;
  overflow-x: auto;
  scrollbar-width: thin;
  scroll-snap-type: x mandatory;
}

html.is-404 .page-404 .catalog-main > article {
  display: flex;
  min-width: 0;
}

html.is-404 .page-404 .catalog-main .card-catalog,
html.is-404 .page-404 .catalog-main .card-catalog_sm {
  width: 100% !important;
  min-width: 0;
  padding: 8px;
  overflow: hidden;
}

html.is-404 .page-404 .catalog-main .card-catalog__title {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 2px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  overflow-wrap: break-word;
  word-break: break-word;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  min-height: 0;
}

@media (min-width: 576px) {
  html.is-404 .page-404 .catalog-main {
    grid-template-rows: auto;
  }
}

/* ---------- Почему мы (полоса как на LBM, иконки крупнее) ---------- */
.why-us {
  margin: 0 0 16px;
  padding: 0;
}

.why-us > .title {
  margin: 0 0 16px;
}

.why-us__strip {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 16px;
  margin: 0;
  padding: 28px 20px;
  overflow: hidden;
  color: #fff;
  background: #161d28;
  border-radius: 16px;
  isolation: isolate;
}

.why-us__strip::before {
  content: "";
  position: absolute;
  top: -140px;
  right: -120px;
  z-index: 0;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(236, 103, 11, 0.28), transparent 70%);
  pointer-events: none;
}

.why-us__item {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.why-us__ico {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 0 14px;
  color: #ec670b;
  background: rgba(236, 103, 11, 0.2);
  border-radius: 16px;
}

.why-us__ico svg {
  display: block;
  width: 36px;
  height: 36px;
  overflow: visible;
}

.why-us__name {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.25;
  color: #fff;
}

.why-us__text {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.62);
}