@media (max-width: 699px) {
    html.ubd-category-ready body#category [data-ubd-submenu-icons-ready="true"] {
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
    }

    html.ubd-category-ready body#category [data-ubd-submenu-icons-ready="true"] .ubd-submenu-text-nav,
    html.ubd-category-ready body#category [data-ubd-submenu-icons-ready="true"] .ubd-submenu-native-shell,
    html.ubd-category-ready body#category [data-ubd-submenu-icons-ready="true"] .ubd-submenu-native-track,
    html.ubd-category-ready body#category [data-ubd-submenu-icons-ready="true"] .ubd-submenu-source-hidden {
        display: none !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-shell {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-hint {
        display: inline-flex !important;
        align-items: center !important;
        gap: 7px !important;
        margin: -2px 0 10px !important;
        padding: 6px 10px !important;
        border-radius: 999px !important;
        background: #f5eee6 !important;
        color: #526369 !important;
        font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: .025em !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-hint b {
        color: #e7793e !important;
        font-size: 15px !important;
        line-height: .8 !important;
        animation: ubdSubmenuNudge 1.5s ease-in-out infinite !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-viewport {
        position: relative !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-nav {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: clamp(106px, 34vw, 126px) !important;
        align-items: start !important;
        gap: 10px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 2px 54px 8px 2px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-inline: contain !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x proximity !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-nav::-webkit-scrollbar {
        display: none !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-nav > a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px 7px 10px !important;
        border: 1px solid rgba(24,51,58,.08) !important;
        border-radius: 20px !important;
        background: linear-gradient(180deg, #fff 0%, #fbf7f2 100%) !important;
        color: #18333a !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: 0 9px 20px rgba(24,51,58,.075) !important;
        scroll-snap-align: start !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-nav > a:nth-child(5n+1) { box-shadow: inset 0 -4px 0 rgba(231,146,60,.48), 0 9px 20px rgba(24,51,58,.075) !important; }
    html.ubd-category-ready body#category .ubd-submenu-icon-nav > a:nth-child(5n+2) { box-shadow: inset 0 -4px 0 rgba(235,123,85,.45), 0 9px 20px rgba(24,51,58,.075) !important; }
    html.ubd-category-ready body#category .ubd-submenu-icon-nav > a:nth-child(5n+3) { box-shadow: inset 0 -4px 0 rgba(239,194,94,.55), 0 9px 20px rgba(24,51,58,.075) !important; }
    html.ubd-category-ready body#category .ubd-submenu-icon-nav > a:nth-child(5n+4) { box-shadow: inset 0 -4px 0 rgba(147,181,109,.52), 0 9px 20px rgba(24,51,58,.075) !important; }
    html.ubd-category-ready body#category .ubd-submenu-icon-nav > a:nth-child(5n) { box-shadow: inset 0 -4px 0 rgba(93,160,132,.50), 0 9px 20px rgba(24,51,58,.075) !important; }

    html.ubd-category-ready body#category .ubd-submenu-icon-media {
        display: grid !important;
        place-items: center !important;
        width: 82px !important;
        height: 82px !important;
        margin: 0 auto !important;
        padding: 6px !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        background: #fff !important;
        border: 2px solid rgba(231,146,60,.22) !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-media img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        margin: auto !important;
        object-fit: contain !important;
        object-position: center !important;
        border-radius: 50% !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-nav strong {
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
        min-height: 30px !important;
        color: #24383d !important;
        font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        text-wrap: balance !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-fade {
        display: none !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 72px !important;
        pointer-events: none !important;
        background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.96) 76%) !important;
        z-index: 2 !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-next {
        display: none !important;
        position: absolute !important;
        right: 7px !important;
        top: 42px !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #18383f !important;
        color: #fff !important;
        font-size: 21px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        box-shadow: 0 10px 24px rgba(24,56,63,.25) !important;
        z-index: 3 !important;
        cursor: pointer !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-shell.has-more:not(.is-at-end) .ubd-submenu-icon-fade {
        display: block !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-shell.has-more:not(.is-at-end) .ubd-submenu-icon-next {
        display: flex !important;
    }

    html.ubd-category-ready body#category .ubd-submenu-icon-shell.is-scrolled .ubd-submenu-icon-hint {
        opacity: .68 !important;
    }
}

@keyframes ubdSubmenuNudge {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(4px); }
}