/* /Components/Account/Pages/Admin/Brands.razor.rz.scp.css */
:host[b-3eudt2cv1w] {
    display: block;
}

.jj-admin-wrap[b-3eudt2cv1w] {
    padding: 1.25rem 0 3rem;
}

.jj-brands[b-3eudt2cv1w] {
    --jj-radius: 18px;
    --jj-soft: rgba(2,6,23,.03);
    --jj-muted: rgba(15,23,42,.60);
    --jj-border: rgba(15,23,42,.10);
}

.jj-page-head[b-3eudt2cv1w] {
    margin-bottom: 1rem;
}

.jj-title[b-3eudt2cv1w] {
    font-weight: 900;
    letter-spacing: -.2px;
    font-size: 1.25rem;
}

.jj-subtitle[b-3eudt2cv1w] {
    color: var(--jj-muted);
    font-size: .95rem;
}

.jj-btn[b-3eudt2cv1w] {
    border-radius: 12px;
    font-weight: 800;
}

.jj-card[b-3eudt2cv1w] {
    border-radius: var(--jj-radius);
    overflow: hidden;
}

.jj-alert[b-3eudt2cv1w] {
    border-radius: var(--jj-radius);
    margin-bottom: 1rem;
}

.jj-tableTop[b-3eudt2cv1w] {
    border-bottom: 1px solid rgba(15,23,42,.06);
    background: rgba(2,6,23,.02);
}

.jj-table th[b-3eudt2cv1w] {
    font-size: .85rem;
    color: rgba(15,23,42,.70);
    font-weight: 900;
    white-space: nowrap;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.jj-table td[b-3eudt2cv1w] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .92rem;
}

.jj-badge[b-3eudt2cv1w] {
    border-radius: 999px;
    padding: .35rem .6rem;
    font-weight: 900;
    font-size: .78rem;
}

.jj-actions .btn[b-3eudt2cv1w] {
    border-radius: 10px;
}

.jj-code[b-3eudt2cv1w] {
    display: inline-block;
    padding: .18rem .45rem;
    border-radius: 10px;
    background: var(--jj-soft);
    color: rgba(15,23,42,.72);
    font-size: .82rem;
}

.jj-logo[b-3eudt2cv1w] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    object-fit: contain;
    background: rgba(2,6,23,.03);
    border: 1px solid rgba(15,23,42,.06);
    flex: 0 0 auto;
}

.jj-logo--ph[b-3eudt2cv1w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(15,23,42,.55);
}

.jj-row-muted[b-3eudt2cv1w] {
    opacity: .75;
}

.jj-row-note[b-3eudt2cv1w] {
    line-height: 1.2;
}

/* Modal */
.jj-modal-backdrop[b-3eudt2cv1w] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1050;
}

.jj-modal[b-3eudt2cv1w] {
    border-radius: var(--jj-radius);
}

.jj-validation[b-3eudt2cv1w] {
    font-size: .9rem;
    color: rgba(220,53,69,.95);
}

.jj-logoBox[b-3eudt2cv1w] {
    border: 1px dashed rgba(15,23,42,.18);
    border-radius: 14px;
    padding: .75rem;
    background: rgba(2,6,23,.02);
    text-align: center;
}

.jj-logoPreview[b-3eudt2cv1w] {
    max-height: 80px;
    max-width: 100%;
    object-fit: contain;
    display: inline-block;
}

.jj-logoPh[b-3eudt2cv1w] {
    display: grid;
    place-items: center;
    color: rgba(15,23,42,.55);
    padding: .35rem 0;
}

.jj-danger-icon[b-3eudt2cv1w] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: rgba(220,53,69,.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-danger-icon i[b-3eudt2cv1w] {
        font-size: 1.5rem;
    }

.jj-muted-mini[b-3eudt2cv1w] {
    color: rgba(15,23,42,.55);
    font-size: .85rem;
}

@media (max-width: 576px) {
    .jj-title[b-3eudt2cv1w] {
        font-size: 1.18rem;
    }
}
/* /Components/Account/Pages/Admin/Categories.razor.rz.scp.css */
:host[b-bak7ht3633] {
    display: block;
}

.jj-admin-wrap[b-bak7ht3633] {
    padding: 1.25rem 0 3rem;
}

.jj-cats[b-bak7ht3633] {
    --jj-radius: 18px;
    --jj-soft: rgba(2,6,23,.03);
    --jj-muted: rgba(15,23,42,.60);
}

.jj-page-head[b-bak7ht3633] {
    margin-bottom: 1rem;
}

.jj-title[b-bak7ht3633] {
    font-weight: 900;
    letter-spacing: -.2px;
    font-size: 1.25rem;
}

.jj-subtitle[b-bak7ht3633] {
    color: var(--jj-muted);
    font-size: .95rem;
}

.jj-btn[b-bak7ht3633] {
    border-radius: 12px;
    font-weight: 800;
}

.jj-card[b-bak7ht3633] {
    border-radius: var(--jj-radius);
    overflow: hidden;
}

.jj-alert[b-bak7ht3633] {
    border-radius: var(--jj-radius);
}

.jj-table th[b-bak7ht3633] {
    font-size: .85rem;
    color: rgba(15,23,42,.70);
    font-weight: 900;
    white-space: nowrap;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.jj-table td[b-bak7ht3633] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .92rem;
}

.jj-badge[b-bak7ht3633] {
    border-radius: 999px;
    padding: .35rem .6rem;
    font-weight: 900;
    font-size: .78rem;
}

.jj-actions .btn[b-bak7ht3633] {
    border-radius: 10px;
}

.jj-code[b-bak7ht3633] {
    display: inline-block;
    padding: .2rem .45rem;
    border-radius: 10px;
    background: var(--jj-soft);
    color: rgba(15,23,42,.75);
    font-size: .82rem;
}

.jj-empty-icon[b-bak7ht3633] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: var(--jj-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-empty-icon i[b-bak7ht3633] {
        font-size: 1.6rem;
    }

.jj-modal-backdrop[b-bak7ht3633] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1050;
}

.jj-modal[b-bak7ht3633] {
    border-radius: var(--jj-radius);
}

.jj-validation[b-bak7ht3633] {
    font-size: .9rem;
    color: rgba(220,53,69,.95);
}

.jj-danger-icon[b-bak7ht3633] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: rgba(220,53,69,.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-danger-icon i[b-bak7ht3633] {
        font-size: 1.5rem;
    }

.jj-muted-mini[b-bak7ht3633] {
    color: rgba(15,23,42,.55);
    font-size: .85rem;
}

/* Responsive: en móvil, que no se pegue tanto */
@media (max-width: 576px) {
    .jj-title[b-bak7ht3633] {
        font-size: 1.18rem;
    }
}
/* /Components/Account/Pages/Admin/Dashboard.razor.rz.scp.css */
:host[b-9tpb4hryv2] {
    display: block;
}

.jj-admin-wrap[b-9tpb4hryv2] {
    padding: 1.25rem 0 3rem;
}

.jj-admin-dash[b-9tpb4hryv2] {
    --jj-radius: 18px;
    --jj-soft: rgba(2,6,23,.03);
    --jj-muted: rgba(15,23,42,.60);
}

.jj-page-head[b-9tpb4hryv2] {
    margin-bottom: 1rem;
}

.jj-title[b-9tpb4hryv2] {
    font-weight: 900;
    letter-spacing: -.2px;
    font-size: 1.25rem;
}

.jj-subtitle[b-9tpb4hryv2] {
    color: var(--jj-muted);
    font-size: .95rem;
}

.jj-btn[b-9tpb4hryv2] {
    border-radius: 12px;
    font-weight: 800;
}

.jj-card[b-9tpb4hryv2] {
    border-radius: var(--jj-radius);
    overflow: hidden;
}

.jj-loading .spinner-border[b-9tpb4hryv2] {
    width: 2.6rem;
    height: 2.6rem;
}

.jj-kpiLabel[b-9tpb4hryv2] {
    font-size: .82rem;
    color: var(--jj-muted);
    font-weight: 700;
    margin-bottom: .2rem;
}

.jj-kpiValue[b-9tpb4hryv2] {
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: -.2px;
    line-height: 1.1;
}

.jj-kpiIcon[b-9tpb4hryv2] {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.jj-kpiBadges .badge[b-9tpb4hryv2] {
    border-radius: 999px;
    font-weight: 800;
    padding: .35rem .55rem;
}

.jj-attn[b-9tpb4hryv2] {
    box-shadow: 0 0 0 .2rem rgba(255,193,7,.12);
}

.jj-link[b-9tpb4hryv2] {
    display: inline-block;
    font-size: .85rem;
    font-weight: 800;
    text-decoration: none;
}

.jj-progress[b-9tpb4hryv2] {
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(2,6,23,.06);
}

    .jj-progress .progress-bar[b-9tpb4hryv2] {
        border-radius: 999px;
    }

.jj-miniStat[b-9tpb4hryv2] {
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 16px;
    padding: .85rem;
    text-align: center;
    background: #fff;
    height: 100%;
}

.jj-miniStatValue[b-9tpb4hryv2] {
    font-size: 1.35rem;
    font-weight: 900;
}

.jj-miniStatLabel[b-9tpb4hryv2] {
    font-size: .85rem;
    color: var(--jj-muted);
    font-weight: 800;
}

.jj-table th[b-9tpb4hryv2] {
    font-size: .82rem;
    color: rgba(15,23,42,.70);
}

.jj-table td[b-9tpb4hryv2] {
    font-size: .9rem;
}

.jj-chip[b-9tpb4hryv2] {
    border-radius: 999px;
    font-weight: 800;
    font-size: .75rem;
    padding: .28rem .5rem;
}

.jj-thumb[b-9tpb4hryv2] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid rgba(15,23,42,.08);
    background: #fff;
}

.jj-thumb--sm[b-9tpb4hryv2] {
    width: 36px;
    height: 36px;
    border-radius: 12px;
}

.jj-thumb--empty[b-9tpb4hryv2] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--jj-soft);
}

