.woocommerce-tabs .wc-tabs {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 10px;
} /*ép cái tab mô tả & đánh giá của woo thẳng hàng*/
.t-sproduct-container {
    width: 100%;
    max-width: var(--t-container-max);
    /* Đảm bảo biến này có giá trị hợp lý */
    margin: 0 auto;
    /* Sửa lại: 0 auto để căn giữa ngang */
    padding: 15px;
    /* Đơn giản hóa padding */
}

/* Product Main */
.t-sproduct-main {
    display: grid;
    /* DÙNG GRID */
    grid-template-columns: 1fr;
    /* Mặc định 1 cột trên mobile */
    gap: 15px;
    /* Khoảng cách giữa các hàng khi xếp dọc (tùy chỉnh) */
    background: var(--t-light-color);
    border-radius: var(--border-radius);

    overflow: hidden;
    margin-bottom: 30px;
    margin-bottom: 1px solid var(--border-radius);
}

/* Trên màn hình rộng hơn (ví dụ: 768px trở lên) */
@media (min-width: 768px) {
    .t-sproduct-main {
        grid-template-columns: 1fr 1fr;
        /* Chia thành 2 cột bằng nhau */
        /* Hoặc có thể chia tỉ lệ khác, ví dụ: grid-template-columns: 40% auto; */
        gap: 20px;
        /* Khoảng cách giữa 2 cột (tùy chỉnh) */
    }
}

.t-sproduct-gallery {
    /* Bỏ flex: 1; */
    padding: 10px;
    /* Giữ lại padding nếu muốn */
    /* Grid item tự động chiếm ô được gán */
}

.t-sproduct-info {
    /* Bỏ flex: 1; */
    padding: 10px;
    /* Giữ lại padding nếu muốn */
    border-top: 1px solid var(--t-grey-dark);
    /* Grid item tự động chiếm ô được gán */
}

/* Trên màn hình rộng hơn (ví dụ: 768px trở lên) */
@media (min-width: 768px) {
    .t-sproduct-info {
        border-top: none;
        border-left: 1px solid var(--t-grey-dark);
        /* Giữ lại border dọc */
    }
}

.t-sproduct-gallery>div,
/* Hoặc figure, tùy cấu trúc HTML thực tế */
.t-sproduct-gallery>figure {
    width: 100%!important;
    box-sizing: border-box;
    /* Đảm bảo padding/border không phá layout */
}

.t-sproduct-info .summary.entry-summary {
    width: 100%!important;
    box-sizing: border-box;
    /* Đảm bảo padding/border không phá layout */
}
/* Thay .woocommerce-product-gallery bằng class thực tế bạn tìm thấy */
.woocommerce-product-gallery {
    width: 100% !important;
    /* Thêm !important để thử nghiệm nếu cần */
    max-width: none !important;
    /* Thử bỏ giới hạn max-width nếu có */
    box-sizing: border-box;
}
.single-product-category {
    display: none !important;
}