/*Ссылка в карточке товара*/
.js-store-prod-all-text [href="#contact"],
.js-store-prod-all-text [href="/catalog/zhtn#zhtn-opt"],
.js-store-prod-all-text [href="/catalog/shields#shield-opt"],
.js-store-prod-all-text [href="/catalog/signs#signs-opt"],
.t762__descr [href="/catalog/shields#shield-opt"]
{
    display: block;
    width: fit-content;
    padding: 8px 16px;
    margin-top: 15px;
    background-color: #e9f7f2;
    border-radius: 8px;
    color: #08c483 !important;
    transition: all 0.3s ease-in;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.4px;
}
.js-store-prod-all-text [href="#contact"]:hover,
.t762__descr [href="/catalog/shields#shield-opt"]:hover,
.t762__descr [href="/catalog/zhtn#zhtn-opt"]:hover,
.t762__descr [href="/catalog/signs#signs-opt"]:hover,
.js-store-prod-all-text [href="/catalog/shields#shield-opt"]:hover {
    background-color: #08c483;
    color: white !important;
}

.t762__btn-wrapper .t-btnflex__text{
    font-size: 18px !important;
}

/*Лейблы в карточках*/
/*Стилизация лейбла*/
.t-store__card__mark {
    display: inline-block;
    padding: 4px 8px;  /*Отступы внутри лейбла*/
    font-size: 12px;    /*Размер текста*/
    font-weight: 500;   /*Жирность текста*/
    letter-spacing: -0.2px; /*Трекинг*/
    width: auto;
    height: auto;
    border-radius: 8px !important;
}
.t-store__card__mark-wrapper {
    right: inherit !important;
    left: 20px;
    top: 20px;
    display: block !important;
}

td.js-store-prod-popup-buy-btn-txt {line-height: 46px;}


