.t706__sidebar-top {
border-bottom: 0px !important
}

.t706__cartpage-top {
border-bottom: 0px !important
}

.t706__cartwin-totalamount-wrap {
    color: #056867;
}

.t706__sidebar-content {
max-width: 700px;
}

.t706__cartwin-prodamount-wrap {
    color: #056867;
}

.t706__sidebar-heading.t-name {
    font-family: 'Rex', Arial, sans-serif;
    font-weight: 100;
    font-size: 30px;
}

.t706__product-title.t-descr.t-descr_sm {
    color: #056867;
    font-weight: 600;
    padding: 0px;
    font-size: 14px;
    line-height: 1.2;
}

.t706__sidebar-products { /*Кантенер товаров*/
    background: #F1FBFB;
    padding: 20px;
    margin-right: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    border-bottom: 0px !important;
}

.t706__product-amount.t-descr.t-descr_sm { /*Цена*/
    color: #056867;
    font-weight: 600;
}

.t706__sidebar-prodamount-wrap.t-descr.t-descr_sm { /*Итоговая цена*/
    color: #056867;
    font-size: 20px;
}

.t706__cartpage-top {
    margin-top: 20px;
}


.t706__sidebar-top {
    border-bottom: 0px;
    margin: 0px;
}


  

.t706__cartpage-heading.t-name.t-name_xl {
    font-size: 25px;
    font-family: 'Rex', Arial, sans-serif;
    font-weight: 100;
    color: #056867;
}

.t706__cartpage-products {
    background: #F1FBFB;
    padding: 10px;
    border-bottom: 0px !important;
    margin-top: 0px;
    border-radius: 10px;
}

.t706__cartpage-totals {
    border-top: 0px !important;
}

@media screen and (max-width: 640px) {
    .t706__product {
        margin: 20px 0 !important;
    }
}
 
 
 
  .t-store__prod-snippet__container {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
    margin: 20px;
}


 
 
  
/*Карточка тофара*/

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

