/* Compact navigation only: the homepage and catalog keep their photo layouts. */
.zbsr-all-categories .zbsr-mega-panel {
    padding: 16px;
    border-radius: 0 0 16px 16px;
    background: #fafbf7;
}
.zbsr-all-categories .zbsr-panel-heading {
    margin-bottom: 12px;
    padding-bottom: 10px;
}
.zbsr-all-categories .zbsr-panel-heading > span {
    font-size: 21px;
}
.zbsr-all-categories .zbsr-mega-grid { gap: 12px; }
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group {
    gap: 6px;
    padding: 10px;
    border-radius: 12px;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 {
    font-size: 17px;
    line-height: 1.25;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 > a {
    min-height: 42px;
    gap: 7px;
    padding: 7px 9px;
    border-radius: 8px;
}
.zbsr-all-categories .zbsr-mega-group .zbsr-group-icon {
    width: 25px;
    height: 25px;
    border-radius: 6px;
}
.zbsr-all-categories .zbsr-mega-group .zbsr-group-icon .zbsr-icon {
    width: 17px;
    height: 17px;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul {
    flex: 1;
    padding: 5px 10px 5px 25px;
    border-radius: 8px;
}
.zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul > li > a {
    min-height: 28px;
    padding-block: 4px;
    font-size: 13px;
    line-height: 1.4;
}
@media (min-width: 1101px) {
    .zbsr-all-categories .zbsr-mega-panel {
        left: 0;
        right: 0;
        width: calc(100% - 2 * var(--zb-page-gutter, 24px));
        max-width: 1280px;
        margin-inline: auto;
        max-height: var(--zbsr-menu-height, calc(100dvh - 248px));
        overflow-y: auto;
        scrollbar-gutter: stable;
    }
    .zbsr-group-dropdown .zbsr-group-panel {
        max-height: var(--zbsr-menu-height, calc(100dvh - 248px));
    }
}
@media (min-width: 1600px) {
    .zbsr-all-categories .zbsr-mega-panel { max-width: 1480px; }
    .zbsr-all-categories .zbsr-mega-grid { grid-template-columns: repeat(6,minmax(0,1fr)); }
    .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 { font-size: 16px; }
    .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 > a { align-items: flex-start; min-height: 64px; }
    .zbsr-all-categories .zbsr-mega-group .zbsr-group-icon { display: none; }
}
@media (max-width: 1100px) {
    .zbsr-all-categories .zbsr-mega-panel { padding: 12px 0 16px; }
    .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 { font-size: 19px; }
    .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > h2 > a,
    .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul > li > a {
        min-height: 44px;
        padding-block: 9px;
    }
    .zbsr-all-categories .zbsr-mega-grid > .zbsr-mega-group > ul > li > a { font-size: 14px; }
}