/*-----Стили для доп-опций в карточке товара-----*/
:root{
    /*Стили карточек опций*/
    --bgColorOption: #f7f7f7; /*Фоновый цвет*/
    --paddingOption: 15px; /*Внутренние отступы у карточки*/
    --gapOption: 15px;  /*Отступ между текстом и фото*/
    --borderRadiusOption: 12px; /*Скругление углов*/
    --outlineOption: 2px solid #232323; /*Цвет обводки выбранной карточки*/
    
    
    /*Иконка галочки при выбранной опции*/
    --iconChecked: url(https://static.tildacdn.com/tild3937-6431-4563-b232-626138376637/checked.svg); /*Ссылка на иконку*/
    --iconWidthChecked: 20px;   /*Ширина иконки*/
    --topIconChecked: 10px;     /*Отступ сверху от самой карточки*/
    --rightIconChecked: 10px;   /*Отступ справа от самой карточки*/
    
} 


/*Стили заголовка для дополнительных опций*/
 .js-product-multioption .js-product-option-name,
 .js-product-option .js-product-option-name{    
    font-size: 18px;    /**/
    font-weight: 500;   /**/
    letter-spacing: -0.5px; /**/
    margin-bottom: 15px;    /**/
    color: #232323 !important;
}
/*----------*/



/*Стили для родительского контейнера с чекбоксами (карточками)*/
 .js-product-multioption:has(input[name="По вертикали"]) .t-product__checkbox-wrap,
 .js-product-multioption:has(input[name="Крепление под брелок"]) .t-product__checkbox-wrap{
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;    /*перавое значение – это минимальная ширина карточки*/
    gap: 10px;  /*отступ между карточками*/
}
.js-product-multioption:has(input[name="По вертикали"]) .t-checkbox__control,
.js-product-multioption:has(input[name="Крепление под брелок"]) .t-checkbox__control{
    width: 100% !important;
    box-sizing: border-box;
}

 .js-product-multioption .t-checkbox__indicator {
    display:  none;  /*Скрываем стандартный чекбокс*/
}

.js-product-multioption .t-product__checkbox-wrap{
    margin: 0 !important;
    display: inline-flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
}

.t-checkbox__control{
    width: fit-content !important;
}
/*----------*/



/*Стили самих карточек*/
 .js-product-multioption .t-checkbox__control {
    display: flex;
    flex-direction: column;
    gap: var(--gapOption);  /*Отступ между фото и названием*/
    margin: 0 !important;
    padding: var(--paddingOption);  /*Внутренние отступы*/
    background-color: var(--bgColorOption);  /*Фоновый цвет*/
    border-radius: var(--borderRadiusOption);    /*Радиус скругления углов*/
    position: relative;
    
}

/*Стили текста для названий доп. опций*/
 .js-product-multioption:has(input[name="По вертикали"]) .t-checkbox__control span,
 {
    font-size: 12px;    /*Размер текста*/
    line-height: 1.1;   /*Межстрочка*/
    font-weight: 400;   /*Толщина*/
    letter-spacing: -0.3px; /*Трекинг*/
    text-align: center;
}

/*Иконка галочки при выборе доп. опции*/
 .js-product-multioption:has(input[name="По вертикали"]) .t-checkbox__control:after{
    content:"";
    position: absolute;
    top: var(--topIconChecked);  /*Отступ сверху от самой карточки*/
    right: var(--rightIconChecked);    /*Отступ справа от самой карточки*/
    display: block;
    width: var(--iconWidthChecked);      /*Ширина иконки*/
    scale: 0;
    aspect-ratio: 1 / 1;
    background-image: var(--iconChecked);    /*Иконка галочки*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.2s ease-in;   /*плавность анимации появления*/
    transform-origin: center;
}
 .js-product-multioption:has(input[name="Цепочка на шею"]) .t-checkbox__control:after{
    content:"";
    position: absolute;
    top: var(--topIconChecked);  /*Отступ сверху от самой карточки*/
    right: var(--rightIconChecked);    /*Отступ справа от самой карточки*/
    display: block;
    width: var(--iconWidthChecked);      /*Ширина иконки*/
    scale: 0;
    aspect-ratio: 1 / 1;
    background-image: var(--iconChecked);    /*Иконка галочки*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.2s ease-in;   /*плавность анимации появления*/
    transform-origin: center;
}
 .js-product-multioption .t-checkbox {
    scale: 0 !important;    /*Изначальный размер иконки галочки*/
}

  .js-product-multioption .t-checkbox__control:has(.t-checkbox:checked):after{
    scale: 1;   /*Размер галочки при выбранной опции*/
}

  .js-product-multioption .t-checkbox__control:has(.t-checkbox:checked) {
    outline: var(--outlineOption); /*Цвет обводки у выбранной опции*/
}


/* Общие настройки для фото опций */
  .js-product-multioption:has(input[name="По вертикали"]) .t-checkbox__control:before,
  .js-product-multioption:has(input[name="Крепление под брелок"]) .t-checkbox__control:before
  {
    content:"";
    display: block;
    /*width: 100%;    */
    width: 60px;    /*Ширина фотографии*/
    aspect-ratio: 1 / 1;    /*Соотношение сторон у фотографий опций*/
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box !important;
}
.js-product-multioption:has(input[name="По вертикали"]) .t-checkbox__control,
.js-product-multioption:has(input[name="Крепление под брелок"]) .t-checkbox__control{
    text-align: center;
}
/*Фото для конкретных опций*/

/*Гравировка по осям*/
  .js-product-multioption .t-checkbox__control:has(input[name="По вертикали"]):before{ 
    background-image: url(https://static.tildacdn.com/tild3833-6337-4864-a434-333836316166/vertical.svg);
}
  .js-product-multioption .t-checkbox__control:has(input[name="По горизонтали"]):before{ 
    background-image: url(https://static.tildacdn.com/tild3866-3539-4261-a239-303434333361/horizontal.svg);
}

/*Гравировка с двух сторон*/
/*  .js-product-multioption .t-checkbox__control:has(input[name="С одной стороны"]):before{ */
/*    background-image: url(https://static.tildacdn.com/tild3562-3563-4130-b466-616366323330/one.svg);*/
/*}*/
/*  .js-product-multioption .t-checkbox__control:has(input[name="С двух сторон"]):before{ */
/*    background-image: url(https://static.tildacdn.com/tild3131-3438-4234-b662-343964303230/double.svg);*/
/*}*/

/*Цвета*/
/*  .js-product-multioption .t-checkbox__control:has(input[name="Чёрный"]):before{ */
/*    background-image: url(https://static.tildacdn.com/tild6437-3136-4638-a163-313337383437/black.svg);*/
/*}*/
/*  .js-product-multioption .t-checkbox__control:has(input[name="Белый"]):before{ */
/*       background-image: url(https://static.tildacdn.com/tild3738-6337-4633-b266-383433383639/white.svg);*/
/*}*/


/*Цепочка*/
  .js-product-multioption .t-checkbox__control:has(input[name="Цепочка на шею"]):before{ 
    background-image: url(https://static.tildacdn.com/tild3964-3733-4564-b064-346265653939/sheya.svg);
}
  .js-product-multioption .t-checkbox__control:has(input[name="Крепление под брелок"]):before{ 
    background-image: url(https://static.tildacdn.com/tild6665-3433-4438-a565-383133343233/brelok.svg);
}

/*Тип гравировки*/
/*.js-product-multioption .t-checkbox__control:has(input[name="Текст"]):before{*/
/*    background-image: url(https://static.tildacdn.com/tild6632-6162-4530-a238-326562383738/text.svg);*/
/*}*/

/*.js-product-multioption .t-checkbox__control:has(input[name="Изображение"]):before{*/
/*    background-image: url(https://static.tildacdn.com/tild3538-3532-4661-b465-636134343632/image.svg);*/
/*}*/

/*.js-product-multioption .t-checkbox__control:has(input[name="Текст и изображение"]):before{*/
/*    background-image: url(https://static.tildacdn.com/tild3032-3830-4332-a662-656161356461/text_image.svg);*/
/*}*/

/*.js-product-multioption .t-checkbox__control:has(input[name="Фотогравировка"]):before{*/
/*    background-image: url(https://static.tildacdn.com/tild6464-6438-4264-b863-363832616461/photo.svg);*/
/*}*/

/*Отображение цены в карточках*/
.priceOption {
    display: none;
    position: absolute; /*Можно указать relative и тогда цена будет над название опции*/
    top: 10px;  /*Отступ сверху*/
    left: 10px; /*Отступ справа*/
    background-color: #C8F2C4;  /*Фоновый цвет*/
    border-radius: 100px;   /*Скругление углов*/
    padding: 2px 6px;   /*Отступы*/
    font-size: 12px;    /*Размер текста*/
    font-weight: 500;   /*Толщина текста*/
    color: #15470A; /*Цвет текста*/
}
/*----------*/


/*Стили для мобильных устройств*/
@media screen and (max-width: 480px){
    
    /*Стили текста для названий доп. опций*/
      .js-product-multioption .t-checkbox__control span{
        font-size: 10px;    /*Размер текста*/
        letter-spacing: -0.2px; /*Трекинг*/
        overflow-wrap: anywhere;    /*Если слово длинное, оно перенесется на другу строку*/
    }
}



/*Стили для карточек вариантов товара(именно через варианты)*/
/*  [data-edition-option-id="Гравировка"] .js-product-edition-option-name:not(.uc-all-catalog .js-product-edition-option-name),*/
/*  .js-product-edition-option-name:not(.uc-all-catalog .js-product-edition-option-name){*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    letter-spacing: -0.5px;*/
/*    margin-bottom: 10px;*/
/*    opacity: 1;*/
/*    color: #232323 !important;*/
/*}*/

 .t-product__option-variants_custom:not(.uc-all-catalog .t-product__option-variants_custom){
    margin: 0 !important;
    display: inline-flex !important;
    flex-wrap: wrap;
    flex-direction: row;
    /*grid-template-columns: 1fr 1fr 1fr 1fr;*/
    gap: 10px;
}

.t-product__option-item:not(.t-product__option-item_color){
    display: flex;
    flex-direction: column;
    gap: var(--gapOption);
    margin: 0 !important;
    padding: var(--paddingOption) !important;
    background-color: var(--bgColorOption);
    border-radius: var(--borderRadiusOption);
    position: relative;
    align-items: center;
    border: none !important;
    width: fit-content !important;
}

/*  [data-edition-option-id="Гравировка"] .t-product__option-checkmark:not(.uc-all-catalog .t-product__option-checkmark):before,*/
/*  .t-product__option-checkmark:not(.uc-all-catalog .t-product__option-checkmark):before{*/
/*    content: "" !important;*/
/*    position: relative !important;*/
/*    border: none !important;*/
/*    display: block !important;*/
    /*width: 100% !important;*/
/*    width: 60px !important;*/
/*    height: inherit !important;*/
/*    aspect-ratio: 1 / 1;*/
/*    background-size: cover !important;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    box-sizing: border-box !important;*/
/*    left: 0 !important;*/
/*}*/

  .t-product__option-checkmark{
    display: none !important;
}

/*  [data-edition-option-id="Гравировка"] .t-product__option-item:not(.uc-all-catalog .t-product__option-item):after,*/
/*  .t-product__option-item:not(.uc-all-catalog .t-product__option-item):after{*/
/*    content: "";*/
/*    position: absolute !important;*/
/*    top: var(--topIconChecked);*/
/*    right: var(--rightIconChecked);*/
/*    display: block;*/
/*    width: var(--iconWidthChecked);*/
/*    scale: 0;*/
/*    aspect-ratio: 1 / 1;*/
/*    background-image: var(--iconChecked);*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    transition: all 0.2s ease-in;*/
/*    transform-origin: center;*/
/*}*/

/*.t-product__option-item_active:not(.uc-all-catalog .t-product__option-item_active):after,*/
/*  .t-product__option-item_active:not(.uc-all-catalog .t-product__option-item_active):after{*/
/*    scale: 1;*/
/*}*/

.t-product__option-item_active{
    outline: var(--outlineOption);
}

  .t-product__option-title.t-product__option-title_radio,
  .t-product__option-title.t-product__option-title_radio {
    white-space: pre-wrap !important;
    font-size: 12px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -0.3px;
    text-align: center;
}
.t-product__option-checkmark{
    display: none;
}
/*Гравировка на жетонах*/
/*.t-product__option-item.t-product__option-item_radio:has(input[value="Текст"]) .t-product__option-checkmark:before{*/
/*    background-image: url(https://static.tildacdn.com/tild6632-6162-4530-a238-326562383738/text.svg);*/
/*}*/

/*.t-product__option-item.t-product__option-item_radio:has(input[value="Изображение"]) .t-product__option-checkmark:before{*/
/*    background-image: url(https://static.tildacdn.com/tild3538-3532-4661-b465-636134343632/image.svg);*/
/*}*/

/*.t-product__option-item.t-product__option-item_radio:has(input[value="Текст и изображение"]) .t-product__option-checkmark:before{*/
/*    background-image: url(https://static.tildacdn.com/tild3032-3830-4332-a662-656161356461/text_image.svg);*/
/*}*/

/* .t-product__option-item.t-product__option-item_radio:has(input[value="Фотогравировка"]) .t-product__option-checkmark:before{*/
/*    background-image: url(https://static.tildacdn.com/tild6464-6438-4264-b863-363832616461/photo.svg);*/
/*}*/

/*Гравировка с двух сторон*/
/*.t-product__option-item:has([value="С одной стороны"]) .t-product__option-checkmark:before {*/
/*    background-image: url(https://static.tildacdn.com/tild6632-6162-4530-a238-326562383738/text.svg);*/
/*}*/
/*.t-product__option-item:has([value="С двух сторон"]) .t-product__option-checkmark:before{ */
/*    background-image: url(https://static.tildacdn.com/tild3131-3438-4234-b662-343964303230/double.svg);*/
/*}*/

/*Конец гравировки на жетонах*/








/*Стилизация вариантов размеров и цветов*/
/* Родительский контейнер опций */
  .js-product-edition-option[data-option-type="color"] .t-product__option-variants_custom {
    margin: 0 !important;
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.uc-all-catalog .js-product-edition-option[data-option-type="color"] .t-product__option-variants_custom {
    gap: 6px;
}
.uc-all-catalog .js-product-edition-option[data-option-type="color"] {
    margin-bottom: 20px !important;
}

/* Скрываем радиобатон */
  .js-product-edition-option[data-option-type="color"] .t-product__option-checkmark:before,
  .js-product-edition-option[data-option-type="color"] .t-product__option-checkmark:after{
    display: none !important;
}

/*Скрываем доп оцпии в каталогах*/
.uc-all-catalog .t-product__option.js-product-multioption{
    display: none !important;
}
/*Заголовок вариантов*/
  .js-product-edition-option-name.t-product__option-title {
    font-size: 14px;
    margin-bottom: 10px;
}


/* Карточка опции */
  .js-product-edition-option[data-option-type="color"] .t-product__option-item.t-product__option-item_radio {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    width: fit-content;
}
  .js-product-edition-option[data-option-type="color"] .t-product__option-checkmark{
    width: 32px !important;
    height: 32px !important;
}
.uc-all-catalog .js-product-edition-option[data-option-type="color"] .t-product__option-checkmark{
    width: 24px !important;
    height: 24px !important;
}

/* Обводка у выбранного цвета */
  .js-product-edition-option[data-option-type="color"] .t-product__option-item:has(.t-product__option-input:checked) .t-product__option-checkmark {
    outline: var(--outlineOption);
    outline-offset: 2px;
}
/* Обнуляем отступы у квадрата с цветом */
  .js-product-edition-option[data-option-type="color"] .t-product__option-checkmark {
    margin: 0 !important;
    border-radius: 8px !important;
    border: none !important;
    display: block !important;
}

/* Название цвета */
  .js-product-edition-option[data-option-type="color"] .t-product__option-title.t-product__option-title_radio {
    position: absolute;
    background-color: #232323;
    color: white;
    padding: 4px 8px !important;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 10px !important;
    top: -40px;
    translate: -50% 0;
    left: 50%;
    opacity: 0;
    white-space: wrap !important;
    max-width: fit-content !important;
}
  .js-product-edition-option[data-option-type="color"] .t-product__option-item:hover .t-product__option-title {
    opacity: 1;
}


.js-product-edition-option[data-option-type="color"] .t-product__option-input+ .t-product__option-checkmark:before{
    content:"";
    display: block !important;
    position: absolute;
    width:100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    border: none !important;
    z-index: 4;
    border-radius: 8px !important;
    background-image: none !important;
} 

.js-product-edition-option[data-option-type="color"] .t-product__option-item_active {
    outline: none !important;
}
.js-product-edition-option[data-option-type="color"] .t-product__option-item_active:not(.uc-all-catalog .t-product__option-item_active){
  outline: none !important;
}
/* Цвета */
  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Серебро"] + .t-product__option-checkmark:before{
    background-color: #c0c0c0 !important;
}
  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Серебро матовое"] + .t-product__option-checkmark:before{
    background-color: #c0c0c0 !important;
}

  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Чёрный матовый"] + .t-product__option-checkmark:before{
    background-color: #232323 !important;
}

  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Чёрный"] + .t-product__option-checkmark:before{
    background-color: #232323 !important;
}

  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Фиолетовый"] + .t-product__option-checkmark:before{
    background-color: #9228eb !important;
}

  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Синий"] + .t-product__option-checkmark:before{
    background-color: #1570f0 !important;
}

  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Красный"] + .t-product__option-checkmark:before{
    background-color: #e01212 !important;
}

  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Розовый"] + .t-product__option-checkmark:before{
    background-color: #d43b87 !important;
}

  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Золотой"] + .t-product__option-checkmark:before{
    background-color: #fcde8c !important;
}
  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Золото матовое"] + .t-product__option-checkmark:before{
    background-color: #fcde8c !important;
}
  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Зелёный"] + .t-product__option-checkmark:before{
    background-color: #07cb45 !important;
}

  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Бирюзовый"] + .t-product__option-checkmark:before{
    background-color: #05d1f5 !important;
}

  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Графит"] + .t-product__option-checkmark:before{
    background-color: #4d4d4d !important;
}

  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Розовое золото"] + .t-product__option-checkmark:before{
    background-color: #e2a0a9 !important;
}
  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Светло-розовый"] + .t-product__option-checkmark:before{
    background-color: #fdb8cb !important;
}

  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Белый"] + .t-product__option-checkmark:before{
    background-color: #EAEED8 !important;
}
  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Тиффани"] + .t-product__option-checkmark:before{
    background-color: #67DDD6 !important;
}
  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Сирень"] + .t-product__option-checkmark:before{
    background-color: #8E4EB9 !important;
}
  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Фуксия"] + .t-product__option-checkmark:before{
    background-color: #A643AD !important;
}
  .js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Грейпфрут"] + .t-product__option-checkmark:before{
    background-color: #D5324B !important;
}  
.js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Оранжевый"] + .t-product__option-checkmark:before{
    background-color: #D26E0A !important;
}
.js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Фисташка"] + .t-product__option-checkmark:before{
    background-color: #C0E3B3 !important;
}
.js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Тёмно-зелёный"] + .t-product__option-checkmark:before{
    background-color: #4c564b !important;
}
.js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Голубой"] + .t-product__option-checkmark:before{
    background-color: #12ddfc !important;
}
.js-product-edition-option[data-option-type="color"] .t-product__option-input[value="Бордо"] + .t-product__option-checkmark:before{
    background-color: #6b0029 !important;
}


