.h-quickview-modal .load {position: absolute; top: 0px; left: 0; right: 0; width: 100%; height: 100%; z-index: 1080; margin-left: auto; margin-right: auto; padding-top: 14px; background: #FFF; text-align: center;}
.h-quickview-modal .loa-ders {display: block; width: 53px; height: 53px; margin: 20% auto; border-radius: 50%; border-top: 4px solid #FF7B00; border-left: 4px solid #FF7B00; border-right: 4px solid transparent; box-sizing: border-box; animation: rotates 1s linear infinite;}
.quickview-modal-fon {position: fixed; left: 0; right: 0; width:100%; height:100%; margin-left: auto; margin-right: auto; z-index:100; opacity: .5; background-color: rgba(82, 73, 60, 0.4);}
.h-quickview-modal {position: fixed; left: 0; right: 0; top: 50%; display: block; width: 100%; max-width: 804px; height: 476px; max-height: calc(100vh - 105px); margin: 0px auto!important; padding: 20px; overflow-y: auto; overflow-x: hidden; 
background-color: #fff; border: solid 1px #c5bfbb; box-sizing: border-box; z-index: 500; box-shadow: 0 5px 15px rgba(0, 0, 0, .5); border-radius: 4px; transform: translateY(-50%);} .h-quickview {position: relative;} 
.h-quickview-modal .main-list li {border: 1px solid #eee; box-sizing: border-box;} .h-quickview-modal .images-carousel__list li {border: 1px solid #eee; margin: 0 5px; width: auto!important} 
.modal-grow {-webkit-animation: show 1.5s; animation: show 1s;} .h-quickview__description b {font-weight: 600;}
@-webkit-keyframes show {
0% { -webkit-transform: translateY(-80%); transform: translateY(-80%); opacity: 0.2; }
100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } }
@keyframes show {
0% { -webkit-transform: translateY(-80%); transform: translateY(-80%); opacity: 0.2; }
100% { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } }
.h-quickview__close {position: absolute; top: -17px; right: -16px; width: 28px; height: 30px; padding: 0px 3px 5px 3px; z-index: 1100; text-align: center; background: #fff; box-sizing: content-box; color: #ff7d1a; font-size: 24px; border-radius: 4px;}
.h-quickview__images {max-width: 58%; margin-bottom: 2px; -webkit-box-flex: 0; flex: 0 0 58%;} .h-quickview__images .main-image {height: 100%; max-height: 400px; margin-bottom: 22px;} 
.h-quickview__images .main-image img {max-height: 310px; padding-left: 0px; padding-right: 12px; -o-object-fit: contain; object-fit: contain;}
.h-quickview-modal .card__price-box {background-image: url(/mg-templates/mg-elegant/fonts/bank-spb.png); background-repeat: no-repeat; background-position: center right;}
@media (min-width:310px) and (max-width:767px) { .h-quickview__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column;} 
.h-quickview__images { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; } }
.h-quickview__container {display: -webkit-box; display: flex;}
@media (min-width:310px) and (max-width:767px) { .h-quickview__description {max-height: initial;} }
.h-quickview__description img {max-width: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: top; object-position: top; height: auto!important;}
.h-quickview__description iframe {max-width: 100%;}
.h-quickview__link {position: relative; top: 10px; width: 100%; max-width: 200px; margin: auto; justify-content: center; align-items: center; color: var(--button-text); border-color: var(--main-color); background-color: var(--main-color); opacity: 1; 
font-weight: 500; pointer-events: unset; -webkit-transition: all .3s ease; transition: all .3s ease; padding: 9px 18px 9px; line-height: 19px;  border-radius: 0px; }
.h-quickview__link:hover {background-color: #000; color: #fff;
-webkit-transition: all .3s ease; transition: all .3s ease;}
.h-quickview__mini {cursor:pointer; display: -webkit-box!important; display: flex!important;
-webkit-box-pack: center; justify-content: center;}
.slick-track {display: flex;} .slick-list {width: 100%; position: relative;}
.foto-list {position: absolute; width: 100%; height: 100%; z-index: 9997; background: transparent;}  
@media (max-width:1000px) { .h-quickview-modal {max-width: 86%; max-height: 80vh;} .h-quickview__images {max-width: 57%; -webkit-box-flex: 0; flex: 0 0 57%;} }
@media (max-width:964px) { .h-quickview__images .main-image img {padding-right: 16px;} }
@media (min-width:310px) and (max-width:868px) { .h-quickview-modal {max-width: 90%;} }
@media (max-width:767px) { .h-quickview-modal {max-width: 502px;} .h-quickview__images {margin:0px auto; max-width: 98%; -webkit-box-flex: 0; flex: 0 0 98%;} 
.h-quickview__images .main-image img {padding-right: 0px;} }
@media (max-width:568px) { .h-quickview-modal {max-width: 94%;} }
.h-quickview__content {position:relative; left: 0px; background:#FFF; z-index:333; -webkit-box-flex: 0; flex: 0 0 42%; padding: 0px; box-sizing: border-box; max-width: 42%;}
@media (min-width:310px) and (max-width:767px) { .h-quickview__content { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; padding: 0; overflow-y: hidden; max-height: initial; margin-bottom: 2px;} }
.h-quickview__title {display: block; margin: 12px 10px 0px 0px; padding:0px 0px 8px 0px; font-family: 'RobotoRegular', Arial, sans-serif; color: #5A4107; letter-spacing: 0.2px; font-size: 15px; line-height: 19px; font-weight: 500;}
.h-quickview__price-container {display: block; display: flex; margin-bottom: 0px; font-weight: 300; font-size: 18px;}
.h-quickview__price-container span {color: #FFF; font-weight: 500; font-size: 18px;}
.h-quickview__price {padding: 8px 0px 7px 0px; font-size: 16px;}
.h-quickview__description {padding-left: 10px; max-height: 430px; border-left: dashed 1px rgba(109, 87, 54, 0.6); text-align: left; line-height: 20px; color: #353535; margin-bottom: 14px; letter-spacing: .1px; font-weight: 500; font-size: 13px; }
.h-quickview__description { margin: 14px 0px 0px 0px; 
 -webkit-line-clamp: 7; /* Число отображаемых строк */
 display: -webkit-box; /* Включаем флексбоксы */
 -webkit-box-orient: vertical; /* Вертикальная ориентация */
 overflow: hidden; /* Обрезаем всё за пределами блока */
}
.h-quickview__description table {display: block; float: none; max-width: 100%; width: auto!important; height: auto!important; border-collapse: collapse;}
.h-quickview__description table th,
.h-quickview__description table td {border: 1px solid #000; padding: 5px;}
@media (max-width:476px) { .quickview-modal-fon, .h-quickview-modal {display:none;} }
.h-quickview__content .variant-none {animation: calc 1.5s forwards;}
.h-quickview__content .product-price {height: fit-content;}
.h-quickview__content .card__price-box {border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.h-quickview__content .h-quickview__roz {text-align: center;} .h-quickview__roz .cena {font-size: 17px; color: #5b5347;}
.h-quickview__content .quickview-opt {width: fit-content; margin-top: 8px; padding: 0px; background: #f7f7f7;  border-right: 1px dashed #c5c5c5; border-bottom: 1px dashed #c5c5c5; border-top: 1px dashed #c5c5c5; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.h-quickview__content .product-price .h-quickview__opf_1, .h-quickview__content .product-price .h-quickview__opf_2 {margin-left: 4px; padding-right: 4px; font-size: 13px; font-family: Arial, Gadget, sans-serif; color: #4b4b4b;}
.h-quickview__content .product-price .h-quickview__opf_1 {padding-top: 1px; padding-bottom: 2px;} .h-quickview__content .product-price .h-quickview__opf_2 {padding-bottom:4px;}
.quickview-opt .h-quickview__opf_2 .kp-opt, .quickview-opt .h-quickview__opf_1 .opt {font-size: 12px; color: #975d7c;}
.quickview-opt .h-quickview__opf_1 .rub, .quickview-opt .h-quickview__opf_2 .rub {font-size: 12px; font-family: 'RobotoSerif', Times, serif; color: #676767;}
.product-price .h-quickview__price {margin-top: -10px;}