.jj-ellipsis[b-9tpb4hryv2] {
    max-width: 42ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jj-okIcon[b-9tpb4hryv2] {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    background: rgba(25,135,84,.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-okIcon i[b-9tpb4hryv2] {
        color: rgba(25,135,84,1);
        font-size: 1.4rem;
    }

.jj-banner[b-9tpb4hryv2] {
    border-radius: 18px;
    padding: 1rem;
    display: flex;
    gap: .85rem;
    align-items: center;
}

    .jj-banner i[b-9tpb4hryv2] {
        font-size: 1.7rem;
    }

.jj-bannerValue[b-9tpb4hryv2] {
    font-weight: 900;
    font-size: 1.25rem;
    line-height: 1.1;
}

.jj-bannerLabel[b-9tpb4hryv2] {
    color: var(--jj-muted);
    font-weight: 800;
    font-size: .85rem;
}

.jj-banner--success[b-9tpb4hryv2] {
    background: rgba(25,135,84,.10);
}

    .jj-banner--success i[b-9tpb4hryv2], .jj-banner--success .jj-bannerValue[b-9tpb4hryv2] {
        color: rgba(25,135,84,1);
    }

.jj-banner--info[b-9tpb4hryv2] {
    background: rgba(13,202,240,.12);
}

    .jj-banner--info i[b-9tpb4hryv2], .jj-banner--info .jj-bannerValue[b-9tpb4hryv2] {
        color: rgba(13,202,240,1);
    }

.jj-banner--primary[b-9tpb4hryv2] {
    background: rgba(13,110,253,.10);
}

    .jj-banner--primary i[b-9tpb4hryv2], .jj-banner--primary .jj-bannerValue[b-9tpb4hryv2] {
        color: rgba(13,110,253,1);
    }

@media (max-width: 576px) {
    .jj-title[b-9tpb4hryv2] {
        font-size: 1.18rem;
    }

    .jj-ellipsis[b-9tpb4hryv2] {
        max-width: 30ch;
    }
}
/* /Components/Account/Pages/Admin/FragranceFamilies.razor.rz.scp.css */
:host[b-ubbmcu1ckj] {
    display: block;
}

.jj-admin-wrap[b-ubbmcu1ckj] {
    padding: 1.25rem 0 3rem;
}

.jj-families[b-ubbmcu1ckj] {
    --jj-radius: 18px;
    --jj-soft: rgba(2,6,23,.03);
    --jj-muted: rgba(15,23,42,.60);
}

.jj-page-head[b-ubbmcu1ckj] {
    margin-bottom: 1rem;
}

.jj-title[b-ubbmcu1ckj] {
    font-weight: 900;
    letter-spacing: -.2px;
    font-size: 1.25rem;
}

.jj-subtitle[b-ubbmcu1ckj] {
    color: var(--jj-muted);
    font-size: .95rem;
}

.jj-btn[b-ubbmcu1ckj] {
    border-radius: 12px;
    font-weight: 800;
}

.jj-card[b-ubbmcu1ckj] {
    border-radius: var(--jj-radius);
    overflow: hidden;
}

.jj-alert[b-ubbmcu1ckj] {
    border-radius: var(--jj-radius);
    margin-bottom: 1rem;
}

.jj-empty-icon[b-ubbmcu1ckj] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: var(--jj-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-empty-icon i[b-ubbmcu1ckj] {
        font-size: 1.6rem;
    }

/* Family card */
.jj-familyCard[b-ubbmcu1ckj] {
    border-radius: var(--jj-radius);
    transition: transform .16s ease, box-shadow .16s ease;
}

    .jj-familyCard:hover[b-ubbmcu1ckj] {
        transform: translateY(-3px);
        box-shadow: 0 16px 36px rgba(2,6,23,.10) !important;
    }

    .jj-familyCard.is-muted[b-ubbmcu1ckj] {
        opacity: .78;
    }

/* Icon box */
.jj-iconBox[b-ubbmcu1ckj] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: rgba(37,99,235,.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15,23,42,.06);
}

.jj-emoji[b-ubbmcu1ckj] {
    font-size: 1.35rem;
    line-height: 1;
}

.jj-kebab[b-ubbmcu1ckj] {
    border-radius: 999px;
    width: 34px;
    height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* 2-line truncate */
.jj-truncate-2[b-ubbmcu1ckj] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.6em;
}

/* Badge */
.jj-badge[b-ubbmcu1ckj] {
    border-radius: 999px;
    padding: .35rem .6rem;
    font-weight: 900;
    font-size: .78rem;
}

/* lock note */
.jj-lockNote[b-ubbmcu1ckj] {
    line-height: 1.2;
}

/* Modal */
.jj-modal-backdrop[b-ubbmcu1ckj] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1050;
}

.jj-modal[b-ubbmcu1ckj] {
    border-radius: var(--jj-radius);
}

.jj-validation[b-ubbmcu1ckj] {
    font-size: .9rem;
    color: rgba(220,53,69,.95);
}

.jj-previewBox[b-ubbmcu1ckj] {
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 14px;
    background: rgba(2,6,23,.02);
    padding: .85rem;
    text-align: center;
    margin-bottom: 1rem;
}

.jj-previewLabel[b-ubbmcu1ckj] {
    font-size: .82rem;
    color: rgba(15,23,42,.55);
    font-weight: 800;
    margin-bottom: .5rem;
}

.jj-iconPreview[b-ubbmcu1ckj] {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: rgba(37,99,235,.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto .6rem;
    border: 1px solid rgba(15,23,42,.06);
}

.jj-emojiInput[b-ubbmcu1ckj] {
    font-size: 1.05rem;
}

.jj-danger-icon[b-ubbmcu1ckj] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: rgba(220,53,69,.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-danger-icon i[b-ubbmcu1ckj] {
        font-size: 1.5rem;
    }

.jj-muted-mini[b-ubbmcu1ckj] {
    color: rgba(15,23,42,.55);
    font-size: .85rem;
}

@media (max-width: 576px) {
    .jj-title[b-ubbmcu1ckj] {
        font-size: 1.18rem;
    }
}
/* /Components/Account/Pages/Admin/NewSale.razor.rz.scp.css */
:host[b-7j1xfv9bj9] {
    display: block;
}

.jj-admin-wrap[b-7j1xfv9bj9] {
    padding: 1.25rem 0 3rem;
}

.jj-orders-new[b-7j1xfv9bj9] {
    --jj-radius: 18px;
    --jj-soft: rgba(2,6,23,.03);
    --jj-muted: rgba(15,23,42,.60);
}

.jj-page-head[b-7j1xfv9bj9] {
    margin-bottom: 1rem;
}

.jj-title[b-7j1xfv9bj9] {
    font-weight: 900;
    letter-spacing: -.2px;
    font-size: 1.25rem;
}

.jj-subtitle[b-7j1xfv9bj9] {
    color: var(--jj-muted);
    font-size: .95rem;
}

.jj-btn[b-7j1xfv9bj9] {
    border-radius: 12px;
    font-weight: 800;
}

.jj-card[b-7j1xfv9bj9] {
    border-radius: var(--jj-radius);
    overflow: hidden;
}

.jj-cardhead h6[b-7j1xfv9bj9] {
    font-size: .95rem;
    letter-spacing: -.1px;
}

.jj-badge[b-7j1xfv9bj9] {
    border-radius: 999px;
    padding: .35rem .6rem;
    font-weight: 900;
    font-size: .78rem;
}

.jj-results[b-7j1xfv9bj9] {
    max-height: 260px;
    overflow: auto;
    border-radius: 12px;
}

.jj-result[b-7j1xfv9bj9] {
    padding: .55rem .65rem;
}

.jj-thumb[b-7j1xfv9bj9] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 10px;
    flex: 0 0 auto;
}

.jj-thumb--placeholder[b-7j1xfv9bj9] {
    background: var(--jj-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.jj-result-title[b-7j1xfv9bj9] {
    font-size: .92rem;
}

.jj-result-sub[b-7j1xfv9bj9] {
    font-size: .8rem;
}

.jj-selection[b-7j1xfv9bj9] {
    border-radius: 12px;
    font-size: .92rem;
}

.jj-variant[b-7j1xfv9bj9] {
    border-radius: 999px;
}

.jj-qty[b-7j1xfv9bj9] {
    width: 140px;
}

.jj-table th[b-7j1xfv9bj9] {
    font-size: .85rem;
    color: rgba(15,23,42,.70);
    font-weight: 900;
    white-space: nowrap;
    padding-top: .6rem;
    padding-bottom: .6rem;
}

.jj-table td[b-7j1xfv9bj9] {
    padding-top: .6rem;
    padding-bottom: .6rem;
    font-size: .92rem;
}

.jj-empty-mini[b-7j1xfv9bj9] {
    font-size: 1.6rem;
    display: inline-block;
}

.jj-sticky[b-7j1xfv9bj9] {
    position: sticky;
    top: 92px; /* similar a tu contacto */
}

.jj-summary-list[b-7j1xfv9bj9] {
    max-height: 220px;
    overflow: auto;
}

.jj-summary-row[b-7j1xfv9bj9] {
    padding: .5rem 0;
    border-bottom: 1px solid rgba(0,0,0,.06);
}

.jj-divider[b-7j1xfv9bj9] {
    height: 1px;
    background: rgba(0,0,0,.08);
    margin: .75rem 0;
}

.jj-total[b-7j1xfv9bj9] {
    font-size: 1.05rem;
    letter-spacing: -.1px;
}

.jj-save[b-7j1xfv9bj9] {
    border-radius: 12px;
    padding: .7rem .9rem;
    font-weight: 900;
}

.jj-success-icon[b-7j1xfv9bj9] {
    width: 88px;
    height: 88px;
    border-radius: 999px;
    background: rgba(25,135,84,.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-success-icon i[b-7j1xfv9bj9] {
        font-size: 2.1rem;
    }

.jj-code[b-7j1xfv9bj9] {
    border-radius: 12px;
}
/* /Components/Account/Pages/Admin/Orders.razor.rz.scp.css */
:host[b-qml277qt8v] {
    display: block;
}

.jj-admin-wrap[b-qml277qt8v] {
    padding: 1.25rem 0 3rem;
}

.jj-orders[b-qml277qt8v] {
    --jj-radius: 18px;
    --jj-soft: rgba(2,6,23,.03);
    --jj-muted: rgba(15,23,42,.60);
}

.jj-page-head[b-qml277qt8v] {
    margin-bottom: 1rem;
}

.jj-title[b-qml277qt8v] {
    font-weight: 900;
    letter-spacing: -.2px;
    font-size: 1.25rem;
}

.jj-subtitle[b-qml277qt8v] {
    color: var(--jj-muted);
    font-size: .95rem;
}

.jj-btn[b-qml277qt8v] {
    border-radius: 12px;
    font-weight: 800;
}

.jj-card[b-qml277qt8v] {
    border-radius: var(--jj-radius);
    overflow: hidden;
}

.jj-stat .card-body[b-qml277qt8v] {
    padding: 1rem;
}

.jj-stat-label[b-qml277qt8v] {
    color: var(--jj-muted);
    font-size: .82rem;
}

.jj-stat-value[b-qml277qt8v] {
    font-size: 1.3rem;
    font-weight: 900;
    line-height: 1.1;
}

.jj-stat-icon[b-qml277qt8v] {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-stat-icon i[b-qml277qt8v] {
        font-size: 1.1rem;
    }

.jj-filters .jj-pill[b-qml277qt8v] {
    border-radius: 999px;
    padding: .35rem .75rem;
    font-weight: 800;
}

.jj-table th[b-qml277qt8v] {
    font-size: .85rem;
    color: rgba(15,23,42,.70);
    font-weight: 900;
    white-space: nowrap;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.jj-table td[b-qml277qt8v] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .92rem;
}

.jj-table-compact td[b-qml277qt8v],
.jj-table-compact th[b-qml277qt8v] {
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: .9rem;
}

.jj-badge[b-qml277qt8v] {
    border-radius: 999px;
    padding: .35rem .6rem;
    font-weight: 900;
    font-size: .78rem;
}

.jj-items[b-qml277qt8v] {
    max-width: 240px;
}

.jj-actions .btn[b-qml277qt8v] {
    border-radius: 10px;
}

.jj-empty-icon[b-qml277qt8v] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: var(--jj-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-empty-icon i[b-qml277qt8v] {
        font-size: 1.6rem;
    }

.jj-wa[b-qml277qt8v] {
    color: #1f9d55;
}

    .jj-wa:hover[b-qml277qt8v] {
        color: #17824a;
    }

.jj-alert[b-qml277qt8v] {
    border-radius: var(--jj-radius);
}

.jj-modal-backdrop[b-qml277qt8v] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1050;
}

.jj-modal[b-qml277qt8v] {
    border-radius: var(--jj-radius);
}

.jj-section-title[b-qml277qt8v] {
    font-size: .95rem;
    letter-spacing: -.1px;
}

.jj-notes[b-qml277qt8v] {
    background: var(--jj-soft);
    border-radius: 12px;
    padding: .75rem;
    color: rgba(15,23,42,.72);
    font-size: .92rem;
    line-height: 1.35;
    white-space: pre-wrap;
}

.jj-danger-icon[b-qml277qt8v] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: rgba(220,53,69,.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-danger-icon i[b-qml277qt8v] {
        font-size: 1.6rem;
    }
/* /Components/Account/Pages/Admin/Perfumes.razor.rz.scp.css */
body[b-vvwnmmgsp7] {
}
a:host[b-vvwnmmgsp7] {
    display: block;
}

.jj-admin-wrap[b-vvwnmmgsp7] {
    padding: 1.25rem 0 3rem;
}

.jj-perfumes[b-vvwnmmgsp7] {
    --jj-radius: 18px;
    --jj-muted: rgba(15,23,42,.60);
    --jj-soft: rgba(2,6,23,.03);
}

.jj-page-head[b-vvwnmmgsp7] {
    margin-bottom: 1rem;
}

.jj-title[b-vvwnmmgsp7] {
    font-weight: 900;
    letter-spacing: -.2px;
    font-size: 1.25rem;
}

.jj-subtitle[b-vvwnmmgsp7] {
    color: var(--jj-muted);
    font-size: .95rem;
}

.jj-btn[b-vvwnmmgsp7] {
    border-radius: 12px;
    font-weight: 800;
}

.jj-card[b-vvwnmmgsp7] {
    border-radius: var(--jj-radius);
    overflow: hidden;
}

.jj-alert[b-vvwnmmgsp7] {
    border-radius: var(--jj-radius);
    margin-bottom: 1rem;
}

.jj-toolbar[b-vvwnmmgsp7] {
    padding: .9rem;
}

.jj-stats[b-vvwnmmgsp7] {
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

    .jj-stats .badge[b-vvwnmmgsp7] {
        border-radius: 999px;
        padding: .35rem .6rem;
        font-weight: 800;
    }

.jj-empty-icon[b-vvwnmmgsp7] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: var(--jj-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-empty-icon i[b-vvwnmmgsp7] {
        font-size: 1.6rem;
    }

.jj-table th[b-vvwnmmgsp7] {
    font-size: .82rem;
    color: rgba(15,23,42,.70);
}

.jj-table td[b-vvwnmmgsp7] {
    font-size: .9rem;
}

.jj-chip[b-vvwnmmgsp7] {
    border-radius: 999px;
    font-weight: 800;
    font-size: .75rem;
    padding: .28rem .5rem;
}

.jj-thumb[b-vvwnmmgsp7] {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid rgba(15,23,42,.08);
    background: #fff;
}

.jj-thumb--empty[b-vvwnmmgsp7] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(2,6,23,.03);
}

.jj-ellipsis[b-vvwnmmgsp7] {
    max-width: 42ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* subcards (imagen, flags, ratings, notas) */
.jj-subcard[b-vvwnmmgsp7] {
    border-radius: 16px;
    overflow: hidden;
}

.jj-previewImg[b-vvwnmmgsp7] {
    max-height: 200px;
    object-fit: contain;
}

.jj-imgEmpty[b-vvwnmmgsp7] {
    height: 150px;
    border-radius: 14px;
    background: rgba(2,6,23,.03);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .jj-imgEmpty i[b-vvwnmmgsp7] {
        font-size: 2.2rem;
    }

.jj-tabs .nav-link[b-vvwnmmgsp7] {
    font-weight: 800;
    font-size: .9rem;
}

.jj-validation[b-vvwnmmgsp7] {
    font-size: .9rem;
    color: rgba(220,53,69,.95);
}

.jj-infoBar[b-vvwnmmgsp7] {
    border-radius: 16px;
}

.jj-commonNotes[b-vvwnmmgsp7] {
    border-radius: 16px;
}

.jj-noteChip[b-vvwnmmgsp7] {
    border-radius: 999px;
    font-weight: 800;
}

.jj-tagPick[b-vvwnmmgsp7] {
    text-align: left;
    background: #fff;
    border-radius: 14px;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease;
}

    .jj-tagPick:hover[b-vvwnmmgsp7] {
        transform: translateY(-2px);
        box-shadow: 0 12px 24px rgba(2,6,23,.08);
    }

    .jj-tagPick.is-selected[b-vvwnmmgsp7] {
        border-color: rgba(13,110,253,.5) !important;
        box-shadow: 0 0 0 .22rem rgba(13,110,253,.10);
    }

/* sticky action bar (bottom) */
.jj-actionBar[b-vvwnmmgsp7] {
    position: sticky;
    bottom: 0;
    margin-top: 1rem;
    padding: .75rem;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 16px;
}

/* Modal */
.jj-modal-backdrop[b-vvwnmmgsp7] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1050;
}

.jj-modal[b-vvwnmmgsp7] {
    border-radius: var(--jj-radius);
}

.jj-danger-icon[b-vvwnmmgsp7] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: rgba(220,53,69,.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-danger-icon i[b-vvwnmmgsp7] {
        font-size: 1.5rem;
    }

.jj-muted-mini[b-vvwnmmgsp7] {
    color: rgba(15,23,42,.55);
    font-size: .85rem;
}

@media (max-width: 576px) {
    .jj-title[b-vvwnmmgsp7] {
        font-size: 1.18rem;
    }

    .jj-ellipsis[b-vvwnmmgsp7] {
        max-width: 30ch;
    }
}
/* /Components/Account/Pages/Admin/Tags.razor.rz.scp.css */
:host[b-s2ztcl4owj] {
    display: block;
}

.jj-admin-wrap[b-s2ztcl4owj] {
    padding: 1.25rem 0 3rem;
}

.jj-tags[b-s2ztcl4owj] {
    --jj-radius: 18px;
    --jj-soft: rgba(2,6,23,.03);
    --jj-muted: rgba(15,23,42,.60);
}

.jj-page-head[b-s2ztcl4owj] {
    margin-bottom: 1rem;
}

.jj-title[b-s2ztcl4owj] {
    font-weight: 900;
    letter-spacing: -.2px;
    font-size: 1.25rem;
}

.jj-subtitle[b-s2ztcl4owj] {
    color: var(--jj-muted);
    font-size: .95rem;
}

.jj-btn[b-s2ztcl4owj] {
    border-radius: 12px;
    font-weight: 800;
}

.jj-card[b-s2ztcl4owj] {
    border-radius: var(--jj-radius);
    overflow: hidden;
}

.jj-alert[b-s2ztcl4owj] {
    border-radius: var(--jj-radius);
    margin-bottom: 1rem;
}

.jj-tableTop[b-s2ztcl4owj] {
    border-bottom: 1px solid rgba(15,23,42,.06);
    background: rgba(2,6,23,.02);
}

.jj-table th[b-s2ztcl4owj] {
    font-size: .85rem;
    color: rgba(15,23,42,.70);
    font-weight: 900;
    white-space: nowrap;
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.jj-table td[b-s2ztcl4owj] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .92rem;
}

.jj-badge[b-s2ztcl4owj] {
    border-radius: 999px;
    padding: .35rem .6rem;
    font-weight: 900;
    font-size: .78rem;
}

.jj-actions .btn[b-s2ztcl4owj] {
    border-radius: 10px;
}

.jj-code[b-s2ztcl4owj] {
    display: inline-block;
    padding: .18rem .45rem;
    border-radius: 10px;
    background: var(--jj-soft);
    color: rgba(15,23,42,.72);
    font-size: .82rem;
}

.jj-row-muted[b-s2ztcl4owj] {
    opacity: .78;
}

.jj-row-note[b-s2ztcl4owj] {
    line-height: 1.2;
}

/* Icon bubble in first column */
.jj-chipDot[b-s2ztcl4owj] {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15,23,42,.06);
    flex: 0 0 auto;
}

.jj-emoji[b-s2ztcl4owj] {
    font-size: 1.05rem;
}

/* Preview badge */
.jj-preview[b-s2ztcl4owj] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .38rem .65rem;
    color: #fff;
    font-weight: 900;
    font-size: .82rem;
    line-height: 1;
    white-space: nowrap;
}

.jj-preview--lg[b-s2ztcl4owj] {
    padding: .55rem .9rem;
    font-size: .92rem;
}

.jj-preview--inline[b-s2ztcl4owj] {
    padding: .38rem .65rem;
    font-size: .82rem;
    margin: 0 .15rem;
}

/* Empty state icon */
.jj-empty-icon[b-s2ztcl4owj] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: var(--jj-soft);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-empty-icon i[b-s2ztcl4owj] {
        font-size: 1.6rem;
    }

/* Modal */
.jj-modal-backdrop[b-s2ztcl4owj] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1050;
}

.jj-modal[b-s2ztcl4owj] {
    border-radius: var(--jj-radius);
}

.jj-validation[b-s2ztcl4owj] {
    font-size: .9rem;
    color: rgba(220,53,69,.95);
}

/* Preview box inside modal */
.jj-previewBox[b-s2ztcl4owj] {
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 14px;
    background: rgba(2,6,23,.02);
    padding: .85rem;
    text-align: center;
    margin-bottom: 1rem;
}

.jj-previewLabel[b-s2ztcl4owj] {
    font-size: .82rem;
    color: rgba(15,23,42,.55);
    font-weight: 800;
    margin-bottom: .5rem;
}

.jj-emojiInput[b-s2ztcl4owj] {
    font-size: 1.05rem;
}

.jj-colorLeft[b-s2ztcl4owj] {
    background: #fff;
}

    .jj-colorLeft input[type="color"][b-s2ztcl4owj] {
        width: 28px;
        height: 28px;
        padding: 0;
    }

/* Color dots */
.jj-colorDot[b-s2ztcl4owj] {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border: 2px solid transparent;
    padding: 0;
    outline: none;
    box-shadow: none;
}

    .jj-colorDot.is-active[b-s2ztcl4owj] {
        border-color: rgba(13,110,253,.85);
        box-shadow: 0 0 0 .18rem rgba(13,110,253,.12);
    }

/* Delete icon */
.jj-danger-icon[b-s2ztcl4owj] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: rgba(220,53,69,.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .jj-danger-icon i[b-s2ztcl4owj] {
        font-size: 1.5rem;
    }

.jj-muted-mini[b-s2ztcl4owj] {
    color: rgba(15,23,42,.55);
    font-size: .85rem;
}

@media (max-width: 576px) {
    .jj-title[b-s2ztcl4owj] {
        font-size: 1.18rem;
    }
}
/* /Components/Account/Pages/Perfumes/Details.razor.rz.scp.css */
/* ===== PERFUME DETAILS (aislado) ===== */

.pdet[b-40qkq5h39f] {
    padding-top: 1.25rem;
    padding-bottom: 3rem;
}

/* loading */
.pdet-loading[b-40qkq5h39f] {
    padding: 3.2rem 0;
    text-align: center;
}

/* breadcrumb */
.pdet-bc[b-40qkq5h39f] {
    margin-bottom: 1rem;
}

/* header */
.pdet-head[b-40qkq5h39f] {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(2, 6, 23, .06);
    padding: 1rem 1.1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
}

.pdet-brand[b-40qkq5h39f] {
    font-size: .78rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, .55);
    font-weight: 850;
    margin-bottom: .25rem;
}

.pdet-title[b-40qkq5h39f] {
    margin: 0;
    font-size: 1.85rem;
    font-weight: 950;
    color: #0f172a;
    line-height: 1.1;
}

.pdet-meta[b-40qkq5h39f] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .75rem;
}

.m[b-40qkq5h39f] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .35rem .6rem;
    border-radius: 999px;
    background: rgba(2, 6, 23, .04);
    color: rgba(15, 23, 42, .78);
    font-weight: 800;
    font-size: .88rem;
}

    .m i[b-40qkq5h39f] {
        opacity: .7;
    }

.m-accent[b-40qkq5h39f] {
    background: rgba(37, 99, 235, .10);
    color: rgba(37, 99, 235, .95);
}

.pdet-lead[b-40qkq5h39f] {
    margin-top: .85rem;
    color: rgba(15, 23, 42, .62);
    font-size: 1.05rem;
}

/* quick badges */
.pdet-quick[b-40qkq5h39f] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.q[b-40qkq5h39f] {
    font-size: .8rem;
    font-weight: 950;
    padding: .28rem .55rem;
    border-radius: 999px;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .10);
    color: #fff;
}

.q-off[b-40qkq5h39f] {
    background: rgba(220, 38, 38, .92);
}

.q-new[b-40qkq5h39f] {
    background: rgba(16, 185, 129, .92);
}

.q-out[b-40qkq5h39f] {
    background: rgba(100, 116, 139, .92);
}

.q-low[b-40qkq5h39f] {
    background: rgba(245, 158, 11, .92);
    color: #111827;
}

/* main grid */
.pdet-grid[b-40qkq5h39f] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.15rem;
    align-items: start;
}

/* sticky left */
.pdet-sticky[b-40qkq5h39f] {
    position: sticky;
    top: 92px;
}

.pdet-card[b-40qkq5h39f] {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(2, 6, 23, .06);
}

.pdet-media[b-40qkq5h39f] {
    overflow: hidden;
}

.pdet-img[b-40qkq5h39f] {
    width: 100%;
    height: 560px;
    object-fit: contain;
    background: #f6f7f8;
    display: block;
}

.pdet-ph[b-40qkq5h39f] {
    height: 560px;
    display: grid;
    place-items: center;
    background: #f6f7f8;
    color: rgba(15, 23, 42, .45);
}

    .pdet-ph i[b-40qkq5h39f] {
        font-size: 3rem;
    }

.pdet-tags[b-40qkq5h39f] {
    margin-top: .9rem;
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
}

.t[b-40qkq5h39f] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .32rem .55rem;
    border-radius: 999px;
    background: rgba(2, 6, 23, .04);
    color: rgba(15, 23, 42, .78);
    font-weight: 800;
    font-size: .85rem;
}

    .t i[b-40qkq5h39f] {
        opacity: .7;
    }

/* buy card */
.pdet-buy[b-40qkq5h39f] {
    padding: 1rem 1.1rem;
}

/* Sticky buy panel (desktop) */
@media (min-width: 992px) {
    .pdet-buy[b-40qkq5h39f] {
        position: sticky;
        top: 92px;
        z-index: 2;
    }
}

.pdet-buy__top[b-40qkq5h39f] {
    display: grid;
    gap: .8rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(15, 23, 42, .06);
}

.pdet-price[b-40qkq5h39f] {
    display: flex;
    align-items: baseline;
    gap: .7rem;
}

.pdet-from[b-40qkq5h39f] {
    font-weight: 800;
    color: rgba(15, 23, 42, .55);
}

.pdet-old[b-40qkq5h39f] {
    text-decoration: line-through;
    color: rgba(15, 23, 42, .45);
    font-weight: 850;
}

.pdet-now[b-40qkq5h39f] {
    font-size: 1.9rem;
    font-weight: 950;
    color: #0f172a;
    line-height: 1;
}

.pdet-now--off[b-40qkq5h39f] {
    color: rgba(220, 38, 38, .95);
}

.pdet-hint[b-40qkq5h39f] {
    margin-top: .35rem;
    color: rgba(245, 158, 11, .95);
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .92rem;
}

.pdet-sub[b-40qkq5h39f] {
    margin-top: .35rem;
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.s[b-40qkq5h39f] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: rgba(15, 23, 42, .65);
    font-weight: 800;
    font-size: .92rem;
}

.s-warn[b-40qkq5h39f] {
    color: rgba(245, 158, 11, .95);
}

.pdet-stock .st[b-40qkq5h39f] {
    padding: .55rem .7rem;
    border-radius: 14px;
    font-weight: 900;
    display: inline-flex;
    gap: .5rem;
    align-items: center;
}

.st-ok[b-40qkq5h39f] {
    background: rgba(16, 185, 129, .12);
    color: rgba(16, 185, 129, .95);
}

.st-out[b-40qkq5h39f] {
    background: rgba(220, 38, 38, .10);
    color: rgba(220, 38, 38, .95);
}

/* blocks inside buy */
.pdet-block[b-40qkq5h39f] {
    padding-top: 1rem;
}

.pdet-label[b-40qkq5h39f] {
    font-weight: 950;
    color: rgba(15, 23, 42, .80);
    margin-bottom: .55rem;
    letter-spacing: .02em;
}

/* variants pills */
.pdet-variants[b-40qkq5h39f] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
}

.v[b-40qkq5h39f] {
    border: 1px solid rgba(37, 99, 235, .28);
    background: rgba(37, 99, 235, .06);
    color: rgba(37, 99, 235, .95);
    border-radius: 999px;
    padding: .42rem .75rem;
    font-weight: 950;
    display: inline-flex;
    gap: .55rem;
    align-items: baseline;
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

    .v:hover[b-40qkq5h39f] {
        transform: translateY(-1px);
        box-shadow: 0 12px 24px rgba(2, 6, 23, .08);
    }

    .v em[b-40qkq5h39f] {
        font-style: normal;
        font-weight: 950;
        color: rgba(220, 38, 38, .95);
        font-size: .82rem;
    }

.v-on[b-40qkq5h39f] {
    background: rgba(37, 99, 235, .95);
    border-color: rgba(37, 99, 235, .95);
    color: #fff;
}

.v-off[b-40qkq5h39f] {
    border-color: rgba(15, 23, 42, .14);
    background: rgba(2, 6, 23, .03);
    color: rgba(15, 23, 42, .45);
}

/* qty row */
.pdet-row[b-40qkq5h39f] {
    display: flex;
    gap: .8rem;
    align-items: center;
}

.pdet-stepper[b-40qkq5h39f] {
    display: grid;
    grid-template-columns: 44px 84px 44px;
    border: 1px solid rgba(15, 23, 42, .12);
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.sp[b-40qkq5h39f] {
    border: 0;
    background: rgba(2, 6, 23, .03);
    display: grid;
    place-items: center;
    font-weight: 950;
}

    .sp:hover[b-40qkq5h39f] {
        background: rgba(2, 6, 23, .06);
    }

.pdet-qty[b-40qkq5h39f] {
    border: 0 !important;
    border-left: 1px solid rgba(15, 23, 42, .10) !important;
    border-right: 1px solid rgba(15, 23, 42, .10) !important;
    text-align: center;
    font-weight: 950;
}

.pdet-add[b-40qkq5h39f] {
    flex: 1;
    border-radius: 14px;
}

.pdet-wa[b-40qkq5h39f] {
    border-radius: 14px;
    font-weight: 950;
}

.pdet-waHint[b-40qkq5h39f] {
    margin-top: .5rem;
    font-size: .9rem;
    color: rgba(15, 23, 42, .55);
    text-align: center;
}

/* ===== Detalles (más compacto) ===== */
.pdet-info[b-40qkq5h39f] {
    margin-top: .85rem;
    overflow: hidden;
    padding: .85rem .9rem; /* ↓ más compacto */
}

.pdet-tabsHead[b-40qkq5h39f] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid rgba(15,23,42,.06);
}

.pdet-tabsTitle[b-40qkq5h39f] {
    font-weight: 950;
    color: #0f172a;
    font-size: 1rem; /* ↓ */
}

.pdet-tabs[b-40qkq5h39f] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem; /* ↓ */
}

.pdet-tab[b-40qkq5h39f] {
    border: 1px solid rgba(15,23,42,.10);
    background: rgba(2,6,23,.02);
    color: rgba(15,23,42,.78);
    border-radius: 999px;
    padding: .34rem .62rem; /* ↓ */
    font-weight: 900;
    font-size: .92rem; /* ↓ */
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    cursor: pointer;
}

    .pdet-tab i[b-40qkq5h39f] {
        opacity: .85;
    }

    .pdet-tab:hover[b-40qkq5h39f] {
        background: rgba(2,6,23,.04);
    }

    .pdet-tab.is-active[b-40qkq5h39f] {
        border-color: rgba(37,99,235,.28);
        background: rgba(37,99,235,.10);
        color: rgba(37,99,235,.95);
    }

.pdet-tabBody[b-40qkq5h39f] {
    padding-top: .75rem; /* ↓ */
}

/* texto */
.pdet-text[b-40qkq5h39f] {
    color: rgba(15, 23, 42, .70);
    line-height: 1.6;
    font-size: .98rem; /* ↓ */
}

/* stars */
.pdet-stars i[b-40qkq5h39f] {
    color: rgba(245, 158, 11, .95);
    margin: 0 .08rem;
}

/* ===== Notas estilo “acordes / barras” (más bonito) ===== */
.pdet-accords[b-40qkq5h39f] {
    display: grid;
    gap: .9rem;
}

.pdet-accGroup[b-40qkq5h39f] {
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 16px;
    background: rgba(2,6,23,.02);
    box-shadow: 0 10px 22px rgba(2,6,23,.04);
    padding: .75rem .75rem .7rem; /* compacto */
}

.pdet-accHead[b-40qkq5h39f] {
    display: flex;
    align-items: center;
    gap: .6rem;
    justify-content: space-between;
    margin-bottom: .55rem;
}

.acc-badge[b-40qkq5h39f] {
    display: inline-flex;
    align-items: center;
    padding: .2rem .55rem;
    border-radius: 999px;
    font-weight: 950;
    font-size: .86rem;
    color: #fff;
}

.badge-top[b-40qkq5h39f] {
    background: rgba(16, 185, 129, .92);
}

.badge-heart[b-40qkq5h39f] {
    background: rgba(245, 158, 11, .92);
    color: #111827;
}

.badge-base[b-40qkq5h39f] {
    background: rgba(220, 38, 38, .92);
}

.acc-time[b-40qkq5h39f] {
    font-size: .84rem;
    font-weight: 800;
    color: rgba(15,23,42,.55);
    white-space: nowrap;
}

.pdet-accRow[b-40qkq5h39f] {
    display: grid;
    grid-template-columns: 140px 1fr; /* label + barra */
    gap: .65rem;
    align-items: center;
    padding: .22rem 0;
}

.pdet-accLabel[b-40qkq5h39f] {
    font-weight: 900;
    color: rgba(15,23,42,.75);
    font-size: .92rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdet-accBar[b-40qkq5h39f] {
    height: 22px;
    border-radius: 999px;
    background: rgba(15,23,42,.06);
    overflow: hidden;
    position: relative;
}

    .pdet-accBar span[b-40qkq5h39f] {
        display: block;
        height: 100%;
        border-radius: 999px;
        box-shadow: 0 10px 22px rgba(2,6,23,.08);
    }

/* color por grupo */
.acc-top .pdet-accBar span[b-40qkq5h39f] {
    background: linear-gradient(90deg, rgba(16,185,129,.30), rgba(16,185,129,.85));
}

.acc-heart .pdet-accBar span[b-40qkq5h39f] {
    background: linear-gradient(90deg, rgba(245,158,11,.30), rgba(245,158,11,.90));
}

.acc-base .pdet-accBar span[b-40qkq5h39f] {
    background: linear-gradient(90deg, rgba(220,38,38,.25), rgba(220,38,38,.85));
}

/* kv */
.pdet-kv[b-40qkq5h39f] {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: .75rem;
    align-items: baseline;
}

    .pdet-kv .k[b-40qkq5h39f] {
        font-weight: 950;
        color: rgba(15, 23, 42, .65);
    }

    .pdet-kv .v[b-40qkq5h39f] {
        color: rgba(15, 23, 42, .85);
    }

/* related */
.pdet-rel[b-40qkq5h39f] {
    margin-top: 2.2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(15, 23, 42, .08);
}

.pdet-rel__head[b-40qkq5h39f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1rem;
}

.pdet-rel__title[b-40qkq5h39f] {
    margin: 0;
    font-weight: 950;
    color: #0f172a;
}

.pdet-rel__link[b-40qkq5h39f] {
    font-weight: 900;
    text-decoration: none;
}

.pdet-rel__grid[b-40qkq5h39f] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.r-item[b-40qkq5h39f] {
    text-decoration: none;
    color: inherit;
}

.r-card[b-40qkq5h39f] {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(2, 6, 23, .06);
    transition: transform .18s ease, box-shadow .18s ease;
    height: 100%;
}

    .r-card:hover[b-40qkq5h39f] {
        transform: translateY(-3px);
        box-shadow: 0 18px 42px rgba(2, 6, 23, .10);
    }

.r-img[b-40qkq5h39f] {
    background: #f6f7f8;
}

    .r-img img[b-40qkq5h39f] {
        width: 100%;
        height: 190px;
        object-fit: contain;
        display: block;
    }

.r-ph[b-40qkq5h39f] {
    height: 190px;
    display: grid;
    place-items: center;
    color: rgba(15, 23, 42, .45);
}

.r-body[b-40qkq5h39f] {
    padding: .85rem .9rem 1rem;
}

.r-brand[b-40qkq5h39f] {
    font-size: .72rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, .55);
    font-weight: 900;
}

.r-name[b-40qkq5h39f] {
    margin-top: .35rem;
    font-weight: 950;
    color: #0f172a;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.4em;
}

.r-price[b-40qkq5h39f] {
    margin-top: .65rem;
    color: rgba(15, 23, 42, .85);
}

/* responsive */
@media (max-width: 992px) {
    .pdet-head[b-40qkq5h39f] {
        flex-direction: column;
    }

    .pdet-grid[b-40qkq5h39f] {
        grid-template-columns: 1fr;
    }

    .pdet-sticky[b-40qkq5h39f] {
        position: static;
    }

    .pdet-img[b-40qkq5h39f], .pdet-ph[b-40qkq5h39f] {
        height: 420px;
    }

    .pdet-rel__grid[b-40qkq5h39f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .acc-time[b-40qkq5h39f] {
        white-space: normal;
    }

    .pdet-accRow[b-40qkq5h39f] {
        grid-template-columns: 1fr; /* label arriba, barra abajo */
        gap: .35rem;
    }
}

@media (max-width: 576px) {
    .pdet-title[b-40qkq5h39f] {
        font-size: 1.55rem;
    }

    .pdet-img[b-40qkq5h39f], .pdet-ph[b-40qkq5h39f] {
        height: 340px;
    }

    .pdet-row[b-40qkq5h39f] {
        flex-direction: column;
        align-items: stretch;
    }

    .pdet-stepper[b-40qkq5h39f] {
        grid-template-columns: 44px 1fr 44px;
    }

    .pdet-rel__grid[b-40qkq5h39f] {
        grid-template-columns: 1fr;
    }
}

/* helpers */
.pdet-head__left[b-40qkq5h39f] {
    min-width: 0;
}

.pdet-head__right[b-40qkq5h39f] {
    flex: 0 0 auto;
}

.pdet-left[b-40qkq5h39f], .pdet-right[b-40qkq5h39f] {
    min-width: 0;
}
/* /Components/Account/Pages/Perfumes/Index.razor.rz.scp.css */
/* ===== PERFUMES PAGE (aislado) ===== */

.perfumes-page[b-jcjeyge1uh] {
    padding-top: 1.25rem;
    padding-bottom: 3rem;
}

/* ===== Header ===== */
.p-header[b-jcjeyge1uh] {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(2, 6, 23, .06);
    padding: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.p-title[b-jcjeyge1uh] {
    font-size: 1.55rem;
    font-weight: 850;
    margin: 0;
    color: #0f172a;
}

.p-meta[b-jcjeyge1uh] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .25rem;
    color: rgba(15, 23, 42, .6);
    font-size: .92rem;
}

.p-chip[b-jcjeyge1uh] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .55rem;
    border-radius: 999px;
    background: rgba(37, 99, 235, .08);
    color: rgba(37, 99, 235, .95);
    font-weight: 750;
}

.p-dot[b-jcjeyge1uh] {
    opacity: .55;
}

.p-header__right[b-jcjeyge1uh] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 520px;
    justify-content: flex-end;
}

/* Botón filtros móvil */
.p-filterBtn[b-jcjeyge1uh] {
    border-radius: 999px;
    position: relative;
}

.p-filterDot[b-jcjeyge1uh] {
    width: 8px;
    height: 8px;
    background: rgba(220, 38, 38, .95);
    border-radius: 999px;
    display: inline-block;
    margin-left: .45rem;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .12);
}

/* Search */
.p-search[b-jcjeyge1uh] {
    position: relative;
    flex: 1;
    min-width: 260px;
}

    .p-search i.bi-search[b-jcjeyge1uh] {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        opacity: .55;
    }

    .p-search .form-control[b-jcjeyge1uh] {
        padding-left: 2.25rem;
        padding-right: 2.25rem;
        border-radius: 999px;
        border: 1px solid rgba(15, 23, 42, .12);
    }

.p-search__clear[b-jcjeyge1uh] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    padding: .35rem .45rem;
    opacity: .6;
}

    .p-search__clear:hover[b-jcjeyge1uh] {
        opacity: 1;
    }

