.product-infos-main-section{
    display: flex;
    
}

.product_summary{
    padding-left: 20px;
    width: 50%;
}
.p_product_description_container{
    max-height: 350px;
    overflow-y: auto;
}



.products-container-vertocally {
    padding: 15px 0px;
    margin-bottom: 61px;
    display: flex;
    flex-wrap: wrap;
}
  
.products-container-vertocally .product {
    pointer-events: auto;
    width: calc(25% - 10px);
    margin: 5px;
}


    .product_summary{

    }

    .product_name{
        
    }
        .p_product_dirsctory *{
            color: rgb(36, 36, 36);
        }
            .p_product_dirsctory a{
                text-decoration: underline;
            }
        .product_summary h1{
            text-decoration: none;
            border: none;
            margin-top: 15px;
            color: #212121;
        }

        .h1_product_pricing{
            margin-bottom: 15px;
        }

        .p_in_stock{
            color: green;
            margin: 15px 0px;
            margin-bottom: 0px;
        }


        .number-input {
            display: flex;
            margin: 10px 0;
            text-align: center;
          }
          
            .number-input .btn {
                background-color: #ffffff;
                border: none;
                color: #333;
                font-size: 18px;
                font-weight: bold;
                height: 40px;
                width: 35px;
                text-align: center;
                padding: 0;
                margin: 0;
                cursor: pointer;
                border: 1px solid #e1e1e1;
                transition: all 0.2s ease-in-out; /* Change duration to 1 second */

            }

            .number-input .btn:active  {
                background-color: #755000;
                color: #fff;

            }
          
            .number-input input[type="number"] {
                width: 50px;
                max-width: 38.5px;
                text-align: center;
                border: 1px solid #e1e1e1;
                font-size: 16px;
                font-weight: bold;
                color: #333;
                outline: none;
                padding: 0;
                margin: 0;
              
                /* Hide the increment and decrement arrows */
                appearance: textfield;
                -moz-appearance: textfield;
                -webkit-appearance: textfield;
              }
              
              /* Remove the increment and decrement arrows in Firefox */
              .number-input input[type="number"]::-webkit-inner-spin-button,
              .number-input input[type="number"]::-webkit-outer-spin-button {
                -webkit-appearance: none;
                margin: 0;
              }
              
              /* Remove the increment and decrement arrows in other browsers */
              .number-input input[type="number"] {
                -moz-appearance: textfield;
              }
              
          
          .number-input input[type="text"]:focus {
            border-color: #333;
          }
          

          .buy-pr-add-to-cart-buttons-container{
                width: 100%;
          }

            .buy-pr-add-to-cart-buttons-container button{
                width: 100%;
                height: 55px;
                padding: 13px 0px;
                border-radius: 6px;
                margin-bottom: 10px;
                margin-top: 15px;

                border: 1px solid #e1e1e1;
            }
            .buy-btn {        
                padding-top: 9px;
                font-size: 15px;
                background-color: rgb(19, 47, 39);
                color: aliceblue;
                transition: all 0.3s ease-in-out; /* Change duration to 1 second */
                cursor: pointer;
            }

            .buy-btn:active, .buy-btn:hover{
                background-color: rgb(42, 100, 68);
                color: #fff;
            }


            .name-and-icons-container{
                width: 100%;
                display: flex;
                justify-content: space-between;
                
            }
                .icons-container{
                    display: flex;
                }






                .empty_shopping_cart_container{
                    text-align: center;
                    padding: 50px 0px;
                }
                .empty_shopping_cart_container img{
                    width: 120px;
                    height: 120px;
                    margin: 15px 0px;
                }
                .empty_shopping_cart_container button{
                    width: 61%;
                    background-color: green;
                    color: #ffffff;
                    border-radius: 25px;
                    padding: 15px;
                    align-items: center;
                }










                



                .all-products-into-cart-container{

                }
                



                    .product-inside-cart{
                        margin-bottom: 8px;
                        padding: 10px;
                        border: 1px solid gainsboro;
                        background-color: #fff;
                        border-radius: 5px;
                    }

                        .all-products-inside-cart-container{
                            margin-top: 15px;
                        }

                            .product-inside-cart{
                                display: flex;
                            }
                                .product-inside-cart .ii-img-container{
                                    height: 100px;
                                    width: 120px;
                                    border: none;
                                    margin-right: 15px;
                                    position: relative;
                                }
                                    .product-inside-cart .ii-img-container img{
                                        height: 100%;
                                        width: 100%;
                                        border-radius: 4px;
                                        object-fit: cover;

                                    }

                                .right-part-container-of-product-inside-cart{
                                    width: 100%;
                                }

                                    .right-part-container-of-product-inside-cart h3{
                                        color: #101010;
                                    }
                                    .a-links-to-edit-or-delete-pages i{
                                        margin: 0px;
                                        color: rgb(88, 88, 88);
                                    }

                                .remove-icon-a{
                                    margin-left: 5px;
                                }

                                    .product-quantity{
                                        font-size: 15px;
                                        color: #212121;
                                        font-weight: 400;
                                    }

                                    .green-price-label{
                                        color: rgb(0, 154, 0);
                                    }
                                




                    .total_price_tp_pay_container{
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        padding: 10px 0px;
                        border-top: 1px solid gainsboro;
                        margin-top: 10px;
                    }

                    .gray-total-at-bottom{
                        color: #212121;
                        font-size: 12px;
                    }

                    .all-products-into-cart-container button{
                        width: calc(100% - 50px);
                        border-radius: 25px;
                        border: 1px solid white;
                        color: #fff;
                        background-color: rgb(62, 62, 255);
                        padding: 13px 15px;
                        margin: 0px 25px;
                    }





                    

