/* Homepage: wider product grids (New Arrivals, Featured, etc.) and slightly larger cards */

@media (min-width: 1200px) {
    .index-wrapper > .container {
        max-width: 1520px !important;
    }
}

@media (min-width: 1600px) {
    .index-wrapper > .container {
        max-width: 1680px !important;
    }
}

/* Slightly tighter gutters so cards use horizontal space a bit better */
.index-wrapper .row-product {
    margin-left: -12px;
    margin-right: -12px;
}

.index-wrapper .row-product .col-product {
    padding-left: 12px;
    padding-right: 12px;
}

/* Modest bump to card text; titles wrap up to 2 lines with equal card heights */
.index-wrapper .product-item .item-details .product-title,
.product-list-content .product-item .item-details .product-title {
    font-size: 0.9375rem;
    line-height: 24px;
    min-height: 48px;
}

.index-wrapper .product-item .item-details .product-title a,
.product-list-content .product-item .item-details .product-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    min-height: 48px;
    max-height: 48px;
}

.index-wrapper .product-item .item-meta .price,
.product-list-content .product-item .item-meta .price {
    font-size: 1rem;
}

.index-wrapper .product-item .product-user,
.product-list-content .product-item .product-user {
    font-size: 0.8125rem;
}

@media (max-width: 768px) {
    /* Desktop hero slider is hidden on mobile but slick can still intercept taps */
    .index-main-slider {
        pointer-events: none !important;
    }
}

/* Custom 5-column layout for featured products */
@media (min-width: 992px) {
    .col-lg-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}