/* 4YOU7 Marketplace v2.6 — AliExpress / noon style categories */

/* Quick category links beside the «الفئات» button */
.nav-row>a.nav-quick{font-weight:700;color:var(--text)}
.nav-row>a.nav-quick:hover{color:var(--orange-d);background:var(--bg)}
.support-track{display:inline-flex;align-items:center;gap:5px;font-weight:700}
@media (min-width:901px){.nav-row>a.nav-mobile-only{display:none}}
@media (max-width:900px){.nav-row>a.nav-quick{display:none}.support-track span{display:none}}

/* «موصى به» row inside the categories panel */
.mm-rec{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.mm-rec-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px 10px}
.mm-rec-tile{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;color:var(--text)}
.mm-rec-img{width:84px;height:84px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .18s,box-shadow .18s}
.mm-rec-img img{width:100%;height:100%;object-fit:cover}
.mm-rec-img img.is-3d{width:66%;height:66%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(15,31,58,.14))}
.mm-rec-img .fy7-cat-emoji{font-size:36px}
.mm-rec-tile:hover .mm-rec-img{transform:translateY(-2px);box-shadow:0 0 0 2px var(--orange)}
.mm-rec-tile small{font-size:12.5px;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mm-rec-tile:hover small{color:var(--orange-d)}
@media (max-width:900px){.mm-rec{display:none}}