/* ===============================
   UNIFIED PRODUCT PAGES - CLEANED
   Only category-specific styles
================================ */

/* Page Header in Breadcrumb */
.page-header .breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 1rem;
    justify-content: center;
}

.page-header .breadcrumb-item a {
    color: white;
    text-decoration: none;
}

.page-header .breadcrumb-item.active {
    color: rgba(255, 255, 255, 0.8);
}

.page-header .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.6);
}

/* ===============================
   CATEGORY PAGE GRID
================================ */

.category-products .row {
    row-gap: 2rem;
}

/* ===============================
   PRODUCT CARD CONTENT
================================ */

.product-content h2,
.product-content .h5 {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--dark-color, #212529);
    margin-bottom: 0.75rem;
    min-height: 3.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-content .text-muted {
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-content .fw-bold {
    font-size: 1.1rem;
    color: var(--primary-color, #0d6efd);
    margin-bottom: 0.75rem;
}

.product-content .badge {
    margin-bottom: 0.75rem;
    font-size: 0.85rem;
    padding: 0.4rem 0.8rem;
}