.basket-popup {
    position: absolute;
    background-color: #FFF;
    box-shadow: 0 0 7px 0 rgba(0,0,0,.1);
    text-align: left;
}

.basket-popup h3 { margin: 14px 50px 15px 20px; }

.basket-popup .product { background-color: #F4F7F9; }

.basket-popup .labels > div,
.basket-popup .product > div,
.basket-popup .buttons > div {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

.basket-popup .labels > div:first-child { width: calc(100% - 80px); }

.basket-popup .labels > div:last-child { width: 80px; }

.basket-popup .product > div:first-child { width: calc(100% - 80px); }

.basket-popup .product > div:last-child { width: 80px; }

.basket-popup .buttons > div { width: 50%; }

.basket-popup .product picture {
    display: block;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;

    max-width: 100%;
    aspect-ratio: 1 / 1;
}

.basket-popup .product picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.basket-popup a.buy1 {
    padding: 15px 50px;
    background-color: #292254;
    text-transform: uppercase;

    font-family: inherit;
    display: block;
    margin: 5px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    border-radius: 25px;
    transition: 250ms ease-in-out background-color;
    cursor: pointer;
}

.basket-popup a.buy1:hover {
    background-color: #000;
}

@media (max-width: 460px) {
    .basket-popup {
        left: 10px;
        right: 10px;
    }
}

@media (min-width: 461px) {
    .basket-popup {
        width: min(100%, 400px);
        right: 20px;
    }
}

@media (max-width: 960px) {
    .basket-popup { top: 74px; }
}

@media (min-width: 961px) {
    .basket-popup { top: 100px; }
}

/* ((())) close */
.basket-popup .mgClose {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.basket-popup .mgClose hr {
    position: absolute;
    top: 0;
    left: 8px;
    border: none;
    width: 24px;
    height: 2px;
    background-color: #8e8e8e;
}
/* <<<<<< */

.basket-popup .mgClose hr:first-child { transform: rotate(45deg); }

.basket-popup .mgClose hr:last-child { transform: rotate(-45deg); }

.basket-popup .mgClose:hover hr { background-color: #000; }