.p-sort[b-jcjeyge1uh] {
    width: 200px;
    border-radius: 999px;
}

/* ===== Chips bar ===== */
.p-chipsBar[b-jcjeyge1uh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .65rem .75rem;
    border-radius: 16px;
    background: rgba(2, 6, 23, .03);
    border: 1px solid rgba(15, 23, 42, .06);
    margin-bottom: 1.25rem;
}

.p-chips[b-jcjeyge1uh] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
}

.p-chipX[b-jcjeyge1uh] {
    border: 1px solid rgba(15, 23, 42, .12);
    background: #fff;
    border-radius: 999px;
    padding: .32rem .55rem;
    display: inline-flex;
    gap: .45rem;
    align-items: center;
    font-weight: 750;
    color: rgba(15, 23, 42, .78);
    box-shadow: 0 10px 24px rgba(2, 6, 23, .05);
}

    .p-chipX i[b-jcjeyge1uh] {
        font-size: 1.05rem;
        opacity: .55;
    }

    .p-chipX:hover i[b-jcjeyge1uh] {
        opacity: 1;
    }

.p-chipsActions[b-jcjeyge1uh] {
    flex: 0 0 auto;
}

.p-muted[b-jcjeyge1uh] {
    color: rgba(15, 23, 42, .45);
    font-weight: 650;
}

