/* Меню в header */

/*.t199__holder {*/
/*    position: relative;*/
/*}*/

.t199__logo {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
}

/* Убираем лишний margin-top: -6px для лого */
.t199__logo-image {
    margin-top: 0;
}



/* Меню верхнее, фон и цвет ссылок в меню на мобильных, которое скрывается за гамбургером */
.t199__header.t199__is__active {
    box-shadow: unset;
}

/* Тут намеренно такой селектор, чтобы перебить стили Тильды */
.t199__header.t199__is__active .t199__holder {
    color: #fffaf5 !important;
}

    /* active срабатывает при начале скролла */
    .t199__header,
    .t199__header.t199__is__active {
        background-color: transparent !important;
    }

/* Счётчик товаров в корзине */
.t706__carticon-counter {
    padding: 0;
    width: 25px;
    height: 25px;
    min-width: 25px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 25px;
    right: -4px;
    bottom: -8px;
    
}

/* Картинка в кнопке корзины */
.t706__bgimg {
    margin: 5px;
}

/* Размеры корзины */
.t706__carticon-imgwrap {
    width: 50px;
    height: 50px;
}

/* Верхнее меню всегда поверх всего, поверх круггетсов на главном экране, поверх закрепленного баннера-анонса, на мобильных и десктопных экранах меню едет поверх всего контента, оставаясь закреплённым вверху экрана*/
.t199__header.t199__dark {
    z-index: 10000;
}

@media only screen and (max-width: 1024px) {
    .t199__mmenu {
        top: 0;
    }
    
    .t199__mmenu-toggler {
        border-radius: 50%;
        margin: 10px 0 0 20px;
    }
    
    #rec550011545 .t199__mmenu-toggler {
        background-color: #332640 !important;
    }
    
    .t199__logo {
         display: inline-block;
    }
    
    .t199__logo-image {
        display: inline-block;
        height: 30px;
    }
    
    .t199__logo-text-mobile {
        display: none;
    }
    
    .t199__mmenu {
        background-color: #885e9f;
    }

    .t199__menu-item {
        color: #fffaf5 !important;
    }
    
    .t199__mmenu .t199__menu-item {
        font-size: 3vh;
        line-height: 10vh;
    }
}

@media only screen and (min-width: 1025px){

    .t199__header {
        height: 50px;
        line-height: 50px;
        background-color: transparent;
        margin-top: 20px;
        
    }
    
    .t199__header.t199__is__active {
        /*background-color: rgb(73 54 91 / 75%);*/
        /*backdrop-filter: blur(10px);*/
        background-color: transparent;
        /*box-shadow: unset;*/
}
    /*Контейнер, который центрует блок с навигацией*/
    .t199__mmenu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        /*padding-top: 20px;*/
    }
    
    #allrecords ul.t199__menu-items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 0 20px;
    border-radius: 30px;
    background-color: #332640;
}

.t199__menu-item {
    margin-left: 0;
    padding: 17px 0;
}
    
}

@media only screen and (min-width: 1280px){
    .t199__logo {
        margin-left: 20px;
    }
}


