/* ============================================
   PRODUCT LAYOUT FIX - Flatsome Foundation Grid
   ============================================ */

/* Fix cho customerfeeling slider layout */
.box-camnhan-post-item .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    max-width: 100%;
}

.box-camnhan-post-item .row::before,
.box-camnhan-post-item .row::after {
    content: " ";
    display: table;
}

.box-camnhan-post-item .row::after {
    clear: both;
}

.box-camnhan-post-item .row > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

@media screen and (min-width: 64em) {
    .box-camnhan-post-item .row > .large-3.columns {
        width: 25%;
    }
    
    .box-camnhan-post-item .row > .large-9.columns {
        width: 75%;
    }
}

/* Fix cho product grid layout - Sử dụng Foundation grid */
.hoayeuthuong_product_item .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    max-width: 100%;
}

.hoayeuthuong_product_item .row::before,
.hoayeuthuong_product_item .row::after {
    content: " ";
    display: table;
}

.hoayeuthuong_product_item .row::after {
    clear: both;
}

/* Đảm bảo Foundation grid hoạt động đúng */
.hoayeuthuong_product_item .row > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

/* Fix cho product item boxes */
.hoayeuthuong_product_item_box {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

/* Đảm bảo images không làm layout shift */
.hoayeuthuong_product_item_image {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.hoayeuthuong_product_item_image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Fix cho category product main */
.category_product_main .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    max-width: 100%;
}

.category_product_main .row::before,
.category_product_main .row::after {
    content: " ";
    display: table;
}

.category_product_main .row::after {
    clear: both;
}

.category_product_main .row > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

/* Fix cho mobile */
@media screen and (max-width: 39.9375em) {
    .hoayeuthuong_product_item .row > .columns,
    .category_product_main .row > .columns {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
}

/* Foundation grid responsive - Large screens */
@media screen and (min-width: 64em) {
    .hoayeuthuong_product_item .row > .large-4.columns {
        width: 33.33333%;
    }
    
    .hoayeuthuong_product_item .row > .large-3.columns {
        width: 25%;
    }
    
    .category_product_main .row > .large-3.columns {
        width: 25%;
    }
}

/* Foundation grid responsive - Small screens */
@media screen and (max-width: 39.9375em) {
    .hoayeuthuong_product_item .row > .small-6.columns {
        width: 50%;
    }
    
    .category_product_main .row > .small-6.columns {
        width: 50%;
    }
}

/* Fix cho Foundation grid columns */
.row .columns {
    box-sizing: border-box;
}

/* Đảm bảo không có layout shift khi load images */
.hoayeuthuong_product_item_image {
    aspect-ratio: 1 / 1;
    background-color: #f5f5f5;
}

.hoayeuthuong_product_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Fix cho empty spacer columns */
.hiden-mb {
    display: none;
}

@media screen and (min-width: 64em) {
    .hiden-mb {
        display: block;
    }
}