@media (min-width: 640px) {
	.product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hero-actions .button { min-width: 11rem; }
}
@media (min-width: 768px) {
	.content-layout { grid-template-columns: minmax(0, 1fr) 17rem; }
	.footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
	.activity-layout { grid-template-columns: minmax(0, 1fr) minmax(20rem, .85fr); align-items: center; }
	.golden-banner { grid-template-columns: 1fr auto auto; }
}
@media (min-width: 1024px) {
	.product-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.2rem; }
	.section { padding-block: 5.5rem; }
}
@media (min-width: 1280px) {
	.hero-card { padding: 3.8rem; }
	.product-grid { gap: 1.35rem; }
}
@media (max-width: 639px) {
	.section { padding-block: 3.2rem; }
	.section-heading { align-items: flex-start; flex-direction: column; }
	.hero-stats { flex-direction: column; gap: .5rem; }
	.activity-layout { display: grid; gap: 1.5rem; }
	.footer-bottom { align-items: flex-start; flex-direction: column; }
}