/*Текст об успешном применении промокода в корзине*/
.t-inputpromocode__wrapper .t-text {
    background-image: linear-gradient(to right, #F08E6A, #C85B6A, #9E68B1, #C267A7, #C25EA4, #F08E6A);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200%;
	animation: gradient-text 3s linear infinite reverse;
	filter: brightness(1.4);
}


@keyframes gradient-text {
	from {
		background-position: 0% center;
	}
	to {
		background-position: 200% center;
	}
}

/* Кнопка "Применить* промокод по умолчанию чёрная */
.t-inputpromocode__btn {
   background-color: #996DC2 !important; 
}

/* Отталкиваем цену вниз в карточке в блоке ST310N.
Контейнер с заголовком, описанием и ценой делаем флексом, а цену отталкиваем с помощью автоматического margin. */
.t778 .t-store__card__textwrapper{
    display: flex;
    flex-direction: column;
}

.t-store__card__price-wrapper{
    margin-top: auto;
}

/* Бейджик sale */
.t-store__card__mark {
    background-color: #BF8ED4 !important;
    width: 80px !important;
    height: 80px !important;
    padding: 5px !important;
    font-family: 'Montserrat', Arial, sans-serif;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    border-radius: 50% !important;
}

/* 20.05.2024 14:46 Класс, который добавляется через скрипт на главной странице бейджам с текстом "-15%" на товарах каталога и меняет их оформление  */
/* 23.08.2024 17:47 Класс, который добавляется через скрипт на главной странице бейджам с текстом "-10%" на товарах каталога и меняет их оформление  */
/* 23.08.2024 18:42 У этого бейджа и цвета новой цены теперь разные цвета */
.sbor__badge--discount {
    background-color: #C21E1E !important; /* 22.12.2024 22:32 Прошлый цвет — #ff8063*/
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}


.t-store__card__title {
    font-weight: 400 !important;
    line-height: 1.15 !important;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


.js-product .t-product__option-variants_buttons .t-product__option-item_simple{
    min-height: 30px;
    min-width: 65px;
    border-radius: 30px;
    background-color: transparent; /*По умолчанию переключалки вариантов с белым фоном */
}
.js-product .t-product__option-variants_buttons .t-product__option-item_simple:hover {
    border: 1px solid #ff6060; /* #FF4724 — предыдущий цвет */
}

.js-product .t-product__option-variants_buttons .t-product__option-item_simple.t-product__option-item_active {
    border: 2px solid #ff6060;
}


.t-store__card__btn_second .t-store__card__btn-text {
    font-weight: 700;    
}



.t-store__prod__quantity {
    border: 2px solid #ff6060; /* В карточках товаров настраиваем обводку переключателя количества товаров */
    background-color: transparent; /* По умолчанию переключалка количества с белым фоном. 
    Это правило влияет на фон компонента, но не фон под кнопками - и + */
}

.t-store__prod__quantity__minus, .t-store__prod__quantity__plus {
    background-color: transparent; /* По умолчанию фон под кнопками - и + в переключалке количества товаров — белый. 
    Это правило не влияет на фон всего компонента, он настраивается выше */
}


.t-store__prod__quantity__minus {
    background-image: linear-gradient(#000000,#000000);
}
.t-store__prod__quantity__plus {
    background-image: linear-gradient(#000000,#000000),linear-gradient(#000000,#000000);
}


.t-store__prod-popup__btn {
    font-weight: 700 !important;
    color: #ff6060 !important;
}

/* Скругление попапа */
.t-store .t-popup__container{
    border-radius: 10px;
    /*overflow: hidden;*/
}

/* Заголовки секций  */
.t-title_xxl {
    font-size: 55px !important;
}



/* Описание товара в карточках каталога и значения в селекторе объёма*/
.t-descr_xxs {
    font-size: 15px !important;
    line-height: 1.25 !important;

}

 .t-store__card__title + .t-descr_xxs {
    margin-top: 4px !important;
    margin-bottom: 8px !important;     
 }

/* Название товара в попапе карточки */
.t-store__prod-popup__info .t-name_xl {
    font-size: 28px;
    line-height: 32px;
}


/* Цена товара в попапе карточки */
.t-store__prod-popup__price-item {
    font-size: 25px;
}

/* Это обычный текст в описании страницы товара. */ 
.js-store-prod-all-text {
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

/* Это колхозный перенос строки между абзацами. В редакторе текста в описании товара печатаем #nbsp; и выделяем курсивом в настройках местного текстового редактора. */
.js-store-prod-all-text em{
    display: block;
    height: 7px;
    font-size: 7px;
    line-height: 7px;
}

/* В тексте страницы товара в попапе самые крупные заголовки h2 */
.js-store-prod-all-text strong[style*="color: rgb(2, 2, 2);"]{
    display: block;
    margin-top: 20px;
    margin-bottom: 4px;
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 500 !important;

}

/* В тексте карточки в попапе вторые по крупности заголовки h3 */
.js-store-prod-all-text strong[style*="color: rgb(1, 1, 1);"]{
    display: block;
    margin-top: 15px;
    margin-bottom: 0px;
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* В тексте карточки в попапе первый среди вторых по крупности заголовков: это чтобы между h2 и h3 отсуп был получше с точки зрения иерархии заголовков */
.js-store-prod-all-text strong[style*="color: rgb(3, 3, 3);"]{
    display: block;
    margin-top: 6px;
    margin-bottom: 0px;
    color: #000000 !important;
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    
}

/* В тексте карточки в попапе текст про срок годности */
.js-store-prod-all-text span[style*="color: rgb(4, 4, 4);"]{
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    
}

/* В тексте карточки в попапе первый заголовок "Букет" для уникальных текстов*/
.js-store-prod-all-text strong[style*="color: rgb(5, 5, 5);"]{
    display: block;
    margin-bottom: 6px;
    color: #000000 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    
}

/* В тексте карточки в попапе уникальный текст описания букета кроме абзаца про эволюцию */
.js-store-prod-all-text span[style*="color: rgb(6, 6, 6);"]{
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    
}
@media (max-width: 1200px){
    /* Заголовки секций  сайта */
    .t-title_xxl {
    font-size: 48px !important;
}

}

@media (max-width: 640px){
    /* Заголовки секций  */
    .t-title_xxl {
    font-size: 40px !important;
}

/* Название товара в попапе карточки */
.t-store__prod-popup__info .t-name_xl{
    font-size: 28px;
}
}

@media (max-width: 560px){
    /* Полоска в попапе наверху со стрелкой назад в мобильной версии. По умолчанию она чёрная, здесь же мы перекрашиваем её в цвет нашего фона */
    .t-store .t-popup__close {
        background-color: #885e9f !important;
    }
}


@media (max-width: 480px){
    /* Заголовки секций  */
    .t-title_xxl {
        font-size: 40px !important;
    }
    
    .uc-section-heading {
        padding-top: 50px !important;    
    }
}

@media (max-width: 480px){
    /* Заголовки секций  */
    .t-title_xxl {
        font-size: 32px !important;
    }
}


/* Корзина  */
.t706__cartwin .t706__cartwin-content {
    background-color: #885e9f !important;
}

.t706__product-title,
.t706__product-title__option,
.t706__product-quantity,
.t706__cartwin-prodamount-wrap,
.t706__product-amount,
.t706__cartwin-totalamount-info,
.t706__cartwin-totalamount-label,
.t706__cartwin-totalamount,
.t-form__errorbox-middle,
.t-form__errorbox-text,
.t706__form-bottom-text {
    color: #fffaf5;
}

.t706__product-plusminus {
    vertical-align: middle;
    line-height: 16px;
    font-size: 16px;
}    

.t706__product-minus,
.t706__product-plus {
    vertical-align: middle;
        
 }


.t706__product-minus img,
.t706__product-plus img {
    display: none !important;
}

.t706__product-minus::after,
.t706__product-plus::after{
    content: '';
    display: inline-block;
    background-color: transparent;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: 0;
}

.t706__product-minus::after {
    background-image: url("https://static.tildacdn.com/tild3363-3865-4134-b464-356130626236/arrows_circle_minus.svg");
}

.t706__product-plus::after{
    background-image: url("https://static.tildacdn.com/tild6630-3965-4338-a431-623166656165/arrows_circle_plus.svg");
}

.t706__product-quantity {
    position: relative;
    /*top: -3px;*/
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
}

.t706__product-quantity:hover {
    border: 1px solid #fffaf5;
    border-radius: 3px;
}

.t706__product-quantity_editing .t706__product-quantity-inp {
    outline: none;
    box-shadow: none;
    color: #fffaf5;
    border: none;
    background-color: transparent;
}

.t706__product-quantity_editing:hover {
    border-color: transparent;   
}

.t706__product-quantity_editing:focus-within {
    border: 1px solid #fffaf5;
    border-radius: 3px;
}

.t706__product-amount {
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px;
}

.t706__cartwin-prodamount-currency, 
.t706__cartwin-prodamount-price {
    vertical-align: middle;
    font-size: 16px;
    line-height: 16px;
}

.t706__product-del img {
    display: none !important;
}

.t706__product-del::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url("https://static.tildacdn.com/tild3932-3731-4130-a534-316166356564/arrows_circle_remove.svg");
    background-color: transparent;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
}

.t-input-error {
    color: #ff6060;
}

.t-form .js-error-control-box .t-checkbox__control, 
.t-form .js-error-control-box .t-checkboxes__wrapper, 
.t-form .js-error-control-box .t-input:not(.t-input-phonemask), 
.t-form .js-error-control-box .t-radio__wrapper, 
.t-form .js-error-control-box .t-select, 
.t-form .js-error-control-box .uploadcare-widget,
.t-form .js-error-control-box .t-input_bbonly {
    border: 1px solid #ff6060 !important;
    border-radius: 5px !important;
}

.t-form__errorbox-wrapper {
    background-color: #ff6060;
    border-radius: 5px;
}

.t706__form-bottom-text {
    text-align: left;
}

.t706__cartwin-totalamount-info {
    display: none !important;
}


/* ссылка Вернуться в каталог из попапа-fullscreen страницы */
.t-store__prod-snippet__container .t-store__prod-popup__close-txt {
    color: #452954 !important;
    opacity: 1 !important;
}

/* Убираем у кнопки "В корзину" на странице товара (попап после перезагрузки) ненужную тень. Хотя там остаётся какая-то тень на hover, но её не видно. Убираем её следующим правилом после этого. */
.t-store__prod__quantity+a[href="#order"] {
    box-shadow: none !important;
}

.t-store__product-snippet .t-btn:not(.t-animate_no-hover):hover {
    box-shadow: none !important;
}


/*=======================================================================================*/
/*=============================== ПЛАШКА С АНОНСАМИ =====================================*/
/*=======================================================================================*/

/* Плашка с анонсами → перемещаем крестик закрытия влево, чтобы не накладывался с корзиной в правом углу */

/* 15.12.2024 19:34 Закомментировал перенос крестика влево, т.к. это больше неактуально и непривычно закрывать слева */
/*.t654__close-button.t654__icon-close {*/
/*    right: unset;*/
/*    left: 20px;*/
/*}*/

/* 15.12.2024 19:34 Закомментировал перенос крестика влево, т.к. это больше неактуально и непривычно закрывать слева */
/*@media (max-width: 980px){*/
/*    .t654__close-button.t654__icon-close {*/
/*        top: 20px;*/
/*        left: 8px;*/
/*    }*/
/*}*/


/* 15.12.2024 19:41 Улучшение положения крестика в углу, а то по дефолту не совсем красиво */
@media (max-width: 980px){
    .t654__close-button.t654__icon-close {
        top: 20px;
        right: 8px;
    }
}


/* Плашка с анонсами: в CTA отступ слева и display у контейнера кнопки и display у текста слева в плашке: баг Тильды, на диапазоне 960-980 раньше времени убирается отступ меняется display*/
@media (max-width: 980px){
    .t654__btn-wrapper {
        display: table-cell;
        padding-left: 20px !important;
    }
    
    .t654__cell-container .t-col_flex {
        display: table-cell;
    }
    
    .t654__btn {
        margin-top: 0;
    }
}


@media (max-width: 960px){
    .t654__btn-wrapper {
        display: block;
        padding-left: 0 !important;
    }
    
    .t654__cell-container .t-col_flex {
        display: block;
    }
    
    .t654__btn {
        margin-top: 10px;
    }
    
    .t654__cell-container .t-container_flex {
        display: flex; 
        flex-direction: column; 
        flex-wrap: nowrap; 
        justify-content: center; 
        align-items: center;
    }
}

/*@media (max-width: 540px){*/
/*    .t654__cell-container .t-col_flex {*/
/*        width: 50%;*/
/*    }*/
/*}*/

.t654.t654__positionfixed {
    z-index: 5000;
}

/*=======================================================================================*/


/* Тень у карточек товаров каталога и постов блока при наведении */
@media (any-hover: hover) {
    .uc-cards-set .t-store__card__wrap_all:hover,
    .uc-cards-set .t-feed__post .t-feed__col-grid__post-wrapper:hover {
        box-shadow: 0px 0px 20px 0 rgb(255, 218, 45) !important;
    }
}

/* Заголовок страницы в Детальном виде поста в блоге */
.t-feed__post-popup__close-text {
    font-size: 20px !important;
}

/* Обложка поста в Детальном виде поста в блоге */
.t-feed__post-popup__content img {
    aspect-ratio: 16/9;
    object-fit: cover;
    object-position: 50% 50%;
}

/* Дата и время поста в Детальном виде поста в блоге */
.t-feed__post-popup__date.t-uptitle {
    font-size: 14px;
    font-weight: 400;
}

/* Карточка отзыва на главной и странице с отзывами */
.t257__wrapper {
    border-radius: 20px;
}


/* Текстовый блок к форме обратной связи на главной странице. Мы его не используем */
.t718__contentbox {
    display: none;
}



@media screen and (max-width: 960px) {
    .t1055__row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .t1055__col.t-col.t-col_4 {
        width: 100%;
        max-width: 300px;
    }
    
    .t1055__col-wrapper,
    .t1055__row:first-child .t1055__col:first-child .t1055__col-wrapper {
        padding: 30px 0 30px 0;
    }
    
    .uc-feedback-form {
        padding-top: 0 !important;
    }
    
    .uc-feedback-form .t-col_6:first-of-type{
        display: none;
    }
    
    .uc-contact-options {
        padding-bottom: 0  !important;
    }
}

@media screen and (max-width: 640px) {
    .t257__wrapper {
        margin-left: 0;
        margin-right: 0;
    }

}


/* Прижать дату к низу карточки постов новостей и блога */
@media screen and (min-width: 961px) {
    .t-feed__post-parts-date-row_afterdescr {
        margin-top: auto;
    }
}



/* ****************** */
/* Новый первый экран */
/* ****************** */

.uc-new-first-screen {
    background: radial-gradient(109.92% 100% at 50% 100%, rgba(51, 38, 64, 0.00) 43.66%, rgba(51, 38, 64, 0.44) 100%), #885E9F;
    background-blend-mode: multiply, normal;
}

/* Универсальный класс, чтобы спрятать отображение, но не от SEO и скринридеров */
.uc-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    clip-path: inset(100%) !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
}

.uc-first-screen_specialty-word,
.uc-first-screen_specialty-word .tn-atom {
    font-family: "Playfair Display", serif !important;
    font-style: italic !important;
}


/* Каталог с фильтрами и сортировками. Использован в карте сайта */

/* Заголовки фильтров по вкусу, аромату */
.t-store__filter__item-title {
    font-size: 16px !important;
    color: #fffaf5 !important;
}

/* На мобильных кнопка Фильтры, по нажатию на которую выпадают заголовки фильтров и конкретные значения для фильтрации */
.t-store__filter__opts-mob-btn {
    font-size: 16px !important;
    color: #fffaf5 !important;
}

/* Характеристики товаров с чекбоксами в фильтрах под заголовками, например, кисло-сладкий */
.t-store__filter__title {
    color: #fffaf5 !important;
}

/* Выбранные характеристики в фильтре */
.t-store__filter__chosen-val {
    color: #fffaf5 !important;
}

/* На больших экранах значения характеристик выпадают из под заголовка в окошках с фоном */
.t-store__filter__item-controls-wrap {
    background-color: #332640 !important;
}

/* Фильтры по группам товаров, например, Premium уксусы */
.t-store__parts-switch-btn {
    font-size: 16px !important;
    color: #fffaf5 !important;
}

/* Активный выбранный фильтр по группе товаров */
.t-store__parts-switch-btn.t-active {
    color: #ffe3e3 !important;
}

/* Сколько найдено товаров после фильтрации, например, "Найдено: 2" */
.t-store__filter__prods-number {
    font-size: 16px !important;
    color: #fffaf5 !important;
}

/* Текст в карточке "Нет в наличии" */
.t-store__card__sold-out-msg {
    padding-left: 8px !important;
}

/* Выдделение текста курсором: фон жёлтый, текст — фиолетовый */
::-moz-selection { /* Code for Firefox */
    color: #7700B2;
    background: #FFDA2D;
}
::selection {
    color: #7700B2;
    background: #FFDA2D;
}


/*//////////////////////////////////////*/
/* Стили обновлённых элементов корзины */
/*/////////////////////////////////////*/

/* 08.05.2024 17:45 Корзина. Убираю огромный отступ в 60px перед блоком вариантов доставок и словом Доставка в корзине */
#customdelivery {
    margin-top: 0;
}

/* 08.05.2024 17:45 Корзина. Сокращаю огромную высоту минимального разделителя блоков формы-корзины высотой в 1 строку */
.t706 .t-form_bbonly .t-input-block {
    margin-bottom: 0;
}

/* 08.05.2024 17:51 Корзина. Увеличиваю отступы сверху и снизу у блока с опциональным комментарием к заказу, чтобы он не сливался с другими блоками корзины. 
Это нужно потому, что само поле для ввода имеет высоту две строки и, когда оно пустое, отступы на фоне этой пустоты выглядят странно */
.t706 .t-input-group_ta {
    margin-top: 50px;
    margin-bottom: 80px;
}

/* 08.05.2024 19:08 Корзина. Заголовок раздела Доставка.
important чтобы временно переопределить медиа-запросы Тильды на меньших экранах */
#customdelivery > .t-name {
    font-size: 22px !important;
}

/* 08.05.2024 17:58 Корзина. Подпись под выбором города доставки.
important, потому что в Tilda стили этому элементу заданы inline */
#customdelivery #city-searchbox .t-input-description {
    color: #fffaf5 !important;
}

/* 08.05.2024 18:00 Корзина. Цвет иконки лупы у поля выбора пункта выдачи доставки Boxberry */
#customdelivery #city-searchbox .t706__search-icon path {
    fill: #fffaf5;
}   

