/* Florcat catalogue navigation, 2026-10-30. */
.fc-category-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    color: var(--color-rose-100, #ff4f7d);
    vertical-align: middle;
    object-fit: contain;
}
.menu-dropdown a, .menu-dropdown li > span { align-items: flex-start; }
.menu-dropdown .fc-category-icon { margin-top: 0; }
.sect-item .fc-category-icon { width: 32px; height: 32px; flex-basis: 32px; margin-right: 0; }
.mobile-menu a > .fc-category-icon { margin-right: 12px; }
.mobile-menu-child a { gap: 0; }
@media (min-width: 1200px) {
    .header-middle--catalog .fc-catalog-panel {
        width: 320px;
        max-width: calc(100vw - 24px);
        max-height: calc(100vh - var(--fc-catalog-top, 170px) - 12px);
        max-height: calc(100dvh - var(--fc-catalog-top, 170px) - 12px);
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior-y: contain;
        scrollbar-gutter: stable;
        scrollbar-width: thin;
        scrollbar-color: #e5b4c1 #fff;
        box-sizing: border-box;
    }
    .header-middle--catalog .fc-catalog-panel > ul > li > a,
    .header-middle--catalog .fc-catalog-panel > ul > li > span {
        width: 100%;
        display: flex;
        min-height: 42px;
        gap: 14px;
        box-sizing: border-box;
    }
    .header-middle--catalog .fc-catalog-panel .fc-catalog-all {
        margin-bottom: 6px;
        border-bottom: 1px solid #f4e4e9;
        padding-bottom: 6px;
    }
    .header-middle--catalog:focus-within .fc-catalog-panel { display: block; }
    .header-middle--catalog.fc-catalog-dismissed .fc-catalog-panel { display: none; }
    .header-menu .menu-item:focus-within > .menu-dropdown { display: flex; }
    .header-menu .menu-dropdown {
        max-height: calc(100dvh - var(--fc-catalog-top, 230px) - 12px);
        overflow-y: auto;
        overscroll-behavior-y: contain;
    }
    .header-menu .menu-dropdown > ul { flex-shrink: 0; }
    .fc-catalog-panel a:focus-visible,
    .header-menu .menu-dropdown a:focus-visible {
        outline: 2px solid var(--color-rose-100, #ff4f7d);
        outline-offset: -2px;
    }
}