/*Карточка тофара - Блок с информацией*/
.t-store__prod-popup__info {
    background: white;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

/*Блок со слайдером*/
.t-store__prod-popup__slider {
    background: white;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
}

.js-product-edition-option-name {
    font-size: 18px;
    font-weight: 500;
}

.t-store__prod-popup__title-wrapper {
    width: 100%;
    order: 0; /* Заголовок первым */
}

.js-product-controls-wrapper {
    width: 100%;
    order: 1; /* Кнопки управления вторыми */
}

.js-store-price-wrapper.t-store__prod-popup__price-wrapper {
    width: 100%;
    order: 2; /* Цена третьей */
    margin-bottom: 20px;
}

.js-store-prod-text {
    width: 100%;
    order: 3; /* Текст последним */
    margin-top: 0;
    margin-bottom: 30px;
}

/*Скрываем обводку активной миниатюры*/
.t-slds__thumbsbullet-border {
    display: none;
}
/*Добавляем свою обводку для активной миниатюры*/
.t-slds__bullet_active {
    outline: 2px #056867;
    border-radius: 6px;
}
/*Добавляем отступ миниатюрам, чтобы не обрезалась обводка*/
.t-slds__thumbsbullet-wrapper {
    padding: 2px;
}

.t-slds__thumbsbullet .t-slds__bgimg {
    border-radius: 6px;
}

/*Позиционирование корзины*/
.t-store__prod-popup__btn-wrapper {
    width: 100%;
    order: 3; /* Кнопка идет после цены */
    margin-top: 20px; /* Добавляем отступ сверху */
}

/*Настройки вариантов*/
.js-product-edition-option.t-product__option {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;  /*Отступ от названия до значения варианта*/
}
/*Стили для названия варианта*/
.js-product-edition-option-name {
    width: 50px;    /*Ширина*/
    color: #056867 !important;  /*Цвет текста*/
    font-size: 14px;    /*Рамзер шрифта*/
    font-weight: 300;   /*Толщина шрифта*/
}

/*предупреждение в корзине*/
.t706__form-upper-text.t-descr.t-descr_xs {
    background: #F1FBFB;
    padding: 20px;
    border-radius: 10px;
}

/*Стиль значения варианта*/
.t-product__option-item {
    border: none !important;    /*Удаляем стандартный бордер*/
    outline: 2px solid #F1FBFB; /*Добавляем свой бордер*/
    border-radius: 6px; /*Скругление углов*/
    padding: 10px 20px !important;   /*Отступы внутри кнопки*/
}

.t-product__option-item_active {
    outline: 2px solid #056867; /*обводка активной кнопки*/
}

.t-product__option-item .t-product__option-title {
    font-size: 12px;    /*Размер текста внутри кнопки*/
}



.js-store-prod-price {
    font-size: 28px;    /*Размер цены*/
    font-weight: 600 !important;
}


/*.js-store-prod-popup-buy-btn-txt {
/*    display: flex;
/*    align-items: center;
 /*   line-height: 35px;  /*Регулировка текста по центру кнопки*/
 /*   gap: 10px;  /*Отступ от иконки до текста*/
/*}

/*Настройки для планшетов и мобилки*/
@media screen and (max-width: 960px){
    .t-store__prod-popup__info {
        margin: 0 !important;
        margin-top: 20px !important;    /*Отступ сверху*/
        padding: 20px !important;   /*Внутренние отступы блока с информацией*/
    }
    .t-container.t-container_fluid {
        padding: 0 20px;    /*Общие отступы слева и справа до края экрана*/
        box-sizing: border-box;
    }
    .js-store-tabs {
        padding: 0 !important;
    }
}

@media screen and (max-width: 560px){
    .t-store__prod-popup__slider {
        padding: 20px !important; /*Отступ у слайдера*/
    }
    
    .t-slds__thumbsbullet-wrapper {
    padding: 2px !important;
    }
    
    .t-store__tabs__controls{
        padding: 2px;
    }
    .t-store__tabs__button {
        padding: 12px 24px !important;  /*Отступы внутри табов*/
    }
    
    .t-store__tabs__button-title {
        padding: 0 !important;
    }
    
    .t-store__tabs__button-title:after {
        display: none !important;                            
    }
    
    
    .t-store__prod-popup__btn {
        width: 100%;
    }
    .js-store-prod-popup-buy-btn-txt {
        justify-content: center;
        line-height: 40px;  /*Центрируем текст по центру кноки*/
    }
    .js-product-edition-option.t-product__option{
        gap: 15px;  /*Отступ от названия варианта до значений*/
    }
    .js-product-edition-option-name{
        width: 100%;
    }
}

@media screen and (max-width: 960px) {
    .t706__sidebar-products {
        width: calc(100% - 40px) !important;
        margin: 0 20px;
        padding: 20px !important;
    }
}

/*Окно избранного десктоп*/
.t1002__wishlistwin-heading {
    font-size: 35px;
    font-weight: 200 !important;
    font-family: 'Rex', Arial, sans-serif !important;
    color: #056867;
}

.t1002__wishlistwin-top {
    border-bottom: 0px;
}

.t1002__wishlistwin-products {
    border-radius: 10px;
    background: #F1FBFB;
    padding: 20px;
    box-sizing: border-box;
}

a.t1002__product-link {
    color: #056867 !important;
    font-weight: 600;
}

.t1002__product-amount {
    color: #056867;
}

.t1002__wishlistwin-content {
    max-width: 700px;
}

@media screen and (max-width: 960px) {
    .t1002__wishlistwin-products {
        margin: 20px;
        width: calc(100% - 40px);
    }
}

/*Окно для потоков*/
.t-feed__post-popup__content {
    max-width: 100%;
    background: white;
    padding: 40px;
    border-radius: 10px;
}


.t-feed__post-popup__container.t-container.t-popup__container.t-popup__container-static {
    padding-top: 20px;
}


.t-feed__post-popup__date-parts-wrapper.t-feed__post-popup__date-parts-wrapper_beforetitle {
    display: none;
}

.js-feed-post-title.t-feed__post-popup__title {
    font-family: 'Rex', Arial, sans-serif !important;
    font-weight: 200;
}

.t-redactor__tte-view {
    font-size: 16px;
}

.t-feed__post-popup__cover-wrapper {
    display: flex;
    width: 100%;
}

.t-feed__post-popup__content img {
    display: block;
    width: 100%;
}


/*рекомендации*/
.js-store-prod-all-charcs {
    gap: 10px;
    display: flex
;
    flex-wrap: wrap;
}

p.t-typography__characteristics.js-store-prod-charcs {
    background: #F1FBFB;
    padding: 10px;
    border-radius: 6px;
}

.t-typography__characteristics::before {
    content: "Рекомендуем:";
    display: none;
}

@media screen and (max-width: 980px) {
    .t-feed__post-popup__content.t-col {
        padding: 20px;
    }
}

/*наклейка на карточках*/
.t-store__card__mark-wrapper {
    margin: 20px;
}

.t-store__card__mark {
    background-color: #F1FBFB !important;
    color: #056867 !important;
    opacity: 90%;
    width: auto;
    height: 30px;
}









/*КОрреткируем опции в карточках товара*/




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


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



/*Стили для родительского контейнера с чекбоксами (карточками)*/
.js-product-multioption .t-product__checkbox-wrap {
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));    /*перавое значение – это минимальная ширина карточки*/
    gap: 10px;  /*отступ между карточками*/
}

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