/* ===== Layout ===== */
.p-layout[b-jcjeyge1uh] {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 1.15rem;
    align-items: start;
}

.p-filters[b-jcjeyge1uh] {
    position: sticky;
    top: 92px; /* ajusta si tu navbar es más alto */
}

.p-filters__card[b-jcjeyge1uh] {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(2, 6, 23, .06);
    overflow: hidden;
}

.p-filters__card--off[b-jcjeyge1uh] {
    box-shadow: none;
}

.p-filters__head[b-jcjeyge1uh] {
    padding: .9rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(15, 23, 42, .06);
}

.p-filters__clear[b-jcjeyge1uh] {
    font-weight: 750;
    text-decoration: none;
}

.p-filter[b-jcjeyge1uh] {
    padding: .95rem 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, .06);
}

    .p-filter:last-child[b-jcjeyge1uh] {
        border-bottom: 0;
    }

.p-filter__title[b-jcjeyge1uh] {
    font-weight: 850;
    font-size: .78rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, .55);
    margin-bottom: .6rem;
}

.p-filter__body[b-jcjeyge1uh] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.p-scroll[b-jcjeyge1uh] {
    max-height: 210px;
    overflow: auto;
    padding-right: .25rem;
}

.p-check[b-jcjeyge1uh] {
    display: flex;
    gap: .55rem;
    align-items: center;
    font-size: .95rem;
    color: rgba(15, 23, 42, .86);
    cursor: pointer;
    user-select: none;
}

    .p-check input[b-jcjeyge1uh] {
        width: 16px;
        height: 16px;
        accent-color: var(--bs-primary);
    }

