/* =================== premium-grid-2.css =================== */
/* premium-grid-2 — 2-column auto-fit grid for stacked premium-surface cards
 * on /about, /delivery and other content pages. Forms the visual rhythm of
 * the page, so grid + gap must apply on desktop, not only mobile.
 * Strictly .premium-grid-2 / .premium-grid-2__*. */

.premium-grid-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: clamp(20px, 2vw, 32px);
}