/* ============================================
   BC RETAIL — Professional E-Commerce Theme
   Navy #1B2E5A  |  Orange #F5941E
   Bootstrap 5 Grid  |  Zero flex hacks
   ============================================ */

/* ---------- CSS Variables ---------- */
:root {
    --bc-navy: #1B2E5A;
    --bc-orange: #F5941E;
    --bc-orange-hover: #e07d0e;
    --bc-orange-light: #FFF3E0;
    --bc-red: #e53e3e;
    --bc-green: #059669;
    --bc-text: #222;
    --bc-text-light: #666;
    --bc-text-muted: #999;
    --bc-border: #eee;
    --bc-bg: #f8f8f8;
    --bc-card-radius: 10px;
    --bc-transition: 0.25s ease;
}

/* ============================================
   PRODUCT GRID — Let BS5 row/col do the work
   ============================================ */
.item-card-group-section.row {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}

/* ============================================
   PRODUCT CARD
   ============================================ */
.item-card .card {
    border: 1px solid #f0f0f0;
    border-radius: var(--bc-card-radius);
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.04);
    transition: box-shadow var(--bc-transition), transform var(--bc-transition);
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    cursor: pointer;
}

.item-card .card:hover {
    box-shadow: 0 8px 28px rgba(0,0,0,0.10);
    transform: translateY(-2px);
}

/* ---------- Card Image ---------- */
.item-card .card-img-container {
    position: relative;
    overflow: hidden;
    background: var(--bc-bg);
    aspect-ratio: 3 / 4;
}

.item-card .card-img-container a {
    display: block;
    width: 100%;
    height: 100%;
}

.item-card .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.item-card .card:hover .card-img {
    transform: scale(1.05);
}

.item-card .no-image {
    height: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    color: #ccc;
    font-size: 2.5rem;
    font-weight: 600;
}

/* ---------- Discount Badge ---------- */
.bc-discount-badge {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--bc-red);
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 0 0 8px 0;
    z-index: 3;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* ---------- Wishlist Heart ---------- */
.item-card .like-action,
.card-img-container .like-action {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    background: rgba(255,255,255,0.95) !important;
    border-radius: 50% !important;
    width: 34px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.10) !important;
    transition: all 0.2s ease !important;
    z-index: 10 !important;
}

.item-card .like-action:hover {
    transform: scale(1.15) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.16) !important;
}

.like-action use.not-wished {
    fill: none !important;
    stroke: #bbb !important;
}

.like-action use.wished {
    fill: var(--bc-red) !important;
    stroke: var(--bc-red) !important;
}

/* ---------- Hide Frappe cart buttons ---------- */
.item-card .cart-indicator,
.item-card .btn-add-to-cart-list,
.item-card .go-to-cart-grid,
.item-card a[href="/cart"],
.item-card .btn-explore-variants {
    display: none !important;
}

