/* شريط الأيقونات: صف تطبيقات + صف ألعاب، حركة مستمرة بلا توقف (أيقونات App Store الرسمية من icons.js) */
.social-strip {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
}

.marquee-box {
  direction: ltr;
  width: min(100%, 560px);
  min-height: 146px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
  padding: 6px 0;
  opacity: 0;
  transition: opacity 0.5s ease;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 12%, #000 88%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 12%, #000 88%, transparent 100%);
}

.marquee-box.ready { opacity: 1; }

.marquee-row { overflow: hidden; }

/* الحركة تُدار من icons.js (requestAnimationFrame) لحلقة لا تنتهي بلا وميض */
.marquee-track {
  display: flex;
  align-items: flex-start;
  width: max-content;
  will-change: transform;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}

/* هامش جانبي (وليس gap) لتكون الإزاحة -50% دقيقة */
.tile-wrap {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 44px;
  margin-right: 14px;
}

.tile {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(128, 128, 128, 0.18);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.tile img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tile-label {
  margin: 5px -7px 0;
  width: 58px;
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  color: var(--text-soft, #a7afbd);
  white-space: normal;
}