/* KKTC Grid Fix - High Priority CSS */

/* Regular grid */
.kktc-regular-grid {
    display: grid !important;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr) !important;
}

.kktc-regular-grid[data-columns="3"] {
    grid-template-columns: repeat(3, 1fr) !important;
}

.kktc-regular-grid[data-columns="4"] {
    grid-template-columns: repeat(4, 1fr) !important;
}

/* Masonry grid - CSS Grid based for better performance */
.kktc-masonry {
    display: grid !important;
    gap: 20px;
    grid-template-columns: repeat(4, 1fr) !important;
    width: 100% !important;
}

.kktc-masonry[data-columns="2"] {
    grid-template-columns: repeat(2, 1fr) !important;
}

.kktc-masonry[data-columns="3"] {
    grid-template-columns: repeat(3, 1fr) !important;
}

.kktc-masonry[data-columns="4"] {
    grid-template-columns: repeat(4, 1fr) !important;
}

.kktc-masonry .kktc-grid-item {
    width: 100% !important;
    margin-bottom: 0 !important;
    float: none !important;
}

/* WooCommerce CSS override - VERY HIGH PRIORITY */
.kktc-grid-container.woocommerce.columns-1,
.kktc-grid-container.woocommerce.columns-2,
.kktc-grid-container.woocommerce.columns-3,
.kktc-grid-container.woocommerce.columns-4,
.kktc-grid-container.woocommerce.columns-5,
.kktc-grid-container.woocommerce.columns-6 {
    display: grid !important;
    gap: 20px !important;
}

.kktc-grid-container.woocommerce.columns-1 {
    grid-template-columns: repeat(1, 1fr) !important;
}

.kktc-grid-container.woocommerce.columns-2 {
    grid-template-columns: repeat(2, 1fr) !important;
}

.kktc-grid-container.woocommerce.columns-3 {
    grid-template-columns: repeat(3, 1fr) !important;
}

.kktc-grid-container.woocommerce.columns-4 {
    grid-template-columns: repeat(4, 1fr) !important;
}

.kktc-grid-container.woocommerce.columns-5 {
    grid-template-columns: repeat(5, 1fr) !important;
}

.kktc-grid-container.woocommerce.columns-6 {
    grid-template-columns: repeat(6, 1fr) !important;
}

/* Force grid items to behave */
.kktc-grid-container .kktc-grid-item {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    margin-bottom: 20px !important;
}

/* Override any theme CSS */
body .kktc-product-grid .kktc-grid-container {
    display: grid !important;
}

body .kktc-product-grid .kktc-masonry {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .kktc-regular-grid[data-columns="4"],
    .kktc-masonry[data-columns="4"],
    .kktc-grid-container.woocommerce.columns-4,
    body .kktc-product-grid .kktc-masonry[data-columns="4"] {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .kktc-regular-grid,
    .kktc-regular-grid[data-columns="3"],
    .kktc-regular-grid[data-columns="4"],
    .kktc-masonry,
    .kktc-masonry[data-columns="3"],
    .kktc-masonry[data-columns="4"],
    .kktc-grid-container.woocommerce.columns-2,
    .kktc-grid-container.woocommerce.columns-3,
    .kktc-grid-container.woocommerce.columns-4,
    body .kktc-product-grid .kktc-masonry,
    body .kktc-product-grid .kktc-masonry[data-columns="3"],
    body .kktc-product-grid .kktc-masonry[data-columns="4"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

/* Desktop force 4 columns for masonry */
@media (min-width: 1025px) {
    .kktc-masonry,
    .kktc-masonry[data-columns="4"],
    .kktc-grid-container.woocommerce.columns-4,
    body .kktc-product-grid .kktc-masonry {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}