.footer.inner .footer__left {
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
}
@media (max-width: 1199.98px) {
  .footer.inner .footer__left {
    flex: 0 0 auto;
    width: 50%;
    max-width: 100%;
  }
}
@media (max-width: 767.98px) {
  .footer.inner .footer__left {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
}
.footer.inner .footer__logo {
  flex: 0 1 auto;
}
.footer.inner .footer__phone {
  color: var(--color-black);
  font-size: 16px;
  font-weight: 600;
  transition: var(--transition-normal);
  margin-top: 15px;
}
@media (max-width: 767.98px) {
  .footer.inner .footer__phone {
    text-align: center;
    width: 100%;
  }
}
.footer.inner .footer__phone:hover {
  color: var(--color-gray);
}
.footer.inner .footer__phone a {
  color: inherit;
}
.footer.inner .footer__link {
  margin-top: auto;
}
.footer.inner .footer__center {
  flex: 0 0 auto;
  width: 75%;
  max-width: 100%;
}
@media (max-width: 1199.98px) {
  .footer.inner .footer__center {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
}
.footer.inner .footer__item {
  flex: 0 0 auto;
  width: 25%;
  max-width: 100%;
}
@media (max-width: 767.98px) {
  .footer.inner .footer__item {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
  .footer.inner .footer__item:first-child {
    border-top: none;
  }
  .footer.inner .footer__item:first-child .footer__top {
    padding-top: 0;
    text-align: center;
  }
}
.footer.inner .footer__box {
  flex-direction: row;
  justify-content: flex-end;
  padding-right: 100px;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media (max-width: 1199.98px) {
  .footer.inner .footer__box {
    flex: 0 0 auto;
    width: 50%;
    max-width: 100%;
    order: 3;
    flex-direction: column;
    justify-content: center;
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .footer.inner .footer__box {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
}

.social-block {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 15px;
}
@media (max-width: 767.98px) {
  .social-block {
    justify-content: center;
    width: 100%;
  }
}
.social-block__item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-black);
  transition: var(--transition-normal);
}
.social-block__item:hover {
  color: var(--color-gray);
}
.social-block__item.inner svg {
  width: 24px;
  height: 24px;
}
.social-block__item svg {
  width: 32px;
  height: 32px;
  fill: currentColor;
}

.header.home .sub-menu .menu__link {
  color: var(--color-black);
}

.header.home .sub-menu .menu__link:hover {
  color: var(--color-gray);
}

.detail-text p,
.detail-text div {
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4117647059;
  letter-spacing: 0.34px;
}

@media (max-width: 991.98px) {
  .detail-text p,
  .detail-text p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5714285714;
    letter-spacing: 0.28px;
  }
}
.detail-text p:last-child,
.detail-text div:last-child {
  margin-bottom: 0;
}

@media (min-width: 991px) and (max-width: 1280px) {
  .certificate-page__body h1 {
    font-size: 30px;
  }
}
.menu-catalog__item:hover {
  background: rgba(35, 35, 35, 0.03);
}

.menu-catalog__item:hover .menu-catalog__item-name,
.menu-catalog__item:hover .menu-catalog__item-quantity {
  font-weight: 600;
}


/* TODO добавить в custom.scss стили ниже*/
.custom_filter_buttons
{
    display: none;
}

/*.filter-check-input
{
    display: none;	
}*/

.context_logo_mainpage
{
    height: 30px;
    padding: 0px;
}

.form_message
{
    color: red;
    font-weight: bold;
    margin-bottom: 7px;
    display: none;
}

.form_error
{
    background-color: var(--color-dippink);
}

.form-group-success
{
    display: none;
}
.form-group-success.active
{
    display: block;	
}

.block_seo_logo
{
    padding-top: 16px;
}

/* ЦВЕТА - ПЕРЕОПРЕДЕЛЕНИЕ конфликтов */
        .m-colors{
            margin-top: 20px;
            margin-bottom: 15px;
        }
        .m-colors{
            overflow: hidden;
        }
        .m-colors .swiper-slide{
            width: auto;
            padding-right: 20px;
        }
        .m-colors__item{
            text-align: center;
        }
        .m-colors__item._selected .m-colors__img{
            border-color: #a342bf;
        }
        .m-colors__img{
            width: 60px;
            height: 60px;
            margin: 0 auto;
            padding: 5px;
            border: 2px solid transparent;
            border-radius: 50%;
        }
        .m-colors__img img{
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            border-radius: 50%;
        }
        .m-colors__title{
            font-size: 12px;
            margin-top: 5px;
            color: var(--color-black);
        }
        @media (max-width: 767px) {
            .m-colors{
                width: calc(100% + 32px);
                padding: 0 16px;
                margin-left: -16px;
            }
        }
/* Стрелки поверх слайдера */
.m-colors .slider-prev,
.m-colors .slider-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,0.9) !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

.m-colors .slider-prev {
    left: 10px !important;
    transform: translateY(-50%) !important; /* только центрирование */
}

.m-colors .slider-prev svg {
    transform: rotate(90deg) !important;
}

.m-colors .slider-next {
    right: 10px !important;
}

.m-colors .slider-prev:hover,
.m-colors .slider-next:hover {
    background: #fff !important;
    transform: translateY(-50%) scale(1.1) !important;
}

.m-colors .slider-prev svg,
.m-colors .slider-next svg {
    width: 18px !important;
    height: 18px !important;
    fill: #333 !important;
}



/* Место под стрелки */
.m-colors .swiper-container {
    padding: 0 60px !important;
    position: relative !important;
}		

/*.m-colors .slider-prev,
.m-colors .slider-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}*/

.sale-personal-section-index-block.bx-green, .sale-personal-section-index-block.bx-blue
{
    background-color: var(--color-gray);
}

/* Основные стили для кнопок в профиле */
.bx_profile input.btn {
    display: inline-block !important; /* В одну строку */
    width: auto !important;           /* Ширина по содержимому */
    font-size: 14px;                  /* Размер шрифта (чуть вернули, чтобы не было слишком мелко) */
    padding: 4px 25px;                /* 8px сверху/снизу (дает высоту), 25px по бокам */
    margin-top: 20px;                 /* Отступ СВЕРХУ от текста про пароль */
    margin-right: 15px;               /* Отступ между кнопками */
    vertical-align: middle;           /* Выравнивание */
    line-height: 1.5;                 /* Стандартная высота строки для корректного отображения */
}

/* Специфичные правки для кнопки "Отмена" */
.bx_profile input.btn-link {
    text-decoration: none;
    /* Убрали padding-left: 0, теперь отступы будут такие же, как у кнопки "Сохранить" (25px), 
       либо можно задать свои, если хотите визуально "легче": */
    padding-left: 15px;
    padding-right: 15px;
}

.main-profile-social-block { display: none !important; }

.form-error{display: none;}
/* CUSTOM FIX: Allow unchecking filter checkboxes that are already active */
.catalog-options__box-bottom .main-select__item.active {
    pointer-events: auto !important;
    cursor: pointer;
}