/* ---------- Card Body ---------- */
.item-card .card-body,
.item-card .card-body-flex {
    padding: 14px 16px 18px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.item-card .card-body > div:first-child {
    margin-top: 0;
}

/* ---------- Product Category ---------- */
.item-card .product-category {
    font-size: 0.65rem;
    color: var(--bc-text-muted);
    font-weight: 500;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ---------- Product Title ---------- */
.item-card .product-title {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--bc-text);
    line-height: 1.4;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color var(--bc-transition);
}

.item-card a:hover .product-title,
.item-card .bc-card-link:hover .product-title {
    color: var(--bc-orange);
}

.bc-card-link {
    text-decoration: none;
}

/* ---------- Description ---------- */
.bc-card-desc {
    font-size: 0.72rem;
    color: #888;
    line-height: 1.45;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ---------- Price ---------- */
.item-card .product-price {
    font-size: 1.1rem;
    font-weight: 800;
    color: #111;
    margin-top: auto;
    margin-bottom: 0;
    line-height: 1.4;
    padding-top: 6px;
}

.item-card .striked-price {
    color: #bbb;
    font-size: 0.78rem;
    font-weight: 400;
    margin-left: 6px;
    text-decoration: line-through;
}

.item-card .product-info-green {
    color: var(--bc-green);
    font-size: 0.7rem;
    font-weight: 700;
    background: none;
    padding: 0;
    margin-left: 6px;
}

/* ---------- Delivery Tags ---------- */
.bc-delivery-info {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 6px 0 0;
}

.bc-delivery-tag {
    font-size: 0.62rem;
    font-weight: 500;
    color: var(--bc-text-light);
}

.bc-free-delivery { color: var(--bc-green); font-weight: 600; }
.bc-fast-delivery { color: #888; }

.bc-delivery-tag + .bc-delivery-tag::before {
    content: "·";
    margin-right: 4px;
    color: #ccc;
}

/* ---------- Out of Stock ---------- */
.item-card .out-of-stock {
    color: var(--bc-red);
    font-size: 0.72rem;
    font-weight: 600;
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* ============================================
   TOOLBAR — Hide old search, keep view toggle
   ============================================ */
.toolbar {
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 8px 0 !important;
    margin-bottom: 0 !important;
}

.toolbar .input-group,
.toolbar #dropdownMenuSearch {
    display: none !important;
}












/* ============================================
   FILTERS PANEL
   ============================================ */
.filters-section .title-section {
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--bc-border);
}

.filters-section .filters-title {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--bc-navy);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 0;
}

.filters-section .filter-label {
    font-weight: 700;
    color: var(--bc-text);
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.8px;
}

.filters-section .clear-filters {
    color: var(--bc-orange);
    font-weight: 500;
    font-size: 0.78rem;
    text-decoration: none;
}

.filters-section .clear-filters:hover {
    color: var(--bc-orange-hover);
    text-decoration: underline;
}

.filters-section .filter-options .checkbox label {
    font-size: 0.82rem;
    color: #555;
}

/* ============================================
   GLOBAL SEARCH BAR
   ============================================ */
.bc-global-search {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    position: sticky;
    top: 52px;
    z-index: 1029;
}

.bc-search-wrapper {
    position: relative;
    max-width: 680px;
    margin: 0 auto;
}

.bc-search-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
    z-index: 2;
}

.bc-search-input {
    width: 100%;
    padding: 12px 20px 12px 46px;
    border: 2px solid #e8e8e8;
    border-radius: 10px;
    font-size: 0.9rem;
    color: #333;
    background: var(--bc-bg);
    transition: all var(--bc-transition);
    outline: none;
}

.bc-search-input:focus {
    border-color: var(--bc-orange);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(245,148,30,0.08);
}

.bc-search-input::placeholder {
    color: #aaa;
}

/* ---------- Search Dropdown ---------- */
#bc-search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 12px 36px rgba(0,0,0,0.12);
    z-index: 1050;
    display: none;
    max-height: 400px;
    overflow-y: auto;
    margin-top: 4px;
}

.bc-search-result {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    text-decoration: none;
    transition: background 0.15s ease;
    gap: 12px;
    border-bottom: 1px solid #fafafa;
}

.bc-search-result:hover {
    background: var(--bc-bg);
    text-decoration: none;
}

.bc-search-result img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
    border: 1px solid #f0f0f0;
}

.bc-search-result-name {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--bc-text);
    line-height: 1.3;
}

.bc-search-result-brand {
    font-size: 0.72rem;
    color: var(--bc-text-muted);
    margin-top: 1px;
}

.bc-search-empty {
    padding: 24px 20px;
    text-align: center;
    color: var(--bc-text-muted);
    font-size: 0.88rem;
}

.bc-search-view-all {
    display: block;
    text-align: center;
    padding: 12px;
    color: var(--bc-orange);
    font-weight: 600;
    font-size: 0.82rem;
    text-decoration: none;
    border-top: 1px solid #f0f0f0;
    transition: all var(--bc-transition);
}

.bc-search-view-all:hover {
    background: var(--bc-orange-light);
    text-decoration: none;
    color: var(--bc-orange-hover);
}

/* ============================================
   CATEGORY NAVIGATION BAR
   ============================================ */
.bc-category-bar {
    background: #fff;
    border-bottom: 1px solid var(--bc-border);
    padding: 10px 0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.03);
    z-index: 1019;
}

