/*
 * ПОЛЬЗОВАТЕЛЬСКИЕ СТИЛИ -----------------------------------------------------
 * Автор: Павел Сойфер
 * pavelsoyfer.ru
 * pavelsoyfer@gmail.com
 */



/* ВЕРХНИЕ КОЛОНТИТУЛЫ */
    .t-menu-base {
        transition: background-color 0.1s linear !important;
    }

    /* Фиксация навигации категорий блюд на главной странице */
    .uc-menu-nav {
        position: sticky;
        top: 60px;
        z-index: 99;
    }

    /* Изменение фона навигации после фиксации */
    .menu-nav-fixed .t-menu-base {
        background-color: transparent !important;
    }

    .uc-menu-nav .t-menu-base:before {
        content: "";
        display: block;
        width: 100%;
        height: 140px;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: background-color 0.1s linear, backdrop-filter 0.1s linear;
    }

    .menu-nav-fixed .uc-menu-nav .t-menu-base:before {
        background-color: rgba(249, 250, 245, 0.7);
        backdrop-filter: blur(10px);
    }

    /* Внутренний контейнер верхнего колонтитула */
    .uc-header .t-menu-base__maincontainer {
        justify-content: space-between !important;
    }

    /* Правая область верхнего колонтитула */
    .uc-header .t-menu-base__rightwrapper {margin-left: 0 !important;}

    /* Вторая кнопка в колонтитуле */
    .uc-header .t-btnflex_type_button2 {margin-left: 12px;}

    /* Контейнер логотипа верхнего колонтитула */
    .uc-header .t-menu-base__logowrapper {
        flex-basis: fit-content !important;
        flex-grow: 0 !important;
    }

    /* Пункты навигации верхнего колонтитула */
    .uc-header .t-menu-base__list-item, 
    .uc-header .t-menu__link-item {
        height: 18px !important;
        display: flex !important;
        align-items: center !important;
    }

    /* Ссылка на доставку */
    .uc-header a[href*="eda.yandex"] {position: relative;}
    .uc-header a[href*="eda.yandex"]:after {
        content: "";
        display: block;
        width: 22px;
        height: 22px;
        position: absolute;
        right: -27px;
        top: -4px;
        background: url(https://static.tildacdn.com/tild6330-3664-4630-b436-363466613265/right-arrow.png);
        background-repeat: no-repeat;
        background-size: cover;
        transform: rotate(-45deg);
    }

    /* Контейнер навигации категорий блюд */
    .uc-menu-nav .t-menu-base__maincontainer {gap: 5vw;}

    /* Пункты навигации категорий блюд */
    .uc-menu-nav .t-menu-base__list {
        flex-grow: 1;
        justify-content: space-between;
    }

    /* ВЕРХНИЙ КОЛОНТИТУЛ (МОБИЛЬНАЯ ВЕРСИЯ) */
    @media screen and (max-width: 1199px) {
        /* Контейнер колонтитула */
        #t-header .tmenu-mobile__container {
            padding: 12px 20px !important;
            min-height: auto !important;
        }
        
        /* Контейнеры выпадающего меню */
        #t-header .t-menu-base {
            top: 60px !important;
            height: fit-content;
            display: block !important;
            opacity: 1 !important;
            z-index: 999;
            clip-path: inset(-60px 0 100% 0);
            transition: clip-path 0.3s ease !important;
        }
        #t-header .tmenu-mobile_opened ~ .t-menu-base {
            clip-path: inset(-60px 0 0 0);
        }
        #t-header .t-menu-base__maincontainer {
            padding: 15px 20px 25px 20px !important;
        }
        
        /* Логотип */
        .t-menu-base__imglogomobile {
            height: 36px !important;
            width: 50px !important;
        }
        
        /* Телефон */
        #t-header .t-menu-base__rightwrapper {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            margin: 0;
            top: -60px;
            height: 60px !important;
            display: flex;
            flex-direction: row;
            align-items: center;
        }
        
        /* Ссылка в меню */
        #t-header .t-menu__link-item {font-size: 14px !important;}
    }

    /* НАВИГАЦИЯ КАТЕГОРИЙ МЕНЮ (МОБИЛЬНАЯ ВЕРСИЯ) */
    @media screen and (max-width: 1199px) {
        /* Контейнеры меню */
        .uc-menu-nav .t-menu-base {
            opacity: 1 !important;
            display: block !important;
        }
        .uc-menu-nav .t-menu-base__maincontainer {
            padding: 0;
            width: 100vw;
            overflow-x: scroll;
        }
        
        /* Отключаем скроллбар */
        .uc-menu-nav .t-menu-base__maincontainer::-webkit-scrollbar {
            display: none;
        }
        
        /* Отключаем правую область */
        .uc-menu-nav .t-menu-base__rightwrapper {display: none;}
        
        /* Контейнер ссылок навигации */
        .uc-menu-nav .t-menu-base__list {
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 0 !important;
            padding: 0 10px !important;
        }
        
        /* Ссылка навигации */
        .uc-menu-nav .t-menu-base__list-item {
            flex-basis: fit-content;
            flex-shrink: 0;
            height: 40px;
            display: flex;
            align-items: center;
            padding: 0 10px;
        }
        .uc-menu-nav .t-menu-base__list-item:last-child {padding-right: 20px;}
    }



