/* =============================================================
   Store — client pickup flow (v2)
   ============================================================= */

.store-body { background: #fafafa; }

.store-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 8.5rem;
}
.store-main {
    min-width: 0;
    width: 100%;
    margin-inline: auto;
}

/* Tablet (>= 768): center the mobile feel inside a phone-like column */
@media (min-width: 768px) and (max-width: 1023.98px) {
    .store-layout {
        max-width: 720px;
        padding-inline: 1rem;
        padding-top: 1rem;
        gap: 1.25rem;
    }
    .store-main {
        max-width: 560px;
        background: #ffffff;
        border-radius: 1.5rem;
        box-shadow: 0 10px 40px -16px rgba(0, 0, 0, 0.08);
        overflow: hidden;
        padding-bottom: 1rem;
    }
    .store-main .store-sticky-bar {
        border-radius: 1.5rem 1.5rem 0 0;
    }
}

/* Desktop (>= 1024): 3 columns sidebar + main + cart */
@media (min-width: 1024px) {
    .store-layout {
        grid-template-columns: 280px minmax(0, 1fr) 340px;
        gap: 2rem;
        max-width: 1280px;
        padding: 1.5rem 1.5rem 2rem;
    }
    .store-main {
        max-width: none;
        background: transparent;
        box-shadow: none;
        border-radius: 0;
    }
}

@media (min-width: 1280px) {
    .store-layout {
        grid-template-columns: 300px minmax(0, 1fr) 360px;
        gap: 2.5rem;
        max-width: 1360px;
    }
}

@media (max-width: 1023px) {
    .store-layout {
        padding-bottom: calc(7.5rem + env(safe-area-inset-bottom, 0px));
    }
}

/* Hide bottom nav and floating cart bar on desktop */
@media (min-width: 1024px) {
    .store-body .client-nav { display: none; }
    .store-body .cart-bar { display: none !important; }
    .store-layout { padding-bottom: 2rem; }
}

/* =============================================================
   MOBILE HERO
   ============================================================= */
.store-hero-icon-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.95);
    color: #18181b;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .30), 0 1px 4px rgba(0,0,0,.20);
    transition: transform .15s ease, background .15s ease;
    border: 1.5px solid rgba(255, 255, 255, 0.8);
}
.store-hero-icon-btn:hover { transform: scale(1.06); background: #fff; }
.store-hero-icon-btn svg,
.store-hero-icon-btn [data-lucide] {
    color: #18181b !important;
    stroke: currentColor;
}

.store-hero-card {
    background: #fff;
    border-radius: 1.5rem;
    padding: 1rem;
    box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, .04);
}
.store-hero-logo {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 1.25rem;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
    flex-shrink: 0;
    margin-top: -1.5rem;
}
.store-hero-action {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 0.875rem;
    border-radius: 0.875rem;
    background: #fafafa;
    border: 1px solid #f4f4f5;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #18181b;
    min-width: 0;
    transition: all .15s ease;
}
.store-hero-action:hover {
    border-color: #10B981;
    background: #ecfdf5;
}

/* =============================================================
   LIVE STRIP (mobile)
   ============================================================= */
.store-live-strip {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 1.25rem;
    margin: 0.75rem 1.25rem 0;
    background: linear-gradient(90deg, #f0fdf4, #fafafa);
    border: 1px solid #d1fae5;
    border-radius: 1rem;
    font-size: 0.75rem;
    color: #52525b;
    overflow-x: auto;
    white-space: nowrap;
}
.store-live-strip strong { color: #18181b; font-weight: 800; }

.store-live-sep {
    display: inline-block;
    width: 1px;
    height: 12px;
    background: #d4d4d8;
}

.store-live-dot {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    margin-left: .25rem;
    border-radius: 999px;
    background: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, .25);
    animation: livePulse 1.8s ease-in-out infinite;
    vertical-align: middle;
}
@keyframes livePulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 3px rgba(16, 185, 129, .25); }
    50%      { opacity: .6; box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
}

/* =============================================================
   STICKY BAR + SEARCH
   ============================================================= */
.store-sticky-bar {
    position: sticky;
    top: 0;
    z-index: 30;
    background: rgba(250, 250, 250, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid #f4f4f5;
}

.store-search-input {
    width: 100%;
    height: 3rem;
    padding: 0 2.5rem 0 2.5rem;
    border-radius: 1rem;
    border: 1.5px solid #e4e4e7;
    background: #fff;
    font-size: 0.9375rem;
    font-weight: 500;
    transition: all .15s ease;
}
.store-search-input:focus {
    border-color: var(--color-brand, #10B981);
    outline: none;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, .1);
}
.store-search-clear {
    position: absolute;
    right: 1.625rem;
    top: 1.875rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 999px;
    background: #e4e4e7;
    color: #71717a;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease;
}
.store-search-clear:hover { background: #d4d4d8; color: #18181b; }

/* ── Store coupons (visible on load, server-rendered) ─────── */
.store-promo-alert-link {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 1rem;
    border-radius: 1rem;
    border: 1.5px solid #bef264;
    background: linear-gradient(135deg, #ecfccb 0%, #f0fdf4 100%);
    color: #365314;
    text-decoration: none;
    font-size: .875rem;
    transition: transform .15s ease, box-shadow .15s ease;
}
.store-promo-alert-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(132, 204, 22, .25);
}
.store-promo-alert-link strong { display: block; font-weight: 800; }
.store-promo-alert-sub {
    display: block;
    font-size: .75rem;
    font-weight: 600;
    opacity: .85;
    margin-top: 1px;
}

.store-coupon-count-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 .35rem;
    border-radius: 99px;
    background: #ecfccb;
    border: 1px solid #bef264;
    color: #3f6212;
    font-size: .6875rem;
    font-weight: 900;
}

.store-sidebar-coupons-title {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .8125rem;
    font-weight: 800;
    color: #3f6212;
}

.store-sidebar-coupons .store-coupon-card {
    font-size: .88rem;
}

.store-sidebar-coupons .coupon-card-body {
    padding: .65rem .75rem;
    gap: .5rem;
}

.store-sidebar-coupons .coupon-card-disc {
    min-width: 48px;
    font-size: .95rem;
    padding: .25rem .45rem;
}

.store-sidebar-coupons .coupon-card-action {
    padding: 0 .5rem;
}

.store-sidebar-coupons .coupon-card-action button {
    font-size: .6875rem;
    padding: .35rem .6rem;
}

#store-promociones:not(.hidden) {
    scroll-margin-top: 5.5rem;
}

.store-applied-coupon-inner {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .65rem .85rem;
    border-radius: 1rem;
    border: 1.5px solid #bbf7d0;
    background: linear-gradient(135deg, #ecfdf5, #f0fdf4);
    color: #166534;
}

.store-applied-coupon-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .5rem;
    border: none;
    background: rgba(255, 255, 255, .7);
    color: #15803d;
    cursor: pointer;
}

.store-applied-coupon-remove:hover {
    background: #fff;
}

.store-coupon-progress-bar {
    height: .35rem;
    border-radius: 9999px;
    background: rgba(22, 101, 52, .12);
    overflow: hidden;
}

.store-coupon-progress-fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #22c55e, #16a34a);
    transition: width .25s ease;
}

.store-empty-picks {
    text-align: left;
}

.store-empty-picks-title {
    font-size: .6875rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #71717a;
    margin-bottom: .5rem;
}

.store-empty-pick {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .55rem .65rem;
    border-radius: .85rem;
    border: 1px solid #f4f4f5;
    background: #fff;
}

.store-empty-pick + .store-empty-pick {
    margin-top: .45rem;
}

.store-empty-pick-img {
    width: 3rem;
    height: 3rem;
    border-radius: .65rem;
    object-fit: cover;
    flex-shrink: 0;
}

.store-empty-pick-info {
    min-width: 0;
    flex: 1;
}

.store-empty-pick-name {
    font-size: .8125rem;
    font-weight: 800;
    color: #18181b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.store-empty-pick-price {
    font-size: .75rem;
    font-weight: 700;
    color: var(--brand-600, #ea580c);
    margin-top: .1rem;
}

.store-empty-pick-add {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 9999px;
    border: none;
    background: var(--brand-500, #f97316);
    color: #fff;
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
    transition: transform .12s ease, background .12s ease;
}

.store-empty-pick-add:hover {
    transform: scale(1.06);
    background: var(--brand-600, #ea580c);
}

.store-empty-pick-add:active {
    transform: scale(.96);
}

.store-cart-clear {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .35rem .55rem;
    border-radius: .55rem;
    border: 1px solid #fecaca;
    background: #fff;
    color: #dc2626;
    font-size: .6875rem;
    font-weight: 800;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}

.store-cart-clear:hover {
    background: #fef2f2;
    border-color: #f87171;
}

.store-cart-checkout-disabled {
    opacity: .45;
    pointer-events: none;
}

.store-cart-footer {
    flex-shrink: 0;
}

@media (max-width: 1023px) {
    .store-coupon-card .coupon-card-body {
        padding: .75rem .85rem;
    }

    .store-coupon-card .coupon-card-disc {
        min-width: 56px;
        font-size: 1.1rem;
    }
}

/* =============================================================
   CATEGORY PILLS (visual)
   ============================================================= */
.category-pill {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    padding: 0.5rem 0.625rem;
    border: 1.5px solid transparent;
    background: transparent;
    cursor: pointer;
    color: #71717a;
    transition: all 0.2s ease;
    border-radius: 1rem;
}
.category-pill:hover { background: #fafafa; }

.category-pill-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: #fff;
    border: 1.5px solid #f4f4f5;
    transition: all 0.2s ease;
}
.category-pill-label {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
}

.category-pill.active .category-pill-icon,
.category-pill[aria-pressed="true"] .category-pill-icon {
    background: linear-gradient(135deg, var(--color-brand, #10b981), #059669);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 24px -8px rgba(16, 185, 129, 0.5);
    transform: translateY(-2px);
}
.category-pill.active .category-pill-label,
.category-pill[aria-pressed="true"] .category-pill-label {
    color: var(--color-ink);
    font-weight: 800;
}

.store-products { scroll-margin-top: 9rem; }

/* =============================================================
   FEATURED CARDS
   ============================================================= */
.featured-card {
    width: 16rem;
}
.featured-card-inner {
    border-radius: 1.25rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid #f4f4f5;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.featured-card:hover .featured-card-inner {
    transform: translateY(-4px);
    border-color: #d1fae5;
    box-shadow: 0 12px 32px -8px rgba(16, 185, 129, .15);
}
.featured-card-img-wrap {
    position: relative;
    overflow: hidden;
}
.featured-card-img {
    height: 9rem;
    width: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}
.featured-card:hover .featured-card-img { transform: scale(1.05); }

.featured-card-badge {
    position: absolute;
    top: .625rem;
    left: .625rem;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .25rem .625rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    font-size: 0.6875rem;
    font-weight: 800;
    color: #d97706;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

.featured-card-add,
.product-qty-wrap--featured .product-qty-add {
    position: absolute;
    bottom: .625rem;
    right: .625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    background: var(--color-brand-lime, #A3E635);
    color: var(--color-ink);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    transition: transform .15s ease;
    z-index: 3;
}
.featured-card-add:hover,
.product-qty-wrap--featured .product-qty-add:hover { transform: scale(1.1); }

.product-qty-wrap--featured {
    position: absolute;
    bottom: .625rem;
    right: .625rem;
    z-index: 3;
}
.product-qty-wrap--featured .product-qty-stepper {
    height: 2.25rem;
    min-width: 6rem;
    border-radius: 999px;
}

.product-qty-stepper {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    min-width: 6.5rem;
    height: 2.5rem;
    padding: 0 0.2rem;
    border-radius: 0.875rem;
    background: var(--color-brand-lime, #A3E635);
    color: var(--color-ink);
    box-shadow: 0 4px 12px -2px rgba(163, 230, 53, 0.4);
}
.product-qty-stepper.hidden { display: none !important; }
.product-qty-add.hidden { display: none !important; }

.product-qty-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.625rem;
    font-weight: 800;
    font-size: 1.125rem;
    line-height: 1;
    transition: background 0.15s ease;
}
.product-qty-btn:hover { background: rgba(255, 255, 255, 0.35); }
.product-qty-num {
    min-width: 1.5rem;
    text-align: center;
    font-weight: 800;
    font-size: 0.9375rem;
    font-variant-numeric: tabular-nums;
}

.featured-card-body { padding: 0.875rem 1rem 1rem; }
.featured-card-name {
    font-weight: 800;
    font-size: 0.9375rem;
    line-height: 1.2;
}
.featured-card-desc {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #71717a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
    min-height: 2rem;
}
.featured-card-foot {
    margin-top: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.featured-card-price {
    font-size: 1rem;
    font-weight: 800;
}

/* =============================================================
   PRODUCT ROWS (pro)
   ============================================================= */
.store-products-list { display: flex; flex-direction: column; gap: 0.625rem; }

.store-products-list[data-view="grid"] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}
@media (min-width: 640px) {
    .store-products-list[data-view="grid"] { grid-template-columns: repeat(3, 1fr); }
}
.store-products-list[data-view="grid"] .product-row-pro {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    gap: 0;
    overflow: hidden;
}
.store-products-list[data-view="grid"] .product-row-pro-img-wrap {
    width: 100%;
    height: 7.5rem;
}
.store-products-list[data-view="grid"] .product-row-pro-img {
    width: 100%;
    height: 7.5rem;
    border-radius: 0;
}
.store-products-list[data-view="grid"] .product-row-pro > div:nth-child(2) {
    padding: 0.75rem;
}
.store-products-list[data-view="grid"] .product-qty-wrap--row {
    position: absolute;
    top: 6rem;
    right: .5rem;
    margin: 0;
    z-index: 2;
}

.product-row-pro {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.75rem;
    border-radius: 1.125rem;
    border: 1.5px solid #f4f4f5;
    background: #fff;
    transition: all 0.18s ease;
}
.product-row-pro:hover {
    border-color: #d1fae5;
    box-shadow: 0 4px 16px -8px rgba(16, 185, 129, .15);
}

.product-row-pro-img-wrap {
    position: relative;
    flex-shrink: 0;
}
.product-row-pro-img {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 0.875rem;
    object-fit: cover;
    background: #f4f4f5;
}
.product-row-pro-badge {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 999px;
    background: #f97316;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

.product-row-pro-mod {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    background: #f4f4f5;
    color: #52525b;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.product-row-pro-add,
.product-qty-wrap--row .product-qty-add {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.875rem;
    background: var(--color-brand-lime, #A3E635);
    color: var(--color-ink);
    transition: all 0.15s ease;
    box-shadow: 0 4px 12px -2px rgba(163, 230, 53, 0.4);
}
.product-row-pro-add:hover,
.product-qty-wrap--row .product-qty-add:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 16px -2px rgba(163, 230, 53, 0.5);
}
.product-row-pro-add:active,
.product-qty-wrap--row .product-qty-add:active { transform: scale(0.95); }

.store-view-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.75rem;
    background: #fff;
    border: 1px solid #f4f4f5;
    color: #71717a;
    transition: all .15s ease;
}
.store-view-toggle:hover {
    color: var(--color-ink);
    border-color: #e4e4e7;
}

/* =============================================================
   DESKTOP SIDEBAR
   ============================================================= */
.store-sidebar {
    align-self: start;
}
.store-sidebar-card {
    padding: 1.5rem;
    border-radius: 1.5rem;
    background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
    border: 1px solid #f4f4f5;
    box-shadow: 0 4px 20px -8px rgba(0, 0, 0, 0.06);
}
.store-sidebar-status {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.875rem 1rem;
    border-radius: 1rem;
    background: #f9fafb;
    border: 1px solid #f4f4f5;
}
.store-status-dot {
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 999px;
    flex-shrink: 0;
}
.store-status-dot.is-open {
    background: #10b981;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.2);
    animation: livePulse 2s ease-in-out infinite;
}
.store-status-dot.is-closed {
    background: #ef4444;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.2);
}

.store-sidebar-stats {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
}
.store-stat {
    padding: 0.875rem 0.5rem;
    border-radius: 0.875rem;
    background: #fff;
    border: 1px solid #f4f4f5;
    text-align: center;
}
.store-stat-num {
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
    color: var(--color-ink);
    display: inline-flex;
    align-items: baseline;
    gap: 0.125rem;
}
.store-stat-num span { font-size: 0.625rem; font-weight: 700; color: #a1a1aa; }
.store-stat-label {
    margin-top: 0.375rem;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #71717a;
}

.store-sidebar-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.625rem;
    padding: 0.625rem;
    border-radius: 0.875rem;
    border: 1px solid #f4f4f5;
    background: #fff;
    transition: all 0.15s ease;
}
.store-sidebar-link:hover {
    border-color: #d1fae5;
    background: #f0fdf4;
}
.store-sidebar-link:first-of-type { margin-top: 1rem; }

.store-quick-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.625rem;
    border-radius: 0.875rem;
    border: 1.5px solid #f4f4f5;
    background: #fff;
    color: var(--color-ink);
    font-size: 0.8125rem;
    font-weight: 700;
    transition: all 0.15s ease;
}
.store-quick-btn:hover {
    border-color: #d1fae5;
    background: #f0fdf4;
    color: #047857;
}

.store-trust-row {
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid #f4f4f5;
    font-size: 0.6875rem;
    color: #71717a;
}

.store-trust-strip {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 1rem;
    background: #fafafa;
    border: 1px solid #f4f4f5;
    font-size: 0.6875rem;
    font-weight: 700;
    color: #71717a;
}

/* =============================================================
   DESKTOP CART PANEL
   ============================================================= */
.store-cart-panel {
    position: sticky;
    top: 1.5rem;
    align-self: start;
    max-height: calc(100vh - 3rem);
    padding: 1.5rem;
    border-radius: 1.5rem;
    border: 1px solid #f4f4f5;
    background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
    box-shadow: 0 4px 20px -8px rgba(0, 0, 0, 0.06);
}
.store-cart-count-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.5rem;
    border-radius: 999px;
    background: var(--color-brand);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
}

.store-cart-empty {
    padding: 2rem 1rem;
    text-align: center;
}
.store-cart-empty-icon {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    color: #047857;
}

/* =============================================================
   PRODUCT MODAL (unchanged structure)
   ============================================================= */
.product-modal {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.product-modal.hidden { display: none; }
.product-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    animation: fadeIn 0.2s ease;
}
.product-modal-sheet {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 32rem;
    max-height: 92vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 1.5rem 1.5rem 0 0;
    animation: slideUp 0.3s cubic-bezier(.22,1,.36,1);
}
@media (min-width: 640px) {
    .product-modal { align-items: center; padding: 1rem; }
    .product-modal-sheet { border-radius: 1.5rem; max-height: 85vh; }
}
.product-modal-handle {
    width: 2.5rem;
    height: 0.25rem;
    margin: 0.75rem auto 0;
    border-radius: 999px;
    background: #e4e4e7;
}
.product-modal-close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.product-modal-image {
    width: 100%;
    height: 12rem;
    object-fit: cover;
}

/* Carrusel de galería del producto */
.product-modal-gallery {
    position: relative;
    width: 100%;
    height: 14rem;
    overflow: hidden;
    background: #f4f4f5;
}
.product-modal-track {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform .25s ease;
    will-change: transform;
}
.product-modal-slide {
    flex: 0 0 100%;
    width: 100%;
    height: 100%;
}
.product-modal-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    user-select: none;
    -webkit-user-drag: none;
}
.product-modal-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.92);
    color: #18181b;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: background .15s, transform .15s;
    z-index: 2;
}
.product-modal-nav:hover { background: #fff; transform: translateY(-50%) scale(1.06); }
.product-modal-nav.prev { left: .65rem; }
.product-modal-nav.next { right: .65rem; }
.product-modal-dots {
    position: absolute;
    bottom: .55rem;
    left: 0; right: 0;
    display: flex;
    justify-content: center;
    gap: .35rem;
    z-index: 2;
}
.product-modal-dot {
    width: .45rem; height: .45rem;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, .55);
    cursor: pointer;
    transition: width .15s, background .15s;
    padding: 0;
}
.product-modal-dot.active {
    width: 1.1rem;
    background: #fff;
    border-radius: 999px;
}

.product-modal-body { padding: 1.25rem 1.25rem 2rem; }

/* =============================================================
   MODIFIERS
   ============================================================= */
.modifier-group + .modifier-group { margin-top: 1rem; }
.modifier-group-header {
    display: flex; align-items: baseline; justify-content: space-between;
    gap: .5rem; margin-bottom: .5rem;
}
.modifier-group-title {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #18181b;
    margin: 0;
}
.modifier-required {
    font-size: 0.625rem; font-weight: 800; letter-spacing: .04em;
    text-transform: uppercase;
    color: #b91c1c; background: #fee2e2;
    padding: .125rem .5rem; border-radius: 999px;
}
.modifier-hint {
    font-size: 0.625rem; font-weight: 700; letter-spacing: .04em;
    text-transform: uppercase; color: #71717a;
}
.modifier-options {
    display: flex; flex-wrap: wrap; gap: .375rem;
}
.modifier-option {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    border-radius: 999px;
    border: 1.5px solid #e4e4e7;
    background: #fff;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #27272a;
    cursor: pointer;
    transition: all 0.15s ease;
}
.modifier-option:hover { border-color: #a1a1aa; }
.modifier-option.selected {
    border-color: #10B981;
    background: #ecfdf5;
    color: #047857;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.08);
}
.modifier-option .modifier-price {
    color: #71717a; font-size: 0.6875rem; font-weight: 700;
}
.modifier-option.selected .modifier-price { color: #047857; }
.modifier-option.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}
.modifier-group-meta {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    flex-shrink: 0;
}
.modifier-counter {
    font-size: 0.625rem;
    font-weight: 800;
    color: #3f3f46;
    background: #f4f4f5;
    border: 1px solid #e4e4e7;
    padding: .15rem .45rem;
    border-radius: 999px;
    font-variant-numeric: tabular-nums;
}
.modifier-counter.under-min {
    color: #b91c1c;
    background: #fee2e2;
    border-color: #fecaca;
}
.modifier-counter.at-max {
    color: #047857;
    background: #d1fae5;
    border-color: #a7f3d0;
}

/* =============================================================
   CART LINE
   ============================================================= */
.cart-line-chips {
    display: flex; flex-wrap: wrap; gap: .25rem; margin-top: .375rem;
}
.cart-line-chip {
    display: inline-flex; align-items: center;
    padding: .125rem .5rem; border-radius: 999px;
    background: #f4f4f5; color: #52525b;
    font-size: 0.6875rem; font-weight: 600;
    line-height: 1.3;
}
.cart-line-note {
    margin-top: .375rem;
    padding: .375rem .625rem;
    border-radius: .625rem;
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.4;
}

/* =============================================================
   TOAST + CART BAR
   ============================================================= */
.cart-toast {
    position: fixed;
    top: auto;
    bottom: 5.75rem;
    left: 50%;
    right: auto;
    width: max-content;
    max-width: calc(100vw - 2rem);
    height: auto;
    transform: translate(-50%, 120%);
    z-index: 110;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-radius: 999px;
    background: #0A0A0A;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s cubic-bezier(.22,1,.36,1), opacity 0.2s ease;
    pointer-events: none;
    opacity: 0;
}
.cart-toast.show {
    transform: translate(-50%, 0);
    opacity: 1;
}

/* Sticky cart bar — above bottom nav on mobile */
.cart-bar--store {
    z-index: 55;
    bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px));
}
.cart-bar--store.hidden { display: none !important; }
.cart-bar--store:not(.hidden) {
    animation: cartBarSlideUp 0.28s cubic-bezier(.22, 1, .36, 1);
}
.cart-bar-left {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}
.cart-bar-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0 0.375rem;
    border-radius: 0.5rem;
    background: rgba(255,255,255,.2);
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}
.cart-bar-label { font-size: 0.9375rem; }
.cart-bar-right {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}
.cart-bar-total {
    font-size: 1.0625rem;
    font-variant-numeric: tabular-nums;
}
@keyframes cartBarSlideUp {
    from { transform: translateY(110%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@media (min-width: 1024px) {
    .cart-toast {
        top: 1rem;
        bottom: auto;
        transform: translate(-50%, -120%);
    }
    .cart-toast.show {
        transform: translate(-50%, 0);
    }
}

.store-hero-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.25;
    word-break: break-word;
}

.store-body .card,
.store-body .reveal {
    opacity: 1 !important;
    transform: none !important;
}

.field-float.has-error .form-input,
.form-input.field-invalid,
input.field-invalid[type="checkbox"] {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}

.checkout-terms-label.has-error {
    color: #b91c1c;
}

.store-body[data-tenant-open="0"] [data-quick-add],
.store-body[data-tenant-open="0"] [data-modal-add] {
    opacity: 0.45;
    pointer-events: none;
}


.cart-bar.pulse { animation: cartPulse 0.4s ease; }
@keyframes cartPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.03); }
}

