/* ============================================================
   Shop by Occasion — section wrapper + tile grid. Tokens only.
   (Tiles themselves are styled by collection-tile.css.)
   ============================================================ */

.lh-occasion {
  padding-block: var(--section-pad-top) var(--section-pad-bottom);
  background: var(--surface-card);
}

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

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

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