/* Categorías */
.p-cat[b-jcjeyge1uh] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    text-decoration: none;
    padding: .45rem .6rem;
    border-radius: 12px;
    color: rgba(15, 23, 42, .82);
}

    .p-cat:hover[b-jcjeyge1uh] {
        background: rgba(2, 6, 23, .04);
    }

    .p-cat.active[b-jcjeyge1uh] {
        background: rgba(37, 99, 235, .10);
        color: rgba(37, 99, 235, .95);
        font-weight: 800;
    }

/* Pills */
.p-pills[b-jcjeyge1uh] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.p-pill[b-jcjeyge1uh] {
    border: 1px solid rgba(15, 23, 42, .14);
    background: #fff;
    border-radius: 999px;
    padding: .35rem .7rem;
    font-weight: 750;
    font-size: .9rem;
    color: rgba(15, 23, 42, .78);
}

    .p-pill.active[b-jcjeyge1uh] {
        border-color: rgba(37, 99, 235, .35);
        background: rgba(37, 99, 235, .10);
        color: rgba(37, 99, 235, .95);
    }

.p-price[b-jcjeyge1uh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .6rem;
}

/* ===== Results ===== */
.p-results[b-jcjeyge1uh] {
    min-height: 320px;
}

.p-loading[b-jcjeyge1uh] {
    padding: 3rem 0;
    text-align: center;
}

.p-empty[b-jcjeyge1uh] {
    padding: 3rem 1rem;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(2, 6, 23, .06);
}

.p-empty__icon[b-jcjeyge1uh] {
    width: 72px;
    height: 72px;
    border-radius: 999px;
    background: rgba(2, 6, 23, .04);
    display: grid;
    place-items: center;
    margin: 0 auto .9rem;
}

    .p-empty__icon i[b-jcjeyge1uh] {
        font-size: 1.8rem;
        opacity: .55;
    }

/* ===== Grid (4 por fila en desktop) ===== */
.p-grid[b-jcjeyge1uh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* ✅ 4 por fila */
    gap: 1rem;
}

.p-item[b-jcjeyge1uh] {
    text-decoration: none;
    color: inherit;
}

/* Card: altura consistente y precio abajo */
.p-card[b-jcjeyge1uh] {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(2, 6, 23, .06);
    transition: transform .18s ease, box-shadow .18s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .p-card:hover[b-jcjeyge1uh] {
        transform: translateY(-3px);
        box-shadow: 0 18px 42px rgba(2, 6, 23, .10);
    }

/* Imagen: uniforme aunque sea grande o pequeña */
.p-img[b-jcjeyge1uh] {
    position: relative;
    background: #f6f7f8;
    padding: 14px; /* ✅ margen interno uniforme */
}

    .p-img img[b-jcjeyge1uh] {
        width: 100%;
        height: 220px; /* ✅ MISMA altura */
        object-fit: contain; /* ✅ no recorta */
        display: block;
        background: transparent;
    }

/* Placeholder */
.p-img__ph[b-jcjeyge1uh] {
    height: 220px; /* ✅ mismo alto que img */
    display: grid;
    place-items: center;
    color: rgba(15, 23, 42, .45);
}

    .p-img__ph i[b-jcjeyge1uh] {
        font-size: 2.2rem;
    }

/* Badges */
.p-badges[b-jcjeyge1uh] {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    gap: .4rem;
    flex-wrap: wrap;
}

.b[b-jcjeyge1uh] {
    font-size: .75rem;
    font-weight: 900;
    padding: .22rem .5rem;
    border-radius: 999px;
    color: #fff;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .14);
}

.b-new[b-jcjeyge1uh] {
    background: rgba(16, 185, 129, .92);
}

.b-off[b-jcjeyge1uh] {
    background: rgba(220, 38, 38, .92);
}

.b-out[b-jcjeyge1uh] {
    background: rgba(100, 116, 139, .92);
}

.b-low[b-jcjeyge1uh] {
    background: rgba(245, 158, 11, .92);
    color: #111827;
}

.p-star[b-jcjeyge1uh] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: rgba(245, 158, 11, .92);
    color: #111827;
    display: grid;
    place-items: center;
    font-weight: 900;
}

/* Body */
.p-body[b-jcjeyge1uh] {
    padding: .85rem .95rem 1rem;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto; /* ✅ llena y permite empujar precio abajo */
}

.p-brand[b-jcjeyge1uh] {
    font-size: .72rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, .55);
    font-weight: 800;
}

/* Nombre (consistente) */
.p-name[b-jcjeyge1uh] {
    margin-top: .35rem;
    font-weight: 850;
    font-size: .95rem;
    color: #0f172a;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.4em;
}

/* Tags (consistente) */
.p-tags[b-jcjeyge1uh] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    margin-top: .55rem;
}

.t[b-jcjeyge1uh] {
    font-size: .74rem;
    font-weight: 800;
    padding: .2rem .5rem;
    border-radius: 999px;
    background: rgba(2, 6, 23, .05);
    color: rgba(15, 23, 42, .78);
}

/* Precio alineado abajo */
.p-priceLine[b-jcjeyge1uh] {
    margin-top: auto; /* ✅ empuja hacia abajo para alinear cards */
    padding-top: .75rem;
    display: flex;
    align-items: baseline;
    gap: .55rem;
}

.p-from[b-jcjeyge1uh] {
    font-size: .85rem;
    color: rgba(15, 23, 42, .55);
    font-weight: 750;
}

.p-old[b-jcjeyge1uh] {
    font-size: .9rem;
    color: rgba(15, 23, 42, .45);
    text-decoration: line-through;
    font-weight: 750;
}

.p-now[b-jcjeyge1uh] {
    font-size: 1.02rem;
    font-weight: 950;
    color: #0f172a;
}

.p-now--off[b-jcjeyge1uh] {
    color: rgba(220, 38, 38, .95);
}

/* Load more */
.p-loadMore[b-jcjeyge1uh] {
    margin-top: 1.2rem;
    text-align: center;
}

/* Offcanvas */
.p-offcanvas .offcanvas-header[b-jcjeyge1uh] {
    border-bottom: 1px solid rgba(15, 23, 42, .08);
}

.p-offActions[b-jcjeyge1uh] {
    padding-top: 1rem;
}

/* ===== Responsive ===== */

/* <= 1200px (laptop / mediana): 3 por fila */
@media (max-width: 1200px) {
    .p-grid[b-jcjeyge1uh] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* <= 992px (tablet): layout 1 col + 2 por fila */
@media (max-width: 992px) {
    .p-layout[b-jcjeyge1uh] {
        grid-template-columns: 1fr;
    }

    /* en móvil/tablet ocultamos sidebar y usamos offcanvas */
    .p-filters[b-jcjeyge1uh] {
        display: none;
    }

    .p-header[b-jcjeyge1uh] {
        flex-direction: column;
        align-items: stretch;
    }

    .p-header__right[b-jcjeyge1uh] {
        min-width: auto;
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .p-sort[b-jcjeyge1uh] {
        width: 100%;
    }

    .p-grid[b-jcjeyge1uh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .p-chipsBar[b-jcjeyge1uh] {
        flex-direction: column;
        align-items: stretch;
    }

    .p-chipsActions[b-jcjeyge1uh] {
        display: flex;
        justify-content: flex-end;
    }
}

/* <= 576px (móvil): 1 por fila */
@media (max-width: 576px) {
    .p-grid[b-jcjeyge1uh] {
        grid-template-columns: 1fr;
    }

    .p-img img[b-jcjeyge1uh],
    .p-img__ph[b-jcjeyge1uh] {
        height: 220px;
    }
}

/* ===== COMPACT MODE (pegalo al final) ===== */

/* Ajuste general de densidad */
.perfumes-page[b-jcjeyge1uh] {
    --p-radius: 16px;
    --p-shadow: 0 10px 26px rgba(2,6,23,.06);
}

/* Header más compacto */
.p-header[b-jcjeyge1uh] {
    padding: .9rem 1rem;
    border-radius: var(--p-radius);
    box-shadow: var(--p-shadow);
}

.p-title[b-jcjeyge1uh] {
    font-size: 1.35rem;
}

.p-meta[b-jcjeyge1uh] {
    font-size: .88rem;
}

/* Controles más compactos */
.p-header__right[b-jcjeyge1uh] {
    min-width: 460px;
    gap: .6rem;
}

.p-search .form-control[b-jcjeyge1uh] {
    height: 38px;
    font-size: .92rem;
}

.p-sort[b-jcjeyge1uh] {
    height: 38px;
    font-size: .92rem;
}

/* Sidebar filtros más compacto */
.p-filters__card[b-jcjeyge1uh] {
    border-radius: var(--p-radius);
    box-shadow: var(--p-shadow);
}

.p-filters__head[b-jcjeyge1uh] {
    padding: .75rem .9rem;
}

.p-filter[b-jcjeyge1uh] {
    padding: .75rem .9rem;
}

.p-filter__title[b-jcjeyge1uh] {
    font-size: .72rem;
    margin-bottom: .45rem;
}

.p-check[b-jcjeyge1uh] {
    font-size: .92rem;
}

.p-cat[b-jcjeyge1uh] {
    padding: .38rem .5rem;
    border-radius: 10px;
}

/* ===== Cards más compactas ===== */
.p-card[b-jcjeyge1uh] {
    border-radius: var(--p-radius);
    box-shadow: var(--p-shadow);
}

.p-img[b-jcjeyge1uh] {
    padding: 10px; /* menos aire */
}

    /* Imagen más baja para que no se vea gigante */
    .p-img img[b-jcjeyge1uh] {
        height: 185px; /* antes 220 */
    }

.p-img__ph[b-jcjeyge1uh] {
    height: 185px;
}

/* Badges más pequeños */
.b[b-jcjeyge1uh] {
    font-size: .7rem;
    padding: .18rem .42rem;
}

/* Contenido */
.p-body[b-jcjeyge1uh] {
    padding: .75rem .8rem .85rem;
}

.p-brand[b-jcjeyge1uh] {
    font-size: .68rem;
}

.p-name[b-jcjeyge1uh] {
    font-size: .9rem;
    min-height: 2.2em;
}

.t[b-jcjeyge1uh] {
    font-size: .7rem;
    padding: .18rem .42rem;
}

.p-priceLine[b-jcjeyge1uh] {
    padding-top: .6rem;
}

.p-now[b-jcjeyge1uh] {
    font-size: .98rem;
}

/* Chips bar un poco más compacta */
.p-chipsBar[b-jcjeyge1uh] {
    padding: .55rem .65rem;
    border-radius: 14px;
}

.p-chipX[b-jcjeyge1uh] {
    padding: .26rem .5rem;
    font-size: .9rem;
}

/* Grid: un pelín menos gap para que se sienta más “tienda” */
.p-grid[b-jcjeyge1uh] {
    gap: .85rem;
}

/* Responsive: bajar imagen un poco más en móvil */
@media (max-width: 576px) {
    .p-img img[b-jcjeyge1uh],
    .p-img__ph[b-jcjeyge1uh] {
        height: 175px;
    }
}

/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
/* ===== Manage (Identity) - JJStyle skin ===== */
.jj-manage .jj-kicker[b-ae6zts2d9x] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .35rem .65rem;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 700;
    background: rgba(13,110,253,.08);
    color: #0d6efd;
}

.jj-manage .jj-title[b-ae6zts2d9x] {
    font-size: clamp(1.6rem, 2vw, 2.1rem);
    font-weight: 800;
    margin: .6rem 0 .2rem;
}

.jj-manage .jj-subtitle[b-ae6zts2d9x] {
    color: rgba(0,0,0,.6);
}

/* Nav card */
.jj-manage-nav[b-ae6zts2d9x] {
    border-radius: 18px;
    position: sticky;
    top: 1rem;
}

/* Menu list */
.jj-manage-menu[b-ae6zts2d9x] {
    gap: .2rem;
    padding: .25rem;
}

    .jj-manage-menu .nav-link[b-ae6zts2d9x] {
        display: flex;
        align-items: center;
        gap: .35rem;
        border-radius: 14px;
        padding: .7rem .8rem;
        font-weight: 700;
        color: rgba(0,0,0,.72);
    }

        .jj-manage-menu .nav-link:hover[b-ae6zts2d9x] {
            background: rgba(13,110,253,.06);
            color: rgba(0,0,0,.85);
        }

        .jj-manage-menu .nav-link.active[b-ae6zts2d9x] {
            background: rgba(13,110,253,.12);
            color: #0d6efd;
        }

/* Body wrapper (por si alguna vista viene "pelada") */
.jj-manage-body[b-ae6zts2d9x] {
    min-height: 220px;
}
/* /Components/Account/Shared/SiteFooter.razor.rz.scp.css */
:root[b-vmimj64umx] {
    --jj-ink: #111827;
    --jj-muted: #6b7280;
    --jj-border: rgba(17,24,39,.10);
    --jj-card: rgba(255,255,255,.75);
    --jj-shadow: 0 12px 30px rgba(0,0,0,.06);
    --jj-radius: 18px;
    --jj-accent: #2b6cb0; /* podés cambiarlo a tu color de marca */
}

.jj-footer[b-vmimj64umx] {
    color: var(--jj-ink);
}

.jj-footer__top[b-vmimj64umx] {
    border-top: 1px solid var(--jj-border);
    background: radial-gradient(1200px 300px at 20% 0%, rgba(43,108,176,.10), transparent 60%), radial-gradient(900px 260px at 80% 10%, rgba(181,55,242,.08), transparent 55%), linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
}

/* Watermark (logo marca de agua) sin romper el diseño */
.jj-footer__top[b-vmimj64umx] {
    position: relative;
    overflow: hidden;
}

    .jj-footer__top[b-vmimj64umx]::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("/images/jjstyle-mark.png");
        background-repeat: no-repeat;
        background-position: 92% 28%;
        background-size: 520px auto;
        opacity: .06;
        pointer-events: none;
        z-index: 0;
    }
    /* Asegura que el contenido esté arriba del watermark */
    .jj-footer__top .container[b-vmimj64umx] {
        position: relative;
        z-index: 1;
    }

.jj-footer__brand[b-vmimj64umx] {
    font-weight: 800;
    letter-spacing: .2px;
    font-size: 1.05rem;
    line-height: 1.1;
}

.jj-footer__sub[b-vmimj64umx] {
    color: var(--jj-muted);
    font-size: .92rem;
}

.jj-footer__text[b-vmimj64umx] {
    color: var(--jj-muted);
    margin: 0;
    max-width: 42ch;
}

.jj-footer__title[b-vmimj64umx] {
    font-weight: 700;
    font-size: .95rem;
    margin-bottom: .8rem;
}

.jj-footer__list[b-vmimj64umx] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: .55rem;
}

    .jj-footer__list a[b-vmimj64umx],
    .jj-footer__bottomLinks a[b-vmimj64umx],
    .jj-footer__hint a[b-vmimj64umx] {
        color: var(--jj-muted);
        text-decoration: none;
    }

        .jj-footer__list a:hover[b-vmimj64umx],
        .jj-footer__bottomLinks a:hover[b-vmimj64umx],
        .jj-footer__hint a:hover[b-vmimj64umx] {
            color: var(--jj-ink);
            text-decoration: underline;
            text-underline-offset: 3px;
        }