.bc-category-scroll {
    display: flex;
    overflow-x: auto;
    gap: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
    justify-content: center;
    align-items: flex-start;
}

.bc-category-scroll::-webkit-scrollbar {
    display: none;
}

.bc-category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80px;
    max-width: 80px;
    padding: 6px 4px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
}

.bc-category-item:hover {
    background: var(--bc-orange-light);
    text-decoration: none;
}

.bc-category-icon {
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: 6px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.bc-category-item:hover .bc-category-icon {
    background: var(--bc-orange-light);
    transform: scale(1.08);
}

.bc-category-name {
    font-size: 0.65rem;
    color: var(--bc-text-light);
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    margin-top: 2px;
    letter-spacing: 0.2px;
    transition: color 0.2s ease;
}

.bc-category-item:hover .bc-category-name {
    color: var(--bc-orange);
}

/* ============================================
   Z-INDEX STACK
   ============================================ */
.navbar .dropdown-menu  { z-index: 1040 !important; }
.navbar .navbar-collapse { z-index: 1035 !important; }

/* ============================================
   AUTH PAGES — Hide search & categories
   ============================================ */
body[data-page="login"] .bc-global-search,
body[data-page="login"] .bc-category-bar,
body[data-page="signup"] .bc-global-search,
body[data-page="signup"] .bc-category-bar,
body[data-page="update-password"] .bc-global-search,
body[data-page="update-password"] .bc-category-bar {
    display: none !important;
}

/* ============================================
   EMPTY STATE
   ============================================ */
.cart-empty.frappe-card {
    text-align: center;
    padding: 60px 20px;
    border: none;
    box-shadow: none;
    background: transparent;
}

.cart-empty .cart-empty-state img {
    width: 120px;
    opacity: 0.35;
}

.cart-empty .cart-empty-message {
    font-size: 1.05rem;
    color: var(--bc-text-muted);
    font-weight: 500;
    margin-top: 16px;
}

/* ============================================
   BREADCRUMB
   ============================================ */
.breadcrumb-container .breadcrumb {
    font-size: 0.82rem;
}

.breadcrumb-container .breadcrumb a {
    color: var(--bc-orange);
}

/* ============================================
   LIST VIEW
   ============================================ */
.product-list .product-title {
    color: var(--bc-text);
    font-weight: 600;
}

.product-list .product-price {
    color: #111;
    font-weight: 800;
}

/* ============================================
   RESPONSIVE — Only inner card tweaks
   BS5 col-6 / col-md-4 handles layout
   ============================================ */
@media (max-width: 768px) {
    .item-card .card-body,
    .item-card .card-body-flex {
        padding: 10px 12px 14px;
    }

    .item-card .product-title {
        font-size: 0.78rem;
    }

    .item-card .product-price {
        font-size: 0.95rem;
    }

    .bc-delivery-tag { font-size: 0.58rem; }
    .bc-card-desc { font-size: 0.65rem; }

    .bc-global-search { padding: 8px 0; }

    .bc-search-input {
        font-size: 0.82rem;
        padding: 10px 16px 10px 40px;
    }

    .bc-category-scroll {
        justify-content: flex-start;
        padding: 0 4px;
    }

    .bc-category-item {
        min-width: 68px;
        max-width: 68px;
        padding: 4px 2px;
    }

    .bc-category-icon {
        width: 40px;
        height: 40px;
        font-size: 1.15rem;
    }

    .bc-category-name { font-size: 0.58rem; }
}

@media (max-width: 420px) {
    .item-card .card-img-container {
        aspect-ratio: 3 / 3.5;
    }

    .bc-discount-badge {
        font-size: 0.58rem;
        padding: 3px 6px;
    }

    .item-card .like-action {
        width: 28px !important;
        height: 28px !important;
    }

    .item-card .card-body,
    .item-card .card-body-flex {
        padding: 8px 10px 12px;
    }
    .item-card .product-title { font-size: 0.74rem; }
    .item-card .product-price { font-size: 0.9rem; }
}


/* === Fixed-height product cards === */
#products-grid-area,
.item-card-group-section {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
}
.item-card {
    display: flex !important;
}
.item-card .card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 420px !important;
    overflow: hidden !important;
}
.item-card .card-img-container {
    flex-shrink: 0 !important;
    height: 220px !important;
    aspect-ratio: unset !important;
}
.item-card .card-body,
.item-card .card-body-flex {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.item-card .product-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.item-card .bc-card-desc {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.item-card .product-price {
    margin-top: auto !important;
}
.item-card .bc-delivery-info {
    margin-top: 4px !important;
}
/* Mobile: shorter cards */
@media (max-width: 768px) {
    .item-card .card {
        height: 380px !important;
    }
    .item-card .card-img-container {
        height: 180px !important;
    }
}
@media (max-width: 420px) {
    .item-card .card {
        height: 340px !important;
    }
    .item-card .card-img-container {
        height: 150px !important;
    }
}

#product-listing .toolbar {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
    gap: 8px;
}

#product-listing .toolbar #toggle-view {
    margin: 0 !important;
}
#product-listing .toolbar .btn-list-view,
#product-listing .toolbar .btn-grid-view {
    width: 38px;
    height: 38px;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 8px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    color: #666 !important;
    transition: all 0.2s;
}
#product-listing .toolbar .btn-list-view:hover,
#product-listing .toolbar .btn-grid-view:hover {
    border-color: #f5941e !important;
    color: #f5941e !important;
}
#product-listing .toolbar .btn-list-view.btn-primary,
#product-listing .toolbar .btn-grid-view.btn-primary {
    background: #f5941e !important;
    border-color: #f5941e !important;
    color: #fff !important;
}
*/





