/* Brand grid container - Override Tailwind (4 cột mặc định) */
.home-brands .brands-list,
.home-brands .brands-list.grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 4 cột */
    gap: 2rem !important;
    padding: 1rem 0 !important;
}

.variations_form .variations .thwvsf_fields .thwvsf-rad-li .th-label-radio input:checked ~ .checkmark{
	--tw-bg-opacity: 1;
   background-color: rgb(255, 203, 5);
}

/* Responsive adjustments */
@media (min-width: 1200px) {
  .product-section .product-list {
    grid-template-columns: repeat(4,minmax(0,1fr));
  }
}

@media (max-width: 1024px) {
    .home-brands .brands-list,
    .home-brands .brands-list.grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 3 cột */
        gap: 1.5rem !important;
    }

    .home-brands-item {
        padding: 2rem 1rem !important;
    }

    .home-brands-item .logo {
        width: 100px !important;
        height: 100px !important;
    }
}

@media (max-width: 768px) {
    .home-brands .brands-list,
    .home-brands .brands-list.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* 2 cột */
        gap: 1.2rem !important;
    }

    .home-brands-item {
        padding: 1.5rem 1rem !important;
    }

    .home-brands-item .logo {
        width: 100px !important;
        height: 100px !important;
        margin-bottom: 1rem !important;
    }

    .home-brands-item .caption {
        font-size: 0.9rem !important;
    }
}

@media (max-width: 480px) {
    .home-brands.section {
        padding: 2rem 0 !important;
    }

    .home-brands .brands-list,
    .home-brands .brands-list.grid {
        grid-template-columns: 1fr !important; /* 1 cột */
        gap: 1rem !important;
    }

    .home-brands-item {
        padding: 1.2rem 0.8rem !important;
    }
}