/* 08.05.2024 18:00 Корзина. Цвет иконки лупы у поля выбора пункта выдачи доставки Boxberry */
#customdelivery #pickup-searchbox .t706__search-icon path {
    fill: #fffaf5;
}

/* 08.05.2024 18:04 Корзина. Итоговый адрес доставки в конце корзины */
.t706 .delivery-full-address {
    color: #fffaf5;
}

/* 08.05.2024 18:08 Корзина. Варианты доставки */
#customdelivery #delivery-services-wrapper .delivery-checkbox-label,
#customdelivery #delivery-services-wrapper .delivery-minimum-time,
#customdelivery #delivery-services-wrapper .delivery-minimum-price {
    color: #fffaf5;
}

/* 08.05.2024 18:11 Корзина. Подсказки-описания вариантов доставки при выборе вариантов доставки */
#customdelivery .delivery-hint {
    color: #fffaf5;
}

/* 08.05.2024 18:10 Корзина. Информация пункта получения заказа в доставке Boxberry и нашем самовывозе */
#customdelivery .searchbox-info .t-text {
    color: #fffaf5;
}

/* 08.05.2024 18:22 Корзина. Заголовок в информации пункта получения заказа.
important, потому что стили Tilda прописаны inline */
#customdelivery .searchbox-info p.t-text:first-of-type {
    font-weight: 700 !important;
    margin-bottom: 0 !important;
}

