.itsports-fs-block{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Arial, sans-serif;
  color: #152238;
  width: 100%;
}
.itsports-fs-block *{ box-sizing: border-box; }

/* Filter tabs */
.itsports-fs-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px; }
.itsports-fs-tab{
  font-size:0.85rem; padding:8px 16px; border-radius:20px;
  border:1px solid #E4E8F0; color:#5A6478; cursor:pointer; background:#fff;
  transition: background 0.15s, color 0.15s;
  white-space: nowrap;
}
.itsports-fs-tab.active{ background:#0B1E3A; color:#fff; border-color:#0B1E3A; }
.itsports-fs-tab:hover:not(.active){ border-color:#2C6FE0; color:#2C6FE0; }

/* Fabric grid */
.itsports-fs-grid{
  display:grid;
  grid-template-columns: repeat(var(--itsports-fs-cols, 4), 1fr);
  gap:20px;
  width: 100%;
}
@media (max-width:900px){ .itsports-fs-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width:520px){ .itsports-fs-grid{ grid-template-columns: 1fr; } }

.itsports-fs-card{
  display:block; text-decoration:none; color:inherit;
  border:1px solid #E4E8F0; border-radius:6px; overflow:hidden; background:#fff;
  transition: box-shadow 0.15s, transform 0.15s;
}
.itsports-fs-card:hover{ box-shadow:0 6px 20px rgba(11,30,58,0.08); transform:translateY(-2px); }
.itsports-fs-card-photo{
  height:150px; background-size:cover; background-position:center;
  background-color:#ECE7DA;
}
.itsports-fs-card-body{ padding:14px; text-align:center; }
.itsports-fs-card-body h4{ margin:0; font-size:0.92rem; font-weight:600; }

.itsports-fs-empty{ grid-column:1/-1; color:#5A6478; font-size:0.9rem; }

/* Shade card swatches */
.itsports-fs-swatch-grid{
  display:grid; grid-template-columns:repeat(var(--itsports-fs-swatch-cols, 8), 1fr); gap:10px; margin-bottom:14px;
  width: 100%;
}
@media (max-width:700px){ .itsports-fs-swatch-grid{ grid-template-columns:repeat(4, 1fr); } }
.itsports-fs-swatch{
  aspect-ratio:1; border-radius:4px; cursor:pointer;
  border:1px solid rgba(0,0,0,0.06); transition: transform 0.15s;
}
.itsports-fs-swatch:hover{ transform:scale(1.06); }

.itsports-fs-hint{ font-size:0.8rem; color:#5A6478; }