/* Updated petrovich24 06.04.2023 - Start */
.loader-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
    align-items: center;
    justify-content: center;
}
.loader-overlay.show{
    display: flex;
}

.loader {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 8px solid #d1914b;
    box-sizing: border-box;
    --c:no-repeat radial-gradient(farthest-side, #d64123 94%,#0000);
    --b:no-repeat radial-gradient(farthest-side, #000 94%,#0000);
    background:
            var(--c) 11px 15px,
            var(--b) 6px 15px,
            var(--c) 35px 23px,
            var(--b) 29px 15px,
            var(--c) 11px 46px,
            var(--b) 11px 34px,
            var(--c) 36px 0px,
            var(--b) 50px 31px,
            var(--c) 47px 43px,
            var(--b) 31px 48px,
            #f6d353;
    background-size: 15px 15px,6px 6px;
    animation: l4 3s infinite;
}
@keyframes l4 {
    0%     {-webkit-mask:conic-gradient(#0000 0     ,#000 0)}
    16.67% {-webkit-mask:conic-gradient(#0000 60deg ,#000 0)}
    33.33% {-webkit-mask:conic-gradient(#0000 120deg,#000 0)}
    50%    {-webkit-mask:conic-gradient(#0000 180deg,#000 0)}
    66.67% {-webkit-mask:conic-gradient(#0000 240deg,#000 0)}
    83.33% {-webkit-mask:conic-gradient(#0000 300deg,#000 0)}
    100%   {-webkit-mask:conic-gradient(#0000 360deg,#000 0)}
}

#modal-product-info {
    width: 90%;
    max-width: 920px;
    max-height: 90%;
    overflow-y: visible;
    border-radius: 12px;
}
#modal-product-info.loaded{
    overflow-y: auto;
}
#modal-product-info .md-content{
    transition: opacity .5s linear;
    opacity: 0;
    visibility: hidden;
}
#modal-product-info .md-content.visible{
    visibility: visible;
    opacity: 1;
}

.overflow-hidden{
    overflow:hidden;
}
/* Updated petrovich24 06.04.2023 - End */

@media screen and (max-width: 480px) {

#modal-product-info {
    max-height: 80%;
}
    #modal-product-info .md-content {
        padding: 12px 0 1px 0;
    }
}