/* 08.05.2024 18:26 Корзина. Кнопка с пунктирным подчёркиванием "Изменить" внизу выбранного пункта заказа Boxberry или нашего самовывоза.
important, потому что стили Tilda инлайн */
#customdelivery .searchbox-info .searchbox-change-pickup {
    border-bottom-color: #fffaf5 !important;
}

/* 09.05.2024 16:21 Корзина. Чтобы текст возле радио-кнопок не подлезал некрасиво под индикатор радио-кнопки */
/* 09.05.2024 16:42 Пока убрал, потому что текст перестаёт подлезать под кружочек, но зато соседние с ним span с текстом некрасиво встают столбиками с отступами, если текст переносится на вторую строку */
/*.t706 label.t-radio__control {*/
/*    display: flex;*/
/*    flex-wrap: nowrap;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*}*/

/*========= Стилизация старой и новой цены в карточках товаров в каталоге и в отдельных попапах-страницах товаров ============*/

/* 20.05.2024 11:27 Стилизация новой цены, если в старой цене в div для стоимости не пусто, а указана цифра. Такой комплексный селектор потому, что в Tilda даже если не указана старая цена, под неё в вёрстке отведён тег, в котором есть пустой div для цифры старой цены, валюта в соседнем диве, и вся эта старая цена скрыта */
/* 23.08.2024 18:44 Теперь здесь и внутри страницы товара цвет одинаковый, и он отличается от цвета бейджа */
.t-store__card__price:has(+ .t-store__card__price_old .t-store__card__price-value:not(:empty)) {
    color: #C21E1E !important;
    font-size: 24px !important;
}