.jj-footer__social[b-vmimj64umx] {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid var(--jj-border);
    background: rgba(255,255,255,.65);
    box-shadow: 0 8px 18px rgba(0,0,0,.06);
    color: var(--jj-ink);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

    .jj-footer__social:hover[b-vmimj64umx] {
        transform: translateY(-1px);
        box-shadow: 0 14px 28px rgba(0,0,0,.09);
        background: #fff;
    }

/* =========================
   NEWSLETTER con Bootstrap ✅
   (pegá al final del CSS)
   ========================= */

.jj-news-card[b-vmimj64umx] {
    margin-top: .25rem;
    padding: 14px;
    border-radius: var(--jj-radius);
    border: 1px solid rgba(17,24,39,.12);
    /* transparente para NO tapar watermark */
    background: rgba(255,255,255,.28);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

/* Input-group “cajita” real */
.jj-news-group[b-vmimj64umx] {
    border-radius: 14px;
    overflow: hidden; /* mantiene bordes lindos */
    border: 1px solid rgba(17,24,39,.12);
    background: rgba(255,255,255,.35);
}

.jj-news-addon[b-vmimj64umx] {
    background: transparent !important;
    border: 0 !important;
    color: rgba(17,24,39,.60) !important;
    padding-left: 14px;
    padding-right: 10px;
}

.jj-news-input[b-vmimj64umx] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    color: var(--jj-ink) !important;
    padding-left: 0;
}

    .jj-news-input[b-vmimj64umx]::placeholder {
        color: rgba(107,114,128,.85);
    }

/* Botón Bootstrap, pero lo “afinamos” */
.jj-news-btn[b-vmimj64umx] {
    border-radius: 0 !important; /* para que se una perfecto al input-group */
    font-weight: 800;
    letter-spacing: .2px;
    padding-left: 16px;
    padding-right: 16px;
    /* blindaje: visible siempre */
    opacity: 1 !important;
    visibility: visible !important;
}

/* Estado (mensaje) */
.jj-news-status[b-vmimj64umx] {
    margin-top: 10px;
    border-radius: 12px;
    padding: 10px 12px;
    font-size: .9rem;
    border: 1px solid rgba(17,24,39,.10);
    background: rgba(255,255,255,.35);
    color: rgba(17,24,39,.70);
}

    .jj-news-status.is-ok[b-vmimj64umx] {
        border-color: rgba(34,197,94,.25);
        background: rgba(34,197,94,.10);
        color: #14532d;
    }

    .jj-news-status.is-bad[b-vmimj64umx] {
        border-color: rgba(239,68,68,.25);
        background: rgba(239,68,68,.10);
        color: #7f1d1d;
    }

/* Mobile */
@media (max-width: 768px) {
    .jj-news-group[b-vmimj64umx] {
        flex-wrap: nowrap; /* que NO se parta */
    }

    .jj-news-btn[b-vmimj64umx] {
        white-space: nowrap;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-4kkqkaie69] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-4kkqkaie69] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ===== Perfume Navbar: Moderno / Premium ===== */

.jj-nav[b-7ofdnc1byi] {
    background: rgba(255, 255, 255, .85);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 10px 30px rgba(2, 6, 23, .06);
}

    .jj-nav .container-xxl[b-7ofdnc1byi] {
        min-height: 72px;
        display: flex;
        align-items: center;
    }

/* ===== Brand ===== */

.jj-brand[b-7ofdnc1byi] {
    padding-top: .25rem;
    padding-bottom: .25rem;
    text-decoration: none;
}

.jj-brand-logo[b-7ofdnc1byi] {
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: drop-shadow(0 6px 12px rgba(2, 6, 23, .10));
}

.jj-brand-text[b-7ofdnc1byi] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    line-height: 1.05;
}

/* T�tulo �marca� */
.jj-brand-title[b-7ofdnc1byi] {
    display: inline-flex;
    align-items: baseline;
    gap: .35rem;
    font-weight: 900;
    letter-spacing: .2px;
    font-size: 1.12rem;
    color: #0f172a;
}

    /* Detalle premium (subrayado corto) */
    .jj-brand-title[b-7ofdnc1byi]::after {
        content: "";
        display: block;
        height: 2px;
        width: 42px;
        margin-top: .22rem;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(59,130,246,.75), rgba(59,130,246,0));
        opacity: .85;
    }

/* �by JJStyle� fino */
.jj-brand-sub[b-7ofdnc1byi] {
    font-weight: 800;
    font-size: .92rem;
    letter-spacing: .12px;
    color: rgba(15, 23, 42, .58);
    position: relative;
    top: -1px;
}

/* Tagline premium discreto (sin �pill�) */
.jj-brand-tagline[b-7ofdnc1byi] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, .45);
}

.jj-dot[b-7ofdnc1byi] {
    opacity: .55;
}

/* Hover sutil en el brand */
.jj-brand:hover .jj-brand-title[b-7ofdnc1byi]::after {
    width: 52px;
    opacity: .95;
    transition: width .18s ease, opacity .18s ease;
}

/* ===== Nav pills ===== */

.jj-nav-pills .jj-link[b-7ofdnc1byi] {
    border-radius: 999px;
    padding: .55rem .9rem;
    font-weight: 650;
    color: rgba(15, 23, 42, .72);
    transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

    .jj-nav-pills .jj-link:hover[b-7ofdnc1byi] {
        background: rgba(2, 6, 23, .04);
        transform: translateY(-1px);
    }

    .jj-nav-pills .jj-link.active[b-7ofdnc1byi] {
        color: #0f172a;
        background: rgba(2, 6, 23, .06);
        box-shadow: inset 0 0 0 1px rgba(2, 6, 23, .08);
    }

        /* Indicador activo sutil */
        .jj-nav-pills .jj-link.active[b-7ofdnc1byi]::after {
            content: "";
            display: block;
            height: 2px;
            width: 28px;
            margin: .30rem auto 0;
            border-radius: 999px;
            background: rgba(59, 130, 246, .75);
            opacity: .75;
        }

/* ===== Dropdown ===== */

.jj-menu[b-7ofdnc1byi] {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 14px;
    box-shadow: 0 18px 50px rgba(2, 6, 23, .12);
    padding: .5rem;
}

    .jj-menu .dropdown-item[b-7ofdnc1byi] {
        border-radius: 10px;
        padding: .55rem .7rem;
        font-weight: 650;
    }

        .jj-menu .dropdown-item:hover[b-7ofdnc1byi] {
            background: rgba(2, 6, 23, .05);
        }

/* ===== Account button ===== */

.jj-account[b-7ofdnc1byi] {
    background: rgba(2, 6, 23, .04);
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 999px;
    padding: .45rem .6rem;
    font-weight: 750;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

    .jj-account:hover[b-7ofdnc1byi] {
        background: rgba(2, 6, 23, .06);
    }

.jj-avatar[b-7ofdnc1byi] {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    color: #0f172a;
    background: rgba(59, 130, 246, .14);
    border: 1px solid rgba(59, 130, 246, .22);
}

/* ===== Search ===== */

.jj-search[b-7ofdnc1byi] {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: rgba(2, 6, 23, .04);
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 999px;
    padding: .3rem .7rem;
}

    .jj-search i[b-7ofdnc1byi] {
        color: rgba(15, 23, 42, .55);
    }

    .jj-search .form-control[b-7ofdnc1byi] {
        border: 0;
        background: transparent;
        box-shadow: none;
        padding: .25rem 0;
        width: 260px;
    }

        .jj-search .form-control[b-7ofdnc1byi]::placeholder {
            color: rgba(15, 23, 42, .45);
        }

/* ===== Mobile ===== */

.jj-toggler[b-7ofdnc1byi] {
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 12px;
}

.jj-offcanvas[b-7ofdnc1byi] {
    width: min(92vw, 420px);
}

.jj-mobile-search[b-7ofdnc1byi] {
    display: flex;
    align-items: center;
    gap: .6rem;
    background: rgba(2, 6, 23, .04);
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 14px;
    padding: .6rem .8rem;
}

    .jj-mobile-search i[b-7ofdnc1byi] {
        color: rgba(15, 23, 42, .55);
    }

    .jj-mobile-search .form-control[b-7ofdnc1byi] {
        border: 0;
        background: transparent;
        box-shadow: none;
        padding: .25rem 0;
    }

.jj-mobile-nav .jj-link[b-7ofdnc1byi] {
    border-radius: 14px;
    padding: .7rem .85rem;
    font-weight: 750;
    color: rgba(15, 23, 42, .75);
}

    .jj-mobile-nav .jj-link:hover[b-7ofdnc1byi] {
        background: rgba(2, 6, 23, .04);
    }

    .jj-mobile-nav .jj-link.active[b-7ofdnc1byi] {
        background: rgba(59, 130, 246, .10);
        color: #0f172a;
        border: 1px solid rgba(59, 130, 246, .18);
    }

.jj-section-title[b-7ofdnc1byi] {
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 850;
    color: rgba(15, 23, 42, .45);
    margin: .5rem .25rem;
}

/* Ajuste global Bootstrap caret */
:global(.navbar .dropdown-toggle::after)[b-7ofdnc1byi] {
    margin-left: .35rem;
}

/* ===== Desktop refinements ===== */
@media (min-width: 992px) {
    .jj-brand-logo[b-7ofdnc1byi] {
        width: 56px;
        height: 56px;
    }

    .jj-brand-title[b-7ofdnc1byi] {
        font-size: 1.18rem;
    }

    .jj-brand-sub[b-7ofdnc1byi] {
        font-size: .96rem;
    }

    .jj-brand-tagline[b-7ofdnc1byi] {
        font-size: .74rem;
    }
}

/* ===== Topbar Premium ===== */
.jj-topbar[b-7ofdnc1byi] {
    background: rgba(2, 6, 23, .03);
    border-bottom: 1px solid rgba(15, 23, 42, .06);
}

.jj-topbar-row[b-7ofdnc1byi] {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

/* En m�vil: que no se quiebre feo */
@media (max-width: 576px) {
    .jj-topbar-row[b-7ofdnc1byi] {
        min-height: 44px;
    }
}

.jj-topbar-left[b-7ofdnc1byi],
.jj-topbar-right[b-7ofdnc1byi] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: nowrap;
}

.jj-chip[b-7ofdnc1byi] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .70rem;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, .55);
    white-space: nowrap;
}

.jj-sep[b-7ofdnc1byi] {
    opacity: .35;
    font-weight: 800;
}

.jj-topbar-link[b-7ofdnc1byi] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    font-size: .70rem;
    font-weight: 750;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(15, 23, 42, .55);
    text-decoration: none;
    padding: .25rem .4rem;
    border-radius: 10px;
    transition: background-color .15s ease, color .15s ease;
    white-space: nowrap;
}

