/* ===========================================================
   Voyamore Core — Deals (generic listing)
   Card design lives in voyamore-core.css (.vym-ticket-*); this
   file only declares the grid wrapper and the column variants.
   =========================================================== */

.vym-deals { font-family: var(--vym-font-ui); color: var(--vym-text); }

.vym-deals__grid {
	display: grid;
	gap: 24px;
}

/* When a single card is requested, constrain it to a sensible max
   width and center it — otherwise the ticket stretches the full
   page width which looks broken. */
.vym-deals--cols-1 .vym-deals__grid {
	grid-template-columns: minmax(0, 420px);
	justify-content: center;
}
.vym-deals--cols-2 .vym-deals__grid { grid-template-columns: repeat(2, 1fr); }
.vym-deals--cols-3 .vym-deals__grid { grid-template-columns: repeat(3, 1fr); }
.vym-deals--cols-4 .vym-deals__grid { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1100px) {
	.vym-deals--cols-3 .vym-deals__grid,
	.vym-deals--cols-4 .vym-deals__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
	.vym-deals--cols-2 .vym-deals__grid,
	.vym-deals--cols-3 .vym-deals__grid,
	.vym-deals--cols-4 .vym-deals__grid { grid-template-columns: 1fr; }
}