/* 20.05.2024 12:07 Отодвигаю старую цену от новой правее, для соблюдения теории близости между ценами и между цифрой и её валютой */
.t-store__card__price_old {
    margin-left: 8px;
}

/* 20.05.2024 12:18 Делаю менее заметной такую старую цену, у которой внутри есть цифра со значением старой цены, а также делаю менее заметным зачёркивание старой цены, сделанное псевдоэлементом у старой цены */
.t-store__card__price_old:has(.t-store__card__price-value:not(:empty)),
.t-store__card__price_old:has(.t-store__card__price-value:not(:empty))::after {
    opacity: 0.6; !important;
}

/* 20.05.2024 12:29 Делаю зачёркивание старой цены толще */
.t-store__card__price_old:has(.t-store__card__price-value:not(:empty))::after {
    border-top: 1.5px solid !important;
}


/* 20.05.2024 12:34 Следующие четыре правила — оформление старой и новой цены в страницах-попапах товаров. Полная аналогия того, что задано обычным карточка каталога*/
/* 23.08.2024 18:44 Теперь здесь и на карточке товара в каталоге цвет одинаковый, и он отличается от цвета бейджа */
.t-store__prod-popup__price:has(+ .t-store__prod-popup__price_old .t-store__prod-popup__price-value:not(:empty)) {
    color: #C21E1E !important;
    font-size: 27px;
}

