/* ==========================================================================
   PRIDO — Archive v2 (r19 · 2026-09-07) · aplica 1:1 el canvas «Plantilla de Archivo Prido»
   Carga DESPUÉS de prido-catalog / prido-grilla / prido-filtros. Sólo archivos WC.
   Rollback: ?prido_archive_v2=0 o PRIDO_ARCHIVE_V2=false (inc/catalog/archive-v2.php).
   ========================================================================== */

/* ---------- tokens del canvas (claro) ---------- */
.prido-catalog-page {
    --v2-canvas: var(--prido-theme-canvas, #f8fafc);
    --v2-surface: #ffffff;
    --v2-ink: #1a2a3a;
    --v2-muted: #607287;
    --v2-line: #e2e8ed;
    --v2-line-strong: #cbd5df;
    --v2-green: #146658;
    --v2-tinta: #0f4d43;
    --v2-cream: #efece6;
    --v2-cream2: #e8e5df;
    --v2-cream3: #cbc7bd;
    --v2-teal: #147068;
    --v2-sale: #C0392B;
    --v2-out: #C0392B;
    --v2-out-bg: #FBE7E3;
    --v2-green-tint: rgba(20, 102, 88, 0.10);
    --v2-overlay: rgba(18, 29, 42, 0.34);
    --v2-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --v2-body: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --v2-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
    --v2-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --v2-mono: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
}
:root[data-theme="dark"] .prido-catalog-page {
    --v2-canvas: #0A131B;
    --v2-surface: #0C1822;
    --v2-ink: #edf4f8;
    --v2-muted: #9fb0bf;
    --v2-line: rgba(255, 255, 255, 0.10);
    --v2-line-strong: rgba(255, 255, 255, 0.18);
    --v2-green: #43b795;
    --v2-tinta: #43b795;
    --v2-cream: #131d27;
    --v2-cream2: #182430;
    --v2-cream3: #2a3946;
    --v2-teal: #2dc6c1;
    --v2-sale: #E25C44;
    --v2-out: #eca99f;
    --v2-out-bg: rgba(226, 92, 68, 0.16);
    --v2-green-tint: rgba(67, 183, 149, 0.14);
    --v2-overlay: rgba(4, 8, 12, 0.6);
}
/* El drawer se porta a <body>: hereda tokens desde :root */
:root {
    --v2-canvas: #f8fafc; --v2-surface: #ffffff; --v2-ink: #1a2a3a; --v2-muted: #607287; --v2-line: #e2e8ed;
    --v2-line-strong: #cbd5df; --v2-green: #146658; --v2-tinta: #0f4d43; --v2-cream: #efece6; --v2-cream2: #e8e5df;
    --v2-cream3: #cbc7bd; --v2-teal: #147068; --v2-sale: #C0392B; --v2-out: #C0392B; --v2-out-bg: #FBE7E3;
    --v2-green-tint: rgba(20, 102, 88, 0.10); --v2-overlay: rgba(18, 29, 42, 0.34);
    --v2-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --v2-body: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --v2-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
    --v2-mono: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
}
:root[data-theme="dark"] {
    --v2-canvas: #0A131B; --v2-surface: #0C1822; --v2-ink: #edf4f8; --v2-muted: #9fb0bf; --v2-line: rgba(255,255,255,.10);
    --v2-line-strong: rgba(255,255,255,.18); --v2-green: #43b795; --v2-tinta: #43b795; --v2-cream: #131d27; --v2-cream2: #182430;
    --v2-cream3: #2a3946; --v2-teal: #2dc6c1; --v2-sale: #E25C44; --v2-out: #eca99f; --v2-out-bg: rgba(226,92,68,.16);
    --v2-green-tint: rgba(67,183,149,.14); --v2-overlay: rgba(4,8,12,.6);
}

/* ==========================================================================
   1. HERO — extracto + «Ver guía» + pills
   ========================================================================== */
.prido-collhead .prido-collhead__lede {
    margin: 8px 0 0;
    max-width: 560px;
    font-family: var(--v2-sans);
    font-size: 14px;
    line-height: 1.5;
    color: var(--v2-muted);
}
.prido-collhead .prido-collhead__lede-link {
    font-weight: 600;
    color: var(--v2-teal);
    white-space: nowrap;
    text-decoration: none;
}
.prido-collhead .prido-collhead__lede-link:hover { text-decoration: underline; }

.prido-collhead .prido-collhead__chips { padding-top: 18px !important; padding-bottom: 16px !important; }
.prido-collhead .prido-collhead__chips-lead {
    font-family: var(--v2-sans) !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
    color: var(--v2-muted) !important;
}
.prido-collhead .prido-catalog-subcats { gap: 8px !important; }
.prido-collhead .prido-subcat-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 34px !important;
    padding: 0 12px 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid var(--v2-cream3) !important;
    background: transparent !important;
    color: var(--v2-ink) !important;
    font-family: var(--v2-sans) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: border-color .15s ease, background .15s ease;
}
.prido-collhead .prido-subcat-chip:hover { border-color: var(--v2-tinta) !important; }
.prido-collhead .prido-subcat-chip.is-active {
    background: var(--v2-tinta) !important;
    border-color: var(--v2-tinta) !important;
    color: #fff !important;
}
.prido-collhead .prido-subcat-chip.is-active .prido-subcat-chip__count { color: #fff !important; opacity: .8 !important; }
.prido-collhead .prido-subcat-chip__count {
    font-family: var(--v2-mono) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    opacity: .75 !important;
    color: inherit !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

/* ==========================================================================
   2. SIDEBAR (desktop/tablet) — orden fuera, CTA «Ver N productos»
   ========================================================================== */
.prido-filters-panel .prido-sidebar-controls { display: none !important; }
.prido-filters-panel .prido-filter-sort-pill { display: none !important; }
.prido-filters-panel .prido-top-sales-trigger { display: none !important; }

.prido-filters-panel .pf-foot {
    display: block;
    position: sticky;
    bottom: 0;
    z-index: 3;
    margin-top: 6px;
    padding: 12px 16px 16px;
    border-top: 1px solid var(--v2-cream2);
    background: var(--v2-cream);
}
.prido-filters-panel .pf-foot-btn {
    display: flex;
    gap: .3em;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    border: 0;
    border-radius: 3px;
    background: var(--v2-green);
    color: #fff;
    font-family: var(--v2-sans);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: filter .15s ease;
}
.prido-filters-panel .pf-foot-btn:hover { filter: brightness(1.08); }
.prido-filters-panel .pf-foot-btn[hidden] { display: none; }

/* Sheet móvil: footer «Limpiar | Ver N productos» */
@media (min-width: 768px) { .prido-filters-panel .prido-filters-sheet-footer { display: none !important; } }
@media (max-width: 767px) {
.prido-filters-panel .prido-filters-sheet-footer {
    display: flex !important;
    gap: 10px !important;
    padding: 12px 16px 20px !important;
    border-top: 1px solid var(--v2-cream2) !important;
    background: var(--v2-cream) !important;
}
.prido-filters-panel .prido-filters-sheet-clear {
    flex: 0 0 auto !important;
    height: 48px !important;
    padding: 0 16px !important;
    border-radius: 3px !important;
    border: 1.5px solid var(--v2-cream3) !important;
    background: transparent !important;
    color: var(--v2-ink) !important;
    font-family: var(--v2-sans) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.prido-filters-panel .prido-filters-sheet-view {
    flex: 1 1 auto !important;
    height: 48px !important;
    border: 0 !important;
    border-radius: 3px !important;
    background: var(--v2-green) !important;
    color: #fff !important;
    font-family: var(--v2-sans) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.prido-filters-panel .prido-filters-sheet-view { gap: .3em; }
.prido-filters-panel .prido-filters-sheet-title {
    font-family: var(--v2-serif) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}
}

/* ==========================================================================
   3. TOOLBAR (≥768) — conteo · Ordenar: [select] · densidad
   ========================================================================== */
.prido-catalog-page .prido-catalog-archive .prido-grilla-toolbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 0 0 18px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.prido-catalog-page .prido-catalog-archive .prido-grilla-result-count {
    display: block !important;
    font-family: var(--v2-sans) !important;
    font-size: 13px !important;
    color: var(--v2-muted) !important;
    font-variant-numeric: tabular-nums;
    margin: 0 !important;
}
.prido-catalog-page .prido-catalog-archive .prido-grilla-result-count b { color: var(--v2-ink); font-weight: 700; }
.prido-catalog-page .prido-catalog-archive .prido-grilla-controls { display: flex !important; align-items: center !important; gap: 10px !important; }
.prido-catalog-page .prido-catalog-archive .prido-grilla-per-page { display: none !important; }

.prido-catalog-page .prido-catalog-archive .prido-grilla-orderby {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 12px 0 14px;
    border: 1px solid var(--v2-line-strong);
    border-radius: 3px;
    background: var(--v2-surface);
    font-family: var(--v2-sans);
    font-size: 13px;
    font-weight: 600;
    color: var(--v2-ink);
    cursor: pointer;
    margin: 0 !important;
}
.prido-catalog-page .prido-catalog-archive .prido-grilla-orderby .prido-tb-lab {
    color: var(--v2-muted) !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    font-family: var(--v2-sans) !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.prido-catalog-page .prido-catalog-archive .prido-grilla-orderby .prido-orderby-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    font: inherit !important;
    color: inherit !important;
    cursor: pointer;
    box-shadow: none !important;
    outline: none;
    max-width: 200px;
}
.prido-catalog-page .prido-catalog-archive .prido-grilla-orderby:focus-within { border-color: var(--v2-tinta); box-shadow: 0 0 0 2px rgba(15, 77, 67, .15); }
.prido-catalog-page .prido-catalog-archive .prido-grilla-orderby__chev { flex: none; color: var(--v2-ink); }

.prido-catalog-page .prido-catalog-archive .prido-grilla-density {
    display: inline-flex !important;
    height: 38px !important;
    border: 1px solid var(--v2-line-strong) !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    background: var(--v2-surface) !important;
    gap: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.prido-catalog-page .prido-catalog-archive .prido-density-option {
    width: 40px !important;
    height: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--v2-muted) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}
.prido-catalog-page .prido-catalog-archive .prido-density-option + .prido-density-option { border-left: 1px solid var(--v2-line-strong) !important; }
.prido-catalog-page .prido-catalog-archive .prido-density-option.is-active { background: var(--v2-cream) !important; color: var(--v2-tinta) !important; }

/* ==========================================================================
   4. BARRA STICKY MÓVIL (≤767) — Filtros [N] · Ordenar · vista 1/2
   ========================================================================== */
.prido-mbar { display: none; }
@media (max-width: 767px) {
    .prido-catalog-page .prido-catalog-archive .prido-grilla-toolbar { display: none !important; }
    .prido-mbar {
        position: sticky;
        top: var(--prido-mbar-top, 0px);
        z-index: 30;
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0 -4px 10px;
        padding: 10px 12px;
        background: var(--v2-surface);
        border-bottom: 1px solid var(--v2-line);
        box-shadow: 0 6px 16px rgba(18, 29, 42, .06);
        font-family: var(--v2-sans);
    }
    .prido-mbar__filters,
    .prido-mbar__sort {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        flex: 1 1 0;
        min-width: 0;
        height: 44px;
        padding: 0 12px;
        border-radius: 3px;
        font-family: var(--v2-sans);
        font-size: 13.5px;
        font-weight: 700;
        cursor: pointer;
        position: relative;
    }
    .prido-mbar__filters {
        border: 1.5px solid var(--v2-tinta);
        background: transparent;
        color: var(--v2-tinta);
    }
    .prido-mbar__count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 20px;
        height: 20px;
        padding: 0 6px;
        border-radius: 999px;
        background: var(--v2-tinta);
        color: #fff;
        font-family: var(--v2-mono);
        font-size: 11px;
        font-weight: 500;
    }
    .prido-mbar__count[hidden] { display: none; }
    .prido-mbar__sort {
        border: 1px solid var(--v2-line-strong);
        background: var(--v2-surface);
        color: var(--v2-ink);
        font-weight: 600;
        font-size: 13px;
    }
    .prido-mbar__sort-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .prido-mbar__select {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        appearance: none;
        -webkit-appearance: none;
        font-size: 16px; /* evita zoom iOS */
    }
    .prido-mbar__view {
        display: inline-flex;
        height: 44px;
        border: 1px solid var(--v2-line-strong);
        border-radius: 3px;
        overflow: hidden;
        background: var(--v2-surface);
        flex: none;
    }
    .prido-mbar__view-btn {
        width: 40px;
        border: 0;
        background: transparent;
        color: var(--v2-muted);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        cursor: pointer;
    }
    .prido-mbar__view-btn + .prido-mbar__view-btn { border-left: 1px solid var(--v2-line-strong); }
    .prido-mbar__view-btn.is-active { background: var(--v2-cream); color: var(--v2-tinta); }

    /* Panel de filtros cerrado en móvil: sólo quedan los chips activos (la fila de
       píldoras la reemplaza la barra sticky). Al abrirse (is-all-filters-open) manda
       el CSS del sheet de prido-filtros. */
    .prido-filters-panel:not(.is-all-filters-open) > :not(#prido-filters-chips) { display: none !important; }
    .prido-filters-panel:not(.is-all-filters-open) { display: block !important; }
    .prido-filters-panel:not(.is-all-filters-open) #prido-filters-chips {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        gap: 6px !important;
        padding: 4px 12px 8px !important;
        scrollbar-width: none;
    }
    .prido-filters-panel:not(.is-all-filters-open) #prido-filters-chips::-webkit-scrollbar { display: none; }
    .prido-filters-panel:not(.is-all-filters-open) #prido-filters-chips .prido-filter-chip { flex: none; white-space: nowrap; }
    .prido-filters-panel .pf-foot { display: none !important; }
}

/* ==========================================================================
   5. CARD (.pcv4) — anatomía 1:1, alto uniforme
   ========================================================================== */
.prido-catalog-page .prido-grilla-products .pcv4 {
    font-family: var(--v2-body);
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100%;
    border: 1px solid var(--v2-line) !important;
    border-radius: 2px !important;
    background: var(--v2-surface) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
.prido-catalog-page .prido-grilla-products .pcv4:hover .prido-product-card__inner { box-shadow: none !important; border-color: var(--v2-line-strong) !important; }

/* media */
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__media {
    position: relative;
    aspect-ratio: 1 / 1;
    background: #fff !important;
    border-radius: 0 !important;
    margin: 0 !important;
    overflow: hidden;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__image-link { display: block; width: 100%; height: 100%; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__media img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: normal !important; }
.prido-catalog-page .prido-grilla-products .pcv4[data-in-stock="0"] .prido-product-card__image-link img { opacity: .75; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__sale-badge {
    position: absolute !important;
    top: 10px !important; left: 10px !important; right: auto !important; bottom: auto !important;
    z-index: 5;
    display: inline-flex !important;
    align-items: center;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: var(--v2-green-tint) !important;
    color: var(--v2-green) !important;
    font-family: var(--v2-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.prido-catalog-page .prido-grilla-products .pcv4[data-in-stock="0"] .prido-product-card__sale-badge { display: none !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__stock-badge {
    top: 10px !important; left: 10px !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: var(--v2-out-bg) !important;
    color: var(--v2-out) !important;
    font-family: var(--v2-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* barra flotante (favoritos/comparar) — vertical arriba a la derecha */
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-actions {
    top: 10px !important; right: 10px !important; left: auto !important; bottom: auto !important;
    flex-direction: column !important;
    gap: 6px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-actions .prido-grilla-action-btn:not(.prido-grilla-btn-cart) {
    width: 34px !important; height: 34px !important;
    border-radius: 50% !important;
    border: 1px solid var(--v2-line) !important;
    background: #fff !important;
    color: #1a2a3a !important;
    box-shadow: none !important;
}

/* body */
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto;
    gap: 6px !important;
    padding: 12px !important;
    text-align: left !important;
    background: transparent !important;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__category {
    margin: 0 !important;
    font-family: var(--v2-sans) !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    color: var(--v2-muted) !important;
    line-height: 1.2 !important;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__category a,
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__category span { color: inherit !important; font: inherit !important; text-decoration: none !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__title {
    margin: 0 !important;
    font-family: var(--v2-serif) !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.4em !important;
    max-height: 2.4em !important;
    color: var(--v2-ink) !important;
    font: inherit !important;
    text-decoration: none !important;
}

/* swatches: fila SIEMPRE reservada */
.prido-catalog-page .prido-grilla-products .pcv4 .pcv4-swatches {
    display: flex; align-items: center; gap: 6px;
    height: 18px; min-height: 18px;
}
.prido-catalog-page .prido-grilla-products .pcv4 .pcv4-sw {
    width: 14px; height: 14px; padding: 0; border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .12);
    background: var(--sw, #999);
    cursor: pointer; flex: none;
    transition: box-shadow .12s ease;
}
.prido-catalog-page .prido-grilla-products .pcv4 .pcv4-sw:hover,
.prido-catalog-page .prido-grilla-products .pcv4 .pcv4-sw:focus-visible { box-shadow: 0 0 0 1.5px var(--v2-surface), 0 0 0 2.5px var(--v2-tinta); outline: none; }
.prido-catalog-page .prido-grilla-products .pcv4 .pcv4-sw-more { font-family: var(--v2-sans); font-size: 11px; color: var(--v2-muted); }

/* precio: bloque de alto fijo (44) — fila 1 «Desde» + precio · fila 2 tachado + % · IVA */
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__pricing {
    height: 44px; min-height: 44px; max-height: 44px;
    margin: 2px 0 0 !important; padding: 0 !important;
    overflow: hidden;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__price {
    display: grid !important;
    flex-wrap: nowrap !important;
    grid-template-columns: max-content max-content max-content 1fr !important;
    grid-template-rows: 24px 18px !important;
    align-items: baseline;
    column-gap: 8px;
    margin: 0 !important; padding: 0 !important;
    font-family: var(--v2-body) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .price.prido-price-line,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-line { display: contents !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-line ins,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-line del { display: contents !important; text-decoration: none !important; background: transparent !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-from {
    grid-row: 1 !important; grid-column: 1 !important; align-self: baseline;
    font-family: var(--v2-sans) !important; font-size: 11.5px !important; font-weight: 400 !important;
    color: var(--v2-muted) !important; margin: 0 !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-now {
    grid-row: 1 !important; grid-column: 2 !important; display: inline !important; align-self: baseline;
    font-size: 19px !important; font-weight: 700 !important; line-height: 1 !important;
    color: var(--v2-ink) !important; font-variant-numeric: tabular-nums; margin: 0 !important; text-decoration: none !important;
}
.prido-catalog-page .prido-grilla-products .pcv4[data-in-stock="0"] .prido-price-now { color: var(--v2-muted) !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-was {
    grid-row: 2 !important; grid-column: 1 / span 2 !important; display: inline !important; justify-self: start; align-self: baseline;
    font-size: 11px !important; font-weight: 400 !important; line-height: 1 !important;
    color: var(--v2-muted) !important; text-decoration: line-through !important; font-variant-numeric: tabular-nums; margin: 0 !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-off {
    grid-row: 2 !important; grid-column: 3 !important; align-self: baseline;
    display: inline !important;
    font-family: var(--v2-sans) !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important;
    color: var(--v2-sale) !important; background: transparent !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .pcv4-iva {
    grid-row: 2 !important; grid-column: 4 !important; align-self: baseline;
    font-family: var(--v2-sans); font-size: 11px; line-height: 1; color: var(--v2-muted); white-space: nowrap;
}
.prido-catalog-page .prido-grilla-products .pcv4[data-on-sale="1"] .pcv4-iva::before { content: "· "; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4[data-has-variations="0"] .prido-product-card__price .prido-price-now { grid-column: 1 / span 2 !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4[data-on-sale="0"] .prido-product-card__price .pcv4-iva { grid-column: 1 / span 4 !important; }
.prido-catalog-page .prido-grilla-products .pcv4[data-in-stock="0"] .prido-price-was,
.prido-catalog-page .prido-grilla-products .pcv4[data-in-stock="0"] .prido-price-off { display: none !important; }
.prido-catalog-page .prido-grilla-products .pcv4[data-in-stock="0"] .pcv4-iva::before { content: none; }

/* hairline + transferencia */
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__details {
    margin: 4px 0 0 !important; padding: 8px 0 0 !important;
    border-top: 1px solid var(--v2-line) !important;
    min-height: 25px;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-transfer-price {
    display: flex !important; align-items: center !important; gap: 6px !important;
    margin: 0 !important; padding: 0 !important;
    font-family: var(--v2-sans) !important; font-size: 12px !important; color: var(--v2-muted) !important;
    background: transparent !important; border: 0 !important; border-radius: 0 !important;
    white-space: nowrap; overflow: hidden;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-transfer-icon { display: inline-flex; color: var(--v2-muted); flex: none; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-transfer-icon svg { width: 13px; height: 13px; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-transfer-label { font-weight: 400 !important; color: var(--v2-muted) !important; font-size: 12px !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-transfer-amount { font-weight: 700 !important; color: var(--v2-ink) !important; font-size: 12px !important; font-variant-numeric: tabular-nums; }
.prido-catalog-page .prido-grilla-products .pcv4[data-in-stock="0"] .prido-transfer-price { visibility: hidden; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-var-attrs { display: none !important; }

/* CTA 44 px */
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta {
    flex: 0 0 auto !important; margin: 6px 0 0 !important; padding: 0 !important;
    position: static !important; opacity: 1 !important; transform: none !important; visibility: visible !important;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart {
    display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important;
    width: 100% !important; height: 44px !important; min-height: 44px !important;
    padding: 0 12px !important; margin: 0 !important;
    border-radius: 3px !important; border: 1.5px solid var(--v2-green) !important;
    background: var(--v2-green) !important; color: #fff !important;
    font-family: var(--v2-sans) !important; font-size: 13.5px !important; font-weight: 700 !important; line-height: 1 !important;
    letter-spacing: 0 !important; text-transform: none !important; text-decoration: none !important;
    box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    transition: filter .15s ease, background .15s ease;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart:hover { filter: brightness(1.08); }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart svg { display: none !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart .prido-grilla-tooltip { display: none !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart .prido-grilla-btn-label {
    display: inline !important; font: inherit !important; color: inherit !important;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart::after,
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart::before { content: none !important; display: none !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta a.prido-grilla-btn-cart--options,
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta a.prido-grilla-btn-cart--options .prido-grilla-btn-label,
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta a.prido-grilla-btn-cart--options:hover .prido-grilla-btn-label {
    background: transparent !important; color: var(--v2-green) !important; font-size: 13.5px !important;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart--options:hover { background: var(--v2-green-tint) !important; filter: none; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart.is-loading { opacity: .85; cursor: progress; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart.added { background: var(--v2-tinta) !important; border-color: var(--v2-tinta) !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart.added .prido-grilla-btn-label::before { content: "✓ "; }
.prido-catalog-page .prido-grilla-products .pcv4[data-in-stock="0"] .prido-grilla-cart-wrap--cta { display: none !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart--oos { display: none !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .added_to_cart { display: none !important; }

/* Cotizar → enlace secundario */
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__quote { margin: 0 !important; padding: 0 !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__quote .prido-cotizar-wrap { margin: 0 !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__quote .prido-cotizar-btn {
    display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important;
    width: 100% !important; height: 32px !important; min-height: 32px !important;
    padding: 0 !important; margin: 0 !important;
    border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
    color: var(--v2-teal) !important;
    font-family: var(--v2-sans) !important; font-size: 12.5px !important; font-weight: 600 !important; line-height: 1 !important;
    text-transform: none !important; letter-spacing: 0 !important; text-decoration: none !important;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__quote .prido-cotizar-btn:hover { text-decoration: underline !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__quote .prido-cotizar-btn svg { width: 13px !important; height: 13px !important; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__quote .prido-cotizar-btn span::after { content: " para empresa"; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__quote .prido-cotizar-tooltip { display: none !important; }
.prido-catalog-page .prido-grilla-products .pcv4[data-in-stock="0"] .prido-product-card__quote { display: none !important; }

/* Avísame */
.prido-catalog-page .prido-grilla-products .pcv4 .prido-card-notify-btn {
    margin: 6px 0 0 !important;
    height: 44px !important; min-height: 44px !important;
    border: 1.5px solid var(--v2-line-strong) !important; border-radius: 3px !important;
    background: transparent !important; color: var(--v2-ink) !important;
    font-family: var(--v2-sans) !important; font-size: 13.5px !important; font-weight: 700 !important;
}
.prido-catalog-page .prido-grilla-products .pcv4 .prido-card-notify-btn:hover { background: var(--v2-cream) !important; }

/* ==========================================================================
   6. CARGAR MÁS
   ========================================================================== */
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore {
    display: flex !important; flex-direction: column !important; align-items: center !important;
    gap: 12px !important; padding: 26px 0 8px !important;
}
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore-count {
    display: block !important;
    font-family: var(--v2-sans) !important; font-size: 13px !important; color: var(--v2-muted) !important; font-variant-numeric: tabular-nums;
}
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore-count b { color: var(--v2-ink); font-weight: 700; }
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore-bar {
    width: 260px !important; height: 3px !important; border-radius: 2px !important;
    background: var(--v2-cream2) !important; overflow: hidden !important;
}
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore-bar i { display: block; height: 100% !important; background: var(--v2-green) !important; border-radius: 0 !important; transition: width .4s ease; }
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore-btn {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important;
    height: 44px !important; padding: 0 28px !important;
    border: 1.5px solid var(--v2-tinta) !important; border-radius: 3px !important;
    background: transparent !important; color: var(--v2-tinta) !important;
    font-family: var(--v2-sans) !important; font-size: 14px !important; font-weight: 700 !important;
    text-decoration: none !important; box-shadow: none !important; cursor: pointer;
}
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore-btn:hover { background: var(--v2-cream) !important; }
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore.is-loading .prido-grilla-loadmore-btn { opacity: .7; pointer-events: none; }
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore.is-end .prido-grilla-loadmore-btn { display: none !important; }
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore-page { font-family: var(--v2-sans); font-size: 12px; color: var(--v2-muted); font-variant-numeric: tabular-nums; }
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore-status { font-family: var(--v2-sans); font-size: 13px; }
.prido-catalog-page .prido-catalog-archive .prido-grilla-loadmore-retry {
    margin-left: 8px; height: 36px; padding: 0 14px; border-radius: 3px; border: 0;
    background: var(--v2-green); color: #fff; font-family: var(--v2-sans); font-weight: 700; cursor: pointer;
}

/* ==========================================================================
   7. ESTADO VACÍO
   ========================================================================== */
.prido-catalog-page .prido-grilla-products .pcv4-empty {
    grid-column: 1 / -1;
    display: flex; flex-direction: column; gap: 18px;
    padding: 24px 20px 28px;
    border: 1px solid var(--v2-line); border-radius: 3px; background: var(--v2-surface);
    font-family: var(--v2-sans);
    text-align: center;
}
.prido-catalog-page .prido-grilla-products .pcv4-empty p { margin: 0; }
.prido-catalog-page .prido-grilla-products .pcv4-empty__head { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.prido-catalog-page .prido-grilla-products .pcv4-empty__title { margin: 0; font-family: var(--v2-serif); font-size: 22px; font-weight: 600; color: var(--v2-ink); }
.prido-catalog-page .prido-grilla-products .pcv4-empty__hint { font-size: 13px; color: var(--v2-muted); }
.prido-catalog-page .prido-grilla-products .pcv4-empty__reset {
    display: inline-flex; align-items: center; justify-content: center;
    height: 40px; padding: 0 18px; margin-top: 4px;
    border-radius: 3px; background: var(--v2-green); color: #fff !important;
    font-size: 13px; font-weight: 700; text-decoration: none !important;
}
.prido-catalog-page .prido-grilla-products .pcv4-empty__best { border-top: 1px solid var(--v2-line); padding-top: 14px; text-align: left; display: flex; flex-direction: column; gap: 10px; }
.prido-catalog-page .prido-grilla-products .pcv4-empty__lab { font-size: 10.5px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; color: var(--v2-muted); }
.prido-catalog-page .prido-grilla-products .pcv4-empty__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 767px) { .prido-catalog-page .prido-grilla-products .pcv4-empty__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ==========================================================================
   8. DRAWER SELECCIÓN RÁPIDA (portado a <body>, sobre el shell con zoom .9)
   ========================================================================== */
.prido-quick { position: fixed; inset: 0; z-index: 100000; font-family: var(--v2-body); color: var(--v2-ink); }
.prido-quick[hidden] { display: none !important; }
.prido-quick__backdrop { position: absolute; inset: 0; background: var(--v2-overlay); }
.prido-quick__panel {
    position: absolute; top: 0; right: 0; bottom: 0;
    width: min(440px, 100%);
    display: flex; flex-direction: column;
    background: var(--v2-surface);
    box-shadow: -16px 0 40px rgba(0, 0, 0, .18);
    outline: none;
    transform: translateX(100%);
    transition: transform .22s cubic-bezier(.2, 0, .2, 1);
}
.prido-quick.is-open .prido-quick__panel { transform: none; }
.prido-quick__grab { display: none; }
.prido-quick__head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 16px 20px; border-bottom: 1px solid var(--v2-line);
}
.prido-quick__eyebrow { font-family: var(--v2-sans); font-size: 11.5px; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; color: var(--v2-muted); }
.prido-quick__close { width: 36px; height: 36px; border: 0; background: none; color: var(--v2-ink); display: flex; align-items: center; justify-content: center; cursor: pointer; margin-right: -8px; }
.prido-quick__body { flex: 1 1 auto; overflow: auto; padding: 20px; display: flex; flex-direction: column; gap: 16px; -webkit-overflow-scrolling: touch; }
.prido-quick__foot { padding: 12px 20px 20px; border-top: 1px solid var(--v2-line); background: var(--v2-surface); display: flex; flex-direction: column; gap: 10px; }
.prido-quick__foot[hidden] { display: none; }

.prido-quick__loading, .prido-quick__error { font-family: var(--v2-sans); font-size: 13px; color: var(--v2-muted); padding: 24px 0; text-align: center; }
.prido-quick__error a { color: var(--v2-teal); font-weight: 700; }

.prido-quick__media { display: grid; grid-template-columns: 1fr 64px; gap: 10px; }
.prido-quick__main { aspect-ratio: 1 / 1; border: 1px solid var(--v2-line); border-radius: 2px; background: #fff; overflow: hidden; }
.prido-quick__main img { width: 100%; height: 100%; object-fit: contain; display: block; }
.prido-quick__thumbs { display: flex; flex-direction: column; gap: 8px; }
.prido-quick__thumb { aspect-ratio: 1 / 1; border: 1px solid var(--v2-line); border-radius: 2px; background: #fff; overflow: hidden; padding: 0; cursor: pointer; }
.prido-quick__thumb.is-active { border: 1.5px solid var(--v2-tinta); }
.prido-quick__thumb img { width: 100%; height: 100%; object-fit: contain; display: block; }

.prido-quick__cat { font-family: var(--v2-sans); font-size: 10.5px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--v2-muted); }
.prido-quick__name { margin: 4px 0 0; font-family: var(--v2-serif); font-size: 24px; font-weight: 600; line-height: 1.15; color: var(--v2-ink); }

.prido-quick__group { display: flex; flex-direction: column; gap: 8px; }
.prido-quick__label { font-family: var(--v2-sans); font-size: 13px; font-weight: 600; }
.prido-quick__label span { color: var(--v2-muted); font-weight: 500; }
.prido-quick__opts { display: flex; flex-wrap: wrap; gap: 8px; }
.prido-quick__opt {
    display: inline-flex; align-items: center; gap: 8px;
    height: 40px; padding: 0 14px;
    border: 1.5px solid var(--v2-line-strong); border-radius: 3px;
    background: transparent; color: var(--v2-ink);
    font-family: var(--v2-sans); font-size: 13px; font-weight: 600; cursor: pointer;
    transition: border-color .12s ease, background .12s ease;
}
.prido-quick__opt--color { padding-left: 8px; }
.prido-quick__opt-dot { width: 20px; height: 20px; border-radius: 50%; background: var(--sw, #999); border: 1px solid rgba(0, 0, 0, .12); }
.prido-quick__opt:hover { border-color: var(--v2-tinta); }
.prido-quick__opt.is-active { border-color: var(--v2-tinta); background: var(--v2-cream); }
.prido-quick__opt.is-dead { color: var(--v2-muted); text-decoration: line-through; }
.prido-quick__note { font-family: var(--v2-sans); font-size: 12.5px; color: var(--v2-sale); }

.prido-quick__pricebox { display: flex; flex-direction: column; gap: 4px; padding: 14px; border: 1px solid var(--v2-line); border-radius: 3px; background: var(--v2-canvas); }
.prido-quick__priceline { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.prido-quick__priceline .prido-price-line { display: contents; }
.prido-quick__priceline ins, .prido-quick__priceline del { text-decoration: none; background: transparent; display: contents; }
.prido-quick__priceline .prido-price-now { font-size: 26px; font-weight: 700; line-height: 1; color: var(--v2-ink); font-variant-numeric: tabular-nums; }
.prido-quick__priceline .prido-price-was { font-size: 14px; color: var(--v2-muted); text-decoration: line-through; font-variant-numeric: tabular-nums; }
.prido-quick__priceline .prido-price-off { font-family: var(--v2-sans); font-size: 12px; font-weight: 700; color: var(--v2-sale); }
.prido-quick__priceline .prido-price-from { display: none; }
.prido-quick__sub { font-family: var(--v2-sans); font-size: 12px; color: var(--v2-muted); }
.prido-quick__sub b { color: var(--v2-ink); font-variant-numeric: tabular-nums; }
.prido-quick__stock { margin-top: 4px; font-family: var(--v2-sans); font-size: 12px; font-weight: 600; color: var(--v2-green); }
.prido-quick__stock.is-out { color: var(--v2-sale); }

.prido-quick__row { display: flex; gap: 10px; align-items: center; }
.prido-quick__qty { display: inline-flex; align-items: center; height: 44px; border: 1px solid var(--v2-line-strong); border-radius: 3px; flex: none; }
.prido-quick__qty button { width: 40px; height: 100%; border: 0; background: none; font-size: 18px; color: var(--v2-ink); cursor: pointer; }
.prido-quick__qty output { width: 36px; text-align: center; font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; }
.prido-quick__add {
    flex: 1 1 auto; height: 44px; border: 0; border-radius: 3px;
    background: var(--v2-green); color: #fff;
    font-family: var(--v2-sans); font-size: 14px; font-weight: 700; cursor: pointer;
    display: flex; align-items: center; justify-content: center; gap: 8px;
    transition: filter .15s ease, background .15s ease;
}
.prido-quick__add:hover { filter: brightness(1.08); }
.prido-quick__add:disabled { background: var(--v2-cream3); color: var(--v2-muted); cursor: not-allowed; filter: none; }
.prido-quick__add.is-added { background: var(--v2-tinta); }
.prido-quick__link { font-family: var(--v2-sans); font-size: 13px; font-weight: 600; color: var(--v2-teal); text-align: center; text-decoration: none; }
.prido-quick__link:hover { text-decoration: underline; }
body.prido-quick-open { overflow: hidden; }

@media (max-width: 767px) {
    .prido-quick__panel {
        top: auto; left: 0; right: 0; bottom: 0;
        width: 100%; height: 88%;
        border-radius: 12px 12px 0 0;
        box-shadow: 0 -16px 40px rgba(0, 0, 0, .2);
        transform: translateY(100%);
    }
    .prido-quick__grab { display: flex; justify-content: center; padding: 8px 0 0; }
    .prido-quick__grab::before { content: ""; width: 40px; height: 4px; border-radius: 2px; background: var(--v2-cream3); }
    .prido-quick__head { padding: 6px 16px 10px; }
    .prido-quick__body { padding: 12px 16px 16px; gap: 14px; }
    .prido-quick__media { grid-template-columns: 120px 1fr; gap: 12px; }
    .prido-quick__thumbs { flex-direction: row; align-items: flex-start; }
    .prido-quick__thumb { width: 48px; }
    .prido-quick__name { font-size: 20px; }
    .prido-quick__opt { height: 44px; }
    .prido-quick__qty { height: 48px; } .prido-quick__qty button { width: 44px; }
    .prido-quick__add { height: 48px; }
    .prido-quick__foot { padding: 12px 16px 20px; }
}

/* ==========================================================================
   9. MÓVIL — cards 2 col / 1 col
   ========================================================================== */
@media (max-width: 767px) {
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__body { padding: 10px !important; gap: 5px !important; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__category { font-size: 10px !important; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__title { font-size: 15px !important; }
    .prido-catalog-page .prido-grilla-products .pcv4 .pcv4-swatches { height: 16px; min-height: 16px; gap: 5px; }
    .prido-catalog-page .prido-grilla-products .pcv4 .pcv4-sw { width: 12px; height: 12px; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__pricing { height: 40px; min-height: 40px; max-height: 40px; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__price { grid-template-rows: 22px 16px; column-gap: 6px; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-price-now { font-size: 16px !important; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-price-from { font-size: 10.5px !important; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-price-was { display: none !important; }
    .prido-catalog-page .prido-grilla-products .pcv4 .pcv4-iva { font-size: 10.5px; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__details { padding-top: 6px !important; min-height: 22px; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-transfer-price,
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-transfer-label,
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-transfer-amount { font-size: 11px !important; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-transfer-icon { display: none; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart { font-size: 12.5px !important; padding: 0 8px !important; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart .prido-grilla-btn-label { display: inline !important; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__quote .prido-cotizar-btn span::after { content: none; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-card-notify-btn { font-size: 12.5px !important; }
    .prido-catalog-page .prido-grilla-products .pcv4 .prido-card-notify-btn span::after { content: none; }

    /* 1 columna: card horizontal */
    .prido-grilla-wrapper[data-columns-mobile="1"] .prido-grilla-products { grid-template-columns: 1fr !important; }
    .prido-grilla-wrapper[data-columns-mobile="1"] .pcv4 .prido-product-card__inner { flex-direction: row !important; align-items: center !important; }
    .prido-grilla-wrapper[data-columns-mobile="1"] .pcv4 .prido-product-card__media { flex: 0 0 150px; width: 150px; height: 150px; aspect-ratio: 1 / 1; align-self: center; margin: 10px 0 10px 10px !important; }
    .prido-grilla-wrapper[data-columns-mobile="1"] .pcv4 .prido-product-card__media img { padding: 8px 8px 8px 0; }
    .prido-grilla-wrapper[data-columns-mobile="1"] .pcv4 .prido-product-card__title { font-size: 16px !important; }
    .prido-grilla-wrapper[data-columns-mobile="1"] .pcv4 .prido-product-card__body { min-width: 0; }
    .prido-grilla-wrapper[data-columns-mobile="1"] .pcv4 .prido-price-was { display: inline !important; }
    .prido-grilla-wrapper[data-columns-mobile="1"] .pcv4 .prido-transfer-icon { display: inline-flex; }
}

/* ==========================================================================
   10. Ajustes finos de la grilla (gap del canvas) y guía
   ========================================================================== */
@media (min-width: 768px) {
    .prido-catalog-page .prido-catalog-archive .prido-grilla-products { gap: 20px 16px !important; }
}
@media (max-width: 767px) {
    .prido-catalog-page .prido-catalog-archive .prido-grilla-products { gap: 12px 10px !important; }
}


/* ==========================================================================
   11. r4 - bloque de precio en flex con salto forzado (fila 1: Desde + precio;
   fila 2: tachado, porcentaje, IVA). Sustituye la rejilla de r3.
   ========================================================================== */
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    align-content: flex-start !important;
    column-gap: 6px !important;
    row-gap: 0 !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-from,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-now,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-was,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-off,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .pcv4-iva { grid-row: auto !important; grid-column: auto !important; flex: 0 0 auto !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-now { line-height: 24px !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-was,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-off,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .pcv4-iva { line-height: 18px !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-line ins::after { content: ""; display: block; flex-basis: 100% !important; height: 0; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4[data-on-sale="0"] .prido-product-card__price .pcv4-iva { flex-basis: 100% !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4[data-in-stock="0"] .prido-product-card__price .pcv4-iva { flex-basis: 100% !important; }

/* r5: orden de la fila 2 (tachado, %, IVA) */
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-from { order: 0 !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-now { order: 1 !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-line ins::after { order: 2 !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-was { order: 3 !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .prido-price-off { order: 4 !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__price .pcv4-iva { order: 5 !important; }

/* r6: badges siempre por encima de la foto (el link de imagen crea contexto de apilamiento) */
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__image-link { position: relative; z-index: 1; }
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__sale-badge,
.prido-catalog-page .prido-grilla-products .pcv4 .prido-product-card__stock-badge { z-index: 6 !important; }

/* r7: móvil 1 col — favoritos/comparar DEBAJO de la foto, no encima del producto */
@media (max-width: 767px) {
    .prido-grilla-wrapper[data-columns-mobile="1"] .pcv4 .prido-product-card__media {
        height: auto !important;
        aspect-ratio: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
        overflow: visible !important;
    }
    .prido-grilla-wrapper[data-columns-mobile="1"] .pcv4 .prido-product-card__image-link {
        position: relative;
        width: 150px !important;
        height: 150px !important;
        display: block !important;
    }
    .prido-grilla-wrapper[data-columns-mobile="1"] .pcv4 .prido-grilla-actions {
        position: static !important;
        inset: auto !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        gap: 8px !important;
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
        pointer-events: auto !important;
        margin: 0 !important;
    }
    .prido-grilla-wrapper[data-columns-mobile="1"] .pcv4 .prido-grilla-actions .prido-grilla-action-btn:not(.prido-grilla-btn-cart) {
        width: 34px !important; height: 34px !important;
    }
}


/* ==========================================================================
   12. PULIDO 1:1 (r9 · 2026-09-07) — el canvas «Plantilla de Archivo Prido»
   contra lo que realmente pinta producción.

   Tres cosas que el r8 no resolvía:

   (a) ESPECIFICIDAD. El cuerpo de la card y la eyebrow de categoría los fijaba
       prido-grilla §19.3/§19.4 con `.prido-grilla-wrapper[data-columns]
       .prido-grilla-products .prido-product-card .product-element-bottom`
       (0,5,0) + !important, que le ganaba al prefijo de §5 (0,4,0). Aquí se usa
       el mismo prefijo de 6 clases de §11, que sí vence.

   (b) ZOOM. `.prido-catalog-main > .prido-catalog-shell__inner` lleva zoom:.9
       (load-bearing, §17d de prido-grilla): una card de 303px CSS se ve de 273
       — el mismo ancho del mockup — pero su tipografía de 17px se ve a 15,3.
       En pantallas donde la card ya alcanza el tamaño del canvas (≥1360px) se
       compensa con --v2-k = 1/0.9; por debajo la card es más angosta y los
       valores nominales siguen siendo los correctos.

   (c) HERO. El aside de stats lo pinta prido-catalog §collhead como tarjeta
       vertical con sombra y regla horizontal; el canvas lo dibuja como una
       ficha baja: número + regla VERTICAL + tres hechos, alineada al pie del
       H1, sobre hero blanco separado del lienzo por un hairline.
   ========================================================================== */

/* ---------- 12.1 · factor que compensa el zoom .9 dentro de la grilla ---------- */
.prido-catalog-page { --v2-k: 1; }
@media (min-width: 1360px) { .prido-catalog-page { --v2-k: 1.111; } }

/* ==========================================================================
   12.2 · HERO — ficha de colección del canvas
   ========================================================================== */
.prido-catalog-page .prido-collhead .prido-catalog-hero__stage {
    padding: 22px 0 0 !important;
    background: var(--v2-surface) !important;
    border-bottom: 1px solid var(--v2-line) !important;
}
.prido-catalog-page .prido-collhead .prido-catalog-breadcrumbs {
    font-family: var(--v2-sans) !important;
    font-size: 12px !important;
    gap: 8px !important;
}
.prido-catalog-page .prido-collhead .prido-catalog-breadcrumbs__current { font-weight: 600 !important; }

.prido-catalog-page .prido-collhead .prido-collhead__grid {
    grid-template-columns: 1.55fr 1fr !important;
    gap: 40px !important;
    align-items: end !important;
    margin-top: 14px !important;
}
.prido-catalog-page .prido-collhead .prido-catalog-hero__eyebrow {
    margin: 0 0 8px !important;
    font-size: 11.5px !important;
    letter-spacing: .11em !important;
}
.prido-catalog-page .prido-collhead .prido-collhead__lede { margin: 10px 0 0 !important; }

/* Ficha de stats: número · regla vertical · hechos */
.prido-catalog-page .prido-collhead .prido-collhead__aside {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 14px 18px !important;
    border: 1px solid var(--v2-line) !important;
    border-radius: 3px !important;
    background: var(--v2-canvas) !important;
    box-shadow: none !important;
}
.prido-catalog-page .prido-collhead .prido-collhead__count {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.prido-catalog-page .prido-collhead .prido-collhead__num {
    font-family: var(--v2-display) !important;
    font-size: 40px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
    color: var(--v2-ink) !important;
}
.prido-catalog-page .prido-collhead .prido-collhead__count-lab {
    font-family: var(--v2-sans) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: var(--v2-muted) !important;
}
.prido-catalog-page .prido-collhead .prido-collhead__rule {
    display: block !important;
    width: 1px !important;
    height: auto !important;
    align-self: stretch !important;
    margin: 0 !important;
    background: var(--v2-line) !important;
}
.prido-catalog-page .prido-collhead .prido-collhead__facts {
    flex: 1 1 auto !important;
    gap: 7px !important;
}
.prido-catalog-page .prido-collhead .prido-collhead__fact {
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--v2-sans) !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    color: var(--v2-ink) !important;
}
.prido-catalog-page .prido-collhead .prido-collhead__fact-ic {
    flex: 0 0 15px !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--v2-teal) !important;
}
.prido-catalog-page .prido-collhead .prido-collhead__fact-ic svg { width: 15px !important; height: 15px !important; }

/* Pills: el canvas las pone a 18px del bloque, no a 30 */
.prido-catalog-page .prido-collhead .prido-collhead__chips { margin-top: 0 !important; }
.prido-catalog-page .prido-collhead .prido-collhead__chips-lead { margin: 0 0 10px !important; }

/* ==========================================================================
   12.3 · TOOLBAR — esquinas rectas del canvas (el CSS viejo fija radius 8)
   ========================================================================== */
.prido-catalog-page .prido-catalog-archive .prido-grilla-orderby,
.prido-catalog-page .prido-catalog-archive .prido-grilla-density,
.prido-catalog-page .prido-catalog-archive .prido-density-option {
    border-radius: 3px !important;
}
.prido-catalog-page .prido-catalog-archive .prido-grilla-orderby,
.prido-catalog-page .prido-catalog-archive .prido-grilla-density {
    border-color: var(--v2-line-strong) !important;
    background: var(--v2-surface) !important;
}
.prido-catalog-page .prido-catalog-archive .prido-density-option { border-radius: 0 !important; }

/* ==========================================================================
   12.4 · SIDEBAR — el conteo ya vive en la toolbar y en el CTA del pie
   ========================================================================== */
.prido-catalog-page .prido-filters-panel .prido-filters-count,
.prido-catalog-page .prido-filters-panel .prido-filters-head__count { display: none !important; }

/* ==========================================================================
   12.5 · CARD — anatomía del canvas, ganando a §19 de prido-grilla
   ========================================================================== */
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__body {
    padding: calc(12px * var(--v2-k)) !important;
    gap: calc(6px * var(--v2-k)) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__category {
    margin: 0 !important;
    min-height: 0 !important;
    font-family: var(--v2-sans) !important;
    font-size: calc(10.5px * var(--v2-k)) !important;
    font-weight: 600 !important;
    letter-spacing: .1em !important;
    line-height: 1.2 !important;
    color: var(--v2-muted) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__category a,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__category span {
    font: inherit !important;
    letter-spacing: inherit !important;
    color: var(--v2-muted) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__title {
    margin: 0 !important;
    font-size: calc(17px * var(--v2-k)) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__title a {
    font-size: inherit !important;
    line-height: 1.2 !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .pcv4-swatches {
    margin: 0 !important;
    height: calc(18px * var(--v2-k)) !important;
    min-height: calc(18px * var(--v2-k)) !important;
    gap: calc(6px * var(--v2-k)) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .pcv4-sw {
    width: calc(14px * var(--v2-k)) !important;
    height: calc(14px * var(--v2-k)) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .pcv4-sw-more { font-size: calc(11px * var(--v2-k)) !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__pricing {
    margin: calc(2px * var(--v2-k)) 0 0 !important;
    height: calc(44px * var(--v2-k)) !important;
    min-height: calc(44px * var(--v2-k)) !important;
    max-height: calc(44px * var(--v2-k)) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-price-now {
    font-size: calc(19px * var(--v2-k)) !important;
    line-height: calc(24px * var(--v2-k)) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-price-from { font-size: calc(11.5px * var(--v2-k)) !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-price-was,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-price-off,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .pcv4-iva {
    font-size: calc(11px * var(--v2-k)) !important;
    line-height: calc(18px * var(--v2-k)) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__details {
    margin-top: calc(4px * var(--v2-k)) !important;
    padding-top: calc(8px * var(--v2-k)) !important;
    min-height: calc(25px * var(--v2-k)) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-transfer-price,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-transfer-label,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-transfer-amount {
    font-size: calc(12px * var(--v2-k)) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta { margin-top: calc(6px * var(--v2-k)) !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-card-notify-btn {
    height: calc(44px * var(--v2-k)) !important;
    min-height: calc(44px * var(--v2-k)) !important;
    font-size: calc(13.5px * var(--v2-k)) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__quote .prido-cotizar-btn {
    height: calc(32px * var(--v2-k)) !important;
    min-height: calc(32px * var(--v2-k)) !important;
    font-size: calc(12.5px * var(--v2-k)) !important;
}

/* «Elegir opciones» = contorno verde del canvas (no el gris del tema) */
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-grilla-btn-cart--options,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 a.prido-grilla-btn-cart--options {
    border: 1.5px solid var(--v2-green) !important;
    background: transparent !important;
    color: var(--v2-green) !important;
}
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-grilla-btn-cart--options .prido-grilla-btn-label { color: var(--v2-green) !important; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-grilla-btn-cart--options:hover { background: var(--v2-green-tint) !important; }

/* El badge de oferta traía ancho heredado de .prido-var-badge y «Oferta» se
   cortaba contra el overflow:hidden de la media. */
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__sale-badge,
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__stock-badge {
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 20px) !important;
    white-space: nowrap !important;
    font-size: calc(11px * var(--v2-k)) !important;
}

/* ==========================================================================
   12.6 · MÓVIL — hero compacto del canvas (H1 y conteo en una línea; los
   tres hechos y la regla no viajan a 375px)
   ========================================================================== */
@media (max-width: 767px) {
    .prido-catalog-page .prido-collhead .prido-catalog-hero__stage { padding: 14px 0 0 !important; }
    .prido-catalog-page .prido-collhead .prido-catalog-breadcrumbs { font-size: 11.5px !important; gap: 6px !important; }
    .prido-catalog-page .prido-collhead .prido-collhead__grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-areas: "eyebrow count" "title count" "lede lede" !important;
        align-items: end !important;
        gap: 0 12px !important;
        margin-top: 10px !important;
    }
    .prido-catalog-page .prido-collhead .prido-collhead__main { display: contents !important; }
    .prido-catalog-page .prido-collhead .prido-catalog-hero__eyebrow { grid-area: eyebrow !important; margin: 0 0 4px !important; font-size: 10.5px !important; }
    .prido-catalog-page .prido-collhead .prido-catalog-hero__title { grid-area: title !important; }
    .prido-catalog-page .prido-collhead .prido-collhead__lede { grid-area: lede !important; margin: 8px 0 0 !important; font-size: 13px !important; line-height: 1.45 !important; }
    .prido-catalog-page .prido-collhead .prido-collhead__aside {
        grid-area: count !important;
        display: flex !important;
        align-self: end !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
    .prido-catalog-page .prido-collhead .prido-collhead__count { align-items: flex-end !important; }
    .prido-catalog-page .prido-collhead .prido-collhead__num { font-size: 28px !important; }
    .prido-catalog-page .prido-collhead .prido-collhead__count-lab { font-size: 11px !important; }
    .prido-catalog-page .prido-collhead .prido-collhead__count-lab br { display: none !important; }
    .prido-catalog-page .prido-collhead .prido-collhead__rule,
    .prido-catalog-page .prido-collhead .prido-collhead__facts { display: none !important; }
    .prido-catalog-page .prido-collhead .prido-collhead__chips { padding-top: 14px !important; padding-bottom: 12px !important; }

    /* Card (≤767): el canvas la aprieta a 10/5 y sube el CTA al pie */
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__body { padding: 10px !important; gap: 5px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__category { font-size: 10px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__title { font-size: 15px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .pcv4-swatches { height: 16px !important; min-height: 16px !important; gap: 5px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .pcv4-sw { width: 12px !important; height: 12px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__pricing { height: 40px !important; min-height: 40px !important; max-height: 40px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-price-now { font-size: 16px !important; line-height: 22px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-price-from { font-size: 10.5px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-price-off,
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .pcv4-iva { font-size: 10.5px !important; line-height: 16px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__details { margin-top: 3px !important; padding-top: 6px !important; min-height: 22px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-transfer-price,
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-transfer-label,
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-transfer-amount { font-size: 11px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta { margin-top: auto !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-grilla-cart-wrap--cta .prido-grilla-btn-cart,
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-card-notify-btn { height: 44px !important; min-height: 44px !important; font-size: 12.5px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__quote .prido-cotizar-btn { height: 30px !important; min-height: 30px !important; font-size: 12px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__sale-badge,
    .prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__stock-badge {
        top: 8px !important; left: 8px !important;
        padding: 4px 8px !important;
        font-size: 10.5px !important;
    }

    /* 1 columna (vista por defecto): el cuerpo respira igual que el canvas */
    .prido-catalog-page .prido-grilla-wrapper[data-columns-mobile="1"] .prido-grilla-products .pcv4 .prido-product-card__body { padding: 12px 12px 12px 14px !important; }
    .prido-catalog-page .prido-grilla-wrapper[data-columns-mobile="1"] .prido-grilla-products .pcv4 .prido-product-card__title { font-size: 16px !important; }
}

/* ==========================================================================
   12.7 · Alineación hero ↔ bloque filtros+grilla.
   El inner del hero no está zoomeado y el de la grilla sí, así que sus gutters
   (misma curva IKEA en §C-fit/§17d) no caen en el mismo píxel: el hero queda
   ~16px por dentro. prido-archive-v2.js mide ambos bordes y publica el gutter
   real en --v2-hero-gutter; sin JS se queda el valor de §C-fit.
   ========================================================================== */
@media (min-width: 1200px) {
    .prido-catalog-page .prido-collhead .prido-catalog-hero__stage > .prido-catalog-shell__inner,
    .prido-catalog-page .prido-catseo > .prido-catalog-shell__inner {
        margin-inline: var(--v2-hero-gutter, clamp(32px, 13.333vw - 144px, 160px)) !important;
    }
}

/* ==========================================================================
   13. Cotejo contra el canvas renderizado (r10 · 2026-09-07)
   Se levantó el artboard Main.dc.html como HTML plano y se comparó al lado de
   producción a 1440. Lo que quedaba distinto:
   ========================================================================== */

/* 13.1 · El badge del canvas es verde al 10% sobre foto blanca; en el catálogo
   real hay fotos ambientadas y contra ese fondo el 10% desaparecía a media
   palabra. Mismo color, ya resuelto sobre blanco (opaco). */
.prido-catalog-page { --v2-badge-tint: #e8f0ee; }
:root[data-theme="dark"] .prido-catalog-page { --v2-badge-tint: #172a26; }
.prido-catalog-page .prido-grilla-wrapper[data-columns] .prido-grilla-products .pcv4 .prido-product-card__sale-badge {
    background: var(--v2-badge-tint) !important;
}

/* 13.2 · El conteo del sidebar es .prido-fhead-count (§12.4 apuntaba a una
   clase que no existe). El JS lo sigue leyendo como fuente del contador: se
   oculta, no se borra. */
.prido-catalog-page .prido-filters-panel .prido-fhead-count { display: none !important; }

/* 13.3 · «Borrar todo» va en el rojo de oferta, como en el canvas. */
.prido-catalog-page .prido-filters-panel .prido-fhead-clear,
.prido-catalog-page .prido-filters-panel .prido-filters-clear-all,
.prido-catalog-page .prido-filters-panel [data-prido-clear-all] {
    color: var(--v2-sale) !important;
}

/* 13.4 · «Explora» va a la IZQUIERDA de las píldoras, en la misma línea. */
.prido-catalog-page .prido-collhead .prido-collhead__chips {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
.prido-catalog-page .prido-collhead .prido-collhead__chips-lead {
    flex: none !important;
    margin: 0 !important;
}
.prido-catalog-page .prido-collhead .prido-catalog-subcats {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

@media (max-width: 767px) {
    /* El canvas móvil arranca directo con las píldoras. */
    .prido-catalog-page .prido-collhead .prido-collhead__chips-lead { display: none !important; }
    .prido-catalog-page .prido-collhead .prido-collhead__chips { gap: 0 !important; }

    /* 13.5 · El <br> de «productos / en colección» se ocultaba y las dos
       palabras quedaban pegadas: se mantiene el salto. */
    .prido-catalog-page .prido-collhead .prido-collhead__count-lab br { display: inline !important; }
    .prido-catalog-page .prido-collhead .prido-collhead__count-lab { text-align: right !important; }

    /* 13.6 · barra móvil: mismo gutter que el hero y la grilla (16px) y el
       contorno de «Filtros» al grosor del canvas. */
    .prido-catalog-page .prido-mbar { padding-left: 16px !important; padding-right: 16px !important; }
    .prido-catalog-page .prido-mbar .prido-mbar__filters { border-width: 1.5px !important; }
}

/* ==========================================================================
   14. Móvil: «Mostrando N de T productos» (r11 · 2026-09-07)
   El canvas móvil lo pone entre la barra de filtros y la grilla; §4 escondía
   la toolbar entera para sacar el orden y la densidad, y se llevó el conteo
   por delante. Vuelve el conteo, siguen fuera los controles.
   ========================================================================== */
@media (max-width: 767px) {
    .prido-catalog-page .prido-catalog-archive .prido-grilla-toolbar {
        display: flex !important;
        padding: 10px 0 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }
    .prido-catalog-page .prido-catalog-archive .prido-grilla-controls { display: none !important; }
    .prido-catalog-page .prido-catalog-archive .prido-grilla-result-count {
        display: block !important;
        font-size: 12.5px !important;
    }
}

/* ==========================================================================
   15. PANEL DE FILTROS con el sistema de la ficha de producto (r12 · 2026-09-07)
   Canvas «Panel de Filtros Prido». Re-skin: mismas facetas, mismo orden, mismo
   comportamiento — cambia la piel.

   El bloque --ps-* se copia LITERAL de assets/css/pages/product-sections.r6.css
   (el que declaran .prido-bs-breakout / .prido-related-breakout y reutiliza
   product-recs.r5.css), con el mismo par de selectores de tema oscuro. Encima,
   los tokens propios del panel (--pf-*, §v6/v7 de prido-filtros) se reapuntan a
   los de la ficha: así se re-tinta de una sola vez todo lo que ya los usaba
   (swatches, árbol de categorías, sheet móvil) sin repetir sus reglas.

   La idea: el panel deja de ser una tarjeta que compite con las cards de
   producto y pasa a ordenarse con hairlines, como las secciones de la ficha.
   ========================================================================== */

.prido-filters-panel {
    --ps-fh: 'Outfit', system-ui, sans-serif;
    --ps-fb: var(--prido-font-body, 'Noto Sans', system-ui, sans-serif);
    --ps-ink: #0f1a26; --ps-ink-soft: #1a2a3a; --ps-muted: #5e6f80; --ps-faint: #8a9aae;
    --ps-line: #e4e9ef; --ps-line-strong: #cfd6df;
    --ps-surface: #ffffff; --ps-surface-2: #f6f8fb; --ps-surface-3: #eef2f6;
    --ps-cta: var(--prido-teal-700, #0E7E7A);
    --ps-promo: #C0392B;
    --ps-ease: cubic-bezier(.2, 0, .2, 1);

    /* Reapuntado de los tokens del propio panel */
    --pf-accent: var(--ps-ink);
    --pf-accent-tint: color-mix(in srgb, var(--ps-ink) 6%, transparent);
    --pf-accent-mid: var(--ps-line-strong);
    --pf-accent-chip: transparent;
    --pf-bg: var(--v2-canvas);
    --pf-ink: var(--ps-ink);
    --pf-muted: var(--ps-muted);
    --pf-border: var(--ps-line);
    --pf-border-strong: var(--ps-line-strong);
    --pf-font: var(--ps-fb);
    --pf-check-size: 15px;
    --pf-item-h: 36px;
    --pf-radius: 0px;
    --pf-radius-pill: 0px;
    --pf-shadow: none;
    --pf-ease: cubic-bezier(.2, 0, .2, 1);
}
:root[data-theme="dark"] .prido-filters-panel.prido-filters-panel,
body.woodmart-dark .prido-filters-panel.prido-filters-panel {
    --ps-ink: #ecf2f7; --ps-ink-soft: #d8e2ec; --ps-muted: #8d9eb2; --ps-faint: #6b7c91;
    --ps-line: rgba(255, 255, 255, .10); --ps-line-strong: rgba(255, 255, 255, .22);
    --ps-surface: #18222e; --ps-surface-2: #1d2835; --ps-surface-3: #243042;
    --ps-cta: #3fd6d0;
    --ps-promo: #E25C44;
    --pf-accent: var(--ps-ink);
    --pf-bg: var(--v2-canvas);
    --pf-ink: var(--ps-ink);
    --pf-muted: var(--ps-muted);
    --pf-border: var(--ps-line);
    --pf-border-strong: var(--ps-line-strong);
}

/* ---------- 15.1 · fuera la caja ---------- */
.prido-filters-panel.prido-filters-panel {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--ps-fb) !important;
    color: var(--ps-ink) !important;
}
.prido-filters-panel.prido-filters-panel .prido-filters-body { padding: 0 !important; }

/* ---------- 15.2 · cabecera ---------- */
.prido-filters-panel.prido-filters-panel .prido-fhead {
    padding: 0 0 18px !important;
    border-bottom: 0 !important;
    background: transparent !important;
}
.prido-filters-panel.prido-filters-panel .prido-fhead-row { gap: 16px !important; align-items: baseline !important; }
.prido-filters-panel.prido-filters-panel .prido-fhead-ico { display: none !important; }
.prido-filters-panel.prido-filters-panel .prido-fhead-title {
    font-family: var(--ps-fh) !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    letter-spacing: -.03em !important;
    line-height: 1 !important;
    color: var(--ps-ink) !important;
    text-transform: none !important;
}
.prido-filters-panel.prido-filters-panel .prido-fhead-clear {
    padding: 0 0 2px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ps-line) !important;
    border-radius: 0 !important;
    background: none !important;
    font-family: var(--ps-fb) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--ps-muted) !important;
    margin: 0 !important;
    white-space: nowrap !important;
    transition: color .18s var(--ps-ease), border-color .18s var(--ps-ease);
}
.prido-filters-panel.prido-filters-panel .prido-fhead-clear:hover {
    color: var(--ps-ink) !important;
    border-bottom-color: var(--ps-ink) !important;
    background: none !important;
}

/* ---------- 15.3 · chips activos: texto con hairline, como en la ficha ---------- */
.prido-filters-panel.prido-filters-panel .prido-filters-active-chips {
    padding: 0 0 16px !important;
    border-bottom: 0 !important;
    background: transparent !important;
    gap: 8px 18px !important;
}
.prido-filters-panel.prido-filters-panel .prido-filter-chip {
    min-height: 26px !important;
    padding: 0 0 2px !important;
    gap: 7px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ps-line-strong) !important;
    border-radius: 0 !important;
    background: none !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: var(--ps-ink-soft) !important;
    box-shadow: none !important;
}
.prido-filters-panel.prido-filters-panel .prido-filter-chip:hover {
    background: none !important;
    color: var(--ps-ink) !important;
    border-bottom-color: var(--ps-ink) !important;
}
.prido-filters-panel.prido-filters-panel .prido-filter-chip .k { display: none !important; }
.prido-filters-panel.prido-filters-panel .prido-filter-chip svg { opacity: 1 !important; }
.prido-filters-panel.prido-filters-panel .prido-filters-clear-all-chips {
    border: 0 !important;
    background: none !important;
    color: var(--ps-promo) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* ---------- 15.4 · secciones: hairline arriba y eyebrow de la ficha ---------- */
.prido-filters-panel.prido-filters-panel .prido-filter-section {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0 !important;
    border-top: 1px solid var(--ps-line) !important;
    background: transparent !important;
}
.prido-filters-panel.prido-filters-panel .prido-filter-section-toggle {
    position: relative;
    min-height: 48px !important;
    padding: 0 !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
}
/* El gesto del «Agregar al carrito» de la ficha: el hairline se redibuja en tinta. */
.prido-filters-panel.prido-filters-panel .prido-filter-section-toggle::after {
    content: "";
    position: absolute;
    left: 0; right: 0; top: -1px;
    height: 1px;
    background: var(--ps-ink);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .28s var(--ps-ease);
}
.prido-filters-panel.prido-filters-panel .prido-filter-section-toggle:hover::after { transform: scaleX(1); }
.prido-filters-panel.prido-filters-panel .prido-filter-section-toggle:focus-visible {
    outline: 1px solid var(--ps-ink) !important;
    outline-offset: 2px !important;
}
.prido-filters-panel.prido-filters-panel .prido-filter-section-label {
    font-family: var(--ps-fb) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    color: var(--ps-muted) !important;
    transition: color .18s var(--ps-ease);
}
.prido-filters-panel.prido-filters-panel .prido-filter-section-toggle:hover .prido-filter-section-label,
.prido-filters-panel.prido-filters-panel .prido-filter-section-toggle[aria-expanded="true"] .prido-filter-section-label {
    color: var(--ps-ink) !important;
}
.prido-filters-panel.prido-filters-panel .prido-filter-section-count {
    position: relative;
    top: -.45em;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    line-height: 1 !important;
    color: var(--ps-ink) !important;
    font-variant-numeric: tabular-nums;
}
.prido-filters-panel.prido-filters-panel .prido-filter-chevron { color: var(--ps-muted) !important; }
.prido-filters-panel.prido-filters-panel .prido-filter-section-body { padding: 0 0 18px !important; }

/* ---------- 15.5 · términos ---------- */
.prido-filters-panel.prido-filters-panel .prido-filter-label {
    min-height: 36px !important;
    padding: 0 !important;
    gap: 12px !important;
    align-items: center !important;
    border-radius: 0 !important;
    background: none !important;
}
.prido-filters-panel.prido-filters-panel .prido-filter-check-icon {
    width: 15px !important;
    height: 15px !important;
    flex: none !important;
    border: 1.5px solid var(--ps-line-strong) !important;
    border-radius: 2px !important;
    background: transparent !important;
    color: transparent !important;
    box-shadow: none !important;
    transition: background .16s var(--ps-ease), border-color .16s var(--ps-ease);
}
.prido-filters-panel.prido-filters-panel .prido-filter-checkbox:checked + .prido-filter-check-icon,
.prido-filters-panel.prido-filters-panel .prido-filter-item.is-active .prido-filter-check-icon {
    background: var(--ps-ink) !important;
    border-color: var(--ps-ink) !important;
    color: var(--v2-canvas) !important;
}
.prido-filters-panel.prido-filters-panel .prido-filter-name {
    font-family: var(--ps-fb) !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: var(--ps-ink-soft) !important;
    transition: color .16s var(--ps-ease);
}
.prido-filters-panel.prido-filters-panel .prido-filter-checkbox:checked ~ .prido-filter-name,
.prido-filters-panel.prido-filters-panel .prido-filter-item.is-active .prido-filter-name {
    font-weight: 600 !important;
    color: var(--ps-ink) !important;
}
.prido-filters-panel.prido-filters-panel .prido-filter-label:hover .prido-filter-name { color: var(--ps-ink) !important; }
.prido-filters-panel.prido-filters-panel .prido-filter-count {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: var(--ps-faint) !important;
    font-variant-numeric: tabular-nums;
}
.prido-filters-panel.prido-filters-panel .prido-filter-show-more {
    margin-top: 12px !important;
    padding: 0 0 2px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ps-line) !important;
    border-radius: 0 !important;
    background: none !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    color: var(--ps-muted) !important;
}
.prido-filters-panel.prido-filters-panel .prido-filter-show-more:hover {
    color: var(--ps-ink) !important;
    border-bottom-color: var(--ps-ink) !important;
    background: none !important;
}

/* ---------- 15.6 · swatches de color ----------
   prido-grilla.js pone .pf-sw-grid/.pf-sw en cualquier ancho, pero prido-filtros
   solo los pinta como círculos dentro de @media (min-width: 768px): por debajo
   la sección es una lista normal. Este bloque va en el mismo rango — fuera de él
   estrujaba el label a 26px y se comía el nombre del color. */
@media (min-width: 768px) {
    .prido-filters-panel.prido-filters-panel .pf-sw-grid {
        grid-template-columns: repeat(auto-fill, 26px) !important;
        column-gap: 12px !important;
        row-gap: 14px !important;
        padding: 2px 0 0 !important;
    }
    .prido-filters-panel.prido-filters-panel .pf-sw-grid .prido-filter-item.pf-sw .prido-filter-label {
        width: 26px !important;
        height: 26px !important;
        min-height: 0 !important;
        border: 0 !important;
        box-shadow: 0 0 0 1px var(--ps-line-strong) !important;
    }
    .prido-filters-panel.prido-filters-panel .pf-sw-grid .prido-filter-item.pf-sw .prido-filter-label:has(input:checked) {
        box-shadow: 0 0 0 2px var(--v2-canvas), 0 0 0 3.5px var(--ps-ink) !important;
    }
}

/* ---------- 15.7 · precio ---------- */
.prido-filters-panel.prido-filters-panel .prido-price-slider-track {
    height: 2px !important;
    border-radius: 0 !important;
    background: var(--ps-line) !important;
}
.prido-filters-panel.prido-filters-panel .prido-price-slider-range {
    height: 2px !important;
    border-radius: 0 !important;
    background: var(--ps-ink) !important;
}
.prido-filters-panel.prido-filters-panel .prido-price-range-min::-webkit-slider-thumb,
.prido-filters-panel.prido-filters-panel .prido-price-range-max::-webkit-slider-thumb {
    background: var(--v2-canvas) !important;
    border: 0 !important;
    box-shadow: 0 0 0 1.5px var(--ps-ink) !important;
    width: 14px !important;
    height: 14px !important;
}
.prido-filters-panel.prido-filters-panel .prido-price-range-min::-moz-range-thumb,
.prido-filters-panel.prido-filters-panel .prido-price-range-max::-moz-range-thumb {
    background: var(--v2-canvas) !important;
    border: 0 !important;
    box-shadow: 0 0 0 1.5px var(--ps-ink) !important;
    width: 14px !important;
    height: 14px !important;
}
.prido-filters-panel.prido-filters-panel .prido-price-lab {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    color: var(--ps-faint) !important;
}
.prido-filters-panel.prido-filters-panel .prido-price-input-group {
    height: auto !important;
    padding: 0 0 6px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ps-line-strong) !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.prido-filters-panel.prido-filters-panel .prido-price-input {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--ps-ink) !important;
    font-variant-numeric: tabular-nums;
}
.prido-filters-panel.prido-filters-panel .prido-price-currency { color: var(--ps-faint) !important; }
.prido-filters-panel.prido-filters-panel .prido-price-separator { color: var(--ps-faint) !important; }

/* ---------- 15.8 · pie: la fila del CTA de la ficha, no un botón de color ---------- */
.prido-filters-panel.prido-filters-panel .pf-foot {
    padding: 0 !important;
    border-top: 0 !important;
    background: var(--v2-canvas) !important;
    box-shadow: none !important;
}
.prido-filters-panel.prido-filters-panel .pf-foot-btn {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid var(--ps-ink) !important;
    border-radius: 0 !important;
    background: none !important;
    color: var(--ps-ink) !important;
    font-family: var(--ps-fb) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    text-align: left !important;
    box-shadow: none !important;
}
.prido-filters-panel.prido-filters-panel .pf-foot-btn::after {
    content: "→";
    margin-left: auto;
    font-size: 15px;
    line-height: 1;
    transition: transform .24s var(--ps-ease);
}
.prido-filters-panel.prido-filters-panel .pf-foot-btn:hover { background: none !important; color: var(--ps-ink) !important; }
.prido-filters-panel.prido-filters-panel .pf-foot-btn:hover::after { transform: translateX(4px); }
.prido-filters-panel.prido-filters-panel .pf-foot-num { font-variant-numeric: tabular-nums; }

/* ---------- 15.9 · el contenido alinea con el hero, no con una caja ---------- */
@media (min-width: 1025px) {
    .prido-filters-panel.prido-filters-panel .prido-fhead,
    .prido-filters-panel.prido-filters-panel .prido-filter-section,
    .prido-filters-panel.prido-filters-panel .prido-filters-active-chips,
    .prido-filters-panel.prido-filters-panel .pf-foot { padding-left: 0 !important; padding-right: 0 !important; }
}

/* ---------- 15.10 · hoja móvil: mismo lenguaje, con su gutter ---------- */
@media (max-width: 1024px) {
    .prido-filters-panel.prido-filters-panel .prido-fhead,
    .prido-filters-panel.prido-filters-panel .prido-filter-section,
    .prido-filters-panel.prido-filters-panel .prido-filters-active-chips,
    .prido-filters-panel.prido-filters-panel .pf-foot { padding-left: 16px !important; padding-right: 16px !important; }
    .prido-filters-panel.prido-filters-panel .prido-filter-label { min-height: 44px !important; }
    .prido-filters-panel.prido-filters-panel .prido-filter-name { font-size: 14px !important; }
    .prido-filters-panel.prido-filters-panel .pf-foot-btn { height: 60px !important; min-height: 60px !important; font-size: 15px !important; }
}
@media (max-width: 767px) {
    .prido-filters-panel.prido-filters-panel .prido-filters-sheet-header {
        border-bottom: 1px solid var(--ps-line) !important;
        background: var(--ps-surface) !important;
    }
    .prido-filters-panel.prido-filters-panel .prido-filters-sheet-title {
        font-family: var(--ps-fh) !important;
        font-size: 19px !important;
        font-weight: 500 !important;
        letter-spacing: -.03em !important;
        text-transform: none !important;
        color: var(--ps-ink) !important;
    }
    .prido-filters-panel.prido-filters-panel .prido-filters-sheet-close {
        width: 44px !important; height: 44px !important;
        border: 0 !important; border-radius: 0 !important;
        background: none !important; color: var(--ps-ink) !important;
    }
    .prido-filters-panel.prido-filters-panel .prido-filters-sheet-footer {
        border-top: 1px solid var(--ps-ink) !important;
        background: var(--ps-surface) !important;
        box-shadow: none !important;
    }
    .prido-filters-panel.prido-filters-panel .prido-filters-sheet-clear {
        border: 0 !important; border-bottom: 1px solid var(--ps-line) !important; border-radius: 0 !important;
        background: none !important;
        font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: .15em !important;
        text-transform: uppercase !important; color: var(--ps-muted) !important;
        padding: 0 0 2px !important; min-height: 0 !important;
    }
    .prido-filters-panel.prido-filters-panel .prido-filters-sheet-view {
        flex: 1 !important;
        border: 0 !important; border-radius: 0 !important;
        background: none !important;
        color: var(--ps-ink) !important;
        font-size: 15px !important; font-weight: 700 !important;
        justify-content: flex-start !important;
        min-height: 56px !important;
    }
    .prido-filters-panel.prido-filters-panel .prido-filters-sheet-view::after {
        content: "→";
        margin-left: auto;
        font-size: 15px;
    }
}

/* Dentro de la hoja el panel vuelve a tener fondo propio: se superpone al catálogo. */
@media (max-width: 1024px) {
    .prido-filters-panel.prido-filters-panel.is-all-filters-open { background: var(--ps-surface) !important; }
    .prido-filters-panel.prido-filters-panel.is-all-filters-open .pf-foot,
    .prido-filters-panel.prido-filters-panel.is-all-filters-open .prido-filters-sheet-header,
    .prido-filters-panel.prido-filters-panel.is-all-filters-open .prido-filters-sheet-footer { background: var(--ps-surface) !important; }
    .prido-filters-panel.prido-filters-panel.is-all-filters-open .prido-filter-checkbox:checked + .prido-filter-check-icon,
    .prido-filters-panel.prido-filters-panel.is-all-filters-open .prido-filter-item.is-active .prido-filter-check-icon { color: var(--ps-surface) !important; }
}

/* ==========================================================================
   16. Panel de filtros · tablet y hoja móvil (r15 · 2026-09-07)
   Revisado a 820 y a 390 con la página real: el re-skin llegaba, pero la
   columna de tablet y el bloque de precio de la hoja no se parecían al canvas.
   ========================================================================== */

/* 16.1 · Los nombres largos se cortaban con «…» («Banqueta Tapizado Co…»,
   «Soporte Lumbar Regul…»). En una columna de 248px eso pasa constantemente:
   mejor dos líneas que un término ilegible. */
.prido-filters-panel.prido-filters-panel .prido-filter-name {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.3 !important;
}
.prido-filters-panel.prido-filters-panel .prido-filter-label { align-items: center !important; }

/* 16.2 · Precio: los dos campos se quedaban en 78px y el resto del ancho
   sobraba; el label perdía las versalitas y el guión flotaba a media altura. */
.prido-filters-panel.prido-filters-panel .prido-price-inputs {
    display: flex !important;
    align-items: flex-end !important;
    gap: 10px !important;
}
.prido-filters-panel.prido-filters-panel .prido-price-field {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
}
.prido-filters-panel.prido-filters-panel .prido-price-input-group { width: 100% !important; }
.prido-filters-panel.prido-filters-panel .prido-price-input { width: 100% !important; min-width: 0 !important; }
.prido-filters-panel.prido-filters-panel .prido-price-lab {
    display: block !important;
    text-transform: uppercase !important;
    margin: 0 0 6px !important;
}
.prido-filters-panel.prido-filters-panel .prido-price-separator {
    flex: none !important;
    align-self: flex-end !important;
    padding-bottom: 6px !important;
    margin: 0 !important;
}

/* 16.3 · Manijas del slider al grosor del canvas. Dos cosas que las cortaban
   contra el borde del panel (que recorta con overflow:hidden):
   el anillo iba en `box-shadow`, que se dibuja FUERA de la caja del thumb, y el
   input llega justo hasta el borde. Anillo con `border` + `box-sizing`, y 4px
   de aire lateral al slider. El selector necesita el input, no solo la clase,
   para vencer a las reglas de rango del tema. */
.prido-filters-panel.prido-filters-panel .prido-price-slider-wrap { padding-inline: 4px !important; }
.prido-filters-panel.prido-filters-panel input[type="range"].prido-price-range-min::-webkit-slider-thumb,
.prido-filters-panel.prido-filters-panel input[type="range"].prido-price-range-max::-webkit-slider-thumb {
    width: 15px !important;
    height: 15px !important;
    box-sizing: border-box !important;
    border: 1.5px solid var(--ps-ink) !important;
    background: var(--v2-canvas, #fff) !important;
    box-shadow: none !important;
}
.prido-filters-panel.prido-filters-panel input[type="range"].prido-price-range-min::-moz-range-thumb,
.prido-filters-panel.prido-filters-panel input[type="range"].prido-price-range-max::-moz-range-thumb {
    width: 15px !important;
    height: 15px !important;
    box-sizing: border-box !important;
    border: 1.5px solid var(--ps-ink) !important;
    background: var(--v2-canvas, #fff) !important;
    box-shadow: none !important;
}

/* 16.4 · TABLET (768-1024): el panel es una COLUMNA de 248px, no una hoja
   táctil. Las filas de 44 y el cuerpo de 14 son para la hoja; aquí devuelven
   la densidad del escritorio para que quepan los términos. */
@media (min-width: 768px) and (max-width: 1024px) {
    .prido-filters-panel.prido-filters-panel:not(.is-all-filters-open) .prido-filter-label { min-height: 40px !important; gap: 10px !important; }
    .prido-filters-panel.prido-filters-panel:not(.is-all-filters-open) .prido-filter-name { font-size: 13px !important; }
    .prido-filters-panel.prido-filters-panel:not(.is-all-filters-open) .prido-filter-count { font-size: 10.5px !important; }
    .prido-filters-panel.prido-filters-panel:not(.is-all-filters-open) .prido-fhead-title { font-size: 20px !important; }
    .prido-filters-panel.prido-filters-panel:not(.is-all-filters-open) .prido-filter-section-label { font-size: 10.5px !important; letter-spacing: .12em !important; }
    .prido-filters-panel.prido-filters-panel:not(.is-all-filters-open) .prido-filter-section-toggle { min-height: 44px !important; }
    .prido-filters-panel.prido-filters-panel:not(.is-all-filters-open) .pf-foot-btn { height: 48px !important; min-height: 48px !important; font-size: 13.5px !important; }
    /* El árbol de categorías necesita el sangrado, no el gutter de la hoja. */
    .prido-filters-panel.prido-filters-panel:not(.is-all-filters-open) .prido-fhead,
    .prido-filters-panel.prido-filters-panel:not(.is-all-filters-open) .prido-filter-section,
    .prido-filters-panel.prido-filters-panel:not(.is-all-filters-open) .prido-filters-active-chips,
    .prido-filters-panel.prido-filters-panel:not(.is-all-filters-open) .pf-foot { padding-left: 0 !important; padding-right: 0 !important; }
}

/* ==========================================================================
   17. Ancho y sitio de la columna de filtros (r17 · 2026-09-07)
   El panel arrastraba `margin-inline-start: -100px` y un `width` de 412px CSS:
   los puso el CSS previo para que la CAJA blanca saliera del sidebar y llegara
   hasta el gutter de la página. Sin caja, ese ensanchamiento solo alarga la
   medida de lectura (el conteo queda a media columna del término) y, al
   recortarlo por la derecha, deja la columna colgando a 112px de la grilla.
   El panel vuelve a ocupar EXACTAMENTE el sidebar que el layout le reserva
   (312px CSS, §17d de prido-grilla): 281 visuales y los 22 de separación con
   la grilla que ya usa el resto de la página.
   ========================================================================== */
@media (min-width: 1025px) {
    .prido-filters-panel.prido-filters-panel {
        margin-inline-start: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }
}

/* ==========================================================================
   19. «Buscando productos» (r19 · 2026-09-07)
   Estaba centrado en el VIEWPORT (`left: 50%` sobre un nodo fijo en <body>),
   así que con la columna de filtros a la izquierda caía descentrado respecto de
   la grilla. Y era una píldora con borde y sombra, el único elemento así que
   queda en la página. Pasa a ser lo que ya usa la ficha: versalitas y una
   hairline. El nodo lo crea prido-filtros.js y no se toca: el texto original se
   deja a font-size 0 (sigue en el DOM para el role="status") y se repone en el
   ::after; el ::before deja de ser un anillo y es la línea que recorre.
   El centro de la grilla lo publica prido-archive-v2.js en --v2-loading-x.
   ========================================================================== */
.prido-grilla-loading-msg {
    left: var(--v2-loading-x, 50%) !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: max-content !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    font-size: 0 !important;
}
.prido-grilla-loading-msg::after {
    content: "Buscando productos";
    order: 1;
    font-family: var(--v2-sans, 'Manrope', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--v2-muted, #5e6f80);
}
.prido-grilla-loading-msg::before {
    content: '' !important;
    order: 2;
    width: 190px !important;
    height: 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: var(--v2-line, #e4e9ef) !important;
    background-image: linear-gradient(90deg, transparent, var(--v2-ink, #0f1a26), transparent) !important;
    background-size: 42% 100% !important;
    background-repeat: no-repeat !important;
    animation: prido-v2-scan 1.15s ease-in-out infinite !important;
}
@keyframes prido-v2-scan {
    0%   { background-position: -45% 0; }
    100% { background-position: 145% 0; }
}
:root[data-theme="dark"] .prido-grilla-loading-msg,
body.woodmart-dark .prido-grilla-loading-msg {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
:root[data-theme="dark"] .prido-grilla-loading-msg::after,
body.woodmart-dark .prido-grilla-loading-msg::after { color: #8d9eb2; }
:root[data-theme="dark"] .prido-grilla-loading-msg::before,
body.woodmart-dark .prido-grilla-loading-msg::before {
    background-color: rgba(255, 255, 255, .12) !important;
    background-image: linear-gradient(90deg, transparent, #ecf2f7, transparent) !important;
}
@media (prefers-reduced-motion: reduce) {
    .prido-grilla-loading-msg::before {
        animation: none !important;
        background-image: none !important;
        background-color: var(--v2-line-strong, #cfd6df) !important;
    }
}