/*Вариант размеров*/


  [data-edition-option-id="Размер"] .t-product__option-variants_custom {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.uc-all-catalog [data-edition-option-id="Размер"] .t-product__option-variants_custom {
    gap: 6px;
}

  [data-edition-option-id="Размер"] .t-product__option-item {
    margin: 0 !important;
    border-radius: 8px;
    background-color: #f7f7f7 !important;
    border: none !important;
    padding: 4px !important;
    min-height: 32px !important;
    min-width: 32px !important;
}

.uc-all-catalog [data-edition-option-id="Размер"] .t-product__option-item {
    min-height: 24px !important;
    min-width: 24px !important;
}

  [data-edition-option-id="Размер"] .t-product__option-item.t-product__option-item_active {
    outline: var(--outlineOption);
    outline-offset: 2px;
}

  .js-product-edition-option-name.t-product__option-title {
    font-size: 14px;
    margin-bottom: 10px;
}

/*Конец стилизации размеров и цветов*/







/*Стили карточки товара на отдельной странице, если страница изначально открывается на отдельной*/
.js-store-product.js-product.t-store__product-snippet {
    max-width: 1400px;
    /* padding: 50px; */
    box-sizing: border-box;
    margin: 0 auto;
    /* background-color: white; */
    /* border-radius: 16px; */
}

  .t-store__prod-popup__info {
    margin: 0 !important;
    padding: 30px;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 16px;
    max-width: 100% !important;
    flex-shrink: 1;
}

  .t-store.t-store__prod-snippet__container {
    padding-top: 0;
}

  .t-container_fluid {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    width: 100% !important;
}

.js-store-product.js-product.t-store__product-snippet .t-store__prod-popup__slider {
    max-width: calc(100% / 2 - 10px) !important;
    margin: 0 !important;
    flex-shrink: 1;
}

.t-store__product-snippet .t-container_fluid:before,
.t-store__product-snippet .t-container_fluid:after {
    display: none !important;
}

  .js-product-option-name.t-product__option-title,
  .js-product-edition-option-name.t-product__option-title{
    font-size: 16px;
    letter-spacing: -0.5px;
    font-weight: 500;
    color: #232323 !important;
}

/*.t-product__option.js-product-multioption:has(input[name="По вертикали"]) {*/
/*    margin: 30px 0;*/
/*    width: 100%;*/
/*}*/

 /*.t-store__product-snippet*/
 .js-product-controls-wrapper:not(.t-store__card__prod-controls-wrapper) {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
/*Отступы только для выпадашек*/
.js-store-product[data-product-url*="zippo/tproduct"] .js-product-controls-wrapper {
    gap: 15px !important;
}
/*Текст с предупреждением*/
.js-store-prod-all-text span[style*="font-size: 14px"] {
    font-size: 12px !important;
    opacity: 0.7;
}

/*Скрываем блок из футера в карточке зиппо*/
.t-body:has([data-product-url*="catalog/zippo/tproduct"])  .uc-footer-contact{
    display: none !important;
}


/*div#allrecords[data-tilda-page-alias="catalog/zippo"] .t-store__relevants__title {*/
/*    max-width: 800px !important;*/
/*}*/

/*Стиль для выпадающих списков*/
.js-product .t-product__option-select {
    border: none;
    padding: 6px 12px;
    background-color: #f7f7f7;
    color: #232323 !important;!i;!;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.3px;
}

.js-product .t-product__option-variants:after {
    border-color: #232323 transparent transparent;
    top: 14px;
    opacity: 0.6;
    border-radius: 3px;
}

  .t-product__option.js-product-multioption:not(.uc-all-catalog .t-product__option.js-product-multioption) {
    margin: 0 !important;
}

  .js-product-edition-option.t-product__option:not(.uc-all-catalog .js-product-edition-option.t-product__option) {
    margin: 0 !important;
    padding-left: 2px;
}

  .t-store__product-snippet .t-container>div:after {
    display: none;
}



.t-store__prod-popup__btn-wrapper{
    /*margin: 0 !important;*/
    width: 100%;
}
/*Стиль кнопки на странице товара*/
.t-store__prod-popup__btn {
    background-color: #08c483 !important;
    color: white !important;
}

/*Порядок блоков в карточке товара*/
.t-store__prod-popup__info {
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 960px){
      [data-edition-option-id="Размер"] .t-product__option-title{
      font-size: 14px;
  }
}
@media screen and (min-width: 768px){
    .t-store__prod-popup__info {
        display: flex;
        flex-direction: column;
        overflow: auto;
        /*max-height: calc(100vh - 150px);*/
        max-height: fit-content;
    }
    
    /*.container-price-btn:after {*/
    /*    content: "";*/
    /*    display: block;*/
    /*    height: 150px;*/
    /*    width: calc(100% + 60px);*/
    /*    position: absolute;*/
    /*    !i;!;*/
    /*    background-image: linear-gradient(0deg, #ffffff, #ffffff00);*/
    /*    bottom: 0;*/
    /*    left: -30px;*/
    /*    right: -30px;*/
    /*    bottom: -30px;*/
    /*    z-index: -1;*/
    /*    pointer-events: none;*/
    /*}*/
    .t-store__prod-popup__info{
        padding: 30px !important;
    }
}
@media screen and (max-width: 768px){
    /*.container-price-btn:after {*/
    /*    width: calc(100% + 60px);*/
    /*    left: -30px;*/
    /*    right: -30px;*/
    /*    bottom: -30px;*/
    /*}*/
    /*.container-price-btn{*/
    /*    margin: 0 !important;*/
    /*}*/
}
/*Заголовок*/
.t-store__prod-popup__title-wrapper {
    order: 0;
}
/*Описание*/
.js-store-prod-text {
    order: 1;
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 14px;
}
/*Все варианты и доп опции*/
.js-product-controls-wrapper {
    order: 2;
}
/*Контейнер с кнопокй*/
/*.container-price-btn*/
.t-store__prod-popup__btn-wrapper {
    margin-top: 30px;
    margin-bottom: 0px;
    order: 3;
    margin-top: 30px;
    display: flex !important;
    justify-content: space-between;
    /*position: sticky;*/
    bottom: 0px;
    z-index: 15;
}

.t-store__prod-popup__btn-wrapper .t-store__prod-popup__btn {
    width: 100%;
}
/*.t-store__prod-popup__info .container-price-btn{*/
/*    position: sticky;*/
/*}*/

.t762__btn table {
    display: block !important;
}
/*Стили кнопки корзины*/
.t-store__prod-popup__btn {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 5px 5px 5px 20px !important;
    height: fit-content !important;
    justify-content: space-between;
}
.t-store__prod-popup__btn table {
    width: fit-content !important;
    display: block !important;
    align-content: center;
}
/*Текст кнопки корзины*/
td.js-store-prod-popup-buy-btn-txt {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.4px;
}
/*Контейнер с ценами*/
.t-store__prod-popup__info .js-store-price-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    height: 40px;
    order: 2;
    padding: 8px 16px;
    background-color: white;
    border-radius: 8px;
    gap: 12px;
    justify-content: center;
    align-items: center;
}
/*Старая цена*/
.js-store-prod-price-old {
    margin: 0 !important;
    font-size: 14px;
    opacity: 0.7;
    line-height: 100%;
}
/*Цена*/
.js-store-prod-price.t-store__prod-popup__price {
    font-size: 20px;
    letter-spacing: -0.5px;
    line-height: 100%;
}



/*---------------------*/






/*Табы с инструкцией*/
[data-tab-title="Инструкция и комплектация"] .t-store__tabs__content {
    display: flex !important;
    flex-direction: row;
    width: 100% !important;
    max-width: 100% !important;
    gap: 20px;
}

.js-store-tabs.t-store__tabs {
    max-width: 100% !important;
    margin: 0 !important;
    float: none;
}

[data-tab-title="Инструкция и комплектация"] .t-store__tabs__content figure img {
    border-radius: 16px;
    overflow: hidden;
}









/*Стили для карточки, которая открывается через перезагрузку попапа*/
.js-store-product.js-product.t-store__product-snippet > .t-container > div:first-child {
    display: flex;
    gap: 20px;
}
.js-store-product.js-product.t-store__product-snippet > .t-container{
    max-width: 100% !important;
}
.js-store-product.js-product.t-store__product-snippet > .t-container:before,
.js-store-product.js-product.t-store__product-snippet > .t-container:after{
    display: none !important;
}



.js-store-product.js-product.t-store__product-snippet > .t-container .t-store__prod-popup__slider {
    max-width: calc(100% / 2 - 100px) !important;
    padding: 0 !important;
}

@media screen and (max-width: 1439px){
    .js-store-product.js-product.t-store__product-snippet {
        max-width: 1160px;
    } 
}

@media screen and (max-width: 1200px){
    .js-store-product.js-product.t-store__product-snippet {
        max-width: calc(100vw - 40px) !important;
        margin: 0 auto !important;
    } 
}

@media screen and (max-width: 980px){
    .t-product__option-variants.t-product__option-variants_custom {
        grid-template-columns: 1fr 1fr 1fr;
    }
     .js-product-multioption:has(input[name="По вертикали"]) .t-product__checkbox-wrap,
 .js-product-multioption:has(input[name="Крепление под брелок"]) .t-product__checkbox-wrap {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 768px){
    .js-store-product.js-product.t-store__product-snippet > .t-container > div {
        flex-direction: column;
    }
    .js-store-product.js-product.t-store__product-snippet > .t-container .t-store__prod-popup__slider{
        width: 100% !important;
        max-width: 100% !important;
    }
    .t-product__option-variants.t-product__option-variants_custom {
        grid-template-columns: 1fr 1fr;
    }
     .js-product-multioption:has(input[name="По вертикали"]) .t-product__checkbox-wrap,
 .js-product-multioption:has(input[name="Крепление под брелок"]) .t-product__checkbox-wrap {
        grid-template-columns: 1fr 1fr;
    }
    
    /*Кнопка*/
    .t-popup .t-popup__container .t-store__prod-popup__btn-wrapper-fixed, .t-store__product-snippet .t-store__prod-popup__btn-wrapper-fixed {
        bottom: 0px !important;
        border-radius: 12px !important;
        position: relative;
        left: 0;
        right: 0;
        overflow: hidden;
        margin-top: 30px;
    }
    .t-store__prod-popup__btn-wrapper .t-store__prod-popup__btn {
        height: 50px !important;
        border-radius: 0 !important;
        width: 100%;
        padding: 5px 5px 5px 20px !important;
        box-sizing: content-box;
    }
    
    .t-store__prod-popup__info .js-store-price-wrapper {
        /*height: 56px !important;*/
        padding: 8px 16px !important;
        box-sizing: border-box;
        height: 100%;
    }
    
    .js-store-prod-price.t-store__prod-popup__price {
        font-size: 20px !important;
    }
    
    .js-store-prod-price-old {
        font-size: 14px !important;
    }
    
    .t-popup .t-popup__container .t-store__prod-popup__btn-wrapper-fixed, .t-store__product-snippet .t-store__prod-popup__btn-wrapper-fixed {
        padding: 0 !important;
    }
}

@media screen and (max-width: 560px){
    .t-popup .t-popup__container .t-store__prod-popup__btn-wrapper-fixed, .t-store__product-snippet .t-store__prod-popup__btn-wrapper-fixed {
        bottom: 66px;
    }
}

@media screen and (max-width: 480px){
    .t-store__prod-popup__slider .t-slds__thumbsbullet.t-slds__bullet {
        width: 100% !important;
        margin: 0 !important;
    }
    
    .t-store__prod-popup__slider .t-slds__thumbsbullet-wrapper {
        width: 100% !important;
        display: grid;
        padding: 0 !important;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 5px;
        margin-top: 10px;
    }
    
    .t-product__option-title.t-product__option-title_radio,
    .js-product-multioption .t-checkbox__control span{
        font-size: 14px !important;
    }
    .t-store__prod-popup__info{
        padding: 20px !important;
    }
}
/*Конец стилей для карточки открывающейся через попап*/




/*Стилизация блока рекомендуемых товаров в карточке товара*/
.t-store__relevants__container {
    max-width: 1400px;
    /* background-color: white; */
    /* border-radius: 20px; */
    margin: 0 auto;
    margin-top: 50px;
    /* padding: 40px; */
    box-sizing: border-box;
}

.t-store__relevants__container .t-container {
    max-width: 100% !important;
}

.t-store__relevants__container .t-container:before, .t-store__relevants__container .t-container:after {
    display: none !important;
}

.t-store__relevants__container .t-container > .t-col {
    margin: 0 !important;
    padding: 0 !important;
}

.t-store__relevants__title {
    margin: 0 !important;
    font-size: 32px !important;
    letter-spacing: -1px;
    font-weight: 500 !important;
    margin-bottom: 40px !important;
}

.t-store__relevants-grid-cont {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

.t-clear.t-store__grid-separator {
    display: none !important;
}

.js-product.t-store__card.js-product-relevant.t-item {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    background-color: white;
    border-radius: 16px;
}
.t-store__relevants-grid-cont .js-product-controls-wrapper {
    display: none !important;
}
.t-store__relevants-grid-cont:after {
    display: none !important;
}

.t-store__relevants__container .js-store-prod-name {
    font-size: 14px !important;
}

.t-store__relevants__container .t-store__card__price {
    font-size: 14px !important;
}

.t-store__relevants__container .t-store__card__price_old {
    font-size: 14px !important;
}

.t-store__relevants__container .t-store__card__textwrapper {
    padding: 0 20px !important;
}

.t-store__relevants__container .t-store__card__btns-wrapper.js-store-buttons-wrapper {
    padding: 0 20px 20px 20px !important;
}

.t-store__relevants__container .t-store__card__btns-wrapper.js-store-buttons-wrapper a {
    width: 100% !important;
    padding: 0 15px;
}

@media screen and (max-width: 1439px){
    .t-store__relevants__container {
    max-width: 1160px;
}
}

@media screen and (max-width: 1200px){
    .t-store__relevants__container {
    max-width: calc(100vw - 40px);
}
}

@media screen and (max-width: 1000px){
    .t-store__relevants-grid-cont {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        padding-bottom: 20px;
    }
        .js-product.t-store__card.js-product-relevant.t-item {
        width: 320px !important;
            flex-shrink: 0;
    }
}

@media screen and (max-width: 768px){
    .t-store__relevants__container {
    margin-top: 90px !important;
}
}

@media screen and (max-width: 480px){
   .t-store__relevants__title{
       margin-bottom: 10px !important;
   } 
   .t-store__relevants__container .js-store-prod-name {
        font-size: 18px !important;
    }
    .t-store__relevants__container .js-store-prod-descr{
        font-size: 16px !important;
    }
    
    .t-store__relevants__container .t-store__card__price {
        font-size: 18px !important;
    }
    
    .t-store__relevants__container .t-store__card__price_old {
        font-size: 16px !important;
    }
    .js-product.t-store__card.js-product-relevant.t-item {
        width: 250px !important;
    flex-shrink: 0;
}
   
}