.qntm-single-product {
    height:auto;

    display: grid;


}
.product-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-details{
    padding:25px;
}

.product-attributes{
    display: grid;

    grid-template-rows: repeat(2, auto);  /* 2 rows */
    gap: 10px;
    width: 100%;
   
}

.product-attributes div {
    /* border: 1px solid #ccc; */
    padding: 20px;
    text-align: center;
    /* background: #f9f9f9; */
}
.qntm_btn_single_product a{
    padding:10px;
}

.product-gallery {
    display: grid;

    grid-template-rows: repeat(2, auto); /* 2 rows */
    gap: 10px; /* Space between images */
    max-width: auto; /* Adjust as needed */
}

.product-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures images fill their cells */
    border-radius: 8px; /* Optional: Adds rounded corners */
}



@media screen and (min-width: 200px) and (max-width: 480px) {
    .qntm-single-product, .product-attributes, .product-gallery  {
        grid-template-columns: 1fr; 
    }
}

/* Small (Mobile Landscape) */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .qntm-single-product, .product-attributes, .product-gallery  {
        grid-template-columns: 1fr; 
    }
}

/* Medium (Tablet Portrait) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .product-attributes{
        grid-template-columns: 1fr; /* 2 equal columns */
    }
    .product-gallery {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
    .qntm-single-product {
        grid-template-columns: 1fr 1fr; /* First column fixed, others flexible */
    }
    .qntm_spacer{
        display:none;
    }
}

/* Large (Tablet Landscape / Small Desktop) */
@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .product-attributes{
        grid-template-columns: 1fr 1fr; /* 2 equal columns */
    }
    .product-gallery {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
    .qntm-single-product {
        grid-template-columns: 300px 1fr 1fr; /* First column fixed, others flexible */
    }

}

/* Extra Large (Desktop) */
@media screen and (min-width: 1281px) and (max-width: 1440px) {
    .product-attributes{
        grid-template-columns: 1fr 1fr; /* 2 equal columns */
    }
    .product-gallery {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
    .qntm-single-product {
        grid-template-columns: 300px 1fr 1fr; /* First column fixed, others flexible */
    }
}

/* XL (Large Desktop) */
@media screen and (min-width: 1441px) {
    .product-attributes{
        grid-template-columns: 1.5fr 0.5fr; /* 2 equal columns */
    }
    .product-gallery {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
    .qntm-single-product {
        grid-template-columns: 300px 1fr 1fr; /* First column fixed, others flexible */
    }
}