/**
 * WCAG 2.2 AA — refuerzos móvil (360–420px) y foco visible en superficies Seify.
 */

@media (max-width: 420px) {
	html,
	body {
		overflow-x: clip;
		max-width: 100%;
	}

	.seify-main-content,
	.sf-discovery-storefront,
	.seify-container {
		max-width: 100%;
		overflow-x: clip;
	}

	img,
	video {
		max-width: 100%;
		height: auto;
	}
}

.seify-btn:focus-visible,
.seify-button:focus-visible,
button.seify-card:focus-visible,
.sf-discovery-cta:focus-visible,
.sf-discovery-quick-nav__link:focus-visible {
	outline: 2px solid var(--seify-primary, #2563eb);
	outline-offset: 2px;
}