/* Стиль плавающих мобильных кнопок на Телеграм и Whatsapp*/
.mobile-floating-messenger {
  position: fixed;
  bottom: 20px; /* Расстояние от нижнего края */
  right: 20px; /* Расстояние от правого края */
  display: flex;
  flex-direction: column; /* Расположение в столбик */
  gap: 5px; /* Отступ между кнопками */
  z-index: 1000; /* Поверх остального контента */
}

.mobile-floating-messenger .button a .image {
  opacity: 0.95;
  width: 70px;
}

/* Стиль плавающих кнопок перехода на мессенджеры, которые в правом нижнем углу десктопного экрана */
.floating-messengers {
    z-index: 1000;
    position: fixed;
    bottom: 16px;
    right: 16px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.floating-messengers .button {
    width: 274px;
    height: 44px;
    border-radius: 20px;
    overflow: hidden;
    transform-origin: right center;
    transition: transform 0.4s;
    opacity: 0.95;
}

.floating-messengers .button:hover {
    transform: scale(1.2);
    opacity: 1;
}

.floating-messengers .button a {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 12px; /* Уменьшено на 20% от 15px */
    text-decoration: none;
}

.floating-messengers .image {
    max-width: 24px; /* Уменьшено на 20% от 30px */
    height: auto;
    margin-left: 5px; /* Уменьшено на 20% от 6px */
}

.floating-messengers .name {
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px; /* Уменьшено на 20% от 20px */
    color: #F4F4F4;
    margin-left: 14px; /* Уменьшено на 20% от 17px */
    white-space: nowrap;
}


/* Стиль кнопок перехода на мессенджеры, которые в окне рядом с QR-кодом */
.button-transition-messenger {
  width: 430px;
  height: 48px;
  border-radius: 7px;
  display: flex;
  align-items: center; /* Вертикальное выравнивание */
  justify-content: center; /* Горизонтальное выравнивание */
  background-color: #5ed169;
}

.button-transition-messenger a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none; /* Убирает подчеркивание у ссылки */
}

.button-transition-messenger .image {
  width: 20px;
  margin-right: 10px; /* Добавляет отступ между картинкой и текстом */
}

.button-transition-messenger .name {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  color: #ffffff;
}


    
/* Стиль кнопки заказа на отдельной странице товара у которого есть "варианты товара" */

@media (max-width: 639px) {
   
       .t780 .t-align_center .t-product__option-variants_radio .t-product__option-item {
    width: 266px !important;
}

.js-product .t-product__option-variants_radio .t-product__option-checkmark_radio.t-product__option-checkmark_image {
    height: 56px !important;
    width: 80px !important;
}



.js-product-edition-option-name {
  font-size: 20px; /* Замените 18px на нужный вам размер */
}

.t780 .t-align_center .t-product__option .t-product__option-title.t-product__option-title_radio {
    font-size: 17px !important;
} 
    
}

@media (min-width: 640px) {
    
    .t780 .t-align_center .t-product__option-variants_radio .t-product__option-item {
    width: 400px !important;
}

.js-product .t-product__option-variants_radio .t-product__option-checkmark_radio.t-product__option-checkmark_image {
    height: 85px !important;
    width: 120px !important;
}



.js-product-edition-option-name {
  font-size: 30px; /* Замените 18px на нужный вам размер */
}

.t780 .t-align_center .t-product__option .t-product__option-title.t-product__option-title_radio {
    font-size: 26px !important;
}
    
}






/*
на шапуку снижение Z-index, чтобы в мобильной версии при скролинге не наезжали метки акции на товарах красные на верхнее меню
@media (max-width: 640px) {
  .t-store__card__mark-wrapper {
    z-index: 2 !important;
  }
}

на подвал снижение Z-index, чтобы в мобильной версии при скролинге не наезжали контенте с него на верхнее меню
#rec842779911 .t396__artboard, #rec842779911 .t396__filter, #rec842779911 .t396__carrier {
    z-index: 1 !important;
}
*/

/* установка нижней линии на меню в десктопе */
#nav838112433, #nav841124971 {
    border-bottom: 1px solid #F7F7F7 !important;
}

/* стили раскрывающегося списка */

.t585__trigger-button {
    text-align: center !important;
}