/* Configuración global de las vistas propias; no altera templates de terceros. */
.zedra-site {
    margin: 0;
    color: var(--zedra-text-main);
    background: var(--zedra-bg-primary);
    font-family: var(--zedra-font-ui);
}

/* Helper global de accesibilidad para etiquetas de controles nativos. */
.zedra-site .screen-reader-text { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }

.zedra-site,
.zedra-site *,
.zedra-site *::before,
.zedra-site *::after {
    box-sizing: border-box;
}

.zedra-site :where(h1, h2, h3, h4, h5, h6, p, figure) {
    margin: 0;
}

.zedra-site :where(button, input, select, textarea) {
    font: inherit;
}

.zedra-site :where(img, video) {
    display: block;
    max-inline-size: 100%;
}

.zedra-skip-link { position: absolute; inset-block-start: 8px; inset-inline-start: 8px; z-index: 100; padding: 12px; background: var(--zedra-bg-primary); color: var(--zedra-text-main); transform: translateY(-200%); }
.zedra-skip-link:focus { transform: none; }

/* Se conserva el foco nativo hasta verificar los estados visuales de componentes. */

/* Estado global de un overlay modal: conserva el gutter y bloquea el scroll de fondo. */
.zedra-navigation-open { overflow: hidden; scrollbar-gutter: stable; }
.zedra-cart-open { overflow: hidden; scrollbar-gutter: stable; }