/* MMB-HOME-P04 — Quick Category Icon Strip
 * Scope: homepage category strip only. Compact marketplace navigation aligned to the 1280px homepage grid.
 */
.mmb-home-p04 .mmb-p04-categories{padding-top:10px;padding-bottom:7px}
.mmb-home-p04 .mmb-p04-category-shell{
  position:relative;
  overflow:hidden;
  padding:13px 17px 12px;
  border:1px solid #e7edf3;
  border-radius:14px;
  background:#fff;
  box-shadow:0 3px 13px rgba(15,32,56,.035);
}
.mmb-home-p04 .mmb-p04-category-strip{
  display:grid;
  grid-template-columns:repeat(10,minmax(0,1fr));
  align-items:start;
  gap:5px;
}
.mmb-home-p04 .mmb-p04-category{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  padding:2px 3px 1px;
  color:#233248!important;
  text-decoration:none!important;
  text-align:center;
}
.mmb-home-p04 .mmb-p04-category__icon{
  width:49px;
  height:49px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff1f2;
  color:#f5222d;
  font-size:21px;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(245,34,45,.04);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.mmb-home-p04 .mmb-p04-category__label{
  width:100%;
  min-height:30px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:11.5px;
  line-height:1.3;
  font-weight:700;
  color:#2e3b4f;
}
.mmb-home-p04 .mmb-p04-category:nth-child(8n+2) .mmb-p04-category__icon{background:#eef6ff;color:#1677ff}
.mmb-home-p04 .mmb-p04-category:nth-child(8n+3) .mmb-p04-category__icon{background:#ecfbf2;color:#18a05e}
.mmb-home-p04 .mmb-p04-category:nth-child(8n+4) .mmb-p04-category__icon{background:#fff7df;color:#e5a100}
.mmb-home-p04 .mmb-p04-category:nth-child(8n+5) .mmb-p04-category__icon{background:#f4efff;color:#7c4dff}
.mmb-home-p04 .mmb-p04-category:nth-child(8n+6) .mmb-p04-category__icon{background:#eef9fa;color:#1593a0}
.mmb-home-p04 .mmb-p04-category:nth-child(8n+7) .mmb-p04-category__icon{background:#fff1e9;color:#ee6b2f}
.mmb-home-p04 .mmb-p04-category:nth-child(8n) .mmb-p04-category__icon{background:#f1f5f9;color:#526273}
.mmb-home-p04 .mmb-p04-category:hover .mmb-p04-category__icon{
  transform:translateY(-2px);
  box-shadow:0 7px 16px rgba(25,45,70,.10);
}
.mmb-home-p04 .mmb-p04-category:hover .mmb-p04-category__label{color:#f5222d}

@media(max-width:1180px){
  .mmb-home-p04 .mmb-p04-category-strip{grid-template-columns:repeat(8,minmax(0,1fr))}
  .mmb-home-p04 .mmb-p04-category:nth-child(n+9){display:none}
}
@media(max-width:900px){
  .mmb-home-p04 .mmb-p04-category-shell{padding:12px 10px}
  .mmb-home-p04 .mmb-p04-category-strip{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}
  .mmb-home-p04 .mmb-p04-category-strip::-webkit-scrollbar{display:none}
  .mmb-home-p04 .mmb-p04-category{display:flex!important;flex:0 0 82px;scroll-snap-align:start}
}
@media(max-width:575px){
  .mmb-home-p04 .mmb-p04-categories{padding-top:7px;padding-bottom:5px}
  .mmb-home-p04 .mmb-p04-category-shell{margin-inline:0;padding:10px 8px;border-radius:12px}
  .mmb-home-p04 .mmb-p04-category{flex-basis:76px;gap:6px}
  .mmb-home-p04 .mmb-p04-category__icon{width:45px;height:45px;font-size:19px}
  .mmb-home-p04 .mmb-p04-category__label{font-size:10.5px;min-height:28px}
}