/* 
ТЕХНИЧЕСКИЕ СТИЛИ
- Сглаживание шрифтов и улучшения их рендера
*/
    
* {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Исправляем скроллбары в IE и Legacy Edge */
html {-ms-overflow-style: -ms-autohiding-scrollbar;}

/* Плитка успешного отправления формы */
.t-form__successbox {
    border-radius: 12px;
    font-weight: 500;
}
    
/*---------------------------------------------------------
СТИЛИ ВЕРСИИ НАСТОЛЬНЫХ ПК (1200px+)
---------------------------------------------------------*/
@media screen and (min-width: 1200px) {

    /*-----------------------------------------------------
    СТИЛИ ГЛОБАЛЬНЫХ ЭЛЕМЕНТОВ
    -----------------------------------------------------*/
    
    /* Z-INDEX ДЛЯ СЕКЦИЙ С ФИГУРНЫМ ФОНОМ */
        .section-z-index {
            position: relative;
            z-index: 9;
        }
    
    /* 
    ВЕРХНИЙ КОЛОНТИТУЛ (HEADER)
    - Ставим верхний колонтитул поверх страницы
    - Сдвигаем стрелку выпадающего меню
    - Исправляем выпадающее меню
    - Добавляем эффект наведения ссылкам и transition 
      для ссылок выпадающего меню
    */
        /* Z-index колонтитула */
        #t-header,
        #rec190068728 {
            position: relative;
            z-index: 99;
            background: none;
        }
        
        /* Стрелка выпадающего меню */
        .tn-elem__1885446561588728088428 {
            top: 85px !important;
        }
    
        /* Выпадающее меню кормов */
        .t794__tooltip-menu {
            display: block;
            visibility: hidden;
            box-shadow: none !important;
            left: calc(50% + 9px) !important;
            top: 110px !important;
            transform: translate(-100%, 16px);
            transition: transform 0.25s ease, 
                        opacity 0.25s ease, 
                        visibility 0s linear;
            transition-delay: 0s, 0s, 0.25s;
        }
        .t794__tooltip-menu_show {
            visibility: visible;
            transform: translate(-100%, 0);
            transition-delay: 0s, 0s, 0s;
        }
    
        /* Треугольник выпадающего меню */ 
        .t794__tooltip-menu:after {display: none;}
    
        /* Задаём фон и радиус контентной области */
        .t794__content {
            padding: 22px 24px;
            border-radius: inherit;
            background: inherit;
        }
    
        /* Цвет при наведении у ссылок навигации */
        .t396__artboard[data-artboard-recid="188544656"] a[href*="/"]:hover {
            color: #F15F43 !important;
        }
        .t396__artboard[data-artboard-recid="188544656"] 
        a[href*="/"],
        .t794__typo {
            transition: color 0.2s ease;
        }   
    /* Конец стилей верхнего колонтитула (Header) */
    
    /*
    ФИКСИРОВАННЫЙ ВЕРХНИЙ КОЛОНТИТУЛ (FIXED HEADER)
    - Убираем стандартные фон и тень
    - Добавляем фон и сложную тень контентной области
    - Исправляем телефон, добавляем иконку
    - Исправляем отступы в навигации
    */
        /* Отключаем стандартные фон и тень */
        #nav189728870 {
            height: auto;
            background: none !important;
            box-shadow: none !important;
            z-index: 99999;
        }
    
        /* Стили внутренней области */
        .t228__maincontainer {
            background-color: white;
            height: 59px;
            padding: 0 10px;
            border-radius: 100px;
            margin-top: 12px !important;
            position: relative;
            box-shadow: 0 -2px 12px 0 rgba(35, 77, 112, 0.06), 0 8px 24px 0 rgba(35, 77, 112, 0.12);
        }
        .t228__maincontainer > div {
            position: relative;
            z-index: 99;
        }
    
        /* Опускаем логотип */
        .t228__maincontainer .t228__leftside {
            position: relative;
            top: 1px;
        }
    
        /* Задаём высоту изображению логотипа (fix для IE) */
        .t228__imglogo {height: 40px !important;}
    
        /* Ссылки навигации */
        .t228__maincontainer ul {font-size: 0}
        .t228__list_item {padding: 0 14px}
        .t228__list_item .t-menu__link-item {transition: all 0.2s ease}
        .t228__list_item .t-menu__link-item.t-active:hover {color: #F15F43 !important}
    
        /* Делаем из кнопки телефона ссылку */
        .t228__maincontainer .t-btn {
            padding: 0;
            height: auto;
            font-size: 18px;
            position: relative;
            left: 2px;
        }
    
        /* Добавляем иконку телефона */
        .t228__maincontainer .t-btn:before {
            content: "";
            display: block;
            width: 16px;
            height: 18px;
            position: absolute;
            top: 4px;
            left: -22px;
            background: url(https://static.tildacdn.com/tild3562-3137-4235-a463-343235626261/phone_orange.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: left center;
        }
    /* Конец стилей фиксированного колонтитула */
    
    /* 
    НИЖНИЙ КОЛОНТИТУЛ (FOOTER)
    - Добавляем эффект наведения и переход к ссылкам
    */
        /* Цвет при наведении на ссылки */
        .t396__artboard.rendered[data-artboard-recid="189028325"] 
        a[href*="/"] {transition: all 0.2s ease;}
        .t396__artboard.rendered[data-artboard-recid="189028325"] 
        a[href*="/"]:hover {
            opacity: 1 !important;
            color: #F15F43 !important;
        }
    
        /* Цвет подчёркиваний при наведении на ссылки 
           дизайнера и политики ПД */
        .tn-elem__1890283251588840583055 .tn-atom, 
        .tn-elem__1890283251588840640558 .tn-atom {transition: all 0.2s ease;}
        .tn-elem__1890283251588839890165:hover +
        .tn-elem__1890283251588840583055 .tn-atom,
        .tn-elem__1890283251588840640548:hover +
        .tn-elem__1890283251588840640558 .tn-atom {
            opacity: 1 !important;
            background: #F15F43 !important;
        }
    
        /* Убираем фон */
        #t-footer {
            background: none !important;
            z-index: 99998;
        }

    /* 
    ПЕРВИЧЫЕ КНОПКИ (БЕЛАЯ)
    - Добавляем треугольник в кнопку
    - Кнопка расширяется под текст 
      и ингорирует размер заданный в Zero)
    - Убираем стандартную тень и добавляем сложную
    – Hover для треугольника
    - Hover для тени
    */
        /* Стиль кнопки */
        .button-primary {
            width: auto !important;
            background: white;
            border-radius: 26px;
            -webkit-transform: translate3d(0, 0, 0); 
            transform: translateZ(0);
        }
    
        /* Стили текста внутри кнопки */
        .button-primary .tn-atom {
            position: relative;
            padding-left: 30px;
            padding-right: 42px;
            box-shadow: none !important;
        }
        .button-primary:hover .tn-atom {
            background-color: #F15F43 !important;
            color: #FFFFFF !important;
        }

        /* Стили треугольника */
        .button-primary .tn-atom:before,
        .button-primary .tn-atom:after {
            content: "";
            display: block;
            width: 6px;
            height: 12px;
            background-size: 6px 12px;
            background-position: left center;
            background-repeat: no-repeat;
            position: absolute;
            right: 29px;
            top: 19px;
        }
        .button-primary .tn-atom:before {            
            background-image: url(https://static.tildacdn.com/tild3937-3762-4766-b362-613638353561/triangle.svg);
        }
        .button-primary .tn-atom:after {   
            opacity: 0;
            background-image: url(https://static.tildacdn.com/tild3561-3535-4938-b437-663430336134/triangle_black-A40.svg);
            transition: opacity 0.3s ease;
        }
        .button-primary:hover .tn-atom:after {
            opacity: 1;
        }
    
    /* 
    ТЕНЬ КНОПОК
    – Кнопка на главной под заголовком-вступлением
    – Кнопка скачивания каталога на странице семейства 
      рыб (категории кормов)
    - Кнопка добавления в корзину на странице товара
    - Кнопка отправления форм
    */
        /* Тень */
        .button-primary:before,
        .fish-category_cover-button:before,
        .t-store__prod-popup__btn-wrapper:before,
        .t-form__submit:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 10px;
            width: calc(100% - 2*10px);
            height: 100%;
            background: white;
            border-radius: 100px;
            transition: box-shadow 0.3s ease;
            box-shadow: 0px 10px 16px rgba(35, 77, 112, 0.2);
        }
        /* Тень при наведении */
        .button-primary:hover:before,
        .fish-category_cover-button:hover:before,
        .t-store__prod-popup__btn-wrapper:hover:before,
        .t-form__submit:hover:before {
            box-shadow: 0px 14px 30px rgba(241, 95, 67, 0.9);
        }
    
    /* 
    ТЕНЬ ВЫПАДАЮЩИХ МЕНЮ 
    – Выпадающее меню кормов верхнего колонтитула
    – Выпадающее меню размера гранулы на сранице корма
    */
        .t794__tooltip-menu:before,
        .select-items:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 8px;
            width: calc(100% - 2*8px);
            height: 100%;
            background: inherit;
            transform: none;
            border: none;
            border-radius: 12px;
            z-index: -1;
            box-shadow: 0px 8px 16px rgba(35, 77, 112, 0.2);
        }
    
    /* Максимальная ширина описания в обложке */
    .t001__descr {max-width: 660px;}
    
    

    /*-----------------------------------------------------
    СТИЛИ ГЛАВНОЙ СТРАНИЦЫ
    -----------------------------------------------------*/
    
    /*
    ПЛИТКИ КАТЕГОРИЙ КОРМОВ (СЕМЕЙСТВА РЫБ)
    - Отключаем тень из Zero-блока, добавляем сложную тень
    - Добавляем эффект наведения для тени
    - Добавляем эффект наведения для плитки
    - Добавляем переходы и смену цвета тексту и иконке
    */
        /* Стили элемента-контейнера */
        .index-fish-tile {
            z-index: 2;
            -webkit-transform: translate3d(0, 0, 0); 
        }
        
        /* Стили тени */
        .index-fish-tile:before {
            content: "";
            display: block;
            width: calc(100% - 2*16px);
            height: 100%;
            position: absolute;
            top: 0;
            left: 16px;
            background-color: white;
            transition: all 0.3s ease;
            border-radius: 12px;
            z-index: -1;
            box-shadow: 0px 12px 18px rgba(35, 77, 112, 0.22);
        }
        .index-fish-tile:hover:before {
            box-shadow: 0px 16px 38px rgba(35, 77, 112, 0.8);
        }
    
        /* Стили плитки */
        .index-fish-tile .tn-atom {
            display: block;
            height: 243px;
            box-shadow: none !important;
            position: relative;
            overflow: hidden;
            -webkit-mask-image: -webkit-radial-gradient(white, black);
        }
    
        /* ФОН ПРИ НАВЕДЕНИИ */
        .index-fish-tile .tn-atom:before,
        .index-fish-tile .tn-atom:after {
            content: "";
            width: 100%;
            height: 100%;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            opacity: 0;
            transition: all 0.3s ease;
            transform: scale(1.1);
        }
        /* Оверлей-затемнение */
        .index-fish-tile .tn-atom:after {
            background: url(https://static.tildacdn.com/tild6537-3665-4164-b735-323132383361/feeds_tile_overlay.svg);
        }
        /* Увеличение и прозрачность при наведении */
        .index-fish-tile:hover .tn-atom:before,
        .index-fish-tile:hover .tn-atom:after {opacity: 1;}
        .index-fish-tile:hover .tn-atom:before {transform: scale(1);}
    
        /* Иконка при наведении (общие стили) */
        .index-fish-tile_icon .tn-atom:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-size: contain;
            background-position: left center;
            background-repeat: no-repeat;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .index-fish-tile:hover + 
        .index-fish-tile_icon .tn-atom:after {opacity: 1;}
    
        /* Переход цвета и прозрачности текста */
        .index-fish-tile_text .tn-atom {transition: all 0.3s ease;}
        
        /* ФОРЕЛЬ И СИГОВЫЕ */
        /* Изображение при наведении */
        .tn-elem__1885571351588745386960 .tn-atom:before {
            background-image: url(https://static.tildacdn.com/tild6639-6166-4638-b037-393431353838/fish-cover_trout.jpg);
        }
        /* Иконка */
        .tn-elem__1885571351588745847623 .tn-atom:after {
            background-image: url(https://static.tildacdn.com/tild3937-3266-4032-a462-393439613066/fish-icon_white_trou.svg);   
        }
        /*
        Цвет и прозрачность текста:
        - Заголовок
        - Описание (названия рыб)
        - Ссылка «Перейти к кормам»
        */
        .tn-elem__1885571351588745386960:hover ~
        .tn-elem__1885571351588746005751 .tn-atom,
        .tn-elem__1885571351588745386960:hover ~   
        .tn-elem__1885571351588746055954 .tn-atom,
        .tn-elem__1885571351588745386960:hover ~
        .tn-elem__1885571351588746198488 .tn-atom {
            color: white !important;
            opacity: 1 !important;
        }
    
        /* ОСЕТРОВЫЕ */
        /* Изображение при наведении */
        .tn-elem__1885571351588746332940 .tn-atom:before {
            background-image: url(https://static.tildacdn.com/tild3464-3238-4563-b536-646562663537/fish-tile_sturgeon.jpg);
        }
        /* Иконка */
        .tn-elem__1885571351588746332953 .tn-atom:after {
            background-image: url(https://static.tildacdn.com/tild6232-3739-4437-a336-343737633831/fish-icon_white_stur.svg);   
        }
        /*
        Цвет и прозрачность текста:
        - Заголовок
        - Описание (названия рыб)
        - Ссылка «Перейти к кормам»
        */
        .tn-elem__1885571351588746332940:hover ~
        .tn-elem__1885571351588746332965 .tn-atom,
        .tn-elem__1885571351588746332940:hover ~   
        .tn-elem__1885571351588746332973 .tn-atom,
        .tn-elem__1885571351588746332940:hover ~
        .tn-elem__1885571351588746332978 .tn-atom {
            color: white !important;
            opacity: 1 !important;
        }

        /* СОМООБРАЗНЫЕ */
        /* Изображение при наведении */
        .tn-elem__1885571351588746372035 .tn-atom:before {
            background-image: url(https://static.tildacdn.com/tild6533-3030-4764-b136-316439396335/fish-tile_catfish.jpg);
        }
        /* Иконка */
        .tn-elem__1885571351588746372048 .tn-atom:after {
            background-image: url(https://static.tildacdn.com/tild6139-6537-4232-b938-336265333664/fish-icon_white_catf.svg);   
        }
        /*
        Цвет и прозрачность текста:
        - Заголовок
        - Описание (названия рыб)
        - Ссылка «Перейти к кормам»
        */
        .tn-elem__1885571351588746372035:hover ~
        .tn-elem__1885571351588746372059 .tn-atom,
        .tn-elem__1885571351588746372035:hover ~   
        .tn-elem__1885571351588746372065 .tn-atom,
        .tn-elem__1885571351588746372035:hover ~
        .tn-elem__1885571351588746372071 .tn-atom {
            color: white !important;
            opacity: 1 !important;
        }
    
        /* ТИЛАПИИ */
        /* Изображение при наведении */
        .tn-elem__1885571351588746742008 .tn-atom:before {
            background-image: url(https://static.tildacdn.com/tild3862-3362-4536-a663-333231663330/fish-tile_tilapia.jpg);
        }
        /* Иконка */
        .tn-elem__1885571351588746742020 .tn-atom:after {
            background-image: url(https://static.tildacdn.com/tild3733-3965-4337-b466-663032383937/fish-icon_white_tila.svg);   
        }
        /*
        Цвет и прозрачность текста:
        - Заголовок
        - Описание (названия рыб)
        - Ссылка «Перейти к кормам»
        */
        .tn-elem__1885571351588746742008:hover ~
        .tn-elem__1885571351588746742033 .tn-atom,
        .tn-elem__1885571351588746742008:hover ~   
        .tn-elem__1885571351588746742040 .tn-atom,
        .tn-elem__1885571351588746742008:hover ~
        .tn-elem__1885571351588746742048 .tn-atom {
            color: white !important;
            opacity: 1 !important;
        }

        /* ДЕКОРАТИВНЫЕ */
        /* Изображение при наведении */
        .tn-elem__1885571351588746742071 .tn-atom:before {
            background-image: url(https://static.tildacdn.com/tild3333-6130-4634-b531-346635303066/fish-tile_ornamental.jpg);
        }
        /* Иконка */
        .tn-elem__1885571351588746742088 .tn-atom:after {
            background-image: url(https://static.tildacdn.com/tild3564-3737-4437-a161-643431666463/Koi.svg);   
        }
        /*
        Цвет и прозрачность текста:
        - Заголовок
        - Описание (названия рыб)
        - Ссылка «Перейти к кормам»
        */
        .tn-elem__1885571351588746742071:hover ~
        .tn-elem__1885571351588746742099 .tn-atom,
        .tn-elem__1885571351588746742071:hover ~   
        .tn-elem__1885571351588746742106 .tn-atom,
        .tn-elem__1885571351588746742071:hover ~
        .tn-elem__1885571351588746742115 .tn-atom {
            color: white !important;
            opacity: 1 !important;
        }

        /* ДЛЯ РЫБАЛКИ */
        /* Изображение при наведении */
        .tn-elem__1885571351588746742132 .tn-atom:before {
            background-image: url(https://static.tildacdn.com/tild3862-6435-4238-a263-646334303832/fish-tile_fishing-ba.jpeg);
        }
        /* Иконка */
        .tn-elem__1885571351588746742144 .tn-atom:after {
            background-image: url(https://static.tildacdn.com/tild6431-6263-4164-a233-306439376131/Fishing_bait.svg);   
        }
        /*
        Цвет и прозрачность текста:
        - Заголовок
        - Описание (названия рыб)
        - Ссылка «Перейти к кормам»
        */
        .tn-elem__1885571351588746742132:hover ~
        .tn-elem__1885571351588746742158 .tn-atom,
        .tn-elem__1885571351588746742132:hover ~   
        .tn-elem__1885571351588746742163 .tn-atom,
        .tn-elem__1885571351588746742132:hover ~
        .tn-elem__1885571351588746742169 .tn-atom {
            color: white !important;
            opacity: 1 !important;
        }
    /* Конец стилей плиток рыб на главной */
    
    /*
    ПЛИТКИ ИКРЫ
    - Добавляем эффект наведения для тени
    - Добавляем эффект наведения для плитки
    - Добавляем переходы и смену цвета текста
    */
        /* Контейнер плитки */
        .index-eggs-tile {
            -webkit-transform: translate3d(0, 0, 0);
        }
    
        /* Стили тени */
        .index-eggs-tile:before {
            content: "";
            display: block;
            width: calc(100% - 2*16px);
            height: 100%;
            position: absolute;
            top: 0;
            left: 16px;
            background: inherit;
            transition: box-shadow 0.4s ease;
            z-index: -1;
            box-shadow: 0px 0 0 rgba(11, 35, 48, 0);
        }
        .index-eggs-tile:hover:before {
            box-shadow: 0px 16px 24px rgba(11, 35, 48, 0.45);
        }
    
        /* Стили внутреннего элемента плитки (фона) */
        .index-eggs-tile .tn-atom {
            position: relative;
            transition: all 0.3s ease;
            z-index: 2;   
        }
        .index-eggs-tile:hover .tn-atom {
            background-color: white;
            border-color: white !important;   
        }
    
        /* Переход цвета и прозрачности текста */
        .index-eggs-tile_text .tn-atom,
        .index-eggs-tile_dot .tn-atom {transition: all 0.4s ease;}
    
        /* РАДУЖНАЯ ФОРЕЛЬ */
        /* Заголовки и ссылки */
        .tn-elem__1885843501588751784255:hover ~
        .tn-elem__1885843501588751784269 .tn-atom,
        .tn-elem__1885843501588751784255:hover ~
        .tn-elem__1885843501588751784288 .tn-atom {color: #0B2330 !important}
        /* Бренд и страна */
        .tn-elem__1885843501588751784255:hover ~
        .tn-elem__1885843501588752310735 .tn-atom,
        .tn-elem__1885843501588751784255:hover ~
        .tn-elem__1885843501588752310770 .tn-atom {
            color: #0B2330 !important;
            opacity: 0.8;
        }
        /* Описания */
        .tn-elem__1885843501588751784255:hover ~
        .tn-elem__1885843501588751784279 .tn-atom {
            color: #0B2330 !important;
            opacity: 0.7;
        }
        /* Точки */
        .tn-elem__1885843501588751784255:hover ~
        .tn-elem__1885843501588752310757 .tn-atom {
            background-color: #D0D0D0 !important;
            opacity: 1 !important;
        }
    
        /* АТЛАНТИЧЕСКИЙ ЛОСОСЬ */
        /* Заголовки и ссылки */
        .tn-elem__1885843501588752540599:hover ~
        .tn-elem__1885843501588752540615 .tn-atom,
        .tn-elem__1885843501588752540599:hover ~
        .tn-elem__1885843501588752540628 .tn-atom {color: #0B2330 !important}
        /* Бренд и страна */
        .tn-elem__1885843501588752540599:hover ~
        .tn-elem__1885843501588752540644 .tn-atom,
        .tn-elem__1885843501588752540599:hover ~
        .tn-elem__1885843501588752540677 .tn-atom {
            color: #0B2330 !important;
            opacity: 0.8;
        }
        /* Описания */
        .tn-elem__1885843501588752540599:hover ~
        .tn-elem__1885843501588752540623 .tn-atom {
            color: #0B2330 !important;
            opacity: 0.7;
        }
        /* Точки */
        .tn-elem__1885843501588752540599:hover ~
        .tn-elem__1885843501588752540664 .tn-atom {
            background-color: #D0D0D0 !important;
            opacity: 1 !important;
        }
    /* Конец стилей плиток икры на главной */
    
    /*
    ПЛИТКИ ОБОРУДОВАНИЯ
    - Добавляем эффект наведения для тени
    - Добавляем эффект наведения для плитки
    */
        /* Контейнер плитки */
        .index-equipment-tile {
            -webkit-transform: translate3d(0, 0, 0);
        }
    
        /* Стили тени */
        .index-equipment-tile:before {
            content: "";
            display: block;
            width: calc(100% - 2*16px);
            height: 100%;
            position: absolute;
            top: 0;
            left: 16px;
            transition: box-shadow 0.3s ease;
            transition-delay: 0s;
            box-shadow: 0 0 0 rgba(35, 77, 112, 0) !important;
        }
        .index-equipment-tile:hover:before {
            box-shadow: 0px 12px 18px rgba(35, 77, 112, 0.22) !important;
            transition-delay: 0.07s;
        }
    
        /* Стили внутреннего элемента плитки (фона) */
        .index-equipment-tile .tn-atom {
            position: relative;
            transition: all 0.3s ease;
            z-index: 2;
            background-color: rgba(255, 255, 255, 0);
            transition-delay: 0.07s;
    }
        .index-equipment-tile:hover .tn-atom {
            background-color: rgba(255, 255, 255, 1);
            border-color: white !important; 
            box-shadow: 0 -2px 16px rgba(35, 77, 112, 0.05) !important;
            transition-delay: 0s;
        }
    /* Конец стилей плиток оборудования на главной */ 
    
    /*
    КОНТАКТЫ
    - Добавляем подчёркивание адресам почты
    - Добавляем углы и тень карте
    */
        /* Подчёркивание ссылок */
        .t396__artboard[data-artboard-recid="188969453"] a[href*="mailto"] {
            position: relative;
            transition: color 0.2s ease;
        }
        .t396__artboard[data-artboard-recid="188969453"] a[href*="mailto"]:hover {color: #F15F43 !important;}
        .t396__artboard[data-artboard-recid="188969453"] a[href*="mailto"]:after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            border-radius: 1px;
            background-color: #F15F43;
            position: absolute;
            top: 100%;
            left: 0;
        }
    
        /* Встроенная карта */
        .tn-elem__1889694531588826551018 .tn-atom {
            border-radius: 12px;
            overflow:hidden;
            -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
        }
        /* Тень карты */
        .tn-elem__1889694531588826551018:before {
            content: "";
            display: block;
            width: calc(100% - 2*16px);
            height: 100%;
            position: absolute;
            top: 0;
            left: 16px;
            border-radius: 12px;
            background: white;
            box-shadow: 0px 18px 20px rgba(35, 77, 112, 0.1) !important;
            z-index: -1;
        }
    /* Конец стилей контактов */
    
    
    
    
    /*-----------------------------------------------------
    СТИЛИ СТРАНИЦЫ КАТЕГОРИИ КОРМОВ (СЕМЕЙСТВА РЫБ)
    -----------------------------------------------------*/
    
    /*
    ОБЛОЖКА
    - Ссылки навигации по странице
    - Кнопка каталога
    - Фон секции каталога (карточки кормов)
    */
        /* Hover ссылок навигации по странице внизу обложки */
        .fish-category_cover-link .tn-atom {transition: 0.2s ease;}
        .fish-category_cover-link .tn-atom:hover {color: #F15F43 !important;}

        /* КНОПКА СКАЧИВАНИЯ КАТАЛОГА */
        .fish-category_cover-button .tn-atom {
            box-shadow: none !important;
            transition: background 0.3s ease, color 0.3s ease !important;
            position: absolute;
            z-index: 1;
            padding: 16px 20px 14px 19px !important;
            border: none !important;
            width: auto !important;
            display: flex;
            align-items: center;
            line-height: 20px !important;
        }
        /* Иконка */
        .fish-category_cover-button .tn-atom:before {
            content: "";
            display: block;
            width: 22px;
            height: 22px;
            background-image: url(https://static.tildacdn.com/tild3131-3366-4431-b335-356236623239/download_orange.svg);
            margin-right: 7px;
            position: relative;
            top: -2px;
        }
        .fish-category_cover-button .tn-atom:after {
            content: "";
            display: block;
            width: 22px;
            height: 22px;
            background-image: url(https://static.tildacdn.com/tild6461-3065-4738-b833-363134316434/download_black-a40.svg);
            position: absolute;
            top: 14px;
            left: 19px;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        /* Эффект наведения */
        .fish-category_cover-button:hover .tn-atom {
            background: #F15F43 !important;
            color: white !important;
        }
        .fish-category_cover-button:hover .tn-atom:after {opacity: 1;}
        /* Контейнер кнопки */
        .fish-category_cover-button {position: relative;}
        /* Тень кнопки задаётся в стилях теней всех кнопок в стилях 
           глобальных элементов */

        /* Блок обложки */
        .fish-category_cover {position: relative;}

        /* Фон секции с кормами */
        .fish-category_cover:after {
            content: "";
            display: block;
            width: 2560px;
            height: 1157px;
            position: absolute;
            top: 765px;
            left: 50%;
            transform: translateX(-50%);
            background-image: 
                url(https://static.tildacdn.com/tild3235-3831-4336-a236-333138353335/catalog_bg_05.png),
                url(https://static.tildacdn.com/tild6332-3334-4833-b334-356137646561/catalog_bg_06.png),
                url(https://static.tildacdn.com/tild3263-6435-4461-b730-613362643332/catalog_bg_07.png),
                url(https://static.tildacdn.com/tild3964-6533-4333-b561-326136386636/catalog_bg_08.png);
            background-size: 640px 1157px;
            background-repeat: no-repeat;
            background-position: 0 0, 640px 0, 1280px 0, 1920px 0;
            opacity: 0.8;
        }

        /* Z-index заголовков секций с кормами */
        #rec190003205 {
            position: relative;
            z-index: 1;
        }
    
    /* 
    ВКЛАДКИ (ФИЛЬТРЫ)
    - Убираем стантартные подчёркивания
    - Добавляем свои подчёркивания
    - Меняем размер и отступы
    */
        /* Стили контейнера */
        .t397__wrapper {
            display: flex;
            justify-content: center;
        }
        
        /* ОСНОВНЫЕ СТИЛИ ВКЛАДОК */
        /* Стиль вкладок */
        .t397__tab {
            display: block;
            position: relative;
            border: none !important;
            width: auto;
            margin-right: 32px;
            padding-right: 24px;
            height: 28px;
        }
        .t397__tab:first-child {padding-right: 0;}
        .t397__tab:last-child {margin-right: 0;}
        /* Текст внутри вкладки */
        .t397__tab > div {
            padding: 0;
            opacity: 0.7;
            transition: opacity 0.3s ease;
        }
        /* Текст внутри активной вкладки */
        .t397__tab_active > div {opacity: 1;}
    
        /* ПОДЧЁРКИВАНИЯ */
        /* Подчёркивание вкладок */
        .t397__tab:after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            border-radius: 2px;
            background-color: #F15F43;
            opacity: 0;
            position: absolute;
            bottom: 0;
            left: 0;
            transition: opacity 0.2s ease;
        }
        /* Подчёркивание активной вкладки */
        .t397__tab_active:after {opacity: 1;}
        /* Подчёркивание при наведении */
        .t397__tab:hover:after,
        .fish-category_tab-line_hover:after {opacity: 1;}
    
        /* ПОДСКАЗКИ */
        /* Иконка подскази */
        .fish-category_tab-tooltip .tn-atom {
            position: relative;
            background: none !important;
            cursor: pointer;
            display: block;
            height: 16px;
        }
        .fish-category_tab-tooltip .tn-atom:before,
        .fish-category_tab-tooltip .tn-atom:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transition: opacity 0.3s ease;
            background-position: left center;
            background-size: contain;
            background-repeat: no-repeat;
        }
        .fish-category_tab-tooltip .tn-atom:before {
            background-image: url(https://static.tildacdn.com/tild3566-6165-4533-b033-646162383163/help_marine-A30.svg);
        }
        .fish-category_tab-tooltip .tn-atom:after {
            opacity: 0;
            background-image: url(https://static.tildacdn.com/tild3239-3735-4235-a231-653963333063/help_orange.svg);
        }
        .fish-category_tab-tooltip .tn-atom:hover:before {opacity: 0;}
        .fish-category_tab-tooltip .tn-atom:hover:after {opacity: 1;}
    
        /* Стиль всплывающей подсказки */
        .fish-category_tab-tooltip .tn-atom__tip {
            width: 270px !important;
            background-color: rgba(0, 29, 48, 0.75) !important;
            padding: 16px 20px 18px 16px !important;
            top: 16px !important;
            left: 0 !important;
        }
        /* Стартовые */
        .tn-elem__1902471481589187339002 .tn-atom__tip {
            transform: translateX(-107px) !important;
        }
        /* Для маточного стада */
        .tn-elem__1902471481589191503105 .tn-atom__tip {
            transform: translateX(-184px) !important;
        }
        /* Мальковые */
        .tn-elem__1902471481589191514008 .tn-atom__tip {
            transform: translateX(-111px) !important;
        }
        /* Продуционные */
        .tn-elem__1902471481589191544832 .tn-atom__tip {
            transform: translateX(-141px) !important;
        }
    
    /* 
    КАРТОЧКИ КОРМОВ (ТОВАРОВ)
    - Отключаем стандартную тень
    - Добавляем сложную тень
    - Исправляем высоту карточки
    - Исправляем размер и положение обложку
    - Прозрачность описания
    - Делаем из кнопки ссылку
    - Исправляем отступы
    - Добавляем эффект наведения
    */  
        /* Карточка товара (внешний контейнер) */
        .t-store__card {
            position: relative;
            -webkit-transform: translate3d(0, 0, 0); 
            transform: translateZ(0); 
            transition: transform 0.3s ease;
        }
        .t-store__card:hover {transform: translateY(-4px);}
    
        /* Выключаем тень */
        .t-store__card__wrap_all {
            width: 260px;
            height: 392px;
            position: relative;
            box-shadow: none !important;
            -webkit-transform: translate3d(0, 0, 0); 
            transform: translateZ(0); 
        }
    
        /* Тень карточки */
        .t-store__card:before {
            content: "";
            display: block;
            width: calc(100% - 2*16px);
            height: 100%;
            position: absolute;
            top: 0;
            left: 16px;
            transition: all 0.3s ease;
            box-shadow: 0px 16px 20px rgba(35, 77, 112, 0.2);
        }
        .t-store__card:hover:before {
            box-shadow: 0px 20px 30px rgba(35, 77, 112, 0.42);
        }
    
        /* Изображение товара */
        .t-store__card__imgwrapper {
            width: auto;
            height: 180px;
            padding: 28px 40px 26px 40px !important;
        }
        .t-store__card__bgimg {
            width: 180px;
            height: 180px;
            margin: 0 auto;
            margin-top: 28px;
            transition: transform 0.3s ease;
            transform-origin: center;
            border-radius: 100px !important;
        }
        .t-store__card:hover .t-store__card__bgimg {
            transform: scale(1);
        }
    
        /* Область текста и кнопок */
        .t-store__card__wrap_txt-and-btns {
            height: 158px !important;
        }
    
        /* Название */
        .t-store__card__title {line-height: 26px !important;}
    
        /* Описание */
        .t-store__card__descr {
            opacity: 0.7;
            line-height: 20px !important;
            padding-bottom: 16px !important;
        }
    
        /* Убираем отступы области с текстом */
        .store__card__wrap_txt-and-opts {
            padding: 0 !important;
        }
        /* Отступы в карточке слева и справа для текста */
        .t-store__card__textwrapper {
            padding: 0 28px !important;
            height: 158px !important;
        }
        /* Область с кнопкой */
        .t778 .t-store__card__btns-wrapper {
            position: absolute;
            padding: 0 28px !important;
            margin-bottom: 28px !important;
            pointer-events: none;
        }
    
        /* Выключаем блок с ценой */
        .t-store__card__price-wrapper {display: none;}
    
        /* Делаем из кнопки ссылку */
        .t-store__card__btn {
            margin: 0 !important;
            height: auto;
            padding: 0;
            background: none !important;
            color: #0B2330 !important;
            font-weight: 500;
            font-size: 15px;
            line-height: 20px;
            position: relative;
            display: inline-block;
            text-align: left;
        }
        .t-store__card__btns-wrapper table {border-spacing: 0;}
    
        /* Стрелка-треугольник */
        .t-store__card__btn:after {
            content: "";
            display: block;
            width: 6px;
            height: 12px;
            position: absolute;
            right: -12px;
            top: 2.5px;
            background-image: url(https://static.tildacdn.com/tild3832-3638-4033-b337-313764656432/triangle_orange.svg);
            background-repeat: no-repeat;
            background-position: left center;
            background-size: contain;
        }
    
    /* Прозрачность текста в секции с преимуществами */
    .tn-elem__1921929501589638494233 .tn-atom,
    .tn-elem__1921929501589639239349 .tn-atom,
    .tn-elem__1921929501589639312512 .tn-atom,
    .tn-elem__1921929501589639393580 .tn-atom {
        color: rgba(11, 35, 48, 0.8) !important;
    }
    
    /*
    СЕКЦИЯ РЕКОМЕНДАЦИЙ
    - Отступ между абзацами: чтобы отступ работал, каждый
      абзац необходимо обернууть в  применив к нему
      любую настройку в редакторе (шрифт, размер и т. п.)
    - Фон секции и z-index
    */
        /* Отступы между абзацами */
        .t050__descr span {
            display: block;
            margin-bottom: -9px;
        }

        /* Блок-отступ перед заголовком */
        #rec192277139 {position: relative;}

        /* Фоновые изображения */
        #rec192277139:after {
            content: "";
            display: block;
            width: 2560px;
            height: 942px;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            background-image: 
                url(https://static.tildacdn.com/tild6633-3233-4335-b261-613933633731/tips_bg_01.png), 
                url(https://static.tildacdn.com/tild3361-3039-4635-b762-643265613337/tips_bg_02.png),
                url(https://static.tildacdn.com/tild3163-6164-4361-b330-333639636537/tips_bg_03.png),
                url(https://static.tildacdn.com/tild6165-3235-4761-b531-376237313364/tips_bg_04.png);
            background-size: 640px 942px;
            background-repeat: no-repeat;
            background-position: 0 0, 640px 0, 1280px 0, 1920px 0;
            z-index: 0;
        }
    
        /* Фикс наложения фона на заголовок секции */
        .fish-category_tips-heading {
            z-index: 1;
            position: relative;
        }

    
    
    
    /*-----------------------------------------------------
    СТИЛИ СТРАНИЦЫ КОРМА (ТОВАРА)
    -----------------------------------------------------*/
    
    /* Отступ сверху (от верхнего колонтитула) */
    .t-store__prod-popup__slider, 
    .t-store__prod-popup__info {margin-top: 48px;}
    
    /* Фон страницы */
    .feed-prodict_background-wrapper {
        width: 100vw;
        height: 1400px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
/*        display: none !important;*/
    }
    .feed-product_background {
        width: 2560px;
        height: 1600px;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(https://static.tildacdn.com/tild6662-3238-4039-a466-363531363665/product_bg_01.png), url(https://static.tildacdn.com/tild3762-3466-4433-a664-313230313739/product_bg_02.png), url(https://static.tildacdn.com/tild3366-3234-4439-b938-613766303133/product_bg_03.png), url(https://static.tildacdn.com/tild6365-3234-4838-a338-396334333235/product_bg_04.png);
        background-size: 640px 1600px;
        background-repeat: no-repeat;
        background-position: 0 0, 640px 0, 1280px 0, 1920px 0;
    }
    
    /* 
    КОЛОНКА ИНФОРМАЦИИ О ТОВАРЕ
    - Отступ слева от фотографии
    - Верхнее выравнивание
    */
    .t-store__prod-popup__info {
        margin-left: 60px;
        position: relative;
        top: -4px;
        font-size: 0;
    }
    
    /*
    ФОТОГРАФИЯ КОРМА
    - Режим наложения
    - Размер изображения
    */
        /* Режим наложения для фотографий с белым фоном.
           Не работает в IE11 и Edge ранее 2020*/
        .t-store__prod-popup__slider {mix-blend-mode: darken;}
    
        /* Размер фотографии */
        .t-store__prod-popup__slider, .t-slds {
            width: 420px;
            height: 420px;
            border-radius: 1000px
        }
        .t-slds__items-wrapper {
            height: 420px !important;
            transform: translateX(-420px) !important;
        }
    
    /* 
    НАЗВАНИЕ ТОВАРА
    - Кегль, интерлиньяж
    - Добавляем название бренда
    - Отступ снизу (контейнер названия)
    */
        .t-store__prod-popup__name {
            max-width: 560px;
            font-size: 48px;
            line-height: 52px !important;
            position: relative;
        }
        
        /* Название бренда */
        .t-store__prod-popup__name:before {
            content: "Аlltech® Coppens ";
        }
    
        /* Отступ снизу (контейнер названия) */
        .t-store__prod-popup__title-wrapper {
            margin-bottom: 14px;
        }
    
    /* Отключаем стандартные характеристики */
    .js-store-prod-charcs {display: none !important;}
    
    /*
    ТЕГИ
    Стили для разметки, которую JS генерирует во время страницы, 
    например:
    
    
        Форель и сиговые
        Осетровые
        Сомообразные
        Тиляпии
        Стартовый корм
    
    
    Значения тегов берём из характеристики товара «Теги»; 
    каждый тег отбивается запятой.
    */
        /* Контейнер */
        .feed-product_tags-wrapper {
            display: flex;
            max-width: 560px;
            margin-bottom: 42px;
            flex-wrap: wrap;
        }
    
        /* Тег */
        .feed-product_tag {
            padding: 2px 12px 1px 12px;
            background-color: #E4E9EB;
            border-radius: 100px;
            margin-right: 10px;
            margin-top: 10px;
            font-family: "Noah", sans-serif;
            font-size: 15px;
            font-weight: 500;
            line-height: 20px;
            color: rgba(11, 35, 48, 0.8);
            flex-shrink: 0;
        }
    
    /*
    ВЫПАДАЮЩИЙ СПИСОК РАЗМЕРА ГРАНУЛ
    */
    
        /* Меняем местами выпадающий список и подпись */
        .t-product__option {
            display: flex;
            flex-direction: column-reverse;
        }
    
        .custom-select,
        .custom-select * {user-select: none;}
        
        /* Задаём ширину списку выбора гранулы */
        .t-product__option-variants {
            width: auto;
            min-width: 100px !important;
        }
    
        /* Отключаем стандартную стрелку Тильды */
        .t-store .t-product__option-variants:after {display: none;}

        /* Отключаем стандартный выпадающий список */
        .custom-select select {display: none;}

        /* Кнопка выпадающего списка с текущим значением */
        .select-selected {
            color: #0B2330 !important;
            background: none;
            padding: 15px 40px 13px 22px !important;
            border: 2px solid rgba(11, 35, 48, 0.08) !important;
            border-radius: 100px;
            font-family: "Noah", sans-serif;
            font-size: 18px;
            font-weight: 500;
            line-height: 20px;
            white-space: nowrap;
            position: relative;
            cursor: pointer;
            box-sizing: border-box;
            transition: border-color 0.3s ease;
        }
        .select-selected:hover {
            border-color: #F15F43 !important;
        }

        /* Треугольник-стрелка */
        .select-selected:after {
            position: absolute;
            content: "";
            top: 19px;
            right: 21px;
            width: 6px;
            height: 12px;
            background-image: url(https://static.tildacdn.com/tild3832-3638-4033-b337-313764656432/triangle_orange.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: left center;
            transform: rotate(90deg);
            transition: transform 0.35s ease;
        }
        .select-selected.select-arrow-active:after {
            transform: translateY(-1px) rotate(270deg);
        }
    
        /* Выпадающий список опций */
        .select-items {
            position: absolute;
            top: 100%;
            left: 0;
            width: calc(100%);
            margin-top: 8px;
            z-index: 9;
            box-sizing: border-box;
            border-radius: 12px;
            padding: 22px 24px 22px 24px;
            visibility: visible;
            transform: translateY(0);
            transition: opacity 0.25s ease, 
                        transform 0.25s ease, 
                        visibility 0s linear;
            transition-delay: 0s, 0s, 0s;
            -webkit-transform: translate3d(0, 0, 0); 
            transform: translateZ(0); 
        }
    
        /* Скрываем опции, когда список закрыт */
        .select-hide {
            visibility: hidden;
            transform: translateY(16px);
            opacity: 0;
            transition-delay: 0s, 0s, 0.25s;
        }
    
        /* Фикс выпадающег списка и опций товара */
        .t-store__prod-popup__links-wrapper {
            display: none !important;
        }
    
        /* Стили фона */
        .select-items:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            height: 100%;
            border-radius: inherit;
            width: 100%;
            left: 0;
            background: white;
        }
        /* Сложная тень определа в стилях выпадающего меню 
           верхнего колонтитула в стилях глобальных элементов */

        /* Стили элементов выпадающего списка */
        .select-items div {
            color: #0B2330;
            font-family: "Noah", sans-serif;
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 14px;
            cursor: pointer;
            transition: color 0.2s ease;
            position: relative;
            z-index: 1;
        } 
        .select-items div:last-child {margin-bottom: 0;} 
    
        /* Элемент списка при наведении, текущий элемент */
        .select-items div:hover,
        .same-as-selected {color: #F15F43 !important;}
    
    /* Подпись (название опции) под выпадающим списком */
    .t-product__option-title {
        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        opacity: 0.4;
        text-align: center;
        width: auto;
        padding-bottom: 0 !important;
        margin-top: 6px;
    }
    
    /* Убираем стандартные отступы 10px сверху и снизу
       у выпадающего списка опций */
    .t-product__option {margin: 0 !important;}
    
    /* Контейнер опций */
    .js-product-controls-wrapper {display: inline-block;}
    
    /*
    ВЕС УПАКОВКИ
    Стили для разметки, которую JS генерирует во время страницы, 
    например:
    
    
        25 кг
    
    
    Значения тегов берём из характеристики товара «Weight».    
    */
        /* Контейнер */
        .feed-product_weight-container {
            display: inline-block;
            position: relative;
            vertical-align: top;
            margin-left: 35px;
            margin-right: 35px;
        }
    
        /* Точки-разделители */    
        .feed-product_weight-container:before, 
        .feed-product_weight-container:after {
            content: "";
            display: block;
            width: 3px;
            height: 3px;
            background: #D0D0D0;
            border-radius: 100px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }
        .feed-product_weight-container:before {left: -19px;}
        .feed-product_weight-container:after {right: -19px;}
    
        /* Вес */
        .feed-product_weight {
            position: relative;
            padding: 14px 22px 12px 22px;
            font-family: "Noah", sans-serif;
            font-size: 18px;
            font-weight: 500;
            line-height: 22px;
            color: #0B2330;
            border: 2px solid rgba(11, 35, 48, 0.08);
            box-sizing: border-box;
            border-radius: 100px;
        }
    
        /* Подпись под весом */
        .feed-product_weight:after {
            content: "Упаковка";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-top: 8px;
            margin-left: 1px;
            font-size: 13px;
            font-weight: 500;
            line-height: 20px;
            opacity: 0.4;
            color: #0B2330;
            transform: translateX(-50%);
        }
    
    /*
    СТИЛИ КНОПКИ ДОБАВЛЕНИЯ В КОРЗИНУ
    */
        /* Стили контейнера кнопки */ 
        .t-store__prod-popup__btn-wrapper {
            margin: 0;
            display: inline-block;
            vertical-align: top;
            position: relative;
            -webkit-transform: translate3d(0, 0, 0); 
            transform: translateZ(0); 
        }
        /* Тень и эффект наведения описаны в разделе 
           первичной кнопки (глобальные элементы) */
    
        /* Стили кнопки и наведения */
        .t-store__prod-popup__btn {
            height: auto;
            padding: 14px 29px 12px 57px;
            color: #0B2330 !important;
            background-color: white !important;
            border-radius: 100px !important;
            font-size: 18px;
            font-weight: 700;
            line-height: 22px;
            position: relative;
            transition: color 0.3s ease, background-color 0.3s ease;
        }
        .t-store__prod-popup__btn-wrapper:hover
        .t-store__prod-popup__btn {
            color: white !important;
            background-color: #F15F43 !important;
        }
        
        /* Иконка и эффект наведения иконки */
        .t-store__prod-popup__btn:before, 
        .t-store__prod-popup__btn:after {
            content: "";
            display: block;
            width: 20px;
            height: 18px;
            position: absolute;
            top: 16px;
            left: 30px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: top left;
        }
        .t-store__prod-popup__btn:before {
            background-image: url(https://static.tildacdn.com/tild6233-3339-4465-b033-333631333062/cart_orange.svg);   
        }
        .t-store__prod-popup__btn:after {
            opacity: 0;
            background-image: url(https://static.tildacdn.com/tild6636-3962-4633-a566-343165646437/cart_black-a40.svg);
            transition: opacity 0.3s ease;
        }
        .t-store__prod-popup__btn-wrapper:hover
        .t-store__prod-popup__btn:after {opacity: 1;}
    
    /*
    ОПИСАНИЕ (ПРЕИМУЩЕСТВА) КОРМА
    Маркированный список и текст в описании товара
    */
        /* Отступ сверху от выбора размера и кнопки */
        .t-store__prod-popup__text {margin-top: 44px;}
    
        /* Заголовок описания */
        .t-store__prod-popup__text:before {
            content: "Описание";
            display: block;
            margin-bottom: 14px;
            font-size: 24px;
            font-weight: 700;
            line-height: 26px;
            color: #0B2330;
        }
    
        /* Маркированный список */
        .t-store__prod-popup__text ul {
            font-size: 18px;
            font-weight: 400;
            line-height: 24px;
            list-style: none;
            padding-left: 0 !important;
        }

        /* Элемент списка */
        .t-store__prod-popup__text ul li {
            margin-bottom: 12px;
            position: relative;
            margin-left: 21px;
        }
    
        /* Иконка-маркер */
        .t-store__prod-popup__text ul li:before {
            content: "";
            display: block;
            width: 14px;
            height: 14px;
            position: absolute;
            background-image: url(https://static.tildacdn.com/tild6664-6435-4231-b636-353465306335/bullet_orange.svg);
            background-repeat: no-repeat;
            background-position: top left;
            background-size: contain;
            left: -21px;
            top: 4px;
        }
    
    /*
    ХАРАКТЕРИСТИКИ КОРМА
    Анализ полезных веществ, витаминные добавки 
    и энергетическая ценность. Стили для разметки,
    сгенерированной функцией generateProductStats().
    */
        /* Контейнер характеристик */
        .feed-product_stats-container {color: #0B2330;}
        .feed-product_stats-container * {
            font-family: "Noah", "Arial", sans-serif;
        }
    
        /* Группа характеристик */
        .feed-product_stats {margin-top: 40px;}
    
        /* Заголовки групп характеристик */
        .feed-product_stats h2 {
            font-size: 24px;
            line-height: 26px;
        }
    
        /* Серия блоков-характеристик под заголовком */
        .feed-product_stats_breakdown {
            margin-top: 15px;
            display: flex;
        }
    
        /* Отступы между характеристиками */
        .feed-product_stats.nutrition 
        .feed-product_stat {margin-right: 48px;}
        .feed-product_stats.vitamins 
        .feed-product_stat {margin-right: 48px;}
        .feed-product_stats.energy 
        .feed-product_stat {margin-right: 58px;}
        .feed-product_stat:last-child {margin-right: 0 !important}
    
        /* Название характеристики */
        .feed-product_stat_name {
            margin-bottom: 9px;
            font-size: 15px;
            font-weight: 500;
            line-height: 17px;
            opacity: 0.7;
        }
    
        /* Значение характеристики */
        .feed-product_stat_value {
            font-size: 18px;
            font-weight: 400;
            line-height: 24px;
        }
    
        /* Текст-дисклеймер под характеристиками */
        .feed-product_stats-disclaimer {
            margin-top: 23px;
            font-size: 13px;
            font-weight: 500;
            line-height: 18px;
            opacity: 0.4;
        }
    
    
    

    /*-----------------------------------------------------
    СТИЛИ СТРАНИЦ ИКРЫ И ОБОРУДОВАНИЯ
    -----------------------------------------------------*/
    
    /*
    ВТОРИЧНЫЕ КНОПКИ СКАЧИВАНИЯ КАТАЛОГА
    */
        /* Контейнер кнопки */
        .button-secondary_catalog {
            width: auto !important;
            height: auto !important;
        }
    
        /* Тень кнопки */
        .button-secondary_catalog:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 10px;
            width: calc(100% - 2*10px);
            height: 100%;
            background: transparent;
            border-radius: 100px;
            transition: box-shadow 0.3s ease;
            box-shadow: 0 0 0 rgba(35, 77, 112, 0);
            transition-delay: 0s;
        }
        .button-secondary_catalog:hover:before {
            box-shadow: 0px 10px 16px rgba(35, 77, 112, 0.2);
            transition-delay: 0.05s;
        }
        
        /* Кнопка */
        .button-secondary_catalog .tn-atom {
            position: relative;
            transition-timing-function: ease !important;
            display: flex;
            padding: 14.5px 30px 14.5px 28px !important;
            width: auto;
            background: none !important;
        }
        .button-secondary_catalog:hover .tn-atom {
            background-color: white !important;
            border-color: white !important;
        }
    
        /* Иконка */
        .button-secondary_catalog .tn-atom:before {
            content: "";
            display: block;
            width: 22px;
            height: 22px;
            background-image: url(https://static.tildacdn.com/tild3131-3366-4431-b335-356236623239/download_orange.svg);
            margin-right: 8px;
            position: relative;
            top: -1.5px;
        }
    
    
    

    /*-----------------------------------------------------
    СТИЛИ ВСПЛЫВАЮЩИХ ОКОН ФОРМ
    -----------------------------------------------------*/
    
    /* Контейнер всплывающих окон */
    .t-popup__container {border-radius: 26px;}
    
    /* Тень всплывающих окон */
    .t-popup__container:before {
        content: "";
        display: block;
        position: absolute;
        left: 16px;
        top: 0;
        width: calc(100% - 2*16px);
        height: 100%;
        box-shadow: 0 16px 28px rgba(25, 77, 112, 0.22);
        border-radius: inherit;
        z-index: -1;
    }
    
    /* Поля внутри всплывающего окна формы */
    .t702__wrapper {
        padding: 42px 48px 48px 48px;
        border-radius: inherit;
        background-color: inherit;
    }
    
    /* Заголовок всплывающего окна формы */
    .t702__title {
        position: relative;
        left: -1px;
    }
    
    /* Описание всплывающего окна формы */
    .t702__descr {
        line-height: 22px;
        margin-bottom: 36px;
    }
    
    /* Отступ снизу у полей всех типов, кроме разделителя */
    .t-input-group:not(.t-input-group_ws) {
        padding-bottom: 42px;
        margin-bottom: 0;
    }
    
    /* Убираем зазоры между строчными элементами */
    .t-form__inputsbox {font-size: 0;}
    
    /* Названия полей */
    .t-input-title {
        font-size: 15px !important;
        line-height: 20px;
        color: rgba(11, 35, 48, 0.7);
        padding-bottom: 0 !important;
        margin-bottom: 7px;
        display: inline-block;
        position: relative;
        padding: 0;
    }
    .t-input-title.required:after {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 4px;
        background-color: #F15F43;
        position: absolute;
        top: 3px;
        right: -7px;
    }
    
    /* Подзаголовки полей */
    .t-input-subtitle {
        font-size: 15px;
        line-height: 20px;
        display: inline-block;
        vertical-align: top;
        margin-left: 21px;
        position: relative;
        color: #0B2330;
        padding: 0 !important;
    }
    
    /* Разделитель перед подзаголовками */
    .t-input-subtitle:before {
        display: block;
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 3px;
        background: #D0D0D0;
        position: absolute;
        left: -12px;
        top: 8px;
    }
          
    /* Текстовое поле ввода */
    .t-input {
        height: 52px !important;
        padding: 15px 40px 13px 22px !important;
        border: 2px solid #E0E5E7 !important;
        font-size: 18px;
        font-weight: 500;
        line-height: 20px;
        white-space: nowrap;
        position: relative;
        cursor: text;
        box-sizing: border-box;
        transition: border-color 0.3s ease;
        background: none;
    }
    .t-input:hover {border-color: #F15F43 !important;}
    
    /* Текстовая область (несколько строк) */
    textarea.t-input {
        height: auto !important;
        border-radius: 26px !important;
        white-space: initial;
        resize: none;
    }
    
    /*
    ОТСТУП-РАЗДЕЛИТЕЛЬ
    Делаем из поля «Отступ» (1 строка) разделитель с линией
    */
        /* Отключаем всё, кроме контейнера */
        .t-input-group_ws .t-input-block {
            display: none;
        }
    
        /* Делаем из контейнера поля линию */
        .t-input-group_ws {
            margin-bottom: 36px !important;
            position: relative;
            left: -48px;
            width: calc(100% + 2*48px);
            height: 1px;
            opacity: 0.08;
            background-image: linear-gradient(270deg, rgba(0 ,0, 0, 0) 0%, #000000 50%, rgba(0, 0, 0, 0) 100%);
            border-radius: 0.5px;
        }
    
        /* Увеличиваем отступ сверху у разделителя, 
           если он следует за полем */
        .t-input-group + .t-input-group_ws {
            margin-top: 10px;
        }

    /*
    ВЫПАДАЮЩИЕ СПИСКИ
    */
        /* Ширина выпадающего списка */
        .t-select__wrapper {width: 515px;}
    
        /* Выключаем стандартную стрелку */
        .t-select__wrapper:after {display: none;}
    
    /*
    ГРУППИРОВКА ПОЛЕЙ ФАМИЛИИ, ИМЕНИ И ОТЧЕСТВА
    */
    
        /* Ставим поля в одну строку */
        .t-input-group_nm {display: inline-block;}
    
        /* Поле фамилии
           Находим поля отсчитывая среди всех полей, поэтому требуется уникальный селектор с префиксом родителя для корзины/формы */
        .t702 .t-input-group:nth-child(4),
        .t706 .t-input-group:nth-child(1) {
            width: 269px;
        }
        .t702 .t-input-group:nth-child(4) .t-input,
        .t706 .t-input-group:nth-child(1) .t-input {
            border-radius: 100px 0 0 100px !important;
            border-right: none !important;
        }
        
        /* Поле имени */
        .t702 .t-input-group:nth-child(5),
        .t706 .t-input-group:nth-child(2) {
            width: 187px;
        }
        .t702 .t-input-group:nth-child(5) .t-input,
        .t706 .t-input-group:nth-child(2) .t-input {
            border-radius: 0 !important;
            border-left: none !important;
            border-right: none !important;
        }
        
        /* Поле отчества */
        .t702 .t-input-group:nth-child(6),
        .t706 .t-input-group:nth-child(3) {
            width: 208px;
        }
        .t702 .t-input-group:nth-child(6) .t-input,
        .t706 .t-input-group:nth-child(3) .t-input {
            border-radius: 0 100px 100px 0 !important;
            border-left: none !important;
        }
    
        /* Сдвигаем текст в полях имени и отчества */
        .t702 .t-input-group:nth-child(5) .t-input, 
        .t702 .t-input-group:nth-child(6) .t-input, 
        .t706 .t-input-group:nth-child(2) .t-input,
        .t706 .t-input-group:nth-child(3) .t-input {
            padding: 15px 40px 13px 24px !important;
        }
    
        /* Добавляем разделители между полями внутри группы */
        .t702 .t-input-group:nth-child(5) .t-input-block, 
        .t702 .t-input-group:nth-child(6) .t-input-block,
        .t706 .t-input-group:nth-child(2) .t-input-block,
        .t706 .t-input-group:nth-child(3) .t-input-block {
            position: relative;
        }
        .t702 .t-input-group:nth-child(5) .t-input-block:before, 
        .t702 .t-input-group:nth-child(6) .t-input-block:before,
        .t706 .t-input-group:nth-child(2) .t-input-block:before,
        .t706 .t-input-group:nth-child(3) .t-input-block:before {
            content: "";
            display: block;
            width: 1px;
            height: 28px;
            position: absolute;
            top: 12px;
            left: -1px;
            background-color: #E0E5E7;
            border-radius: 1px;
        }
    
        /* Эффект наведения */
        .t-input-group_nm .t-input:hover {
            border-color: transparent !important;
        }
        .t702 .t-input-group:nth-child(4) .t-input-block,
        .t706 .t-input-group:nth-child(1) .t-input-block {
            position: relative;
        }
        .t702 .t-input-group:nth-child(4) .t-input-block:after, 
        .t702 .t-input-group:nth-child(5) .t-input-block:after, 
        .t702 .t-input-group:nth-child(6) .t-input-block:after,
        .t706 .t-input-group:nth-child(1) .t-input-block:after,
        .t706 .t-input-group:nth-child(2) .t-input-block:after,
        .t706 .t-input-group:nth-child(3) .t-input-block:after {
            content: "";
            display: block;
            width: 664px;
            height: 52px;
            box-sizing: border-box;
            border-radius: 100px;
            border: 2px solid;
            border-color: transparent;
            position: absolute;
            top: 0;
            transition: border-color 0.3s ease;
            pointer-events: none;
            z-index: 1;
        }
        .t702 .t-input-group:nth-child(4) .t-input-block:after,
        .t706 .t-input-group:nth-child(1) .t-input-block:after {
            left: 0;
        }
        .t702 .t-input-group:nth-child(5) .t-input-block:after,
        .t706 .t-input-group:nth-child(2) .t-input-block:after {
            left: calc(-1*(269px));
        }
        .t702 .t-input-group:nth-child(6) .t-input-block:after,
        .t706 .t-input-group:nth-child(3) .t-input-block:after {
            left: calc(-1*(269px + 187px));
        }
        .t-input-group_nm .t-input-block:hover:after {
            border-color: #F15F43 !important;
        }
    
    /* Поле телефона */
    .t-input-group_ph {
        display: inline-block;
        width: 237px;
        margin-right: 32px;
    }
    
    /* Поле электронной почты */
    .t-input-group_em {
        display: inline-block;
        width: 395px;
    }
    
    /*
    ЧЕКБОКС СОГЛАСИЯ
    */
        /* Группа чекбокса */
        .t-input-group_cb {
            padding-bottom: 0 !important;
            margin-top: 12px;
            display: inline-block;
            width: 427px;
            margin-right: 23px;
        }
    
        /* Текст согласия */
        .t-checkbox__control {
            font-size: 15px;
            font-weight: 400;
            line-height: 18px;
            color: #0B2330;
        }
    
        /* Кастомный чекбокс */
        .t-checkbox__indicator {
            width: 36px;
            height: 36px;
            border-radius: 18px;
            position: relative;
            bottom: 1px;
            float: left;
            border: none;
            box-shadow: inset 0 0 0 2px rgba(11, 35, 48, 0.08);
            opacity: 1;
            transition: box-shadow 0.3s ease;
        }
        .t-checkbox__control:hover .t-checkbox__indicator,
        .t-checkbox__indicator:hover {
            box-shadow: inset 0 0 0 2px #F15F43;
        }
    
        /* Иконка внутри чекбока */
        .t-checkbox__indicator:before,
        .t-checkbox__indicator:after {
            width: 18px;
            height: 18px;
            left: 9px;
            top: 9px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
        }
        .t-checkbox__indicator:before {
            content: "";
            display: block;
            position: absolute;
            background-image: url(https://static.tildacdn.com/tild3737-6564-4533-b965-366135393537/check-circle_marine-.svg);
        }
        .t-checkbox__indicator:after {
            border: none;
            background-image: url(https://static.tildacdn.com/tild6638-3735-4639-b362-613765386339/check-circle_orange.svg);
            transform: none;
        }
    
    /*
    КНОПКА ОТПРАВЛЕНИЯ ФОРМЫ
    */
        /* Контейнер кнопки */
        .t-form__submit {
            display: inline-block !important;
            width: 214px !important;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            vertical-align: top !important;
            position: relative;
            top: 2px;
            height: 52px !important;
            margin-bottom: 2px;
        }
    
        /* Кнопка */
        .t-submit {
            box-shadow: none !important;
            padding: 0 !important;
            color: #0b2330 !important;
            font-size: 18px;
            line-height: 1.22;
            height: 52px !important;
            position: relative !important;
            padding-right: 10px !important;
        }
    
        /* Стрелка-треугольник внутри кнопки */
        .t-submit:before, .t-submit:after {
            content: "";
            display: block;
            width: 6px;
            height: 12px;
            background-size: 6px 12px;
            background-position: left center;
            background-repeat: no-repeat;
            position: absolute;
            right: 29px;
            top: 20.5px;
        }
        .t-submit:before {
            background-image: url(https://static.tildacdn.com/tild3937-3762-4766-b362-613638353561/triangle.svg);
        }
        .t-submit:after {
            opacity: 0;
            background-image: url(https://static.tildacdn.com/tild3561-3535-4938-b437-663430336134/triangle_black-A40.svg);
            transition: opacity 0.3s ease;
        }
    
        /* Эффект наведения */
        .t-form__submit:hover .t-submit {
            background-color: #F15F43 !important;
            color: white !important;
        }
        .t-form__submit:hover .t-submit:after {
            opacity: 1;
        }
    
    /*
    СТИЛИ ОШИБОК ВВОДА
    */
        /* Подпись ошибки */
        .t-input-error {
            position: absolute;
            display: none !important;
        }
    
        /* Обводка и цвет текста полей, содержащих ошибку */
        .t-form .js-error-control-box .t-input {
            border: 2px solid #E0E5E7 !important;
            border: 2px solid #F15F43 !important;
            color: #F15F43 !important;
        }
        /* Подсказка внутри поля с ошибкой */
        .t-form .js-error-control-box .t-input::placeholder {
            color: #F15F43 !important;
            opacity: 1 !important;
        }
        /* Обводка сгруппированных полей */
        .t-form .js-error-control-box .t-input-block:after {
            border-color: #F15F43 !important;
        }

        /* Выключаем стандартную обводку к чекбоксов, 
           радио-кнопок и выпадающих списков */
        .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-select__wrapper, 
        .t-form .js-error-control-box .t-radio__wrapper, 
        .t-form .js-error-control-box .uploadcare-widget {
            border: none !important;
        }   
    
        /* Добавляем цветную обводку и цвет текста выпадающим 
           спискам при ошибке*/
        .t-form .js-error-control-box .select-selected {
            border-color: #F15F43 !important;   
            color: #F15F43 !important;
        }
    
        /* Отключаем отступы вокруг элементов с ошибками: 
           радио-кнопок и чекбоксов */
        .t-form .js-error-control-box .t-checkboxes__wrapper, 
        .t-form .js-error-control-box .t-radio__wrapper, 
        .t-form .js-error-control-box .t-checkbox__control {
            padding: 0 !important;
        }
    
        /* Цвет обводки чекбокса с иконкой при ошибке */
        .t-form .js-error-control-box .t-checkbox__indicator {
            box-shadow: inset 0 0 0 2px #F15F43;
        }
    
        /* Отключаем блок ошибки перед кнопкой */
        .t-form__errorbox-middle {display: none;}
    
    
    

    /*-----------------------------------------------------
    КНОПКА «ЗАКРЫТЬ» ВСПЛЫВАЮЩИХ ФОРМ И КОРЗИНЫ
    -----------------------------------------------------*/
    
    /* Кнопка закрыть */
    .t-popup__close,
    .t706__cartwin-close {
        width: 114px;
        height: 44px;
        top: 28px;
        right: 32px;
        background-color: white;
        border-radius: 44px;
    }
    
    /* Добавляем текст «Закрыть» */
    .t-popup__close:before,
    .t706__cartwin-close:before {
        content: "Закрыть";
        display: block;
        font-family: Noah, sans-serif;
        font-weight: 700;
        font-size: 15px;
        color: #0B2330;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding-top: 13px;
        padding-left: 20px;
        border-radius: inherit;
        background: inherit;
        transition: all 0.3s ease;
    }
    
    /* Тень кнопки */
    .t-popup__close:after,
    .t706__cartwin-close:after {
        content: "";
        display: block;
        width: calc(100% - 2*10px);
        height: 100%;
        position: absolute;
        left: 10px;
        top: 0;
        border-radius: inherit;
        box-shadow: 0 8px 14px #234D70;
        opacity: 0.2;
        z-index: -1;
        transition: all 0.3s ease;
    }
    
    /* Отключаем стандартную иконку */
    .t-popup__close-icon,
    .t706__cartwin-close-icon {display: none;}
    
    /* Иконка */
    .t-popup__close-wrapper,
    .t706__cartwin-close-wrapper {
        width: 18px;
        height: 18px;
        background-image: url(https://static.tildacdn.com/tild6433-3835-4165-b131-373232616437/cross.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        right: 16px;
        top: 13px;
    }
    
    /* Иконка для эффекта наведения */
    .t-popup__close-wrapper:after,
    .t706__cartwin-close-wrapper:after {
        content: "";
        display: inherit;
        width: inherit;
        height: inherit;
        position: inherit;
        right: 0;
        top: 0;
        background-image: url(https://static.tildacdn.com/tild3434-3162-4339-b033-363766643465/cross_black-a40.svg);
        background-size: inherit;
        background-position: inherit;
        background-repeat: inherit;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    
    /* Эффект наведения */
    .t-popup__close:hover,
    .t706__cartwin-close:hover {opacity: 1;}
    .t-popup__close:hover:before,
    .t706__cartwin-close:hover:before {
        background: #F15F43;
        color: white;
    }
    .t-popup__close:hover:after,
    .t706__cartwin-close:hover:after {
        box-shadow: 0 8px 24px #F15F43;
        opacity: 0.7;
    }
    .t-popup__close:hover .t-popup__close-wrapper:after,
    .t706__cartwin-close:hover .t706__cartwin-close-wrapper:after {
        opacity: 1;
    }
    
    
    

    /*-----------------------------------------------------
    СТИЛИ КОРЗИНЫ
    -----------------------------------------------------*/
    
    /* Фикс иконки корзины в IE11 */
    .t706__carticon {top: auto;}
    
    /* Цвет, размер и тень круглой кнопки корзины */
    .t706__carticon-imgwrap {
        background: white;
        position: relative;
        width: 74px;
        height: 74px;
        box-shadow: 0px 10px 16px rgba(35, 77, 112, 0.2);
    }
    
    /* Убираем появляющийся текст «=сумма корзины» */
    .t706__carticon-text {display: none !important;}
    
    /* Стиль текста и размер счётчика в кнопке корзины */
    .t706__carticon-counter {
        font-family: "Noah", sans-serif;
        font-weight: 700;
        width: 28px;
        height: 28px;
        line-height: 28px;
    }
    
    /* Отключаем стандартную иконку в кнопке корзины */
    .t706__carticon-img {display: none;}
    
    /* Новая иконка в кнопке корзины */
    .t706__carticon-imgwrap:before {
        content: "";
        display: block;
        width: 30px;
        height: 26px;
        position: absolute;
        top: 50%;
        left: 50%;
        background-image: url(https://static.tildacdn.com/tild3731-3432-4362-a363-333035383737/Cart.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transform: translate(-50%, -50%);
    }
    
    /* Овелей корзины */
    .t706__cartwin_showed {
        background-color: rgba(235, 240, 242, 0.8);
    }
    
    /* Всплывающая область корзины (контейнер) */
    .t706__cartwin-content {
        width: 760px !important;
        max-width: none;
        border-radius: 26px;
        display: flex;
        flex-direction: column;
        background-color: #f2f6f7;
        padding: 42px 48px 48px 48px;
        position: relative;
        overflow: visible;
    }
    
    /* Тень области корзины */
    .t706__cartwin-content:before {
        content: "";
        display: block;
        position: absolute;
        left: 16px;
        top: 0;
        width: calc(100% - 2*16px);
        height: 100%;
        box-shadow: 0 16px 28px rgba(25, 77, 112, 0.22);
        border-radius: inherit;
        z-index: -1;
    }
    
    /* Дублируем фон области корзины */
    .t706__cartwin-content:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-color: inherit;
        border-radius: inherit;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    
    /* Порядок элементов внутри контейнера */
    .t706__cartwin-top {order: 1;}
    .t706__cartwin-products {order: 3;}
    .t706__cartwin-bottom {order: 4;}
    .t706__form-upper-text {order: 2;}
    .t706__orderform {order: 5;}
    
    /* Контейнер заголовка корзины */
    .t706__cartwin-top {
        padding: 0;
        border: none;
    }
    
    /* Заголовок корзины */
    .t706__cartwin-heading {
        font-size: 48px;
        line-height: 52px;
        position: relative;
        left: -2px;
    }
    
    /* Текст под заголовком (текст над формой в Тильде) */
    .t706__form-upper-text {
        margin-top: 10px;
        padding: 0;
        padding-bottom: 36px;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        color: rgba(11, 35, 48, 0.7);
        max-width: 500px;
        position: relative;
    }
    .t706__form-upper-text:after {
        content: "";
        display: block;
        width: 760px;
        height: 1px;
        position: absolute;
        bottom: -1px;
        left: -48px;
        opacity: 0.08;
        background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 50%, rgba(0, 0, 0, 0) 100%);
        border-radius: 0.5px;
    }
    
    /*
    ТОВАРЫ В КОРЗИНЕ
    */
        /* Контейнер всех товаров */
        .t706__cartwin-products {
            display: flex;
            flex-direction: column;
        }
    
        /* Контейнер товара */
        .t706__product {
            display: flex;
            height: 129px;
            align-items: center;
            position: relative;
        }
    
        /* Нижняя граница-разделитель */
        .t706__product:after {
            content: "";
            display: block;
            width: calc(100% + 2*48px);
            height: 1px;
            position: absolute;
            bottom: -1px;
            left: -48px;
            opacity: 0.08;
            background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 50%, rgba(0, 0, 0, 0) 100%);
            border-radius: 0.5px;
        }
    
        /* Изображение товара */
        .t706__product-thumb {
            display: block;
            width: 80px;
            height: 80px;
            padding: 0;
            margin-right: 20px;
        }
        .t706__product-imgdiv {
            width: 100%;
            height: 100%;
            background-color: transparent;
        }
    
        /* Название корма */
        .t706__product-title {
            display: block;
            padding: 0;
            font-size: 18px;
            line-height: 26px;
            color: #0B2330;
            position: relative;
            top: 1px;
            flex-grow: 1;
        }
    
        /* Добавляем Alltech® Coppens к названию */
        .t706__product-title a:before {
            content: "Alltech® Coppens ";
        }
    
        /* Опции товара (размер гранулы) */
        .t706__product-title div {
            font-size: 15px !important;
            line-height: 20px;
            font-weight: 500 !important;
            margin-top: 2px;
        }
    
        /* Отключаем цену в товаре */
        .t706__product-amount {display: none;}
    
        /* Контейнер количества товара и кнопок «+»/«-» */
        .t706__product-plusminus {
            width: 116px;
            height: 52px;
            border-radius: 100px;
            border: 2px solid #E0E5E7;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 14px;
        }
    
        /* Иконки «+»/«-» */
        .t706__product-plus, 
        .t706__product-minus {
            opacity: 1;
            width: 18px;
            height: 18px;
            background-size: 10px 10px;
            background-position: center;
            background-repeat: no-repeat;
        }
        .t706__product-minus {
            background-image: url(https://static.tildacdn.com/tild6339-3035-4239-a337-313562626361/minus_orange.svg);
        }
        .t706__product-plus {
            background-image: url(https://static.tildacdn.com/tild3634-3039-4664-b132-303161366663/plus_orange.svg);
        }
    
        /* Отключаем стандартные иконки «+»/«-» */
        .t706__product-plus img, 
        .t706__product-minus img {display: none;}
    
        /* Количество товара */
        .t706__product-quantity {
            display: block;
            text-align: center;
            font-size: 18px;
            font-weight: 500;
            color: #0B2330;
            line-height: 22px;
            width: 22px;
            height: 22px;
            position: relative;
            top: 1px;
            border-radius: 6px;
            border: none !important;
            padding: 2px 6px 1px 6px;
            cursor: text;
            transition: background 0.2s ease;
        }
    
        .t706__product-quantity:hover {
            background: #E8EDEF;
        }
        
        .t706__product-quantity input {
            border: none !important;
            background: #E8EDEF;
            border-radius: inherit;
            font-family: inherit;
            font-weight: 500;
            font-size: inherit;
            line-height: inherit;
            color: inherit;
            text-align: inherit;
            width: 22px !important;
            height: 22px;
            padding: 2px 6px 1px 6px;
            position: absolute;
            top: 0;
            left: 0;
        }
    
        /* Иконка удаления товара */
        .t706__product-del {
            display: block;
            width: 20px;
            height: 22px;
            padding: 0;
            box-sizing: border-box;
            background-image: url(https://static.tildacdn.com/tild3937-3730-4166-b234-363561353535/trash_marine-a20.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: contain;
            opacity: 1;
            position: relative;
            bottom: 1px;
            margin-left: 35px;
        }
        /* Точка-разделитель */
        .t706__product-del:before {
            content: "";
            display: block;
            width: 3px;
            height: 3px;
            position: absolute;
            left: -19px;
            top: 10px;
            background-color: #D0D0D0;
            border-radius: 3px;
        }
        /* Отключаем стандартную иконку */
        .t706__product-del img {display: none;}
        /* Оранжевая иконка для эффекта наведения */
        .t706__product-del:after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background-repeat: inherit;
            background-size: inherit;
            background-position: inherit;
            background-image: url(https://static.tildacdn.com/tild3865-3262-4637-b337-633463303434/trash_orange.svg);
            opacity: 0;
            transition: opacity 0.2s ease;
        }
        /* Эффект наведения */
        .t706__product-del:hover:after {opacity: 1;}
    
    /* Область под товарами */
    .t706__cartwin-bottom {
        padding: 0;
        border: none;
        height: 36px;
    }
    
    /*
    ПОЛЯ В ФОРМЕ ЗАКАЗА КОРЗИНЫ
    */
        /* Ширина полей названия организации и города */
        .t706 .t-input-group:nth-child(7),
        .t706 .t-input-group:nth-child(10) {
            width: 515px;
        }
    
        /* Город или населённый пункт */
        .t706 .t-input-group:nth-child(10) {
            display: inline-block;
            margin-right: 30px;
        }
    
        /* Почтовый индекс */
        .t706 .t-input-group:nth-child(11) {
            width: 119px;
            display: inline-block;
        }
        .t706 .t-input-group:nth-child(11) .t-input {
            padding-right: 22px !important;
        }
    
    /* Убираем нижний отступ контейнера формы заказа */
    .t706__orderform {margin-bottom: 0;}


}   
/*---------------------------------------------------------
КОНЕЦ СТИЛЕЙ ВЕРСИИ НАСТОЛЬНЫХ ПК (1200px+)
---------------------------------------------------------*/

/*---------------------------------------------------------
СТИЛИ МОБИЛЬНОЙ ВЕРСИИ (320–480px)
---------------------------------------------------------*/
@media screen and (max-width: 480px) {
    
    /* Убираем фон страницы из настольных стилей */
    #allrecords {background: none !important;}
    
    /* Фон фиксированного меню */
    .t280__container__bg {
        background-image: url(https://static.tildacdn.com/tild6362-6461-4162-b336-653962326432/header_bg.png);
        background-size: 480px 74px;
        background-position: top right;
    }
    
    /* Иконка «бургер» */
    .t280__burger {margin-top: -11px !important;}
    .t280__burger span {border-radius: 2px;}
    .t280__burger span:nth-child(2), 
    .t280__burger span:nth-child(3) {
        top: 5px !important;
        left: 4px !important;
        width: 18px;
    }
    .t280__burger span:nth-child(4) {
        top: 10px !important;
        left: 8px;
        width: 14px;
    }
    
    /* Прозрачность основного текста */
    #rec210771598 .t-text,
    #rec211874357 .t-text {opacity: 0.8;}
    
    /* Кнопка */
    .button-primary {
        display: block;
        border-radius: 99px;
        position: relative;
    }
    .button-primary:before {
        content: "";
        width: calc(100% - 2*8px);
        height: 100%;
        position: absolute;
        left: 8px;
        top: 0;
        border-radius: inherit;
        box-shadow: 0 8px 14px rgba(35, 77, 112, 0.18);
        z-index: -1;
    }
    .button-primary .tn-atom {
        border: 0;
        display: inline-block;
        width: 100%;
        height: 100%;
        box-shadow: none !important;
        box-sizing: border-box;
        padding-top: 11px;
    }
    .button-primary .tn-atom:after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 12px;
        margin-left: 6px;
        position: relative;
        top: 1px;
        background-image: url(https://static.tildacdn.com/tild6365-6132-4536-b634-373263393133/triangle_orange.svg);
        background-size: contain;
        background-position: left center;
        background-repeat: no-repeat;
    }
    
    /* Текст справа от иконки «Инфо» под кнопкой */
    .t512__textwrapper {
        padding-left: 10px !important;
        opacity: 0.7;
    }
    
    /* Плитки скачивания каталогов кормов */
    .index-catalog-tile {position: relative;}
    .index-catalog-tile:before {
        content: "";
        display: block;
        width: calc(100% - 2*16px);
        height: 100%;
        border-radius: 100px;
        position: absolute;
        left: 16px;
        top: 0;
        box-shadow: 0 16px 20px rgba(35, 77, 112, 0.22);
        z-index: -1;
        pointer-events: none;
    }
    .index-catalog-tile .tn-atom {box-shadow: none !important;}
    
    /* Тень кнопки вызова формы заказа икры */
    .tn-elem__2132708461595300243242:before {box-shadow: 0 16px 16px rgba(11, 35, 48, 0.36); !important;}
    
    /* Текст «Атлантический лосось» в плитке скачивания икры */
    .tn-elem__2132708461595300654430 {letter-spacing: -0.25px;}
    
    /* Исправляем z-index у фонового изображения секции оборудования */
    .tn-elem__2132726671595302500536 {z-index: -1 !important;}
    
    /* Логотип в мобильном меню */
    .t280__menu__container:before {
        content: "";
        display: block;
        width: 103px;
        height: 20px;
        position: absolute;
        top: 22px;
        left: 0;
        background-image: url(https://static.tildacdn.com/tild6561-6236-4135-b237-656661636233/alfeus_logo_dark.svg);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: contain;
    }
    
    /* Полоса под логотипом в мобильном меню */
    .t280__menu__container:after {
        content: "";
        display: block;
        width: 480px;
        height: 10px;
        position: absolute;
        left: 50%;
        top: 57px;
        transform: translateX(-50%);
        background-image: url(https://static.tildacdn.com/tild6563-3663-4439-b966-643463313961/alfeus_menu_border.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center top;
    }
    
    /* Сдвигаем меню наверх */
    .t280__menu {
        top: 120px !important;
        transform: translateY(0) !important;
    }
    
    /* Пункт-ссылка меню  */
    .t280__menu__item {
        text-align: left;
        margin: 24px auto;
        position: relative;
    }
    
    /* Стрелочки справа от пунктов меню */
    .t280__menu__item:after {
        content: "";
        display: block;
        width: 6px;
        height: 12px;
        position: absolute;
        right: 5px;
        top: 10px;
        background-image: url(https://static.tildacdn.com/tild6365-6132-4536-b634-373263393133/triangle_orange.svg);
        background-size: contain;
        background-position: top left;
        background-repeat: no-repeat;
    }
    
    
    /*
    МОДАЛЬНОЕ ОКНО ФОРМЫ
    */
    
    /* Отступ снизу модального окна формы */
    .t702__wrapper {padding-bottom: 60px;}
    
    /* Скрываем элементы выпадающего списка настольной 
       версии (используем нативный) */
    .select-selected,
    .select-items {display: none;}
    
    /* Область закрытия модального окна формы */
    .t-popup__close {
        background: url(https://static.tildacdn.com/tild6362-6461-4162-b336-653962326432/header_bg.png) !important;
        background-size: 480px 74px !important;
        background-position: top right !important;
        height: 74px !important;
    }
    
    /* Крест закрытия модального окна формы */
    .t-popup__close-icon {
        position: relative;
        bottom: 5px;
        right: 2px;
        width: 13px !important;
        height: 13px;
        transform: scale(1.05);
    }
    .t-popup__close-icon g {
        stroke: #F15F43;
        stroke-width: 1.5;
    }
    
    /* Заголовок модального окна формы */
    .t702__title {
        font-size: 24px;
        line-height: 26px;
        margin-top: -27px;
        margin-bottom: 8px;
    }
    
    /* Описание модального окна формы */
    .t702__descr {
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px;
        opacity: 0.8 !important;
        margin-bottom: 25px;
    }
    
    /* Поле-отступ между описанием и первым полем */
    .t-input-group:nth-child(1) {display: none;}
    
    /* Названия полей формы */
    .t-input-title {
        font-size: 13px;
        line-height: 17px;
        color: rgba(11, 35, 48, 0.8);
        padding-bottom: 0 !important;
        margin-bottom: 7px;
        display: inline-block;
        position: relative;
    }
    .t-input-title.required:after {
        content: "";
        display: block;
        width: 4px;
        height: 4px;
        border-radius: 4px;
        background-color: #F15F43;
        position: absolute;
        right: 4px;
        top: 3px;
    }
    
    /* Поля и выпадающие списки */
    .t-input, 
    .t-select {
        height: 42px !important;
        font-weight: 500;
        padding-left: 20px !important;
    }
    
    /* Треугольник-стрелка в выпадающих списках */
    .t-select__wrapper:after {
        content: "";
        border: none;
        width: 6px;
        height: 12px;
        background-image: url(https://static.tildacdn.com/tild6365-6132-4536-b634-373263393133/triangle_orange.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 6px 12px;
        transform: rotate(90deg);
    }
    
    /* Поле-разделитель */
    .t-input-group_ws {
        position: relative;
        height: 24px !important;
        margin-bottom: 18px !important;
    }
    .t-input-group_ws:after {
        content: "";
        display: block;
        width: 360px;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url(https://static.tildacdn.com/tild3561-6130-4361-b431-643636386332/divider_fade_dark.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 360px 1px;
    }
    
    /* Группа с чекбоксом и тексом согласия */
    .t-input-group_cb {padding-top: 2px;}
    
    /* Кастомный чекбокс */
    .t-checkbox__indicator {
        width: 44px;
        height: 44px;
        margin-bottom: 20px;
        border-radius: 22px;
        position: relative;
        bottom: 1px;
        float: left;
        border: none;
        box-shadow: inset 0 0 0 2px rgba(11, 35, 48, 0.08);
        opacity: 1;
        transition: box-shadow 0.3s ease;
    }
    .t-checkbox__control:hover .t-checkbox__indicator,
    .t-checkbox__indicator:hover {
        box-shadow: inset 0 0 0 2px #F15F43;
    }

    /* Иконка внутри чекбока */
    .t-checkbox__indicator:before,
    .t-checkbox__indicator:after {
        width: 18px;
        height: 18px;
        left: 13px;
        top: 13px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    .t-checkbox__indicator:before {
        content: "";
        display: block;
        position: absolute;
        background-image: url(https://static.tildacdn.com/tild3737-6564-4533-b965-366135393537/check-circle_marine-.svg);
    }
    .t-checkbox__indicator:after {
        border: none;
        background-image: url(https://static.tildacdn.com/tild6638-3735-4639-b362-613765386339/check-circle_orange.svg);
        transform: none;
    }
    
    /* Текст согласия */
    .t-checkbox__control {
        font-size: 14px;
        line-height: 20px;
        color: rgba(11, 35, 48, 0.8);
    }
    
    /* Кнопка отправления формы */
    .t-form__submit {
        height: 44px !important;
        position: relative;
    }
    .t-form__submit:before {
        content: "";
        display: block;
        width: calc(100% - 2*8px);
        height: 100%;
        border-radius: 22px;
        position: absolute;
        top: 0;
        left: 8px;
        box-shadow: 0 8px 12px rgba(35, 77, 112, 0.2);
    }
    .t-submit {
        box-shadow: none !important;
        height: 44px !important;
    }
    
    /* Треугольник-стрелка в кнопке */
    .t-submit:after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 12px;
        background-image: url(https://static.tildacdn.com/tild6365-6132-4536-b634-373263393133/triangle_orange.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 6px 12px;
        margin-left: 6px;
        position: relative;
        top: 1px;
    }
    
    /* Ошибки ввода и подписи */
    .t-form .js-error-control-box .t-input, 
    .t-form .js-error-control-box .t-checkboxes__wrapper, 
    .t-form .js-error-control-box .t-select, 
    .t-form .js-error-control-box .t-radio__wrapper, 
    .t-form .js-error-control-box .uploadcare-widget {border: 2px solid #F15F43 !important;}
    
    /* Подписи ошибок */
    .t-input-error {
        font-weight: 500 !important;
        font-size: 13px !important;
        color: #F15F43;
        margin-top: 8px;
    }
    
    /* Ошибка чекбокса согласия */
    .t-form .js-error-control-box .t-checkbox__control {border: none !important;}
    .t-input-group_cb.js-error-control-box .t-input-error {
        display: none !important;
    }
    .t-form .js-error-control-box .t-checkbox__indicator {
        box-shadow: inset 0 0 0 2px #F15F43 !important;
    }
    
    /* Плитка ошибки над кнопкой отправления формы */
    .t-form__errorbox-wrapper {
        background: #EBF0F2 !important;
        border-radius: 8px;
    }
    .t-form__errorbox-text {
        font-weight: 700;
        font-size: 16px !important;
        color: #F15F43;
    }
    
    /* Отключаем кнопку корзины */
    .t706 {display: none;}
}
/*---------------------------------------------------------
КОНЕЦ СТИЛЕЙ МОБИЛЬНОЙ ВЕРСИИ (320–480px)
---------------------------------------------------------*/