/* Disable cross-document (navigation) view transitions: base.css sets
   `@view-transition { navigation: auto }`, which freezes the current page while
   the next one renders and makes header-link clicks feel slow. Loading after
   base.css, this turns it off so navigation behaves like a normal load (F5). */
@view-transition { navigation: none; }

/* Estilo del contenido de páginas (políticas, etc.) dentro del cascarón Pinky Deal */
.shop-page { max-width: 820px; margin: 0 auto; padding: 48px 20px 80px; }
.shop-page h1 {
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(2rem, 4vw, 2.6rem);
    line-height: 1.15;
    margin: 0 0 24px;
}
.shop-page .rte { line-height: 1.7; }
.shop-page .rte > * + * { margin-top: 1em; }
.shop-page .rte h1, .shop-page .rte h2, .shop-page .rte h3 {
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.3rem;
    margin-top: 1.6em;
}
.shop-page .rte ul, .shop-page .rte ol { padding-left: 1.4em; }
.shop-page .rte a { color: #ff1b82; text-decoration: underline; }

/* --- Mostrar el contenido del page-builder SIN su JS (no usamos Instant) --- */
/* Las secciones venían ocultas esperando el "reveal" de instant-core (eliminado). */
.instant-scroll-trigger--hidden,
.instant-reveal--fade,
.instant-reveal--transform-fade,
[data-instant-scroll-into-view-replay] {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    clip-path: none !important;
}

/* El <main> hereda el fondo de la página (mismo color que el bg) */
#MainContent,
.content-for-layout {
    background: transparent !important;
}

/* --- Página 404 (no encontrada) dentro del cascarón Pinky Deal --- */
.shop-404 {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 12px;
}
.shop-404__code {
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(5rem, 18vw, 9rem);
    line-height: 1;
    margin: 0;
    color: #ff1b82;
}
.shop-404__title {
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(1.5rem, 4vw, 2.2rem);
    line-height: 1.2;
    margin: 0;
}
.shop-404__text {
    max-width: 480px;
    line-height: 1.7;
    margin: 4px auto 0;
    opacity: 0.85;
}
.shop-404__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: center;
    margin-top: 28px;
}
.shop-404__btn {
    display: inline-block;
    padding: 13px 26px;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.15s ease, background 0.15s ease;
}
.shop-404__btn--primary {
    background: #ff1b82;
    color: #fff;
}
.shop-404__btn--primary:hover { opacity: 0.88; }
.shop-404__btn--ghost {
    border: 1px solid currentColor;
    color: inherit;
}
.shop-404__btn--ghost:hover { opacity: 0.7; }