/*Стили самих карточек*/
.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 .t-checkbox__control span{
    font-size: 10px;    /*Размер текста*/
    line-height: 1.1;   /*Межстрочка*/
    font-weight: 400;   /*Толщина*/
    letter-spacing: -0.3px; /*Трекинг*/
}

/*Иконка галочки при выборе доп. опции*/
.js-product-multioption .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 .t-checkbox__control:before{
    content:"";
    display: block;
    width: 100%;    /*Ширина фотографии*/
    aspect-ratio: 1 / 1;    /*Соотношение сторон у фотографий опций*/
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box !important;
}

/*Фото для конкретных опций*/
/*Здесь вы можете добавлять и удалять лишние строчки кода. Чтобы фото подгружались, необходимо указать точное название, как в примере и вставить ссылку на изображение*/
.js-product-multioption .t-checkbox__control:has(input[name="Устричный соус"]):before{ 
    background-image: url(https://static.tildacdn.com/tild3539-6664-4964-a635-363135353932/19742970.png);
}

.js-product-multioption .t-checkbox__control:has(input[name="Соус терияки"]):before{
    background-image: url(https://static.tildacdn.com/tild3361-6230-4562-a130-333066353861/18473970.png);
}

.js-product-multioption .t-checkbox__control:has(input[name="Медово-горчичный соус"]):before{
    background-image: url(https://static.tildacdn.com/tild6134-6462-4437-b133-623736366530/midas_med_gorch.png);
}
/*----------*/


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


/*Стили для мобильных устройств*/
@media screen and (max-width: 480px){
      /*Стили для родительского контейнера с чекбоксами (карточками)*/
    .js-product-multioption .t-product__checkbox-wrap {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));    /*перавое значение – это минимальная ширина карточки*/
        gap: 10px;  /*отступ между карточками*/
    }  
    
    /*Стили текста для названий доп. опций*/
    .js-product-multioption .t-checkbox__control span{
        font-size: 10px;    /*Размер текста*/
        letter-spacing: -0.2px; /*Трекинг*/
        overflow-wrap: anywhere;    /*Если слово длинное, оно перенесется на другу строку*/
    }
}


/*Баннер в корзине*/

