/* ============================================================
   Shop by Style — section wrapper + tile grid. Tokens only.
   ============================================================ */

.lh-sbs {
  padding-block: var(--section-pad-top) var(--section-pad-bottom);
}
/* Bottom divider for clear separation from the following section (e.g. Best Sellers) */
.lh-sbs--bordered { border-bottom: 1px solid var(--border-subtle); }

.lh-sbs__grid {
  display: grid;
  grid-template-columns: repeat(var(--lh-sbs-cols-m, 3), minmax(0, 1fr));
  gap: var(--card-gap-y) var(--card-gap-x); /* phones: Theme settings -> Layout */
}

@media (min-width: 768px) {
  .lh-sbs__grid { gap: var(--grid-gap); }
}

@media (min-width: 1024px) {
  .lh-sbs__grid {
    grid-template-columns: repeat(var(--lh-sbs-cols, 4), minmax(0, 1fr));
    gap: var(--grid-gap-lg);
  }
}