.mobile-horizontal-scroll-hint {
    display: none;
}

@media (max-width: 767px) {
    .mobile-horizontal-scroll-hint.is-visible {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        width: max-content;
        max-width: 100%;
        margin: -8px 0 16px;
        padding: 7px 11px;
        border: 1px solid #cfe2f1;
        border-radius: 999px;
        background: #f2f8fd;
        color: #496b88;
        font-size: 12px;
        font-weight: 800;
        line-height: 1.35;
        box-shadow: 0 5px 14px rgba(20, 76, 113, .06);
    }

    .mobile-horizontal-scroll-hint i {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        justify-content: center;
        color: #1680b6;
    }

    .mobile-horizontal-scroll-hint .fa-long-arrow-right {
        animation: mobile-horizontal-scroll-hint-nudge 1.35s ease-in-out infinite;
    }

    [data-mobile-horizontal-scroll-track].has-hidden-horizontal-content {
        scroll-snap-type: x proximity;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-horizontal-scroll-hint .fa-long-arrow-right {
        animation: none;
    }
}

@keyframes mobile-horizontal-scroll-hint-nudge {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(4px); }
}