/* Myles Hustler Store 21 · V37: hamburger centring safety, no sideways scroll, free-corner strip, WhatsApp pills, social icons, in-place zoom. */
html, body { overflow-x: clip; }
.fs-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.fs-viewport { overflow-x: auto; scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
.fs-viewport::-webkit-scrollbar { display: none; }
.fs-track { display: flex; width: max-content; animation: fs-move 40s linear infinite; }
.fs-viewport:hover .fs-track, .fs-viewport:focus-within .fs-track { animation-play-state: paused; }
.fs-set { display: flex; gap: 12px; padding: 4px 6px; }
.fs-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(212,175,55,.45); background: #0d0c0a; color: #f4efe4; text-decoration: none; white-space: nowrap; font-weight: 600; }
.fs-chip:hover { background: var(--gold); color: #000; }
@keyframes fs-move { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .fs-track { animation: none; } .fs-set[aria-hidden="true"] { display: none; } }
.wa-pill { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 4px 16px 4px 6px; border-radius: 999px; background: #25D366; color: #06210f !important; font-weight: 800; text-decoration: none; box-shadow: 0 6px 18px rgba(37,211,102,.35); }
.wa-pill:hover { filter: brightness(1.06); }
.wa-pill .social-ico circle { fill: #128C7E; }
.social-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; text-decoration: none; }
.social-ico { flex: none; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,.35); }
/* in-place zoom: the photo box clips the enlarged image */
.pd-media[data-zoom] { overflow: hidden; }
.pd-media[data-zoom] img { will-change: transform; }
.pd-media.is-zoomed .zoom-hint { opacity: 0; }
.cat-sep { flex: none; width: 1px; margin: 10px 6px; background: rgba(212,175,55,.35); }