/* ============================= */
/* ===== ВИЗУАЛ ТИКЕРА ===== */
/* ============================= */

:root {
    --ticker-height: 50px;
    --ticker-bg: #274711;     /* тёмно-зелёный */
    --ticker-color: #edc785;  /* тёплый бежевый */
}

/* ============================= */
/* ===== МЕСТО ПОД СТРОКУ ===== */
/* ============================= */

.t-menu-base__maincontainer,
.tmenu-mobile {
    padding-top: var(--ticker-height) !important;
    box-sizing: border-box;
    overflow: hidden;
}

/* ============================= */
/* ===== БЕСКОНЕЧНАЯ СТРОКА ===== */
/* ============================= */

.t-menu-base__maincontainer::before,
.t-menu-base__maincontainer::after,
.tmenu-mobile::before,
.tmenu-mobile::after {
    content: "Большой ассортимент • Круглосуточная доставка • Фото букета перед отправкой • Рекомендации по уходу • Подарочный сертификат • Цветочная подписка • ";
    position: absolute;
    top: 0;
    height: var(--ticker-height);
    width: max-content;
    min-width: 200vw;
    padding-right: var(--ticker-gap); /* ← ВАЖНО */
    background: var(--ticker-bg);
    color: var(--ticker-color);
    display: flex;
    align-items: center;
    white-space: nowrap;
    font-family: 'FuturaPT', 'Futura PT', Futura, 'Tilda Sans', Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.04em;
    pointer-events: none;
    z-index: 1;
    animation: tickerMove 32s linear infinite;
}

/* первый слой */
.t-menu-base__maincontainer::before,
.tmenu-mobile::before {
    left: 0;
}

/* второй слой — для бесконечности */
.t-menu-base__maincontainer::after,
.tmenu-mobile::after {
    left: 100%;
}

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

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

/* ============================= */
/* ===== КОНТЕНТ МЕНЮ ПОВЕРХ ===== */
/* ============================= */

.t-menu-base__maincontainer > *,
.tmenu-mobile > * {
    position: relative;
    z-index: 2;
}

/* ============================= */
/* ===== ПАУЗА ПРИ HOVER (ПК) ===== */
/* ============================= */

@media (hover: hover) {
    .t-menu-base__maincontainer:hover::before,
    .t-menu-base__maincontainer:hover::after {
        animation-play-state: paused;
    }
}

/* ============================= */
/* ===== МОБИЛКА АККУРАТНЕЕ ===== */
/* ============================= */

@media (max-width: 480px) {
    :root {
        --ticker-height: 40px;
    }

    .t-menu-base__maincontainer::before,
    .t-menu-base__maincontainer::after,
    .tmenu-mobile::before,
    .tmenu-mobile::after {
        font-size: 14px;
        letter-spacing: 0.03em;
    }
}