.jj-topbar-link:hover[b-7ofdnc1byi] {
    background: rgba(2, 6, 23, .05);
    color: rgba(15, 23, 42, .75);
}

.jj-topbar-cta[b-7ofdnc1byi] {
    background: rgba(59,130,246,.10);
    border: 1px solid rgba(59,130,246,.18);
    color: rgba(15, 23, 42, .72);
}

.jj-topbar-cta:hover[b-7ofdnc1byi] {
    background: rgba(59,130,246,.14);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-uvi3jj6yft],
.components-reconnect-repeated-attempt-visible[b-uvi3jj6yft],
.components-reconnect-failed-visible[b-uvi3jj6yft],
.components-pause-visible[b-uvi3jj6yft],
.components-resume-failed-visible[b-uvi3jj6yft],
.components-rejoining-animation[b-uvi3jj6yft] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-uvi3jj6yft],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-uvi3jj6yft],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-uvi3jj6yft],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-uvi3jj6yft],
#components-reconnect-modal.components-reconnect-retrying[b-uvi3jj6yft],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-uvi3jj6yft],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-uvi3jj6yft],
#components-reconnect-modal.components-reconnect-failed[b-uvi3jj6yft],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-uvi3jj6yft] {
    display: block;
}


#components-reconnect-modal[b-uvi3jj6yft] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-uvi3jj6yft 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-uvi3jj6yft 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-uvi3jj6yft 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-uvi3jj6yft]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-uvi3jj6yft 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-uvi3jj6yft {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-uvi3jj6yft {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-uvi3jj6yft {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-uvi3jj6yft] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-uvi3jj6yft] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-uvi3jj6yft] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-uvi3jj6yft] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-uvi3jj6yft] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-uvi3jj6yft] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-uvi3jj6yft] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-uvi3jj6yft 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-uvi3jj6yft] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-uvi3jj6yft {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Contacto.razor.rz.scp.css */
:host[b-vp50u0fskh] {
    display: block;
}

/* ✅ FIX: el HERO está fuera de .ct-wrap, así que necesita los tokens */
.ct-hero[b-vp50u0fskh] {
    --ct-ink: #0f172a;
    --ct-muted: rgba(15,23,42,.60);
    --ct-muted2: rgba(15,23,42,.50);
    --ct-title: 1.65rem; /* Hablemos grande como antes */
    --ct-fw-1: 650;
    --ct-fw-2: 800;
    --ct-fw-3: 950;
}

/* =========================
   CONTACT (Design System)
   ========================= */
.ct-wrap[b-vp50u0fskh] {
    padding: 1.25rem 0 3rem;
}

/* Tokens para uniformidad (alineados con tu estilo de Perfumes) */
.ct-wrap[b-vp50u0fskh] {
    --ct-ink: #0f172a;
    --ct-muted: rgba(15,23,42,.60);
    --ct-muted2: rgba(15,23,42,.50);
    --ct-border: rgba(15,23,42,.08);
    --ct-border2: rgba(15,23,42,.10);
    --ct-soft: rgba(2,6,23,.03);
    --ct-radius: 18px;
    --ct-radius-sm: 14px;
    --ct-pill: 999px;
    --ct-shadow: 0 12px 30px rgba(2,6,23,.06);
    --ct-shadow2: 0 10px 22px rgba(2,6,23,.06);
    --ct-title: 1.65rem; /* Hablemos grande como antes */
    --ct-h2: 1.45rem;
    --ct-h3: 1.18rem;
    --ct-text: 1rem;
    --ct-small: .92rem;
    --ct-xs: .78rem;
    --ct-fw-1: 650; /* texto */
    --ct-fw-2: 800; /* semibold fuerte */
    --ct-fw-3: 950; /* headers */
}

    /* Tipografía base y consistencia */
    .ct-wrap[b-vp50u0fskh],
    .ct-wrap *[b-vp50u0fskh] {
        font-family: inherit;
        letter-spacing: normal;
    }

        .ct-wrap p[b-vp50u0fskh],
        .ct-wrap a[b-vp50u0fskh],
        .ct-wrap span[b-vp50u0fskh],
        .ct-wrap label[b-vp50u0fskh],
        .ct-wrap input[b-vp50u0fskh],
        .ct-wrap select[b-vp50u0fskh],
        .ct-wrap textarea[b-vp50u0fskh],
        .ct-wrap button[b-vp50u0fskh] {
            font-size: var(--ct-text);
        }

/* =========================
   HERO
   ========================= */
.ct-hero[b-vp50u0fskh] {
    padding: 2rem 0 1.25rem;
    background: linear-gradient(180deg, rgba(2,6,23,.03), rgba(2,6,23,0));
}

.ct-hero__inner[b-vp50u0fskh] {
    display: block;
}

.ct-kicker[b-vp50u0fskh] {
    display: inline-flex;
    gap: .55rem;
    align-items: center;
    padding: .48rem .85rem; /* un poquito más grande */
    border-radius: 999px;
    background: rgba(2,6,23,.06); /* más visible */
    color: rgba(15,23,42,.82);
    font-weight: 900; /* más fuerte */
    font-size: .98rem; /* más grande */
    letter-spacing: .02em;
}

    .ct-kicker i[b-vp50u0fskh] {
        font-size: 1.05rem;
        opacity: .9;
    }

.ct-title[b-vp50u0fskh] {
    margin: .85rem 0 .35rem;
    font-weight: var(--ct-fw-3);
    font-size: var(--ct-title);
    color: var(--ct-ink);
    line-height: 1.05;
}

.ct-lead[b-vp50u0fskh] {
    margin: 0;
    color: var(--ct-muted);
    font-size: 1.02rem;
    max-width: 60ch;
    font-weight: var(--ct-fw-1);
    line-height: 1.55;
}

.ct-actions[b-vp50u0fskh] {
    margin-top: 1rem;
    display: grid;
    gap: .65rem;
}

.ct-btn[b-vp50u0fskh] {
    border-radius: var(--ct-radius-sm);
    font-weight: var(--ct-fw-3);
    font-size: 1rem;
    padding: .75rem 1rem;
}

.ct-note[b-vp50u0fskh] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--ct-muted2);
    font-weight: var(--ct-fw-2);
    font-size: var(--ct-small);
}

/* =========================
   CARD BASE
   ========================= */
.ct-card[b-vp50u0fskh] {
    background: #fff;
    border: 1px solid var(--ct-border);
    border-radius: var(--ct-radius);
    box-shadow: var(--ct-shadow);
    padding: 1.05rem 1.05rem;
}

.ct-sticky[b-vp50u0fskh] {
    position: sticky;
    top: 92px;
}

/* Titles */
.ct-h2[b-vp50u0fskh], .ct-h3[b-vp50u0fskh] {
    margin: 0;
    font-weight: var(--ct-fw-3);
    color: var(--ct-ink);
    line-height: 1.2;
}

.ct-h2[b-vp50u0fskh] {
    font-size: var(--ct-h2);
}

.ct-h3[b-vp50u0fskh] {
    font-size: var(--ct-h3);
}

.ct-formHead[b-vp50u0fskh] {
    margin-bottom: .85rem;
}

.ct-muted[b-vp50u0fskh] {
    margin: .25rem 0 0;
    color: var(--ct-muted2);
    font-weight: var(--ct-fw-1);
    font-size: var(--ct-small);
}

.ct-divider[b-vp50u0fskh] {
    height: 1px;
    background: var(--ct-border);
    margin: .95rem 0;
}

/* =========================
   INFO ITEMS
   ========================= */
.ct-item[b-vp50u0fskh] {
    display: flex;
    gap: .85rem;
    align-items: flex-start;
    padding: .75rem 0;
}

    .ct-item + .ct-item[b-vp50u0fskh] {
        border-top: 1px solid rgba(15,23,42,.06);
    }

.ct-ic[b-vp50u0fskh] {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: rgba(2,6,23,.04);
    color: rgba(15,23,42,.75);
    flex: 0 0 auto;
    font-size: 1.05rem;
}

.ct-ic--wa[b-vp50u0fskh] {
    background: rgba(16,185,129,.14);
    color: rgba(16,185,129,.95);
}

.ct-ic--mail[b-vp50u0fskh] {
    background: rgba(220,38,38,.10);
    color: rgba(220,38,38,.95);
}

.ct-ic--loc[b-vp50u0fskh] {
    background: rgba(245,158,11,.14);
    color: rgba(180,83,9,.95);
}

.ct-item__t[b-vp50u0fskh] {
    font-weight: var(--ct-fw-3);
    color: var(--ct-ink);
    font-size: .98rem;
}

.ct-item__v[b-vp50u0fskh] {
    font-weight: var(--ct-fw-2);
    color: rgba(15,23,42,.75);
    margin-top: .1rem;
    font-size: var(--ct-small);
}

.ct-item__s[b-vp50u0fskh] {
    color: var(--ct-muted2);
    font-weight: var(--ct-fw-1);
    font-size: var(--ct-small);
    margin-top: .12rem;
}

.ct-link[b-vp50u0fskh] {
    display: inline-block;
    margin-top: .1rem;
    font-weight: var(--ct-fw-3);
    font-size: var(--ct-small);
    text-decoration: none;
    color: rgba(37,99,235,.95);
}

    .ct-link:hover[b-vp50u0fskh] {
        text-decoration: underline;
        text-underline-offset: 3px;
    }

/* =========================
   SOCIAL
   ========================= */
.ct-social[b-vp50u0fskh] {
    display: flex;
    gap: .65rem;
}

.ct-socialBtn[b-vp50u0fskh] {
    width: 44px;
    height: 44px;
    border-radius: var(--ct-pill);
    border: 1px solid var(--ct-border2);
    background: #fff;
    display: grid;
    place-items: center;
    text-decoration: none;
    box-shadow: var(--ct-shadow2);
    transition: transform .16s ease, box-shadow .16s ease;
    color: rgba(37,99,235,.95);
    font-size: 1.05rem;
}

    .ct-socialBtn:hover[b-vp50u0fskh] {
        transform: translateY(-2px);
        box-shadow: 0 16px 36px rgba(2,6,23,.10);
    }

.ct-socialBtn--ig[b-vp50u0fskh] {
    color: rgba(220,38,38,.95);
}

.ct-socialBtn--tt[b-vp50u0fskh] {
    color: rgba(15,23,42,.80);
}

.ct-footnote[b-vp50u0fskh] {
    margin-top: .8rem;
    color: var(--ct-muted2);
    font-weight: var(--ct-fw-1);
    font-size: var(--ct-small);
    line-height: 1.55;
}

/* =========================
   FORM
   ========================= */
.ct-label[b-vp50u0fskh] {
    font-weight: var(--ct-fw-2);
    color: rgba(15,23,42,.78);
    font-size: var(--ct-small);
}

.ct-req[b-vp50u0fskh] {
    color: rgba(220,38,38,.95);
}

/* Uniformidad de controles */
.ct-input[b-vp50u0fskh],
.ct-textarea[b-vp50u0fskh] {
    border-radius: var(--ct-radius-sm);
    border: 1px solid rgba(15,23,42,.12) !important;
    box-shadow: none !important;
    font-size: .98rem;
}

    .ct-input.form-control-lg[b-vp50u0fskh],
    .ct-input.form-select-lg[b-vp50u0fskh] {
        padding-top: .7rem;
        padding-bottom: .7rem;
    }

    .ct-input:focus[b-vp50u0fskh],
    .ct-textarea:focus[b-vp50u0fskh] {
        border-color: rgba(37,99,235,.35) !important;
        box-shadow: 0 0 0 .22rem rgba(37,99,235,.12) !important;
    }

.ct-textarea[b-vp50u0fskh] {
    padding: .9rem 1rem;
    line-height: 1.55;
}

.ct-submit[b-vp50u0fskh] {
    border-radius: var(--ct-radius-sm);
    font-weight: var(--ct-fw-3);
    font-size: 1rem;
    padding: .8rem 1rem;
}

.ct-hint[b-vp50u0fskh] {
    margin-top: .6rem;
    color: var(--ct-muted2);
    font-weight: var(--ct-fw-1);
    font-size: var(--ct-small);
    display: inline-flex;
    gap: .5rem;
    align-items: center;
}

/* =========================
   MINI FAQ
   ========================= */
.ct-miniFaq[b-vp50u0fskh] {
    margin-top: 1rem;
}

.ct-miniFaq__btn[b-vp50u0fskh] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .75rem .85rem;
    border-radius: var(--ct-radius-sm);
    border: 1px solid var(--ct-border);
    background: rgba(2,6,23,.02);
    font-weight: var(--ct-fw-3);
    color: rgba(15,23,42,.80);
    font-size: .98rem;
}

/* Accordion compacto uniforme */
.ct-accItem[b-vp50u0fskh] {
    border: 1px solid var(--ct-border);
    border-radius: var(--ct-radius-sm);
    overflow: hidden;
    box-shadow: 0 10px 22px rgba(2,6,23,.05);
    background: #fff;
}

    .ct-accItem + .ct-accItem[b-vp50u0fskh] {
        margin-top: .75rem;
    }

.ct-accBtn[b-vp50u0fskh] {
    font-weight: var(--ct-fw-3);
    font-size: .98rem;
}

/* Bootstrap accordion button a veces mete background raro: lo normalizamos */
.accordion-button.ct-accBtn:not(.collapsed)[b-vp50u0fskh] {
    color: var(--ct-ink);
    background: rgba(37,99,235,.06);
    box-shadow: none;
}