.t-store__prod-popup__price_old {
    margin-left: 8px;
}

.t-store__prod-popup__price_old:has(.t-store__prod-popup__price-value:not(:empty)),
.t-store__prod-popup__price_old:has(.t-store__prod-popup__price-value:not(:empty))::after {
    opacity: 0.5; !important;
}

.t-store__prod-popup__price_old:has(.t-store__prod-popup__price-value:not(:empty))::after {
    border-top: 1.5px solid !important;
}

/* 20.05.2024 17:21 Выравнивание старой и новой цен между собой по вертикали в карточках каталога и в попапах-страницах: и старая, и новая и цена имеют одинаковые классы между собой, но разные между карточками и страницами*/
.t-store__card__price-item, .t-store__prod-popup__price-item {
    vertical-align: baseline;
}

/*=======================================================================================*/

/* 20.05.2024 17:21 Делаю бегущую строку со скидкой выше декоративных фоновых пятен первого Zero block экрана и ниже меню */
.t1003 {
    position: relative;
    z-index: 900;
}

/*=======================================================================================*/
/* 20.05.2024 18:34 Попап в правом нижнем углу экрана при добавлении товара в корзину*/
.t706__bubble {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.t706__bubble-text,
.t706__bubble-close {
    color: #000000 !important;
}

/*=======================================================================================*/

/* Закрываемый на крестик баннер-анонс с кнопкой */
.t654.t654__positionstatic {
    position: relative;
    z-index: 1000;
}

/*=======================================================================================*/
/* 04.01.2025 17:27 Корзину поднимаем на самый-самый верхний слой */
/* 12.01.2025 16:39 По умолчанию на широком десктопе делаем fixed 20px справа, как у бургера на моб версии слева, и сверху 20px, как у всего меню */
.t706__carticon {
    z-index: 99999;
    top: 20px;
    right: 20px;
}

@media screen and (max-width: 1024px) {
    .t706__carticon {
        top: 10px;
    }
}