/* Default: 2 per row on mobile */
.tf-grid-layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

/* Desktop: 4 per row */
@media (min-width: 992px) {
    .tf-grid-layout {
        grid-template-columns: repeat(4, 1fr);
    }
}

.tf-grid-layout.tf-col-2 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
}

@media (min-width: 992px) {
    .tf-grid-layout.tf-col-2 {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}


.nav-pills .nav-link.active {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}
.nav-link, .text-primary{
    color: #000 !important;
}
.btn-primary {
    background-color: #000 !important;
    color: #fff !important;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    cursor: pointer;
}
    
.btn-qty-minus::before {
    content: '−'; /* Unicode minus sign */
    font-size: 1.2rem;
    display: inline-block;
    line-height: 1;
}

.btn-qty-plus::before {
    content: '+'; /* Plus sign */
    font-size: 1.2rem;
    display: inline-block;
    line-height: 1;
}