
.add-pwa-remodal-overlay, .add-pwa-remodal-overlay-page{
	position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
        background: rgba(43, 46, 56, .9);
}
.add-pwa-remodal-wrapper{
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    padding: 10px 10px 0;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}
.add-pwa-remodal-wrapper-page{
     position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 10px 10px 0;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}
/*.remodal {*/
/*    box-sizing: border-box;*/
/*    width: 100%;*/
/*    margin-bottom: 10px;*/
/*    padding: 35px;*/
/*    -webkit-transform: translate3d(0, 0, 0);*/
/*    vertical-align: middle;*/
/*    transform: translate3d(0, 0, 0);*/
/*    color: #2b2e38;*/
/*    display: inline-block;*/
/*        border-radius: 3px;*/
/*    background: #fff;*/
/*    max-width: 755px;*/
/*    box-sizing: border-box;*/
/*}*/
.remodal {
    box-sizing: border-box;
    width: 100%;
    max-width: 755px;

    display: inline-block;
    vertical-align: middle;

    margin: 10px 0;
    padding: 35px;

    color: #2b2e38;
    background: #fff;
    border-radius: 3px;

    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

    /* New */
    height: auto;
    min-height: auto;
    max-height: calc(100vh - 40px);
    overflow-y: auto;
    overflow-x: hidden;
}
.remodal-close:before,
.remodal-close-page:before{
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 25px;
    line-height: 31px;
    content: "\00d7";
    text-align: center;
}
.add-pwa-bg-image-wrapper img{
    border-bottom: 10px;
}
.remodal-close, .add-pwa-content button{
    cursor: pointer;
}
.remodal-close, .remodal-close:before,
.remodal-close-page, .remodal-close-page:before{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 35px;
}
/*.message-with-icon {*/
/*    display: flex;*/
/*    align-items: flex-start;*/
/*    justify-content: space-between;*/
/*    gap: 20px;*/
/*}*/

/*.message-with-icon__icon img {*/
/*    width: 80px;*/
/*    height: auto;*/
/*    max-width: 80px;*/
/*}*/
/*.message-with-icon__message {*/
/*    flex-grow: 1;*/
/*}*/
.message-with-icon{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}

.message-with-icon__icon{
    flex:0 0 auto;
}

.message-with-icon__icon img{
    width:80px;
    max-width:80px;
    height:auto;
}

.message-with-icon__message{
    flex:1;
    min-width:0;
}

/*.remodal-confirm,*/
/*.remodal-cancel{*/
/*    color: #050000;*/
/*    border-width: 2px;*/
/*    border-style: solid;*/
/*    border-color: #040404;*/
/*    background: #ffffff;*/
/*    display: inline-block;*/
/*    min-width: 80px;*/
/*    padding: 8px 10px;  */
/*    -webkit-transition: background .2s;*/
/*    transition: background .2s;*/
/*    text-align: center;*/
/*    vertical-align: middle;*/
/*    font-weight: 400;*/
/*}*/
.remodal-confirm,
.remodal-cancel{
    color:#050000;
    border:2px solid #040404;
    background:#fff;

    display:inline-block;

    min-width:140px;

    padding:10px 20px;

    text-align:center;
    vertical-align:middle;

    cursor:pointer;

    transition:.2s;

    font-weight:400;
}
.add-pwa-remodal-wrapper:after, .add-pwa-remodal-wrapper-page:after{
     display: inline-block; 
    height: 100%;
    margin-left: -.05em;
    content: "";
    vertical-align: middle;
}
.message-with-icon__message p {
    margin: 0 0 15px;
}
.remodal-close, .remodal-close-page {
    height: 35px;
    padding: 0;
    -webkit-transition: color .2s;
    transition: color .2s;
    color: #95979c;
    background: 0 0;
    right: 0;
    left: initial;
}
.afw-warning-btn{
    margin-bottom: 10px;
}
body.warning-active{
    overflow: hidden;
}
.remodal-close span, .add-pwa-remodal-overlay, .add-pwa-remodal-wrapper{
    display: none;
}
.add-pwa-product-button-wrap{
    display: flex;
    gap: 10px;
}
.add-pwa-product-button-wrap.add-pwa-product-block .quantity{
    align-items: stretch;
    display: inline-flex;
}

/*Tablet CSS*/
@media screen and (max-width:1024px){

    .add-pwa-remodal-wrapper,
    .add-pwa-remodal-wrapper-page{

        padding:20px 15px 10px;

        overflow-y:auto;
    }

    .remodal{

        max-width:680px;

        max-height:calc(100vh - 40px);

        padding:30px;
    }

}

/* MOBILE CSS */
@media screen and (max-width:800px){

    .add-pwa-remodal-wrapper,
    .add-pwa-remodal-wrapper-page{

        padding:15px 10px 10px;

        overflow-y:auto;

        -webkit-overflow-scrolling:touch;

        text-align:center;
    }

    .add-pwa-remodal-wrapper:after,
    .add-pwa-remodal-wrapper-page:after{

        display:none;
    }

    .remodal{

        display:block;

        width:100%;

        max-width:100%;

        margin:0 auto;

        padding:20px;

        height:auto;

        min-height:auto;

        max-height:calc(100vh - 20px);

        overflow-y:auto;

        border-radius:8px;
    }

    .message-with-icon{

        flex-direction:column;

        align-items:center;

        justify-content:center;

        text-align:center;

        gap:15px;
    }

    .message-with-icon__icon{

        width:100%;
    }

    .message-with-icon__icon img{

        width:70px;

        max-width:70px;
    }

    .message-with-icon__message{

        width:100%;
    }

    .add-pwa-content{

        display:flex;

        flex-direction:column;

        gap:10px;
    }

    .remodal-confirm,
    .remodal-cancel{

        display:block;

        width:100%;

        min-width:0;
    }

}