/* WhatsApp flotante — tienda cliente */
.store-wa-fab {
    position: fixed;
    right: 1rem;
    bottom: calc(4.75rem + env(safe-area-inset-bottom, 0px));
    z-index: 54;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 9999px;
    background: #25D366;
    color: #fff;
    box-shadow: 0 6px 24px rgba(37, 211, 102, .45);
    transition: transform .15s ease, box-shadow .15s ease;
}

.store-wa-fab:hover {
    transform: scale(1.06);
    box-shadow: 0 8px 28px rgba(37, 211, 102, .55);
}

.store-wa-fab:active {
    transform: scale(.96);
}

.store-wa-fab-icon {
    width: 1.65rem;
    height: 1.65rem;
}

@media (max-width: 1023px) {
    .store-body:not(:has(.cart-bar--store.hidden)) .store-wa-fab {
        bottom: calc(8.5rem + env(safe-area-inset-bottom, 0px));
    }

    .store-body--no-nav .store-wa-fab {
        bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
    }
}

@media (min-width: 1024px) {
    .store-wa-fab {
        right: 1.5rem;
        bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px));
    }
}

.welcome-banner.show { display: block; animation: fadeIn 0.4s ease; }

/* =============================================================
   FLOATING LABELS (checkout)
   ============================================================= */
.field-float { position: relative; }
.field-float .form-input {
    min-height: 3.5rem;
    padding-top: 1.25rem;
    padding-bottom: 0.5rem;
}
.field-float .float-label {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.9375rem;
    font-weight: 500;
    color: #71717a;
    pointer-events: none;
    transition: all 0.2s ease;
}
.field-float .form-input:focus,
.field-float .form-input:not(:placeholder-shown) {
    border-color: #10B981;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.12);
}
.field-float .form-input:focus + .float-label,
.field-float .form-input:not(:placeholder-shown) + .float-label {
    top: 0.625rem;
    transform: translateY(0);
    font-size: 0.6875rem;
    font-weight: 700;
    color: #059669;
}

