.shop-field-error {
    color: rgba(244,63,42,0.84);

}

.shop-cart-summary {
    padding: 20px 10px;
}

.shop-no-checkout-products {
    padding: 20px;
    border: 2px solid #999;
    display: flex;
    justify-content: center;
    font-size: 2.4rem;
    height: 70vh;
    align-items: center;
    font-weight: 700;
}


.shop-checkout-payment-wrapper {
    display: flex;
}

.shop-checkout-payment-wrapper .image {
    height: 80px;
    margin-right: 8px;
}

.shop-checkout-payment-wrapper .details {
    display: flex;
    justify-content: center;
    flex-direction: column;
}




.app-col-2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
}


.app-col-3 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}


.app-col-4 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
}


.app-col-5 {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-gap: 20px;
}


.app-col-6 {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 20px;
}


.app-col-10 {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-gap: 20px;
}



@media (min-width: 900px) and (max-width: 1442px) {
    .app-col-10{
        grid-template-columns: repeat(8,1fr);
    }
}


@media (min-width: 767px) and (max-width: 889px) {
    .app-col-10{
        grid-template-columns: repeat(5,1fr);
    }
}


@media (min-width: 180px) and (max-width: 766px) {
    .app-col-10{
        grid-template-columns: repeat(3,1fr);
    }
}




@media screen and (max-width: 768px) {
    .app-col-2,.app-col-3,.app-col-4,.app-col-5,.app-col-6{
        grid-template-columns: repeat(1,1fr);
    }

}




.frontend-nav-top-lang  {
    display: flex;
    justify-content: center;
    margin-right: 20px;
    margin-top: 6px;
}


.frontend-nav-top-lang img {

    width: 25px;
    margin-right: 4px;
    cursor: pointer;
}


.frontend-nav-top-lang .opacity {

    opacity: 0.38;

}


.frontendnav-top-lang img:hover {

    opacity: 1;
}


@media only screen and (min-width: 142px) and (max-width: 767px){

    .frontend-nav-top-lang  {
        display: flex;
        justify-content: center;
        margin-right: 10px;
        margin-top: 12px;
    }

    .frontend-nav-top-lang img {

        width: 18px;
    }
}