/* Show all items as cards in grid */
#product-listing .item-card-group-section > .product-row-item,
#product-listing .item-card-group-section > .list-row-view {
    display: none !important;
}

/* Hide view toggle - grid is default */

/* Hide toggle buttons - grid view is default */
.toggle-container { display: none !important; visibility: hidden !important; }

@media(max-width:600px){
}

@media(max-width:600px){
}

/* Care Instructions V2 - Card Style */
/* Warranty V2 - Card Style */

/* Product Details Tabs */
.bc-pd-container{margin:24px 0;background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden}
.bc-pd-tabs{display:flex;border-bottom:1px solid #eee;overflow-x:auto;background:#fafafa}
.bc-pd-tab{padding:14px 20px;border:none;background:none;font-size:.85rem;font-weight:500;color:#888;cursor:pointer;white-space:nowrap;transition:all .2s;border-bottom:3px solid transparent}
.bc-pd-tab:hover{color:#333;background:#f5f5f5}
.bc-pd-tab.active{color:#f5941e;font-weight:600;border-bottom-color:#f5941e;background:#fff}
.bc-pd-content{padding:0}
.bc-pd-panel{display:none;padding:24px}
.bc-pd-panel.active{display:block}
.bc-pd-spec-table{width:100%;border-collapse:collapse}
.bc-pd-spec-table tr{border-bottom:1px solid #f0f0f0}
.bc-pd-spec-table tr:last-child{border-bottom:none}
.bc-pd-spec-even{background:#fafafa}
.bc-pd-spec-key{padding:12px 16px;font-weight:600;color:#333;font-size:.85rem;width:40%}
.bc-pd-spec-val{padding:12px 16px;color:#666;font-size:.85rem}
.bc-pd-box-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bc-pd-box-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8f9fa;border-radius:8px;font-size:.85rem;color:#444}
.bc-pd-box-check{width:22px;height:22px;border-radius:50%;background:#e6f9ee;color:#0d7a3e;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;font-weight:bold}
.bc-pd-care,.bc-pd-warranty{color:#555;font-size:.88rem;line-height:1.7;padding:8px 4px}
@media(max-width:600px){.bc-pd-box-grid{grid-template-columns:1fr}.bc-pd-tab{padding:10px 14px;font-size:.75rem}.bc-pd-panel{padding:16px}}

/* Care & Warranty Bullet Lists */
.bc-pd-care-list,.bc-pd-warranty-list{display:flex;flex-direction:column;gap:8px}
.bc-pd-care-item,.bc-pd-warranty-item{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;background:#f8f9fa;border-radius:8px;font-size:.88rem;color:#444;line-height:1.6}
.bc-pd-care-item{background:#fff8f0;border-left:3px solid #f5941e}
.bc-pd-warranty-item{background:#e8f4fd;border-left:3px solid #185fa5}
.bc-pd-care-dot{width:6px;height:6px;border-radius:50%;background:#f5941e;flex-shrink:0;margin-top:9px}
.bc-pd-warranty-dot{width:6px;height:6px;border-radius:50%;background:#185fa5;flex-shrink:0;margin-top:9px}
.bc-rv-title{font-weight:600;font-size:.92rem;color:#222;margin-bottom:6px}
.bc-rv-comment{font-size:.85rem;color:#555;line-height:1.6;margin-bottom:12px}
.bc-rv-actions{display:flex;gap:16px}
.bc-rv-helpful{display:flex;align-items:center;gap:6px;border:none;background:none;font-size:.78rem;color:#888;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s}
.bc-rv-helpful:hover{background:#f5f5f5;color:#f5941e}
.bc-rv-empty{text-align:center;padding:40px;color:#999;font-size:.9rem}
@media(max-width:600px){.bc-rv-tabs{gap:6px}.bc-rv-tab{padding:6px 12px;font-size:.75rem}.bc-rv-card{padding:14px 16px}}

/* Flipkart-style Reviews */
.bc-rv-wrap{margin-top:20px}
.bc-rv-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.bc-rv-tab{padding:8px 18px;border:1px solid #ddd;border-radius:20px;background:#fff;font-size:.82rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}
.bc-rv-tab:hover{border-color:#f5941e;color:#f5941e}
.bc-rv-tab.active{background:#f5941e;color:#fff;border-color:#f5941e}
.bc-rv-tab-green.active{background:#0d7a3e;border-color:#0d7a3e}
.bc-rv-tab-amber.active{background:#b38600;border-color:#b38600}
.bc-rv-tab-red.active{background:#dc3545;border-color:#dc3545}
.bc-rv-count{background:rgba(255,255,255,.25);padding:2px 8px;border-radius:10px;font-size:.72rem;font-weight:600}
.bc-rv-tab:not(.active) .bc-rv-count{background:#f0f0f0;color:#888}
.bc-rv-list{display:flex;flex-direction:column;gap:14px}
.bc-rv-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:18px 22px;transition:box-shadow .2s}
.bc-rv-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
.bc-rv-card-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.bc-rv-avatar{width:38px;height:38px;border-radius:50%;background:#f5941e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}
.bc-rv-meta{flex:1}
.bc-rv-customer{font-weight:600;font-size:.88rem;color:#222}
.bc-rv-date{font-size:.75rem;color:#999;margin-top:2px}
.bc-rv-rating{display:flex;gap:2px}
.bc-rv-star{font-size:1rem;color:#ddd}
.bc-rv-star.filled{color:#ddd}
.bc-rv-stars-green .bc-rv-star.filled{color:#0d7a3e}
.bc-rv-stars-amber .bc-rv-star.filled{color:#f5941e}
.bc-rv-stars-red .bc-rv-star.filled{color:#dc3545}
.bc-rv-title{font-weight:600;font-size:.92rem;color:#222;margin-bottom:6px}
.bc-rv-comment{font-size:.85rem;color:#555;line-height:1.6;margin-bottom:12px}
.bc-rv-actions{display:flex;gap:16px}
.bc-rv-helpful{display:flex;align-items:center;gap:6px;border:none;background:none;font-size:.78rem;color:#888;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s}
.bc-rv-helpful:hover{background:#f5f5f5;color:#f5941e}
.bc-rv-empty{text-align:center;padding:40px;color:#999;font-size:.9rem}
@media(max-width:600px){.bc-rv-tabs{gap:6px}.bc-rv-tab{padding:6px 12px;font-size:.75rem}.bc-rv-card{padding:14px 16px}}