/*@media screen and (max-width:800px){*/
/*    .add-pwa-remodal-wrapper, .add-pwa-remodal-wrapper-page{*/
/*        display: flex!important;*/
/*        align-items: center;*/
/*    }*/
/*}*/

/* NEW CSSSSSSSSSS*/

/* When popup is active */
/*body.warning-active{*/
/*    overflow:hidden;*/
/*}*/

/* Keep wrapper scrollable */
/*body.warning-active .add-pwa-remodal-wrapper,*/
/*body.warning-active .add-pwa-remodal-wrapper-page{*/
/*    overflow-y:auto;*/
/*    overflow-x:hidden;*/
/*    -webkit-overflow-scrolling:touch;*/
/*}*/

/* Modal improvements */
/*.remodal{*/
/*    width:100%;*/
/*    max-width:755px;*/

    /* Auto height */
/*    height:auto;*/
/*    min-height:auto;*/

    /* Never exceed viewport */
/*    max-height:calc(100vh - 40px);*/

/*    overflow-y:auto;*/
/*    overflow-x:hidden;*/

/*    margin:20px auto;*/
/*}*/
/* Wrapper */
/*.add-pwa-remodal-wrapper,*/
/*.add-pwa-remodal-wrapper-page {*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    z-index: 10000;*/

/*    display: none;*/
/*    overflow-y: auto;*/
/*    overflow-x: hidden;*/

/*    padding: 20px;*/
/*    text-align: center;*/

/*    -webkit-overflow-scrolling: touch;*/
/*}*/

/* Center modal */
/*.add-pwa-remodal-wrapper::before,*/
/*.add-pwa-remodal-wrapper-page::before {*/
/*    content: "";*/
/*    display: inline-block;*/
/*    height: 100%;*/
/*    vertical-align: middle;*/
/*}*/

/* Modal */
/*.remodal {*/
/*    display: inline-block;*/
/*    vertical-align: middle;*/

/*    width: 100%;*/
/*    max-width: 755px;*/

/*    min-height: auto;*/
/*    max-height: calc(100vh - 40px);*/

/*    overflow-y: auto;*/

/*    box-sizing: border-box;*/
/*    padding: 35px;*/

/*    background: #fff;*/
/*    border-radius: 6px;*/

/*    text-align: left;*/
/*}*/

/* Close button */
/*.remodal-close,*/
/*.remodal-close-page {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    right: 10px;*/
/*    left: auto;*/
/*    width: 35px;*/
/*    height: 35px;*/
/*}*/

/* Message */
/*.message-with-icon {*/
/*    display: flex;*/
/*    align-items: flex-start;*/
/*    gap: 20px;*/
/*}*/

/*.message-with-icon__icon {*/
/*    flex: 0 0 auto;*/
/*}*/

/*.message-with-icon__icon img {*/
/*    width: 80px;*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*}*/

/*.message-with-icon__message {*/
/*    flex: 1;*/
/*    min-width: 0;*/
/*}*/

/* Buttons */
/*.add-pwa-content {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: center;*/
/*    gap: 12px;*/
/*}*/

/*.remodal-confirm,*/
/*.remodal-cancel {*/
/*    min-width: 140px;*/
    padding: 10px 20px; /* <-- fixed missing semicolon */

/*    cursor: pointer;*/

/*    transition: .2s;*/
/*}*/

/* Tablet view*/
/*@media (max-width: 992px) {*/

/*    .add-pwa-remodal-wrapper,*/
/*    .add-pwa-remodal-wrapper-page{*/
/*        padding:20px;*/
/*    }*/

/*    .remodal{*/

/*        width:100%;*/
/*        max-width:680px;*/

/*        max-height:calc(100vh - 40px);*/

/*        padding:30px;*/
/*    }*/

/*}*/

/* Mobile view */
/*@media (max-width:767px){*/

/*    .add-pwa-remodal-wrapper,*/
/*    .add-pwa-remodal-wrapper-page{*/

/*        display:flex;*/

/*        justify-content:center;*/

/*        align-items:flex-start;*/

/*        padding:15px;*/

/*        overflow-y:auto;*/
/*    }*/

/*    .remodal{*/

/*        width:100%;*/

/*        max-width:100%;*/

/*        max-height:calc(100vh - 30px);*/

/*        min-height:auto;*/

/*        padding:20px;*/

/*        margin:0;*/

/*        overflow-y:auto;*/

/*        border-radius:10px;*/
/*    }*/

/*    .message-with-icon{*/

/*        flex-direction:column;*/

/*        align-items:center;*/

/*        text-align:center;*/

/*        gap:15px;*/
/*    }*/

/*    .message-with-icon__icon{*/

/*        width:100%;*/
/*    }*/

/*    .message-with-icon__icon img{*/

/*        width:70px;*/
/*    }*/

/*    .message-with-icon__message{*/

/*        width:100%;*/
/*    }*/

/*    .add-pwa-content{*/

/*        flex-direction:column;*/

/*        align-items:stretch;*/
/*    }*/

/*    .remodal-confirm,*/
/*    .remodal-cancel{*/

/*        width:100%;*/

/*        min-width:0;*/
/*    }*/

/*    .remodal-close,*/
/*    .remodal-close-page{*/

/*        top:8px;*/

/*        right:8px;*/
/*    }*/

/*}*/