/* .product_addon_container.horizontal_box.full_opt {
    padding: 0px !important;
    background: unset !important;
    border-radius: 0px !important;
    border: unset !important;
}

.product_addon_container .gift_box_container {
    margin: 0px !important;
    padding: 0px !important;
    border-radius: 0px !important;
    border: unset !important;
    background: unset !important;
}

.product_addon_container .product_addon_box {
    padding-top: 0px !important;
    border-radius: 0px !important;
} */




/* .product_addon_box.simple_pd .pd_box_list {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 20px;
    align-items: flex-start;
}

.product_addon_box .pd_box_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    grid-gap: 30px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-right: 10px;
    box-sizing: border-box;
} */



/* ############################################### */
.product_addon_container.horizontal_box.full_opt {
    padding: 0px !important;
    background: unset !important;
    border-radius: 0px !important;
    border: unset !important;
}

.product_addon_container .product_addon_box {
    padding-top: 0px !important;
    border-radius: 0px !important;
}

/*  */
.product_box_container .product_addon_container.vertical_box {
    display: block;
    flex-direction: column;
}

.product_addon_container .gift_box_container {
    width: 100% !important;
    max-width: unset !important;
    padding: 5px !important;
    /* margin-bottom: 30px !important; */
}

.product_addon_container .product_addon_box {
    width: 100% !important;
    max-width: unset !important;

}

.product_box_container .product_addon_container {
    background-color: unset !important;
}

.gt_box_list .gift_block .img_block {
    /* border: 1px solid #e1e1e1 !important; */
    border-radius: 5px !important;
}

.product_addon_container .mm_gift_massage_container {
    margin-top: 20px !important;
}

.product_addon_container .extsubtotaladdtocart {
    border-bottom: 0px;
    margin-top: 10px !important;
}


/* ######### ------ For Grid Design--------################## */

.product_addon_box {
    /* overflow: unset !important; */
    height: 55vh !important;
}

.product_addon_container .pd_add_block_inner {
    display: flex;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
}


/* .product_addon_box .pd_box_list {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
    grid-gap: 20px;
    align-items: flex-start;
} */
.product_addon_box .pd_box_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    /* Ensure at least 2 columns */
    grid-auto-flow: row;
    /* grid-template-columns: repeat(2, minmax(170px, 1fr)) !important; */
    /* For responsiveness, you can use media queries if needed */
    grid-gap: 5px !important;
    align-items: flex-start;
}

.product_addon_container .pd_box_list .pod_right_block {
    width: 100% !important;
    text-align: center !important;
}

.product_addon_container .pd_box_list .pod_right_block .image_block {
    width: 100% !important;
}

.product_addon_container .pd_box_list .pd_dtl {
    width: 100% !important;
    text-align: center !important;
}

.product_addon_container .pd_box_list .pd_dtl {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.product_addon_container .pd_box_list .pd_dtl .txt {
    width: 80% !important;
    text-align: center !important;
}

.product_addon_container .pd_box_list .pd_addon_btns {
    width: 80% !important;
}

.product_addon_container .pd_box_list .pd_addon_btns .show_dtl {
    padding: 10px 15px !important;
}

.product_addon_container .product_addon_box .pd_box_list .pd_add_block {
    box-shadow: none !important;
    border: 0px !important;
    padding: 15px 0px;
}

.product_addon_container .product_addon_box .pd_box_list .pd_add_block .pd_add_block_inner .pod_right_block {
    max-height: 80% !important;
    height: 80% !important;
}

.product_addon_container .product_addon_box .pd_box_list .pd_add_block .pd_add_block_inner .pod_right_block .image_block {
    height: auto !important;
}

.product_addon_container .product_addon_box .pd_box_list .pd_add_block .pd_add_block_inner .pod_right_block .image_block img {
    max-width: 80% !important;
    max-height: 80% !important;
}


/* For popup */
.product_addon_container .pd_addon_popup .pd_add_block_inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
}

.product_addon_container .pd_addon_popup .pd_add_block_inner .pod_right_block {
    width: 35% !important;
}

.product_addon_container .pd_addon_popup .pd_add_block_inner .pd_dtl {
    width: 65% !important;
    align-items: start !important;
}

.product_addon_container .pd_addon_popup .pd_add_block_inner .pd_dtl .addon_pd_dtl {
    text-align: left !important;
}

.product_addon_container .pd_addon_popup .pd_add_block_inner .pd_addon_btns {
    width: 100% !important;
    padding-top: 10px;
}


@media screen and (min-width: 200px) and (max-width: 600px) {

    .gift_box_container .gt_bx_rt .gt_bottom_row {
        width: 100% !important;
    }
}

@media screen and (min-width: 200px) and (max-width: 767px) {
    .product_addon_container.vertical_box .gift_box_container {
        background-color: unset !important;
    }

}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .product_addon_box.simple_pd .pd_box_list {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .vertical_box .product_addon_box.simple_pd .pd_box_list {
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)) !important;
    }
}