.js--look * {box-sizing: border-box}
.js--look.--loading {min-height: 150px;background-color: #fff;display: flex;align-items: center;justify-content: center}

.look--loader {width: 48px;height: 48px;border: 5px solid #000;border-bottom-color: transparent;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite;}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.look--box {display: flex;width: 100%;gap:16px}
.look--big-box {min-width: 350px;width: 350px;display: flex;align-items: center;justify-content: center;padding-bottom: 63px}
.look--big-back {width: 100%;background-color:#383838;display: flex;align-items: center;justify-content: center;padding: 40px;flex: 1;height: 100%;}
.look--big-btn {width: 100%;height: 58px;border:1px solid #fff;color:#fff;display: flex;align-items: center;justify-content: center;text-transform: uppercase;padding: 0 40px;cursor: pointer;transition: .4s;user-select:none}
.look--big-btn:hover {background-color: #4f4f4f}
.owl-carousel.owl-loaded.look--items {display: flex;}
.look--box .look--items {display: flex;gap:16px;width: calc(100% - 350px - 16px)}

.js--slider-blocks {position: absolute;top:0;left: 0;width: 100%;height: 100%;display: flex;z-index: 3}
.js--slide-eq {display: flex;height: 100%}
.look--item-gallery {width: 100%;position: relative; max-height: 550px;overflow: hidden;display: block}
.js--card-owl {height: 100%;overflow: hidden;position: relative;width: 100%;/*max-height: 259px*/}
.js--card-owl .owl-stage {display: flex}
.js--card-owl .owl-nav {display: none}
.js--card-owl .item {width: 100%;height: 0;padding-top: 142.31%;display: block;}
.js--card-owl .owl-item {-webkit-backface-visibility: hidden;-webkit-transform: translate(0) scale(1.0, 1.0);}
body .look--item-gallery .like_icons span {background-color: transparent}
body .look--item .like_icons:not(.static) {top:15px;right:15px;position: absolute;}
body .look--item .like_icons:not(.static) {top:auto;right:auto;position: static;width: 30px;height: 30px}
body .js--card-owl .item img{position: absolute;top:0;left: 0;display: block;min-width: 100%;width: auto;height: auto;}

.look--item-bottom {display: flex;gap:10px;align-items: center;margin-top: 5px}
.look--item-price {margin-right: auto}
.look--item-fav {display: flex;gap:10px;}
.look--item-fav .colored_theme_hover_bg:hover{background-color: #fff}
body .look--item-fav .like_icons span.wish_item:hover .svg svg path {fill:#9fa687}
.look--item-bag {width: 30px;height: 30px;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.look--item-bag .svg {margin-top: 5px}
.look--item-bag .svg svg{width: 25px;}
.look--item-bag .svg:hover svg path{fill: #9fa687 !important;stroke: #9fa687 !important}
.look--item-name {padding-top: 7px;color: #383838;font-size: 16px;line-height: 20px;height: 27px;overflow: hidden;display: block}
.look--item-price {font-size: 1.133em;line-height: 30px;color:#1f1f1f;font-weight: 600;}

.look--item {width: 100%}

.look--big-images {display: flex;gap:10px;margin-bottom: 20px}
.look--big-image {width: 70px;border-radius: 50%;overflow: hidden;position: relative;height: 70px;}
.look--big-image img {object-fit: cover;object-position: top;width: 100%;height: 100%;}

.look--item .old--price {margin-left: 10px;font-size: 12px;text-decoration: line-through}

.popup--outer{display: block;position: fixed;top:0;left:0;width:100%;height:100%;z-index: 1000;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; flex-direction: column;}
.popup--inner {background-color: #fff;padding:0;position: relative;right:0;width:calc(100% - 300px);min-width: 320px;max-width: 1500px;height:100%;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);text-align: center;display: flex;z-index: 3;transform: translateX(100%);transition: .6s}
.popup--inner.form--compress {max-width: 750px;}

.popup--back {position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);opacity: 0;transition: .6s;z-index: 2}
.popup--outer {visibility: hidden}
.popup--outer.--show  {z-index: 3333;visibility: visible}
.popup--outer.--show .popup--back {opacity: 1}
.popup--outer.--show .popup--inner {transform: translateX(0)}


.popup--body-box {display: flex}
.popup--header {display: flex;border-bottom: 1px solid hsla(0, 0%, 69.4%, .2);width: 100%;height: 60px;}
.popup--header-close svg {width: 30px;height: 30px;transition: .4s;}
.popup--header-close:hover svg {transform: rotate(23deg)}
.popup--header-close svg line {fill:#000;stroke:#000}

.look--popup {width: 100%}
.popup--header-title {width: 100%;display: flex;align-items: center;justify-content: center;}
.popup--header-close {min-width: 70px;cursor: pointer;display: flex;align-items: center;justify-content: center;border-left: 1px solid hsla(0, 0%, 69.4%, .2);}

.popup--slider, .popup--basket {width: 50%;height: 450px;}
.popup--basket {max-height: 100%;overflow-y: auto}
.popup--basket-box {max-height: 100%;overflow-y: auto}
.popup--basket-box::-webkit-scrollbar {width: 7px;height: 7px;background-color: transparent;}
.popup--basket-box::-webkit-scrollbar-thumb {background-color: #3b3b3b;border-radius: 0;box-shadow: none;}
.popup--basket-box::-webkit-scrollbar-thumb:hover {background-color: #1f1f1f;}

.popup--body {overflow-y: auto;max-height: calc(100vh - 60px);}

body .owl-carousel.js--popup--slider .owl-item img {width:100%}

.popup--body-title {min-height: 90px;display: flex;align-items: center;justify-content:space-between;color: #383838;font-size: 38px;padding: 0 27px 0 40px;border-bottom: 1px solid hsla(0, 0%, 69.4%, .2);gap:16px;}
.popup--body-title .title{margin-right: auto;word-break: break-all;text-align: left}

.look--popup *{user-select:none;}

.pbtn {padding: 0 40px;border:1px solid #1f1f1f;color:#1f1f1f;display:flex;text-transform: uppercase;font-size: 14px !important;height: 50px;cursor: pointer;background-color: #fff;transition: .4s;align-items: center;justify-content: center;white-space: nowrap}
.pbtn:hover {color:#fff;background-color: #1f1f1f;}
.pbtn[disabled]{background-color: #c6cbb7 !important;border-color: #c6cbb7 !important;color:#fff}

.pbtn-tr {padding: 0 40px;border:1px solid #a1a78a;color:#a1a78a;display:inline-flex;text-transform: uppercase;font-size: 14px !important;height: 50px;cursor: pointer;background-color: #fff;transition: .4s;align-items: center;justify-content: center;white-space: nowrap}
.pbtn-tr:hover {color:#fff;background-color: #a1a78a;}

.popup--footer {height: 90px;display: flex;align-items: center;justify-content: flex-end;padding-right: 27px}

.look--basket-item {display: flex;gap:20px;border-bottom: 1px solid hsla(0, 0%, 69.4%, .2);padding: 20px}
.look--basket-image {min-width: 100px;max-width: 100px;max-height: 130px;}
.look--basket-image img{width: 100%;height: 100%}

.look--basket-header {display: flex;gap:20px}
.look--basket-body { display: flex;flex-direction: column;align-content: space-between;justify-content: space-between;width: 100%}

.look--baske-name {text-align: left;var(--white_text_black)}
.look--basket-item .old--price{font-size: 12px;text-decoration: line-through;margin-left: 10px}
.look--basket-item .look--item-price{display: flex;align-items: center;margin-right: unset;margin-left: auto;}
.look--basket-item .look--item-price span{white-space: nowrap;font-size: 16px}
.look--basket-item .look--item-price span.old--price{font-size: 12px}
.look--basket-item .look--item-fav{position: relative;align-items: center}
.look--basket-item .fast_view_button{display: none}
.look--basket-item .like_icons:not(.static){position: static;top:auto;right:auto;}
.look--basket-bottom {display: flex;align-items: center;justify-content: flex-end;}

@media (max-width: 1280px){
    .look--big-back{padding: 20px}
    .look--big-box {min-width: 310px;width: 310px;}
    .look--box .look--items {width: calc(100% - 310px - 16px);}
    .look--item-price {line-height: 22px;display: flex;flex-wrap: wrap;}
    .look--item .look--item-price span {white-space: nowrap}
    .look--item-bottom {align-items: flex-start}
    .look--item .look--item-price span{margin-left: 0}
    .look--item .look--item-price span:not(.old--price){margin-right: 10px}
    .look--item-name {word-break: break-all;}

    .popup--inner {width: 100%}
}

@media (max-width: 1024px){
    .popup--body-title {font-size: 28px}
    body .owl-carousel.js--popup--slider .owl-item img {object-fit: cover;object-position: top;width: 100%;height: 100%;}
    .popup--body-title {flex-wrap: wrap}
    .popup--basket {max-height: calc(50vh - 30px)}
}

@media (max-width: 767px){
    /*.js--look {--max-height:300px}*/
    .popup--body-box {flex-wrap: wrap}
    .popup--slider, .popup--basket {width: 100%}
    .popup--body-title {font-size: 24px;padding: 20px}
    .pbtn {padding: 0 20px}
    .look--basket-header {flex-wrap: wrap}
    .look--basket-item .look--item-price {width: 100%;margin: unset}
}

@media (max-width: 550px){
    .look--big-box {min-width: 100%;width: 100%;}
    .look--big-back {min-height: 300px}
    .look--box .look--items {width: 100%}
    .look--box {flex-wrap: wrap}
    .popup--body-title {font-size: 16px}
    .look--basket-item .look--item-bag span{display: none}
    .look--baske-name {max-height: 72px;overflow:hidden}
    .look--basket-item .look--item-price span {margin-right:10px}
    .look--basket-item .look--item-price .old--price {margin: 0}
    .popup--footer {padding: 0 20px}
    .pbtn-tr {width: 100%}
}

@media (min-width: 550px){
    .look--basket-item .look--item-bag{padding: 0 40px;border:1px solid #a1a78b;color:#fff;display:flex;text-transform: uppercase;font-size: 14px !important;height: 40px;cursor: pointer;background-color: #a1a78b;transition: .4s;align-items: center;justify-content: center;white-space: nowrap;width: auto;}
    .look--basket-item .look--item-bag:hover{color:#a1a78b;background-color: #fff;}
    .look--basket-item .look--item-bag .svg{display: none}
}

@media (max-width: 370px){
    .popup--body-title .buttons,
    .popup--body-title .pbtn {width: 100%}
}