/************************************************************Responsive CSS **************************************************************************/
/* CSS for midium screen devices */
@media only screen and (max-width: 1200px) {
    .products-container-vertocally {
        padding: 15px 0px;
    }
    .products-container-vertocally .product {
        width: calc(33.33% - 10px);
    }
}


/* CSS for midium screen devices */
@media only screen and (max-width: 1100px) {
    .products-container-vertocally {
        padding: 15px 0px;
    }
    .products-container-vertocally .product {
        width: calc(33.33% - 10px);
    }
}


/* CSS for Tablet devices */
@media only screen and (min-width: 768px) {
    .all_images_container{
        margin: 0;
        width: 40%;
        overflow-x: auto;
        height: 700px;
    }

    .scroll-container .all_images_container{
        width: 100%;
        margin: 0;
    }
    .scroll-container .all_images_container .current-image{
        width: 100%;
        
    }
}


/* CSS for Tablet devices */
@media only screen and (max-width: 768px) {
    main{
        padding: calc(var(--header-height) + 2px) 0px 0px 0px;
        width: 100%;
    }
    .main-products-container{
        align-items: center;
        padding: 10px;
        align-items: normal;
        margin: 0;
        width: auto;
        max-width: none;
    }

    


    .product-infos-main-section{
        display: block;
    }
    .product_summary{
        padding-left: 0px;
        width: 100%;
    }


      
        .all_images_container .image-container {
            flex: 0 0 calc(100vw - 20px);
            scroll-snap-align: start;
            margin-right: 2px;
            position: relative;
        }
      
            .all_images_container .image-container img {
                width: 100%;
                height: auto;
            }
}




/* CSS for Tablet devices */
@media only screen and (max-width: 600px) {
    .products-container-vertocally {
        padding: 15px 0px;
    }
    .products-container-vertocally .product {
        width: calc(50% - 10px);
    }
}


/* CSS for Phone devices */
@media only screen and (max-width: 479px) {
    .products-container-vertocally {
        padding: 15px 0px;
    }

}