/* ===========================================================
   Voyamore Core — Hot Deals
   Mockup ref: Voyamore Homepage.html · "Hot deals" section.
   Uses the shared .vym-ticket-* component from voyamore-core.css
   for the card design (same as [voyamore_deals_filter]).
   This file only declares the grid wrapper.
   =========================================================== */

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

.vym-hot-deals__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

@media (max-width: 1024px) {
	.vym-hot-deals__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
	.vym-hot-deals__grid { grid-template-columns: 1fr; }
}