/* c-modal
------------------------------------------------------------------- */
.c-modal {
	opacity: 0;
    visibility: hidden;
	width: 400px;
    right: -400px;
    position: fixed;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    top: 0;
    bottom: 0;
    max-width: 95%;
    z-index: 999;
    color: #000;
    background-color: #fff;
	height: 100vh;
    transition: transform .25s cubic-bezier(.43,.01,.44,1);
}

.c-modal--open {
	opacity: 1;
	visibility: visible;
	transform: translate(-400px);
    transition-duration: .5s;
}
.c-modal--open:after{
	content:"";
}

.c-modal__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
	height: 100%;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .c-modal__wrap {
        min-height: initial;
    }
}

.c-modal__content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: #fff;
}

.c-modal__close {
    font-size: 16px;
    position: fixed;
    top: 10px;
    right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s ease;
    -o-transition: transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .c-modal__close {
        position: absolute;
    }
}

.c-modal__close:hover {
    font-size: 16px;
}

@media (min-width: 768px) {
    .c-modal--400 .c-modal__content {
        width: 400px;
    }

    .c-modal--500 .c-modal__content {
        width: 500px;
    }

    .c-modal--600 .c-modal__content {
        width: 600px;
    }

    .c-modal--full .c-modal__wrap {
        padding: 0;
    }

    .c-modal--full .c-modal__content {
        width: 100%;
        min-height: 100vh;
    }
}

.c-modal--scroll {
    overflow: hidden;
    padding-right: 10px;
}

@supports (-ms-ime-align:auto) {
    .c-modal--scroll {
        padding-right: 12px;
    }
}

.mg-fake-cart .popup-footer{
	display: none;
}
.mg-fake-cart.c-modal--open .popup-footer{
	display: block;
}
.modal-header{
    height: 95px;
    transition: transform 1s cubic-bezier(.165,.84,.44,1) .22s,opacity 1s cubic-bezier(.165,.84,.44,1) .32s;
    display: flex;
	justify-content: space-between;
    align-items: center;
	border-bottom: 1px solid;
    border-bottom-color: #e8e8e1;
}
.modal-header .c-modal__close{
	position: relative;
    top: auto;
    right: auto;
}
.modal-header .c-title{
	font-size: 24px;
}
html.c-modal--scroll:after{
	content: "";
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #0000008f;
	z-index: 998;
}
@media (max-width: 590px) {
	.c-modal{
		width: 300px;
		right: -300px;
	}
	.c-modal--open{
		transform: translate(-300px);
		transition-duration: .4s;
	}
	.c-modal__content{
		padding: 30px 25px;
	}
}