/* ГЛАВНАЯ СТРАНИЦА */
    /* Логотип в обложке (мобильная версия) */
    @media screen and (max-width: 1199px) {
        .uc-index-cover .t306__img {width: 70vw !important;}
    }

    /* Иконки переключения сетки блюд */
    a[href="grid-3"]:hover {opacity: 1;}

    body.grid-3 a[href="grid-4"]:hover {opacity: 1;}

    a[href="grid-3"] {
        opacity: 0.3;
    }

    body.grid-3 a[href="grid-3"] {
        opacity: 1;
    }

    body.grid-3 a[href="grid-4"] {
        opacity: 0.3;
    }

    /* КАРТОЧКИ ТОВАРОВ */
        /* Отступ между рядями карточек в мобильной версии */
        @media screen and (max-width: 1199px) {
            .t-store__card-list[style="row-gap: 40px;"] {
                row-gap: 24px !important;
                margin-bottom: 16px;
            }
        }

        /* Отступ перед названием товара */
        .t-store__card__textwrapper {
            padding-top: 10px;
            display: flex;
        }
        @media screen and (max-width: 1199px) {
            .t-store__card__textwrapper {
                flex-direction: column;
            }
        }

        /* Название товара */
        .js-store-prod-name {
            flex-grow: 1;
            line-height: 16px !important;
        }
        @media screen and (max-width: 1199px) {
            .js-store-prod-name {
                font-size: 10px !important;
                line-height: 1.2 !important;
                margin-bottom: 4px;
            }    
        }

        /* Контейнер цены */
        .js-store-price-wrapper {
            margin-top: 0;
            margin-left: 10px;
            flex-shrink: 0;
        }
        @media screen and (max-width: 1199px) {
            .js-store-price-wrapper {margin: 0;}
        }

        /* Цена */
        .t-store__card__price {
            display: flex;
        }
        @media screen and (max-width: 1199px) {
            .t-store__card__price-value {font-size: 10px !important;}
        }

        /* Знак валюты */
        .t-store__card__price-currency,
        .t-store__prod-popup__price-currency {
            font-size: 0;
            width: 11px;
            height: 17px;
            background-image: url(https://static.tildacdn.com/tild3032-3563-4339-b738-376436323937/ruble10x18px.svg);
            background-size: contain;
            background-position: top right;
            background-repeat: no-repeat;
            position: relative;
            bottom: 0.5px;
        }
        @media screen and (max-width: 1199px) {
            .t-store__card__price-currency {
                width: 8px;
                height: 13.5px;
                bottom: 1.5px;
            }
        }

        /* Фильтр поверх фото карточки */
        .t-store__card__bgimg:after, 
        .t-slds__wrapper:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: #F9FAF5;
            mix-blend-mode: multiply;
            opacity: 1;
        }

        /* Отметка на карточках */
        .t-store__card__mark {
            font-size: 14px !important;
            font-family: 'HouseOfJade', 'Arial', sans-serif;
            font-weight: 500;
            font-weight: 100;
            height: auto;
            padding: 0;
            width: auto;
            color: #111 !important;
            background: none !important;
            line-height: 1;
            margin-top: 4px;
            margin-right: 4px !important;
            display: block;
        }
        @media screen and (max-width: 1199px) {
            .t-store__card__mark {
                font-size: 10px !important;
                margin-right: -1px !important;
                margin-top: -2px;
            }
        }


    /* ПОПАП ТОВАРА */
        /* Контейнер цены */
        .t-store__prod-popup__price-wrapper {margin: 0;}

        /* Контейнер названия блюда и SKU */
        .t-store__prod-popup__title-wrapper {
            display: flex;
            flex-direction: column;
            margin-bottom: 16px;
        }

        /* Название товара */
        .t-store__prod-popup__name {
            order: 1;
            text-transform: initial !important;
            letter-spacing: 0 !important;
            line-height: 1.1 !important;
            font-size: 24px !important;
            margin-top: 40px;
        }

        /* Контейнер SKU товара */
        .t-store__prod-popup__sku {
            order: 0;
            font-size: 0 !important;
            margin-top: -12px;
        }

        /* SKU товара */
        .js-store-prod-sku {
            font-size: 48px;
            color: #111;
            font-weight: 700;
            position: relative;
            left: -2px;
        }

        /* Цена товара в попапе */
        .t-popup .t-store__prod-popup__price {
            font-size: 16px !important;
        }

        /* Знак валюты */
        .t-store__prod-popup__price-currency {
            height: 21px;
            width: 14px;
        }

        /* Контейнер текста в попапе */
        .t-store__prod-popup__text {
            margin-top: 16px;
            font-size: 16px !important;
            line-height: 1.25;
        }

        /* Контейнер характеристик */
        .js-store-prod-all-charcs {
            margin-top: 16px !important;
        }

        /* Характеристики */
        .js-store-prod-all-charcs > * {
            font-size: 16px !important;
            line-height: 1.25 !important;
            margin-bottom: 16px;
        }

        /* Попап товара (Мобильная версия) */
        @media screen and (max-width: 1199px) {
            
            /* SKU товара */
            .js-product-sku {font-size: 28px;}
            
            /* Название товара */
            .t-store__prod-popup__name {
                font-size: 18px !important;
                margin-top: 10px;
                margin-bottom: -12px;
            }
            
            /* Цена товара и знак валюты */
            .t-popup .t-store__prod-popup__price {
                font-size: 12px !important;
            }
            .t-store__prod-popup__price-currency {
                height: 16px;
                width: 10px;
                bottom: 0.7px;
            }
            
            /* Текст и характеристики товара  */
            .t-store__prod-popup__text * {
                font-size: 12px !important;
                line-height: 1.3 !important;
            }
        }


    /* ПАРТНЁРЫ */
        /* Карточки партнёров в мобильной версии */
        @media screen and (max-width: 1199px) {
            /* Контейнер карточек */
            .uc-index-partners .t694__row {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
            }
            
            /* Карточки (колонки) партнёров */
            .uc-index-partners .t694__col {
                flex-basis: 30%;
                flex-grow: 1;
            }
            
            /* Внутренние контейнеры карточки */
            .uc-index-partners .t694__table,
            .uc-index-partners .t694__cell {
                display: block !important;
                height: auto !important;
            }
            .uc-index-partners .t694__textwrapper__content,
            .uc-index-partners .t694__img {margin: 0 !important;}
            
            /* Подписи к карточкам */
            .uc-index-partners .t-card__title {display: none;}
        }



/* О НАС */
@media screen and (max-width: 1199px) {
    .t667__tile {width: 100%;}
}


/* СТРАНИЦА «НАПИТКИ» */
    /* Контейнер изображений-страниц меню */
    .drinks_pages {
        width: calc(100vw - 2 * 40px) !important;
    }

    @media screen and (max-width: 1199px) {
        .drinks_pages {
            width: calc(100vw - 2 * 20px) !important;
        }
    }    



/* НИЖНИЙ КОЛОНТИТУЛ */
    /* Отступы справа и слева */
    @media screen and (min-width: 1200px) {
        .t345-wrapper {padding: 0 40px !important;}
    }