/* Tema aislado de Zona Vapers. El núcleo consume las variables STORE_CSS_* de su BD. */
.store-login-body .theme-zonavapers .login-card,
.store-login-body .theme-zonavapers .store-login-register-card {
    border-color: rgba(11, 107, 255, .32);
    box-shadow: 0 18px 38px rgba(11, 107, 255, .12);
}

.store-login-body .theme-zonavapers .login-card h1,
.store-login-body .theme-zonavapers .store-login-register-card h2 {
    color: #111827;
}

.store-login-body .theme-zonavapers .login-field,
.store-login-body .theme-zonavapers .login-remember,
.store-login-body .theme-zonavapers .store-login-register-card p {
    color: #334155;
}

.store-login-body .theme-zonavapers .login-field input {
    border-color: rgba(11, 107, 255, .36);
    background: #ffffff;
    color: #111827;
}

.store-login-body .theme-zonavapers .login-field input:focus {
    border-color: #0b6bff;
    outline-color: rgba(11, 107, 255, .22);
}

.store-login-body .theme-zonavapers .login-secondary a,
.store-login-body .theme-zonavapers .store-login-register-card span {
    color: #005f8a;
}

.store-login-body .theme-zonavapers .login-form button {
    background: #0b6bff;
}

.store-login-body .theme-zonavapers .login-form button:hover {
    background: #0847b8;
}

.storefront-shell.theme-zonavapers .storefront-mainbar {
    grid-template-columns: 128px minmax(320px, 1fr) auto;
}

.storefront-shell.theme-zonavapers .storefront-header {
    background: #090b10;
    border-bottom-color: #0b6bff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .28);
}

.storefront-shell.theme-zonavapers .storefront-servicebar {
    background: #0b6bff;
    color: #ffffff;
}

.storefront-shell.theme-zonavapers .storefront-mainbar {
    position: relative;
}

.storefront-shell.theme-zonavapers .storefront-mainbar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #0b6bff 14%, #0bc0f4 50%, #0b6bff 86%, transparent);
}

.storefront-shell.theme-zonavapers .storefront-logo-link {
    justify-content: center;
}

.storefront-shell.theme-zonavapers .storefront-logo-link img {
    width: 96px;
    height: 96px;
    object-fit: contain;
}

.storefront-shell.theme-zonavapers .storefront-search {
    border-color: rgba(11, 107, 255, .7);
    background: linear-gradient(180deg, #ffffff, #f3f6fa);
    box-shadow: 0 0 0 1px rgba(11, 107, 255, .2), 0 12px 30px rgba(11, 107, 255, .16);
}

.storefront-shell.theme-zonavapers .storefront-search button {
    background: #0b6bff;
    color: #ffffff;
}

.storefront-shell.theme-zonavapers .storefront-icon-link {
    border-color: rgba(11, 192, 244, .55);
    background: #111820;
    color: #0bc0f4;
}

.storefront-shell.theme-zonavapers .storefront-icon-link:hover {
    border-color: #0b6bff;
    background: #17253a;
    color: #ffffff;
}

.storefront-shell.theme-zonavapers .storefront-cart-link span {
    border: 1px solid #090b10;
    background: #0b6bff;
}

.storefront-shell.theme-zonavapers .storefront-nav {
    border-top: 0;
    background: #090b10;
    color: #f3f6fa;
}

.storefront-shell.theme-zonavapers .storefront-nav > a,
.storefront-shell.theme-zonavapers .storefront-mega summary {
    color: #f3f6fa;
}

.storefront-shell.theme-zonavapers .storefront-nav > a:hover,
.storefront-shell.theme-zonavapers .storefront-mega[open] summary,
.storefront-shell.theme-zonavapers .storefront-mega summary:hover {
    background: #0b6bff;
    color: #ffffff;
}

.storefront-shell.theme-zonavapers .storefront-mega summary::after {
    color: #0bc0f4;
}

.storefront-shell.theme-zonavapers .storefront-mega-panel {
    border-color: rgba(11, 107, 255, .35);
    border-top-color: #0b6bff;
    background: #111820;
    box-shadow: 0 24px 55px rgba(0, 0, 0, .42);
}

.storefront-shell.theme-zonavapers .storefront-mega-column h2 {
    border-bottom-color: rgba(11, 192, 244, .35);
    color: #0bc0f4;
}

.storefront-shell.theme-zonavapers .storefront-mega-column a {
    color: #f3f6fa;
}

.storefront-shell.theme-zonavapers .storefront-mega-column a:hover {
    color: #0bc0f4;
}

.storefront-shell.theme-zonavapers .store-age-gate-dialog {
    border-color: rgba(11, 107, 255, .62);
    box-shadow: 0 0 38px rgba(11, 107, 255, .16), 0 28px 70px rgba(0, 0, 0, .58);
}

.storefront-shell.theme-zonavapers .store-slide::after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .02) 58%, rgba(0, 0, 0, .08));
}

.storefront-shell.theme-zonavapers .store-slide span {
    display: none;
}

.storefront-shell.theme-zonavapers .store-home-wide-photo {
    width: 100vw;
    height: clamp(300px, 30vw, 520px);
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    border-radius: 0;
    background: #090b10;
}

.storefront-shell.theme-zonavapers .store-home-wide-photo img {
    object-fit: cover;
    object-position: center center;
    background: #090b10;
}

@media (max-width: 1080px) {
    .storefront-shell.theme-zonavapers .storefront-catalog-shell {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .storefront-shell.theme-zonavapers .storefront-mainbar {
        grid-template-columns: minmax(0, 1fr) auto auto;
        width: min(100% - 20px, 1440px);
    }

    .storefront-shell.theme-zonavapers .storefront-logo-link {
        justify-content: flex-start;
    }

    .storefront-shell.theme-zonavapers .storefront-logo-link img {
        width: 74px;
        height: 74px;
    }

    .storefront-shell.theme-zonavapers .store-home-wide-photo {
        height: 220px;
    }
}

@media (max-width: 420px) {
    .storefront-shell.theme-zonavapers .storefront-mainbar {
        width: min(100% - 14px, 1440px);
    }

    .storefront-shell.theme-zonavapers .storefront-logo-link img {
        width: 64px;
        height: 64px;
    }
}