/* ── BestPrice – Category Page ── */

/* ── Category hero ── */
.cat-hero { background: white; border-bottom: 1px solid rgba(0,0,0,0.07); padding: 32px 0 28px; }
.cat-hero .breadcrumb-bar { font-size: 13px; color: #bbb; margin-bottom: 10px; }
.cat-hero .breadcrumb-bar a { color: #bbb; text-decoration: none; }
.cat-hero .breadcrumb-bar a:hover { color: var(--accent); }
.cat-hero h1 { font-size: clamp(24px, 3vw, 42px); font-weight: 900; letter-spacing: -1px; color: var(--dark); line-height: 1.1; }
.cat-hero .cat-description { font-size: 14px; color: #777; line-height: 1.65; margin-top: 10px; max-width: 640px; }
.cat-hero .total-count { color: #bbb; font-size: 14px; margin-top: 6px; }

/* ── Subcategory pills ── */
.subcats-bar { background: white; border-bottom: 1px solid #ebebeb; padding: 16px 0; }
.subcats-scroll { display: flex; flex-wrap: wrap; gap: 8px; }

.subcat-pill {
    white-space: nowrap;
    padding: 7px 18px;
    border-radius: 30px;
    border: 1.5px solid #e0e0e0;
    background: transparent;
    color: #444;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
    display: inline-block;
}
.subcat-pill:hover { border-color: var(--accent); color: var(--accent); }

/* ── Products section ── */
.products-section { padding: 40px 0 60px; }