.fabric-card-img {
    height: 220px;
    object-fit: cover;
    background-color: var(--bs-tertiary-bg);
}

/* Controls default to a barely-visible white icon with no backdrop, which
   disappears against light-colored fabric photos - a small dark circle
   behind each icon keeps them legible over any photo. */
.fabric-carousel .carousel-control-prev-icon,
.fabric-carousel .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 50%;
    padding: 0.9rem;
    background-size: 50%;
}

.fabric-card-img-placeholder {
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-secondary-color);
    font-size: 0.875rem;
}

.filter-sidebar {
    position: sticky;
    top: 1rem;
}

.material-checkbox-list {
    max-height: 260px;
    overflow-y: auto;
}

.composition-min-pct {
    max-width: 6rem;
}