.payment-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 1rem;
    border: 2px solid #f4f4f5;
    background: #fff;
    color: #18181B;
    cursor: pointer;
    transition: all 0.15s ease;
}
.payment-card.selected { border-color: #10B981; background: #ecfdf5; color: #047857; }

.time-slot {
    padding: 0.625rem 0.5rem;
    border-radius: 0.75rem;
    border: 1.5px solid #e4e4e7;
    background: #fff;
    color: #3F3F46;
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all 0.15s ease;
}
.time-slot.selected { border-color: #10B981; background: #ecfdf5; color: #047857; }

.tip-pill {
    flex: 1;
    padding: 0.625rem;
    border-radius: 0.75rem;
    border: 1.5px solid #e4e4e7;
    background: #fff;
    color: #52525B;
    font-size: 0.8125rem;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    transition: all 0.15s ease;
}
.tip-pill.selected { border-color: #10B981; background: #ecfdf5; color: #047857; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { transform: translateY(100%); } to { transform: translateY(0); } }

@media (max-width: 640px) {
    .store-layout { padding-bottom: 12rem; }
}

/* =============================================================
   DARK MODE FOR STORE
   ============================================================= */
html.dark .store-body,
html.dark.store-body { background: #0A0A0A; }
html.dark .store-sticky-bar { background: rgba(10, 10, 10, 0.95); border-bottom-color: #27272A; }
html.dark .store-search-input { background: #18181B; border-color: #27272A; color: #FAFAFA; }
html.dark .category-pill-icon { background: #18181B; border-color: #27272A; color: #d4d4d8; }
html.dark .featured-card-inner,
html.dark .product-row-pro,
html.dark .store-hero-card,
html.dark .store-hero-action,
html.dark .store-sidebar-card,
html.dark .store-cart-panel,
html.dark .store-quick-btn,
html.dark .store-sidebar-link,
html.dark .store-stat,
html.dark .store-trust-row,
html.dark .store-trust-strip {
    background: #18181B;
    border-color: #27272A;
    color: #F4F4F5;
}
html.dark .product-row-pro-mod { background: #27272A; color: #d4d4d8; }
html.dark .store-sidebar-status { background: #0a0a0a; border-color: #27272A; }
html.dark .featured-card-badge { background: rgba(24, 24, 27, 0.95); color: #fcd34d; }

/* =============================================================
   Store Location Component
   ============================================================= */

.store-location-section {
    margin-top: 1.25rem;
    margin-bottom: .25rem;
}

.store-location-header {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8125rem;
    font-weight: 700;
    color: #3f3f46;
    margin-bottom: .625rem;
}

.store-location-card {
    border-radius: 1rem;
    border: 1px solid #e4e4e7;
    overflow: hidden;
    background: #fff;
}

.store-location-address {
    padding: .875rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .625rem;
}

.store-location-addr-text {
    font-size: .8125rem;
    color: #52525b;
    line-height: 1.45;
}

.store-location-btns {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.store-location-btn {
    display: inline-flex;
    align-items: center;
    gap: .375rem;
    border-radius: .625rem;
    padding: .5rem .875rem;
    font-size: .8125rem;
    font-weight: 700;
    transition: opacity .15s;
    text-decoration: none;
    flex-shrink: 0;
}
.store-location-btn:hover { opacity: .85; }

.store-location-btn-primary {
    background: #0A0A0A;
    color: #a3e635;
}

.store-location-btn-waze {
    background: #06aff1;
    color: #fff;
}

/* Map preview placeholder */
.store-location-map-preview {
    display: block;
    position: relative;
    height: 8rem;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
}

.store-location-map-placeholder {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #e5e7eb 25%, #d1d5db 50%, #e5e7eb 75%);
    background-size: 200% 200%;
    animation: loc-shimmer 3s ease infinite;
}

@keyframes loc-shimmer {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

.store-location-map-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    opacity: .25;
}
.store-location-map-grid > div {
    border: .5px solid #9ca3af;
}

.store-location-map-pin {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.25));
}

.store-location-map-tap {
    position: absolute;
    bottom: .625rem;
    right: .625rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(4px);
    color: #fff;
    font-size: .6875rem;
    font-weight: 700;
    padding: .3rem .625rem;
    border-radius: .5rem;
}

.store-location-map-tap-badge {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(4px);
    color: #fff;
    font-size: .6875rem;
    font-weight: 700;
    padding: .3rem .625rem;
    border-radius: .5rem;
    pointer-events: none;
}

/* Dark mode overrides */
html.dark .store-location-card { background: #18181b; border-color: #3f3f46; }
html.dark .store-location-addr-text { color: #a1a1aa; }
html.dark .store-location-map-placeholder { background: linear-gradient(135deg, #27272a 25%, #3f3f46 50%, #27272a 75%); background-size: 200% 200%; }
html.dark .store-location-map-grid > div { border-color: #52525b; }

/* =============================================================
   DISEÑOS DE TIENDA COMPLETOS
   Aplicados via data-store-theme en <body>
   Cada tema cambia colores, tipografía, bordes, sombras y radios
   para tener un carácter visual distintivo (no solo cambio de color).
   ============================================================= */

/* ───────────────────────────────────────────────────────────────
   1. DARK PRO — Oscuro tipo Uber Eats / Rappi night.
   Cards con bordes sutiles, fondos negros, acento esmeralda.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="dark_pro"] { background: #0A0A0A !important; color: #F4F4F5; }
body[data-store-theme="dark_pro"] .store-body,
body[data-store-theme="dark_pro"].store-body { background: #0A0A0A; }
body[data-store-theme="dark_pro"] .store-sticky-bar {
    background: rgba(10,10,10,.96); border-bottom-color: #27272A;
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
body[data-store-theme="dark_pro"] .store-search-input { background: #18181B; border-color: #3F3F46; color: #F4F4F5; }
body[data-store-theme="dark_pro"] .store-search-input::placeholder { color: #71717A; }
body[data-store-theme="dark_pro"] .store-search-clear { color: #71717A; background: #27272A; }
body[data-store-theme="dark_pro"] .category-pill { color: #A1A1AA; }
body[data-store-theme="dark_pro"] .category-pill-icon { background: #18181B; border-color: #27272A; color: #A1A1AA; }
body[data-store-theme="dark_pro"] .category-pill.active,
body[data-store-theme="dark_pro"] .category-pill[aria-pressed="true"] { color: #FAFAFA; }
body[data-store-theme="dark_pro"] .category-pill.active .category-pill-icon,
body[data-store-theme="dark_pro"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: linear-gradient(135deg, #22C55E, #15803D); color: #fff;
    box-shadow: 0 10px 30px -8px rgba(34,197,94,.6);
}
body[data-store-theme="dark_pro"] .featured-card-inner,
body[data-store-theme="dark_pro"] .product-row-pro {
    background: #18181B; border-color: #27272A; color: #F4F4F5;
    box-shadow: 0 4px 16px rgba(0,0,0,.4);
}
body[data-store-theme="dark_pro"] .store-hero-card,
body[data-store-theme="dark_pro"] .store-hero-action,
body[data-store-theme="dark_pro"] .store-sidebar-card,
body[data-store-theme="dark_pro"] .store-cart-panel,
body[data-store-theme="dark_pro"] .store-quick-btn,
body[data-store-theme="dark_pro"] .store-sidebar-link,
body[data-store-theme="dark_pro"] .store-stat,
body[data-store-theme="dark_pro"] .store-trust-row,
body[data-store-theme="dark_pro"] .store-trust-strip { background: #18181B; border-color: #27272A; color: #F4F4F5; }
body[data-store-theme="dark_pro"] .store-sidebar-status { background: #0A0A0A; border-color: #27272A; }
body[data-store-theme="dark_pro"] .product-row-pro-mod { background: #27272A; color: #D4D4D8; }
body[data-store-theme="dark_pro"] .featured-card-badge { background: rgba(24,24,27,.95); color: #FCD34D; border: 1px solid #3F3F46; }
body[data-store-theme="dark_pro"] .store-section-title,
body[data-store-theme="dark_pro"] .store-hero-name,
body[data-store-theme="dark_pro"] .featured-card-name,
body[data-store-theme="dark_pro"] .product-row-pro-name { color: #FAFAFA; }
body[data-store-theme="dark_pro"] .store-section-sub,
body[data-store-theme="dark_pro"] .featured-card-desc,
body[data-store-theme="dark_pro"] .product-row-pro-desc { color: #71717A; }
body[data-store-theme="dark_pro"] .store-location-card { background: #18181B; border-color: #27272A; }
body[data-store-theme="dark_pro"] .store-location-header { color: #A1A1AA; }
body[data-store-theme="dark_pro"] .store-location-addr-text { color: #71717A; }
body[data-store-theme="dark_pro"] .store-location-map-placeholder { background: #27272A; }
body[data-store-theme="dark_pro"] .welcome-banner { background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.25); }
body[data-store-theme="dark_pro"] .welcome-banner p { color: #86EFAC; }
body[data-store-theme="dark_pro"] .store-sidebar-link:hover { background: #27272A; }
body[data-store-theme="dark_pro"] .cart-bar { background: linear-gradient(135deg, #22C55E, #15803D); color: #fff; box-shadow: 0 -8px 28px rgba(0,0,0,.5); }
body[data-store-theme="dark_pro"] .btn-brand {
    background: linear-gradient(135deg, #22C55E, #15803D); color: #fff;
    box-shadow: 0 12px 32px -10px rgba(34,197,94,.55);
}

/* ───────────────────────────────────────────────────────────────
   2. WARM CAFÉ — Tonos tierra, cards cremas, sombras cálidas.
   Ideal para cafeterías y panaderías artesanales.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="warm_cafe"] { background: #FAF6F0 !important; color: #1C0A00; }
body[data-store-theme="warm_cafe"].store-body { background: #FAF6F0; }
body[data-store-theme="warm_cafe"] .store-sticky-bar {
    background: rgba(250,246,240,.97); border-bottom-color: #E8D5C0;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
body[data-store-theme="warm_cafe"] .store-search-input {
    background: #FFF8F0; border-color: #E8D5C0; color: #1C0A00;
    border-radius: 9999px; /* búsqueda tipo píldora */
}
body[data-store-theme="warm_cafe"] .store-search-input::placeholder { color: #A8968A; }
body[data-store-theme="warm_cafe"] .category-pill-icon {
    background: #FFF3EA; border-color: #E8D5C0; color: #78716C;
    border-radius: 9999px; /* píldoras circulares */
}
body[data-store-theme="warm_cafe"] .category-pill.active .category-pill-icon,
body[data-store-theme="warm_cafe"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: linear-gradient(135deg, #92400E, #B45309); color: #fff;
    box-shadow: 0 10px 24px -8px rgba(146,64,14,.45);
}
body[data-store-theme="warm_cafe"] .featured-card-inner,
body[data-store-theme="warm_cafe"] .product-row-pro {
    background: #FFFFFF; border-color: #E8D5C0;
    box-shadow: 0 4px 16px rgba(140,70,20,.08);
    border-radius: 1rem;
}
body[data-store-theme="warm_cafe"] .store-hero-card,
body[data-store-theme="warm_cafe"] .store-hero-action,
body[data-store-theme="warm_cafe"] .store-sidebar-card,
body[data-store-theme="warm_cafe"] .store-cart-panel,
body[data-store-theme="warm_cafe"] .store-stat,
body[data-store-theme="warm_cafe"] .store-trust-strip { background: #FFFFFF; border-color: #E8D5C0; box-shadow: 0 4px 14px rgba(140,70,20,.07); }
body[data-store-theme="warm_cafe"] .store-quick-btn { background: #FFF3EA; border-color: #E8D5C0; color: #78716C; }
body[data-store-theme="warm_cafe"] .store-hero-logo { border-color: #FFF8F0; box-shadow: 0 6px 20px rgba(140,70,20,.18); }
body[data-store-theme="warm_cafe"] .store-section-title,
body[data-store-theme="warm_cafe"] .store-hero-name {
    color: #1C0A00; font-family: 'Georgia','Cambria','Times New Roman',serif;
    letter-spacing: -.005em; font-weight: 700;
}
body[data-store-theme="warm_cafe"] .store-section-sub { color: #A8968A; font-style: italic; }
body[data-store-theme="warm_cafe"] .featured-card-name,
body[data-store-theme="warm_cafe"] .product-row-pro-name { color: #1C0A00; font-weight: 700; }
body[data-store-theme="warm_cafe"] .featured-card-desc,
body[data-store-theme="warm_cafe"] .product-row-pro-desc { color: #A8968A; }
body[data-store-theme="warm_cafe"] .product-row-pro-mod { background: #FEF3C7; color: #92400E; }
body[data-store-theme="warm_cafe"] .store-location-card { background: #FFFFFF; border-color: #E8D5C0; }
body[data-store-theme="warm_cafe"] .store-location-addr-text { color: #A8968A; }
body[data-store-theme="warm_cafe"] .welcome-banner { background: #FEF3C7; border-color: #FDE68A; }
body[data-store-theme="warm_cafe"] .welcome-banner p { color: #92400E; }
body[data-store-theme="warm_cafe"] .store-sidebar-link { color: #78716C; }
body[data-store-theme="warm_cafe"] .store-sidebar-link:hover { background: #FFF3EA; color: #1C0A00; }
body[data-store-theme="warm_cafe"] .cart-bar {
    background: linear-gradient(135deg, #92400E, #78350F); color: #fff;
    border-radius: 9999px;
    box-shadow: 0 -8px 28px rgba(140,70,20,.25);
}
body[data-store-theme="warm_cafe"] .btn-brand {
    background: linear-gradient(135deg, #92400E, #B45309); color: #fff;
    border-radius: 9999px;
    box-shadow: 0 12px 32px -10px rgba(146,64,14,.45);
}

/* ───────────────────────────────────────────────────────────────
   3. FRESCO NATURAL — Verde menta, sombras suaves verdes, ideal
   para juicerías, bowls, productos saludables y veganos.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="fresh_mint"] { background: #F0FDF4 !important; color: #064E3B; }
body[data-store-theme="fresh_mint"].store-body { background: #F0FDF4; }
body[data-store-theme="fresh_mint"] .store-sticky-bar {
    background: rgba(240,253,244,.96); border-bottom-color: #BBF7D0;
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
body[data-store-theme="fresh_mint"] .store-search-input {
    background: #FFFFFF; border-color: #BBF7D0; color: #064E3B;
    border-radius: 9999px;
}
body[data-store-theme="fresh_mint"] .store-search-input::placeholder { color: #6EE7B7; }
body[data-store-theme="fresh_mint"] .category-pill-icon {
    background: #FFFFFF; border-color: #BBF7D0; color: #047857;
    border-radius: 9999px; box-shadow: 0 2px 8px rgba(16,185,129,.08);
}
body[data-store-theme="fresh_mint"] .category-pill.active .category-pill-icon,
body[data-store-theme="fresh_mint"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: linear-gradient(135deg, #059669, #047857); color: #FFFFFF;
    box-shadow: 0 10px 24px -8px rgba(5,150,105,.5);
    transform: translateY(-2px);
}
body[data-store-theme="fresh_mint"] .featured-card-inner,
body[data-store-theme="fresh_mint"] .product-row-pro {
    background: #FFFFFF; border-color: #BBF7D0;
    border-radius: 1.25rem;
    box-shadow: 0 4px 16px rgba(5,150,105,.08);
}
body[data-store-theme="fresh_mint"] .featured-card-inner:hover,
body[data-store-theme="fresh_mint"] .product-row-pro:hover {
    border-color: #6EE7B7;
    box-shadow: 0 12px 28px rgba(5,150,105,.15);
}
body[data-store-theme="fresh_mint"] .store-hero-card,
body[data-store-theme="fresh_mint"] .store-hero-action,
body[data-store-theme="fresh_mint"] .store-sidebar-card,
body[data-store-theme="fresh_mint"] .store-cart-panel,
body[data-store-theme="fresh_mint"] .store-quick-btn,
body[data-store-theme="fresh_mint"] .store-stat,
body[data-store-theme="fresh_mint"] .store-trust-strip {
    background: #FFFFFF; border-color: #BBF7D0;
    border-radius: 1.25rem; box-shadow: 0 4px 14px rgba(5,150,105,.08);
}
body[data-store-theme="fresh_mint"] .store-hero-logo { border-color: #FFFFFF; box-shadow: 0 6px 18px rgba(5,150,105,.18); }
body[data-store-theme="fresh_mint"] .store-section-title,
body[data-store-theme="fresh_mint"] .store-hero-name { color: #064E3B; font-weight: 700; letter-spacing: -.01em; }
body[data-store-theme="fresh_mint"] .store-section-sub { color: #059669; opacity: .8; }
body[data-store-theme="fresh_mint"] .featured-card-name,
body[data-store-theme="fresh_mint"] .product-row-pro-name { color: #064E3B; font-weight: 700; }
body[data-store-theme="fresh_mint"] .featured-card-desc,
body[data-store-theme="fresh_mint"] .product-row-pro-desc { color: #6B8B82; }
body[data-store-theme="fresh_mint"] .featured-card-price,
body[data-store-theme="fresh_mint"] .product-row-pro-price { color: #047857; font-weight: 800; }
body[data-store-theme="fresh_mint"] .product-row-pro-mod { background: #D1FAE5; color: #047857; border-radius: 9999px; }
body[data-store-theme="fresh_mint"] .featured-card-badge { background: #D1FAE5; color: #047857; border-radius: 9999px; }
body[data-store-theme="fresh_mint"] .store-location-card { background: #FFFFFF; border-color: #BBF7D0; border-radius: 1.25rem; }
body[data-store-theme="fresh_mint"] .welcome-banner { background: linear-gradient(135deg, #D1FAE5, #ECFDF5); border-color: #BBF7D0; border-radius: 1.25rem; }
body[data-store-theme="fresh_mint"] .welcome-banner p { color: #047857; }
body[data-store-theme="fresh_mint"] .cart-bar {
    background: linear-gradient(135deg, #059669, #047857); color: #FFFFFF;
    border-radius: 9999px;
    box-shadow: 0 -8px 28px rgba(5,150,105,.35);
}
body[data-store-theme="fresh_mint"] .btn-brand {
    background: linear-gradient(135deg, #059669, #047857); color: #FFFFFF;
    border-radius: 9999px; font-weight: 700;
    box-shadow: 0 12px 28px -8px rgba(5,150,105,.5);
}

/* ───────────────────────────────────────────────────────────────
   4. BRISA MARINA — Azul oceánico, fresco y profesional, ideal
   para sushi, mariscos, ceviches, pescaderías y restaurantes
   contemporáneos.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="ocean_blue"] { background: #F0F9FF !important; color: #0C4A6E; }
body[data-store-theme="ocean_blue"].store-body { background: #F0F9FF; }
body[data-store-theme="ocean_blue"] .store-sticky-bar {
    background: rgba(240,249,255,.96); border-bottom-color: #BAE6FD;
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
body[data-store-theme="ocean_blue"] .store-search-input {
    background: #FFFFFF; border-color: #BAE6FD; color: #0C4A6E;
    border-radius: 1rem;
}
body[data-store-theme="ocean_blue"] .store-search-input::placeholder { color: #7DD3FC; }
body[data-store-theme="ocean_blue"] .category-pill-icon {
    background: #FFFFFF; border-color: #BAE6FD; color: #0369A1;
    border-radius: 1rem; box-shadow: 0 2px 8px rgba(3,105,161,.08);
}
body[data-store-theme="ocean_blue"] .category-pill.active .category-pill-icon,
body[data-store-theme="ocean_blue"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: linear-gradient(135deg, #0369A1, #075985); color: #FFFFFF;
    box-shadow: 0 10px 24px -8px rgba(3,105,161,.5);
    transform: translateY(-2px);
}
body[data-store-theme="ocean_blue"] .featured-card-inner,
body[data-store-theme="ocean_blue"] .product-row-pro {
    background: #FFFFFF; border-color: #BAE6FD;
    border-radius: 1.125rem;
    box-shadow: 0 4px 18px rgba(3,105,161,.10);
}
body[data-store-theme="ocean_blue"] .featured-card-inner:hover,
body[data-store-theme="ocean_blue"] .product-row-pro:hover {
    border-color: #7DD3FC;
    box-shadow: 0 14px 30px rgba(3,105,161,.18);
}
body[data-store-theme="ocean_blue"] .store-hero-card,
body[data-store-theme="ocean_blue"] .store-hero-action,
body[data-store-theme="ocean_blue"] .store-sidebar-card,
body[data-store-theme="ocean_blue"] .store-cart-panel,
body[data-store-theme="ocean_blue"] .store-quick-btn,
body[data-store-theme="ocean_blue"] .store-stat,
body[data-store-theme="ocean_blue"] .store-trust-strip {
    background: #FFFFFF; border-color: #BAE6FD;
    border-radius: 1.125rem; box-shadow: 0 4px 14px rgba(3,105,161,.08);
}
body[data-store-theme="ocean_blue"] .store-hero-logo { border-color: #FFFFFF; box-shadow: 0 6px 18px rgba(3,105,161,.20); }
body[data-store-theme="ocean_blue"] .store-section-title,
body[data-store-theme="ocean_blue"] .store-hero-name { color: #0C4A6E; font-weight: 700; letter-spacing: -.01em; }
body[data-store-theme="ocean_blue"] .store-section-sub { color: #0369A1; opacity: .8; }
body[data-store-theme="ocean_blue"] .featured-card-name,
body[data-store-theme="ocean_blue"] .product-row-pro-name { color: #0C4A6E; font-weight: 700; }
body[data-store-theme="ocean_blue"] .featured-card-desc,
body[data-store-theme="ocean_blue"] .product-row-pro-desc { color: #5F8AA3; }
body[data-store-theme="ocean_blue"] .featured-card-price,
body[data-store-theme="ocean_blue"] .product-row-pro-price { color: #0369A1; font-weight: 800; }
body[data-store-theme="ocean_blue"] .product-row-pro-mod { background: #DBEAFE; color: #0369A1; border-radius: .5rem; }
body[data-store-theme="ocean_blue"] .featured-card-badge { background: #DBEAFE; color: #0369A1; }
body[data-store-theme="ocean_blue"] .store-location-card { background: #FFFFFF; border-color: #BAE6FD; border-radius: 1.125rem; }
body[data-store-theme="ocean_blue"] .welcome-banner { background: linear-gradient(135deg, #DBEAFE, #E0F2FE); border-color: #BAE6FD; border-radius: 1.125rem; }
body[data-store-theme="ocean_blue"] .welcome-banner p { color: #0369A1; }
body[data-store-theme="ocean_blue"] .cart-bar {
    background: linear-gradient(135deg, #0369A1, #075985); color: #FFFFFF;
    border-radius: 1rem;
    box-shadow: 0 -8px 28px rgba(3,105,161,.35);
}
body[data-store-theme="ocean_blue"] .btn-brand {
    background: linear-gradient(135deg, #0369A1, #075985); color: #FFFFFF;
    border-radius: .875rem; font-weight: 700;
    box-shadow: 0 12px 28px -8px rgba(3,105,161,.5);
}

/* ───────────────────────────────────────────────────────────────
   5. MOCHA PREMIUM — Marrón chocolate elegante, fondo crema cálido,
   ideal para chocolaterías, pastelerías premium, repostería fina,
   marcas con identidad sofisticada.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="mocha"] { background: #FDF6E3 !important; color: #451A03; }
body[data-store-theme="mocha"].store-body { background: #FDF6E3; }
body[data-store-theme="mocha"] .store-sticky-bar {
    background: rgba(253,246,227,.97); border-bottom-color: #E7D5B8;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
body[data-store-theme="mocha"] .store-search-input {
    background: #FFFBEB; border-color: #E7D5B8; color: #451A03;
    border-radius: 1rem;
}
body[data-store-theme="mocha"] .store-search-input::placeholder { color: #B8956D; }
body[data-store-theme="mocha"] .category-pill-icon {
    background: #FFFBEB; border-color: #E7D5B8; color: #78350F;
    border-radius: 1rem; box-shadow: 0 2px 8px rgba(120,53,15,.08);
}
body[data-store-theme="mocha"] .category-pill.active .category-pill-icon,
body[data-store-theme="mocha"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: linear-gradient(135deg, #78350F, #451A03); color: #FFFBEB;
    box-shadow: 0 10px 24px -8px rgba(120,53,15,.5);
    transform: translateY(-2px);
}
body[data-store-theme="mocha"] .featured-card-inner,
body[data-store-theme="mocha"] .product-row-pro {
    background: #FFFBEB; border-color: #E7D5B8;
    border-radius: 1rem;
    box-shadow: 0 4px 18px rgba(120,53,15,.10);
}
body[data-store-theme="mocha"] .featured-card-inner:hover,
body[data-store-theme="mocha"] .product-row-pro:hover {
    border-color: #D4B894;
    box-shadow: 0 12px 28px rgba(120,53,15,.18);
}
body[data-store-theme="mocha"] .store-hero-card,
body[data-store-theme="mocha"] .store-hero-action,
body[data-store-theme="mocha"] .store-sidebar-card,
body[data-store-theme="mocha"] .store-cart-panel,
body[data-store-theme="mocha"] .store-quick-btn,
body[data-store-theme="mocha"] .store-stat,
body[data-store-theme="mocha"] .store-trust-strip {
    background: #FFFBEB; border-color: #E7D5B8;
    border-radius: 1rem; box-shadow: 0 4px 14px rgba(120,53,15,.08);
}
body[data-store-theme="mocha"] .store-hero-logo { border-color: #FFFBEB; box-shadow: 0 6px 18px rgba(120,53,15,.20); }
body[data-store-theme="mocha"] .store-section-title,
body[data-store-theme="mocha"] .store-hero-name {
    color: #451A03; font-weight: 700; letter-spacing: -.01em;
    font-family: 'Georgia','Cambria','Times New Roman',serif;
}
body[data-store-theme="mocha"] .store-section-sub { color: #92400E; opacity: .85; font-style: italic; }
body[data-store-theme="mocha"] .featured-card-name,
body[data-store-theme="mocha"] .product-row-pro-name { color: #451A03; font-weight: 700; }
body[data-store-theme="mocha"] .featured-card-desc,
body[data-store-theme="mocha"] .product-row-pro-desc { color: #92400E; opacity: .75; }
body[data-store-theme="mocha"] .featured-card-price,
body[data-store-theme="mocha"] .product-row-pro-price { color: #78350F; font-weight: 800; }
body[data-store-theme="mocha"] .product-row-pro-mod { background: #FEF3C7; color: #92400E; border-radius: .5rem; }
body[data-store-theme="mocha"] .featured-card-badge { background: #FEF3C7; color: #92400E; }
body[data-store-theme="mocha"] .store-location-card { background: #FFFBEB; border-color: #E7D5B8; border-radius: 1rem; }
body[data-store-theme="mocha"] .welcome-banner { background: linear-gradient(135deg, #FEF3C7, #FEF9C3); border-color: #E7D5B8; border-radius: 1rem; }
body[data-store-theme="mocha"] .welcome-banner p { color: #78350F; }
body[data-store-theme="mocha"] .cart-bar {
    background: linear-gradient(135deg, #78350F, #451A03); color: #FFFBEB;
    border-radius: 1rem;
    box-shadow: 0 -8px 28px rgba(120,53,15,.4);
}
body[data-store-theme="mocha"] .btn-brand {
    background: linear-gradient(135deg, #78350F, #451A03); color: #FFFBEB;
    border-radius: .875rem; font-weight: 700;
    box-shadow: 0 12px 28px -8px rgba(120,53,15,.55);
}

/* ───────────────────────────────────────────────────────────────
   6. ATARDECER — Naranja durazno cálido, alegre y vital, ideal
   para brunch, jugos naturales, frutas, heladerías, smoothies.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="sunset"] { background: #FFF7ED !important; color: #7C2D12; }
body[data-store-theme="sunset"].store-body { background: #FFF7ED; }
body[data-store-theme="sunset"] .store-sticky-bar {
    background: rgba(255,247,237,.96); border-bottom-color: #FED7AA;
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
body[data-store-theme="sunset"] .store-search-input {
    background: #FFFFFF; border-color: #FED7AA; color: #7C2D12;
    border-radius: 9999px;
}
body[data-store-theme="sunset"] .store-search-input::placeholder { color: #FB923C; }
body[data-store-theme="sunset"] .category-pill-icon {
    background: #FFFFFF; border-color: #FED7AA; color: #C2410C;
    border-radius: 9999px; box-shadow: 0 2px 8px rgba(234,88,12,.08);
}
body[data-store-theme="sunset"] .category-pill.active .category-pill-icon,
body[data-store-theme="sunset"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: linear-gradient(135deg, #EA580C, #C2410C); color: #FFFFFF;
    box-shadow: 0 10px 24px -8px rgba(234,88,12,.5);
    transform: translateY(-2px);
}
body[data-store-theme="sunset"] .featured-card-inner,
body[data-store-theme="sunset"] .product-row-pro {
    background: #FFFFFF; border-color: #FED7AA;
    border-radius: 1.5rem;
    box-shadow: 0 4px 18px rgba(234,88,12,.10);
}
body[data-store-theme="sunset"] .featured-card-inner:hover,
body[data-store-theme="sunset"] .product-row-pro:hover {
    border-color: #FDBA74;
    box-shadow: 0 14px 30px rgba(234,88,12,.18);
}
body[data-store-theme="sunset"] .store-hero-card,
body[data-store-theme="sunset"] .store-hero-action,
body[data-store-theme="sunset"] .store-sidebar-card,
body[data-store-theme="sunset"] .store-cart-panel,
body[data-store-theme="sunset"] .store-quick-btn,
body[data-store-theme="sunset"] .store-stat,
body[data-store-theme="sunset"] .store-trust-strip {
    background: #FFFFFF; border-color: #FED7AA;
    border-radius: 1.25rem; box-shadow: 0 4px 14px rgba(234,88,12,.08);
}
body[data-store-theme="sunset"] .store-hero-logo { border-color: #FFFFFF; box-shadow: 0 6px 18px rgba(234,88,12,.22); }
body[data-store-theme="sunset"] .store-section-title,
body[data-store-theme="sunset"] .store-hero-name { color: #7C2D12; font-weight: 800; letter-spacing: -.01em; }
body[data-store-theme="sunset"] .store-section-sub { color: #C2410C; opacity: .85; }
body[data-store-theme="sunset"] .featured-card-name,
body[data-store-theme="sunset"] .product-row-pro-name { color: #7C2D12; font-weight: 700; }
body[data-store-theme="sunset"] .featured-card-desc,
body[data-store-theme="sunset"] .product-row-pro-desc { color: #B45309; opacity: .75; }
body[data-store-theme="sunset"] .featured-card-price,
body[data-store-theme="sunset"] .product-row-pro-price { color: #C2410C; font-weight: 800; }
body[data-store-theme="sunset"] .product-row-pro-mod { background: #FFEDD5; color: #C2410C; border-radius: 9999px; }
body[data-store-theme="sunset"] .featured-card-badge { background: #FFEDD5; color: #C2410C; border-radius: 9999px; }
body[data-store-theme="sunset"] .store-location-card { background: #FFFFFF; border-color: #FED7AA; border-radius: 1.25rem; }
body[data-store-theme="sunset"] .welcome-banner { background: linear-gradient(135deg, #FFEDD5, #FFE4E6); border-color: #FED7AA; border-radius: 1.25rem; }
body[data-store-theme="sunset"] .welcome-banner p { color: #C2410C; }
body[data-store-theme="sunset"] .cart-bar {
    background: linear-gradient(135deg, #EA580C, #C2410C); color: #FFFFFF;
    border-radius: 9999px;
    box-shadow: 0 -8px 28px rgba(234,88,12,.35);
}
body[data-store-theme="sunset"] .btn-brand {
    background: linear-gradient(135deg, #EA580C, #C2410C); color: #FFFFFF;
    border-radius: 9999px; font-weight: 700;
    box-shadow: 0 12px 28px -8px rgba(234,88,12,.5);
}

/* ───────────────────────────────────────────────────────────────
   7. BISTRÓ OLIVO — Verde oliva apagado, fondo crema cálido,
   sobrio y tradicional. Ideal para bistrós, restaurantes europeos,
   vinotecas, comida casera artesanal.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="olive_bistro"] { background: #F7F5EE !important; color: #3B4419; }
body[data-store-theme="olive_bistro"].store-body { background: #F7F5EE; }
body[data-store-theme="olive_bistro"] .store-sticky-bar {
    background: rgba(247,245,238,.97); border-bottom-color: #DAD5BE;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
body[data-store-theme="olive_bistro"] .store-search-input {
    background: #FFFFFF; border-color: #DAD5BE; color: #3B4419;
    border-radius: .625rem;
}
body[data-store-theme="olive_bistro"] .store-search-input::placeholder { color: #8B8A6E; }
body[data-store-theme="olive_bistro"] .category-pill-icon {
    background: #FFFFFF; border-color: #DAD5BE; color: #4D5D2A;
    border-radius: .625rem; box-shadow: 0 2px 6px rgba(77,93,42,.06);
}
body[data-store-theme="olive_bistro"] .category-pill.active .category-pill-icon,
body[data-store-theme="olive_bistro"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: #4D5D2A; color: #F7F5EE;
    box-shadow: 0 6px 16px -6px rgba(77,93,42,.45);
}
body[data-store-theme="olive_bistro"] .featured-card-inner,
body[data-store-theme="olive_bistro"] .product-row-pro {
    background: #FFFFFF; border-color: #DAD5BE;
    border-radius: .875rem;
    box-shadow: 0 2px 10px rgba(77,93,42,.06);
}
body[data-store-theme="olive_bistro"] .featured-card-inner:hover,
body[data-store-theme="olive_bistro"] .product-row-pro:hover {
    border-color: #B8B591;
    box-shadow: 0 8px 22px rgba(77,93,42,.12);
}
body[data-store-theme="olive_bistro"] .store-hero-card,
body[data-store-theme="olive_bistro"] .store-hero-action,
body[data-store-theme="olive_bistro"] .store-sidebar-card,
body[data-store-theme="olive_bistro"] .store-cart-panel,
body[data-store-theme="olive_bistro"] .store-quick-btn,
body[data-store-theme="olive_bistro"] .store-stat,
body[data-store-theme="olive_bistro"] .store-trust-strip {
    background: #FFFFFF; border-color: #DAD5BE;
    border-radius: .875rem; box-shadow: 0 2px 8px rgba(77,93,42,.05);
}
body[data-store-theme="olive_bistro"] .store-hero-logo { border-color: #FFFFFF; box-shadow: 0 4px 14px rgba(77,93,42,.15); }
body[data-store-theme="olive_bistro"] .store-section-title,
body[data-store-theme="olive_bistro"] .store-hero-name { color: #3B4419; font-weight: 700; letter-spacing: -.005em; }
body[data-store-theme="olive_bistro"] .store-section-sub { color: #6B7B3F; opacity: .8; }
body[data-store-theme="olive_bistro"] .featured-card-name,
body[data-store-theme="olive_bistro"] .product-row-pro-name { color: #3B4419; font-weight: 600; }
body[data-store-theme="olive_bistro"] .featured-card-desc,
body[data-store-theme="olive_bistro"] .product-row-pro-desc { color: #6B7060; }
body[data-store-theme="olive_bistro"] .featured-card-price,
body[data-store-theme="olive_bistro"] .product-row-pro-price { color: #4D5D2A; font-weight: 700; }
body[data-store-theme="olive_bistro"] .product-row-pro-mod { background: #EDEAD9; color: #4D5D2A; border-radius: .375rem; }
body[data-store-theme="olive_bistro"] .featured-card-badge { background: #EDEAD9; color: #4D5D2A; }
body[data-store-theme="olive_bistro"] .store-location-card { background: #FFFFFF; border-color: #DAD5BE; border-radius: .875rem; }
body[data-store-theme="olive_bistro"] .welcome-banner { background: #EDEAD9; border-color: #DAD5BE; border-radius: .875rem; }
body[data-store-theme="olive_bistro"] .welcome-banner p { color: #4D5D2A; }
body[data-store-theme="olive_bistro"] .cart-bar {
    background: #4D5D2A; color: #F7F5EE;
    border-radius: .625rem;
    box-shadow: 0 -6px 22px rgba(77,93,42,.3);
}
body[data-store-theme="olive_bistro"] .btn-brand {
    background: #4D5D2A; color: #FFFFFF;
    border-radius: .625rem; font-weight: 600;
    box-shadow: 0 8px 20px -8px rgba(77,93,42,.45);
}
body[data-store-theme="olive_bistro"] .btn-brand:hover { background: #3B4419; }

/* ───────────────────────────────────────────────────────────────
   8. PIZARRA — Gris pizarra elegante, neutro corporativo. Ideal
   para tiendas formales, oficinas, marcas profesionales, librerías,
   negocios que quieren transmitir seriedad sin ser oscuros.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="slate_pro"] { background: #F8FAFC !important; color: #1E293B; }
body[data-store-theme="slate_pro"].store-body { background: #F8FAFC; }
body[data-store-theme="slate_pro"] .store-sticky-bar {
    background: rgba(248,250,252,.97); border-bottom-color: #CBD5E1;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
body[data-store-theme="slate_pro"] .store-search-input {
    background: #FFFFFF; border-color: #CBD5E1; color: #1E293B;
    border-radius: .5rem;
}
body[data-store-theme="slate_pro"] .store-search-input::placeholder { color: #94A3B8; }
body[data-store-theme="slate_pro"] .category-pill-icon {
    background: #FFFFFF; border-color: #CBD5E1; color: #334155;
    border-radius: .5rem; box-shadow: 0 1px 3px rgba(15,23,42,.05);
}
body[data-store-theme="slate_pro"] .category-pill.active .category-pill-icon,
body[data-store-theme="slate_pro"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: #334155; color: #F8FAFC;
    box-shadow: 0 6px 14px -4px rgba(51,65,85,.4);
}
body[data-store-theme="slate_pro"] .featured-card-inner,
body[data-store-theme="slate_pro"] .product-row-pro {
    background: #FFFFFF; border-color: #E2E8F0;
    border-radius: .625rem;
    box-shadow: 0 1px 4px rgba(15,23,42,.04);
}
body[data-store-theme="slate_pro"] .featured-card-inner:hover,
body[data-store-theme="slate_pro"] .product-row-pro:hover {
    border-color: #94A3B8;
    box-shadow: 0 6px 18px rgba(15,23,42,.08);
}
body[data-store-theme="slate_pro"] .store-hero-card,
body[data-store-theme="slate_pro"] .store-hero-action,
body[data-store-theme="slate_pro"] .store-sidebar-card,
body[data-store-theme="slate_pro"] .store-cart-panel,
body[data-store-theme="slate_pro"] .store-quick-btn,
body[data-store-theme="slate_pro"] .store-stat,
body[data-store-theme="slate_pro"] .store-trust-strip {
    background: #FFFFFF; border-color: #E2E8F0;
    border-radius: .625rem; box-shadow: 0 1px 4px rgba(15,23,42,.04);
}
body[data-store-theme="slate_pro"] .store-hero-logo { border-color: #FFFFFF; box-shadow: 0 3px 10px rgba(15,23,42,.12); }
body[data-store-theme="slate_pro"] .store-section-title,
body[data-store-theme="slate_pro"] .store-hero-name { color: #0F172A; font-weight: 600; letter-spacing: -.01em; }
body[data-store-theme="slate_pro"] .store-section-sub { color: #64748B; }
body[data-store-theme="slate_pro"] .featured-card-name,
body[data-store-theme="slate_pro"] .product-row-pro-name { color: #0F172A; font-weight: 600; }
body[data-store-theme="slate_pro"] .featured-card-desc,
body[data-store-theme="slate_pro"] .product-row-pro-desc { color: #64748B; }
body[data-store-theme="slate_pro"] .featured-card-price,
body[data-store-theme="slate_pro"] .product-row-pro-price { color: #334155; font-weight: 700; }
body[data-store-theme="slate_pro"] .product-row-pro-mod { background: #F1F5F9; color: #334155; border-radius: .25rem; }
body[data-store-theme="slate_pro"] .featured-card-badge { background: #F1F5F9; color: #334155; }
body[data-store-theme="slate_pro"] .store-location-card { background: #FFFFFF; border-color: #E2E8F0; border-radius: .625rem; }
body[data-store-theme="slate_pro"] .welcome-banner { background: #F1F5F9; border-color: #CBD5E1; border-radius: .625rem; }
body[data-store-theme="slate_pro"] .welcome-banner p { color: #334155; }
body[data-store-theme="slate_pro"] .cart-bar {
    background: #334155; color: #F8FAFC;
    border-radius: .5rem;
    box-shadow: 0 -4px 18px rgba(15,23,42,.25);
}
body[data-store-theme="slate_pro"] .btn-brand {
    background: #334155; color: #FFFFFF;
    border-radius: .5rem; font-weight: 600;
    box-shadow: 0 6px 14px -4px rgba(51,65,85,.4);
}
body[data-store-theme="slate_pro"] .btn-brand:hover { background: #1E293B; }

/* ───────────────────────────────────────────────────────────────
   9. BURDEOS — Vino tinto profundo, refinado, ideal para
   restaurantes de carnes, vinotecas, parrillas premium, joyería.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="burgundy"] { background: #FAF5F5 !important; color: #581123; }
body[data-store-theme="burgundy"].store-body { background: #FAF5F5; }
body[data-store-theme="burgundy"] .store-sticky-bar {
    background: rgba(250,245,245,.97); border-bottom-color: #E5C5CB;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
body[data-store-theme="burgundy"] .store-search-input {
    background: #FFFFFF; border-color: #E5C5CB; color: #581123;
    border-radius: .5rem;
}
body[data-store-theme="burgundy"] .store-search-input::placeholder { color: #B08896; }
body[data-store-theme="burgundy"] .category-pill-icon {
    background: #FFFFFF; border-color: #E5C5CB; color: #7C1D2E;
    border-radius: .5rem; box-shadow: 0 2px 6px rgba(124,29,46,.06);
}
body[data-store-theme="burgundy"] .category-pill.active .category-pill-icon,
body[data-store-theme="burgundy"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: #7C1D2E; color: #FAF5F5;
    box-shadow: 0 6px 16px -6px rgba(124,29,46,.45);
}
body[data-store-theme="burgundy"] .featured-card-inner,
body[data-store-theme="burgundy"] .product-row-pro {
    background: #FFFFFF; border-color: #E5C5CB;
    border-radius: .625rem;
    box-shadow: 0 2px 10px rgba(124,29,46,.07);
}
body[data-store-theme="burgundy"] .featured-card-inner:hover,
body[data-store-theme="burgundy"] .product-row-pro:hover {
    border-color: #C99099;
    box-shadow: 0 8px 22px rgba(124,29,46,.14);
}
body[data-store-theme="burgundy"] .store-hero-card,
body[data-store-theme="burgundy"] .store-hero-action,
body[data-store-theme="burgundy"] .store-sidebar-card,
body[data-store-theme="burgundy"] .store-cart-panel,
body[data-store-theme="burgundy"] .store-quick-btn,
body[data-store-theme="burgundy"] .store-stat,
body[data-store-theme="burgundy"] .store-trust-strip {
    background: #FFFFFF; border-color: #E5C5CB;
    border-radius: .625rem; box-shadow: 0 2px 8px rgba(124,29,46,.05);
}
body[data-store-theme="burgundy"] .store-hero-logo { border-color: #FFFFFF; box-shadow: 0 4px 14px rgba(124,29,46,.18); }
body[data-store-theme="burgundy"] .store-section-title,
body[data-store-theme="burgundy"] .store-hero-name {
    color: #581123; font-weight: 700; letter-spacing: -.01em;
    font-family: 'Georgia','Cambria','Times New Roman',serif;
}
body[data-store-theme="burgundy"] .store-section-sub { color: #9F1239; font-style: italic; opacity: .85; }
body[data-store-theme="burgundy"] .featured-card-name,
body[data-store-theme="burgundy"] .product-row-pro-name { color: #581123; font-weight: 600; }
body[data-store-theme="burgundy"] .featured-card-desc,
body[data-store-theme="burgundy"] .product-row-pro-desc { color: #886068; }
body[data-store-theme="burgundy"] .featured-card-price,
body[data-store-theme="burgundy"] .product-row-pro-price { color: #7C1D2E; font-weight: 700; }
body[data-store-theme="burgundy"] .product-row-pro-mod { background: #FEE2E2; color: #7C1D2E; border-radius: .375rem; }
body[data-store-theme="burgundy"] .featured-card-badge { background: #FEE2E2; color: #7C1D2E; }
body[data-store-theme="burgundy"] .store-location-card { background: #FFFFFF; border-color: #E5C5CB; border-radius: .625rem; }
body[data-store-theme="burgundy"] .welcome-banner { background: #FEE2E2; border-color: #E5C5CB; border-radius: .625rem; }
body[data-store-theme="burgundy"] .welcome-banner p { color: #7C1D2E; }
body[data-store-theme="burgundy"] .cart-bar {
    background: #7C1D2E; color: #FAF5F5;
    border-radius: .5rem;
    box-shadow: 0 -6px 22px rgba(124,29,46,.35);
}
body[data-store-theme="burgundy"] .btn-brand {
    background: #7C1D2E; color: #FFFFFF;
    border-radius: .5rem; font-weight: 600;
    box-shadow: 0 8px 20px -8px rgba(124,29,46,.5);
}
body[data-store-theme="burgundy"] .btn-brand:hover { background: #581123; }

/* ───────────────────────────────────────────────────────────────
   10. LINO — Beige neutro cálido, atemporal, sofisticado.
   Ideal para boutiques, ropa, decoración, panaderías sofisticadas,
   marcas con identidad minimalista pero cálida.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="linen"] { background: #FAF7F2 !important; color: #292524; }
body[data-store-theme="linen"].store-body { background: #FAF7F2; }
body[data-store-theme="linen"] .store-sticky-bar {
    background: rgba(250,247,242,.97); border-bottom-color: #D6D3D1;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
body[data-store-theme="linen"] .store-search-input {
    background: #FFFFFF; border-color: #D6D3D1; color: #292524;
    border-radius: .75rem;
}
body[data-store-theme="linen"] .store-search-input::placeholder { color: #A8A29E; }
body[data-store-theme="linen"] .category-pill-icon {
    background: #FFFFFF; border-color: #D6D3D1; color: #44403C;
    border-radius: .75rem; box-shadow: 0 1px 4px rgba(41,37,36,.05);
}
body[data-store-theme="linen"] .category-pill.active .category-pill-icon,
body[data-store-theme="linen"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: #44403C; color: #FAF7F2;
    box-shadow: 0 6px 14px -4px rgba(41,37,36,.4);
}
body[data-store-theme="linen"] .featured-card-inner,
body[data-store-theme="linen"] .product-row-pro {
    background: #FFFFFF; border-color: #E7E5E4;
    border-radius: .875rem;
    box-shadow: 0 1px 6px rgba(41,37,36,.05);
}
body[data-store-theme="linen"] .featured-card-inner:hover,
body[data-store-theme="linen"] .product-row-pro:hover {
    border-color: #A8A29E;
    box-shadow: 0 6px 18px rgba(41,37,36,.10);
}
body[data-store-theme="linen"] .store-hero-card,
body[data-store-theme="linen"] .store-hero-action,
body[data-store-theme="linen"] .store-sidebar-card,
body[data-store-theme="linen"] .store-cart-panel,
body[data-store-theme="linen"] .store-quick-btn,
body[data-store-theme="linen"] .store-stat,
body[data-store-theme="linen"] .store-trust-strip {
    background: #FFFFFF; border-color: #E7E5E4;
    border-radius: .875rem; box-shadow: 0 1px 4px rgba(41,37,36,.04);
}
body[data-store-theme="linen"] .store-hero-logo { border-color: #FFFFFF; box-shadow: 0 3px 10px rgba(41,37,36,.10); }
body[data-store-theme="linen"] .store-section-title,
body[data-store-theme="linen"] .store-hero-name { color: #1C1917; font-weight: 600; letter-spacing: -.01em; }
body[data-store-theme="linen"] .store-section-sub { color: #78716C; }
body[data-store-theme="linen"] .featured-card-name,
body[data-store-theme="linen"] .product-row-pro-name { color: #1C1917; font-weight: 600; }
body[data-store-theme="linen"] .featured-card-desc,
body[data-store-theme="linen"] .product-row-pro-desc { color: #78716C; }
body[data-store-theme="linen"] .featured-card-price,
body[data-store-theme="linen"] .product-row-pro-price { color: #44403C; font-weight: 700; }
body[data-store-theme="linen"] .product-row-pro-mod { background: #F5F5F4; color: #44403C; border-radius: .375rem; }
body[data-store-theme="linen"] .featured-card-badge { background: #F5F5F4; color: #44403C; }
body[data-store-theme="linen"] .store-location-card { background: #FFFFFF; border-color: #E7E5E4; border-radius: .875rem; }
body[data-store-theme="linen"] .welcome-banner { background: #F5F5F4; border-color: #E7E5E4; border-radius: .875rem; }
body[data-store-theme="linen"] .welcome-banner p { color: #44403C; }
body[data-store-theme="linen"] .cart-bar {
    background: #44403C; color: #FAF7F2;
    border-radius: .75rem;
    box-shadow: 0 -4px 18px rgba(41,37,36,.25);
}
body[data-store-theme="linen"] .btn-brand {
    background: #44403C; color: #FFFFFF;
    border-radius: .625rem; font-weight: 600;
    box-shadow: 0 6px 16px -4px rgba(41,37,36,.4);
}
body[data-store-theme="linen"] .btn-brand:hover { background: #292524; }

/* ───────────────────────────────────────────────────────────────
   11. BOSQUE PREMIUM — Verde bosque profundo + crema cálida + oro.
   Vibe de cafetería artesanal premium con tipografía serif.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="forest_premium"] { background: #FAF7EE !important; color: #0F4D3A; }
body[data-store-theme="forest_premium"].store-body { background: #FAF7EE; }
body[data-store-theme="forest_premium"] .store-sticky-bar {
    background: rgba(250,247,238,.97); border-bottom-color: #D9D2BB;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
body[data-store-theme="forest_premium"] .store-search-input {
    background: #FFFFFF; border-color: #D9D2BB; color: #0F4D3A;
    border-radius: .625rem;
}
body[data-store-theme="forest_premium"] .store-search-input::placeholder { color: #8A8166; }
body[data-store-theme="forest_premium"] .category-pill-icon {
    background: #FFFFFF; border-color: #D9D2BB; color: #0F4D3A;
    border-radius: .625rem; box-shadow: 0 2px 8px rgba(15,77,58,.08);
}
body[data-store-theme="forest_premium"] .category-pill.active .category-pill-icon,
body[data-store-theme="forest_premium"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: #0F4D3A; color: #FAF7EE;
    box-shadow: 0 8px 18px -6px rgba(15,77,58,.5);
    border-color: #B8860B;
}
body[data-store-theme="forest_premium"] .featured-card-inner,
body[data-store-theme="forest_premium"] .product-row-pro {
    background: #FFFFFF; border-color: #E5DEC6;
    border-radius: .875rem;
    box-shadow: 0 4px 14px rgba(15,77,58,.07);
}
body[data-store-theme="forest_premium"] .featured-card-inner:hover,
body[data-store-theme="forest_premium"] .product-row-pro:hover {
    border-color: #B8860B;
    box-shadow: 0 10px 26px rgba(15,77,58,.14);
}
body[data-store-theme="forest_premium"] .store-hero-card,
body[data-store-theme="forest_premium"] .store-hero-action,
body[data-store-theme="forest_premium"] .store-sidebar-card,
body[data-store-theme="forest_premium"] .store-cart-panel,
body[data-store-theme="forest_premium"] .store-quick-btn,
body[data-store-theme="forest_premium"] .store-stat,
body[data-store-theme="forest_premium"] .store-trust-strip {
    background: #FFFFFF; border-color: #E5DEC6;
    border-radius: .875rem; box-shadow: 0 4px 12px rgba(15,77,58,.06);
}
body[data-store-theme="forest_premium"] .store-hero-logo {
    border-color: #B8860B; box-shadow: 0 6px 18px rgba(15,77,58,.22);
}
body[data-store-theme="forest_premium"] .store-section-title,
body[data-store-theme="forest_premium"] .store-hero-name {
    color: #0F4D3A; font-weight: 700; letter-spacing: -.005em;
    font-family: 'Georgia','Cambria','Times New Roman',serif;
}
body[data-store-theme="forest_premium"] .store-section-sub { color: #54684D; font-style: italic; }
body[data-store-theme="forest_premium"] .featured-card-name,
body[data-store-theme="forest_premium"] .product-row-pro-name { color: #0F4D3A; font-weight: 700; }
body[data-store-theme="forest_premium"] .featured-card-desc,
body[data-store-theme="forest_premium"] .product-row-pro-desc { color: #6B7060; }
body[data-store-theme="forest_premium"] .featured-card-price,
body[data-store-theme="forest_premium"] .product-row-pro-price { color: #B8860B; font-weight: 800; }
body[data-store-theme="forest_premium"] .product-row-pro-mod { background: #FAF7EE; color: #0F4D3A; border-radius: .375rem; border: 1px solid #E5DEC6; }
body[data-store-theme="forest_premium"] .featured-card-badge { background: #B8860B; color: #FFFFFF; }
body[data-store-theme="forest_premium"] .store-location-card { background: #FFFFFF; border-color: #E5DEC6; border-radius: .875rem; }
body[data-store-theme="forest_premium"] .welcome-banner {
    background: linear-gradient(135deg, #0F4D3A, #14532D); color: #FAF7EE;
    border: 1px solid #B8860B; border-radius: .875rem;
}
body[data-store-theme="forest_premium"] .welcome-banner p { color: #FAF7EE; }
body[data-store-theme="forest_premium"] .cart-bar {
    background: #0F4D3A; color: #FAF7EE;
    border-radius: .625rem;
    box-shadow: 0 -6px 22px rgba(15,77,58,.35);
    border-top: 2px solid #B8860B;
}
body[data-store-theme="forest_premium"] .btn-brand {
    background: #0F4D3A; color: #FFFFFF;
    border-radius: .625rem; font-weight: 700;
    box-shadow: 0 8px 20px -6px rgba(15,77,58,.5);
}
body[data-store-theme="forest_premium"] .btn-brand:hover { background: #14532D; }

/* ───────────────────────────────────────────────────────────────
   12. FUCSIA VIBRANTE — Magenta vivo + blanco limpio, sombras
   rosa suaves, pill-shape totalmente redondeado. Vibe de delivery
   joven y energético.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="fuchsia_pop"] { background: #FFFFFF !important; color: #831843; }
body[data-store-theme="fuchsia_pop"].store-body { background: #FFFFFF; }
body[data-store-theme="fuchsia_pop"] .store-sticky-bar {
    background: rgba(255,255,255,.97); border-bottom-color: #FBCFE8;
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
body[data-store-theme="fuchsia_pop"] .store-search-input {
    background: #FDF2F8; border-color: #FBCFE8; color: #831843;
    border-radius: 9999px;
}
body[data-store-theme="fuchsia_pop"] .store-search-input::placeholder { color: #DB7C9E; }
body[data-store-theme="fuchsia_pop"] .category-pill-icon {
    background: #FFFFFF; border-color: #FBCFE8; color: #BE185D;
    border-radius: 9999px; box-shadow: 0 2px 10px rgba(219,39,119,.10);
}
body[data-store-theme="fuchsia_pop"] .category-pill.active .category-pill-icon,
body[data-store-theme="fuchsia_pop"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: linear-gradient(135deg, #DB2777, #BE185D); color: #FFFFFF;
    box-shadow: 0 10px 24px -6px rgba(219,39,119,.55);
    transform: translateY(-2px);
}
body[data-store-theme="fuchsia_pop"] .featured-card-inner,
body[data-store-theme="fuchsia_pop"] .product-row-pro {
    background: #FFFFFF; border-color: #FBCFE8;
    border-radius: 1.25rem;
    box-shadow: 0 4px 18px rgba(219,39,119,.10);
}
body[data-store-theme="fuchsia_pop"] .featured-card-inner:hover,
body[data-store-theme="fuchsia_pop"] .product-row-pro:hover {
    border-color: #F9A8D4;
    box-shadow: 0 14px 32px rgba(219,39,119,.20);
}
body[data-store-theme="fuchsia_pop"] .store-hero-card,
body[data-store-theme="fuchsia_pop"] .store-hero-action,
body[data-store-theme="fuchsia_pop"] .store-sidebar-card,
body[data-store-theme="fuchsia_pop"] .store-cart-panel,
body[data-store-theme="fuchsia_pop"] .store-quick-btn,
body[data-store-theme="fuchsia_pop"] .store-stat,
body[data-store-theme="fuchsia_pop"] .store-trust-strip {
    background: #FFFFFF; border-color: #FBCFE8;
    border-radius: 1.25rem; box-shadow: 0 4px 14px rgba(219,39,119,.08);
}
body[data-store-theme="fuchsia_pop"] .store-hero-logo { border-color: #FFFFFF; box-shadow: 0 6px 18px rgba(219,39,119,.30); }
body[data-store-theme="fuchsia_pop"] .store-section-title,
body[data-store-theme="fuchsia_pop"] .store-hero-name { color: #831843; font-weight: 800; letter-spacing: -.015em; }
body[data-store-theme="fuchsia_pop"] .store-section-sub { color: #BE185D; }
body[data-store-theme="fuchsia_pop"] .featured-card-name,
body[data-store-theme="fuchsia_pop"] .product-row-pro-name { color: #831843; font-weight: 700; }
body[data-store-theme="fuchsia_pop"] .featured-card-desc,
body[data-store-theme="fuchsia_pop"] .product-row-pro-desc { color: #9F7585; }
body[data-store-theme="fuchsia_pop"] .featured-card-price,
body[data-store-theme="fuchsia_pop"] .product-row-pro-price { color: #DB2777; font-weight: 800; }
body[data-store-theme="fuchsia_pop"] .product-row-pro-mod { background: #FDF2F8; color: #BE185D; border-radius: 9999px; }
body[data-store-theme="fuchsia_pop"] .featured-card-badge { background: linear-gradient(135deg, #DB2777, #BE185D); color: #FFFFFF; border-radius: 9999px; }
body[data-store-theme="fuchsia_pop"] .store-location-card { background: #FFFFFF; border-color: #FBCFE8; border-radius: 1.25rem; }
body[data-store-theme="fuchsia_pop"] .welcome-banner { background: linear-gradient(135deg, #FDF2F8, #FCE7F3); border-color: #FBCFE8; border-radius: 1.25rem; }
body[data-store-theme="fuchsia_pop"] .welcome-banner p { color: #BE185D; }
body[data-store-theme="fuchsia_pop"] .cart-bar {
    background: linear-gradient(135deg, #DB2777, #BE185D); color: #FFFFFF;
    border-radius: 9999px;
    box-shadow: 0 -8px 28px rgba(219,39,119,.4);
}
body[data-store-theme="fuchsia_pop"] .btn-brand {
    background: linear-gradient(135deg, #DB2777, #BE185D); color: #FFFFFF;
    border-radius: 9999px; font-weight: 700;
    box-shadow: 0 12px 28px -6px rgba(219,39,119,.5);
}

/* ───────────────────────────────────────────────────────────────
   13. CEREZA — Rojo cereza limpio + crema. Vibe retail amigable
   mass-market, sin agresividad pero con personalidad.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="cherry_pop"] { background: #FFFBFB !important; color: #7F1D1D; }
body[data-store-theme="cherry_pop"].store-body { background: #FFFBFB; }
body[data-store-theme="cherry_pop"] .store-sticky-bar {
    background: rgba(255,251,251,.97); border-bottom-color: #FECACA;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
body[data-store-theme="cherry_pop"] .store-search-input {
    background: #FFFFFF; border-color: #FECACA; color: #7F1D1D;
    border-radius: .75rem;
}
body[data-store-theme="cherry_pop"] .store-search-input::placeholder { color: #C77B7B; }
body[data-store-theme="cherry_pop"] .category-pill-icon {
    background: #FFFFFF; border-color: #FECACA; color: #B91C1C;
    border-radius: .75rem; box-shadow: 0 2px 8px rgba(220,38,38,.08);
}
body[data-store-theme="cherry_pop"] .category-pill.active .category-pill-icon,
body[data-store-theme="cherry_pop"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: #DC2626; color: #FFFFFF;
    box-shadow: 0 8px 20px -6px rgba(220,38,38,.5);
}
body[data-store-theme="cherry_pop"] .featured-card-inner,
body[data-store-theme="cherry_pop"] .product-row-pro {
    background: #FFFFFF; border-color: #FECACA;
    border-radius: .875rem;
    box-shadow: 0 3px 12px rgba(220,38,38,.07);
}
body[data-store-theme="cherry_pop"] .featured-card-inner:hover,
body[data-store-theme="cherry_pop"] .product-row-pro:hover {
    border-color: #FCA5A5;
    box-shadow: 0 10px 26px rgba(220,38,38,.15);
}
body[data-store-theme="cherry_pop"] .store-hero-card,
body[data-store-theme="cherry_pop"] .store-hero-action,
body[data-store-theme="cherry_pop"] .store-sidebar-card,
body[data-store-theme="cherry_pop"] .store-cart-panel,
body[data-store-theme="cherry_pop"] .store-quick-btn,
body[data-store-theme="cherry_pop"] .store-stat,
body[data-store-theme="cherry_pop"] .store-trust-strip {
    background: #FFFFFF; border-color: #FECACA;
    border-radius: .875rem; box-shadow: 0 3px 10px rgba(220,38,38,.06);
}
body[data-store-theme="cherry_pop"] .store-hero-logo { border-color: #FFFFFF; box-shadow: 0 6px 18px rgba(220,38,38,.22); }
body[data-store-theme="cherry_pop"] .store-section-title,
body[data-store-theme="cherry_pop"] .store-hero-name { color: #7F1D1D; font-weight: 800; letter-spacing: -.015em; }
body[data-store-theme="cherry_pop"] .store-section-sub { color: #B91C1C; opacity: .85; }
body[data-store-theme="cherry_pop"] .featured-card-name,
body[data-store-theme="cherry_pop"] .product-row-pro-name { color: #7F1D1D; font-weight: 700; }
body[data-store-theme="cherry_pop"] .featured-card-desc,
body[data-store-theme="cherry_pop"] .product-row-pro-desc { color: #9A6363; }
body[data-store-theme="cherry_pop"] .featured-card-price,
body[data-store-theme="cherry_pop"] .product-row-pro-price { color: #DC2626; font-weight: 800; }
body[data-store-theme="cherry_pop"] .product-row-pro-mod { background: #FEE2E2; color: #B91C1C; border-radius: .375rem; }
body[data-store-theme="cherry_pop"] .featured-card-badge { background: #DC2626; color: #FFFFFF; border-radius: .5rem; }
body[data-store-theme="cherry_pop"] .store-location-card { background: #FFFFFF; border-color: #FECACA; border-radius: .875rem; }
body[data-store-theme="cherry_pop"] .welcome-banner { background: #FEE2E2; border-color: #FECACA; border-radius: .875rem; }
body[data-store-theme="cherry_pop"] .welcome-banner p { color: #B91C1C; }
body[data-store-theme="cherry_pop"] .cart-bar {
    background: #DC2626; color: #FFFFFF;
    border-radius: .75rem;
    box-shadow: 0 -8px 26px rgba(220,38,38,.4);
}
body[data-store-theme="cherry_pop"] .btn-brand {
    background: #DC2626; color: #FFFFFF;
    border-radius: .75rem; font-weight: 700;
    box-shadow: 0 10px 24px -6px rgba(220,38,38,.5);
}
body[data-store-theme="cherry_pop"] .btn-brand:hover { background: #B91C1C; }

/* ───────────────────────────────────────────────────────────────
   14. SOLAR — Amarillo dorado vibrante + blanco crema. Vibe
   optimista de brunch, panaderías, jugos, helados, mediodía.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="solar_pop"] { background: #FFFBEB !important; color: #78350F; }
body[data-store-theme="solar_pop"].store-body { background: #FFFBEB; }
body[data-store-theme="solar_pop"] .store-sticky-bar {
    background: rgba(255,251,235,.97); border-bottom-color: #FDE68A;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
body[data-store-theme="solar_pop"] .store-search-input {
    background: #FFFFFF; border-color: #FDE68A; color: #78350F;
    border-radius: .875rem;
}
body[data-store-theme="solar_pop"] .store-search-input::placeholder { color: #B8956D; }
body[data-store-theme="solar_pop"] .category-pill-icon {
    background: #FFFFFF; border-color: #FDE68A; color: #B45309;
    border-radius: .875rem; box-shadow: 0 2px 8px rgba(217,119,6,.08);
}
body[data-store-theme="solar_pop"] .category-pill.active .category-pill-icon,
body[data-store-theme="solar_pop"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: linear-gradient(135deg, #F59E0B, #D97706); color: #FFFFFF;
    box-shadow: 0 10px 22px -6px rgba(217,119,6,.5);
    transform: translateY(-2px);
}
body[data-store-theme="solar_pop"] .featured-card-inner,
body[data-store-theme="solar_pop"] .product-row-pro {
    background: #FFFFFF; border-color: #FDE68A;
    border-radius: 1rem;
    box-shadow: 0 4px 16px rgba(217,119,6,.10);
}
body[data-store-theme="solar_pop"] .featured-card-inner:hover,
body[data-store-theme="solar_pop"] .product-row-pro:hover {
    border-color: #FCD34D;
    box-shadow: 0 12px 30px rgba(217,119,6,.18);
}
body[data-store-theme="solar_pop"] .store-hero-card,
body[data-store-theme="solar_pop"] .store-hero-action,
body[data-store-theme="solar_pop"] .store-sidebar-card,
body[data-store-theme="solar_pop"] .store-cart-panel,
body[data-store-theme="solar_pop"] .store-quick-btn,
body[data-store-theme="solar_pop"] .store-stat,
body[data-store-theme="solar_pop"] .store-trust-strip {
    background: #FFFFFF; border-color: #FDE68A;
    border-radius: 1rem; box-shadow: 0 4px 14px rgba(217,119,6,.08);
}
body[data-store-theme="solar_pop"] .store-hero-logo { border-color: #FFFFFF; box-shadow: 0 6px 18px rgba(217,119,6,.25); }
body[data-store-theme="solar_pop"] .store-section-title,
body[data-store-theme="solar_pop"] .store-hero-name { color: #78350F; font-weight: 800; letter-spacing: -.01em; }
body[data-store-theme="solar_pop"] .store-section-sub { color: #B45309; }
body[data-store-theme="solar_pop"] .featured-card-name,
body[data-store-theme="solar_pop"] .product-row-pro-name { color: #78350F; font-weight: 700; }
body[data-store-theme="solar_pop"] .featured-card-desc,
body[data-store-theme="solar_pop"] .product-row-pro-desc { color: #A1815C; }
body[data-store-theme="solar_pop"] .featured-card-price,
body[data-store-theme="solar_pop"] .product-row-pro-price { color: #D97706; font-weight: 800; }
body[data-store-theme="solar_pop"] .product-row-pro-mod { background: #FEF3C7; color: #B45309; border-radius: .5rem; }
body[data-store-theme="solar_pop"] .featured-card-badge { background: linear-gradient(135deg, #F59E0B, #D97706); color: #FFFFFF; border-radius: .5rem; }
body[data-store-theme="solar_pop"] .store-location-card { background: #FFFFFF; border-color: #FDE68A; border-radius: 1rem; }
body[data-store-theme="solar_pop"] .welcome-banner { background: linear-gradient(135deg, #FEF3C7, #FDE68A); border-color: #FDE68A; border-radius: 1rem; }
body[data-store-theme="solar_pop"] .welcome-banner p { color: #B45309; }
body[data-store-theme="solar_pop"] .cart-bar {
    background: linear-gradient(135deg, #F59E0B, #D97706); color: #FFFFFF;
    border-radius: .875rem;
    box-shadow: 0 -8px 26px rgba(217,119,6,.4);
}
body[data-store-theme="solar_pop"] .btn-brand {
    background: linear-gradient(135deg, #F59E0B, #D97706); color: #FFFFFF;
    border-radius: .875rem; font-weight: 700;
    box-shadow: 0 10px 24px -6px rgba(217,119,6,.5);
}

/* ───────────────────────────────────────────────────────────────
   15. ICE MINIMAL — Líneas hairline, sin sombras, tipo Apple/Linear.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="ice_minimal"] { background: #FAFAFA !important; color: #09090B; }
body[data-store-theme="ice_minimal"].store-body { background: #FAFAFA; }
body[data-store-theme="ice_minimal"] .store-sticky-bar {
    background: rgba(250,250,250,.98); border-bottom: 1px solid #E4E4E7;
    box-shadow: none;
}
body[data-store-theme="ice_minimal"] .store-search-input {
    background: #FFFFFF; border-color: #E4E4E7; box-shadow: none;
    border-radius: .5rem;
}
body[data-store-theme="ice_minimal"] .category-pill-icon {
    background: #FFFFFF; border-color: #E4E4E7; box-shadow: none;
    color: #71717A; font-weight: 600;
    border-radius: .75rem;
}
body[data-store-theme="ice_minimal"] .category-pill.active .category-pill-icon,
body[data-store-theme="ice_minimal"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: #09090B; border-color: #09090B; color: #FFFFFF;
    box-shadow: none;
}
body[data-store-theme="ice_minimal"] .featured-card-inner,
body[data-store-theme="ice_minimal"] .product-row-pro {
    background: #FFFFFF; border: 1px solid #E4E4E7; box-shadow: none;
    border-radius: .75rem;
}
body[data-store-theme="ice_minimal"] .store-hero-card,
body[data-store-theme="ice_minimal"] .store-hero-action,
body[data-store-theme="ice_minimal"] .store-sidebar-card,
body[data-store-theme="ice_minimal"] .store-cart-panel,
body[data-store-theme="ice_minimal"] .store-stat,
body[data-store-theme="ice_minimal"] .store-trust-strip { background: #FFFFFF; border: 1px solid #E4E4E7; box-shadow: none; border-radius: .75rem; }
body[data-store-theme="ice_minimal"] .store-quick-btn { background: #FFFFFF; border-color: #E4E4E7; box-shadow: none; }
body[data-store-theme="ice_minimal"] .store-hero-logo { border-radius: .75rem; border-color: #FFFFFF; box-shadow: 0 1px 0 #E4E4E7; }
body[data-store-theme="ice_minimal"] .store-section-title { font-weight: 600; letter-spacing: -.025em; color: #09090B; }
body[data-store-theme="ice_minimal"] .store-section-sub { color: #A1A1AA; font-weight: 500; }
body[data-store-theme="ice_minimal"] .featured-card-name,
body[data-store-theme="ice_minimal"] .product-row-pro-name { font-weight: 600; letter-spacing: -.01em; }
body[data-store-theme="ice_minimal"] .product-row-pro-mod { background: #F4F4F5; color: #52525B; border-radius: .375rem; }
body[data-store-theme="ice_minimal"] .store-location-card { background: #FFFFFF; border: 1px solid #E4E4E7; box-shadow: none; }
body[data-store-theme="ice_minimal"] .store-sidebar-link { color: #52525B; }
body[data-store-theme="ice_minimal"] .store-sidebar-link:hover { background: #F4F4F5; color: #09090B; }
body[data-store-theme="ice_minimal"] .welcome-banner { background: #F4F4F5; border-color: #E4E4E7; border-radius: .75rem; }
body[data-store-theme="ice_minimal"] .welcome-banner p { color: #52525B; }
body[data-store-theme="ice_minimal"] .cart-bar { background: #09090B; color: #FFFFFF; border-radius: .75rem; box-shadow: 0 4px 24px rgba(9,9,11,.18); }
body[data-store-theme="ice_minimal"] .btn-brand {
    background: #09090B; color: #FFFFFF; border-radius: .5rem;
    box-shadow: none; font-weight: 500;
}
body[data-store-theme="ice_minimal"] .btn-brand:hover { background: #27272A; transform: none; }

/* ───────────────────────────────────────────────────────────────
   16. SOFT PASTEL — Rosa pastel, esquinas extra redondeadas, suave.
   Ideal para postres, panaderías, heladerías, productos "cute".
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="soft_pastel"] { background: #FFF1F2 !important; color: #831843; }
body[data-store-theme="soft_pastel"].store-body { background: #FFF1F2; }
body[data-store-theme="soft_pastel"] .store-sticky-bar {
    background: rgba(255,241,242,.96); border-bottom-color: #FBCFE8;
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
body[data-store-theme="soft_pastel"] .store-search-input {
    background: #FFFFFF; border-color: #FBCFE8; color: #831843;
    border-radius: 9999px; box-shadow: 0 4px 16px rgba(236,72,153,.08);
}
body[data-store-theme="soft_pastel"] .store-search-input::placeholder { color: #DB7C9E; }
body[data-store-theme="soft_pastel"] .category-pill-icon {
    background: #FFFFFF; border-color: #FBCFE8; color: #BE185D;
    border-radius: 9999px; box-shadow: 0 4px 14px rgba(236,72,153,.10);
}
body[data-store-theme="soft_pastel"] .category-pill.active .category-pill-icon,
body[data-store-theme="soft_pastel"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: linear-gradient(135deg, #EC4899, #DB2777); color: #FFFFFF;
    box-shadow: 0 12px 28px -8px rgba(236,72,153,.5);
    transform: translateY(-2px);
}
body[data-store-theme="soft_pastel"] .featured-card-inner,
body[data-store-theme="soft_pastel"] .product-row-pro {
    background: #FFFFFF; border-color: #FBCFE8;
    border-radius: 1.75rem;
    box-shadow: 0 8px 24px rgba(236,72,153,.10);
}
body[data-store-theme="soft_pastel"] .featured-card-inner:hover,
body[data-store-theme="soft_pastel"] .product-row-pro:hover {
    border-color: #F9A8D4;
    box-shadow: 0 16px 36px rgba(236,72,153,.18);
}
body[data-store-theme="soft_pastel"] .store-hero-card,
body[data-store-theme="soft_pastel"] .store-hero-action,
body[data-store-theme="soft_pastel"] .store-sidebar-card,
body[data-store-theme="soft_pastel"] .store-cart-panel,
body[data-store-theme="soft_pastel"] .store-quick-btn,
body[data-store-theme="soft_pastel"] .store-stat,
body[data-store-theme="soft_pastel"] .store-trust-strip {
    background: #FFFFFF; border-color: #FBCFE8;
    border-radius: 1.5rem; box-shadow: 0 6px 20px rgba(236,72,153,.10);
}
body[data-store-theme="soft_pastel"] .store-hero-logo {
    border-radius: 9999px; border-color: #FFFFFF;
    box-shadow: 0 8px 22px rgba(236,72,153,.25);
}
body[data-store-theme="soft_pastel"] .store-section-title,
body[data-store-theme="soft_pastel"] .store-hero-name { color: #831843; font-weight: 800; letter-spacing: -.01em; }
body[data-store-theme="soft_pastel"] .store-section-sub { color: #BE185D; opacity: .75; }
body[data-store-theme="soft_pastel"] .featured-card-name,
body[data-store-theme="soft_pastel"] .product-row-pro-name { color: #831843; font-weight: 800; }
body[data-store-theme="soft_pastel"] .featured-card-desc,
body[data-store-theme="soft_pastel"] .product-row-pro-desc { color: #C2547A; }
body[data-store-theme="soft_pastel"] .featured-card-price,
body[data-store-theme="soft_pastel"] .product-row-pro-price { color: #DB2777; font-weight: 800; }
body[data-store-theme="soft_pastel"] .product-row-pro-mod { background: #FCE7F3; color: #BE185D; border-radius: 9999px; font-weight: 700; }
body[data-store-theme="soft_pastel"] .featured-card-badge { background: #FCE7F3; color: #BE185D; border-radius: 9999px; }
body[data-store-theme="soft_pastel"] .product-row-pro-img,
body[data-store-theme="soft_pastel"] .featured-card-img { border-radius: 1.25rem; }
body[data-store-theme="soft_pastel"] .store-location-card { background: #FFFFFF; border-color: #FBCFE8; border-radius: 1.5rem; }
body[data-store-theme="soft_pastel"] .welcome-banner { background: linear-gradient(135deg, #FCE7F3, #FFE4E6); border-color: #FBCFE8; border-radius: 1.5rem; }
body[data-store-theme="soft_pastel"] .welcome-banner p { color: #BE185D; }
body[data-store-theme="soft_pastel"] .cart-bar {
    background: linear-gradient(135deg, #EC4899, #DB2777); color: #FFFFFF;
    border-radius: 9999px;
    box-shadow: 0 -8px 32px rgba(236,72,153,.35);
}
body[data-store-theme="soft_pastel"] .btn-brand {
    background: linear-gradient(135deg, #EC4899, #DB2777); color: #FFFFFF;
    border-radius: 9999px; font-weight: 700;
    box-shadow: 0 12px 32px -8px rgba(236,72,153,.55);
}

/* ───────────────────────────────────────────────────────────────
   17. EDITORIAL — Tipografía serif elegante, fondo crema cálido,
   acentos en gris oscuro. Inspirado en revistas gastronómicas.
   ─────────────────────────────────────────────────────────────── */
body[data-store-theme="editorial"] { background: #FBFAF7 !important; color: #111827; }
body[data-store-theme="editorial"].store-body { background: #FBFAF7; }
body[data-store-theme="editorial"] .store-sticky-bar {
    background: rgba(251,250,247,.97); border-bottom: 1px solid #E5E1D8;
    backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
body[data-store-theme="editorial"] .store-search-input {
    background: #FFFFFF; border-color: #E5E1D8; color: #111827;
    border-radius: 0; border-width: 1px; border-bottom-width: 2px;
}
body[data-store-theme="editorial"] .store-search-input:focus { border-bottom-color: #111827; box-shadow: none; }
body[data-store-theme="editorial"] .category-pill-icon {
    background: #FFFFFF; border-color: #E5E1D8; color: #4B5563;
    border-radius: .25rem;
}
body[data-store-theme="editorial"] .category-pill.active .category-pill-icon,
body[data-store-theme="editorial"] .category-pill[aria-pressed="true"] .category-pill-icon {
    background: #111827; color: #FBFAF7; border-color: #111827;
}
body[data-store-theme="editorial"] .category-pill-label {
    font-family: 'Georgia','Cambria','Times New Roman',serif;
    font-weight: 600; letter-spacing: .04em;
}
body[data-store-theme="editorial"] .featured-card-inner,
body[data-store-theme="editorial"] .product-row-pro {
    background: #FFFFFF; border: 1px solid #E5E1D8;
    border-radius: .25rem; box-shadow: none;
}
body[data-store-theme="editorial"] .featured-card-inner:hover,
body[data-store-theme="editorial"] .product-row-pro:hover {
    border-color: #111827;
    box-shadow: 0 8px 24px rgba(17,24,39,.08);
}
body[data-store-theme="editorial"] .store-hero-card,
body[data-store-theme="editorial"] .store-hero-action,
body[data-store-theme="editorial"] .store-sidebar-card,
body[data-store-theme="editorial"] .store-cart-panel,
body[data-store-theme="editorial"] .store-quick-btn,
body[data-store-theme="editorial"] .store-stat,
body[data-store-theme="editorial"] .store-trust-strip {
    background: #FFFFFF; border: 1px solid #E5E1D8; box-shadow: none; border-radius: .25rem;
}
body[data-store-theme="editorial"] .store-hero-logo {
    border-radius: .25rem; border-color: #FBFAF7; box-shadow: 0 4px 16px rgba(17,24,39,.10);
}
body[data-store-theme="editorial"] .store-section-title,
body[data-store-theme="editorial"] .store-hero-name {
    font-family: 'Georgia','Cambria','Times New Roman',serif;
    font-weight: 700; letter-spacing: -.01em; color: #111827;
}
body[data-store-theme="editorial"] .store-section-sub {
    font-family: 'Georgia','Cambria','Times New Roman',serif;
    font-style: italic; color: #6B7280; font-weight: 500;
}
body[data-store-theme="editorial"] .featured-card-name,
body[data-store-theme="editorial"] .product-row-pro-name {
    font-family: 'Georgia','Cambria','Times New Roman',serif;
    font-weight: 700; letter-spacing: -.005em;
}
body[data-store-theme="editorial"] .featured-card-desc,
body[data-store-theme="editorial"] .product-row-pro-desc {
    color: #6B7280; font-style: italic;
}
body[data-store-theme="editorial"] .featured-card-price,
body[data-store-theme="editorial"] .product-row-pro-price {
    font-family: 'Georgia','Cambria','Times New Roman',serif;
    font-weight: 700; color: #111827;
}
body[data-store-theme="editorial"] .product-row-pro-mod {
    background: #F3F4F6; color: #374151; border-radius: .25rem;
    text-transform: uppercase; letter-spacing: .06em; font-size: .625rem;
}
body[data-store-theme="editorial"] .featured-card-badge {
    background: #111827; color: #FBFAF7; border-radius: .25rem;
    text-transform: uppercase; letter-spacing: .08em; font-size: .625rem;
}
body[data-store-theme="editorial"] .store-location-card { background: #FFFFFF; border: 1px solid #E5E1D8; border-radius: .25rem; }
body[data-store-theme="editorial"] .welcome-banner {
    background: #FFFFFF; border: 1px solid #E5E1D8; border-radius: .25rem;
}
body[data-store-theme="editorial"] .welcome-banner p { color: #374151; }
body[data-store-theme="editorial"] .cart-bar {
    background: #111827; color: #FBFAF7;
    border-radius: .25rem; font-family: 'Georgia','Cambria','Times New Roman',serif;
    letter-spacing: .02em;
}
body[data-store-theme="editorial"] .btn-brand {
    background: #111827; color: #FBFAF7;
    border-radius: .25rem;
    font-family: 'Georgia','Cambria','Times New Roman',serif;
    font-weight: 600; letter-spacing: .04em; box-shadow: none;
}
body[data-store-theme="editorial"] .btn-brand:hover { background: #000000; transform: none; }

/* =============================================================
   OVERRIDES PARA CARRITO / CHECKOUT / TRACKING
   Las vistas de carrito y checkout usan .bg-cream y .card
   directamente. Estos overrides aseguran que también respeten
   el diseño elegido por el tenant.
   ============================================================= */

/* ── Dark Pro ── */
body[data-store-theme="dark_pro"] .bg-cream { background: #0A0A0A !important; }
body[data-store-theme="dark_pro"] .card,
body[data-store-theme="dark_pro"] .payment-card {
    background: #18181B; color: #F4F4F5;
    box-shadow: 0 4px 16px rgba(0,0,0,.4);
    border: 1px solid #27272A;
}
body[data-store-theme="dark_pro"] .text-zinc-500,
body[data-store-theme="dark_pro"] .text-zinc-600 { color: #A1A1AA !important; }
body[data-store-theme="dark_pro"] .text-ink { color: #F4F4F5 !important; }
body[data-store-theme="dark_pro"] .border-zinc-100,
body[data-store-theme="dark_pro"] .border-zinc-200 { border-color: #27272A !important; }
body[data-store-theme="dark_pro"] .bg-white { background: #18181B !important; }
body[data-store-theme="dark_pro"] .tip-pill {
    background: #18181B; border: 1px solid #27272A; color: #A1A1AA;
}
body[data-store-theme="dark_pro"] .tip-pill.selected {
    background: var(--color-brand); color: #fff; border-color: var(--color-brand);
}

/* ── Warm Café ── */
body[data-store-theme="warm_cafe"] .bg-cream { background: #FAF6F0 !important; }
body[data-store-theme="warm_cafe"] .card,
body[data-store-theme="warm_cafe"] .payment-card {
    background: #FFFFFF; border: 1px solid #E8D5C0;
    box-shadow: 0 4px 14px rgba(140,70,20,.07);
    border-radius: 1rem;
}
body[data-store-theme="warm_cafe"] .border-zinc-100,
body[data-store-theme="warm_cafe"] .border-zinc-200 { border-color: #E8D5C0 !important; }
body[data-store-theme="warm_cafe"] .tip-pill {
    background: #FFF3EA; border: 1px solid #E8D5C0; color: #78716C;
    border-radius: 9999px;
}
body[data-store-theme="warm_cafe"] .tip-pill.selected {
    background: var(--color-brand); color: #fff; border-color: var(--color-brand);
}

/* ── Fresco Natural ── */
body[data-store-theme="fresh_mint"] .bg-cream { background: #F0FDF4 !important; }
body[data-store-theme="fresh_mint"] .card,
body[data-store-theme="fresh_mint"] .payment-card {
    background: #FFFFFF; border: 1px solid #BBF7D0;
    box-shadow: 0 4px 16px rgba(5,150,105,.08);
    border-radius: 1.25rem;
}
body[data-store-theme="fresh_mint"] .payment-card.selected {
    background: linear-gradient(135deg, #D1FAE5, #ECFDF5);
    color: #047857; border-color: #6EE7B7;
}
body[data-store-theme="fresh_mint"] .border-zinc-100,
body[data-store-theme="fresh_mint"] .border-zinc-200 { border-color: #BBF7D0 !important; }
body[data-store-theme="fresh_mint"] .tip-pill {
    background: #FFFFFF; border: 1px solid #BBF7D0; color: #047857;
    border-radius: 9999px;
}
body[data-store-theme="fresh_mint"] .tip-pill.selected {
    background: linear-gradient(135deg, #059669, #047857); color: #fff;
    border-color: #047857;
}
body[data-store-theme="fresh_mint"] .time-slot {
    border-radius: 9999px !important;
}

/* ── Brisa Marina ── */
body[data-store-theme="ocean_blue"] .bg-cream { background: #F0F9FF !important; }
body[data-store-theme="ocean_blue"] .card,
body[data-store-theme="ocean_blue"] .payment-card {
    background: #FFFFFF; border: 1px solid #BAE6FD;
    box-shadow: 0 4px 18px rgba(3,105,161,.10);
    border-radius: 1.125rem;
}
body[data-store-theme="ocean_blue"] .payment-card.selected {
    background: linear-gradient(135deg, #DBEAFE, #E0F2FE);
    color: #0369A1; border-color: #7DD3FC;
}
body[data-store-theme="ocean_blue"] .border-zinc-100,
body[data-store-theme="ocean_blue"] .border-zinc-200 { border-color: #BAE6FD !important; }
body[data-store-theme="ocean_blue"] .tip-pill {
    background: #FFFFFF; border: 1px solid #BAE6FD; color: #0369A1;
    border-radius: 1rem;
}
body[data-store-theme="ocean_blue"] .tip-pill.selected {
    background: linear-gradient(135deg, #0369A1, #075985); color: #fff;
    border-color: #075985;
}

/* ── Mocha Premium ── */
body[data-store-theme="mocha"] .bg-cream { background: #FDF6E3 !important; }
body[data-store-theme="mocha"] .card,
body[data-store-theme="mocha"] .payment-card {
    background: #FFFBEB; border: 1px solid #E7D5B8;
    box-shadow: 0 4px 18px rgba(120,53,15,.10);
    border-radius: 1rem;
}
body[data-store-theme="mocha"] .payment-card.selected {
    background: linear-gradient(135deg, #FEF3C7, #FEF9C3);
    color: #78350F; border-color: #D4B894;
}
body[data-store-theme="mocha"] .border-zinc-100,
body[data-store-theme="mocha"] .border-zinc-200 { border-color: #E7D5B8 !important; }
body[data-store-theme="mocha"] .tip-pill {
    background: #FFFBEB; border: 1px solid #E7D5B8; color: #92400E;
    border-radius: .75rem;
}
body[data-store-theme="mocha"] .tip-pill.selected {
    background: linear-gradient(135deg, #78350F, #451A03); color: #FFFBEB;
    border-color: #451A03;
}

/* ── Atardecer ── */
body[data-store-theme="sunset"] .bg-cream { background: #FFF7ED !important; }
body[data-store-theme="sunset"] .card,
body[data-store-theme="sunset"] .payment-card {
    background: #FFFFFF; border: 1px solid #FED7AA;
    box-shadow: 0 4px 18px rgba(234,88,12,.10);
    border-radius: 1.5rem;
}
body[data-store-theme="sunset"] .payment-card.selected {
    background: linear-gradient(135deg, #FFEDD5, #FFE4E6);
    color: #C2410C; border-color: #FDBA74;
}
body[data-store-theme="sunset"] .border-zinc-100,
body[data-store-theme="sunset"] .border-zinc-200 { border-color: #FED7AA !important; }
body[data-store-theme="sunset"] .tip-pill {
    background: #FFFFFF; border: 1px solid #FED7AA; color: #C2410C;
    border-radius: 9999px;
}
body[data-store-theme="sunset"] .tip-pill.selected {
    background: linear-gradient(135deg, #EA580C, #C2410C); color: #fff;
    border-color: #C2410C;
}
body[data-store-theme="sunset"] .time-slot {
    border-radius: 9999px !important;
}

/* ── Bistró Olivo ── */
body[data-store-theme="olive_bistro"] .bg-cream { background: #F7F5EE !important; }
body[data-store-theme="olive_bistro"] .card,
body[data-store-theme="olive_bistro"] .payment-card {
    background: #FFFFFF; border: 1px solid #DAD5BE;
    box-shadow: 0 2px 10px rgba(77,93,42,.06);
    border-radius: .875rem;
}
body[data-store-theme="olive_bistro"] .payment-card.selected {
    background: #EDEAD9; color: #4D5D2A; border-color: #B8B591;
}
body[data-store-theme="olive_bistro"] .border-zinc-100,
body[data-store-theme="olive_bistro"] .border-zinc-200 { border-color: #DAD5BE !important; }
body[data-store-theme="olive_bistro"] .tip-pill {
    background: #FFFFFF; border: 1px solid #DAD5BE; color: #4D5D2A;
    border-radius: .5rem;
}
body[data-store-theme="olive_bistro"] .tip-pill.selected {
    background: #4D5D2A; color: #F7F5EE; border-color: #3B4419;
}

/* ── Pizarra ── */
body[data-store-theme="slate_pro"] .bg-cream { background: #F8FAFC !important; }
body[data-store-theme="slate_pro"] .card,
body[data-store-theme="slate_pro"] .payment-card {
    background: #FFFFFF; border: 1px solid #E2E8F0;
    box-shadow: 0 1px 4px rgba(15,23,42,.04);
    border-radius: .625rem;
}
body[data-store-theme="slate_pro"] .payment-card.selected {
    background: #F1F5F9; color: #334155; border-color: #94A3B8;
}
body[data-store-theme="slate_pro"] .border-zinc-100,
body[data-store-theme="slate_pro"] .border-zinc-200 { border-color: #E2E8F0 !important; }
body[data-store-theme="slate_pro"] .tip-pill {
    background: #FFFFFF; border: 1px solid #CBD5E1; color: #475569;
    border-radius: .375rem;
}
body[data-store-theme="slate_pro"] .tip-pill.selected {
    background: #334155; color: #F8FAFC; border-color: #1E293B;
}

/* ── Burdeos ── */
body[data-store-theme="burgundy"] .bg-cream { background: #FAF5F5 !important; }
body[data-store-theme="burgundy"] .card,
body[data-store-theme="burgundy"] .payment-card {
    background: #FFFFFF; border: 1px solid #E5C5CB;
    box-shadow: 0 2px 10px rgba(124,29,46,.07);
    border-radius: .625rem;
}
body[data-store-theme="burgundy"] .payment-card.selected {
    background: #FEE2E2; color: #7C1D2E; border-color: #C99099;
}
body[data-store-theme="burgundy"] .border-zinc-100,
body[data-store-theme="burgundy"] .border-zinc-200 { border-color: #E5C5CB !important; }
body[data-store-theme="burgundy"] .tip-pill {
    background: #FFFFFF; border: 1px solid #E5C5CB; color: #7C1D2E;
    border-radius: .375rem;
}
body[data-store-theme="burgundy"] .tip-pill.selected {
    background: #7C1D2E; color: #FAF5F5; border-color: #581123;
}

/* ── Lino ── */
body[data-store-theme="linen"] .bg-cream { background: #FAF7F2 !important; }
body[data-store-theme="linen"] .card,
body[data-store-theme="linen"] .payment-card {
    background: #FFFFFF; border: 1px solid #E7E5E4;
    box-shadow: 0 1px 6px rgba(41,37,36,.05);
    border-radius: .875rem;
}
body[data-store-theme="linen"] .payment-card.selected {
    background: #F5F5F4; color: #44403C; border-color: #A8A29E;
}
body[data-store-theme="linen"] .border-zinc-100,
body[data-store-theme="linen"] .border-zinc-200 { border-color: #E7E5E4 !important; }
body[data-store-theme="linen"] .tip-pill {
    background: #FFFFFF; border: 1px solid #D6D3D1; color: #57534E;
    border-radius: .5rem;
}
body[data-store-theme="linen"] .tip-pill.selected {
    background: #44403C; color: #FAF7F2; border-color: #292524;
}

/* ── Bosque Premium ── */
body[data-store-theme="forest_premium"] .bg-cream { background: #FAF7EE !important; }
body[data-store-theme="forest_premium"] .card,
body[data-store-theme="forest_premium"] .payment-card {
    background: #FFFFFF; border: 1px solid #E5DEC6;
    box-shadow: 0 4px 14px rgba(15,77,58,.07);
    border-radius: .875rem;
}
body[data-store-theme="forest_premium"] .payment-card.selected {
    background: #FAF7EE; color: #0F4D3A; border-color: #B8860B;
}
body[data-store-theme="forest_premium"] .border-zinc-100,
body[data-store-theme="forest_premium"] .border-zinc-200 { border-color: #E5DEC6 !important; }
body[data-store-theme="forest_premium"] .tip-pill {
    background: #FFFFFF; border: 1px solid #E5DEC6; color: #0F4D3A;
    border-radius: .5rem;
}
body[data-store-theme="forest_premium"] .tip-pill.selected {
    background: #0F4D3A; color: #FAF7EE; border-color: #B8860B;
}

/* ── Fucsia Vibrante ── */
body[data-store-theme="fuchsia_pop"] .bg-cream { background: #FFFFFF !important; }
body[data-store-theme="fuchsia_pop"] .card,
body[data-store-theme="fuchsia_pop"] .payment-card {
    background: #FFFFFF; border: 1px solid #FBCFE8;
    box-shadow: 0 4px 18px rgba(219,39,119,.10);
    border-radius: 1.25rem;
}
body[data-store-theme="fuchsia_pop"] .payment-card.selected {
    background: linear-gradient(135deg, #FDF2F8, #FCE7F3);
    color: #BE185D; border-color: #F9A8D4;
}
body[data-store-theme="fuchsia_pop"] .border-zinc-100,
body[data-store-theme="fuchsia_pop"] .border-zinc-200 { border-color: #FBCFE8 !important; }
body[data-store-theme="fuchsia_pop"] .tip-pill {
    background: #FFFFFF; border: 1px solid #FBCFE8; color: #BE185D;
    border-radius: 9999px;
}
body[data-store-theme="fuchsia_pop"] .tip-pill.selected {
    background: linear-gradient(135deg, #DB2777, #BE185D); color: #fff;
    border-color: #BE185D;
}
body[data-store-theme="fuchsia_pop"] .time-slot { border-radius: 9999px !important; }

/* ── Cereza ── */
body[data-store-theme="cherry_pop"] .bg-cream { background: #FFFBFB !important; }
body[data-store-theme="cherry_pop"] .card,
body[data-store-theme="cherry_pop"] .payment-card {
    background: #FFFFFF; border: 1px solid #FECACA;
    box-shadow: 0 3px 12px rgba(220,38,38,.07);
    border-radius: .875rem;
}
body[data-store-theme="cherry_pop"] .payment-card.selected {
    background: #FEE2E2; color: #B91C1C; border-color: #FCA5A5;
}
body[data-store-theme="cherry_pop"] .border-zinc-100,
body[data-store-theme="cherry_pop"] .border-zinc-200 { border-color: #FECACA !important; }
body[data-store-theme="cherry_pop"] .tip-pill {
    background: #FFFFFF; border: 1px solid #FECACA; color: #B91C1C;
    border-radius: .5rem;
}
body[data-store-theme="cherry_pop"] .tip-pill.selected {
    background: #DC2626; color: #fff; border-color: #B91C1C;
}

/* ── Solar ── */
body[data-store-theme="solar_pop"] .bg-cream { background: #FFFBEB !important; }
body[data-store-theme="solar_pop"] .card,
body[data-store-theme="solar_pop"] .payment-card {
    background: #FFFFFF; border: 1px solid #FDE68A;
    box-shadow: 0 4px 16px rgba(217,119,6,.10);
    border-radius: 1rem;
}
body[data-store-theme="solar_pop"] .payment-card.selected {
    background: linear-gradient(135deg, #FEF3C7, #FDE68A);
    color: #B45309; border-color: #FCD34D;
}
body[data-store-theme="solar_pop"] .border-zinc-100,
body[data-store-theme="solar_pop"] .border-zinc-200 { border-color: #FDE68A !important; }
body[data-store-theme="solar_pop"] .tip-pill {
    background: #FFFFFF; border: 1px solid #FDE68A; color: #B45309;
    border-radius: .75rem;
}
body[data-store-theme="solar_pop"] .tip-pill.selected {
    background: linear-gradient(135deg, #F59E0B, #D97706); color: #fff;
    border-color: #D97706;
}

/* ── Ice Minimal ── */
body[data-store-theme="ice_minimal"] .bg-cream { background: #FAFAFA !important; }
body[data-store-theme="ice_minimal"] .card,
body[data-store-theme="ice_minimal"] .payment-card {
    background: #FFFFFF; border: 1px solid #E4E4E7;
    box-shadow: none; border-radius: .75rem;
}
body[data-store-theme="ice_minimal"] .border-zinc-100,
body[data-store-theme="ice_minimal"] .border-zinc-200 { border-color: #E4E4E7 !important; }
body[data-store-theme="ice_minimal"] .tip-pill {
    background: #fff; border: 1px solid #E4E4E7; color: #71717A;
    border-radius: .5rem;
}
body[data-store-theme="ice_minimal"] .tip-pill.selected {
    background: #09090B; color: #fff; border-color: #09090B;
}

/* ── Soft Pastel ── */
body[data-store-theme="soft_pastel"] .bg-cream { background: #FFF1F2 !important; }
body[data-store-theme="soft_pastel"] .card,
body[data-store-theme="soft_pastel"] .payment-card {
    background: #FFFFFF; border: 1px solid #FBCFE8;
    box-shadow: 0 6px 20px rgba(236,72,153,.10);
    border-radius: 1.5rem;
}
body[data-store-theme="soft_pastel"] .payment-card.selected {
    background: linear-gradient(135deg, #FCE7F3, #FBCFE8); color: #831843;
    border-color: #F472B6;
}
body[data-store-theme="soft_pastel"] .border-zinc-100,
body[data-store-theme="soft_pastel"] .border-zinc-200 { border-color: #FBCFE8 !important; }
body[data-store-theme="soft_pastel"] .tip-pill {
    background: #FCE7F3; border: 1px solid #FBCFE8; color: #BE185D;
    border-radius: 9999px; font-weight: 700;
}
body[data-store-theme="soft_pastel"] .tip-pill.selected {
    background: linear-gradient(135deg, #EC4899, #DB2777); color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(236,72,153,.4);
}

/* ── Editorial ── */
body[data-store-theme="editorial"] .bg-cream { background: #FBFAF7 !important; }
body[data-store-theme="editorial"] .card,
body[data-store-theme="editorial"] .payment-card {
    background: #FFFFFF; border: 1px solid #E5E1D8;
    box-shadow: none; border-radius: .25rem;
}
body[data-store-theme="editorial"] .payment-card.selected {
    background: #F3F4F6; color: #111827; border-color: #111827;
}
body[data-store-theme="editorial"] .border-zinc-100,
body[data-store-theme="editorial"] .border-zinc-200 { border-color: #E5E1D8 !important; }
body[data-store-theme="editorial"] .tip-pill {
    background: #fff; border: 1px solid #E5E1D8; color: #4B5563;
    border-radius: .25rem; font-family: 'Georgia','Cambria','Times New Roman',serif;
}
body[data-store-theme="editorial"] .tip-pill.selected {
    background: #111827; color: #FBFAF7; border-color: #111827;
}

/* =============================================================
   DEFENSA DE CONTRASTE (anti-tenant-light-accent)
   Garantiza legibilidad cuando el accent del tenant es muy claro.
   Estas reglas van al final para sobrescribir cualquier tema previo.
   ============================================================= */

/* Botones de acción del hero ("Cómo llegar", teléfono): texto e iconos siempre oscuros */
.store-hero-action,
.store-hero-action span,
.store-hero-action svg { color: #18181b !important; }
.store-hero-action svg { stroke: currentColor; }

/* Headings de sección — fuerzan texto oscuro si no fue tematizado explícitamente */
.store-hero-name,
.store-section-title {
    color: var(--color-ink, #0A0A0A);
}

/* Cualquier h2 en la tienda hereda un dark seguro por default */
body.store-body h2 { color: #18181b; }
/* No anular si el tema ya definió un color a través de las clases específicas */
body.store-body h2.store-section-title,
body.store-body h2.store-hero-name { color: inherit; }

/* Sidebar y location links — usan brand-ink en lugar del brand crudo */
.store-sidebar-link .text-brand-600,
.store-location-header svg,
.store-trust-row svg {
    color: var(--color-brand-ink, #047857) !important;
}

/* Iconos brand sobre fondos blancos — aseguran que NUNCA se vean "lavados" */
.store-hero-action .text-brand-600,
.store-hero-action .text-brand-500,
.store-sidebar-link .text-brand-500 {
    color: var(--color-brand-ink, #047857) !important;
}

/* Descripciones de producto en cards y rows — texto medio oscuro garantizado */
.featured-card-desc,
.product-row-pro-desc { color: #52525b; }
.featured-card-name,
.product-row-pro-name { color: #18181b; }

/* Subtítulo de sección por default */
.store-section-sub { color: #71717a; }

/* =============================================================
   AISLAMIENTO html.dark — la tienda cliente no usa el dark mode del admin
   (iPhone en modo oscuro activaba html.dark → texto blanco sobre cards blancas)
   ============================================================= */
.store-body:not([data-store-theme="dark_pro"]) {
    color-scheme: light;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) {
    color: #18181B !important;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) .bg-cream {
    background: #FAFAF8 !important;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) .card,
html.dark .store-body:not([data-store-theme="dark_pro"]) .payment-card,
html.dark .store-body:not([data-store-theme="dark_pro"]) .bg-white,
html.dark .store-body:not([data-store-theme="dark_pro"]) .cart-item {
    background: #FFFFFF !important;
    color: #18181B !important;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) h1,
html.dark .store-body:not([data-store-theme="dark_pro"]) h2,
html.dark .store-body:not([data-store-theme="dark_pro"]) .font-bold,
html.dark .store-body:not([data-store-theme="dark_pro"]) .font-extrabold,
html.dark .store-body:not([data-store-theme="dark_pro"]) .font-semibold {
    color: #0A0A0A !important;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) .text-ink {
    color: #0A0A0A !important;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) .text-zinc-500 {
    color: #71717A !important;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) .text-zinc-600 {
    color: #52525B !important;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) .time-slot,
html.dark .store-body:not([data-store-theme="dark_pro"]) .tip-pill,
html.dark .store-body:not([data-store-theme="dark_pro"]) [data-pickup-mode] {
    color: #52525B !important;
    background: #FFFFFF !important;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) .time-slot.selected,
html.dark .store-body:not([data-store-theme="dark_pro"]) .tip-pill.selected,
html.dark .store-body:not([data-store-theme="dark_pro"]) .payment-card.selected,
html.dark .store-body:not([data-store-theme="dark_pro"]) [data-pickup-mode].selected {
    color: #047857 !important;
    background: #ecfdf5 !important;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) .form-input {
    background: #FFFFFF !important;
    color: #0A0A0A !important;
    border-color: #E4E4E7 !important;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) .form-input::placeholder {
    color: #A1A1AA !important;
}
html.dark .store-body:not([data-store-theme="dark_pro"]) [data-cart-summary] {
    background: #FFFFFF !important;
    color: #18181B !important;
}