@media only screen and (max-width:767px)
{
#secondary {
display: none;
}


#primary //use id/class name of your page-content
{
Float: none;
Width: 100%;
}
}


/*đoạn test*/
/* Đảm bảo nút "Mua Ngay" có cùng chiều cao và padding với nút "Thêm vào giỏ hàng" */
/* Sử dụng flexbox cho container của các nút */
.add-to-cart-container {
    display: flex;
    gap: 10px; /* Khoảng cách giữa các phần tử */
    align-items: center;
    justify-content: space-between; /* Giãn đều các phần tử trong dòng */
    flex-wrap: wrap; /* Đảm bảo các phần tử không bị tràn dòng */
}

/* Đặt tỷ lệ không gian cho từng phần tử */
.quantity.buttons_added {
    flex: 1; /* Hộp số lượng chiếm một phần không gian */
    max-width: 90px; /* Đặt chiều rộng tối thiểu để không bị quá nhỏ */
}

.single_add_to_cart_button {
    flex: 2; /* Nút Thêm vào giỏ hàng chiếm gấp đôi không gian so với hộp số lượng */
    padding: 10px;
    font-size: 16px;
    text-align: center;
    max-width: 120px; /* Đặt chiều rộng tối đa để đảm bảo chữ xuống 2 dòng */
    min-height: 40px; /* Đặt chiều cao tối thiểu cho nút để chứa 2 dòng */
    white-space: normal; /* Cho phép chữ tự động xuống dòng */
    text-align: center; /* Canh giữa chữ trong nút */
    line-height: 1.2; /* Tùy chỉnh khoảng cách giữa các dòng */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy-now-button {
    flex: 1; /* Nút Mua ngay chiếm một phần không gian */
    padding: 10px 10px;
    font-size: 16px;
    text-align: center;
    max-width: 120px; /* Đặt chiều rộng tối đa để đảm bảo chữ xuống 2 dòng */
    min-height: 40px; /* Đặt chiều cao tối thiểu cho nút để chứa 2 dòng */
    white-space: normal; /* Cho phép chữ tự động xuống dòng */
    text-align: center; /* Canh giữa chữ trong nút */
    line-height: 1.2; /* Tùy chỉnh khoảng cách giữa các dòng */
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-product a.buy-now-button{
	background-color: #ff6600;
}
/* Đảm bảo kích thước và khoảng cách cho các màn hình nhỏ hơn */
@media (max-width: 767px) {
    .add-to-cart-container {
        flex-direction: column; /* Đưa các nút thành hàng dọc khi màn hình quá nhỏ */
        align-items: stretch; /* Đảm bảo các phần tử trải dài theo chiều ngang */
    }
    .single_add_to_cart_button,
    .buy-now-button {
        width: 100%; /* Đảm bảo mỗi nút chiếm hết chiều rộng container */
        text-align: center;
}

/*đoạn cũ*/
/*.single-product a.buy-now-button {
    background-color: #ff6600;
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    border: none;
}

.single-product a.buy-now-button:hover {
    background-color: #e65c00;
    color: #ffffff;
}*/

@media only screen and (max-width: 767px) {
    /* Định vị container của nút "Đặt hàng" chỉ trên trang thanh toán */
    .woocommerce-checkout #place_order {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background-color: #ff6600; /* Màu nền của nút */
        color: #ffffff; /* Màu chữ của nút */
        text-align: center;
        padding: 15px 0;
        font-size: 16px;
    }

    /* Thêm khoảng cách dưới cho nội dung của trang thanh toán để tránh bị chồng lên nút "Đặt hàng" */
    .woocommerce-checkout {
        padding-bottom: 70px; /* Điều chỉnh giá trị này tùy theo chiều cao của nút */
    }
}
/* Thiết lập cho phiên bản desktop */
.woocommerce ul.products li.product {
    display: flex;
    flex-direction: column;
    height: 100%; /* Đảm bảo các thẻ sản phẩm có chiều cao tối đa */
    justify-content: space-between;
}

/* Đảm bảo hình ảnh sản phẩm có chiều cao cố định */
.woocommerce ul.products li.product img {
    height: 250px; /* Điều chỉnh chiều cao hình ảnh theo thiết kế của bạn */
    object-fit: cover; /* Giúp hình ảnh không bị méo */
}

/* Điều chỉnh chiều cao tiêu đề sản phẩm */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Giới hạn số dòng tiêu đề */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Cố định chiều cao cho phần giá và nút "Thêm vào giỏ hàng" */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
    min-height: 40px; /* Chiều cao cố định cho giá và nút */
}

/* CSS dành riêng cho phiên bản di động (màn hình nhỏ hơn 768px) */
@media only screen and (max-width: 768px) {
    /* Điều chỉnh chiều cao hình ảnh sản phẩm trên di động */
    .woocommerce ul.products li.product img {
        height: 150px; /* Chiều cao hình ảnh nhỏ hơn trên điện thoại */
    }

    /* Cố định chiều cao tiêu đề sản phẩm trên di động */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        min-height: 36px; /* Điều chỉnh để phù hợp với màn hình nhỏ */
        -webkit-line-clamp: 2; /* Chỉ hiển thị 1 dòng tiêu đề trên điện thoại */
    }

    /* Đảm bảo phần giá và nút "Thêm vào giỏ hàng" có chiều cao đồng đều */
    .woocommerce ul.products li.product .price,
    .woocommerce ul.products li.product .button {
        min-height: 35px; /* Điều chỉnh chiều cao cho di động */
    }
}