/* ================================================= */
/* ================= НАСТРОЙКИ ===================== */
/* ================================================= */

:root {
    --ticker-height-desktop: 50px;
    --ticker-height-mobile: 40px;
    --ticker-bg: #274711;
    --ticker-color: #edc785;
    --ticker-gap-desktop: 32px;
    --ticker-gap-mobile: 28px;
}

/* ================================================= */
/* ================= АНИМАЦИЯ ====================== */
/* ================================================= */

@keyframes tickerMove {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* ================================================= */
/* =============== ДЕСКТОП ========================= */
/* ================================================= */

@media (min-width: 981px) {

    /* место под строку */
    .t-menu-base__maincontainer {
        padding-top: var(--ticker-height-desktop);
        box-sizing: border-box;
    }

    /* бегущая строка */
    .t-menu-base__maincontainer::before {
        content:
        "БОЛЬШОЙ АССОРТИМЕНТ • ДОСТАВКА С 10-00 ДО 21-00 • ФОТО БУКЕТА ПЕРЕД ОТПРАВКОЙ • ПОДАРОЧНЫЙ СЕРТИФИКАТ • "
        "БОЛЬШОЙ АССОРТИМЕНТ • ДОСТАВКА С 10-00 ДО 21-00 • ФОТО БУКЕТА ПЕРЕД ОТПРАВКОЙ • ПОДАРОЧНЫЙ СЕРТИФИКАТ • ";

        position: absolute;
        top: 0;
        left: 0;
        height: var(--ticker-height-desktop);

        display: inline-flex;
        align-items: center;
        white-space: nowrap;

        background: var(--ticker-bg);
        color: var(--ticker-color);

        font-family: 'FuturaPT', 'Futura PT', Futura, 'Tilda Sans', Arial, sans-serif;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.04em;
        line-height: 1.25;

        padding-right: var(--ticker-gap-desktop);

        pointer-events: none;
        z-index: 1;

        animation: tickerMove 32s linear infinite;
    }

    /* меню поверх строки */
    .t-menu-base__maincontainer > * {
        position: relative;
        z-index: 2;
    }

    /* пауза при hover */
    @media (hover: hover) {
        .t-menu-base__maincontainer:hover::before {
            animation-play-state: paused;
        }
    }
}

/* ================================================= */
/* ================= МОБИЛКА ======================= */
/* ================================================= */

@media (max-width: 980px) {

    /* место под строку — ТОЛЬКО у первого меню */
    .tmenu-mobile:first-of-type {
        padding-top: var(--ticker-height-mobile);
        box-sizing: border-box;
    }

    /* бегущая строка — ТОЛЬКО ОДНА */
    .tmenu-mobile:first-of-type::before {
        content:
        "БОЛЬШОЙ АССОРТИМЕНТ • ДОСТАВКА С 10-00 ДО 21-00 • ФОТО БУКЕТА ПЕРЕД ОТПРАВКОЙ • ПОДАРОЧНЫЙ СЕРТИФИКАТ • "
        "БОЛЬШОЙ АССОРТИМЕНТ • ДОСТАВКА С 10-00 ДО 21-00 • ФОТО БУКЕТА ПЕРЕД ОТПРАВКОЙ • ПОДАРОЧНЫЙ СЕРТИФИКАТ • ";

        position: absolute;
        top: 0;
        left: 0;
        height: var(--ticker-height-mobile);

        display: inline-flex;
        align-items: center;
        white-space: nowrap;

        background: var(--ticker-bg);
        color: var(--ticker-color);

        font-family: 'FuturaPT', 'Futura PT', Futura, 'Tilda Sans', Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.03em;
        line-height: 1.3;

        padding-right: var(--ticker-gap-mobile);

        pointer-events: none;
        z-index: 1;

        animation: tickerMove 32s linear infinite;
    }

    /* меню поверх строки */
    .tmenu-mobile > * {
        position: relative;
        z-index: 2;
    }

    /* скрываем строку у клонированных меню */
    .tmenu-mobile:not(:first-of-type)::before {
        display: none !important;
    }
}