﻿
@media screen and (min-width: 901px) {
    /* Popups */

    .popup-wrapper {
        padding: .4rem .2rem;
    }

    .popup-container {
        width: 100%;
        padding: .2rem;
    }

        .popup-container .icon {
            width: .48rem;
            height: .48rem;
        }

            .popup-container .icon img {
                width: .16rem;
            }

        .popup-container .title {
            font-size: .2rem;
        }

        .popup-container * + .title {
            margin-top: .1rem;
        }

        .popup-container .text br {
            display: none;
        }

        .popup-container * + .btn {
            margin-top: .2rem;
        }

        .popup-container .popup-header {
            margin: -.2rem;
            margin-bottom: 0;
            padding: .2rem;
        }

            .popup-container .popup-header .title {
                font-size: .18rem;
            }

            .popup-container .popup-header .popup-close {
                top: .22rem;
                right: .2rem;
            }


        /* Content */

        .popup-container.content {
            width: 100%;
        }


        /* Confirm */

        .popup-container.confirm * + .actions {
            margin-top: .2rem;
        }


    /* Popup Promotion */

    .popup-wrapper.promotion * + .form-item {
        margin-top: .25rem;
    }


    /* Popup Tag */

    .popup-wrapper.tag .popup-container {
        width: 100%;
    }

    .popup-wrapper.tag .product + .product {
        margin-top: .3rem;
    }

    .popup-wrapper.tag .product .image {
        width: .8rem;
        height: .8rem;
    }

    .popup-wrapper.tag .product .info {
        width: calc(100% - .8rem);
        padding-left: .15rem;
    }


    /* Popup Address */

    .popup-wrapper.add-address * + .form {
        margin-top: .2rem;
    }

    .popup-wrapper.add-address .billing-type {
        margin-top: .2rem;
    }


    /* Popup Helper */

    .popup-wrapper.helper .popup-header .title {
        width: 60%;
    }

    .popup-wrapper.helper .popup-header .subtitle {
        width: 40%;
        font-weight: 400;
        font-size: .12rem;
    }

    .popup-wrapper.helper * + .image {
        margin-top: .3rem;
    }


    /* Popup Share */

    .popup-wrapper.share .popup-container {
        padding-bottom: .2rem;
    }

    .popup-wrapper.share .intro {
        padding: .2rem;
    }

        .popup-wrapper.share .intro .title {
            width: calc(100% - 1.5rem);
            top: .2rem;
            left: .2rem;
            font-size: .2rem;
        }

        .popup-wrapper.share .intro .product {
            width: calc(100% - 1rem);
            padding-top: .2rem;
        }

    .popup-wrapper.tag .product + .product {
        margin-top: .2rem;
    }

    .popup-wrapper.share .intro img {
        width: 1rem;
    }

    .popup-wrapper.share .popup-close {
        width: calc(100% - .4rem);
        margin-left: .2rem;
        margin-right: .2rem;
        margin-top: .2rem;
    }

    .popup-wrapper.share .items a {
        padding-left: .2rem;
        padding-right: .2rem;
        padding-top: .18rem;
        padding-bottom: .18rem;
    }

        .popup-wrapper.share .items a:after {
            right: .2rem;
        }

        .popup-wrapper.share .items a.messenger,
        .popup-wrapper.share .items a.whatsapp {
            display: block;
        }


    /* Cookie Info */

    .cookie-info {
        width: 100%;
        left: 0;
        padding: .12rem;
        margin-left: 0;
        border-radius: 0;
    }

        .cookie-info .text {
            width: calc(100% - .86rem);
            padding-left: 0;
            padding-right: .2rem;
            font-size: .12rem;
            line-height: 1.5em;
        }

        .cookie-info .btn {
            width: .86rem;
        }
}