/* ── Responsive - Template 2 ─────────────────────────────── */

/* Tablet: 1024px */
@media (max-width: 1024px) {
	:root { --pad: 16px; }

	.portal-hero__inner    { grid-template-columns: 1fr; }
	.matches-board__layout { grid-template-columns: 1fr; }
	.esports-grid          { grid-template-columns: 1fr; }
	.hub-ftr__top          { grid-template-columns: 1fr 1fr; gap: 28px; }

	.news-grid__grid   { grid-template-columns: repeat(2, 1fr); }
	.bonus-shelf__grid { grid-template-columns: repeat(2, 1fr); }
	.live-stats        { grid-template-columns: repeat(3, 1fr); }
	.poker-grid        { grid-template-columns: repeat(2, 1fr); }
	.strategy-grid     { grid-template-columns: repeat(2, 1fr); }
	.strategy-aside    { grid-column: span 2; }
	.payments-grid     { grid-template-columns: repeat(2, 1fr); }
	.facts-row         { grid-template-columns: repeat(2, 1fr); }
	.content-cols      { grid-template-columns: 1fr; }

	/* Game cards: 2 на планшете */
	.game-cards-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.featured-story__visual { aspect-ratio: 16/6; }

	/* Blog */
	.blog-archive__grid { grid-template-columns: repeat(2, 1fr); }

	.featured-story__h1 { font-size: 26px; }
	.page-hero__h1 { font-size: 30px; }

	.hub-hdr__nav     { display: none; }
	.hub-hdr__actions { display: none; }
	.hub-hdr__burger  { display: flex; }

	.page-with-sidebar { grid-template-columns: 1fr; }
	.page-sidebar { position: static; }
	.home-articles { grid-template-columns: 1fr; }
	.home-articles__sidebar { position: static; }
	.cat-cards { grid-template-columns: repeat(2, 1fr); }
	.related-posts__grid { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile: 640px */
@media (max-width: 640px) {
	:root { --pad: 14px; }

	.section     { padding: 48px 0; }
	.section--sm { padding: 32px 0; }

	.news-grid__grid   { grid-template-columns: 1fr; }
	.bonus-shelf__grid { grid-template-columns: 1fr; }
	.poker-grid        { grid-template-columns: 1fr; }
	.live-stats        { grid-template-columns: 1fr; }
	.strategy-grid     { grid-template-columns: 1fr; }
	.strategy-aside    { grid-column: span 1; flex-direction: column; }
	.promo-grid        { grid-template-columns: 1fr; }
	.payments-grid     { grid-template-columns: repeat(2, 1fr); }
	.facts-row         { grid-template-columns: repeat(2, 1fr); }

	/* Game cards: 1 на мобильном */
	.game-cards-grid { grid-template-columns: 1fr; gap: 10px; }
	.featured-story__visual { aspect-ratio: 4/3; }
	.cat-cards { grid-template-columns: repeat(2, 1fr); }
	.related-posts__grid { grid-template-columns: 1fr; }

	/* Blog */
	.blog-archive__grid { grid-template-columns: 1fr; }

	.hub-ftr__top    { flex-direction: column; gap: 20px; }
	.hub-ftr__bottom { flex-direction: column; align-items: flex-start; gap: 12px; }

	.featured-story { padding: 20px; }
	.featured-story__h1    { font-size: 20px; }
	.featured-story__stats { flex-wrap: wrap; gap: 10px; }
	.featured-story__actions { flex-direction: column; }

	.portal-cta__h2      { font-size: 24px; }
	.portal-cta__actions { flex-direction: column; align-items: center; }
	.portal-cta__perks   { flex-direction: column; align-items: center; gap: 10px; }

	.page-hero__h1      { font-size: 22px; }
	.page-hero__actions { flex-direction: column; }

	.sec-head      { flex-wrap: wrap; }
	.sec-head__line { display: none; }

	.odds-group { flex-wrap: wrap; }
	.matches-table__head th:nth-child(5),
	.matches-table__head th:nth-child(6),
	.match-row td:nth-child(5),
	.match-row td:nth-child(6) { display: none; }

	.post-hdr__h1 { font-size: 22px; }

	.howto-grid          { grid-template-columns: repeat(2, 1fr); }
	.mobile-pitch__inner { grid-template-columns: 1fr; }
	.mobile-pitch__screenshot { max-width: 100%; border-radius: var(--radius-m); }
	.mobile-pitch__h2    { font-size: 20px; }
}

@media (max-width: 480px) {
	.howto-grid      { grid-template-columns: 1fr; }
	/* на 480px остаётся 2 колонки для игр */
	.hub-ftr__legal-links { flex-direction: column; gap: 8px; }
}