/* Keep five direct categories and one More control on every viewport. */
.category-grid { position:relative; }
.category-more { min-width:0; }
.home-page .category-more>summary.category { height:100%; box-sizing:border-box; list-style:none; cursor:pointer; }
.category-more>summary::-webkit-details-marker { display:none; }
.category-more>summary:focus-visible,.more-category-panel a:focus-visible { outline:3px solid #008365; outline-offset:3px; }
.category-more[open]>summary.category { border-color:#008365; background:#eff9f5; color:#00664f; }
.more-category-panel { position:absolute; z-index:45; top:calc(100% + 10px); right:0; width:min(360px,100%); max-height:60vh; max-height:60svh; overflow-y:auto; overscroll-behavior:contain; padding:12px; border:1px solid #dce5e1; border-radius:12px; background:#fff; box-shadow:0 12px 32px #15243c24; }
.more-category-panel h3 { margin:4px 10px 10px; color:#58657a; font-size:13px; font-weight:600; }
.more-category-panel { max-height:var(--category-menu-height,60vh); }
.more-category-panel .more-category-link { display:grid; grid-template-columns:26px minmax(0,1fr) 12px; align-items:center; gap:12px; min-height:49px; padding:10px; color:#15243c; border-radius:6px; font-size:14px; text-decoration:none; }
.more-category-panel .more-category-link:hover,.more-category-panel .more-category-link.active { background:#eff9f5; color:#00664f; }
.more-category-panel .more-category-link>svg,.more-category-panel .more-category-link>.category-art { width:24px; height:24px; color:#008365; object-fit:contain; }
.more-category-link>span { overflow-wrap:anywhere; }
.more-category-panel .all-categories-link { display:block; margin:8px 0 0; padding:12px 10px 4px; border-top:1px solid #e3e8ed; font-size:13px; color:#008365; }
@media(max-width:700px) {
  .more-category-panel { width:100%; }
}