.ct-accBody[b-vp50u0fskh] {
    color: rgba(15,23,42,.65);
    line-height: 1.6;
    font-size: var(--ct-small);
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width: 992px) {
    .ct-sticky[b-vp50u0fskh] {
        position: static;
        top: auto;
    }

    .ct-title[b-vp50u0fskh] {
        font-size: 1.55rem;
    }
    /* sigue grande en tablet */
}

@media (max-width: 576px) {
    .ct-title[b-vp50u0fskh] {
        font-size: 1.45rem;
    }
    /* en móvil */
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* =========================
   HOME - Modern Premium
   ========================= */

:root[b-yd3x84uncx] {
    --jj-ink: #0f172a;
    --jj-muted: rgba(15, 23, 42, .60);
    --jj-line: rgba(15, 23, 42, .10);
    --jj-card: rgba(255,255,255,.92);
    --jj-shadow: 0 18px 44px rgba(2, 6, 23, .10);
}

/* ============ HERO / CAROUSEL ============ */
.home-hero[b-yd3x84uncx] {
    position: relative;
}

/* Carrusel */
#homeCarousel[b-yd3x84uncx] {
    overflow: hidden;
    position: relative;
}

    #homeCarousel .carousel-item[b-yd3x84uncx] {
        height: 560px;
        position: relative;
    }

    #homeCarousel .carousel-img[b-yd3x84uncx] {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center 18%;
    }

        #homeCarousel .carousel-img.pos-center[b-yd3x84uncx] {
            object-position: center 18%;
        }

        #homeCarousel .carousel-img.pos-right[b-yd3x84uncx] {
            object-position: right 18%;
        }

    #homeCarousel .carousel-overlay[b-yd3x84uncx] {
        position: absolute;
        inset: 0;
        background: radial-gradient(1200px 560px at 20% 45%, rgba(0,0,0,.28), rgba(0,0,0,0) 60%), linear-gradient(to right, rgba(0,0,0,.34), rgba(0,0,0,.10), rgba(0,0,0,.18));
        pointer-events: none;
    }

/* Fade suave */
.carousel-fade .carousel-item[b-yd3x84uncx] {
    transition: opacity 1.1s ease-in-out;
}

.carousel-control-prev[b-yd3x84uncx], .carousel-control-next[b-yd3x84uncx] {
    width: 10%;
}

.carousel-control-prev-icon[b-yd3x84uncx], .carousel-control-next-icon[b-yd3x84uncx] {
    filter: drop-shadow(0 10px 22px rgba(0,0,0,.35));
    opacity: .95;
}

#homeCarousel .carousel-indicators[b-yd3x84uncx] {
    margin-bottom: 1.05rem;
}

    #homeCarousel .carousel-indicators button[b-yd3x84uncx] {
        width: 28px;
        height: 3px;
        border-radius: 999px;
        opacity: .45;
    }

    #homeCarousel .carousel-indicators .active[b-yd3x84uncx] {
        opacity: .95;
    }

/* Caption overlay */
.home-hero__caption[b-yd3x84uncx] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    pointer-events: none; /* importante */
    z-index: 5;
}

.home-hero__box[b-yd3x84uncx] {
    pointer-events: auto;
    max-width: 720px;
    padding: 1.1rem 1.15rem;
    border-radius: 22px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(6px);
    box-shadow: 0 24px 70px rgba(0,0,0,.25);
}

.home-hero__kicker[b-yd3x84uncx] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: rgba(255,255,255,.92);
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: .02em;
    padding: .35rem .7rem;
    border-radius: 999px;
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(255,255,255,.14);
}

.home-hero__title[b-yd3x84uncx] {
    margin: .85rem 0 .35rem;
    color: #fff;
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1.05;
    font-size: clamp(2.1rem, 3.2vw, 3.2rem);
}

.home-hero__titleSub[b-yd3x84uncx] {
    color: rgba(255,255,255,.92);
    text-decoration: underline;
    text-decoration-color: rgba(255,255,255,.35);
    text-underline-offset: 6px;
}

.home-hero__lead[b-yd3x84uncx] {
    margin: 0;
    color: rgba(255,255,255,.88);
    max-width: 62ch;
    font-size: 1.03rem;
}

.home-hero__cta[b-yd3x84uncx] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    margin-top: 1.05rem;
}

.home-hero__btn[b-yd3x84uncx] {
    border-radius: 16px;
    padding: .85rem 1.05rem;
    box-shadow: 0 18px 44px rgba(0,0,0,.18);
}

.home-hero__meta[b-yd3x84uncx] {
    margin-top: .85rem;
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    color: rgba(255,255,255,.80);
    font-size: .92rem;
}

    .home-hero__meta .dot[b-yd3x84uncx] {
        opacity: .55;
    }

/* ============ BENEFITS ============ */
.home-benefits[b-yd3x84uncx] {
    margin-top: -22px; /* se “pega” al hero */
    position: relative;
    z-index: 10;
}

.home-benefits__grid[b-yd3x84uncx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 10px;
    padding: 12px;
    border-radius: 22px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: var(--jj-shadow);
}

.hb[b-yd3x84uncx] {
    display: flex;
    gap: .75rem;
    align-items: center;
    padding: .8rem .85rem;
    border-radius: 18px;
    border: 1px solid rgba(15,23,42,.07);
    background: #fff;
}

.hb-ic[b-yd3x84uncx] {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(13,110,253,.10);
    color: #0d6efd;
    flex: 0 0 auto;
}

.hb-t[b-yd3x84uncx] {
    font-weight: 850;
    color: var(--jj-ink);
    line-height: 1.1;
}

.hb-s[b-yd3x84uncx] {
    color: var(--jj-muted);
    font-size: .9rem;
    line-height: 1.1;
}

/* ============ WRAP / SECTIONS ============ */
.home-wrap[b-yd3x84uncx] {
    padding-top: 1.6rem;
}

.home-section[b-yd3x84uncx] {
    margin: 3.2rem 0;
}

.section-head[b-yd3x84uncx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1.15rem;
}

.section-title[b-yd3x84uncx] {
    font-weight: 900;
    font-size: 1.7rem;
    margin: 0;
    color: var(--jj-ink);
    letter-spacing: -.02em;
}

.section-sub[b-yd3x84uncx] {
    margin-top: .25rem;
    font-size: .95rem;
    color: rgba(15,23,42,.55);
}

.section-link[b-yd3x84uncx] {
    text-decoration: none;
    font-weight: 800;
    color: rgba(37,99,235,.95);
}

    .section-link:hover[b-yd3x84uncx] {
        text-decoration: underline;
    }

    .section-link.danger[b-yd3x84uncx] {
        color: rgba(220,38,38,.95);
    }

/* ============ SLIDER ============ */
.slider-shell[b-yd3x84uncx] {
    position: relative;
}

.slider-viewport[b-yd3x84uncx] {
    display: flex;
    gap: 14px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding: 6px 2px 10px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}

    .slider-viewport[b-yd3x84uncx]::-webkit-scrollbar {
        height: 0px;
    }

/* botones flecha */
.slider-btn[b-yd3x84uncx] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(15,23,42,.12);
    background: rgba(255,255,255,.96);
    display: grid;
    place-items: center;
    box-shadow: 0 14px 34px rgba(2,6,23,.12);
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
    cursor: pointer;
}

    .slider-btn:hover[b-yd3x84uncx] {
        transform: translateY(-50%) scale(1.06);
        background: #fff;
        box-shadow: 0 18px 44px rgba(2,6,23,.14);
    }

    .slider-btn.left[b-yd3x84uncx] {
        left: 10px;
    }

    .slider-btn.right[b-yd3x84uncx] {
        right: 10px;
    }

    .slider-btn i[b-yd3x84uncx] {
        font-size: 1.15rem;
        color: rgba(15,23,42,.88);
    }

/* ============ PRODUCT CARD MINI ============ */
.p-card[b-yd3x84uncx] {
    width: 176px;
    min-width: 176px;
    text-decoration: none;
    color: inherit;
    display: block;
    scroll-snap-align: start;
}

.p-media[b-yd3x84uncx] {
    position: relative;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 10px 26px rgba(2,6,23,.06);
    overflow: hidden;
    transition: transform .22s ease, box-shadow .22s ease;
}

    .p-media img[b-yd3x84uncx] {
        width: 100%;
        height: 184px;
        object-fit: contain;
        background: #f6f7f8;
        display: block;
    }

.p-placeholder[b-yd3x84uncx] {
    height: 184px;
    display: grid;
    place-items: center;
    background: #f6f7f8;
    color: rgba(15,23,42,.45);
}

.p-card:hover .p-media[b-yd3x84uncx] {
    transform: translateY(-2px);
    box-shadow: 0 18px 42px rgba(2,6,23,.11);
}

.p-body[b-yd3x84uncx] {
    padding-top: .6rem;
}

.p-brand[b-yd3x84uncx] {
    font-size: .70rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: rgba(15,23,42,.55);
    margin-bottom: .12rem;
}

.p-name[b-yd3x84uncx] {
    font-weight: 850;
    font-size: .99rem;
    line-height: 1.2;
    color: var(--jj-ink);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.35em;
}

.p-price[b-yd3x84uncx] {
    margin-top: .25rem;
    font-weight: 900;
    color: rgba(15,23,42,.92);
    display: flex;
    align-items: baseline;
    gap: .45rem;
}

.p-now[b-yd3x84uncx] {
    font-weight: 950;
}

.p-compare[b-yd3x84uncx] {
    font-weight: 750;
    color: rgba(15,23,42,.45);
    text-decoration: line-through;
    font-size: .90rem;
}

/* badges */
.p-badge[b-yd3x84uncx] {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: .22rem .48rem;
    border-radius: 999px;
    font-size: .70rem;
    font-weight: 950;
    letter-spacing: .08em;
    color: #fff;
    box-shadow: 0 10px 24px rgba(2,6,23,.14);
}

    .p-badge.new[b-yd3x84uncx] {
        background: rgba(16,185,129,.92);
    }

    .p-badge.off[b-yd3x84uncx] {
        background: rgba(220,38,38,.92);
        left: auto;
        right: 10px;
    }

/* ============ BRANDS ============ */
.brands-section[b-yd3x84uncx] {
    margin-top: 4rem;
}

.brands-viewport[b-yd3x84uncx] {
    gap: 16px;
    padding: 10px 2px 12px;
}

.brand-tile[b-yd3x84uncx] {
    width: 132px;
    min-width: 132px;
    height: 74px;
    border-radius: 16px;
    border: 1px solid rgba(15,23,42,.08);
    background: #fff;
    display: grid;
    place-items: center;
    text-decoration: none;
    color: rgba(15,23,42,.65);
    box-shadow: 0 10px 26px rgba(2,6,23,.05);
    transition: transform .22s ease, box-shadow .22s ease;
    scroll-snap-align: start;
    overflow: hidden;
}

    .brand-tile img[b-yd3x84uncx] {
        max-height: 38px;
        max-width: 88%;
        object-fit: contain;
        opacity: .82;
        filter: grayscale(25%);
        transition: opacity .22s ease, filter .22s ease, transform .22s ease;
    }

    .brand-tile:hover[b-yd3x84uncx] {
        transform: translateY(-2px);
        box-shadow: 0 18px 40px rgba(2,6,23,.08);
    }

        .brand-tile:hover img[b-yd3x84uncx] {
            opacity: 1;
            filter: none;
            transform: scale(1.02);
        }

.brand-fallback[b-yd3x84uncx] {
    font-weight: 900;
    font-size: .92rem;
    color: rgba(15,23,42,.72);
}

/* ============ RESPONSIVE ============ */
@media (max-width: 992px) {
    #homeCarousel .carousel-item[b-yd3x84uncx] {
        height: 460px;
    }

    .home-hero__box[b-yd3x84uncx] {
        max-width: 640px;
    }

    .home-benefits__grid[b-yd3x84uncx] {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}

@media (max-width: 768px) {
    #homeCarousel .carousel-item[b-yd3x84uncx] {
        height: 340px;
    }

    #homeCarousel .carousel-img[b-yd3x84uncx] {
        object-position: center 22%;
    }

        #homeCarousel .carousel-img.pos-right[b-yd3x84uncx] {
            object-position: right 22%;
        }

    .home-hero__box[b-yd3x84uncx] {
        padding: .95rem 1rem;
        border-radius: 18px;
        backdrop-filter: blur(4px);
    }

    .slider-btn[b-yd3x84uncx] {
        width: 38px;
        height: 38px;
    }

        .slider-btn.left[b-yd3x84uncx] {
            left: 6px;
        }

        .slider-btn.right[b-yd3x84uncx] {
            right: 6px;
        }

    .p-card[b-yd3x84uncx] {
        width: 158px;
        min-width: 158px;
    }

    .p-media img[b-yd3x84uncx], .p-placeholder[b-yd3x84uncx] {
        height: 172px;
    }

    .brand-tile[b-yd3x84uncx] {
        width: 118px;
        min-width: 118px;
        height: 66px;
    }

        .brand-tile img[b-yd3x84uncx] {
            max-height: 34px;
        }

    .home-benefits[b-yd3x84uncx] {
        margin-top: -14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .carousel-item[b-yd3x84uncx] {
        transition: none;
    }

    .p-media[b-yd3x84uncx], .brand-tile[b-yd3x84uncx], .slider-btn[b-yd3x84uncx] {
        transition: none;
    }
}