/* menu-v31: category navigation in the spirit of noon / Digikala (owner, 2026-10-25) — a row of the main groups under
   the header on desktop, coloured round group icons in the mega menu, a strip of group circles on the home page, and a
   tidier mobile category rail. */

/* Desktop: main groups as one row under the navigation (noon's category bar) */
.group-strip{display:none}
@media(min-width:761px){
  .group-strip{display:block;border-top:1px solid var(--line);background:var(--bg)}
  .group-strip-inner{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:center;flex-wrap:wrap;gap:0 2px}
  .group-strip-inner::-webkit-scrollbar{display:none}
  .group-strip a{flex:0 0 auto;padding:9px 12px;font-size:12.5px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}
  .group-strip a:hover,.group-strip a[aria-current=page]{color:var(--accent);border-bottom-color:var(--accent)}
}

/* Mega menu (Digikala-like): coloured round badges with white icons in the group list */
.mega-tab .group-photo img{display:none}
.mega-tab .group-photo,.mega-tab .group-badge{width:34px!important;height:34px!important;border-radius:50%!important;
  display:grid;place-items:center;flex-shrink:0;background:transparent}
.mega-tab .group-badge{color:#fff}
.mega-tab .group-badge .product-icon{width:20px!important;height:20px!important;padding:0!important;background:transparent!important;
  border-radius:0!important;color:#fff}
.mega-tab{gap:12px;font-weight:500}
.mega-tab[aria-selected=true]{font-weight:600}
.mega-panel .all-category{font-weight:600}
.mega-panel a:not(.all-category){color:var(--text)}
.mega-panel a:not(.all-category):hover{color:var(--accent)}

/* Home: the main groups as a strip of circles (noon / Digikala home) */
.home-groups{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:6px 16px 16px;justify-content:center}
.home-groups::-webkit-scrollbar{display:none}
.home-groups a{flex:0 0 auto;width:92px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
  font-size:11.5px;line-height:1.7;color:var(--text)}
.home-groups .group-photo img{display:none}
.home-groups .group-photo,.home-groups .group-badge{width:64px!important;height:64px!important;border-radius:50%!important;
  display:grid;place-items:center;background:transparent}
.home-groups .group-badge{color:#fff;transition:transform .15s,box-shadow .15s}
.home-groups .group-badge .product-icon{width:32px!important;height:32px!important;padding:0!important;background:transparent!important;color:#fff}
.home-groups a:hover .group-badge{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}
@media(max-width:760px){
  .home-groups{justify-content:flex-start;gap:12px;padding:10px 12px 14px}
  .home-groups a{width:74px;font-size:10.5px}
  .home-groups .group-photo,.home-groups .group-badge{width:54px!important;height:54px!important}
  .home-groups .group-badge .product-icon{width:28px!important;height:28px!important}
}