/* Start:/css/jquery-confirm.min.css?171404545622509*/ /*! * jquery-confirm v3.3.4 (http://craftpip.github.io/jquery-confirm/) * Author: boniface pereira * Website: www.craftpip.com * Contact: hey@craftpip.com * * Copyright 2013-2019 jquery-confirm * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE) */@-webkit-keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body[class*=jconfirm-no-scroll-]{overflow:hidden!important}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-transition:opacity .4s;transition:opacity .4s}.jconfirm .jconfirm-bg.jconfirm-bg-h{opacity:0!important}.jconfirm .jconfirm-scrollpane{-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:center;perspective-origin:center;display:table;width:100%;height:100%}.jconfirm .jconfirm-row{display:table-row;width:100%}.jconfirm .jconfirm-cell{display:table-cell;vertical-align:middle}.jconfirm .jconfirm-holder{max-height:100%;padding:50px 0}.jconfirm .jconfirm-box-container{-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.jconfirm .jconfirm-box-container.jconfirm-no-transition{-webkit-transition:none!important;transition:none!important}.jconfirm .jconfirm-box{background:white;border-radius:4px;position:relative;outline:0;padding:15px 15px 0;overflow:hidden;margin-left:auto;margin-right:auto}@-webkit-keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@-webkit-keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@-webkit-keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@-webkit-keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@-webkit-keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@-webkit-keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}.jconfirm .jconfirm-box.jconfirm-type-animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.jconfirm .jconfirm-box.jconfirm-type-blue{border-top:solid 7px #3498db;-webkit-animation-name:type-blue;animation-name:type-blue}.jconfirm .jconfirm-box.jconfirm-type-green{border-top:solid 7px #2ecc71;-webkit-animation-name:type-green;animation-name:type-green}.jconfirm .jconfirm-box.jconfirm-type-red{border-top:solid 7px #e74c3c;-webkit-animation-name:type-red;animation-name:type-red}.jconfirm .jconfirm-box.jconfirm-type-orange{border-top:solid 7px #f1c40f;-webkit-animation-name:type-orange;animation-name:type-orange}.jconfirm .jconfirm-box.jconfirm-type-purple{border-top:solid 7px #9b59b6;-webkit-animation-name:type-purple;animation-name:type-purple}.jconfirm .jconfirm-box.jconfirm-type-dark{border-top:solid 7px #34495e;-webkit-animation-name:type-dark;animation-name:type-dark}.jconfirm .jconfirm-box.loading{height:120px}.jconfirm .jconfirm-box.loading:before{content:'';position:absolute;left:0;background:white;right:0;top:0;bottom:0;border-radius:10px;z-index:1}.jconfirm .jconfirm-box.loading:after{opacity:.6;content:'';height:30px;width:30px;border:solid 3px transparent;position:absolute;left:50%;margin-left:-15px;border-radius:50%;-webkit-animation:jconfirm-spin 1s infinite linear;animation:jconfirm-spin 1s infinite linear;border-bottom-color:dodgerblue;top:50%;margin-top:-15px;z-index:2}.jconfirm .jconfirm-box div.jconfirm-closeIcon{height:20px;width:20px;position:absolute;top:10px;right:10px;cursor:pointer;opacity:.6;text-align:center;font-size:27px!important;line-height:14px!important;display:none;z-index:1}.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.jconfirm-title-c{display:block;font-size:22px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-bottom:15px}.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand{cursor:move}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{font-size:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;font-family:inherit;display:flex;}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom:15px;height:auto;-webkit-transition:height .4s ease-in;transition:height .4s ease-in;display:inline-block;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{overflow-y:hidden}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar{width:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img{max-width:100%;height:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty{display:none}.jconfirm .jconfirm-box .jconfirm-buttons{padding-bottom:11px}.jconfirm .jconfirm-box .jconfirm-buttons>button{margin-bottom:4px;margin-left:2px;margin-right:2px}.jconfirm .jconfirm-box .jconfirm-buttons button{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;min-height:1em;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-webkit-tap-highlight-color:transparent;border:0;background-image:none}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{background-color:#3498db;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover{background-color:#2980b9;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{background-color:#2ecc71;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{background-color:#27ae60;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{background-color:#e74c3c;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover{background-color:#c0392b;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{background-color:#f1c40f;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{background-color:#f39c12;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{background-color:#ecf0f1;color:#000;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover{background-color:#bdc3c7;color:#000}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:#9b59b6;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{background-color:#8e44ad;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark{background-color:#34495e;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover{background-color:#2c3e50;color:#FFF}.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#e74c3c!important}.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#3498db!important}.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#2ecc71!important}.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#9b59b6!important}.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#f1c40f!important}.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c{color:#34495e!important}.jconfirm .jconfirm-clear{clear:both}.jconfirm.jconfirm-rtl{direction:rtl}.jconfirm.jconfirm-rtl div.jconfirm-closeIcon{left:5px;right:auto}.jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg{background-color:#444;opacity:.2}.jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);border-radius:5px}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#333}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#ddd}.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg{background-color:darkslategray;opacity:.4}.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#444;border-radius:5px;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#666}.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{-webkit-animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow{-webkit-animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@-webkit-keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}@keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:all;transition-property:all}.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex{opacity:0}.jconfirm .jconfirm-box.jconfirm-animation-rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.jconfirm-animation-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatexr{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatey{-webkit-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotateyr{-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scaley{-webkit-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scalex{-webkit-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-top{-webkit-transform:translate(0px,-100px);transform:translate(0px,-100px)}.jconfirm .jconfirm-box.jconfirm-animation-left{-webkit-transform:translate(-100px,0px);transform:translate(-100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-right{-webkit-transform:translate(100px,0px);transform:translate(100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-bottom{-webkit-transform:translate(0px,100px);transform:translate(0px,100px)}.jconfirm .jconfirm-box.jconfirm-animation-zoom{-webkit-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.jconfirm-animation-scale{-webkit-transform:scale(0.5);transform:scale(0.5)}.jconfirm .jconfirm-box.jconfirm-animation-none{visibility:hidden}.jconfirm.jconfirm-supervan .jconfirm-bg{background-color:rgba(54,70,93,0.95)}.jconfirm.jconfirm-supervan .jconfirm-box{background-color:transparent}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{border:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{color:white}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c{text-align:center;color:white;font-size:28px;font-weight:normal}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>*{padding-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{margin-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{text-align:center;color:white}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:0;color:white;padding:10px;min-width:100px}.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-material .jconfirm-bg{background-color:rgba(0,0,0,0.67)}.jconfirm.jconfirm-material .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 25px 10px 25px}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons{text-align:right}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-weight:500}.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-bootstrap .jconfirm-bg{background-color:rgba(0,0,0,0.21)}.jconfirm.jconfirm-bootstrap .jconfirm-box{background-color:white;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);border:solid 1px rgba(0,0,0,0.4);padding:15px 0 0}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold;padding-left:15px;padding-right:15px}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87);padding:0 15px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{text-align:right;padding:10px;margin:-5px 0 0;border-top:solid 1px #ddd;overflow:hidden;border-radius:0 0 4px 4px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{font-weight:500}.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-modern .jconfirm-bg{background-color:slategray;opacity:.6}.jconfirm.jconfirm-modern .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 30px 15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87);top:15px;right:15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:24px;font-weight:bold;text-align:center;margin-bottom:10px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(0);transform:scale(0);display:block;margin-right:0;margin-left:0;margin-bottom:10px;font-size:69px;color:#aaa}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{text-align:center;font-size:15px;color:#777;margin-bottom:25px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{font-weight:bold;text-transform:uppercase;-webkit-transition:background .1s;transition:background .1s;padding:10px 20px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button{margin-left:4px}.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{-webkit-transform:scale(1);transform:scale(1)} /* End */ /* Start:/css/fancybox.css?171404545624797*/ :root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}/*.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}*/.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}/*.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}*/.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none} /* End */ /* Start:/css/styles.css?1750934713385546*/ @charset "UTF-8"; /*roboto*/ @font-face { font-family: 'Roboto Condensed'; src: url('/css/font/roboto/robotocondensed-variablefont_wght.woff2') format('woff2'), url('/css/font/roboto/robotocondensed-variablefont_wght.woff') format('woff'), url('/css/font/roboto/robotocondensed-variablefont_wght.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('/css/font/roboto/roboto-variablefont.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; } /*e-ukraine*/ @font-face { font-family: 'e-Ukraine'; src: local("e-Ukraine Thin"), local("e-Ukraine-Thin"), url("/css/font/e-ukraine/e-Ukraine-Thin.woff2") format("woff2"), url("/css/font/e-ukraine/e-Ukraine-Thin.woff") format("woff"), url("/css/font/e-ukraine/e-Ukraine-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: 'e-Ukraine'; src: local("e-Ukraine Ultra Light"), local("e-Ukraine-Ultra-Light"), url("/css/font/e-ukraine/e-Ukraine-UltraLight.woff2") format("woff2"), url("/css/font/e-ukraine/e-Ukraine-UltraLight.woff") format("woff"), url("/css/font/e-ukraine/e-Ukraine-UltraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: 'e-Ukraine'; src: local("e-Ukraine Light"), local("e-Ukraine-Light"), url("/css/font/e-ukraine/e-Ukraine-Light.woff2") format("woff2"), url("/css/font/e-ukraine/e-Ukraine-Light.woff") format("woff"), url("/css/font/e-ukraine/e-Ukraine-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'e-Ukraine'; src: local("e-Ukraine"), local("e-Ukraine-Regular"), url("/css/font/e-ukraine/e-Ukraine-Regular.woff2") format("woff2"), url("/css/font/e-ukraine/e-Ukraine-Regular.woff") format("woff"), url("/css/font/e-ukraine/e-Ukraine-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: 'e-Ukraine'; src: local("e-Ukraine Medium"), local("e-Ukraine-Medium"), url("/css/font/e-ukraine/e-Ukraine-Medium.woff2") format("woff2"), url("/css/font/e-ukraine/e-Ukraine-Medium.woff") format("woff"), url("/css/font/e-ukraine/e-Ukraine-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: 'e-Ukraine'; src: local("e-Ukraine Bold"), local("e-Ukraine-Bold"), url("/css/font/e-ukraine/e-Ukraine-Bold.woff2") format("woff2"), url("/css/font/e-ukraine/e-Ukraine-Bold.woff") format("woff"), url("/css/font/e-ukraine/e-Ukraine-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } /*:root*/ :root { --color--blue: var(--primary-base); --color--blue--black: var(--primary-black); --color--blue--dark: var(--primary-dark); --color--blue--soft: var(--primary-soft); --color--blue--light: var(--primary-light); --color--blue--barely: var(--primary-barely); --color--blue--faint: var(--primary-faint); --color--gray: var(--grayscale-base); --color--gray--dark: var(--grayscale-dark); --color--gray--black: var(--grayscale-black); --color--gray--barely: var(--grayscale-barely); --color--gray--pale: var(--grayscale-pale); --color--gray--soft: var(--grayscale-soft); --color--gray--light: var(--grayscale-light); --color--gray--faint: var(--grayscale-faint); --color--green: var(--tertiary-green); --color--green--dark: var(--tertiary-green-dark); --color--yellow--dark: var(--secondary-yellow-dark); --color--yellow: var(--secondary-yellow); --color--orange: var(--tertiary-orange); --color--red: var(--error-red); } /**/ * { box-sizing: border-box; margin: 0; padding: 0; } html, body { padding: 0; margin: 0; height: 100%; scrollbar-gutter: stable; } body, a, button, li, ul, ol, textarea, input { font-family: "Roboto", sans-serif; font-style: normal; } body { background-color: #fff; } a { color: var(--primary-base); text-decoration: none; } body.lock, body._lock, body.lock .mobile_main_menu .sidebar__body { overflow: hidden!important; } /*bg color*/ [class*="bg--"] { transition: all .15s ease-in-out; } .bg--orange { background-color: var(--color--orange); } .bg--green { background-color: var(--color--green); } .bg--gray--soft { background-color: var(--color--gray--soft); } .bg--gray--light { background-color: var(--color--gray--light); } .bg--blue { background-color: var(--primary-base); } .bg--blue--soft { background-color: var(--color--blue--soft); } .bg--blue--light { background-color: var(--color--blue--light); } ::-webkit-input-placeholder { font-size: 14px; font-weight: 400; line-height: 16px; color: var(--grayscale-soft); } ::-moz-placeholder { font-size: 14px; font-weight: 400; line-height: 16px; color: var(--grayscale-soft); } /* Firefox 19+ */ :-moz-placeholder { font-size: 14px; font-weight: 400; line-height: 16px; color: var(--grayscale-soft); } /* Firefox 18- */ :-ms-input-placeholder { font-size: 14px; font-weight: 400; line-height: 16px; color: var(--grayscale-soft); } :focus::-webkit-input-placeholder { color: transparent !important; } :focus::-moz-placeholder { color: transparent !important; } :focus:-moz-placeholder { color: transparent !important; } :focus:-ms-input-placeholder { color: transparent !important; } @media(any-hover: hover) { /*scrollbar*/ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: var(--grayscale-faint); border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: var(--grayscale-faint); } .scroll--thin::-webkit-scrollbar { width: 4px; } .scroll--thin::-webkit-scrollbar-thumb { border-right: 2px solid #fff; } @-moz-document url-prefix() { * { scrollbar-color: var(--grayscale-base) #fff; scrollbar-width: thin; } } } ._hidden { display: none!important; } .invisible { visibility: hidden; } /*new chat .helpcrunch-widget-type-icon-label { -moz-animation: hideHint 0s ease-in 5s forwards; -webkit-animation: hideHint 0s ease-in 5s forwards; -o-animation: hideHint 0s ease-in 5s forwards; animation: hideHint 0s ease-in 5s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }*/ @keyframes hideHint { to { width: 0; height: 0; visibility: hidden; } } @-webkit-keyframes hideHint { to { width: 0; height: 0; visibility: hidden; } } .with-fancybox .helpcrunch-iframe-wrapper, ._newsCatLock #panel { display: none!important; } /*bx*/ .bx-session-message { max-width: 700px; width: 100% !important; font-family: 'Roboto', sans-serif !important; line-height: 16px; font-weight: 500 !important; color: #202020 !important; min-height: 64px; display: flex; align-items: center; padding: 0 32px !important; left: 50% !important; transform: translateX(-50%) !important; } .bx-session-message-close { flex: 0 0 12px; position: absolute; right: 5px; top: 5px; } .cl-floating-box { bottom: 86px!important; } /*tgBot*/ .tgBot { position: fixed; right: 61px; bottom: 100px; z-index: 12; animation: load .5s ease-in-out; } /**/ #bwc-wrap #bwc-widget-action { right: 51px !important; } .tgBot__icon { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='58' viewBox='0 0 56 56' fill='none'%3E%3Cpath d='M28 56C43.464 56 56 43.464 56 28C56 12.536 43.464 0 28 0C12.536 0 0 12.536 0 28C0 43.464 12.536 56 28 56Z' fill='%233493E8'/%3E%3Cpath d='M28 16C21.4 16 16 21.4 16 28C16 34.6 21.4 40 28 40C34.6 40 40 34.6 40 28C40 21.4 34.6 16 28 16ZM33.6 24.2C33.4 26.1 32.6 30.7 32.2 32.8C32 33.7 31.7 34 31.4 34C30.7 34.1 30.2 33.5 29.5 33.1C28.4 32.4 27.8 32 26.8 31.3C25.6 30.5 26.4 30.1 27.1 29.4C27.3 29.2 30.3 26.4 30.4 26.2C30.4 26.2 30.4 26.1 30.3 26C30.2 25.9 30.1 26 30.1 26C30 26 28.3 27.1 25 29.3C24.5 29.6 24.1 29.8 23.7 29.8C23.3 29.8 22.4 29.6 21.8 29.4C21 29.2 20.5 29 20.5 28.6C20.5 28.4 20.8 28.2 21.4 27.9C24.9 26.4 27.2 25.4 28.4 24.9C31.7 23.5 32.4 23.3 32.9 23.3C33 23.3 33.2 23.3 33.4 23.4C33.5 23.5 33.6 23.6 33.6 23.7C33.6 23.8 33.6 24 33.6 24.2Z' fill='white'/%3E%3C/svg%3E") no-repeat; width: 58px; height: 58px; display: flex; } @keyframes tgPulse { 50% { transform: scale(1,1); opacity: 1; } 100% { transform: scale(2,2); opacity: 0; } } /*--transform*/ .rotate--90 { transform: rotate(-90deg); } .rotate--180 { transform: rotate(-180deg); } .rotate--270 { transform: rotate(-270deg); } /**/ header, main, footer { width: 100%; } body.lock .grid { overflow: hidden!important; } .hidden-lg { display: none!important; } .visible--bl { display: block; } #scrollup img { box-shadow: inset 0 0 0 30px rgba(255,255,255,.95); border-radius: 50%; } .grid { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; background-color: #fff; height: 100%; color: var(--grayscale-black); font-size: 14px; line-height: 18px; } .grid__row { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .grid__row--full { -ms-flex: 1 1 auto; flex: 1 1 auto; } .is-pagination .main { padding-bottom: 48px; } /*@media screen and (max-width: 1600px) {*/ .main__section_marginTop { margin-top: 50px; } /*}*/ .main__section-title { display: flex; align-items: center; gap: 16px; min-height: 64px; padding: 8px 16px 8px 32px; margin-top: 16px; } .main__section-title .title { letter-spacing: -0.48px; font-size: 24px; line-height: 100%; } @media only screen and (max-width: 780px) { .main__section-title { padding: 8px 16px; margin-top: 0; min-height: 48px; } .main__section-title .title { font-size: 20px; line-height: 32px; } } [lang="pl"] .form--subscribe { padding-top: 8px; } [lang="pl"] .form--subscribe .switch { padding: 12px 0 8px 8px; } h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; box-sizing: border-box; font-style: normal; margin: 0; padding: 0; } .section-group { border: 1px solid var(--grayscale-faint); border-top: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media only screen and (max-width: 780px) { .section-group--m680 { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .section-group.section-group--m680 { border-left: none; border-right: none; } } @media (max-width: 680px) { .section-group { border:unset; } } button { color: var(--grayscale-black); } .o-hidden, .over--hidden, .is--trigger-modal, .open-modal { overflow: hidden; } .is--trigger-modal .promo-sign { z-index: 0; } .cursor-not-allowed, [readonly] { cursor: not-allowed; } /* modal - barcode */ .header--sticky:has(~ .main .modal-barcode.is-active) { opacity: 0; z-index: 0; } body.over--hidden #scrollup, .is--trigger-modal #scrollup, body.over--hidden .helpcrunch-iframe-wrapper, .open-modal #scrollup, body.open-modal .helpcrunch-iframe-wrapper, body.over--hidden .chat-helpcrunch-close { display: none; visibility: hidden; } .modal-barcode .modal__close .icon .icon__pic { color: #fff; } .modal-barcode .modal__header { max-height: 112px; background-color: var(--primary-base); padding: 32px 24px 16px 48px; } .modal-barcode .icon--logo { justify-content: stretch; } .modal-barcode .icon--logo .icon__pic { height: 64px; width: 144px; } .modal-barcode .modal-main { padding: 0 0 32px; } .modal-barcode .modal-main__columns { display: flex; padding: 15px 48px; min-height: 80px; gap: 0 48px; } .barcode--desc--row { overflow: hidden; padding-bottom: 32px; } .modal-barcode .modal-main__columns .text { padding: 7px 0; } .modal-barcode .modal-main__columns .text.text--size--xl { padding: 14px 0; } .modal-barcode .columns--1 { background-color: var(--color--blue--barely); justify-content: space-between; } .modal-barcode .columns--1 .text--unit { font-weight: 400; font-size: 16px; line-height: 20px; } .modal-barcode .columns--2 { padding-top: 28px; position: relative; } .modal-barcode .columns--2::after { content: ''; background: url("data:image/svg+xml,%3Csvg width='256' height='256' viewBox='0 0 256 256' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M136 176H88V160H136V176ZM136 136H88V120H136V136ZM136 96H88V80H136V96ZM168 176H152V160H168V176ZM168 136H152V120H168V136ZM168 96H152V80H168V96ZM150.4 40C147.2 30.4 138.4 24 128 24C117.6 24 108.8 30.4 105.6 40H56V216H200V40H150.4ZM184 200H72V56H120V48C120 43.2 123.2 40 128 40C132.8 40 136 43.2 136 48V56H184V200Z' fill='%23D0EEFF'/%3E%3C/svg%3E%0A") no-repeat; position: absolute; width: 256px; height: 256px; top: -14px; right: 0; z-index: -1; } .modal-main__barcode { padding: 0 8px 32px; max-width: 364px; height: 184px; margin: 0 auto; width: 100%; } .modal-main__barcode svg { max-width: 384px; width: 100%; } .modal-main__barcode div > div { height: 96px!important; } .modal-barcode .modal-main__action { justify-content: flex-end; padding-right: 32px; } .modal-barcode .modal-main__action .button { flex: 0 1 96px; } @media (max-width: 470px) { /* перевернутий шк */ /*.modal-barcode .modal__overlay { background-color: rgba(0, 128, 224, .85); } .modal-barcode .modal__body { transform: rotate(90deg); height: auto; min-width: 470px; border-radius: 8px 8px 6px 6px; box-shadow: 0 0 10px rgba(32,32,32,.1); } .modal-barcode .modal__close .icon--size--32 .icon__pic { width: 48px; height: 48px; margin-top: 6px; } .modal-barcode .modal-main { display: grid; grid-auto-rows: min-content; padding-bottom: 16px; } .modal-barcode .modal__header { max-height: 40px; padding: 2px 24px; border-radius: 6px 6px 0 0; box-shadow: 0 0 0 1px var(--primary-base); } .modal-barcode .icon--logo .icon__pic { height: 36px; width: 72px; } .modal-barcode .modal-main__columns { gap: 16px; padding: 0 24px 8px; min-height: inherit; } .modal-barcode .modal-main__columns .text { font-size: 12px; padding-bottom: 0; } .modal-barcode .modal-main__columns .text.text--size--xl { padding: 0; font-size: 18px; } .modal-barcode .columns--2 > * { flex: 1 1 calc(50% - 16px); } .modal-barcode .columns--2::after { top: -208px; opacity: 0; } .modal-barcode .barcode--desc--row { grid-row: 3; padding: 0 32px; } .modal-barcode .columns--2 .modal-main__column:last-child { text-align: right; } .modal-barcode .columns--2 .text--size--sm { font-size: 14px; padding-top: 2px; } .modal-main__barcode { padding: 8px; height: 80px; } .modal-main__barcode div > div { height: 64px!important; } .modal-main__barcode svg { width: 356px; height: 80px; } .modal-barcode .modal-main__action { padding-right: 0; display: none; } .modal-barcode .modal-main__action .button { min-width: 128px; margin: 0 auto; }*/ .modal-barcode .modal-main__action .button { min-width: 128px; } /* звичайний шк */ .popup-code-bar .modal-main__columns { flex-direction: column; justify-content: flex-start; } .popup-code-bar .columns--1 .text--align--right { text-align: left; } .popup-code-bar .columns--1 .text { padding-bottom: 0; } .popup-code-bar .columns--2 { padding-top: 16px; padding-bottom: 8px; } .modal-barcode .columns--2::after { top: -60px; } .popup-code-bar .modal-main__barcode { padding: 0; } .popup-code-bar .modal-main__barcode > div { transition: all .15s ease-in-out; } } @media (max-width: 414px) { .popup-code-bar .modal-main__barcode { padding-left: 0; } .popup-code-bar .modal-main__barcode > div { transform: scale(.9); width: 100%!important; } } @media (max-width: 375px) { .popup-code-bar .modal-main__barcode { padding-left: 0; } .popup-code-bar .modal-main__barcode > div { transform: scale(.85); } } @media (max-width: 350px) { .popup-code-bar .modal-main__barcode { height: 148px; } .popup-code-bar .modal-main__barcode > div { transform: scale(.8); position: relative; left: -10px; } } @media (max-width: 340px) { .popup-code-bar .modal-main__barcode > div { transform: scale(.75); left: -20px; } } /**/ .minimum-width { width: 0; -ms-flex: 1 1 0; flex: 1 1 0; } .by-no-register .order-product { border: 1px solid var(--grayscale-faint); border-bottom: none; padding-bottom: 32px; } .by-no-register .order-product .order-product__item { border: none; } .by-no-register .amount-bottom { -ms-flex-pack: end; justify-content: flex-end; margin-bottom: -32px; } @media only screen and (max-width: 780px) { .by-no-register .order-product__name { padding-bottom: 12px; } .by-no-register__action { -ms-flex-pack: center; justify-content: center; } .by-no-register .amount-bottom { padding-left: 8px; margin-bottom: 0; } } .blue-circle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; flex-shrink: 0; background-color: var(--primary-light); } .pay-desc { border-top: 1px solid var(--grayscale-faint); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0 16px; } .pay-desc__header { display: -ms-flexbox; display: flex; flex-wrap: wrap; -ms-flex-align: center; align-items: center; padding: 0 16px 0; min-height: 64px; margin-top: 32px; } .pay-desc__title { flex-shrink: 0; font-size: 24px; line-height: 24px; order: 2; } .pay-desc__brands { margin-left: auto; order: 1; } .pay-desc__brands .brands__list { border: none; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 1320px) { .pay-desc__brands .brands__list { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .pay-desc__main { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1792px; width: 100%; margin: 0 auto; } .pay-desc__section { -ms-flex: 1 1 50%; flex: 1 1 50%; min-width: 320px; padding: 16px; font-size: 14px; line-height: 18px; color: var(--grayscale-base); } @media (max-width: 1068px) { .pay-desc__header { -ms-flex-direction: column; flex-direction: column; } .pay-desc__header .pay-desc__title { font-size: 16px; line-height: 20px; } } .pay-action { max-width: 1264px; width: 100%; padding: 0 16px; margin: 0 auto; } @media (max-width: 1068px) { .pay-action { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; } .pay-action .max-w--400 { max-width: none; } .pay-action .mesh-row { padding: 0; } .pay-action .max-w--192 { margin: 16px 0; } } .window--bordered { border: 1px solid var(--grayscale-faint); } .download-icon { text-decoration: none; cursor: pointer; flex-shrink: 0; } .mesh-row--auth .button--reverse .button { border-radius: 16px; padding: 0 8px; } .header--sticky .mesh-row--auth .button { padding: 0; } .mesh-row--lang { position: relative; min-width: 72px; } .choose-lang.is-hidden { display: none; } .mesh-row--lang .btn-lang--label { display: flex; align-items: center; } .header--sticky .mesh-row--lang .btn-lang--label { padding-right: 0; } .lang--label--text { font-size: 16px; line-height: 18px; padding-top: 2px; padding-left: 4px; } .mesh-row--auth .button .button__text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 96px; padding-top: 2px; } .action-with-counter { position: relative; } .action-with-counter.is-disabled .button { cursor: not-allowed; background-color: transparent!important; } .action-with-counter ._hint { max-width: 220px; left: unset; z-index: 14; } .hint--area.is-disabled .button__icon { opacity: .35; } .action-with-counter__counter { position: absolute; top: -2px; right: -2px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 16px; width: 16px; border-radius: 50%; color: #fff; background-color: var(--tertiary-green); font-size: 10px; line-height: 12px; } .comments { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .comments__add-comment { padding-bottom: 16px; } .comments__list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; /*border-top: 1px solid var(--grayscale-faint);*/ } .comments__item { display: -ms-flexbox; display: flex; /*border-bottom: 1px solid var(--grayscale-faint);*/ padding: 8px 16px 8px 18px; } .comments__logo { padding-top: 10px; color: var(--primary-light); flex-shrink: 0; } .comments__main { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 18px; -ms-flex: 1 1 auto; flex: 1 1 auto; } .comments__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; min-height: 32px; } .comments__date { padding-left: 12px; } .comments__text { margin-top: 8px; min-height: 40px; font-size: 14px; line-height: 18px; word-break: break-word; } .amount { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: stretch; box-shadow: 0 0 0 1px var(--grayscale-faint); width: fit-content; } .amount.is-disabled { opacity: .25; } .amount.is-disabled > button, .amount.is-disabled > input { cursor: not-allowed; } .amount__action { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; min-width: 48px; border: none; background-color: transparent; color: var(--primary-base); cursor: pointer; } .amount__action .icon { transition: all ease-in 150ms; } .amount__action:not(.is-disabled):hover .icon { color: var(--color--blue--soft); } .amount__action:not(.is-disabled):focus .icon { color: var(--color--blue--dark); } .amount__action:not(.is-disabled):active { color: var(--primary-black); } .amount__counter[type=number] { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; min-width: 48px; min-height: 48px; max-width: 48px; border-left: 1px solid var(--grayscale-faint); border-right: 1px solid var(--grayscale-faint); border-top: none; border-bottom: none; text-align: center; cursor: default; } .amount__counter::-webkit-outer-spin-button, .amount__counter::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .amount__counter[type=number] { -moz-appearance: textfield; } /**/ .main__section.product-block { margin-bottom: 48px; } .product-block:has(+ .video-block) { margin-bottom: 0; } .description__body { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; } @media (max-width: 880px) { .description__body { -ms-flex-wrap: wrap; flex-wrap: wrap; } .description__body .button__text { display: none; } } .description--tools-absolute { min-height: 206px; border: 1px solid var(--grayscale-faint); display: -ms-flexbox; display: flex; padding: 16px 16px 56px 16px; margin-bottom: -1px; position: relative; width: 100%; } .description--tools-absolute .description__tools { position: absolute; right: 16px; top: calc(100% - 48px); } .description__title { font-size: 20px; line-height: 20px; padding: 16px; min-width: 392px; color: var(--grayscale-black); } .description__content { align-items: stretch; padding: 16px; font-size: 14px; line-height: 18px; color: var(--grayscale-base); overflow: hidden; height: 0; min-height: 198px!important; } .description--tools-absolute .description__content:not(.company_full) { columns: auto 420px; column-gap: 32px; } .description--tools-absolute .description__content:not(.company_full) ul { display: none; } .description--tools-absolute .description__content { transition: all .5s ease-in-out; } .description--tools-absolute .description__content h2:first-child { font-size: 20px; font-weight: 400; line-height: 100%; text-align: left!important; color: var(--grayscale-black); } .description--tools-absolute .description__content p { font-size: 14px; line-height: 18px; margin-bottom: 18px; color: var(--grayscale-base); text-align: left!important; } .description__content .ul-text { margin-bottom: 7px; } .description--tools-absolute .description__content p:last-child { margin-bottom: 0; } .description--tools-absolute .description__content br { content: ''; } .description__content table { border-collapse: collapse; margin: 8px 0 20px; } .description__content td { padding: 8px; border-bottom: 1px solid var(--grayscale-faint); } .description--tools-absolute .description__content.company_full ul { padding-left: 17px; margin-top: 20px; padding-bottom: 20px; } .description--tools-absolute .description__content h2, .description--tools-absolute .description__content h3, .description--tools-absolute .description__content h4 { padding-bottom: 20px; } .description--tools-absolute .description__content.company_full ul li { list-style: disc; margin-bottom: 10px; } .description--tools-absolute .description__content ul li:last-child { margin-bottom: 0; } .description--tools-absolute .description__content.company_full iframe{ margin-top: 20px; } .description__content:not(.company_full) * { text-align: left!important; } .description--tools-absolute .description__content:not(.company_full) iframe { display: none; } .description--tools-absolute .description__content img { max-width: 40%; } .description__tools { width: 100%; max-width: 128px; display: -ms-flexbox; display: flex; padding: 0 8px; } .description__tools .show-more { min-height: 32px; } .description__tools .show-more__text { font-size: 14px; line-height: 100%; font-weight: 600; text-transform: lowercase; margin-right: 0; } @media (max-width: 680px) { .description__tools .show-more { justify-content: flex-end; } .description__tools .show-more__text { font-weight: 400; text-transform: unset; } } @media (max-width: 1024px) { .description--tools-absolute .description__content:not(.company_full) { column-count:2; } } @media (max-width: 780px) { .description { -ms-flex-direction: column; flex-direction: column; border: none; } .description__title { min-width: auto; font-size: 14px; padding: 0; color: var(--grayscale-base); } .description__content { overflow: hidden; text-overflow: ellipsis; padding: 0; margin-bottom: 24px; -webkit-column-count: auto; column-count: auto; } .description--tools-absolute { position: relative; margin-bottom: 0; } .description--tools-absolute .description__tools { position: static; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 100%; border: none; max-width: none; } .description--tools-absolute .description__content:not(.company_full) { column-count: 1; } .description--tools-absolute .description__content:not(.company_full) h2:first-child { height: auto; } } @media (max-width: 600px) { .description--tools-absolute .description__content:not(.company_full) { display: block; } .description--tools-absolute .description__content h2 { font-size: 16px; line-height: 20px; } .description--tools-absolute .description__content p { font-size: 14px; line-height: 18px; } } @media (max-width: 470px) { .description--tools-absolute { padding: 0; margin-bottom: 32px; } .description__body { border: 1px solid var(--grayscale-faint); border-left: none; border-right: none; padding: 16px; } .description__content { margin-bottom: 0; min-height: 168px !important; } .description__tools .show-more { min-height: 48px; } } @media screen and (min-width: 320px) { .company_full { height: 100% !important; } } @media only screen and (max-width: 780px) { .main .catalog-g-title { padding: 0; } .main__section .g-title { margin: 0; padding-left: 16px; } .g-title .g-title__text h1 { font-size: 20px; font-weight: 400; margin: 0; width: calc(100vw - 124px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .videos-heading-title__body .g-title__text h1, .articles-heading-title .g-title__text h1 { width: auto; } } .measurements-value { background-color: var(--grayscale-barely); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; min-height: 40px; padding: 0 8px; -ms-flex: 1 1 auto; flex: 1 1 auto; } .g-title { min-height: 80px; padding-left: 32px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .g-title h1 { font-size: 32px; line-height: 36px; font-weight: 900; } .catalog-g-title { display: flex; align-items: center; gap: 16px; justify-content: space-between; padding: 8px 0; } .catalog-g-title__price { padding-right: 16px; flex: 0 0 auto; } *:focus-visible { outline: 0; } .main .clear-position { position: unset; top: unset; left: unset; right: unset; bottom: unset; } .hint--area, .rel--area { position: relative; } [data-hint], ._hint { transition: all .25s ease-in-out; } [data-hint] { cursor: pointer; } [data-hint]::before { content: attr(data-hint); position: absolute; background-color: rgba(32,32,32,.8); box-shadow: 0 2px 8px 0 rgba(32, 32, 32, 0.25); border-radius: 8px; padding: 16px; width: max-content; max-width: 288px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; top: 100%; right: 0; display: none; z-index: 1000; } [data-hint]:hover::before { display: block; } .hint-left::before { left: auto; right: 100%; transform: translateX(0); } .hint-right::before { left: 100%; transform: translateX(0); } .hint-top::before { top: auto; bottom: 100%; transform: translateX(-50%); } .hint-bottom::before { top: 100%; transform: translateX(-50%); } .hint-center::before { top: unset; left: unset; right: unset; } .hint-small::before { padding: 8px; } .hint-clear { top: unset; right: unset; bottom: unset; left: unset; } .hint-clear-v { right: unset; left: unset; } .hint-clear-h { top: unset; bottom: unset; } @media (max-width: 414px) { [data-hint]::before { max-width: 228px; } } /*[data-hint]:hover::before {*/ /* content: attr(data-hint);*/ /* display: flex;*/ /* align-items: center;*/ /*}*/ /*[data-hint]:hover::before,*/ ._hint { position: absolute; top: 100%; background-color: rgba(32,32,32,.8); box-shadow: 0 2px 8px 0 rgba(32, 32, 32, 0.25); border-radius: 8px; padding: 16px; width: max-content; max-width: 320px; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; right: 0; z-index: 12; } .icon ~ ._hint { right: unset; } .hint--area:hover ._hint { visibility: visible; } ._hint { visibility: hidden; white-space: normal; } ._hint .text { color: #fff; font-size: 12px; line-height: 100%; font-weight: 400; } [data-flex='zero'] { -ms-flex: 0 0 auto; flex: 0 0 auto; } [data-flex='1'] { -ms-flex: 1 1 auto; flex: 1 1 auto; } [data-flex='2'] { -ms-flex: 2 1 auto; flex: 2 1 auto; } [data-flex='3'] { -ms-flex: 3 1 auto; flex: 3 1 auto; } [data-flex='4'] { -ms-flex: 4 1 auto; flex: 4 1 auto; } [data-flex='5'] { -ms-flex: 5 1 auto; flex: 5 1 auto; } [data-flex='6'] { -ms-flex: 6 1 auto; flex: 6 1 auto; } [data-flex='7'] { -ms-flex: 7 1 auto; flex: 7 1 auto; } [data-flex='8'] { -ms-flex: 8 1 auto; flex: 8 1 auto; } [data-flex='9'] { -ms-flex: 9 1 auto; flex: 9 1 auto; } [data-flex='10'] { -ms-flex: 10 1 auto; flex: 10 1 auto; } [data-flex='1-w-1'] { -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1px; } [data-flex='half'] { -ms-flex: 1 1 50%; flex: 1 1 50%; } [data-flex='half']:only-child, [data-flex='half']:nth-of-type(odd):last-child { -ms-flex: 0 1 50%; flex: 0 1 50%; } [data-flex='third'] { -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; } [data-flex='fourth'] { -ms-flex: 1 1 25%; flex: 1 1 25%; } [data-flex='1--no-diminish'] { -ms-flex: 1 0 auto; flex: 1 0 auto; } [data-flex-shrink="0"] { flex-shrink: 0; } [data-fit="cover"], .fit--cover { width: 100%; height: 100%; object-fit: cover; } [data-fit="contain"], .fit--contain { width: 100%; height: 100%; object-fit: contain; } .mesh-cell { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .mesh-row { display: -ms-flexbox; display: flex; } .mesh-cell--full, .mesh-row--full { width: 100%; } .mesh-cell--v-center, .mesh-row--v-center { -ms-flex-align: center; align-items: center; } .mesh-cell--v-start, .mesh-row--v-start { -ms-flex-align: start; align-items: flex-start; } .mesh-cell--v-end, .mesh-row--v-end { -ms-flex-align: end; align-items: flex-end; } .mesh-cell--v-baseline, .mesh-row--v-baseline { -ms-flex-align: baseline; align-items: baseline; } .mesh-cell--stretch, .mesh-row--stretch { -ms-flex-align: stretch; align-items: stretch; } .mesh-cell--between, .mesh-row--between { -ms-flex-pack: justify; justify-content: space-between; } .mesh-cell--around, .mesh-row--around { -ms-flex-pack: distribute; justify-content: space-around; } .mesh-cell--center, .mesh-row--center { -ms-flex-pack: center; justify-content: center; } .mesh-cell--end, .mesh-row--end { -ms-flex-pack: end; justify-content: flex-end; } .mesh-cell--wrap, .mesh-row--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .mesh-cell--column, .mesh-row--column { -ms-flex-direction: column; flex-direction: column; } .mesh-gap-none { gap: unset!important; } .mesh-gap-xxs { gap: 4px; } .mesh-gap-xs { gap: 8px; } .mesh-gap-cm { gap: 16px; } .mesh-gap-sm { gap: 32px; } .m--auto { margin: 0 auto; } .mh--xs { max-height: 182px; } .o--auto { overflow: auto; } @media (max-width: 1068px) { .mesh-cell--1068--column, .mesh-row--1068--column { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (max-width: 1320px) { .header .header-press-icons svg { width: 36px; } .mesh-cell--1260--column, .mesh-row--1260--column { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .section-side-catalog .mesh-row--1260--column { -ms-flex-direction: unset; flex-direction: unset; } } .sidebar { position: fixed; z-index: 21; top: 0; bottom: 0; left: 0; } .sidebar__outline { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); } .sidebar--autline { width: 100%; } .sidebar--autline .sidebar__outline { display: block; } .sidebar.is-hidden { display: none; } .sidebar__body { position: relative; z-index: 1; height: 100%; overflow-y: auto; } .sidebar__body--dark { background-color: var(--grayscale-dark); } .sidebar__body--cm { max-width: 329px; width: 100%; } .sidebar__body--cmx { max-width: 360px; width: 100%; } .sidebar__header { display: -ms-flexbox; display: flex; } .sidebar__header-section { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 1 1 auto; flex: 1 1 auto; } .sidebar__header-section .page-header__logo { height: 32px; } .sidebar__subheader { display: -ms-flexbox; display: flex; border-bottom: 1px solid var(--grayscale-base); } .sidebar__subheader-action { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 8px; } .mobile_main_menu.is-active { z-index: 23; } .mobile_main_menu .sidebar__header { padding: 8px 12px; } .mobile_main_menu .sidebar__subheader { padding: 0 4px; } .mobile_main_menu .sidebar__navigate-section { padding: 0 6px; } .mobile_main_menu .drop-box__body { padding-left: 8px; } .mobile_main_menu .sidebar-subscribe { padding: 24px 16px 16px; } .sidebar-subscribe .input-wrapper .icon--email { left: 12px; color: var(--grayscale-light); } .mobile_main_menu .sidebar-copyright { padding: 8px 16px; } .sidebar__subheader-action .button__body { justify-content: stretch; } .sidebar__subheader-action .button__icon { flex: 0 0 auto; } .sidebar__subheader-action:not(:first-child) { border-left: 1px solid var(--grayscale-base); } .sidebar__login { background-color: transparent; border: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0; margin: 0 0 0 auto; } .sidebar__login-text { margin-right: 8px; } .sidebar__login-icon { color: #fff; } .sidebar__navigate { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .sidebar__navigate-section:last-child { border-bottom: none; padding-bottom: 56px; } .sidebar__navigate-section .input-wrapper .input { background-color: transparent; border: 1px solid var(--grayscale-soft); border-radius: 4px; color: #fff; min-height: 48px; padding: 0 36px 0 48px; } .sidebar__navigate-section .input-wrapper .input-icon--right { right: 6px; } .sidebar__navigate-item-link { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .sidebar__navigate-actions { display: -ms-flexbox; display: flex; gap: 8px; padding-bottom: 20px; padding-left: 16px; padding-top: 16px; } .sidebar__navigate-action { padding: 8px; border-radius: 50%; height: 48px; width: 48px; background-color: var(--grayscale-faint); } .sidebar__navigate-action .icon { color: var(--grayscale-dark); } .sidebar__navigate-item-text { padding-left: 8px; } .sidebar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .sidebar-nav__select { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; color: #fff; width: 100%; min-height: 48px; padding: 0 8px; } .sidebar-nav__select-arrow { margin-left: auto; transition: transform ease-in 150ms; } .sidebar-nav__select.is-active > .sidebar-nav__select-arrow { transform: rotate(-180deg); } .sidebar-nav__list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 32px; transition: all ease-in 150ms; max-height: 10000vh; opacity: 1; } .mobile_main_menu .sidebar-nav__list { padding-left: 0; } .mobile_main_menu .header-catalog__list.is-active .drop-box__body { padding-bottom: 0; } .mobile_main_menu .header-catalog__list.is-active, .mobile_main_menu .sidebar-nav__list.is-active { border-bottom: 1px solid var(--grayscale-base); } .mobile_main_menu .sidebar-nav__list.is-active { padding-bottom: 4px; } .sidebar-nav__list .sidebar-nav__list .sidebar-nav__list-link::before { content: ''; width: 4px; margin-left: 10px; margin-right: 2px; height: 4px; border-radius: 50%; background-color: #fff; } .sidebar-nav__list .sidebar-nav__list .sidebar-nav__list .sidebar-nav__list-link::before { display: none; } .sidebar-nav__list.is-hidden { max-height: 0; opacity: 0; overflow: hidden; } .sidebar-nav__list.is-hidden .sidebar-nav__list-item { border: none; } .sidebar-nav__list-item:not(:last-child) { /*border-bottom: 1px solid var(--grayscale-base);*/ overflow: hidden; } .sidebar__subheader-action--lang { z-index: 1; } .sidebar-nav__list-link, .mobile_a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; color: #fff; width: 100%; min-height: 47px; padding: 0 8px; } .sidebar-nav__list-link.is-active > .sidebar-nav__select-arrow { transform: rotate(-180deg); } .header-e-recovery__link { display: block; padding: 4px 8px; border-radius: 64px; border: 1px solid var(--grayscale-black); } /*@media screen and (max-width: 1600px) {*/ main .breadcrumbs-wrapper { white-space: nowrap; overflow: auto; /*width: calc(100vw - 64px);*/ max-width: 1536px; padding-right: 8px; scrollbar-color: var(--grayscale-faint) #fff; scrollbar-width: none; } main .breadcrumbs-wrapper::-webkit-scrollbar { width: 0; height: 0; } /*}*/ /*@media screen and (max-width: 1536px) {*/ main .breadcrumbs-wrapper { width: calc(100vw - 16px); } /*}*/ @media (max-width: 1280px) { main .breadcrumbs-wrapper { padding: 0; } main .breadcrumbs { padding-left: 24px; } } .table { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .table-inner { width: 200px; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; overflow-y: hidden; display: -ms-flexbox; display: flex; } @media (any-hover: hover) { .table-inner::-webkit-scrollbar { width: 4px; height: 4px; } .table-inner::-webkit-scrollbar-thumb { background-color: var(--grayscale-faint); } } .table-wrapper { display: -ms-flexbox; display: flex; width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } .table--i2 .table__td { width: 50%; } .table--i3 .table__td { width: 33.333%; } .table--i4 .table__td { width: 25%; } .table--i5 .table__td { width: 20%; } .table--i6 .table__td { width: 16.666%; } .table--i7 .table__td { width: 14.285%; } .table--i8 .table__td { width: 12.5%; } .table--i9 .table__td { width: 11.111%; } .table--i10 .table__td { width: 10%; } .table--i11 .table__td { width: 9.09%; } .table--i12 .table__td { width: 8.3333%; } .table__header { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .table__header .table__item { min-height: 32px; } .table__header .table__td { -ms-flex-pack: end; justify-content: flex-end; min-height: 64px; } .table__body { max-height: 480px; -ms-flex: 1 1 auto; flex: 1 1 auto; /*overflow: scroll;*/ overflow-x: hidden; } /* scrollup */ #scrollup { display: none; position: fixed; z-index: 10; width: 60px; height: 40px; bottom: 40px; left: 25px; cursor: pointer; } .table__body .table__td { min-height: 64px; } .table__tr { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .table__tr.is-active { background-color: var(--grayscale-barely); } .table__tr.is-active .table__td { border-top-color: transparent; } .table__tr.is-active + .table__tr .table__td { border-top-color: transparent; } .table__tr-list { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; } .table__tr-main { /*padding: 16px 64px;*/ background-color: var(--grayscale-barely); } .table__tr-main.is-hidden { display: none; } .table__td { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; /*width: 100%;*/ } .table__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .table__filter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background-color: transparent; border: none; cursor: pointer; text-align: left; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; margin: 0; } .table__filter-icon { color: var(--grayscale-light); flex-shrink: 0; } .table__filter--start .text { color: var(--grayscale-black); } .table__filter--start .table__filter-icon { color: var(--grayscale-black); } .table__filter--end .text { color: var(--grayscale-black); } [data-direction="1"] .icon { transform: rotateX(-180deg); } /* ============================ Замовлення з сайту | account ============================ */ @media (any-hover: hover) { .table__body::-webkit-scrollbar { width: 8px; height: 8px; } .table__body::-webkit-scrollbar-track { background: transparent; } .table__body::-webkit-scrollbar-thumb { background: var(--grayscale-pale); border-radius: 4px; border: 2px solid #fff; } .table__body::-webkit-scrollbar-thumb:hover { background: #CCC; } } .table__td--count { flex: 0 0 16px; } .table__td--btn-icon > .offset--xcm--h { padding-left: 16px; padding-right: 0; } .icon--code-bar--32 > svg { height: 32px; width: 25px !important; } /* sorting filter checked */ .label-filter { cursor: pointer; } .label-filter .checkbox-filter { position: absolute; opacity: 0; } .filter-checked__list { display: flex; flex-wrap: wrap; gap: 8px; padding: 8px 8px 24px; } .filter-checked__item { background-color: #fff; display: flex; gap: 8px; justify-content: space-between; align-items: center; border: 1px solid var(--color--gray--soft); padding: 1px 8px; border-radius: 8px; transition: .2s; } .filter-checked__item:hover { background-color: var(--color--blue--faint); border-color: var(--color--blue--faint); } .filter-checked__text { font-weight: 400; display: flex; align-items: center; min-height: 32px; } .filter-checked__text[data-hint]:hover::before { left: 0; } .filter-checked__delete { font-weight: 400; font-size: 20px; cursor: pointer; color: var(--color--gray); } /**/ .helpful-links .helpful-links__list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; padding-bottom: 16px; max-width: 345px; } .helpful-links .helpful-links__link { height: 32px; display: flex; align-items: center; padding: 0 13px; color: var(--grayscale-base); font-weight: 700; border: 1px solid var(--grayscale-soft); border-radius: 8px; transition: all .25s ease-in-out; } .helpful-links .helpful-links__item:hover .helpful-links__link { border-color: var(--primary-faint); background-color: var(--primary-faint); } .helpful-links .helpful-links__item._active .helpful-links__link { background: #A8E0FF url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0L5 10L1 6L0 7L5 12L16 1L15 0Z' fill='%23404040'/%3E%3C/svg%3E%0A") 10px center no-repeat; border-color: var(--primary-faint); color: var(--grayscale-dark); padding-left: 36px; } .modal-dark .helpful-links .helpful-links__link { color: #fff; box-shadow: 0 0 0 1px #fff; } .modal-dark .helpful-links .helpful-links__item:hover .helpful-links__link { box-shadow: 0 0 0 2px #fff; background-color: transparent; } .modal-dark .helpful-links .helpful-links__item._active .helpful-links__link { background: transparent url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0L5 10L1 6L0 7L5 12L16 1L15 0Z' fill='%23404040'/%3E%3C/svg%3E%0A") 10px center no-repeat; color: #fff; } @media (max-width: 780px) { .filter-checked__list { padding: 8px 16px 16px; } .helpful-links .helpful-links__list { padding: 16px 16px 0; margin-bottom: 16px; overflow: auto; max-height: 216px; } .helpful-links .helpful-links__list .helpful-links__link { background-color: transparent; border: 1px solid #fff; border-radius: 8px; min-height: 32px; color: #fff; display: flex; align-items: center; } .helpful-links .helpful-links__list .helpful-links__item:hover .helpful-links__link { border-color: var(--primary-faint); background-color: var(--primary-faint); color: var(--grayscale-dark); } /*not auth*/ .account__heading.account__not-auth { /*justify-content: center;*/ padding: 16px; } .account #basket_form_container .button__auth { margin: 0 auto 16px; } /**/ .account .account__header .account__header-info { flex: 0 0 auto; } .account__main.account__order-site { padding: 0 8px; border: none; } } @media (max-width: 500px) { /* не убирать стиль */ .account__main.account__order-site { padding: 0; } } @-moz-document url-prefix() { .news-cart__list { width: 100%; max-width: inherit; justify-content: center; } } /*datepicker*/ .ui-datepicker { display: none; background-color: #fff; padding: 16px; border: 1px solid var(--grayscale-faint); border-radius: 2px 2px 0 0; } .ui-datepicker .ui-datepicker-title { display: flex; align-items: center; justify-content: center; height: 32px; text-align: center; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; font-size: 0; cursor: pointer; border-radius: 2px; transition: all .15s ease-in-out; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { /* background-color: var(--primary-base); */ } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover { /* filter: brightness(0) invert(1); */ } .ui-datepicker .ui-datepicker-next { right: 16px; } .ui-datepicker .ui-datepicker-prev { background: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14L4 8L10 2L8 0L0 8L8 16L10 14Z' fill='%230080E0'/%3E%3C/svg%3E%0A") center no-repeat; width: 32px; height: 32px; } .ui-datepicker .ui-datepicker-next { background: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14L4 8L10 2L8 0L0 8L8 16L10 14Z' fill='%230080E0'/%3E%3C/svg%3E%0A") center no-repeat; width: 32px; height: 32px; transform: rotate(-180deg); } .ui-datepicker .ui-datepicker-prev:hover { background: #0080E0 url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14L4 8L10 2L8 0L0 8L8 16L10 14Z' fill='%23fff'/%3E%3C/svg%3E%0A") center no-repeat; } .ui-datepicker .ui-datepicker-next:hover { background: #0080E0 url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14L4 8L10 2L8 0L0 8L8 16L10 14Z' fill='%23fff'/%3E%3C/svg%3E%0A") center no-repeat; } .ui-datepicker .ui-datepicker-title span { font-size: 16px; font-weight: 700; } .ui-datepicker-calendar { width: 320px; margin-top: 16px; } .ui-datepicker-calendar th { height: 32px; width: 32px; text-align: center; } .ui-datepicker-calendar th { color: var(--grayscale-base); } .ui-datepicker-calendar td > * { border-radius: 2px; color: var(--grayscale-black); height: 32px; display: flex; justify-content: center; align-items: center; transition: all .15s ease-in-out; } .ui-state-disabled { cursor: not-allowed; } .ui-state-disabled .ui-state-default { color: var(--grayscale-soft); } .ui-datepicker-calendar td a:hover, .ui-datepicker-calendar .ui-state-active { background-color: var(--primary-base); color: #fff; } .ui-datepicker-calendar .ui-datepicker-today a:not(#datepicker_VP_max a):not(#datepicker_VP_min a) { background-color: rgba(0, 0, 0, 0.1); color: var(--grayscale-black); } /*alert confirm*/ .jconfirm .jconfirm-box { padding: 0 16px; } .jconfirm .jconfirm-box .jconfirm-buttons { padding-bottom: 0; } .jconfirm .jconfirm-box .jconfirm-buttons>button { margin: 0; padding: 8px; min-height: 32px; background-color: var(--primary-base); color: #fff; } .jconfirm .jconfirm-box .jconfirm-title-c, .jconfirm .jconfirm-box .jconfirm-title, .jconfirm .jconfirm-box .confirm__title { font-size: 14px; line-height: 18px; color: var(--grayscale-base); word-break: break-word; } .jconfirm .jconfirm-box .jconfirm-title { justify-content: center; } .jconfirm .jconfirm-box .jconfirm-content-pane .jconfirm-content { padding: 8px 0 4px; text-align: center; font-size: 16px; line-height: 18px; word-break: break-word; } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons { display: flex; justify-content: center; align-items: center; float: unset; gap: 16px; } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button { flex: 0 1 168px; height: auto; min-height: 32px; background-color: transparent; padding: 0 8px; line-height: 100%; font-size: 14px; color: var(--primary-base); border-radius: 32px; transition: all .15s ease-in-out; text-transform: unset; } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button:first-letter { text-transform: uppercase; } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button.btn--lowercase:first-letter { text-transform: lowercase; } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button.btn-default { border: 1px solid var(--primary-base); background-color: #fff; color: var(--primary-base); } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button.btn-default:hover { background-color: var(--primary-base); color: #fff; } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button.btn-blue, .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button.button--primary { background-color: var(--primary-base); color: #fff; } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button.btn-blue:hover, .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button.button--primary:hover { opacity: .8; } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons .button.button--transparent { background-color: transparent; color: var(--primary-base); } .jconfirm[class*="jconfirm"] .jconfirm-box { border-radius: 8px; padding: 24px 16px 32px; } .jconfirm[class*="jconfirm"] .jconfirm-holder { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } /**/ .jconfirm .vr-alert .jconfirm-box { border-radius: 16px; max-width: 512px; padding: 24px 32px 32px; } .jconfirm .jconfirm-box-container.vr-alert .jconfirm-box .jconfirm-title { justify-content: flex-start; font-size: 14px; } .jconfirm .vr-alert .jconfirm-box .jconfirm-content-pane .jconfirm-content { padding: 8px 0; text-align: center; font-size: 16px; line-height: 20px; } .jconfirm .alert-lang .jconfirm-content > div { display: flex; align-items: center; justify-content: center; gap: 8px; line-height: 24px; } .alert-lang .btn-red { transition: 0.25s; } .alert-lang .btn-red:hover { animation: pullsLeftRight .25s ease-in-out; } @keyframes pullsLeftRight { 0% { transform: translateX(-4px); } 35% { transform: translateX(0); } 75% { transform: translateX(-4px); } 100% { transform: translateX(0); } } .jconfirm .vr-alert.text--align--left .jconfirm-box .jconfirm-content-pane .jconfirm-content { text-align: left; } .jconfirm .vr-alert .jconfirm-box .jconfirm-buttons { justify-content: flex-end; } .jconfirm .vr-alert .jconfirm-box .jconfirm-buttons button { border-radius: 64px; flex: unset; padding: 0 22px; width: auto; height: 40px; } .jconfirm .jconfirm-buttons button.btn-red:hover { box-shadow: unset; } /*confirm--status*/ .jconfirm[class*="jconfirm"] .confirm--status .jconfirm-box { min-width: 288px; border-radius: 16px; padding: 16px 32px 0 24px; } .confirm-status__desc { align-items: center; justify-content: center; gap: 24px 8px; } .confirm-status__desc .text--desc { max-width: 176px; font-size: 16px; line-height: 20px; color: var(--grayscale-dark); text-align: left; } /*auto hint confirm*/ .jconfirm[class*="jconfirm"] .auto-hint .jconfirm-box { min-width: inherit; padding: 0 16px; } .jconfirm[class*="jconfirm"] .auto-hint-dark .jconfirm-box { background-color: rgba(32,32,32,.9); color: #fff; } .jconfirm .auto-hint .jconfirm-box .jconfirm-content-pane { margin-bottom: 0; } .auto-hint-dark .confirm-status__desc .text--desc { color: #fff; font-size: 14px; } /*auto hint custom*/ .auto-show-hint { background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); position: absolute; padding: 8px 12px; border-radius: 8px; color: var(--grayscale-dark); font-size: 14px; opacity: 0; transition: opacity .25s ease-in-out; z-index: 10; } .hint-dark { background-color: rgba(32,32,32,.9); color: #fff; } /**/ @media (max-width: 780px) { .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button { min-height: 40px; border-radius: 20px; font-size: 14px; width: max-content; flex: 1 1 calc(50% - 16px); min-width: 96px; max-width: 128px; } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button.button--thin--outline { box-shadow: 0 0 0 1px var(--primary-base); } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button.button--thin--outline:hover { box-shadow: 0 0 0 1px var(--color--blue--soft); color: var(--color--blue--soft); } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button.button--thin--outline:focus { box-shadow: 0 0 0 1px var(--color--blue--dark); color: var(--color--blue--dark); } .jconfirm[class*="jconfirm"] .jconfirm-box .jconfirm-buttons button.button--thin--outline:active { box-shadow: 0 0 0 1px var(--primary-base); background-color: var(--primary-base); color: #fff; } } @media (min-width: 501px) { .jconfirm[class*="jconfirm"] .jconfirm-box { min-width: 480px; } } @media (max-width: 500px) { .jconfirm[class*="jconfirm"] .jconfirm-box-container:not(.order--alert):not(.claim--alert) .jconfirm-buttons { flex-wrap: wrap; } .jconfirm[class*="jconfirm"] .jconfirm-box { min-width: 320px; } .jconfirm[class*="jconfirm"] .confirm--attention .jconfirm-box, .jconfirm[class*="jconfirm"] .confirm--info .jconfirm-box { padding: 16px 32px 48px; } } .jconfirm .confirm--order { font-family: "Roboto", sans-serif; /*max-width: 380px;*/ width: 100%; margin: auto; } .jconfirm .confirm--order .jconfirm-box { border-radius: 4px; padding: 38px 20px 30px; margin: 0; } .jconfirm .confirm--order__title { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: var(--primary-base); display: flex; align-items: center; } .jconfirm ._icon--warning { background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5H11V7H9V5ZM9 9H11V15H9V9ZM10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18Z' fill='%231E88E5'/%3E%3C/svg%3E%0A") no-repeat; width: 20px; height: 20px; margin-right: 12px; } .jconfirm .confirm--order .jconfirm-box .jconfirm-title-c { padding-bottom: 0; } .jconfirm .confirm--order .jconfirm-box .jconfirm-content-pane { margin-bottom: 0; margin-top: 8px; min-height: 70px; display: flex; align-items: center; text-align: center; justify-content: center; } .jconfirm .confirm--order .jconfirm-box .jconfirm-content-pane .jconfirm-content { font-style: normal; font-weight: 400; font-size: 16px; overflow: unset; line-height: 140%; } .jconfirm .confirm--order .jconfirm-box .jconfirm-buttons { margin: 30px auto 0; width: 100%; float: unset; display: flex; gap: 16px; justify-content: center; } .jconfirm .confirm--order .jconfirm-box .jconfirm-buttons button { text-transform: unset; font-style: normal; font-weight: 700; font-size: 14px; flex: 0 1 220px; padding: 0 8px; } body .jconfirm .confirm--order .jconfirm-box .jconfirm-buttons .btn-default { background-color: transparent; border: 2px solid var(--primary-base); color: var(--primary-base); } body .jconfirm .confirm--order .jconfirm-box .jconfirm-buttons .btn-default:hover { color: #fff; background-color: rgb(0, 128, 224, .8); } .jconfirm .confirm--order .jconfirm-box div.jconfirm-closeIcon { font-size: 32px!important; } /**/ .jconfirm .cookies-policy__body { max-width: 500px; } .jconfirm .cookies-policy__body .jconfirm-box { padding: 16px 24px 32px; } .jconfirm .cookies__policy_content p { font-size: 16px; line-height: 20px; color: var(--grayscale-black); } /*confirm--favorite*/ .jconfirm .confirm--favorite.jconfirm-box-container, .jconfirm[class*="jconfirm"] .confirm--favorite .jconfirm-box { max-width: 288px; min-width: 288px; height: 128px; padding: 0; } .jconfirm .confirm--favorite .jconfirm-box div.jconfirm-content-pane { margin-bottom: 0; } .jconfirm .confirm--favorite .jconfirm-box .jconfirm-content-pane .jconfirm-content { padding: 0; } .confirm--favorite .confirm-favorite__desc { display: flex; align-items: center; gap: 0 32px; text-align: left; max-width: 224px; margin: auto; padding-top: 28px; } .confirm--favorite .icon--favorite { flex: 0 0 auto; } .confirm--favorite .text--desc { font-size: 16px; line-height: 20px; color: var(--grayscale-dark); } .jconfirm[class*="jconfirm"] .confirm--favorite .jconfirm-box .jconfirm-buttons button { flex: unset; } .button--counter .countdown { position: absolute; bottom: 8px; right: 8px; font-size: 12px; color: var(--grayscale-base); font-weight: 500; } /**/ @media (max-width: 1440px) { .table__tr-list { padding: 0; } /*.table__td--date { min-width: 104px; max-width: 104px; } .table__td--desc { min-width: 180px; max-width: 180px; }*/ } @media only screen and (max-width: 780px) { .table__tr-list { padding: 0; } } /* fancybox pop-up */ .fancybox__thumbs .carousel__slide .fancybox__thumb::after { border-color: var(--primary-base); } body.fancybox-lock { margin-right: 0!important; } .fancybox-overlay { background-color: rgba(0,0,0,.2); width: 100%!important; height: 100%!important; position: fixed; top: 0; z-index: 111; } #fancybox-loading, .fancybox-close { background-image: url('/local/templates/viyar_new/components/mlife/mlife.bistroclick/new/fancybox/old/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/local/templates/viyar_new/components/mlife/mlife.bistroclick/new/fancybox/old/fancybox_loading.gif') center center no-repeat; } .fancybox-close:before { content: ''; background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1L11 0L6 5L1 0L0 1L5 6L0 11L1 12L6 7L11 12L12 11L7 6L12 1Z' fill='%23606060'/%3E%3C/svg%3E%0A") center no-repeat; position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .buy-wout-reg .fancybox-skin { padding: 0!important; } .buy-wout-reg .fancybox-iframe { max-width: 640px; width: 100%; animation: load 7s ease-in-out; } @keyframes load { 0%, 50% { opacity: 0; } 100% { opacity: 1; } } @media screen and (max-width: 699px) { .fancybox-wrap.buy-wout-reg, .fancybox-wrap.buy-wout-reg .fancybox-inner { width: 100vw!important; height: 100vh!important; top: 0!important; left: 0!important; } .buy-wout-reg .fancybox-iframe { max-width: inherit; } } /*захист від спаму*/ .mlf__error-key { width: 100%; height: 100%; background-color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; } .mlf__error-key:before { content:''; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8 17.9L11.9 0.5C11.7 0.2 11.4 0 11 0C10.6 0 10.3 0.2 10.1 0.5L0.199983 17.9C-0.300017 18.8 0.299983 20 1.29998 20H20.7C21.7 20 22.3 18.8 21.8 17.9ZM12 17H9.99998V15H12V17ZM12 13H9.99998V6H12V13Z' fill='%23606060'/%3E%3C/svg%3E%0A") center no-repeat; width: 50px; height: 40px; background-size: 50px 40px; } .mlf__error-key p { color: var(--grayscale-black); margin-top: 24px; } /**/ .o-hidden .header.header--sticky { /*display: none;*/ } .o-hidden #panel { display: none!important; } .modal { position: fixed; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; left: 0; top: 0; width: 100%; height: 100%; padding: 20px; z-index: 22; } .modal__overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 128, 224, .2); /*background-color: rgba(0, 0, 0, 0.2);*/ } .modal.is-hidden { display: none; } .modal--xl .modal__body { max-width: 1280px; } .modal--sm .modal__body { max-width: 1152px; } .modal--smd .modal__body { max-width: 720px; } .modal--cmd .modal__body { max-width: 640px; } .modal--std .modal__body { max-width: 576px; } .vr-modal.modal--smx .modal__body { max-width: 576px; } .vr-modal.modal--std .modal__body { max-width: 480px; } .modal--cm .modal__body { max-width: 480px; } .vr-modal.modal--cm .modal__body { max-width: 448px; } .modal--cmx .modal__body { max-width: 416px; } .modal--xs .modal__body { max-width: 320px; } .modal-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: brightness(0) invert(10%) opacity(60%); } .modal__body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; border-radius: 8px; position: relative; background-color: #fff; width: 100%; max-height: 100%; z-index: 1; } .modal-dark .modal__body { background-color: var(--grayscale-dark); } .modal__close { position: absolute; right: 0; top: 0; z-index: 1; } .dark-theme .modal__close, .modal-dark .modal__close { background-color: transparent; } .vr-modal .modal__close, .vr-modal .modal__close .button { border-radius: 16px; } .modal__close .icon .icon__pic { color: var(--grayscale-base); } .modal-dark .modal__close .icon .icon__pic { color: var(--grayscale-faint); } .modal__header { padding: 15px 16px; } .modal__main { -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: auto; } @media (any-hover: hover) { .modal-dark .modal-main::-webkit-scrollbar-thumb { border: 1px solid var(--grayscale-black); background-color: var(--grayscale-base); } } @media only screen and (max-width: 780px) { #panel:has(~ .grid .modal-my-bonuses:not(.is-hidden)), #panel:has(~ .grid .modal-get-bonuses:not(.is-hidden)), #panel:has(~ .grid .modal-my-bonuses:not(.is-hidden)) ~ .helpcrunch-iframe-wrapper, #panel:has(~ .grid .modal-get-bonuses:not(.is-hidden)) ~ .helpcrunch-iframe-wrapper { display: none; } .modal, .vr-modal.modal-auto:not(.modal-share-template):not(.modal-info) { padding: 0; } .vr-modal.modal-auto:not(.modal-share-template):not(.modal-info) .modal__body, .modal--cm .modal__body, .modal--cmd .modal__body { max-width: inherit; border-radius: 0; } .modal__body { width: 100%; height: 100%; } .modal-info .modal__body { height: auto; } } @media only screen and (max-width: 520px) { .modal__body { height: 100%; } } .callback-modal { padding: 48px; } .modal--confirmation { padding: 48px 32px 32px; } /*single standard style modal*/ .modal__heading .text { font-weight: 400; font-size: 14px; line-height: 18px; color: var(--grayscale-base); padding: 7px 16px; } .modal__content { padding: 0 48px 32px; } .modal-title { font-weight: 400; font-size: 24px; line-height: 24px; color: var(--grayscale-dark); } .modal-subtitle { font-weight: 400; font-size: 16px; line-height: 20px; color: var(--grayscale-dark); margin: 16px 0; } .modal-main { padding: 32px; } @media (max-width: 780px) { .modal--confirmation { padding: 48px 20px 32px; } .modal-main { padding-left: 32px; padding-right: 32px; } .form-group__columns { flex-wrap: wrap; } .modal .modal-action-button .button { min-height: 40px; border-radius: 20px; } } .offset--none { padding: 0; margin: 0; } .modal-form__group { padding-bottom: 16px; } .form-group, .form-group__column, .group-input { display: flex; flex-direction: column; } .form-group__columns { display: flex; gap: 16px; align-items: center; } .form-group__columns .form-group__column { flex: 1 1 calc(33.33% - 16px); align-self: end; } .form-group__column .form-input { width: 100%; } .form-group__column .form-switch { margin-top: 0; } .form-group__item { display: flex; } .form-label, .label--text { font-weight: 400; font-size: 12px; line-height: 16px; color: var(--grayscale-black); padding: 8px 8px 1px; } .form-text-small { font-weight: 400; font-size: 10px; line-height: 12px; color: var(--grayscale-soft); padding: 2px 0; } .form-select .select__button { border: none; background-color: var(--grayscale-barely); } .form-select.select--white .select__button { border: 2px solid var(--grayscale-barely); background-color: #fff; } .form-switch { display: flex; gap: 8px; align-items: center; margin-top: 6px; } .form-input, .form-textarea { background-color: var(--grayscale-barely); border: none; border-radius: 4px; padding: 8px; font-weight: 700; font-size: 14px; line-height: 18px; color: var(--grayscale-black); flex: 1 1 auto; } .form-white .form-input, .form-white .form-textarea { background-color: transparent; border: 1px solid var(--grayscale-soft); transition: .25s; } .form-white .form-input:hover, .form-white .form-textarea:hover { border-color: var(--primary-soft); } .form-input { height: 40px; } .form-textarea { resize: none; min-height: 88px; } .form-date-icon, .form-date-time-icon { cursor: pointer; background-color: var(--grayscale-barely); } .select-field__button { display: flex; align-items: center; gap: 8px; padding-left: 8px; background-color: transparent; min-height: 40px; border: 1px solid var(--grayscale-soft); border-radius: 4px; cursor: pointer; width: 100%; } .select-field__text { flex: 1; font-size: 14px; font-weight: 700; line-height: 18px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select__figure { width: 32px; height: 32px; padding: 5px; display: block; flex: 0 0 auto; } .select__figure .icon-img { width: 100%; height: 100%; object-fit: cover; } .select--area .select__button .select__figure { margin-right: 8px; } /**/ .form-livesearch.is-hidden, .form-livesearch__no-result.is-hidden { display: none!important; } .form-livesearch { position: relative; } .form-livesearch__no-result { padding: 8px; } .form-livesearch__no-result .text { font-size: 12px; color: var(--grayscale-dark); } .form-livesearch__list, .form-livesearch__no-result { display: flex; flex-direction: column; background-color: var(--grayscale-barely); max-height: 180px; overflow: auto; overflow-x: hidden; position: absolute; width: 100%; z-index: 2; box-shadow: 0 4px 6px rgba(0,0,0,.1); } @media (any-hover) { .form-livesearch__list::-webkit-scrollbar-thumb { border: 4px solid var(--grayscale-barely); border-left: none; } } .form-livesearch__item { padding: 8px; cursor: pointer; border-top: 1px solid var(--grayscale-faint); } .form-livesearch__item:hover { background-color: var(--grayscale-faint); } .form-livesearch__item .text { font-size: 12px; } /*validation*/ .input__validator.input__error { border: 1px solid var(--color--red)!important; } .input__validator.input__success { border: 1px solid var(--color--green)!important; } .button.is-disabled { pointer-events: none; opacity: .25; } .form-group__btn:has(> .is-disabled) { cursor: not-allowed; } /**/ .form-calculate .btn--calc { display: flex; align-items: center; gap: 0 8px; } .form-total { border: 2px solid var(--grayscale-barely); border-radius: 4px; height: 40px; padding: 4px 8px; display: flex; align-items: center; justify-content: flex-end; gap: 0 8px; } .form-total .text--sum { font-weight: 700; font-size: 14px; line-height: 18px; color: var(--grayscale-black); } .form-total .text--unit { font-weight: 400; font-size: 12px; line-height: 16px; color: var(--grayscale-base); } .modal-action-button { display: flex; gap: 16px; padding-top: 32px; } .modal-action-button .button { border-radius: 16px; min-width: 96px; width: max-content; padding: 0 14px; } .vr-modal .modal-action-button .button { border-radius: 32px; min-height: 40px; } /**/ .form-input::-webkit-input-placeholder { font-weight: 400; color: var(--grayscale-soft); } .form-input:-ms-input-placeholder { font-weight: 400; color: var(--grayscale-soft); } .form-input::-ms-input-placeholder { font-weight: 400; color: var(--grayscale-soft); } .form-input::placeholder { font-weight: 400; color: var(--grayscale-soft); } /**/ .radio { cursor: pointer; display: -ms-flexbox; display: flex; align-items: center; } .radio__input { position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; } .radio__input:checked + .radio__element { border-color: var(--primary-base); } .radio__input:checked + .radio__element::before { display: -ms-flexbox; display: flex; } .radio__input:checked ~ .radio__body .radio__title .text { color: var(--primary-base); } .input_pay { position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; } .input_pay:checked + .radio__element { border-color: var(--primary-base); } .input_pay:checked + .radio__element::before { display: -ms-flexbox; display: flex; } .input_pay:checked ~ .radio__body .radio__title .text { color: var(--primary-base); } .radio__element { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 20px; height: 20px; flex-shrink: 0; border: 2px solid var(--grayscale-soft); background-color: #fff; border-radius: 50%; } .radio__element::before { display: none; width: 10px; height: 10px; flex-shrink: 0; border-radius: 50%; background-color: var(--primary-base); content: ''; } .radio__body { padding: 6px 0 6px 12px; } .radio__title { display: -ms-flexbox; display: flex; } .is-disabled .radio__input:checked + .radio__element, .radio-gray .radio__input:checked + .radio__element { border-color: var(--grayscale-soft); } .is-disabled .radio__element::before, .radio-gray .radio__element::before { background-color: var(--grayscale-soft); } .order--offset--top { padding-top: 38px; } .order__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 5px; min-height: 64px; } .order__header--name { display: flex; } .order__section { margin-top: 24px; } .order__section--bordered { border-top: 1px solid var(--grayscale-faint); } .order__step { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; border: 2px solid var(--grayscale-base); background-color: #fff; color: var(--grayscale-base); border-radius: 50%; font-weight: 700; font-size: 12px; line-height: 16px; flex: 0 0 20px; } .order__title { padding-left: 22px; } .order__header .repeat-contacts { margin-left: auto; } .order__main-section { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .order__main-section--offset-32 { margin-left: -32px; } .order__box { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 50%; flex: 1 1 50%; padding: 0 0 0 32px; } .order__half-box { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 50%; flex: 1 1 50%; padding: 0 32px 0 0; } .order__half-box .select-wrap { max-width: 384px; padding-top: 7px; padding-bottom: 39px; } .table .order-product { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; background-color: var(--grayscale-barely); } .table .order-product--row { -ms-flex-direction: row; flex-direction: row; } .order__box .is-hidden { display: none; } @media (max-width: 1280px) { .table .order-product--row { -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 1279px) { .header--sticky .page-header .dropdown__select .dropdown__select-arrow { display: none; } @media (any-hover: hover) { /*scrollbar*/ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #CCC; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #999; } } } @media (max-width: 1100px) { .profile .profile__body:not(.profile-body-basket), .profile-content__section { padding-left: 8px; padding-right: 8px; } .profile-section-order .order__main { padding-left: 0; } .profile-side { padding-right: 16px; } .order__box { padding-left: 0; } .select_box_np_address { position: relative; margin-bottom: 16px; width: calc(100% + 8px); } .order_half-box .select_wrap { max-width: inherit; } } .table .order-product__list { padding-bottom: 0; } .table .order-product .order-product__item { border-bottom: none; } .table .order-product .order-product__item:first-child { border-top: none; } .table .order-product .product-info__content-substatus-value { min-width: auto; } .product-info__content-substatus-value [onclick] { color: var(--primary-base); } .table .order-product__main { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 16px; -ms-flex: 1 1 auto; flex: 1 1 auto; align-self: stretch; background-color: var(--grayscale-barely); } .table .order-product .order-product__item { background-color: #fff; } .order-product { background-color: #fff; } .order-product__list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-bottom: 24px; } .order-product__item { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; position: relative; padding: 0 8px; border-top: 1px solid var(--grayscale-faint); } .order-product__item:last-child { border-bottom: 1px solid var(--grayscale-faint); } .order-product__image { padding: 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 144px; height: 144px; flex: 0 0 auto; } .order-product__image--sm .order-product__img { width: 100%; height: 100%; object-fit: cover; } .order-product__delete { position: absolute; right: 0; top: 0; } .order-product__img { width: 80px; height: 80px; flex-shrink: 0; } .order-product__desc { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; } .order-product__code { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; flex: 0 0 auto; padding: 8px; } .order-product__name { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 8px; } .order-product__price { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 8px; } .order-product__total-price { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 8px; } /*for profile*/ .profile__body--order .order-product__name { flex: 1 1 256px; min-width: 120px; } .profile__body--order .order-product__price { flex: 0 1 144px; justify-content: flex-end; } .profile__body--order .order-product__count { flex: 0 1 104px; justify-content: flex-end; } .profile__body--order .order-product__total-price { flex: 0 1 144px; justify-content: flex-end; } .profile__body--order .order-product__list { padding-bottom: 0; } .profile__body--order .order.offset--xsm--top { padding-top: 0; } .profile__body--order .profile__title--bordered-bottom { padding: 8px 0 19px; } /**/ .order-product__count { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 8px; } .order-product--bordered-items .order-product__item { border: 1px solid var(--grayscale-faint); margin-top: -1px; } .branch { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .branch__list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .branch__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background-color: var(--grayscale-barely); padding: 6px 14px; cursor: pointer; border: none; -ms-flex-pack: start; justify-content: flex-start; text-align: left; min-width: 184px; } .branch__item:not(:first-child) { border-top: 1px solid #fff; } .branch__item:not(.is-active):hover { position: relative; box-shadow: 0 0 0 2px var(--primary-soft); } .branch__item.is-active { position: relative; box-shadow: 0 0 0 2px var(--primary-base); cursor: default; } .branch__main { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 16px; } .branch__main .text { word-break: break-word; } .branch__icon { flex-shrink: 0; } .order__box--pay-credit { height: 100%; padding: 32px; border: 1px solid var(--grayscale-faint); } .pay-credit { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; padding-bottom: 24px; } .pay-credit__body { padding-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; height: 100%; } .pay-credit__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pay-credit__title { padding-left: 16px; } .pay-credit__subtitle { padding: 8px 8px 16px; } .pay-credit__subtitle .text { color: var(--grayscale-dark); } .pay-credit__price { display: -ms-flexbox; display: flex; flex-direction: column; flex: 1 1 auto; } .pay-credit__price-item { padding: 0 8px 3px; } .pay-credit__price-subtitle { padding: 8px 0; } .pay-credit__price-title > .text > .text { padding-left: 4px; } .pay-credit__action { width: 100%; max-width: 128px; } .credit__list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0 32px; } .credit__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border-top: 1px solid var(--grayscale-faint); } .credit__item:last-child { border-bottom: 1px solid var(--grayscale-faint); } .credit__item-section { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 0 1 auto; flex: 0 1 auto; padding: 8px 16px 8px 0; } .credit__icon { flex-shrink: 0; } .credit__title { padding-left: 16px; min-width: 136px; font-size: 16px; line-height: 20px; font-weight: 700; } .credit__action { padding: 16px 0 16px 16px; min-width: 112px; -ms-flex: 1 1 auto; flex: 1 1 auto; } .credit__price { padding: 8px 16px; } .credit__subtext { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-left: 32px; } .credit__subtext-icon { flex-shrink: 0; } .credit__subtext-text { padding-left: 16px; } .credit__select { -ms-flex: 1 1 auto; flex: 1 1 auto; } .credit__desc { padding: 24px 64px; } @media (max-width: 1068px) { .order-product__desc { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 880px) { .profile-body-basket .order-product__demo { flex: 0 0 auto; } .profile-body-basket .order-product__image { max-width: 128px; max-height: 128px; width: 100%; height: 100%; } } @media only screen and (max-width: 780px) { .credit__icon .icon .icon__pic { width: 32px; height: 32px; } } @media (max-width: 360px) { .profile-body-basket .order-product__image { max-width: 120px; max-height: 120px; } } .switch { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; align-self: baseline; gap: 16px; cursor: pointer; } .switch__input { position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; } /*new switch*/ .switch__item { background-color: transparent; border: 2px solid var(--grayscale-base); width: 32px; height: 20px; border-radius: 20px; position: relative; flex: 0 0 auto; transition: all 150ms ease-in; } .switch__input:checked + .switch__item { border-color: transparent; } .switch__input:checked + .switch__item .switch__arrow-box { display: flex; position: relative; right: 2px; top: 0; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; transition: all ease-in 150ms; } .switch__arrow::before { position: absolute; left: 4px; bottom: 4px; width: 8px; height: 8px; border-radius: 50%; transform: rotate(45deg); background-color: var(--grayscale-base); content: ''; } .switch__arrow::after { position: absolute; transform: rotate(-45deg); content: ''; } .switch__input:checked + .switch__item { background-color: var(--primary-base); opacity: 1; } .switch__input:checked + .switch__item .switch__arrow-box { margin-left: 14px; } .switch__input:checked + .switch__item .switch__arrow::after { left: 4px; bottom: 3px; width: 2px; height: 6px; background-color: var(--primary-base); } .switch__input:checked + .switch__item .switch__arrow::before { left: 9px; bottom: 4px; width: 2px; height: 8px; background-color: var(--primary-base); } .switch__text { font-size: 14px; font-weight: 400; line-height: 18px; color: var(--grayscale-black); } /*invalid*/ .switch__input.invalid + .switch__item { border-color: var(--error-red); } .switch__input.invalid + .switch__item .switch__arrow::before { background-color: var(--error-red); } .profile__body { padding: 32px 48px 32px; } .profile__section { display: flex; flex-wrap: wrap; gap: 32px; } .profile-form__section { flex: 0 1 384px; } .profile-form__data .profile__item:last-child { padding-top: 32px; } .profile-form__data .profile__actions { padding-top: 32px; margin-left: auto; } .profile__item--no-max { max-width: none; } .profile__actions [disabled] { pointer-events: none; opacity: .25; } /**/ .profile__section--wrap { flex-wrap: wrap; padding: 24px 16px 24px 24px; } .profile__section--wrap > * { flex: 1 1 calc(50% - 48px); } .profile__section--wrap .profile__item--no-max { min-width: 660px; } .profile__section--wrap .profile__item--order { max-width: 384px; } .order__box_delivery .profile__textarea { flex: 1 1 auto; } .profile__form-textarea { height: 100%; margin-top: -20px; } .profile__form-textarea .textarea { height: 100%; max-height: inherit; } /**/ .profile__body--order { padding: 0 0 47px; margin: 0 auto; max-width: 1318px; } /**/ .profile__item-group { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: sticky; top: 66px; padding-bottom: 24px; } .account__nav-body { box-shadow: inset 0 0 0 1px var(--grayscale-faint); height: 100%; } .profile__item-group-element { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; } .profile__item-group-element[data-flex="half"] { -ms-flex: 1 1 50%; flex: 1 1 50%; } .profile__title { font-size: 24px; line-height: 24px; padding: 12px 0; margin-bottom: 8px; } .profile__title--bordered-bottom { border-bottom: 1px solid var(--grayscale-faint); padding: 8px 0 19px; } .profile__body--order .profile__title + .profile__form .input-wrapper--with-title .input { font-weight: 700; } .profile__form { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .profile__form--text-offset--10 .mesh-row > .mesh-row { padding: 8px 12px 8px 0; } .profile__form--text-offset--10 .text { color: var(--grayscale-dark); } .profile-body-basket .recount { margin: 0 auto; border-radius: 16px; } .account .is-disabled { cursor: not-allowed; } .account .is-disabled .button { pointer-events: none; } .account .is-disabled .button__icon { opacity: .25; } .profile__body--basket .profile__form .checkout { margin: 0 auto; border-radius: 24px; flex: 0 1 288px; padding: 0 8px; } .profile-body-basket .checkout .button__body, .profile__body--order .checkout .button__body { align-items: center; min-height: 48px; } .profile__body--order .checkout { padding: 0 24px; margin: 0 auto; } .profile__form-group { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .profile__form--contact[data-check-list="new-client"] { padding-bottom: 32px; } .profile__form-group .profile__form-item { -ms-flex: 1 1 auto; flex: 1 1 auto; } .profile__form-group--special-width { margin-left: -64px; } .profile__form-group--special-width .profile__form-item { padding-left: 64px; padding-bottom: 8px; flex: 1 1 442px; } .profile__form-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-bottom: 16px; } .profile__form-action { padding: 16px 2px 21px; display: -ms-flexbox; display: flex; } .profile__form-action:not(:first-child) { border-top: 1px solid var(--grayscale-faint); } .profile__form-action .checkout[disabled] { pointer-events: none; background-color: rgba(0,128,224,.5); } .account-download .profile__item { flex: 1 1 calc(50% - 64px); } .profile__download { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 48px; border-bottom: 1px solid var(--grayscale-faint); padding-right: 16px; } .profile__download:last-child { border-bottom: none; margin-bottom: 32px; } .profile__download:first-child { border-bottom: 1px solid var(--grayscale-faint); } .profile__actions { font-size: 14px; margin-top: auto; align-self: flex-end; min-height: 32px; height: auto; max-width: 224px; } .profile__actions:has(> .checkout[disabled]) { cursor: not-allowed; } .profile__actions .checkout { padding: 0 14px; } .switch .switch__item { align-self: start; } /*credit modal*/ .modal.modal-md-credit .modal__main { padding-bottom: 32px; } .modal .modal__name-window { padding: 0 40px 0 16px; min-height: 48px; } .modal .modal__name-window .text { font-size: 14px; line-height: 18px; color: var(--grayscale-base); } .modal .credit-content__container { padding: 0 32px; width: 100%; } .modal .credit-content__cart { border-top: 1px solid var(--grayscale-faint); border-bottom: 1px solid var(--grayscale-faint); align-items: center; justify-content: space-between; min-height: 48px; padding: 32px 0; gap: 0 32px; } .modal .credit-content__cart:not(:first-child) { margin-top: -1px; } .modal .credit-content__cart .logo-bank { display: flex; align-items: center; flex: 0 1 192px; } .modal .credit-content__cart .logo-bank__figure { margin: 0 8px 0 0; padding: 0; font-size: 48px; } .modal .credit-content__cart .logo-bank__name { font-weight: 700; font-size: 16px; line-height: 20px; } .modal .credit-content__cart .info-payment { display: flex; align-items: center; position: relative; } @media (min-width: 681px) { .modal.is-active .m600--show { display: none; } } .modal .credit-content__cart .info-payment__icon { margin-right: 8px; font-size: 22px; cursor: pointer; } .modal .credit-content__cart .info-payment__tooltip { background-color: rgba(64,64,64, .8); padding: 8px; position: absolute; bottom: 32px; right: 8px; max-width: 224px; width: max-content; opacity: 0; pointer-events: none; visibility: hidden; transition: opacity .15s ease-in-out; } .modal .credit-content__cart .info-payment__icon:hover .info-payment__tooltip { opacity: 1; pointer-events: all; visibility: visible; } .modal .credit-content__cart .info-payment__tooltip .text { font-size: 12px; color: #fff; } .modal .credit-content__cart .info-payment__text { font-weight: 400; font-size: 12px; line-height: 16px; color: var(--grayscale-soft); } .modal .credit-content__cart .credit-cart__select-many-payment .select-wrap { width: 160px; } .modal .credit-content__cart .credit-cart__select-many-payment .select__button, .modal .credit-content__cart .credit-cart__select-many-payment .select__list-item { height: 48px; } .modal-md-credit .credit-sum__text { font-weight: 700; font-size: 20px; line-height: 20px; } .modal-md-credit .credit-sum__text .credit-sum__text--unit { font-weight: 400; font-size: 14px; line-height: 18px; } .modal-md-credit .credit-action { flex: 0 1 96px; width: 100%; } .modal-md-credit .credit-action .credit-action__button { height: 32px; border-radius: 64px; } .modal-md-credit .credit-action .credit-action__button .button__body { height: unset; } .modal-md-credit .credit-action .credit-action__button .button__text { line-height: 100%; } .modal-md-credit .credit-content__info--text { padding: 32px 32px 0; width: 100%; max-width: 1024px; margin: 0 auto; min-height: 128px; } .modal-md-credit .credit-content__info--text .text { color: var(--grayscale-base); font-size: 16px; line-height: 20px; } /*@media (max-width: 1600px) {*/ .profile__body--order { padding: 0 32px 24px; } .profile__section--wrap { padding: 24px 0; } .profile__section--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .profile__item--order, .box_branch_new_mail .order_half-box .select_wrap { max-width: inherit; } .select_box_np_address { width: calc(100% + 8px); } .profile__form-group--special-width .profile__form-item { max-width: inherit; } .profile__item-group { gap: 0 64px; } .profile__item-group-element { -ms-flex: 1 1 50%; flex: 1 1 calc(50% - 64px); } /*style order for guests*/ .without--account .profile__item-group-element[data-flex="half"] { flex-grow: 1; } .checkout .button__icon { flex: 0 0 auto; } @media (min-width: 1531px) { .without--account .order-product__desc .order-product__name { max-width: 390px; } } /**/ /*}*/ /*@media (max-width: 1536px) {*/ .profile__body--basket .profile__section > .mesh-row--wrap { flex-wrap: wrap; } .profile__body--basket .profile__form.offset--md--top { padding-top: 16px; } .profile__body--basket .profile__form a.checkout { max-width: 344px; width: 100%; } /*}*/ @media (max-width: 1400px) { .profile__section > .profile__item { -ms-flex: 1 1 50%; flex: 1 1 50%; } .profile__section .profile__section { -ms-flex: 1 1 50%; flex: 1 1 50%; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1280px) { .profile__body--order .profile__form-group { flex-wrap: unset; } } @media (max-width: 1140px) { .modal .credit-content__cart { flex-wrap: wrap; gap: 16px; } .modal-md-credit .credit-action { margin-left: auto; } } @media (max-width: 1024px) { .profile__section--wrap .profile__item--no-max { min-width: inherit; flex-basis: 100%; } .profile__section--wrap .profile__item--order { max-width: inherit; } } @media (max-width: 500px) { .modal-md-credit .credit-action { margin: 0 auto; } } @media (max-width: 1024px) { .profile__body--order .profile__item-group { flex-direction: column; gap: 0; } .order__half-box .select-wrap { padding-bottom: 0; } } @media (max-width: 600px) { .order__sequence .pay_section + .order__section--bordered .order__header { -ms-flex-direction: column; flex-direction: column; align-items: flex-start; margin-top: 16px; } .order__header .repeat-contacts { margin: 16px 0; padding-left: 0; } .profile__body--order .order-product__item { padding: 8px 0; } .profile__body--order .order-product__image, .profile__body--order .order-product__image > a { width: 104px; height: 104px; display: flex; } .profile__body--order .order-product__img { width: 100%; height: 100%; object-fit: contain; } .profile__body--order .order-product__name { min-width: inherit; } .profile__body--order .order-product__price { flex: 1 1 auto; justify-content: flex-start; } .profile__body--order .order-product__count { flex: 0 0 auto; } .profile__body--order .order-product__total-price { flex: 1 1 100%; justify-content: flex-end; } .profile__body--order .order-product__price .text, .profile__body--order .order-product__count .text { font-size: 14px; line-height: 18px; font-weight: 700; } .profile__body--order .order-product__total-price .text { font-size: 16px; line-height: 20px; } .profile__body--order .text.text--unit { font-size: 12px; line-height: 16px; font-weight: 400; } } @media (max-width: 880px) { .profile__section { -ms-flex-direction: column; flex-direction: column; } .profile__actions .button__body { min-height: 44px; } } @media only screen and (max-width: 780px) { .profile-content { padding-right: 0; } .profile__item { max-width: none; } } @media (max-width: 680px) { .modal .credit-content__cart .credit-cart__select-many-payment { flex: 1 1 100%; } .modal .credit-content__cart .credit-cart__select-many-payment .select-wrap { width: 100%; } .modal .credit-content__cart .credit-cart__select-many-payment .select__button, .modal .credit-content__cart .credit-cart__select-many-payment .select__list-item, .modal-md-credit .credit-action .credit-action__button { height: 40px; } } @media (max-width: 500px) { .main .account { padding: 0; } .profile__body { padding: 0; } /*.main .account__main {*/ /* border: none;*/ /*}*/ .account .account__header-info, .main .account__header, .main .account__nav-title { min-height: inherit } .main .account__header-title#account__header-title { padding-left: 0; } .profile__section--wrap { padding: 0 0 24px; } .profile__body--order .profile__title { padding: 0; font-size: 16px; min-height: 32px; display: flex; align-items: center; margin-bottom: 8px; } .profile__body--order .profile__form-group { flex-wrap: wrap; } .profile__body--order .order__section { margin-top: 0; } .profile__body--order .order__title { padding-left: 16px; } .modal .credit-content__container { padding: 0; } .modal-md-credit .modal__close { top: 8px; } .modal .credit-content__cart { padding: 8px 16px 16px; } .modal .credit-content__cart .logo-bank { flex-basis: auto; } .modal .credit-content__cart .info-payment { flex: 0 0 auto; } .modal .credit-content__cart .info-payment__icon { margin-right: 0; } .modal .credit-content__cart .info-payment__text { font-size: 0; } .modal-md-credit .credit-action { flex: 1 1 100%; } .modal-md-credit .credit-content__info--text { padding: 16px; } .order__half-box .select-wrap { max-width: inherit; } .profile__body--order .order__box { padding: 0 2px; } .profile__body--order .order__box--pay-credit { padding: 0 20px 16px; } .profile__body--order .order__box > .text { padding: 0 20px 16px; } .profile__body--basket .profile__item.profile__item--order { padding: 0 16px 0 24px; } .profile__body--basket .profile__item--order { flex: 1 1 100%; } .profile__body--basket .order-product__item { flex-direction: column; } .profile__item.profile__item--order .profile__title { border-bottom: none; } .profile__body--basket .profile__item.profile__item--order .profile__form--text-offset--10 { padding: 0; } .profile__body--order .profile__item-group { padding: 0 8px; } .profile__body--order .profile__form-action { padding: 8px 8px 32px; } .profile__item.profile__item--order .profile__form-item { padding: 8px; } .profile__item.profile__item--order .input-wrapper--with-title .input { background-color: #fff; } /*select list*/ .modal .credit-content__cart .credit-cart__select-many-payment .select__list { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 192px; background-color: var(--grayscale-dark); padding: 16px; box-shadow: 0 0 500px 500px rgba(0,0,0,.05); } .modal .credit-content__cart .credit-cart__select-many-payment .select__list-item { background-color: transparent; border-top: none; border-bottom: 1px solid var(--grayscale-base); color: #fff; text-align: center; justify-content: center; } .modal .credit-content__cart .credit-cart__select-many-payment .select__list-item:last-child { border-bottom: none; } .modal .credit-content__cart .credit-cart__select-many-payment .select__list-item:hover { background-color: var(--primary-base); } } @media (max-width: 470px) { .sidebar__subheader .mesh-row--favorites { padding-right: 4px; } .sidebar__subheader-action--basket { padding-left: 4px; } } @media (max-width: 414px) { .profile__body--order .profile__form .input-subtitle { text-align: center; } /**/ .m-search.search__form { padding-left: 0; } .m-search__input { padding-left: 8px; } .callback-modal { padding: 24px; } .callback-modal .callback-modal__title { flex-direction: column; text-align: center; gap: 16px 0; } .callback-modal__title .offset--md--left { padding-left: 0; } } @media (max-width: 359px) { .modal-main { padding-left: 16px; padding-right: 16px; } .modal .credit-content__cart .info-payment__icon { margin-right: 0; } .modal .credit-content__cart .info-payment .info-payment__text { font-size: 0; } .modal-md-credit .credit-content__info--text .text { font-size: 14px; line-height: 18px; } .modal .credit-content__cart .info-payment__tooltip { right: 8px; } .profile__body--order .order-product { padding: 0; } .order__box_delivery .mesh-cell > .mesh-row { flex-direction: column; } .order__box_delivery .profile__house { padding-left: 0; } } .account { display: -ms-flexbox; display: flex; margin-bottom: -1px; border-bottom: 1px solid var(--grayscale-faint); } .account.without--account #basket_form { display: flex; flex-direction: column; /*border: 1px solid var(--grayscale-faint);*/ border-left: none; border-bottom: none; height: 100%; } .without--account #basket_form_container { flex: 1 1 auto; } .without--account .bx_ordercart, .without--account .account__main { height: 100%; } .account__nav { flex: 0 1 384px; overflow: hidden; min-width: 320px; } .account__nav-title { min-height: 64px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-left: 32px; } .account__body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; } /**/ .account__header { min-height: 64px; display: flex; flex-wrap: wrap; align-items: center; gap: 0 40px; padding: 0 40px 0 0; } .account__header-switcher { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; } .account__header-logout { display: none; } .account__header--reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .account__heading { display: flex; flex: 1 1 auto } .account__balance { display: flex; flex: 0 1 256px; background-color: var(--color--blue--barely); padding: 8px 8px 8px 24px; } .account__balance-desc { flex: 1 1 auto; } .account__balance-text { display: flex; } .account__balance-text .text--points { align-self: end; } .account__balance-subtext { padding: 3px 0; } .account__balance-icon { flex: 0 0 auto; align-self: center; } .account__logout { flex: 0 0 auto; } .account__logout .button__text { color: var(--primary-base); } /**/ .account__main { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; border: 1px solid var(--grayscale-faint); border-bottom: none; border-left: none; } @media (min-width: 471px) { .account-nav .account__balance { display: none!important; } } .account-nav__list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 15px 0; } .account-nav__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 48px; margin: 0 0 0 -1px; padding: 0 0 0 20px; border: none; border-left: 4px solid transparent; background-color: transparent; text-decoration: none; cursor: pointer; } .without--account .account-nav__item:not(.button__page_cart) { pointer-events: none; opacity: .25; } .account-nav__item:not(.is-active):hover .text { color: var(--primary-base); } .account-nav__item.is-active { border-color: var(--primary-base); } .account-nav__item.is-active .text { color: var(--primary-base); } .account-nav__text { padding-left: 12px; text-align: left; position: relative; } .account-nav__text .button__counter { right: -20px; padding: 2px 2px 1px; } .account-nav__icon { flex-shrink: 0; } .account + .main__section { padding-bottom: 32px; } @media (max-width: 1320px) { .profile__body { padding: 24px 16px 16px 16px; } .profile-form__personal { padding: 0 24px 48px; } .profile__section { gap: 32px; } } .max-w--512 { max-width: 512px; } .max-w--423 { max-width: 423px; } .max-w--400 { max-width: 400px; } .max-w--232 { max-width: 232px; } .max-w--176 { max-width: 176px; } .max-w--192 { max-width: 192px; } .max-w--96 { max-width: 96px; } .max-w--none { max-width: none; } .min-w--423 { min-width: 423px; } .min-w--192 { min-width: 192px; } .min-w--80 { min-width: 80px; } .color-box { position: fixed; z-index: 22; left: 0; top: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 16px; } .color-box__outline { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); } .color-box.is-hidden { display: none; } .color-box__body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 864px; max-height: 640px; position: relative; background-color: var(--grayscale-dark); padding-bottom: 16px; } .color-box__close { position: absolute; right: 0; top: 0; } .color-box__search { display: -ms-flexbox; display: flex; max-width: 464px; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: center; align-items: center; padding-left: 32px; } .color-box__search .input { background-color: var(--grayscale-base); color: #fff; } .color-box__search .input::-webkit-input-placeholder { color: #fff; } .color-box__search .input:-ms-input-placeholder { color: #fff; } .color-box__search .input::-ms-input-placeholder { color: #fff; } .color-box__search .input::placeholder { color: #fff; } .color-box__search .input-wrapper + .button { height: 32px; } .color-box__search .button__body { height: auto; } .color-box__search .button__text { padding-top: 0; } .color-box__square { background-color: var(--grayscale-soft); flex-shrink: 0; width: 20px; height: 20px; border-radius: 2px; } .color-box__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 22px 22px 16px 10px; } .color-box__title { display: flex; align-items: center; } .color-box__title--icon { background-color: var(--grayscale-soft); width: 20px; height: 20px; display: inline-block; border-radius: 2px; margin-right: 9px; } .color-box__title { color: #fff; font-size: 20px; line-height: 20px; padding-left: 14px; } .color-box .button--primary { background-color: #fff; color: var(--grayscale-dark); } .color-box .button--primary:hover { color: var(--grayscale-dark); background-color: var(--grayscale-barely); } .color-box .button--primary:focus { background-color: #fff; border-color: transparent; } .color-box .button--primary:active { background-color: var(--grayscale-light); } .color-box .button--outline { color: #fff; border-color: #fff; } .color-box .button--outline:hover { color: var(--grayscale-dark); background-color: var(--grayscale-barely); } .color-box .button--outline:focus { background-color: transparent; border-color: var(--grayscale-barely); color: #fff; } .color-box .button--outline:active { background-color: var(--grayscale-light); } .color-box__subheader { border-bottom: 1px solid var(--grayscale-base); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0 16px 0 8px; } .color-box__subheader .input { background-color: var(--grayscale-base); color: #fff; font-size: 14px; } .color-box__subheader .input::-webkit-input-placeholder { color: #fff; } .color-box__subheader .input:-ms-input-placeholder { color: #fff; } .color-box__subheader .input::-ms-input-placeholder { color: #fff; } .color-box__subheader .input::placeholder { color: #fff; } .color-box__actions { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 40px; } .color-box__dropdown { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-top: 1px solid var(--grayscale-base); } .color-box__dropdown-text { padding-left: 22px; } .color-box__dropdown .select-wrap { max-width: 288px; } .color-box__dropdown .select__button { background-color: transparent; border-color: var(--grayscale-faint); } .color-box__dropdown .select__text { color: #fff; } .color-box__dropdown .select .select__title { background-color: var(--grayscale-dark); color: #fff; } .color-box__dropdown .select .select__icon { color: #fff; } .color-box__dropdown .select .select__title { display: none; } /*выбор пленки*/ .color-box__selected:not(:last-child) { margin-bottom: 20px; } .color-box__selected .color-selected__container { display: flex; align-items: center; min-height: 48px; } .color-box__selected .color-selected__title { flex: 0 0 160px; margin-right: 16px; } .color-box__selected .color-selected__title .text { color: #fff; } .color-box__selected .color-selected__choose { flex: 0 0 288px; position: relative; } .color-selected__choose .select__button { background-color: transparent; border-color: var(--grayscale-faint); } .color-selected__choose .select__label-text { color: #fff; font-size: 14px; } .color-selected__choose .select__icon .icon__pic { color: #fff; } /*выбор цветового сегмента*/ .color-box__selected .color-choice__item input { z-index: -1; } .color-box__selected .color-choice__list { display: flex; flex-wrap: wrap; gap: 2px; } figure[class^="figure--color--"] { width: 48px; height: 48px; } figure[data-src], picture[data-src], [onclick] { cursor: pointer; } .checkbox__value:hover { border: 4px solid var(--primary-base); } .checkbox__value { border: 4px solid transparent; } .img--fit--cover { width: 100%; height: 100%; object-fit: cover; } .img--fit--contain { width: 100%; height: 100%; object-fit: contain; } .figure--color--yellow { background-color: #FFE000; } .figure--color--orange { background-color: var(--tertiary-orange); } .figure--color--red { background-color: #FF0000; } .figure--color--violet { background-color: #8000FF; } .figure--color--blue { background-color: #0080FF; } .figure--color--green { background-color: #00D000; } .figure--color--gray { background-color: #808080; } .figure--color--brown { background-color: #604020; } .figure--color--black { background-color: #000; } .figure--color--white { background-color: #fff; } .figure--color--beige { background-color: #f5f5dc; } .color-box__selected .color-choice__item .checkbox__value { transition: all .15s ease-in-out; } .color-box__selected .color-choice__item input:checked + .checkbox__value, .color-box__selected .color-choice__item .checkbox__value:hover { box-shadow: 0 0 0 4px var(--primary-base); z-index: 1; } @media only screen and (max-width: 780px) { .color-box__dropdown { border-top: none; border-bottom: 1px solid var(--grayscale-base); } .color-box__dropdown .select-wrap { max-width: none; } .color-box__dropdown .select__button { border-color: #fff; } .color-box__dropdown .select__box { position: fixed; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; bottom: 0; right: 0; } .color-box__dropdown .select__outline { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } .color-box__dropdown .select__list { position: relative; z-index: 1; padding: 16px; max-width: 192px; width: 100%; background-color: #fff; } .color-box__dropdown .select__list-item { -ms-flex-pack: center; justify-content: center; min-height: 32px; padding: 0; font-weight: 700; background-color: transparent; border-color: var(--grayscale-pale); } .color-box__dropdown .select .select__title { display: block; } } .color-box__segment { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; padding: 16px 38px; } .color-box__segment-text { padding-right: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 48px; } .color-box__segment-colors { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .color-box__segment-color { flex-shrink: 0; width: 48px; height: 48px; margin: 1px; cursor: pointer; border: none; } .color-box__segment-color:hover, .color-box__segment-color.is-active { position: relative; box-shadow: 0 0 0 4px var(--primary-base); } @media only screen and (max-width: 780px) { .color-box__segment { padding: 16px; } .color-box__segment-colors { max-width: 290px; -ms-flex-pack: center; justify-content: center; margin: 0 auto; } } .color-box__colors { margin-top: 28px; margin-right: 8px; padding: 0 24px 16px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; overflow: auto; -ms-flex: 1 1 auto; flex: 1 1 auto; scrollbar-color: var(--grayscale-faint) transparent; scrollbar-width: thin; /*none*/ } .color-box__colors::-webkit-scrollbar { width: 8px; height: 8px; } .color-box__colors::-webkit-scrollbar-track { background-color: transparent; } .color-box__colors::-webkit-scrollbar-thumb { background-color: var(--grayscale-pale); border-radius: 8px; } .color-box__colors-title { min-height: 48px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .color-box__colors-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .color-box__colors-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; border: none; background-color: transparent; margin: 1px; padding: 0; cursor: pointer; transition: all .15s ease-in-out; } .color-box__colors-item:hover, .color-box__colors-item.is-active { position: relative; box-shadow: 0 0 0 2px var(--primary-base); overflow: hidden; } .color-box__colors-img, .color-box__colors-color { width: 94px; height: 95px; background-color: var(--grayscale-pale); } .color-box__colors-name { background-color: #fff; color: var(--grayscale-black); font-size: 10px; line-height: 12px; padding: 2px; text-align: center; max-width: 94px; display: flex; flex: 1 1 auto; justify-content: center; align-items: center; } @media only screen and (max-width: 780px) { .color-box { padding: 0; } .color-box__body { height: 100%; max-height: none; } .color-box__header { padding-left: 4px; } .color-box__subheader { border-bottom: none; padding-left: 16px; } .color-box__colors-list { padding: 0 16px; } .color-box__colors { padding: 16px 0; margin-right: 0; } .color-box__colors::-webkit-scrollbar { width: 0; height: 0; } .color-box__selected { border-bottom: 1px solid var(--grayscale-base); padding: 0 16px 16px; } .color-box__colors-section { padding: 0 16px; } } @media (max-width: 500px) { .color-box__selected { position: relative; } .color-box__selected:not(.color--segment) .color-selected__title { position: absolute; top: -2px; margin-left: 8px; padding: 0 2px; background-color: var(--grayscale-dark); z-index: 1; } .color-box__selected:not(.color--segment) .color-selected__title .text { font-size: 10px; line-height: 12px; } .color-box__selected.color--segment .color-selected__container { flex-direction: column; align-items: stretch; } .color-box__selected.color--segment .color-selected__title { flex: unset; min-height: 40px; display: flex; align-items: center; } .color-box__selected.color--segment .color-choice__choose { padding: 0 16px; } } .switcher__body { display: -ms-flexbox; display: flex; } .switcher__button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 46px; border: none; background-color: transparent; border-bottom: 4px solid transparent; cursor: pointer; padding: 0 9px; } .switcher__button.is-active { color: var(--primary-base); border-color: var(--primary-base); } .switcher__button.is-active .switcher__icon { color: var(--primary-base); } .switcher__icon { color: var(--grayscale-base); flex-shrink: 0; } .switcher__text { padding-left: 8px; font-size: 16px; line-height: 20px; padding-right: 12px; } .switcher--full-height .switcher__button { height: 80px; } /*number segment range*/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; border: unset; } input[type=number]::-webkit-inner-spin-button { display: none; } .number-range { position: relative; display: flex; min-height: 40px; align-items: center; } .number-range__label { width: 32px; text-align: center; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--grayscale-dark); } .number-range__input { max-width: 80px; height: 40px; padding: 0 32px 0 8px; text-align: center; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: var(--grayscale-black); width: 100%; } .number-range .number-range__arrow { position: absolute; margin-top: 3px; } .number-range::before { content: ""; background-color: var(--grayscale-faint); width: 28px; height: 2px; position: absolute; top: 19px; right: 0; z-index: 1; } @supports (clip-path: polygon(50% 30%, 10% 90%, 90% 90%)) { .number-range .number-range__arrow { right: 8px; top: 25px; width: 13px; height: 25%; background: var(--grayscale-base); cursor: pointer; } .number-range .number-range__arrow:hover { opacity: 0.9; } .number-range .number-range__arrow.arrow--up { top: 0; clip-path: polygon(50% 30%, 10% 90%, 90% 90%); } .number-range .number-range__arrow.arrow--down { bottom: 0; clip-path: polygon(50% 70%, 10% 10%, 90% 10%); } } /**/ .product__title { display: -ms-flexbox; display: flex; font-weight: 900; font-size: 24px; line-height: 24px; padding-top: 28px; padding-bottom: 12px; padding-left: 32px; } .product__title-sup { /*padding-right: 16px;*/ /*padding-left: 16px;*/ /*padding-top: 6px;*/ font-size: 14px; line-height: 18px; font-weight: 400; white-space: nowrap; /*margin-left: auto;*/ margin-right: 0; } .product__title-sup-value { padding-left: 10px; font-size: 14px; line-height: 18px; font-weight: 700; color: var(--primary-base); } .product__title h1 { display: -ms-flexbox; display: flex; font-weight: 900; font-size: 24px; line-height: 24px; } .product__body { display: -ms-flexbox; display: flex; } .product__box { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; transition: padding ease-in 150ms; } .product__box--row { -ms-flex-direction: row; flex-direction: row; padding: 0 16px 0 32px; flex: 1 1 auto; } .product__box--half { -ms-flex-direction: column; flex-direction: column; flex: 0 1 576px; width: 100%; } .product__box--half .switcher { padding-top: 18px; } .product__box--half .product__info { -ms-flex: 1 1 50%; flex: 1 1 50%; } .product__box--half .product__info + .product__info { margin-left: -1px; } /**/ section#recomendededges.main__section { margin-top: 24px; } /*product slider*/ .slick-arrow { font-size: 0; } .product-slider { position: relative; margin: 0; max-width: 512px; flex: 0 1 512px; } .product-slider .slick-arrow { width: 32px; height: 32px; border: none; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); transition: all .25s ease-in-out; z-index: 3; } .product-slider .slick-arrow.slick-disabled { opacity: .2; pointer-events: none; } .product-slider .slick-list { overflow: hidden; } .product-slider .slick-slider { position: relative; } .product-slider .slick-track { display: flex; } .product-slider__full { max-width: 512px; height: 512px; width: 100%; } .product-slider__full .slick-arrow.slick-prev { background: transparent url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14020_96933)'%3E%3Cg clip-path='url(%23clip1_14020_96933)'%3E%3Cpath d='M21 1L22 2L8 16L22 30L21 31L6 16L21 1Z' fill='%23606060'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14020_96933'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_14020_96933'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat; left: 0; } .product-slider__full .slick-arrow.slick-next { background: transparent url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14020_96932)'%3E%3Cg clip-path='url(%23clip1_14020_96932)'%3E%3Cpath d='M11 1L10 2L24 16L10 30L11 31L26 16L11 1Z' fill='%23606060'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14020_96932'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_14020_96932'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat; right: 0; } .product-slider__item { width: 100% !important; max-width: 512px; flex: 0 1 512px; } .product-slider__link { display: block; max-width: 512px; max-height: 512px; width: 100%; height: 100%; } .product-slider__img { width: 100%; height: 100%; object-fit: contain; } .product-slider__thumb { margin-top: 8px; } .product-slider .product-slider__thumb[data-action="0"].fix--offset { margin-left: 8px; } .product-slider__thumb .slick-slide { width: 64px!important; height: 64px; flex: 0 0 64px; cursor: pointer; } .product-slider__thumb .slick-current { border: 2px solid var(--primary-base); } .product-slider__thumb .slick-track { gap: 0 8px; } .product-slider .product-slider__thumb .slick-list { width: calc(280px + 8px); } .product-slider .product-slider__thumb[data-action="2"][data-count="5"] .slick-list { width: calc(280px + 64px + 8px*2); } .product-slider .product-slider__thumb[data-action="1"] .slick-list, .product-slider .product-slider__thumb[data-action="1"] .slick-arrow + .slick-list { width: calc(280px + 80px + 8px); } .product-slider .product-slider__thumb[data-action="1"][data-count="6"] .slick-list, .product-slider .product-slider__thumb[data-action="1"][data-count="6"] .slick-arrow + .slick-list { width: calc(280px + 64px*2 + 8px*2); } .product-slider .product-slider__thumb[data-action="0"] .slick-list, .product-slider .product-slider__thumb[data-action="0"] .slick-arrow + .slick-list { width: calc(280px + 64px*2 + 8px*3); } .product-slider .product-slider__thumb[data-action="0"][data-count="7"] .slick-list, .product-slider .product-slider__thumb[data-action="0"][data-count="7"] .slick-arrow + .slick-list { width: calc(280px + 64px*3 + 8px*4); } .product-slider .product-slider__thumb .slick-arrow + .slick-list { margin-left: 32px; width: calc(280px + 8px); } .product-slider .product-slider__thumb .slick-arrow.slick-prev { background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3611_19)'%3E%3Cpath d='M19 22L13 16L19 10L17 8L9 16L17 24L19 22Z' fill='%230080E0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3611_19'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat; } .product-slider .product-slider__thumb .slick-arrow.slick-next { background: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3611_20)'%3E%3Cpath d='M13 22L19 16L13 10L15 8L23 16L15 24L13 22Z' fill='%230080E0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3611_20'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat; left: 312px; } .product-slider .product-slider__thumb[data-action="1"] .slick-arrow.slick-next { left: calc(312px + 64px + 8px); } .product-slider .product-slider__thumb[data-action="0"] .slick-arrow.slick-next { left: calc(312px + 64px*2 + 8px*2); } .product-slider .product-slider__thumb[data-action="0"][data-count="7"] .slick-arrow.slick-next { left: calc(312px + 64px*3 + 8px*3); } @media (min-width: 569px) and (max-width: 667px) { .product-slider .product-slider__thumb[data-action="0"] .slick-arrow + .slick-list { margin-left: 16px; } .product-slider .product-slider__thumb[data-action="0"] .slick-arrow.slick-prev { left: -16px; } .product-slider .product-slider__thumb[data-action="0"] .slick-arrow.slick-next { left: calc(312px + 64px*2 + 8px*2 - 16px); } } .product-slider__bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px 0; } .product-slider__action .button { border: 1px solid var(--grayscale-faint); width: 64px; height: 64px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--primary-base); margin-top: 6px; } .product-slider__action .button:hover { opacity: .8; } .product-slider__action .button--texture .button__text { font-size: 10px; line-height: 12px; } .product-slider__action .button--video { margin-left: -1px; } @media (max-width: 568px) { .product .product__demo .product-demo { padding: 8px 0; } .product-demo__header { padding: 0 32px; } .product-slider { margin: 0; max-width: inherit; width: 100%; flex: unset; } .product-slider__full { max-width: inherit; max-height: inherit; height: 448px; } .product-slider .slick-list { width: 100%; max-width: 448px; margin: 0 auto; } .product-slider__item { flex-basis: unset; max-width: 448px; } .product-slider__link { max-width: inherit; max-height: inherit; } .product-slider__thumb { display: none; } .product-slider__bottom { width: 100%; margin: 0 auto; } .product-slider .slick-dots { display: flex; gap: 1px; list-style: none; line-height: 0; width: 100%; margin: 0 auto; } .product-slider .slick-dots li { flex: 1 1 auto; font-size: 0; } .product-slider .slick-dots button { background-color: var(--grayscale-barely); border: none; font-size: 0; height: 4px; width: 100%; line-height: unset; } .product-slider .slick-dots .slick-active button { background-color: var(--primary-base); } .product-slider__action { margin-top: -46px; margin-left: auto; padding-right: 8px; z-index: 3; } .product-slider__action .button { margin-top: 4px; border: none; width: 42px; height: 42px; border-radius: 0; } .product-slider__action .button .button__icon { position: relative; } .product-slider__action .button--video .icon::before { content: ''; background-color: #fff; width: 8px; height: 9px; position: absolute; top: 20px; left: 15px; z-index: -1; } .button__body_download ._hint { display: none; } } @media (max-width: 470px) { .product-slider .slick-list { max-width: 288px; } .product-slider__full { height: 288px; } .product-slider__item { max-width: 288px; max-height: 288px; } .product-demo__header .text { font-size: 12px; } .product-demo__header .text.text--size--cm { font-size: 10px; line-height: 12px; } .product .product__info--demo .product-info__color-note { padding-bottom: 0; } .product .product-price__header { min-height: 32px; } .product-price__cost { white-space: nowrap!important; } .product-slider__action { margin-top: -34px; padding-right: 4px; } } /**/ .product__info { -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .product__info--price { max-width: 580px; } .product__info--price .product-info { padding: 0 16px; } @media (max-width: 880px) { .product__info--price { max-width: none; -ms-flex-direction: row; flex-direction: row; } .product__info--price .product-info { padding: 0; } } .product__info.is-hidden { display: none; } .product-demo { padding: 16px 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 512px; width: 100%; } .product-demo__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-height: 32px; } .product-demo__body { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .product .etalage_thumb_active .etalage_thumb_image { opacity: 1!important; } .product-demo__active-images-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; width: 528px; height: 524px; overflow: hidden; transition: width ease-in 150ms, height ease-in 150ms; } .product-demo__active-image-list { display: -ms-flexbox; display: flex; } .product-demo .product-demo__active-image { max-width: 512px; max-height: 512px; width: 512px; height: 512px; -ms-flex: 1 1 512px; flex: 1 1 512px; margin: 8px 8px 4px; position: relative; transition: all ease-in 150ms; } .product-demo .product-demo__active-image .promo-sign { right: -8px; top: -8px; } .product-demo__active-img { width: 100%; height: 100%; } .product-demo__arrow-left, .product-demo__arrow-right { top: 136px; position: absolute; z-index: 1; background-color: transparent; border: none; left: -36px; cursor: pointer; } .product-demo__arrow-right { left: auto; right: -36px; } @media (min-width: 1070px) { .product .etalage { max-height: 590px; height: 616px!important; width: 512px!important; } .product #etalage .etalage_thumb_image { width: 512px!important; height: 512px!important; } .product .etalage_small_thumbs { top: 522px!important; } } @media (max-width: 1069px) { .product .product__info--demo .product__demo { /*margin-bottom: 16px;*/ } .product .etalage { max-height: 340px; height: 348px!important; width: 288px!important; margin: 0 auto; } .product #etalage .etalage_thumb_image { width: 288px!important; height: 288px!important; } .product .etalage_small_thumbs { top: 298px!important; } } @media (max-width: 414px) { .product .product__demo .product-demo { padding: 16px 0; } .product-demo__arrow-left { left: 0; } .product-demo__arrow-right { right: 0; } } .product-demo__arrow-right .icon { transform: rotate(-180deg); } .product-demo__image-list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 4px; } .product-demo__image-list-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 4px; } .product-demo__image-list-button { position: relative; padding: 0; border: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 64px; height: 64px; cursor: pointer; } .product-demo__image-list-button.is-active { cursor: auto; } .product-demo__image-list-button.is-active::after { content: ''; width: 100%; height: 100%; position: absolute; box-shadow: inset 0 0 0 2px var(--primary-base); } .product-demo__image-list-img { width: 100%; height: 100%; transition: opacity ease-in 150ms; } .product__info--demo .product-info__color-note { max-width: 512px; padding-bottom: 16px; } .product__info--demo .product-info__color-note small { font-style: normal; font-weight: 400; font-size: 10px; line-height: 12px; color: var(--grayscale-soft); } .product-price__title { display: grid; grid-template-columns: auto max-content 0; align-items: baseline; padding-left: 2px; padding-top: 48px; padding-bottom: 28px; font-weight: 900; font-size: 32px; line-height: 36px; } .product-price__title--sup-row { /*grid-row: 2;*/ grid-column: 1/3; } .product-price__title--sup-row { display: grid; grid-template-columns: auto auto 1fr; gap: 8px; } .product-price-prompt { margin: -6px 0 -10px; position: relative; color: var(--primary-base); } .marketplace-product__box .product-price__title { gap: 8px; row-gap: 12px; } .marketplace-price__link { display: flex; align-items: center; justify-content: flex-end; gap: 8px; } .product-price__title-sup { font-size: 16px; line-height: 120%; font-weight: 400; padding-left: 8px; align-self: flex-start; } .marketplace-product__box .product-price__title .product-price__title-sup, .marketplace-product__box .product-price__title .product-price__title-sup-md { padding-left: 0; } .product-price__title--sup-row .product-price__title-sup { padding-left: 1px; } .product-price__title-sup-md { font-size: 20px; line-height: 100%; font-weight: 600; padding-left: 8px; align-self: flex-start; } .old--price { text-decoration: line-through; text-decoration-color: var(--grayscale-base); text-decoration-thickness: .5px; } /*примечание к цене*/ .product-price__header { display: flex; justify-content: space-between; gap: 8px; min-height: 120px; align-items: center; position: relative; } .product-price__remark { max-width: 160px; } .product-price__remark--text { font-size: 12px; line-height: 16px; color: var(--tertiary-green-dark); } .product-price__remark--text a { font-weight: 700; } /**/ .product-price__body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-price__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-price__actions { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 32px; } .product-price__actions .button__one_click { flex: 0 1 auto; } .product__info--price .button--transparent { display: inline-flex; align-items: center; } .product-info { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-info.is-hidden { display: none; } .product-info__header { display: none; -ms-flex-align: center; align-items: center; min-height: 48px; padding: 0 8px; } .product-info__header--visible { display: -ms-flexbox; display: flex; } .product-info__accordion { -ms-flex-align: center; align-items: center; min-height: 48px; padding: 0 8px; background-color: #fff; border: none; margin-top: -1px; border-top: 1px solid var(--grayscale-faint); } .product-info__accordion:not(.is-active) { box-shadow: inset 0 -1px 0 0 var(--grayscale-faint); } .product-info__accordion.is-active .product-info__arrow { transform: rotate(-180deg); } .product-info__arrow { margin-left: auto; transition: transform ease-in 150ms; } .product-info__title { padding-left: 8px; } .product-info__content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 16px 24px; -ms-flex: 1 1 auto; flex: 1 1 auto; max-height: 690px; overflow-y: auto; scrollbar-color: var(--grayscale-faint) transparent; scrollbar-width: thin; } .product-info__content::-webkit-scrollbar { width: 6px; height: 6px; } .product-info__content::-webkit-scrollbar-track { background: transparent; } .product-info__content::-webkit-scrollbar-thumb { background: var(--grayscale-pale); border-radius: 4px; border: 2px solid #fff } .product-info__content::-webkit-scrollbar-thumb:hover { background: #CCC; } .product-info__content--specification .product-info__content-substatus { -ms-flex-pack: start; justify-content: flex-start; } .product-info__content--specification .product-info__content-substatus-name { /*max-width: 200px;*/ /*flex: 0 0 310px;*/ flex: 0 0 65%; } .product-info__content--material { padding: 0 0 0 12px; overflow-y: unset; } .product-info__content--description .text.text--size--md { margin-bottom: 16px; min-width: 32px; } .product-info__content--table-info { border: none; background-color: var(--grayscale-barely); } @media (max-width: 1280px) { .product-info__content--table-info { -ms-flex: 1 1 50%; flex: 1 1 50%; } } .product-info__content-section { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .product-info__content-section img { max-width: 100%; } .product-info__content-section h3 { font-size: 20px; line-height: 20px; font-weight: 400; margin: 24px 0 16px; } .product-info__content-section h3:first-child { margin-top: 0; } .product-info__content-section p { margin: 6px 0; } .product-info__content-section ul { padding-left: 16px; } .product-info__content-section ul li { list-style: disc; } .product-info__content-section ol { padding-left: 20px; margin: 8px 0; } .product-info__content-section ol li { list-style: auto; } .product-info__content-section ul li > ol { padding-left: 32px; margin: 0; } .product-info__content-status { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; min-height: 32px; } .product-info__content-substatus { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: justify; justify-content: space-between; min-height: 32px; padding: 4px 0 4px 16px; } .product-info__content-substatus-name { display: -ms-flexbox; display: flex; font-size: 12px; line-height: 16px; color: var(--grayscale-soft); -ms-flex: 1 1 auto; flex: 1 1 auto; padding-right: 4px; font-weight: 400; } .product-info__content-substatus-name::after { content: ''; display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; border-bottom: 1px dotted var(--grayscale-soft); } .availability-branches-box { flex: none !important; } .product-info__status { min-width: 33%; white-space: nowrap; color: var(--grayscale-light); font-size: 14px; line-height: 16px; font-weight: 600; padding-left: 4px; padding-right: 8px; } .product-info__status::before { display: inline-block; content: ''; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background-color: var(--grayscale-light); } .product-info__status--green, .kitchen-card__desc .kitchen-card__status--green { color: #40e000!important; } .product-info__status--green::before { background-color: var(--tertiary-green); } .product-info__status--yellow-dark, .kitchen-card__desc .kitchen-card__status--yellow-dark{ color: #e0a000!important; } .product-info__status--yellow-dark::before { background-color: var(--secondary-yellow-dark); } .product-info__status--orange-dark, .kitchen-card__desc .kitchen-card__status--orange-dark { color: #c02000!important; } .product-info__status--orange-dark::before { background-color: #c02000; } /*@media (min-width: 1401px) and (max-width: 1680px) { .header--sticky .page-header__catalog { flex: unset; } .header--sticky .page-header .page-header__navbar-item { min-width: inherit; } .header.header--sticky .page-header .page-header__navbar-categories.offset--smmd--left { padding-left: 0; } }*/ /*@media (max-width: 1680px) {*/ .product-price__header { flex-wrap: wrap; } .product-price__remark { max-width: inherit; } /*}*/ /*@media (min-width: 1601px) and (max-width: 1617px) { .product .product__body { flex-direction: column; } .product .product__body > * { flex: 1 1 auto; max-width: inherit; } .product .product__body .product__box--half .switcher { display: none; } .product .product__body .product-info__header { display: flex; } .product .product-info.is-hidden { display: block; } .product__box--half .switcher + .product__info { display: grid; grid-template-columns: 50% 50%; } .product__box--half .switcher + .product__info .product-info--specification { grid-row: 1; } .product-info--description .product-info__content { height: calc(100% - 48px); } .product-info--related-products { padding: 0; grid-column: 1/3; grid-row: 3; } .product-info--kit-composition { padding: 0; grid-column: 1/3; grid-row: 4; } .product__box--half .switcher + .product__info .product-info--comments { grid-row: 5; grid-column: 1/3; } }*/ /*@media (max-width: 1617px) {*/ .type-main-price__credit .badge-detail._hint { left: -230px!important; } .type-main-price__clean-size .badge-detail._hint, .type-main-price__installation .badge-detail._hint { left: -225px!important; } /*}*/ /*@media (max-width: 1600px) {*/ /*product price*/ .product-price { max-width: 560px; } .product-price__header { flex-direction: row; align-items: center; min-height: 80px; } .product-price__title { padding-top: 20px; padding-bottom: 0; } .product-price__remark { max-width: 160px; } .product-price__actions { padding-bottom: 0; } /**/ .product__body { -ms-flex-direction: column; flex-direction: column; } .product__box--row { padding: 0 48px 0 32px; max-width: none; -ms-flex-pack: justify; justify-content: space-between; } .product__box--half { max-width: none; -ms-flex-direction: row; flex-direction: row; padding: 0 24px; } .product .switcher { display: none; } .product__info--demo { max-width: 658px; } @media (max-width: 1530px) {/*alt*/ .product__info.is-hidden { display: -ms-flexbox; display: flex; } .product-info__content { min-height: 256px; max-height: inherit; } .availability-branches-box { min-height: auto; } .product-info__header { display: -ms-flexbox; display: flex; } .product-info.is-hidden { display: -ms-flexbox; display: flex; } } /*sort blocks .product__box--half .product__info .product-info--specification { order: 1; } .product__box--half .product__info .product-info--description { order: 2; } .product__box--half .product__info .product-info--comments { order: 5; } .product__box--half .product__info .product-info--related-products { order: 3; } .product__box--half .product__info .product-info--kit-composition { order: 4; }*/ /*--update design*/ .product__box--half .switcher + .product__info { display: grid; grid-template-columns: 50% 50%; } /*.product__box--half .switcher + .product__info .product-info--specification { grid-row: 1/3; margin-right: -1px; } .product__box--half .switcher + .product__info .product-info--comments { grid-column: 2; }*/ .product__box--half .switcher + .product__info .product-info--specification { grid-row: 1; margin-right: -1px; } .product__box--half .switcher + .product__info .product-info--comments { grid-column: 1/3; grid-row: 5; } .product-info--related-products { padding: 0; grid-column: 1/3; grid-row: 3; } .product-info--kit-composition { padding: 0; grid-column: 1/3; grid-row: 4; } /**/ /*.product-info__content--specification .product-info__content-substatus-name,*/ /*.product-info__content-substatus-value {*/ /* max-width: inherit;*/ /* flex: 0 1 50%;*/ /*}*/ /*}*/ @media (max-width: 1366px) { .related__pagination .product-list__tools--list, .kit__pagination .product-list__tools--list { max-width: calc((100% / 5) + 1px); } } @media (max-width: 1280px) { .related__pagination .product-list__tools--list, .kit__pagination .product-list__tools--list { margin-right: 0; } } @media (max-width: 1176px) { .product-price { max-width: 547px; } .product-price__remark { max-width: inherit; } .page-footer__info-wrap { flex-wrap: wrap; padding-left: 64px; } .page-footer__info-wrap .page-footer__info { flex: 1 1 calc(50% - 48px); } } @media (max-width: 1120px) { .marketplace-product__body .product-box__row { flex-direction: column; align-items: center; width: 100%; } .marketplace-product__info.product-info { padding: 0; width: 100%; max-width: 512px; } .product__box--half .switcher + .product__info .product-info--specification { margin-right: 0; } .product__box--row { padding-right: 32px; } .availability-branches-box { padding-right: 8px; padding-left: 16px; } .availability-branches-box .product-info__content-substatus { padding-left: 0; } .availability-branches-box .product-info__content-substatus-value { min-width: 96px; flex-basis: 96px; } } @media (max-width: 1068px) { .header .mesh-row--auth .button__text { display: none; } .product-demo__active-images-wrap { width: 304px; height: 300px; } .product-demo .product-demo__active-image { max-width: 288px; max-height: 288px; width: 288px; height: 288px; -ms-flex: 1 1 288px; flex: 1 1 288px; } } @media (min-width: 1025px) and (max-width: 1027px) { /*fix screen media*/ .product-info--related-products, .product-info--kit-composition { padding: 0; } .product__box--half .switcher + .product__info { display: grid; grid-template-columns: 1fr; } .product__box--half .switcher + .product__info .product-info--specification { margin-right: 0; } .product__box--half .switcher + .product__info .product-info--description { grid-column: 1; } /*.product__box--half .switcher + .product__info .product-info--comments { grid-column: auto; }*/ } @media (max-width: 1024px) { .product-demo { /*width: calc(100vw - 50%);*/ } /**/ .product__box--half .switcher + .product__info { display: grid; grid-template-columns: 1fr; } .product__box--half .switcher + .product__info .product-info--specification { margin-right: 0; } .product__box--half .switcher + .product__info .product-info--description { grid-column: 1; } /*.product__box--half .switcher + .product__info .product-info--comments { grid-column: auto; grid-row: 5; } .product-info--related-products { padding: 0; grid-row: 3; } .product-info--kit-composition { padding: 0; grid-row: 4; }*/ /**/ .product-price__title { display: grid; grid-template-columns: 1fr auto 0; } .product-price__title--sup-row { grid-row: 2; grid-column: 1/3; } .product-price__title-sup-md { padding-left: 4px; } .product-price__title--sup-row .product-price__title-sup { padding-left: 0; font-size: 14px; } } @media (max-width: 958.4px) { .related__pagination .product-list__tools--list, .kit__pagination .product-list__tools--list { border-left: 1px solid var(--grayscale-faint); max-width: calc((100% / 4) + 1px); } } @media (max-width: 880px) { .product__box { padding: 16px; } .product__box--row { -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } .product__info--price { width: 100%; } .product-demo { width: auto; max-width: inherit; } .product__demo .product-demo { max-width: none; -ms-flex-align: center; align-items: center; margin: 0; padding: 16px; } .product__info--demo .product-info__color-note { padding: 0 16px 16px; text-align: center; } .product-price { width: 100%; padding: 16px 0; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 450px; } .product-info__content { padding: 16px; } } @media (min-width: 781px) and (max-width: 960px) { .product-info__content.availability-branches-box { padding: 16px 8px; } .product-info__content.availability-branches-box .product-info__content-status .text { flex: 0 1 220px; } } @media (min-width: 781px) and (max-width: 880px) { .product-price { max-width: 370px; margin-right: 8px; } } @media only screen and (max-width: 780px) { .product__title { padding-right: 16px; } .product__box--row { padding: 0; } .product__box--half { -ms-flex-direction: column; flex-direction: column; padding: 0; flex: unset; } .product__info--price { -ms-flex-direction: column; flex-direction: column; } .product-info__header { display: none; } .product-info__header--visible { display: none; } .product-info__content { border-left: 0; border-right: 0; margin-top: -1px; padding: 16px; border-top: none; min-height: inherit; /*max-height: 350px;*/ } .product-info__block-content_table .product-info__content { border-bottom: none; } /*.product-info__content--specification .product-info__content-substatus-name {*/ /* max-width: inherit;*/ /* flex: 1 0 60%;*/ /*}*/ .product-info__content-substatus { padding-left: 8px; } .product-info__content { padding-bottom: 24px; } .product-info__content-substatus .text { font-size: 12px; line-height: 16px; text-align: right; } .product-info__content-substatus-value { min-width: inherit; flex: unset; } .product-info__content.is-hidden { display: none; } .product-demo__image-list { margin-top: -4px; padding: 0 8px; } .product-demo__image-list-item { padding: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-demo__image-list-button { height: 4px; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0; background-color: #fff; transition: width ease-in 150ms, height ease-in 150ms; } .product-demo__image-list-img { opacity: 0; } .product-price { padding: 0 8px; } .product-price__title { padding: 0 0 0 16px; -ms-flex-pack: center; justify-content: center; } .product-price__actions { padding-bottom: 0; } .product-price .product-info__content { border: 1px solid var(--grayscale-faint); padding: 0 8px 0 0; } .product-info__status { min-width: 112px; } .product-price { margin: 0 auto; } /*.product-price__title {*/ /* display: flex;*/ /*}*/ .product-price__header { margin-top: 16px; justify-content: center; gap: 16px; } .product-price__title--sup-row { grid-row: unset; grid-column: unset; } .product-price__title-sup-md { padding-left: 8px; } .product-price .button__one_click { padding-top: 0; } .product-price .button__one_click > a { min-height: 48px; } /**/ .product__info--price .button__one_click { flex: unset; } .product__info--price .mesh-row.mesh-btn-designer { display: none; } .product-price__actions { justify-content: center; gap: 8px; } .product__info--price .mesh-btn-designer .button--designer__link .button__icon .icon--size--32 .icon__pic { width: 40px; height: 40px; } /**/ .related__pagination .product-list__tools--list, .kit__pagination .product-list__tools--list { border: none; margin: 0 auto 16px; max-width: inherit; } } @media (max-width: 568px) { .product-demo { width: 100%; } } @media (max-width: 414px) { .profile .profile__body { padding-left: 0; padding-right: 0; } .product-price__title { display: grid; grid-template-columns: 1fr auto 0; } .product-price__title--sup-row { grid-row: 2; grid-column: 1/3; } .product-price__title-sup-md { padding-left: 4px; } .main .product-list__tools, .main .product-list__tools_main { border-left: none; border-right: none; } .main .product-list__actions .product-list__pagination { border-bottom: 1px solid var(--grayscale-faint); } .main .pagination__next { border-right: none!important; } .main .description--tools-absolute { padding-top: 0; } } /*style upload-file*/ .upload-file { flex: 0 0 160px; max-width: 160px; } .upload-file__label { display: flex; min-height: 40px; align-items: center; gap: 0 4px; cursor: pointer; } .upload-file .text { font-size: 14px; line-height: 100%; } .upload-file__input { display: none; } /*style checkbox*/ .checkbox-label { display: flex; align-items: center; min-height: 40px; cursor: pointer; } .checkbox-label .checkbox { opacity: 0; position: absolute; } .checkbox-label .checkbox-custom { border-radius: 2px; position: relative; border: 2px solid var(--grayscale-base); flex: 0 0 16px; width: 16px; height: 16px; display: flex; margin: 0 8px; transition: .2s; } .checkbox-label .checkbox-custom:hover { border-color: var(--grayscale-soft); } .checkbox-label .checkbox-custom:active { border-color: var(--grayscale-black); } .modal-dark .checkbox-label .checkbox-custom { border-color: var(--grayscale-faint); } .checkbox-label .checkbox:checked + .checkbox-custom { border: none; } .checkbox-label .checkbox:checked + .checkbox-custom::before { content: ""; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0H2C0.9 0 0 0.9 0 2V14C0 15.1 0.9 16 2 16H14C15.1 16 16 15.1 16 14V2C16 0.9 15.1 0 14 0ZM6 14L1 9L3 7L6 10L13 3L15 5L6 14Z' fill='%230080E0'/%3E%3C/svg%3E%0A") no-repeat; width: 16px; height: 16px; } .modal-dark .checkbox-label .checkbox:checked + .checkbox-custom::before { background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0H2C0.9 0 0 0.9 0 2V14C0 15.1 0.9 16 2 16H14C15.1 16 16 15.1 16 14V2C16 0.9 15.1 0 14 0ZM6 14L1 9L3 7L6 10L13 3L15 5L6 14Z' fill='%23e0e0e0'/%3E%3C/svg%3E%0A") no-repeat; } .checkbox-label .label__text { font-size: 14px; line-height: 18px; color: var(--grayscale-dark); padding: 4px 8px 2px; } .modal-dark .checkbox-label .label__text { color: #fff; } /**/ .checkbox { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; } .checkbox__input { position: absolute; opacity: 0; width: 0; height: 0; visibility: hidden; overflow: hidden; margin-left: -1px; margin-top: -1px; } .checkbox__input:checked + .checkbox__element { border-color: transparent; } .checkbox__input:checked + .checkbox__element .checkbox__element-icon { opacity: 1; } .checkbox__element { display: -ms-flexbox; display: flex; position: relative; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 16px; height: 16px; flex-shrink: 0; border: 2px solid var(--grayscale-base); border-radius: 2px; transition: border-color ease-in 150ms; } .checkbox__element-icon { width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: var(--grayscale-base); opacity: 0; transition: opacity ease-in 150ms; } .checkbox__text { padding-left: 16px; font-size: 16px; line-height: 20px; } .checkbox--blue .checkbox__element { border-color: var(--primary-base); } .checkbox--blue .checkbox__element-icon { color: var(--primary-base); } .input-wrapper { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex: 1 1 auto; flex: 1 1 auto; } .input-wrapper .input { font-size: 14px; font-weight: 700; color: var(--grayscale-dark); transition: .2s; } .input-wrapper .input.text--normal { font-weight: 400; } .input-wrapper .input.input--dark { color: var(--grayscale-faint); } .grid .input-wrapper:hover [class*="input--gray--"]:not([readonly]), .grid .input-wrapper:focus [class*="input--gray--"]:not([readonly]) { border-color: var(--primary-light); } .grid .input-wrapper:active [class*="input--gray--"]:not([readonly]) { border-color: var(--primary-base); } .input-wrapper--with-title { -ms-flex-direction: column; flex-direction: column; } .profile__form-group .input-wrapper--with-title .input { width: 100%; font-size: 14px; font-weight: 400; color: var(--grayscale-black); } .input-wrapper--with-title .input::placeholder { color: var(--grayscale-soft); } .input-wrapper--with-title .input--center { text-align: center; } .input-wrapper--with-title .input:focus { outline: none; } .input-wrapper--with-title .input__inner { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border: 1px solid var(--grayscale-soft); border-radius: 2px; padding: 3px 8px; } .input-wrapper--with-title .input__title { background-color: #fff; position: absolute; top: -8px; left: 4px; font-size: 10px; line-height: 16px; padding: 0 4px; } .input-wrapper--with-title .input__text { width: 32px; flex-shrink: 0; } .input-wrapper--with-title .input__size { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .input-wrapper .input-icon--left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 780px) { .input-wrapper .input-icon--left { left: 0; } } .input-wrapper .input-icon--right { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 780px) { .input-wrapper .input-icon--right { right: 0; } } .submenu__section--search form, .page-header__s-search form { display: flex; width: 100%; margin: 0; } .input-wrapper .input-subtitle-error, .input-wrapper .input-icon--invalid { display: none; } .input-wrapper--full { width: 100%; } /*text placeholder*/ .input-wrapper .text--placeholder, .form-group .text--placeholder { font-size: 14px; font-weight: 400; line-height: 16px; color: var(--grayscale-base); position: absolute; left: 16px; top: 16px; cursor: text; transition: top .2s ease-in-out; } .input-wrapper .text--placeholder { top: 50%; transform: translateY(-50%); } .input-wrapper .input:focus ~ .text--placeholder, .input-wrapper .input:not(:placeholder-shown) ~ .text--placeholder, .form-group .input:focus ~ .text--placeholder, .form-group .input:not(:placeholder-shown) ~ .text--placeholder, .is-selected .select__label { top: -14px; left: 8px; font-size: 12px; line-height: 14px; color: var(--grayscale-black); visibility: visible; transform: unset; } .input-wrapper .input.input--dark:focus ~ .text--placeholder, .input-wrapper .input.input--dark:not(:placeholder-shown) ~ .text--placeholder, .form-group .input.input--dark:focus ~ .text--placeholder, .form-group .input.input--dark:not(:placeholder-shown) ~ .text--placeholder, .is-selected .select--dark .select__label { color: #fff; } .is-selected .select__label { opacity: 1; position: absolute; } .text-auto-fill { opacity: 0; } .input-wrapper .input:focus ~ .text-auto-fill, .input-wrapper .input:not(:placeholder-shown) ~ .text-auto-fill { opacity: 1; } .filter__sort .select__button .select__label { position: absolute; top: -14px; left: 16px; font-weight: 400; color: var(--grayscale-base); font-size: 10px; line-height: 12px; } .filter__sort .select__button.select--dark .select__label { color: #fff; } .form-group .input:focus ~ .text--placeholder, .form-group .input:not(:placeholder-shown) ~ .text--placeholder { left: 16px!important; opacity: 1!important; } .input-wrapper .input-subtitle ~ .text--placeholder { top: calc(16px + 20px); transform: unset; } .input-wrapper .input-subtitle ~ .input:focus ~ .text--placeholder, .input-wrapper .input-subtitle ~ .input:not(:placeholder-shown) ~ .text--placeholder { top: calc(-16px + 20px); left: 8px; font-size: 12px; line-height: 16px; color: var(--grayscale-base); transform: unset; } .select--area:not(.is-selected) .select__label { top: 50%; transform: translateY(-50%); font-size: 14px; } .select--area:not(.is-selected) .select--dark .select__label { color: var(--grayscale-light); } /*показуємо одиниці виміру*/ .input-wrapper .text--unit { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 12px; line-height: 16px; color: var(--grayscale-base); } .input-wrapper .input:placeholder-shown ~ .text--unit { opacity: 0; } .input-wrapper .input:focus ~ .text--unit, .input-wrapper .input:not(:placeholder-shown) ~ .text--unit { opacity: 1; } /**/ .input { padding: 8px 16px; border: none; background-color: #fff; color: var(--grayscale-black); border-radius: 4px; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 32px; } .input--gray--faint { border: 2px solid var(--grayscale-faint); } .input--gray--soft { border: 1px solid var(--grayscale-soft); } .input--gray--light { border: 1px solid var(--grayscale-light); } .input--size--normal { font-weight: 700; font-size: 14px; line-height: 16px; } .input--size--md { font-weight: 700; font-size: 20px; line-height: 20px; } .input--size--lg { font-weight: 900; font-size: 24px; line-height: 100%; letter-spacing: -0.48px; } .input-wrap { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .input-subtitle { font-size: 12px; line-height: 16px; color: var(--grayscale-base); margin-bottom: 4px; } .text-field { display: flex; align-items: center; min-height: 48px; padding: 8px 16px; font-size: 14px; font-weight: 700; line-height: 18px; color: var(--grayscale-black); border-radius: 4px; border: 1px solid var(--grayscale-soft); } .text-field-placeholder { font-size: 10px; line-height: 12px; font-weight: 400; padding-left: 16px; color: var(--grayscale-black); } .cursor--allowed { cursor: not-allowed; } .input--cm { min-height: 40px; } .input--sm { min-height: 48px; } .input--xsm { padding: 12px 8px; } .input--gray { background-color: var(--grayscale-barely); } .input--faint { background-color: var(--grayscale-faint); } .input--dark { background-color: var(--grayscale-dark); color: var(--grayscale-light); } .input--dark ~ .text--placeholder { color: var(--grayscale-light); } .input--dark::-webkit-input-placeholder { color: var(--grayscale-light); } .input--dark:-ms-input-placeholder { color: var(--grayscale-light); } .input--dark::-ms-input-placeholder { color: var(--grayscale-light); } .input--dark::placeholder { color: var(--grayscale-light); } .input--icon--left { padding-left: 48px; } .input--icon--right { padding-right: 48px; } .icon-input-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } [class*="input--icon--"] .icon--input { position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; } .input--icon--left .icon--input { left: 48px; } .input--icon--right .icon--input { right: 48px; } .input.is-invalid { border: 1px solid var(--color--red)!important; } .input.is-invalid ~ .input-icon--invalid { display: -ms-flexbox; display: flex; } .input.is-invalid ~ .input-subtitle-error { display: -ms-flexbox; display: flex; } .textarea { padding: 4px 8px; color: var(--grayscale-black); width: 100%; border-radius: 2px; border: none; max-width: 100%; resize: vertical; height: 72px; min-height: 72px; max-height: 150px; } .textarea--gray { background-color: var(--grayscale-barely); } .select { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .select-wrap { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; } .select__icon { transition: transform ease-in 150ms; } .select__icon-left { margin-left: -8px; position: relative; z-index: 1; } .select__button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 8px; background-color: #fff; border: 1px solid var(--grayscale-soft); border-radius: 4px; cursor: pointer; min-height: 40px; padding: 0 0 0 12px; transition: .15s; } .select--transparent { border: none; } .select__button:hover, .select__button:focus { border-color: var(--primary-light); } .select__button:active { border-color: var(--primary-base); } .select__button.is-active .select__icon { transform: rotate(-180deg); } .select__button.select--dark { background-color: var(--grayscale-dark); } .select__button.select--dark .select__text, .select__button.select--dark .select__icon { color: var(--grayscale-faint); } .select__button.select--dark:hover { border-color: var(--primary-light); } .select__button.select--sm { min-height: 48px; } .select-split .select--area:first-child .select__button { border-right: none; border-radius: 4px 0 0 4px; } .select-split .select--area:last-child .select__button { border-left: none; border-radius: 0 4px 4px 0; } .select__box { position: absolute; top: 100%; left: 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; z-index: 10; } .select__box.is-hidden { display: none; } .select__list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; box-shadow: 0 2px 8px 0 rgba(32, 32, 32, 0.25); background-color: var(--grayscale-barely); -ms-flex-align: stretch; align-items: stretch; max-height: 410px; overflow: auto; border-radius: 0 0 8px 8px; padding: 8px 0; } @media (any-hover: hover) { .select__list::-webkit-scrollbar { width: 8px; height: 0; } .select__list::-webkit-scrollbar-thumb { background-color: var(--grayscale-light); border: 3px solid var(--grayscale-barely); } } .select__list-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 40px; font-size: 14px; line-height: 18px; padding: 8px; border: none; background-color: var(--grayscale-barely); cursor: pointer; color: #202633; text-decoration: none; } .select__list-item:not(:last-child) { border-bottom: 1px solid var(--grayscale-faint); } .select__list-item.is-active, .select__list-item:hover { background-color: var(--primary-base); color: #fff; } .form-select .select__list-item.active, .form-select .select__list-item:hover { background-color: var(--grayscale-faint); } .select__text { font-size: 14px; line-height: 18px; color:var(--grayscale-black); } .select--area { display: flex; flex-direction: column; position: relative; } .select__icon { flex: 0 0 auto; } .select--area .select__button._active { pointer-events: none; } .select--area .select__button._active .select__icon { transform: rotate(-180deg); } .select--area .select__button .select__color { width: 0; height: 0; } .select--area .select__button .select__color[class*="color--"] { width: 22px; height: 22px; margin-right: 8px; margin-left: 4px; box-shadow: 0 0 0 1px rgba(0,0,0,.05); } .select--area .select__text { flex: 1 1 auto; text-align: left; line-height: unset; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select--area .selected__item:not(:last-child) { border-bottom: 1px solid var(--grayscale-faint); } .facade-product .select--area .selected__item:nth-last-child(-n+3) { border-bottom: none; } .facade-product .select--area .selected__item:nth-of-type(n+2) { border-left: 1px solid var(--grayscale-faint); } .facade-product .select--area .selected__item:nth-of-type(3n+1) { border-left: none; } .select__list .select__filter { min-height: 40px; display: flex; align-items: center; padding: 0 16px; color: var(--grayscale-black); font-size: 14px; line-height: 18px; font-weight: 400; width: 100%; cursor: pointer; } .select__list .select__default { color: var(--grayscale-soft)!important; } .select__list .select__filter.is-disabled { pointer-events: none; opacity: .25; } .select--area .selected__item:hover .select__filter { background-color: var(--grayscale-faint); color: var(--grayscale-black); } .select--area .selected__item .select__filter._active { background-color: var(--grayscale-faint); color: var(--grayscale-black); } .selected__item:has(> .select__color + .select__filter._active) { background-color: var(--grayscale-faint); } .select__text--bold { font-weight: 700; } .select--with-title .select__button { position: relative; } .select--with-title .select__title { background-color: #fff; position: absolute; top: -8px; left: 4px; font-size: 10px; line-height: 16px; padding: 0 4px; color: var(--grayscale-black); } .select--with-title .select__icon { margin-left: auto; flex-shrink: 0; color: var(--grayscale-base); } .select--with-title .select__color { width: 20px; height: 20px; border-radius: 2px; flex-shrink: 0; } .select--with-title .select__color + .select__text { padding-left: 10px; } .product--facade .select__outline::before { content:''; background-color: rgba(255,255,255,0); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -1; } /*select multiply*/ .select-multiply .select__button { width: 100%; } .checkbox__label { cursor: pointer; display: flex; } .value-multiply { display: flex; min-height: 40px; align-items: center; padding: 2px 12px; width: 100%; } @media (any-hover: hover) { .value-multiply:hover { background-color: var(--grayscale-faint); } } .value-multiply.active, .checkbox__label input:checked + .value-multiply { background-color: var(--grayscale-pale); } .select-multiply.select-multiply-chips .select__text { display: flex; gap: 4px; padding: 4px 0; } .selected--text { background-color: var(--grayscale-barely); border-radius: 16px; padding: 4px 12px; display: block; } .select--area.select-multiply .select__button._active { pointer-events: all; } /**/ .form-select .select__box { top: 100%; } .form-select .selected__item { cursor: pointer; } .form-select .selected__item:hover .select__filter { color: var(--grayscale-black); } .form-select .selected__item:hover .select__filter { background-color: var(--grayscale-faint); } .form-select .selected__item .select__filter._active { background-color: rgba(224,224,224, .4); color: var(--grayscale-dark); } @media (max-width: 500px) { .product--facade .select__outline::before { background-color: rgba(0,0,0,.4); } .select__box { position: fixed; width: 100%; height: 100%; justify-content: center; align-items: center; } .select--area .select__box { top: 0; } .select__box.is-active .select__outline, .select--box__overlay.is-active { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); top: 0; left: 0; z-index: -1; } .select__list { min-width: 192px; padding: 16px; background-color: #fff!important; border-radius: 8px; } .select__list-item { width: 100%; justify-content: center; text-align: center; background-color: transparent!important; color: var(--grayscale-black); font-weight: 400; } .select__list-item.is-active { background-color: #0080e0!important; } .select__list-item:not(:first-child) { border-color: var(--grayscale-base); } .color-box .select__list { background-color: #fff; } .color-box .select__list-item:not(:hover) { color: var(--grayscale-black); } .color-box .select__list-item:not(:first-child) { border: none; } /*select multiply*/ .select-multiply .select__box { box-shadow: 0 2px 8px 0 rgba(32, 32, 32, 0.25); border-radius: 8px; max-width: 320px; width: max-content; height: calc(100dvh - 32px); padding-bottom: 16px; left: 50%; top: 50%; transform: translate(-50%,-50%); } .vr-modal .select-multiply .select__list { border-radius: 0; box-shadow: unset; max-height: inherit; margin: 0; } .select-multiply__action { background-color: #fff; border-top: 1px solid var(--grayscale-faint); padding: 16px 8px 0; width: 100%; display: flex; justify-content: center; } /**/ .select--dropbox .select__filter { color: var(--grayscale-black); /*justify-content: center;*/ font-size: 16px; } .select--area .selected__item:not(:last-child) { border: none; } /**/ .form-select .select__box { top: 0; } .form-select .select__box .selected__item { font-weight: 700; } .form-select .select__box .select__filter { justify-content: flex-start; padding: 7px 8px; } .form-select .select__box .select__filter._active { /*background-color: var(--primary-base);*/ color: #fff; } .form-select .select__list { width: 256px; padding: 16px; } /*pilot*/ .form-select.select--area .select__button, .form-group .form-input { height: 48px; } .form-select.select--area .select__list { background-color: #fff!important; border-radius: 8px; box-shadow: 0 8px 48px 0 rgba(32, 32, 32, 0.25); width: 256px; position: fixed; top: 50%; transform: translateY(-50%); } .form-select.select--area .select__list .select__filter { color: var(--grayscale-black); justify-content: flex-start; padding: 0 7px; min-height: 48px; } .form-select.select--area .selected__item:not(:last-child) { border-color: var(--grayscale-faint); } .form-select.select--area .select__list-item:not(:first-child) { border-top: none; } .form-select.select--area .selected__item:hover, .form-select.select--area .selected__item.active, .form-select.select--area .select__list-item.active, .form-select .select__list-item:hover { background-color: var(--color--blue--barely); } .form-select.select--area .select__box .select__filter._active { /*background-color: transparent;*/ } /*if number select*/ .product-info__select-size .select__list { flex-direction: row; flex-wrap: wrap; } .product-info__select-size .select__list > * { flex: 1 1 33.33%; } } .pagination__body { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .pagination__main { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 8px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; border-left: 1px solid var(--grayscale-faint); border-right: 1px solid var(--grayscale-faint); } .pagination__main a { text-decoration: none; } .pagination__item { margin: 8px 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: var(--primary-base); border: none; width: 32px; height: 32px; background-color: transparent; font-size: 14px; line-height: 18px; font-weight: 700; } .pagination__item.is-active { background-color: rgba(0, 128, 224, .2); border-radius: 4px; } .pagination__prev { border-left: 1px solid var(--grayscale-faint)!important; } .pagination__prev, .pagination__next { /*margin: 8px;*/ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: var(--primary-base); border: none; width: 48px; height: 48px; background-color: transparent; } .pagination__prev:not(.is-active), .pagination__next:not(.is-active) { cursor: pointer; } .pagination__prev:not(.is-active):hover, .pagination__next:not(.is-active):hover { background: var(--primary-soft); color: #fff; } .pagination__prev:has(> .icon[disabled]):not(.is-active) { pointer-events: none; } .pagination__prev:has(> .icon[disabled]):not(.is-active):hover { background-color: transparent; color: var(--primary-base); } .pagination__prev .icon { transform: rotateY(-180deg); } .pagination__item { width: 32px; flex-shrink: 0; } button.pagination__item:not(.is-active) { cursor: pointer; } button.pagination__item:not(.is-active):hover { background: var(--primary-soft); color: #fff; } .filters { padding: 0 32px; margin-bottom: 49px; border: 1px solid var(--grayscale-faint); display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 0 0 500px; flex: 0 0 500px; } .without-pagination.filters { margin-bottom: 0; min-height: 450px; } .filters__icon { flex-shrink: 0; } .filters__body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; /*height: 100%;*/ /*overflow-y: auto;*/ overflow: hidden; } .filters__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 48px; } .filters__header-text { font-size: 20px; line-height: 20px; padding: 8px; -ms-flex: 1 1 auto; flex: 1 1 auto; } .filters__subheader { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; padding-top: 8px; /*padding-bottom: 20px;*/ } .filters__subheader-select { padding-bottom: 16px; max-width: 352px; width: 100%; margin-right: auto; } .filters__subheader-actions { padding-left: 32px; /*padding-bottom: 24px;*/ max-width: 352px; width: 100%; display: -ms-flexbox; display: flex; margin-right: auto; /*margin-top: 24px;*/ } .filters__subheader-select .select__button { height: 48px; border-radius: 4px; } .filters__main { /* height: 200px;*/ overflow-y: auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 780px) { .select-wrap__label { font-size: 10px; font-weight: 400; line-height: 10px; color: var(--grayscale-black); padding: 3px 0 3px 16px; } } @media (any-hover: hover) { .filters__main::-webkit-scrollbar { width: 4px; height: 4px; } .filters__main::-webkit-scrollbar-thumb { background-color: var(--grayscale-faint); } } .filters__accordion { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 350px; } .filters__accordion .is-disabled { pointer-events: none; opacity: .25; } .filters__accordion-section { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 7px; } .filters__accordion-section:not(:first-child), .main__section--search .filters__accordion-control:not(:first-child) { border-top: 1px solid var(--grayscale-faint); } .filters__container .filters__parent_category + .filters__accordion-section { border-top: none; } .filters__accordion-control { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; background-color: transparent; min-height: 47px; border: none; cursor: pointer; color: var(--grayscale-black); padding: 0 0 0 8px; } /*поворот стрелочек в меню фильтра каталога*/ .filters__accordion-control .filters__accordion-control-arrow { color: var(--grayscale-base); flex: 0 0 32px; transition: all .15s ease-in-out; } .filters__accordion-control.is-active .filters__accordion-control-arrow { transform: rotate(-180deg); } .filters__accordion-control-text { font-size: 16px; line-height: 20px; white-space: nowrap; margin-right: auto; text-overflow: ellipsis; overflow: hidden; } .filters__accordion-control-icon { transition: transform ease-in 150ms; flex-shrink: 0; } .filters__accordion-control-colors { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filters__accordion-control-colors + .filters__accordion-control-text { padding-left: 6px; } .filters__accordion-control-colors-item { width: 20px; height: 20px; flex-shrink: 0; margin: 4px; border-radius: 2px; } .filters__accordion-list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-bottom: 16px; } .filters__accordion-list-item { padding-left: 24px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 32px; transition: all ease-in 150ms; box-sizing: content-box; } .filters__rubrics .filters__accordion-list-item + .filters__accordion-section { border-top: none; } .filters__accordion-list.is-hidden { padding-bottom: 0; /*height: 0; display: none;*/ } .filters__accordion-list.is-hidden .filters__accordion-list-item:not(.is-active) { overflow: hidden; height: 0; max-height: 0; min-height: 0; border-top-width: 0; opacity: 0; width:0; } .filters__accordion-list.is-hidden .filters__accordion-list-item:not(.is-active) + .filters__accordion-list-item.is-active { border-top-width: 0; } .filters__accordion-list.is-hidden .filters__accordion-list-item.is-active ~ .filters__accordion-list-item.is-active { border-top-width: 1px; } .filters__accordion-list.is-hidden .filters__accordion-list-item.is-active { margin-bottom: 16px; } /*.filters__accordion-list.is-hidden .filters__accordion-list-item.is-active ~ .filters__accordion-list-item.is-active {*/ /* margin-top: -16px;*/ /*}*/ .filters__color-picker { padding: 16px 12px 20px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .filters__color-picker.is-hidden { display: none; } .filters__color-picker-list { max-width: 280px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filters__color-picker-item { margin: 4px; width: 48px; height: 48px; flex-shrink: 0; cursor: pointer; } .filters__color-picker-item.is-active, .filters__color-picker-item:hover { box-shadow: 0 0 0 4px var(--primary-base); } .filters__accordion-list-item label.checkbox input + .checkbox__element .checkbox__element-icon { color: var(--primary-base); } /*@media (max-width: 1536px) {*/ .g-title { min-height: 48px; margin: 8px 0; } .g-title h1 { font-size: 24px; line-height: 100%; } /*}*/ @media (max-width: 1068px) { .filters { margin-right: 0; -ms-flex: 1 0 320px; flex: 1 0 320px; } } @media only screen and (max-width: 780px) { .filters { position: fixed; z-index: 21; padding: 0; right: 0; top: 0; height: 100%; width: 100%; border: 0; -ms-flex-align: end; align-items: flex-end; } .filters.is-hidden { display: none; } .filters__outline { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } .filters--autline { width: 100%; z-index: 1111; } .filters--autline .sidebar__outline { display: block; } .filters__body { background-color: var(--grayscale-dark); max-width: 320px; width: 100%; height: 100vh; } .filters__header { padding: 0 4px 0 8px; } .filters__header-text { color: #fff; } .filters__subheader { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; padding-bottom: 16px; } .filters__subheader-select { padding-left: 16px; padding-bottom: 16px; max-width: 192px; } .filters__subheader-select .select__button { height: 48px; background-color: transparent; border-color: #fff; color: #fff; } .filters__subheader-select .icon--color--gray, .filters__subheader-select .select__text, .filters__rubrics .checkbox__text { color: #fff; } .filters__body .icon--size--32, .filters__subheader-actions.m680--show .icon--size--32, .filters__accordion-list-item label.checkbox input + .checkbox__element .checkbox__element-icon{ color: #fff; } .filters__header .filters__icon .icon--size--32 { color: var(--grayscale-soft); } .filters__subheader-select .select__outline { /*position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);*/ } .filters__subheader-select .select__box { box-shadow:inset 0 500px 500px rgba(0,0,0,.25); position: fixed; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; bottom: 0; right: 0; } .filters__subheader-select .select__box.is-hidden { display: none; } .filters__subheader-select .select__list { position: relative; border-radius: 8px; padding: 16px; max-width: 192px; width: 100%; z-index: 1; } .filters__subheader-select .select__list-item { -ms-flex-pack: center; justify-content: center; min-height: 32px; padding: 0; font-weight: 700; border-color: var(--grayscale-soft); } .filters__subheader-actions { padding: 0 8px; width: auto; } .filters__subheader-actions.m680--show { position: absolute; top: 64px; right: 0; } .filters__accordion { border-top: 1px solid var(--grayscale-dark); } .filters__accordion-control { color: #fff; } .filters__accordion-section:not(:first-child) { border-color: var(--grayscale-base); } .filters__accordion-list-item { min-height: 32px; padding-left: 24px; } .filters__accordion-list-item:not(:first-child) { border-color: var(--grayscale-base); } .filters__accordion-list-item .checkbox { color: #fff; } .filters__accordion-list-item .checkbox__element { border-color: #fff; } .filters__accordion-list-item .checkbox__element-icon { color: #fff; } } iframe { width: 100% !important; height: 100% !important; } @media (max-width: 500px) { .fancybox-inner iframe { height: 100vh!important; } } .breadcrumbs { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 8px 16px 8px 32px; } .breadcrumbs-wrapper .breadcrumbs__item, .breadcrumbs-wrapper .breadcrumbs__item span, .breadcrumbs-wrapper .breadcrumbs__item a { color: var(--primary-base); } .breadcrumbs-wrapper .breadcrumbs__item .icon--color--gray--pale { color: var(--grayscale-pale); } .breadcrumbs__list { overflow: hidden; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .breadcrumbs__item { /*flex-shrink: 0;*/ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .breadcrumbs__icon { flex-shrink: 0; width: 32px; } .breadcrumbs__link { text-decoration: none; color: var(--primary-base); cursor: pointer; font-size: 12px; line-height: 16px; } .breadcrumbs__link:hover { text-decoration: none; color: var(--primary-soft); } .breadcrumbs__icon + span { font-size: 12px; line-height: 16px; } @media only screen and (max-width: 780px) { .lock .breadcrumbs-section { pointer-events: none; } .main__section.breadcrumbs-section { /*grid-row: 1;*/ border-top: 1px solid var(--grayscale-faint); } main .breadcrumbs-wrapper { padding-left: 0; } main .breadcrumbs-wrapper { width: calc(100vw - 16px); } .breadcrumbs__link, .breadcrumbs__item .breadcrumbs__icon + span { font-size: 12px; line-height: 16px; } .breadcrumbs-wrapper { padding: 0 16px; border-bottom: none; border-right: none; border-left: none; } .breadcrumbs-wrapper .breadcrumbs__item .icon--color--gray--pale { color: var(--grayscale-pale); } } @media (any-hover: hover) { .header .submenu__section .dropdown--catalog:hover .dropdown-box { display: block; opacity: 1; width: 368px; } .header .submenu__section .dropdown--catalog:hover .dropdown-box li:hover > ul { display: block; min-height: 100%; } } @media only screen and (max-width: 780px) { .submenu__section--media--680 { -ms-flex: 1 1 auto; flex: 1 1 auto; border-bottom: 1px solid var(--grayscale-faint); } .submenu__section--media--680 .submenu__link { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex: 1 1 auto; flex: 1 1 auto; } .submenu__section--media--680 .submenu__link .text { display: inherit; } .submenu .mesh--name-page .minimum-width .text { line-height: 24px; } } .header .submenu { display: flex; min-height: 40px; border: 1px solid var(--grayscale-faint); } .header .submenu__section { display: flex; border-left: 1px solid var(--grayscale-faint); } .header .submenu__section:first-child { border-left: none; } .header .submenu__section--search { border-width: 3px 4px 3px 4px; border-style: solid; border-color: var(--grayscale-faint); } .header .submenu__section--search .input { border-radius: 4px 0 0 4px; width: 100%; } .submenu__section--search .button--search { flex: 0 1 128px; border-radius: 0 4px 4px 0; } .btn--reset { flex: 0 0 auto; align-self: center; z-index: 1; } .header .searchInput { font-size: 14px; } /*@media (max-width: 1566px) {*/ .search__form { position: relative; } .header--sticky .search__form .btn--reset { position: absolute; right: 120px; } .header--sticky .page-header__s-search .button--search { flex-basis: 76px; } /*}*/ .submenu .mesh--name-page .minimum-width { height: 34px; display: flex; align-items: center; } .submenu .mesh--name-page .text { text-overflow: ellipsis; overflow: hidden; } .submenu__link { padding: 8px 12px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; white-space: nowrap; } .submenu__link .icon { flex-shrink: 0; } .header--sticky .page-header__s-promo .submenu__link { padding: 0; flex: 0 0 auto; } /* Statics pages services */ .services-stat-content { padding: 16px 24px; } .services-stat-content h1 { text-align: left!important; font-size: 32px; line-height: 36px; font-weight: 900; min-height: 64px; } .services-stat-content h3 { text-align: left!important; margin-bottom: 20px; font-size: 24px; line-height: 100%; } .services-stat-content img { max-width: 100%; height: auto!important; margin-bottom: 20px; } .services-stat-content p { margin-bottom: 20px; font-size: 16px; line-height: 20px; color: var(--grayscale-black); text-align: left!important; } .services-stat-content ul { padding-left: 20px; margin-bottom: 20px; } .services-stat-content ul li { list-style: disc; margin-bottom: 5px; font-size: 16px; line-height: 20px; color: var(--grayscale-black); } .services-stat-content ul li > ul { margin-top: 5px; } .services-stat-content ul li > ul li { list-style: circle; } .services-stat-content ul li:last-child { margin-bottom: 0; } @media (max-width: 780px) { .services-stat-content h1 { font-size: 24px; line-height: 100%; font-weight: 700; min-height: 48px; } .services-stat-content h3 { margin-bottom: 18px; font-size: 18px; } .services-stat-content p { margin-bottom: 18px; font-size: 14px; line-height: 18px; } .services-stat-content ul { padding-left: 18px; margin-bottom: 18px; } .services-stat-content ul li { font-size: 14px; line-height: 18px; } } /**/ .brands { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; } .brands--tools-absolute { position: relative; margin-bottom: 25px; } .brands--tools-absolute .brands__tools { position: absolute; right: 0; top: 100%; } .brands__list { border: 1px solid var(--grayscale-faint); padding: 0 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brands__list--sm { min-height: 176px; padding: 32px; } .brands__item { padding: 0 16px; -webkit-filter: grayscale(1); filter: grayscale(1); transition: -webkit-filter ease-in 150ms; transition: filter ease-in 150ms; } .brands__item:hover { -webkit-filter: unset; filter: unset; } .brands__item:hover .svg-hidden-el { opacity: 1; } .brands__item .svg-hidden-el { opacity: 0; transition: opacity ease-in 150ms; } .brands__tools { width: 100%; max-width: 257px; display: -ms-flexbox; display: flex; border-right: 1px solid var(--grayscale-faint); border-left: 1px solid var(--grayscale-faint); border-bottom: 1px solid var(--grayscale-faint); padding: 0 8px; } @media (max-width: 1068px) { .brands__list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .brands__item { padding: 16px; } } @media only screen and (max-width: 780px) { .brands { -ms-flex-direction: column; flex-direction: column; } .brands__list { padding: 0; border: none; } .brands__item { display: -ms-flexbox; display: flex; } .brands__item svg { max-height: 100%; } .brands--tools-absolute { position: relative; margin-bottom: 56px; } .brands--tools-absolute .brands__tools { position: static; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 100%; border-left: none; border-right: none; max-width: none; } } .product-list, .product-list_main { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 auto; border-right-color: transparent; border-bottom-color: transparent; } .product-list__body { display: -ms-flexbox; display: flex; } .product-list__body--list { -ms-flex-wrap: wrap; flex-wrap: wrap; /*display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(256px, min-content));*/ } /*@media (max-width: 1536px) {*/ .filters { flex: 0 0 400px; } /*}*/ @media (max-width: 1289.6px) { .filters { flex: 0 0 485px; } } @media (max-width: 1024px) { .page-header__heading--m-search .page-header__navbar { gap: 0 2px; } .header--sticky .page-header .page-header__navbar { gap: 0; } .header--sticky .favorites .button__icon { flex: 0 0 auto; } .page-header__navbar .selected-city .dropdown__select > .text { max-width: 80px; white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; display: inline-block; } .dropdown__select.page-header__navbar-link.offset--xcm--h, .page-header__navbar-item.offset--cm--h, .page-header__navbar-item.offset--xcm--h { padding: 0; } .header .page-header__navbar-categories { padding-top: 4px; } .filters { flex: 0 0 442px; } } @media (max-width: 981px) { .header .page-header__actions .button__icon { padding-left: 0; } .page-header__actions #modal_ancor .button__text, .page-header__actions [id*="comp_"] .button__text { font-size: 0; } /**/ .filters { flex: 0 0 400px; padding: 0 24px; } } @media (max-width: 970px) { .header:not(.header--sticky) .mesh-row--auth #modal_ancor .button__text { font-size: 14px; } } @media only screen and (max-width: 780px) { .header:not(.header--sticky) .mesh-row--auth #modal_ancor .button__text { display: none; } .filters { padding: 0; } noscript ~ .main .filters.is-active { display: none; } } .product-list__actions { border-top: 1px solid var(--grayscale-faint); margin-top: -1px; } .kit__pagination .product-list__actions { margin-right: 0; } .product-list__pagination > .pagination, .product-list__pagination + .product-list__tools--list { /*border-top: 1px solid var(--grayscale-faint);*/ } /*убирает лишние контейнеры каталога - начало */ .product-list__body--preview .product-card_main:nth-child(n+8) { display: none; } /*@media (max-width: 1600px) {*/ .product-list__body--preview .product-card:nth-child(n+7) { display: none; } .product-list__body--preview .product-card_main:nth-child(n+7) { display: none; } /*}*/ /*@media (max-width: 1640px) {*/ .product-demo { padding-right: 0; } .product-price { padding-left: 0; } /*}*/ @media (max-width: 1530px) { .marketplace-product__body .product-box__row, .marketplace-product .product__box--half { padding-left: 24px; } } @media (max-width: 1280px) { .product-list__body--preview .product-card:nth-child(n+6) { display: none; } .product-list__body--preview .product-card_main:nth-child(n+6) { display: none; } } @media (max-width: 1068px) { .product-list__body--preview .product-card:nth-child(n+5) { display: none; } .product-list__body--preview .product-card_main:nth-child(n+5) { display: none; } /**/ .product__info--price .mesh-btn-designer { flex: unset; padding: 0 12px 0 0; } .product__info--price .button--transparent { justify-content: space-between; } .product__info--price .mesh-btn-designer .button--designer__link { width: auto; } .product__info--price .button__body { height: inherit; } .product__info--price .mesh-btn-designer .button--designer__link .icon--size--32 .icon__pic { width: 48px; height: 48px; } .product__info--price .mesh-btn-designer .button--designer__link .button__text { font-size: 0; } } @media (max-width: 868px) { .product-list__body--preview .product-card:nth-child(n+4) { display: none; } .product-list__body--preview .product-card_main:nth-child(n+4) { display: none; } } @media (max-width: 680px) { .product-price .product-price__actions { padding-bottom: 8px; } .product__info--price .button__one_click { padding: 0 8px; align-items: center; } .product__info--price .button--transparent { height: 48px; } .product-price .product-price__actions .mesh-row:nth-of-type(1), .product-price .product-price__actions .mesh-row:nth-of-type(2) { flex: 0 1 33.3%; } .product-price .product-price__actions .mesh-row:nth-of-type(3) { padding-right: 6px; } .product__info--price .mesh-btn-designer .button--designer__link .button__text { font-size: inherit; } } /*}*/ @media (max-width: 780px) { .marketplace-product__body .product-box__row, .marketplace-product .product__box--half { padding-left: 0; } } @media (max-width: 470.4px) { .breadcrumbs-wrapper { width: calc(100vw - 16px); } .product__title { padding-top: 16px; padding-bottom: 0; } .product__title .product__title-text { font-weight: 700; font-size: 16px; line-height: 20px; color: #000; } .account-nav { width: 100%; } .product-card__section .product-card__media { height: auto; /*flex: auto;*/ } .product-price .product-price__actions .mesh-row:nth-of-type(1), .product-price .product-price__actions .mesh-row:nth-of-type(2) { flex: 0 1 48%; padding-right: 8px; } .product__info--price .mesh-btn-designer .button--designer__link .button__text { font-size: 0; } .account .account-nav.is-hidden { left: -350px; z-index: -9999; opacity: 0; width: 0; } .account .account-nav { width: 100%; left: 0; box-shadow: none; transition: left .25s ease-in-out; } } @media (max-width: 370px) { .breadcrumbs-wrapper { padding: 0; } .breadcrumbs { width: calc(100vw - 16px); padding: 8px; } } @media (max-width: 577px) { .product-list__body--preview .product-card:nth-child(n+4) { display: none; } .product-list__body--preview .product-card_main:nth-child(n+4) { display: none; } .header--sticky .page-header__logo { margin-right: unset; } } @media (max-width: 414px) { .main { padding: 0; } .main .product-list__body { padding: 0; } .main .product-list { border-bottom: none; } .product--default .product-demo__header .text { padding: 0 16px; } .product-list__body .product-card__price { padding: 8px 0 8px 0; } .product-card .product-card__price > .mesh-row { flex-wrap: wrap; gap: 0; } .main .product-list__body .product-card__control-group--show-btn { bottom: 8px; right: 8px; } /**/ .color-box__selected .color-selected__choose { flex: 1 1 auto; } } @media (max-width: 359.2px) { .product-list__body--preview .product-card_main:nth-child(n+3) { display: none; } .product-card_main { /*max-width: 70%;*/ } .product-price .product-price__actions .mesh-row { padding: 8px; } /**/ .color-box__subheader .offset--xsm--left { padding-left: 8px; } .color-box__subheader .offset--xcm--right { padding-right: 0; } .color-box__subheader .offset--xcm--h { padding-left: 0; } .color-box__colors-section { padding: 8px; } .color-box__colors-title { padding: 0 8px; } .color-box__colors-list { padding: 0; max-width: 288px; margin: 0 auto; } .color-box__selected.color--segment .color-choice__choose { padding: 0; } } /*убирает лишние контейнеры каталога - конец */ .product-list__actions { display: -ms-flexbox; display: flex; } @media (max-width: 1280px) { .product-list__actions { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .product-list__pagination { margin-left: auto; margin-right: -1px; border-bottom: 1px solid var(--grayscale-faint); border-right: 1px solid var(--grayscale-faint); } .product-list__pagination + .product-list__tools { margin-left: 0; } .product-list__pagination + .product-list__tools_main { margin-left: 0; } @media (max-width: 1280px) { .product-list__pagination { -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: -1px; } .catalog-marketplace__container .product-list__pagination { -ms-flex: 0 1 auto; flex: 0 1 auto; } .product-list__pagination + .product-list__tools { -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: auto; } .catalog-marketplace__container .product-list__pagination + .product-list__tools { margin-left: 0; } .product-list__pagination + .product-list__tools_main { -ms-flex: 1 1 auto; flex: 1 1 auto; margin-left: auto; } } .product-list--tools-absolute { position: relative; } .product-list--tools-absolute.is-show-more { margin-bottom: 32px; } .product-list--tools-absolute .product-list__tools { position: absolute; right: 0; top: 100%; } .product-list--tools-absolute .product-list__tools_main { position: absolute; right: 1px; top: 100%; } .main:has(.marketplace) ~ .footer { margin-top: 32px; } .product-list__tools, .product-list__tools_main { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; border-right: 1px solid var(--grayscale-faint); border-left: 1px solid var(--grayscale-faint); border-bottom: 1px solid var(--grayscale-faint); padding: 0 8px; margin-left: auto; } .product-card, .product-card_main { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; position: relative; margin-top: -1px; margin-left: -1px; border: 1px solid var(--grayscale-faint); padding: 8px; } .filters + .product-list .product-card { -ms-flex: 0 1 calc(20% + 1px); flex: 0 1 calc(20% + 1px); } /*@media (min-width: 1601px) {*/ .product-card, .product-card_main { flex: 0 1 calc(14.28% + 1px); transition: all .15s ease-in-out; } .product-card:hover, .product-card_main:hover { box-shadow: 0 4px 32px 0 rgba(32, 32, 32, 0.20); } .product-list__tools, .product-list__tools_main { max-width: calc((100% / 7) + 1px); } .filters + .product-list .product-list__tools--list { max-width: calc((100% / 5) + 1px); } .filter--active .product-list__tools { max-width: calc(100% / 5); } /*}*/ /* reDesign 1536 */ .filters + .product-list .product-card { -ms-flex: 0 1 calc(25% + 1px); flex: 0 1 calc(25% + 1px); } .filters + .product-list .product-list__tools--list { max-width: calc((100% / 4) + 1px); } .product-card, .product-card_main { flex: 0 1 calc(16.66% + 1px); } .product-list__tools, .product-list__tools_main { max-width: calc((100% / 6) + 1px); } /*@media (max-width: 1792px) { .filters + .product-list .product-card { -ms-flex: 0 1 calc(25% + 1px); flex: 0 1 calc(25% + 1px); } .filters + .product-list .product-list__tools--list { max-width: calc((100% / 4) + 1px); } } @media (max-width: 1600px) { .product-card, .product-card_main { flex: 0 1 calc(16.66% + 1px); } .product-list__tools, .product-list__tools_main { max-width: calc((100% / 6) + 1px); } .filters + .product-list .product-list__tools--list { max-width: calc((100% / 4) + 1px); } }*/ /*---*/ @media (max-width: 1400px) { .product-card .product-card__description { padding: 0 8px; } .product-card__price .offset--xcm--h { padding-left: 0; } .product-card .product-card__control-group { padding-left: 16px; } } @media (max-width: 1366px) { .product-card, .product-card_main { -ms-flex: 0 1 calc(16.66% + 1px); flex: 0 1 calc(16.66% + 1px); } .filters + .product-list .product-card { -ms-flex: 0 1 calc(33.3% + 1px); flex: 0 1 calc(33.3% + 1px); } .product-list--tools-absolute .product-list__tools_main { right: 0; } .filters + .product-list .product-list__tools--list { max-width: calc((100% / 3) + 1px); } } @media (max-width: 1280px) { .product-card, .product-card_main { -ms-flex: 0 1 calc(20% + 1px); flex: 0 1 calc(20% + 1px); } .product-list__tools, .product-list__tools_main { max-width: calc((100% / 5) + 1px); } } @media (max-width: 1279px) { .product-card .product-card__status { padding-left: 0; } .product-card .product-card__status::before { margin-right: 0; } } @media (max-width: 1125px) { .product-card, .product-card_main { -ms-flex: 0 1 calc(20% + 1px); flex: 0 1 calc(20% + 1px); } .filters + .product-list .product-card { -ms-flex: 0 1 calc(50% + 1px); flex: 0 1 calc(50% + 1px); } .filters + .product-list .product-list__tools--list { max-width: calc((100% / 2) + 1px); } } @media (max-width: 1068px) { .product-card, .product-card_main { -ms-flex: 0 1 calc(25% + 1px); flex: 0 1 calc(25% + 1px); } .product-list__tools, .product-list__tools_main { max-width: calc((100% / 4) + 1px); } } @media (max-width: 1027px) { .product-list__actions { margin-top: -1px; } .product-list__tools--list { max-width: calc((100% / 2) + 1px); } } @media (max-width: 958px) { .filters + .product-list .product-card { -ms-flex: 0 1 calc(50% + 1px); flex: 0 1 calc(50% + 1px); } .filters + .product-list .product-list__actions { margin-left: -1px; } .product-list__pagination { margin: 0; } .pagination__next { border-right: 1px solid var(--grayscale-faint)!important; } .product-list__tools--list { max-width: inherit; border-left: 0; } .filters + .product-list .pagination__main { /*border-left: none;*/ } .filters + .product-list .product-list__tools--list { max-width: inherit; border-top: none; border-left: 1px solid var(--grayscale-faint); margin: 0; } } @media (max-width: 868px) { .product-card, .product-card_main { -ms-flex: 0 1 calc(33.33% + 1px); flex: 0 1 calc(33.33% + 1px); } .product-list__tools, .product-list__tools_main{ max-width: calc((100% / 3) + 1px); } } @media (max-width: 835px) { .filters + .product-list .product-card { -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media (max-width: 780px) { .filters + .product-list .product-card { -ms-flex: 0 1 calc(50% + 1px); flex: 0 1 calc(50% + 1px); } .filters + .product-list .product-list__actions { margin-left: 0; } .product-list__tools, .product-list__tools_main { max-width: inherit; } .product-list__tools--list { max-width: none; } .filters + .product-list .product-list__tools--list { border: none; } } @media (max-width: 577px) { .product-card, .product-card_main { -ms-flex: 0 1 calc(33.33% + 1px); flex: 0 1 calc(33.33% + 1px); } .product-list__body .product-card__control-group-btn .btn-card-buy { background-color: transparent!important; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; max-width: inherit; height: 100%; border-radius: unset } .product-list__body .btn-card-buy > * { opacity: 0; } } .product-card a, .product-card_main a { text-decoration: none; } .product-card__section { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .product-card__code { display: -ms-flexbox; display: flex; padding-left: 0; padding-right: 4px; -ms-flex-align: center; align-items: center; min-height: 16px; } .product-card__code .text { font-size: 12px; line-height: 16px; } .product-card__description { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1 1 auto; padding: 0 8px 0 8px; } .product-card__status, .marketplace-card__status { text-align: right; min-width: 96px; max-width: 110px; white-space: nowrap; color: var(--grayscale-light); font-size: 10px; line-height: 12px; font-weight: 700; padding-left: 4px; padding-right: 14px; overflow: hidden; text-overflow: ellipsis; z-index: auto; position: absolute; right: 8px; top: 2px; } .product-card__status:hover, .marketplace-card__status:hover { background-color: #fff; max-width: inherit; text-overflow: unset; overflow: unset; min-width: inherit; } .product-card__status::after, .marketplace-card__status::after { display: inline-block; content: ''; width: 8px; height: 8px; border-radius: 50%; background-color: var(--grayscale-light); position: absolute; right: 0; top: 1px; } .product-card__status--green { color: var(--tertiary-green); } .product-card__status--green::after { background-color: var(--tertiary-green); } .product-card__status--yellow-dark { color: var(--secondary-yellow-dark); } .product-card__status--yellow-dark::after { background-color: var(--secondary-yellow-dark); } .product-card__status--orange-dark { color: #c02000; } .product-card__status--orange-dark::after { background-color: #c02000; } .product-card__bottom-block { gap: 8px; } .product-card__oldprice { padding: 0 0 4px 0; text-decoration: line-through; color: var(--grayscale-soft); } .product-card__price { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; flex: 1 1 auto; padding: 8px 8px 0 8px; } .product-card__price .unitNameValue { margin-right: 4px; padding-left: 0; } .catalog__product-list .product-card__price { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: center; justify-content: space-between; } .catalog__product-list .product-card__price .product-card__decors .text { font-size: 12px; color: var(--grayscale-base); } .product-card__price .price-cost { font-size: 16px; line-height: 20px; } .product-card__price .price-from { font-size: 12px; } .product-card__price--sm { min-height: 40px; } .product-card__control { padding: 2px 24px 16px; } .product-card__control-group { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product-list__body .btn-card-buy { width: 40px; height: 40px; border-radius: 50%; margin-left: auto; padding: 0; } .product-list__body .btn-card-buy .button__body { height: inherit; } .product-list__body .btn-card-buy .button__text { display: none; } .product-card__control-group-btn { -ms-flex: 1 1 auto; flex: 1 1 auto; } .product-card__control-group-subbtn { position: absolute; top: 8px; right: 8px; } .main__section--search .product-card__control-group-subbtn { top: 16px; right: 16px; } .product-card__title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 48px; padding: 8px 0; } .product-card__title .text { word-break: break-word; } .product-card__media { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; flex: 0 1 240px; width: 100%; height: 100%; position: relative; } .product-card__media a { display: block; max-width: 300px; max-height: 300px; width: 100%; height: 100%; } .product-card__img { width: 100%; height: 100%; object-fit: cover; /* max-width: 240px; */ position: relative; font-size: 0; } .product-card__note { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .catalog__product-list .product-card__title { -ms-flex-direction: column; flex-direction: column; align-items: flex-start; } .catalog__product-list .product-card__notation .text { font-size: 11px; line-height: 100%; color: var(--grayscale-base); padding-bottom: 3px; } .product-card .m-product-card__link, .product-card_main .m-product-card__link { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .promo-sign { top: 0; right: 16px; position: absolute; width: 32px; height: 48px; background-color: var(--primary-soft); color: #fff; } .product-list__body .promo-sign { top: 8px; right: unset; left: 16px; } .promo-sign--red { background-color: #c02000; } .promo-sign--green { background-color: var(--tertiary-green); } .promo-sign--orange { background-color: var(--tertiary-orange); } .promo-sign__body { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; background-color: inherit; width: 100%; height: 100%; z-index: 2; } .promo-sign__icon { height: 32px; color: inherit; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .promo-sign__title { font-size: 14px; font-weight: 700; line-height: 18px; } .promo-sign::after { position: absolute; background-color: inherit; width: 32px; height: 16px; content: ''; transform: skewY(26.56deg); bottom: -8px; z-index: 1; } .show-more { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: none; min-height: 48px; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; color: var(--primary-base); background-color: transparent; cursor: pointer; } .show-more__text { font-size: 16px; line-height: 20px; font-weight: 400; margin-right: 8px; } /* єВідновлення */ .e-recovery-pay { position: absolute; bottom: 8px; right: 8px; } .e-recovery-pay__body { border-radius: 64px; background: rgba(255, 255, 255, .70); box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25); display: block; padding: 3px 12px; } .e-recovery-pay__text { font-family: 'e-Ukraine', sans-serif; font-size: 12px; font-weight: 500; color: var(--grayscale-black); text-align: center; } .e-recovery-pay [data-hint]:hover::before { font-family: 'Roboto', sans-serif; text-align: left; width: max-content; max-width: 144px; margin-top: 8px; background-color: rgba(32,32,32,.8); } @media (max-width: 470px) { .e-recovery-pay__body { padding: 3px 8px; } .e-recovery-pay__text { font-size: 10px; } .e-recovery-pay [data-hint]:hover::before { font-size: 10px; line-height: 12px; max-width: inherit; width: fit-content; right: unset; left: 0; } } /*icon pay credit*/ .product-card__section { position: relative; } .type-card__badge { position: absolute; top: 8px; left: 8px; } .type-product-card__badge { position: absolute; top: 8px; left: 8px; } .product-list__body .type-product-card__badge { top: 16px; left: 16px; } .product-card_main .type-card__badge .badge__icon { width: 40px; height: 40px; } .profile-body-basket .type-card__badge { top: 12px; left: 12px; } .profile-body-basket .type-card__badge .badge__icon { width: 36px; height: 36px; } .type-product-card__badge .type-card__badge { position: unset; } .is-promo-sign .type-product-card__badge { top: 72px; } .product-list__body .is-promo-sign .type-product-card__badge { top: 74px; } .type-card__badge .badge__icon { width: 48px; height: 48px; background-color: rgba(32, 32, 32, .5); border-radius: 50%; margin-bottom: 8px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; } .type-card__badge .badge__icon--credit { background: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 22H2C0.9 22 0 21.1 0 20V4C0 2.9 0.9 2 2 2H4V0H6V2H14V0H16V2H18C19.1 2 20 2.9 20 4V8H2V20H9V22ZM18 10L10 24H12L20 10H18ZM14 15V13C14 11.3 12.7 10 11 10C9.3 10 8 11.3 8 13V15C8 16.6 9.3 18 11 18C12.7 18 14 16.6 14 15ZM10 15V13C10 12.4 10.4 12 11 12C11.6 12 12 12.4 12 13V15C12 15.6 11.6 16 11 16C10.4 16 10 15.6 10 15ZM19 16C17.3 16 16 17.3 16 19V21C16 22.6 17.3 24 19 24C20.7 24 22 22.6 22 21V19C22 17.3 20.7 16 19 16ZM20 21C20 21.6 19.6 22 19 22C18.4 22 18 21.6 18 21V19C18 18.4 18.4 18 19 18C19.6 18 20 18.4 20 19V21Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat; width: 22px; height: 24px; } /*data tooltip*/ .tooltip { display: none; position: absolute; background-color: rgba(32, 32, 32, .8); box-shadow: 0 2px 8px 0 rgba(32, 32, 32, .25); border-radius: 8px; word-break: break-word; color: #fff; padding: 8px 16px; margin-right: 16px; font-size: 12px; line-height: 14px; font-weight: 400; z-index: 1000; } /*hint*/ .type-card__badge ._hint { position: absolute; left: 100%; top: 0; display: none; opacity: 0; padding: 0 0 0 8px; visibility: hidden; pointer-events: none; transition: opacity .15s ease-in-out; z-index: -9999; } .type-card__badge .badge__icon:hover ._hint { display: block; opacity: 1; visibility: visible; pointer-events: all; z-index: 13; } .type-card__badge .badge-detail__list { filter: drop-shadow(0px 4px 16px rgba(32, 40, 48, 0.25)); background-color: transparent; max-height: 300px; overflow: auto; padding: 5px 9px; display: flex; flex-direction: column; width: fit-content; } .marketplace-product .type-card__badge .badge-detail__list { max-width: 288px; } @media (min-width: 1537px) and (max-width: 1600px) { .type-card__badge .badge-detail__list { max-width: 9vw; } } .product-card .type-card__badge ._hint { left: 54px; top: 0; } .product-card .type-card__badge .badge-detail__desc { min-height: 37px; } .type-card__badge .badge-detail__item { display: flex; align-items: center; } .type-card__badge .badge-detail__item:not(:last-child) .badge-detail__desc { border-bottom: 1px solid var(--grayscale-base); } .type-main-price__installation > .type-card__badge .badge-detail__desc { min-height: 0; padding: 0 9px; } .type-card__badge .badge-detail__desc { min-height: 53px; display: flex; align-items: center; padding: 8px 0; cursor: text; } .type-card__badge .badge-detail__desc .text { color: #fff; font-size: 14px; line-height: 18px; padding-left: 4px; } .type-card__badge .badge-detail__logo, .kitchen-card__badge .badge-detail__logo { flex: 0 0 auto; width: 42px; height: 42px; padding: 0; margin-bottom: 4px; } .type-card__badge .badge-detail__logo img, .kitchen-card__badge .badge-detail__logo img { width: 100%; height: 100%; object-fit: cover; } /*post desc credit icon*/ .type-main-price__block .type-card__badge { position: unset; display: flex; gap: 0 8px; padding-right: 16px; } .type-main-price__block .type-card__badge .badge__icon { width: 64px; height: 64px; background-color: #fff; border: 2px solid var(--grayscale-soft); flex-direction: column; } .type-main-price__credit .type-card__badge .badge-credit { border-color: var(--primary-soft); } .type-main-price__credit .badge__icon--credit { background: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 22H2C0.9 22 0 21.1 0 20V4C0 2.9 0.9 2 2 2H4V0H6V2H14V0H16V2H18C19.1 2 20 2.9 20 4V8H2V20H9V22ZM18 10L10 24H12L20 10H18ZM14 15V13C14 11.3 12.7 10 11 10C9.3 10 8 11.3 8 13V15C8 16.6 9.3 18 11 18C12.7 18 14 16.6 14 15ZM10 15V13C10 12.4 10.4 12 11 12C11.6 12 12 12.4 12 13V15C12 15.6 11.6 16 11 16C10.4 16 10 15.6 10 15ZM19 16C17.3 16 16 17.3 16 19V21C16 22.6 17.3 24 19 24C20.7 24 22 22.6 22 21V19C22 17.3 20.7 16 19 16ZM20 21C20 21.6 19.6 22 19 22C18.4 22 18 21.6 18 21V19C18 18.4 18.4 18 19 18C19.6 18 20 18.4 20 19V21Z' fill='%2330A0F0'/%3E%3C/svg%3E%0A") no-repeat; } .type-main-price__block .type-card__badge .badge__icon--text { font-size: 10px; font-weight: 700; color: var(--grayscale-soft); } .type-main-price__credit .badge-credit .badge__icon--text { color: var(--primary-soft); } .type-main-price__block .badge-detail._hint { left: 62px; top: 52px; padding-top: 10px; padding-right: 10px; } /*@media (max-width: 1750px) {*/ /*.product-price__title {*/ /* display: grid;*/ /* grid-template-columns: auto max-content 0;*/ /*}*/ .product-price__title--sup-row { grid-row: 2; grid-column: 1/3; } /*}*/ /*@media (max-width: 1728px) {*/ .type-main-price__block .type-card__badge { padding-right: 8px; } /*}*/ /*@media (max-width: 1700px) {*/ .type-main-price__block .badge-detail._hint { left: unset; right: 32px; } /*}*/ /*@media (max-width: 1680px) {*/ .type-main-price__credit .type-card__badge { padding-right: 0; } .type-main-price__credit { margin-left: auto; } /*}*/ /**/ .type-main-price__block { display: flex; gap: 8px; } .type-card__badge .badge__icon--clean-size { background: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 2V13H11H9V15V18H2V2H18ZM20 0H0V20H11V15H20V0ZM10 6C9.4 6 8.87 6.27 8.5 6.69C8.13 6.27 7.6 6 7 6C5.9 6 5 6.9 5 8V11H6.3V8C6.3 7.61 6.61 7.3 7 7.3C7.39 7.3 7.7 7.61 7.7 8V11H8H9H9.3V8C9.3 7.61 9.61 7.3 10 7.3C10.39 7.3 10.7 7.61 10.7 8V11H12V8C12 6.9 11.1 6 10 6ZM14 7C14 6.72 14.22 6.5 14.5 6.5C15.33 6.5 16 5.83 16 5C16 4.17 15.33 3.5 14.5 3.5C13.67 3.5 13 4.17 13 5H14C14 4.72 14.22 4.5 14.5 4.5C14.78 4.5 15 4.72 15 5C15 5.28 14.78 5.5 14.5 5.5C13.67 5.5 13 6.17 13 7V8H16V7H14Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat; width: 20px; height: 22px; } .type-card__badge .badge__icon--installation { background: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.31 9.69C15.84 9.88 16.4 10 17 10C19.76 10 22 7.76 22 5C22 4.4 21.88 3.84 21.69 3.31L18 7L16 6L15 4L18.69 0.31C18.16 0.12 17.6 0 17 0C14.24 0 12 2.24 12 5C12 5.6 12.12 6.16 12.31 6.69L10 9L6 5L5 2L1 0L0 1L2 5L5 6L9 10L4.89 14.11C4.6 14.04 4.31 14 4 14C1.79 14 0 15.79 0 18C0 20.21 1.79 22 4 22C6.21 22 8 20.21 8 18C8 17.69 7.96 17.4 7.89 17.11L15.31 9.69ZM5.46 19.46L3.46 20L2 18.54L2.54 16.54L4.54 16L6 17.46L5.46 19.46ZM15 12L22 19C21.66 20.49 20.49 21.66 19 22L12 15L15 12Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat; width: 22px; height: 24px; } /*post desc credit icon*/ .type-main-price__clean-size .type-card__badge, .type-main-price__installation .type-card__badge { position: unset; display: flex; gap: 0 8px; } .type-main-price__clean-size .type-card__badge .badge__icon, .type-main-price__installation .type-card__badge .badge__icon { width: 64px; height: 64px; background-color: #fff; border: 2px solid var(--grayscale-soft); flex-direction: column; } .type-main-price__clean-size .type-card__badge .badge-clean-size, .type-main-price__installation .type-card__badge .badge-installation { border-color: var(--primary-soft); } .type-main-price__clean-size .badge__icon--clean-size { background: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 2V13H11H9V15V18H2V2H18ZM20 0H0V20H11V15H20V0ZM10 6C9.4 6 8.87 6.27 8.5 6.69C8.13 6.27 7.6 6 7 6C5.9 6 5 6.9 5 8V11H6.3V8C6.3 7.61 6.61 7.3 7 7.3C7.39 7.3 7.7 7.61 7.7 8V11H8H9H9.3V8C9.3 7.61 9.61 7.3 10 7.3C10.39 7.3 10.7 7.61 10.7 8V11H12V8C12 6.9 11.1 6 10 6ZM14 7C14 6.72 14.22 6.5 14.5 6.5C15.33 6.5 16 5.83 16 5C16 4.17 15.33 3.5 14.5 3.5C13.67 3.5 13 4.17 13 5H14C14 4.72 14.22 4.5 14.5 4.5C14.78 4.5 15 4.72 15 5C15 5.28 14.78 5.5 14.5 5.5C13.67 5.5 13 6.17 13 7V8H16V7H14Z' fill='%2330A0F0'/%3E%3C/svg%3E%0A") no-repeat; } .type-main-price__installation .badge__icon--installation{ background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.31 9.69C15.84 9.88 16.4 10 17 10C19.76 10 22 7.76 22 5C22 4.4 21.88 3.84 21.69 3.31L18 7L16 6L15 4L18.69 0.31C18.16 0.12 17.6 0 17 0C14.24 0 12 2.24 12 5C12 5.6 12.12 6.16 12.31 6.69L10 9L6 5L5 2L1 0L0 1L2 5L5 6L9 10L4.89 14.11C4.6 14.04 4.31 14 4 14C1.79 14 0 15.79 0 18C0 20.21 1.79 22 4 22C6.21 22 8 20.21 8 18C8 17.69 7.96 17.4 7.89 17.11L15.31 9.69ZM5.46 19.46L3.46 20L2 18.54L2.54 16.54L4.54 16L6 17.46L5.46 19.46ZM15 12L22 19C21.66 20.49 20.49 21.66 19 22L12 15L15 12Z' fill='%2330A0F0'/%3E%3C/svg%3E%0A") no-repeat; } .type-main-price__clean-size .type-card__badge .badge__icon--text { font-size: 10px; line-height: 10px; width: 36px; height: 17px; text-align: center; font-weight: 700; color: var(--grayscale-soft); } .type-main-price__clean-size .badge-clean-size .badge__icon--text, .type-main-price__installation .badge-installation .badge__icon--text { color: var(--primary-soft); } /*@media (max-width: 1680px) {*/ .type-main-price__clean-size .type-card__badge, .type-main-price__installation .type-card__badge { padding-right: 0; } /*}*/ /******************************************/ @media (min-width: 1126px) and (max-width: 1279px) { .product-card__section .type-card__badge .badge-detail__list { width: 200px; } .product-card__section .type-card__badge .badge-detail__logo { width: 48px; height: 48px; } .product-card__section .type-card__badge .badge-detail__desc { padding: 8px; } .product-card__section .type-card__badge .badge-detail__desc .text { font-size: 12px; line-height: 16px; padding-left: 0; } } @media (min-width: 836px) and (max-width: 981px) { .product-card__section .type-card__badge .badge-detail__list { width: 200px; } .product-card__section .type-card__badge .badge-detail__logo { width: 48px; height: 48px; } .product-card__section .type-card__badge .badge-detail__desc { padding: 8px; } .product-card__section .type-card__badge .badge-detail__desc .text { font-size: 12px; line-height: 16px; padding-left: 0; } } @media (max-width: 780px) { .type-main-price__credit { margin-left: unset; } } @media (max-width: 720px) { .product-card__section .product-card__media { max-height: 220px; } } @media (max-width: 600px) { .is-promo-sign .type-card__badge { top: 64px; } .type-card__badge .badge__icon { margin-bottom: 4px; width: 40px; height: 40px; } .type-main-price__credit .type-card__badge .badge__icon, .type-main-price__clean-size .type-card__badge .badge__icon, .type-main-price__installation .type-card__badge .badge__icon { width: 40px !important; height: 40px !important; flex-direction: unset; } .type-main-price__block { align-self: flex-start; } .type-main-price__credit .type-card__badge .badge-credit, .type-main-price__clean-size .type-card__badge .badge-clean-size, .type-main-price__installation .type-card__badge .badge-installation { z-index: 1; } .type-main-price__credit .type-card__badge .badge__icon--text, .type-main-price__clean-size .badge-clean-size .badge__icon--text, .type-main-price__installation .badge-installation .badge__icon--text { display: none; } .type-main-price__credit .badge-detail._hint, .type-main-price__clean-size .badge-detail._hint, .type-main-price__installation .badge-detail._hint { top: 37px; right: 32px; } .product-card__section .product-card__media { max-height: 160px; } } @media (max-width: 500px) { .product-card__section .type-card__badge .badge-detail__list { /*width: 200px;*/ } .product-card__section .type-card__badge .badge-detail__desc .text { font-size: 12px; line-height: 16px; padding-left: 0; } .product-card__section .product-card__media { max-height: 135px; } .product-list__body .product-card__control-group.product-card__control-group--show-btn { display: none; } .product-list__body .promo-sign { left: 8px; } .product-price__title { font-size: 24px; line-height: 24px; } .product-price__title-sup-md { font-size: 16px; } .product-price-prompt { margin: -9px 0 0; } } @media (max-width: 470px) { .product-card__section .type-card__badge { width: calc(100% - 16px); } .product-card__section .type-card__badge .badge__icon { position: unset; } .product-card__section .type-card__badge ._hint { left: unset; right: 0; } .product-card__section .product-card__media { max-height: 120px; } } @media (max-width: 414px) { .product-card .product-card__section .product-card__media { max-height: 160px; min-width: 158px; } .product-card .product-card__description { padding: 0; } .is-promo-sign .type-product-card__badge { top: 70px; } .product-list__body .type-card__badge.badge { display: none; } .filters + .product-list .product-card { flex-grow: 1; } } @media (max-width: 357px) { .product-card .product-card__section .product-card__media { max-height: inherit; } } /**/ @media only screen and (max-width: 780px) { .grid .main { display: grid; padding: 0 0 64px; grid-auto-rows: min-content; } ._lock .main::before { content:''; background-color: rgba(48, 146, 204, 0.5); position: absolute; top: 54px; left: 0; width: 100%; height: 100%; z-index: 1; } #scrollup, #scrollup img { width: 56px; height: 56px; bottom: 25px; border-radius: 50%; } .product-list__body { -ms-flex-pack: start; justify-content: start; } .product-list__body--list .product-card { -ms-flex: 0 1 25%; flex: 0 1 25%; max-width: none; } .product-list__body--list .product-card_main { -ms-flex: 0 1 25%; flex: 0 1 25%; max-width: none; } .product-list--tools-absolute { position: relative; margin-bottom: 0; } .product-list--tools-absolute .product-list__tools { position: static; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 100% !important; border: none; max-width: none; } .product-list--tools-absolute .product-list__tools_main { position: static; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 100% !important; border: none; max-width: none; } .product-card__section.offset--xcm--bottom { padding-bottom: 0; } .product-card__code .text.text--size--cm { font-size: 10px; line-height: 12px; } .product-card__code .text.text--weight--bold { font-size: 12px; line-height: 16px; } .product-card__status { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0; font-size: .1em; min-width: auto; } .product-card__status::before { margin: 0; } .product-card__title { min-height: 48px; padding: 0; } .product-card__title .text { font-size: 12px; line-height: 16px; -webkit-line-clamp: 2; } .product-card__price { min-height: 32px; } .catalog__product-list .product-card__price { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: stretch; } .product-card__no-price .product-card__title { width: calc(100% - 40px); } .product-card__price .text.text--size--sm { font-size: 14px; line-height: 18px; } .product-card__price .text.text--size--cm { font-size: 10px; line-height: 12px; white-space: nowrap; } .product-list__actions { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .product-list__actions .product-list__pagination { border-bottom: 1px solid var(--grayscale-faint); border-top: 1px solid var(--grayscale-faint); } /*tgBot*/ .tgBot { bottom: 100px; } /*bx*/ .b24-widget-button-block { width: 42px!important; height: 42px!important; } .b24-widget-button-inner-block { height: 42px!important; } .b24-widget-button-inner-mask { min-width: inherit!important; width: 52px!important; height: 52px!important; left: -5px!important; top: -5px!important } .b24-widget-button-position-bottom-right { right: 24px!important; bottom: 16px!important; } .b24-widget-button-inner-item { background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1H3C1.9 1 1 1.9 1 3V15L5 11H13C14.1 11 15 10.1 15 9V3C15 1.9 14.1 1 13 1ZM13 9H3V3H13V9ZM11 7H5V5H11V7Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat; } .b24-widget-button-inner-item svg { opacity: 0; } .b24-widget-button-social-item { margin-right: 0!important; width: 41px!important; height: 42px!important; } .bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup { left: unset!important; right: 0!important; bottom: 46px!important; } .bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup-triangle { right: 16px!important; } } @media (max-width: 620px) { .product-list__body--list .product-card, .product-list__body--list .product-card_main { -ms-flex: 0 1 33.3%; flex: 0 1 33.3%; } } @media (max-width: 480px) { .product-list__body--list .product-card, .product-list__body--list .product-card_main { -ms-flex: 0 1 50%; flex: 0 1 50%; } } @media (any-hover: hover) { body.events--show { padding-right: 16.8px; background-color: #fff; } } body.events--show { overflow: hidden; } .events--show .helpcrunch-iframe-wrapper { display: none; } body.events--show .header--sticky { z-index: 2; } /*--header--sticky*/ .header--sticky .page-header { max-width: 1536px; position: fixed; top: 0; right: 0; left: 50%; transform: translateX(-50%); background: #fff; width: calc(100vw - 16px); z-index: 20; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.18); animation: .4s header ease-in-out forwards; /*animation: unset;*/ transition: unset; } body.o-hidden .header--sticky .page-header { box-shadow: 0 -1px 6px 0 rgba(0, 0, 0, 0.18); } .header--sticky .page-header .page-header__navbar .page-header__navbar-link .page-header__navbar-icon { display: -ms-flexbox; display: flex; } .header--sticky .page-header .page-header__navbar .page-header__navbar-link:not(.dropdown__list-link) .text { display: none; } .header--sticky .page-header .page-header__navbar-item { padding: 0; } .header--sticky .header-press-icons { display: none; } .header--sticky .page-header .dropdown--city .dropdown__select .text { display: block; } .header--sticky .page-header .dropdown--city .dropdown__select .dropdown__select-arrow { display: -ms-flexbox; display: flex; } .header--sticky .page-header .dropdown--catalog .dropdown__select { padding: 0; } .header--sticky .page-header .page-header__heading { flex-grow: 0; } .header--sticky .page-header__navbar-categories .page-header__navbar-item { gap: 0 8px; } .header--sticky .dropdown--services { display: none; } .header--sticky .page-header .page-header__navbar .page-header__navbar-link:not(.dropdown__list-link) .text, .header--sticky .page-header .dropdown__select .text, .header--sticky .page-header .dropdown__select .dropdown__select-arrow { display: flex; } .header--sticky .page-header__navbar-categories .page-header__btn--dropdown { display: flex; border-bottom-width: 2px; transition: all .25s ease-in-out; } .header--sticky .page-header__navbar-categories .page-header__btn--dropdown:hover * { color: var(--primary-base); } .header--sticky .page-header__navbar-categories .page-header__btn--dropdown:hover .button__icon { transform: rotate(-180deg); } .header--sticky .page-header__navbar-categories .page-header__split--dropdown { display: none; } .header--sticky .page-header__navbar-categories .page-header__split--more:hover .page-header__split--dropdown { display: block; position: absolute; width: 320px; top: 64px; background-color: var(--grayscale-dark); padding: 16px 0; } .icon.icon--service-more { display: none; } .header--sticky .page-header__navbar-categories .page-header__split--dropdown .page-header__navbar-group { justify-content: flex-start; } .header--sticky .page-header__navbar-categories .page-header__split--dropdown .page-header__navbar-item { display: block; width: 100%; padding: 0; } .header--sticky .page-header__navbar-categories .page-header__split--dropdown .page-header__navbar-link { padding: 0 10px; } .header--sticky .page-header__navbar-categories .page-header__split--dropdown .page-header__navbar-link:hover { background-color: var(--primary-base); } .header--sticky .page-header__navbar-categories .page-header__split--dropdown .page-header__navbar-link .text { color: #fff!important; min-height: 40px; display: flex; align-items: center; } .header--sticky .page-header__navbar-categories .page-header__split--dropdown .page-header__navbar-icon { display: block; color: #fff!important; padding-bottom: 3px; padding-right: 8px; } .header--sticky .page-header .page-header__navbar-item { min-width: 96px; } .header--sticky .page-header__catalog { flex: 0 1 175px; } .header.header--sticky .page-header .page-header__navbar-group { flex: 1 1 auto; } .header.header--sticky .page-header__s-search { flex: 1 1 auto; background-color: transparent; padding: 0; min-height: 40px; height: 100%; margin: auto 0; } .header--sticky .page-header__s-search { border: 1px solid var(--grayscale-light); border-radius: 4px; border-right: none; } .header--sticky .page-header__s-search:hover { border-color: var(--primary-light); } .header--sticky .page-header__s-search:hover { border-color: var(--primary-base); } .header--sticky .input-wrapper .input { border-radius: 4px 0 0 4px; } .header--sticky .page-header__s-search .button--search { flex: 0 1 128px; padding: 0 12px; border-radius: 0 4px 4px 0; } .page-header__actions { gap: 0 1px; } .mesh-row--auth.offset--xxs--h { padding: 0; } .mesh-row--auth [onclick="ShowLoginForm()"] { padding: 0 6px; border-radius: 32px; } .button.show-login-form { border-radius: 16px; padding: 0 8px; } .button.show-login-form .offset--xcm--left { padding-left: 0; } .header--sticky .page-header__actions { gap: 0 2px; margin-left: auto; } .header--sticky .page-header__actions .offset--xxcm--h { padding-right: 0; } /**/ .header--sticky .page-header__s-search { display: -ms-flexbox; display: flex; -ms-flex: 1 1 auto; flex: 1 1 auto; } .header--sticky .page-header__s-search .input { font-size: 14px; color: var(--grayscale-dark); } .header--sticky .page-header__s-promo { display: -ms-flexbox; display: flex; flex: 0 1 160px; justify-content: center; } .header--sticky .page-header__actions .offset--xxcm--h { padding-left: 0; } .header--sticky .page-header__catalog { display: -ms-flexbox; display: flex; } [lang="pl"] .header--sticky .page-header__s-promo { padding-left: 16px; } [lang="pl"] .header--sticky .page-header__s-promo .text { padding-right: 16px; padding-left: 8px; } @media (any-hover: hover) { .header--sticky .page-header__catalog > .dropdownMenu:hover .dropdown-box { /*display: block!important; opacity: 1;*/ } .header--sticky .page-header__catalog > .dropdownMenu .dropdown-box { min-width: 335px; } .header--sticky .page-header__catalog > .dropdownMenu:hover .dropdown-box a.dropdown__list-link { min-height: 40px; padding-left: 12px; } .header--sticky .page-header__catalog > .dropdownMenu:hover .dropdown-box .dropdown__list li:hover > ul { display: block!important; } .header--sticky .page-header__catalog > .dropdownMenu:hover .dropdown-box .dropdown__list li:not(.lastLevel-item):after { content: ''; display: flex!important; background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V10H1L6 5L1 0H0Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat; width: 12px; height: 32px; position: absolute; right: 8px; margin-top: -36px; transition: all .15s ease-in-out; } .header--sticky .page-header__catalog > .dropdownMenu:hover .dropdown-box .dropdown__list .ul_lev3 li:after { display: none!important; } .header--sticky .page-header__catalog > .dropdownMenu:hover .dropdown-box .dropdown__list li ul a.dropdown__list-link { /*min-height: 32px!important;*/ } .header--sticky .page-header__catalog > .dropdownMenu:hover .dropdown-box .dropdown__list li ul { min-height: 100%; } } .header--sticky .page-header__catalog .dropdown__select .text { display: -ms-flexbox; display: flex; } .header--sticky .page-header__catalog .dropdown__select .dropdown__select-arrow { display: -ms-flexbox; display: flex; } /**/ .page-header__catalog { display: none; } .page-header__s-search { display: none; padding: 8px; -ms-flex-align: stretch; align-items: stretch; background-color: var(--grayscale-faint); } .page-header__s-promo { display: none; -ms-flex-align: stretch; align-items: stretch; } .page-header__heading, .page-header__actions { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; flex-shrink: 0; } .page-header__heading--logo { -ms-flex-align: center; align-items: center; } .page-header__heading--m-search .page-header__navbar { gap: 0 8px; } .page-header .page-header__navbar { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; } .page-header .page-header__navbar-group { -ms-flex-pack: center; justify-content: center; } .header:not(.header--sticky) .dropdown .page-header__navbar-item { border-bottom: 2px solid transparent; transition: border-bottom .5s ease-in-out; } .header:not(.header--sticky) .dropdown .page-header__navbar-item:hover { border-color: var(--primary-base); } .header:not(.header--sticky) .dropdown .page-header__navbar-item:hover .page-header__navbar-link .text { color: var(--primary-soft); } .page-header__heading .dropdown--city .dropdown-box { width: 184px; } .page-header__heading .dropdown--city .dropdown-box li { padding: 0 16px; } .page-header .page-header__navbar-group, .page-header .page-header__navbar-item { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; flex-shrink: 0; } .page-header__navbar-categories .dropdown__select .text.offset--xcm--h { padding-right: 0; } @media (any-hover: none) { .dropdown--help .dropdown__select { pointer-events: none; } } .page-header__navbar-categories .page-header__btn--dropdown { border-bottom: 2px solid transparent; border-top: 0; align-items: center; padding-left: 16px; } .header--sticky .page-header__navbar-categories .page-header__btn--dropdown { padding-left: 4px; } .page-header .page-header__navbar-item--media--sm { justify-content: center; } .page-header__navbar .selected-city { min-width: 80px; } .page-header .page-header__navbar-icon { color: var(--grayscale-soft); display: none; } .page-header .page-header__navbar-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; } .page-header .page-header__navbar-link:hover .logo { color: var(--primary-base); } .page-header .page-header__navbar-link:hover .page-header__navbar-icon { color: var(--primary-base); } .page-header__logo { display: -ms-flexbox; display: flex; width: 108px; height: 48px; transition: all ease-in 150ms; } /**/ .page-header__m-menu { display: none; padding: 8px 0; } /*popup-selected-city*/ .popup-selected-city{ position: fixed; width: 100%; height: 100%; background-color: rgba(0, 128, 224, 0.3); top: 0; left: 0; opacity: 0; visibility: hidden; display: flex; justify-content: center; align-items: center; z-index: 20; } .popup-selected-city.open { opacity: 1; visibility: visible; transition: all ease-in 150ms; } .popup-selected-city__body{ display: flex; align-items: center; justify-content: center; padding: 30px 10px; overflow: auto; height: 100%; } .popup-selected-city ::-webkit-scrollbar { width: 0; height: 0; } .popup-selected-city__content { background-color: #fff; border-radius: 16px; color: var(--grayscale-black); max-width: 480px; width: 100%; position: relative; display: flex; flex-direction: column; padding: 32px 48px; overflow: auto; overflow-x: hidden; } .popup-selected-city__close { position: absolute; right: 0; top: 0; font-size: 12px; text-decoration: none; } .popup-selected-city__title { font-size: 24px; font-weight: 400; line-height: 24px; color: var(--grayscale-black); padding: 16px 0; } .popup-selected-city__subtitle { font-size: 14px; font-weight: 400; line-height: 16px; color: var(--grayscale-dark); padding-bottom: 24px; } .popup-selected-city__btns-cities { padding: 16px 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(60px, auto)); gap: 8px; } .popup-selected-city .button__order { cursor: pointer; background-color: transparent; border: 1px solid var(--grayscale-soft); padding: 0 10px; border-radius: 8px; height: 32px; color: var(--grayscale-base); font-weight: 700; flex: 0 0 auto; transition: all .25s ease-in-out; } .popup-selected-city .button__order:hover { border-color: var(--primary-faint); color: var(--grayscale-dark); } .popup-selected-city .button__order.active .order__name { padding-left: 26px; position: relative; } .popup-selected-city .button__order.active { background-color: var(--primary-faint); border-color: var(--primary-faint); color: var(--grayscale-dark); grid-column: 1; grid-row: 1; } .popup-selected-city .button__order { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; } .popup-selected-city .button__order.active .order__name:before { content: ''; background: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0L5 10L1 6L0 7L5 12L16 1L15 0Z' fill='%23404040'/%3E%3C/svg%3E%0A") no-repeat; width: 16px; height: 12px; position: absolute; left: 0; top: 2px; } .popup-selected-city__list-cities { padding: 16px 0; } .select-city { cursor: pointer; } .select-city .text { display: block; font-size: 16px; line-height: 20px; padding: 6px 8px; } .selected-city-list { columns: 2 auto; column-rule: 1px solid var(--grayscale-faint); padding: 0; column-gap: 32px; } .popup-selected-city__btns-cities .order__name { font-size: 14px; } .selected-city-list__item .text.active { color: var(--grayscale-black); background-color: var(--primary-barely); } .selected-city-list__item .text:hover { opacity: 0.75; } /**/ .m-search { display: none; } /**/ @media only screen and (max-width: 1320px) { .header:not(.header--sticky) .page-header__navbar-categories a.page-header__navbar-link._active .page-header__navbar-icon > .icon { color: var(--primary-base); } } @media only screen and (max-width: 1270px) { .header:not(.header--sticky) .page-header__split--more:hover > .button { border-color: var(--primary-base); color: var(--primary-base); } .header:not(.header--sticky) .page-header__split--more:hover > .button .button__icon { color: var(--primary-base); transform: rotate(-180deg); } .grid .header:not(.header--sticky) .page-header__split--more:hover .page-header__split--dropdown { display: block; position: absolute; width: 256px; top: 100%; background-color: var(--grayscale-dark); border-radius: 0 0 8px 8px; padding: 16px 0; } .grid .header:not(.header--sticky) .page-header__split--dropdown .page-header__navbar-group { justify-content: flex-start; } .grid .header:not(.header--sticky) .page-header__split--dropdown .page-header__navbar-item { border-bottom: none; display: block; width: 100%; padding: 0; } .header:not(.header--sticky) .page-header__split--dropdown .page-header__navbar-link { padding: 0 8px; } .header:not(.header--sticky) .page-header__split--dropdown .page-header__navbar-link:hover { background-color: var(--grayscale-base); } .grid .header:not(.header--sticky) .page-header__split--dropdown .page-header__navbar-link .text { color: #fff!important; min-height: 40px; display: flex; align-items: center; } .grid .header:not(.header--sticky) .page-header__split--dropdown .page-header__navbar-icon { display: block; color: #fff!important; padding-bottom: 3px; padding-right: 8px; } .header--sticky .page-header__navbar-categories .dropdown--contacts { display: none; } .header--sticky .page-header__split--dropdown .m1270--none { display: flex; } } @media only screen and (max-width: 1220px) { .header--sticky .page-header .dropdown--city .dropdown__select > .text { max-width: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } } @media only screen and (max-width: 1024px) { .header--sticky .page-header__navbar-categories .page-header__btn--dropdown { padding-left: 8px; } .header--sticky .page-header__navbar-categories { margin-right: 0; } } @media only screen and (max-width: 1087px) { .page-header .page-header__navbar-item { padding: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 912px) { .page-header__navbar-item .dropdown--m-1260 { padding: 0 4px; } .header:not(.header--sticky) .page-header__navbar-categories a.page-header__navbar-link { padding: 0; } } @media only screen and (max-width: 880px) { .page-header__heading--logo { flex-shrink: 1; -ms-flex-align: center; align-items: center; } .header--sticky .page-header__actions .mesh-row--lang { display: none; } /**/ .page-header__navbar-categories .dropdown.m1320--show { display: none; } .page-header__navbar-categories .page-header__split--dropdown .page-header__navbar-group.m1320--none { display: flex; } .submenu .submenu__section--catalog .main-catalog-hover, .submenu__section--catalog .dropdown__select-arrow { display: none; } } @media only screen and (max-width: 780px) { .header--sticky .page-header { left: 0; transform: unset; } .page-header .page-header__navbar { display: none; } .page-header__logo { width: 72px; height: 32px; } /**/ .is-active + .sidebar-nav__list_mobile .sidebar-nav__list-item_mobile:last-child { border-bottom: 2px solid var(--grayscale-black); } .header--sticky .page-header__s-search { display: none; } .header--sticky .page-header__m-menu { display: -ms-flexbox; display: flex; } .header--sticky .page-header .page-header__heading { flex: 1; } .header--sticky .page-header .page-header__heading .page-header__catalog + .page-header__navbar-group { display: none; } /*catalog*/ .header--sticky .page-header__catalog .dropdownMenu { position: unset; } /**/ .m-search { display: -ms-flexbox; display: flex; } /*mobile lang*/ .mobile-lang .mobile-lang__link { color: var(--grayscale-black); font-weight: 400; height: 40px; display: flex; align-items: center; justify-content: center; } .mobile-lang .mobile-lang__link:hover { background-color: var(--grayscale-barely); } .mobile-lang .mobile-lang__link.active_lang { background-color: var(--primary-barely); } .mobile-lang .mobile-lang__link:active { background-color: var(--grayscale-faint); } .mobile-lang .mobile-lang__link:last-child { border-bottom: none; } .mobile-lang a#pop_lang { color: #fff; background-color: var(--primary-base); } /*mobile city*/ .mobile_main_menu .mobile-filial-choose__list { overflow: auto; border: none; height: 100%; max-height: 370px; } .popup-selected-city__btns-cities { grid-template-columns: repeat(auto-fill, minmax(64px, auto)); } .mobile_main_menu .mobile-filial-choose__list li { display: flex; align-items: center; width: 100%; border-bottom: 1px solid var(--grayscale-pale); } .mobile_main_menu .mobile-filial-choose__list li:last-child { border-bottom: none; } .mobile_main_menu .mobile-filial-choose__list a { width: 100%; height: 33px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; color: var(--grayscale-black); } .mobile_main_menu .mobile-filial-choose__list .site_filial a { color: #fff; } .mobile_main_menu #sity_choose a:nth-of-type(9) { border-bottom: none; } } /**/ @keyframes header { 0% { margin-top: -100px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } /*footer*/ .page-footer { border: 1px solid var(--grayscale-faint); } .subscribe-section { border-bottom: 1px solid var(--grayscale-faint); } .footer-subscribe { gap: 8px 32px; padding: 16px 32px; width: 100%; } .footer-subscribe__title { gap: 32px; } .footer-subscribe__title .text { letter-spacing: -0.48px; } .form--subscribe { flex: 1; gap: 8px; padding: 0 16px; max-width: 512px; width: 100%; } .form--subscribe .input { border-radius: 4px 0 0 4px; border: 1px solid var(--grayscale-light); height: 40px; } .form--subscribe .btn-submit { padding: 0 22px; border-radius: 0 4px 4px 0; } .page-footer__info-wrap { padding: 16px 32px 48px; display: flex; justify-content: space-around; gap: 96px; } .footer-info__title { padding: 8px 0 6px 8px; margin-bottom: 8px; } .page-footer__nav { display: flex; flex-direction: column; gap: 8px; } .page-footer__tel, .page-footer__nav-link, .page-footer__social { display: flex; align-items: center; } .page-footer__nav-link .mesh-row { flex: 0 0 auto; } .page-footer__nav-link:hover .icon { color: var(--grayscale-soft); } .page-footer__nav-link:hover .text { color: var(--grayscale-base); } .page-footer__nav-link:focus .icon, .page-footer__nav-link:focus .text { color: var(--grayscale-black); } .footer-schema { padding-top: 16px; position: relative; left: -16px; } .page-footer__social { gap: 8px; } .page-footer__social-item { position: relative; } .page-footer__social-link { display: block; padding: 4px; border-radius: 50%; } .footer-media { padding-top: 4px; } .page-footer__info--action { gap: 4px; } .page-footer__info--action .button { width: auto; } .footer-copy { padding-top: 16px; padding-left: 8px; } /**/ @media only screen and (max-width: 780px) { .page-footer { display: none; } } /**/ .dropdown { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; position: relative; flex-shrink: 0; z-index: 10; } .dropdownMenu { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; flex-shrink: 0; transition: all .25s ease-in-out; z-index: 14; } .submenu__telephone._show > .telefon_itemm { position: relative; } .submenu__telephone .dropdown__select:hover .icon, .submenu__telephone .dropdown__select:hover .text { color: var(--grayscale-black); } .submenu__telephone .dropdown__select:active .icon, .submenu__telephone .dropdown__select:active .text { color: var(--primary-black); } .catalog .side-catalog__list, .catalog .side-catalog__list .dropdown--catalog { min-height: 100%; } .catalog .side-catalog__list .item--hide_main_page { display: none; } .submenu .dropdownMenu { z-index: 9; } .section-side-catalog .catalog .dropdownMenu { z-index: 2!important; } .events--show .grid::-webkit-scrollbar { width: 0; height: 0; } .submenu .dropdown--catalog:hover .dropdown__select .dropdown__select-icon span, .submenu .dropdown--catalog:hover .dropdown__select .main-catalog-hover { color: var(--primary-soft); } .mobile_main_menu .sidebar__header-section:not(:nth-of-type(2)) { flex: unset; } .mobile_main_menu .sidebar__header-section:nth-of-type(2) { /*padding-left: 8px;*/ } .mobile_main_menu .text.text--size--cm { font-size: 10px; line-height: 12px; } .mobile_main_menu a:hover { color: var(--primary-soft); } .dropdown__select { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; background-color: transparent; transition: color ease-in 150ms; flex-shrink: 0; border: none; } .dropdown__select:hover .text, .dropdown__select:hover .icon { color: var(--primary-base); } .dropdown--city .dropdown__select.active .text, .dropdown--city .dropdown__select.active .icon { color: #0080e0!important; } .dropdown__select .icon { flex-shrink: 0; } .dropdown__select-icon { color: var(--grayscale-base); flex: 0 0 auto; } .dropdown__select.is-active .dropdown__select-arrow .icon { transform: rotate(-180deg); } .dropdown-box { position: absolute; display: none; -ms-flex-direction: column; flex-direction: column; opacity: 0; transition: opacity ease-in 150ms; } .header--sticky .dropdown-box.is-active { display: block; opacity: 1; min-width: 336px; padding-left: 8px; } .header--sticky .dropdown-box.is-active .dropdown__list-link { min-height: 40px; } .header--sticky .dropdown-box.is-active .dropdown__list-link .icon--color--white { position: relative; top: 3px; } @media (hover: none) { .header--sticky .dropdown-box.is-active .dropdown__caret-touch { display: block !important; background: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 14L6 8L0 2L2 0L10 8L2 16L0 14Z' fill='%23fff'/%3E%3C/svg%3E%0A") right 8px top 6px no-repeat; width: 30px; height: 32px; position: absolute; right: 2px; margin-top: -32px; cursor: pointer; } .header--sticky .is-active li.lastLevel-item .dropdown__caret-touch { display: none !important; } } /**/ .submenu .dropdownMenu .dropdown__select.is-active + .dropdown-box { display: block; opacity: 1; width: 340px; } .submenu .dropdown-box .dropdown__list li { margin: 0 16px; } .submenu .dropdown--catalog .dropdown-box .dropdown__list li.dropdown__list-item_lev1 { margin-left: 0; padding-left: 16px; } .submenu .dropdown-box .dropdown__list a { min-height: 32px; } .submenu .dropdown-box.dropdown-box--dark .dropdown__list-item_lev1 > a { min-height: 40px; padding: 0; } .submenu .dropdownMenu .dropdown__select.is-active + .dropdown-box .dropdown__list li:hover > ul { display: block!important; min-height: 100%; } /*for dropdown__list_main*/ .catalog .dropdown__list_main:not(.menuHidden):after { content: ''; background-color: #eee; position: absolute; height: 100%; width: 1px; top: 0; } /* delete тимчасово до логіки нового каталогу */ .header--menu--hidden .drop-box.is-hidden { display: none; } #panel #bx-panel.bx-panel-fixed {z-index: 1!important;} /**/ .catalog .dropdown__list_main li { border-left: 4px solid #fff; } .catalog .dropdown__list_main { padding-right: 0; padding-left: 0; } .catalog .dropdown__list_main .dropdown__list_main-item_lev1 ul li .dropdown__list_main-link { min-height: 32px; } .catalog .dropdown__list_main .dropdown__list_main-item_lev1 ul li:first-child .dropdown__list_main-link { margin-top: 8px; } @media (any-hover: hover) { .submenu .dropdown-box .dropdown__list li:not(.lastLevel-item):hover { margin-right: 0; padding-right: 16px; } .submenu .dropdown-box .dropdown__list li:hover { background-color: var(--primary-base); } .submenu .dropdown-box .dropdown__list li:not(.lastLevel-item):hover:after { content: ''; background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V10H1L6 5L1 0H0Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat; width: 16px; height: 10px; position: absolute; right: 0; margin-top: -20px; } .submenu .dropdown-box .dropdown__list.menuHidden > li:not(.lastLevel-item):hover:after { margin-top: -24px; } .submenu .dropdown-box .dropdown__list .ul_lev3 li:hover:after { background-image: none; } .submenu .dropdown-box .dropdown__list .ul_lev3 li:hover { margin-right: 16px; } /*for dropdown__list_main*/ .catalog .dropdown__list_main li:hover > ul { display: block!important; min-height: 100%; } .catalog .dropdown__list_main li:hover { border-left: 4px solid var(--primary-base); transition-delay: .5s; } .catalog .dropdown__list_main li:hover > a span { color: var(--primary-base); } .catalog .dropdown__list_main li:not(.lastLevel-item):hover:after { content: ''; background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0V10H1L6 5L1 0H0Z' fill='%230080E0'/%3E%3C/svg%3E%0A") no-repeat; width: 16px; height: 10px; position: absolute; right: 0; /*top: 16px;*/ margin-top: -20px; } .catalog .dropdown__list_main.menuHidden > li:not(.lastLevel-item):hover:after { margin-top: -28px; } .catalog .dropdown__list_main .ul_lev3 li:hover:after { background-image: none; } } @media (max-width: 1280px) { .submenu .dropdownMenu .dropdown__select.is-active + .dropdown-box, .dropdown--catalog .dropdown__list .dropdown__list { width: 320px; min-width: 320px!important; } } @media (max-width: 1024px) { .page-header__navbar-categories .page-header__btn--dropdown { padding-left: 12px; } .section-side-catalog .catalog { display: none; } /**/ .submenu .dropdownMenu .dropdown__select.is-active + .dropdown-box, .dropdown--catalog .dropdown__list .dropdown__list { width: 288px; min-width: 288px!important; } .submenu .dropdown-box .dropdown__list li { margin: 0; } .submenu .dropdown-box .dropdown__list li:not(.lastLevel-item):hover { padding-right: 0; } .submenu .dropdown-box .dropdown__list .ul_lev3 li:hover { margin-right: 0; } } @media (max-width: 899px) { .submenu .dropdownMenu .dropdown__select.is-active + .dropdown-box, .dropdown--catalog .dropdown__list .dropdown__list { width: 260px; min-width: 260px!important; } .submenu .dropdown-box .dropdown__list a .text { font-size: 14px; } } /**/ .dropdown-box--static { position: static; display: block; opacity: 1; } .dropdown-box--static.is-hidden { display: none; } .dropdown-box--dark { background-color: var(--grayscale-dark); } .dropdown-box--bottom { top: 100%; left: 0; } .header:not(.header--sticky) .dropdown-box--bottom { top: 103%; } .dropdown-box--sm { min-width: 320px; } .dropdown-box--md { min-width: 448px; } .dropdown__list { list-style: none; margin: 0; padding: 16px 0; } .dropdown__list-item-icon-right { display: none; color: #fff; padding: 8px; margin-left: auto; } .dropdown__list-item-icon-bottom { transition: transform ease-in 150ms; } .dropdown__list-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 32px; padding: 0 16px; cursor: pointer; background-color: transparent; border: none; width: 100%; text-decoration: none; } .dropdown__list-link:hover, .dropdown__list-link.is-active { background-color: var(--grayscale-base); } .dropdown__list-link.is-active .dropdown__list-item-icon-right { display: block; } @media only screen and (max-width: 780px) { .dropdown__list-link.is-active .dropdown__list-item-icon-right { display: none; } } .dropdown__list-link:focus { outline: none; } .dropdown__list--link--md .dropdown__list-link { min-height: 32px; padding: 4px 8px; } .dropdown--catalog .dropdown__list-item.li_lev2 .dropdown__list-link, .dropdown--catalog .ul_lev3 .dropdown__list-item .dropdown__list-link { padding-left: 0; } @media (min-width: 780px) { .dropdown--hovered:hover { z-index: 15; } .dropdown--hovered:hover .dropdown-box { display: -ms-flexbox; display: flex; opacity: 1; } .dropdown--hovered:hover .dropdown-box > .dropdown__list { display: block; } @media (hover: none) { .header--sticky .dropdown--city.dropdown--hovered:hover .dropdown-box { opacity: 0; pointer-events: none; height: 0; } .header--sticky .dropdown--city.dropdown--hovered:hover .dropdown-box > ul { z-index: -9999; } .header--sticky .dropdown--city.city-selected.dropdown--hovered:hover .dropdown-box { opacity: 1; pointer-events: all; height: inherit; } .header--sticky .dropdown--city.city-selected.dropdown--hovered:hover .dropdown-box > ul { z-index: 15; } .header--sticky .dropdown--catalog .dropdown__list .dropdown__list { /*height: 100%;*/ } } .dropdown--hovered:hover .dropdown__select .icon { color: var(--primary-base); } .dropdown--hovered:hover .dropdown__select .icon { color: var(--primary-base); } /*поворот стрелочек в верхнем меню*/ .dropdown--hovered:hover .dropdown__select .dropdown__select-arrow { transform: rotate(-180deg); } .selected-city .dropdown--hovered:hover .dropdown__select .dropdown__select-arrow { transform: none; } .dropdown--hovered .dropdown__select .dropdown__select-arrow { padding-bottom: 2px; transition: all ease-in 150ms; } } .dropdown--hidden-icon .dropdown__select-icon { display: none; } .dropdown--hovered .dropdown__select .dropdown__select-arrow { flex: 0 0 auto; } .dropdown--sidebar { -ms-flex-direction: column; flex-direction: column; } .m-1320 { display: none; } @media (max-width: 1440px) { .dropdown--m-1440--h-text .dropdown__select .text { display: none; } } @media (max-width: 1320px) { .m-1320--none { display: none; } .m-1320 { display: block; } } @media (max-width: 870px) { .dropdown--m-1260 { padding: 0; } } @media only screen and (max-width: 780px) { .dropdown--m-680 { -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-pack: center; justify-content: center; } .dropdown--m-680 .dropdown__select-icon { display: block; } .dropdown--m-680 .dropdown__select .text { /*display: inherit;*//*накладывается в моб версии*/ z-index: 2; } .submenu._active { position: relative; padding-top: 6px; } .header .submenu { max-height: 40px; min-height: inherit; border: none; } .submenu._active .mesh--btn-menu { position: absolute; left: 8px; width: 100%; z-index: 13; align-items: center; border-bottom: 1px solid var(--grayscale-faint); background-color: white; padding: 0 0 9px 8px; margin: 0 0 0 -8px; } .submenu._active .mesh--btn-menu:after { padding: 8px 9px 6px 13px; font-size: 20px; } html[lang="pl"] .submenu._active .mesh--btn-menu:after { content: 'KATEGORIE'; } html[lang="ru"] .submenu._active .mesh--btn-menu:after { content: 'КАТАЛОГ'; } html[lang="uk"] .submenu._active .mesh--btn-menu:after { content: 'КАТАЛОГ'; } .submenu._active .button--transparent:hover { background-color: transparent; } .submenu .mash--arrow-back button { top: 2px; } /*if submenu search page*/ .main > .submenu .mesh--btn-menu > button._active { z-index: 12; position: absolute; top: 58px; left: 8px; } .main > .submenu .mesh--btn-menu .button { transition: unset!important; } /**/ .submenu._active .dropdown--catalog { margin-left: 36px; height: 52px; display: flex; align-items: center; } .submenu._active .dropdown--catalog > .dropdown__select { pointer-events: none; } .submenu._active .dropdown--catalog .dropdown__select { padding: 0; } .submenu._active .mesh--btn-back, .submenu._active .mesh--name-page, .submenu._active .mesh--btn-filter { display: none; } /*dropmenu list*/ .submenu .dropdown-box .dropdown__list li:not(.lastLevel-item):hover:after { background-image: none; } .submenu .dropdown-box .dropdown__list li:hover { background-color: transparent; } .submenu._active .dropdown-box .dropdown__list { position: unset; } .submenu._active .dropdown-box .dropdown__list > li { height: auto; border-bottom: 1px solid var(--grayscale-faint); } .submenu._active .dropdown-box .dropdown__list > li:last-child { border-bottom: none; } .submenu._active .dropdown__list-item_lev1 > a, .submenu._active .dropdown__list--link--md .dropdown__list-link { height: 48px; } .submenu .dropdownMenu .dropdown__select.is-active + .dropdown-box, .dropdown--catalog .dropdown__list .dropdown__list { width: 100%; min-width: inherit !important; } @media (any-hover: none) { .submenu._active .dropdown__list-item-icon-bottom.m680--show { opacity: 0; } .submenu._active li { position: relative; } .dropdown__list-item_lev1 > .dropdown__caret-touch, .dropdown__list-item:not(.lastLevel-item) .dropdown__caret-touch { display: flex!important; background: url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0L8 6L2 0L0 2L8 10L16 2L14 0Z' fill='%23606060'/%3E%3C/svg%3E%0A") center no-repeat; width: 32px; height: 32px; position: absolute; right: 8px; top: 8px; transition: all .15s ease-in-out; } .submenu._active .dropdown__list li._active > .dropdown__caret-touch, .submenu._active .ul_lev3._active + .dropdown__caret-touch { transform: rotate(-180deg); } } /**/ } .header--sticky .dropdown__list li:hover { background-color: var(--primary-base); } .dropdown--catalog .dropdown__list { position: relative; background-color: var(--grayscale-dark); } .dropdown--catalog .dropdown__list_main { position: relative; } .dropdown--catalog .dropdown__list.is-hidden { display: none; } .dropdown--catalog .dropdown__list .dropdown__list { position: absolute; left: 100%; top: 0; min-width: 340px; } .dropdown--catalog .dropdown__list .dropdown__list.ul_lev3:last-child { border: none; } @media (max-width: 359.2px) { .product-card, .product-card_main { -ms-flex: 0 1 calc(50% + 1px); flex: 0 1 calc(50% + 1px); } .product-list .product-list__body { padding: 0; } .product-card_main ~ .product-list__body { padding: 0 34px 0 0; } .product-list__body .product-card__control-group--show-btn { right: 15px; bottom: 15px; } /**/ .product-info__content-substatus { padding-left: 0; } .blok-basket .small-basket-desc { left: inherit; right: 0; width: 305px; } } @media (max-width: 470px) { .main .product-list__body { padding-left: 0; } .product-list__body .product-card__control-group--show-btn { bottom: 6px; } .product-card__price .product-card__oldprice + .offset--xcm--h { gap: 0; padding-right: 0; } .product-card__price .text.text--size--sm.priceValue { white-space: nowrap;; } } @media (max-width: 600px) { .product-card_main .offset--xcm--h, .product-card_main .offset--xs--left { padding-left: 0; } .product-card__price .text.text--size--sm { padding-right: 2px; } .product-info__content-section h3 { font-size: 16px; line-height: 20px; } } @media only screen and (max-width: 780px) { .dropdown--catalog .dropdown__select.is-active { position: fixed; left: 0; top: 52px; -ms-flex-pack: start; justify-content: flex-start; width: 100%; background-color: #fff; min-height: 48px; text-transform: uppercase; } .dropdown--catalog .dropdown__select.is-active .text { color: var(--grayscale-black); } .dropdown--catalog .dropdown-box { position: fixed; top: 88px; left: 0; display: block; height: calc(100% - 88px); width: 100%; opacity: 1; overflow: auto; background-color: #fff; } .dropdown--catalog .dropdown-box .dropdown__list { position: static; background-color: #fff; } .dropdown--catalog .dropdown-box .dropdown__list-item-icon-bottom { margin-left: auto; color: var(--grayscale-base); } .dropdown--catalog .dropdown-box .dropdown__list .dropdown__list { padding: 0 0 0 16px; } .dropdown--catalog .dropdown-box .dropdown__list .dropdown__list .dropdown__list-link::before { content: ''; width: 4px; margin-left: 10px; margin-right: 2px; height: 4px; border-radius: 50%; background-color: var(--grayscale-black); } .dropdown--catalog .dropdown-box .dropdown__list .dropdown__list .dropdown__list { padding: 0 0 0 24px; } .dropdown--catalog .dropdown-box .dropdown__list .dropdown__list .dropdown__list .dropdown__list-link::before { content: none; } .dropdown--catalog .dropdown-box .dropdown__list-item-icon-right { transition: transform ease-in 150ms; } .dropdown--catalog .dropdown-box .dropdown__list-link:hover { background-color: #fff; } .dropdown--catalog .dropdown-box .dropdown__list-link > .icon { color: var(--primary-base); } /*fix*/ .dropdown--catalog .dropdown-box .dropdown__list-link .text { padding-left: 16px; } .dropdown--catalog .dropdown-box .dropdown__list-link > .icon .icon__pic { position: relative; top: 4px; left: 12px; } .dropdown--catalog .dropdown-box .dropdown__list-link > .icon svg path { fill: var(--primary-base); } .dropdown--catalog .dropdown-box .dropdown__list-item_lev1._active .dropdown__list-link > .icon svg path { fill: var(--grayscale-soft); } /**/ .dropdown--catalog .dropdown-box .dropdown__list-link .text { color: var(--grayscale-black); } .dropdown--catalog .dropdown-box .dropdown__list-link.is-active { background-color: #fff; } .dropdown--catalog .dropdown-box .dropdown__list-link.is-active .dropdown__list-item-icon-right, .dropdown--catalog .dropdown-box .dropdown__list-link.is-active .dropdown__list-item-icon-bottom { transform: rotate(-180deg); } .dropdown--catalog .dropdown-box.is-hidden { display: none; } .dropdown--catalog .dropdown__select { -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-pack: center; justify-content: center; } } /*btn*/ .btn { background-color: transparent; border: none; cursor: pointer; padding: 0 8px; transition: all .15s ease-in-out; } .btn--blue { background-color: var(--primary-base); border-radius: 2px; color: #fff; } .btn--blue:hover { background-color: var(--primary-soft); } .btn[disabled], .btn.disabled { pointer-events: none; opacity: .3; } /*text*/ .text { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 18px; color: var(--grayscale-black); } .text--e-recovery { font-family: 'e-Ukraine', sans-serif; font-size: 12px; font-weight: 500; color: var(--grayscale-black); } .text.is-invalid { font-size: 12px; color: var(--error-red); line-height: 16px; } .text--icon--8 { width: 8px; height: 8px; } .text--icon--12 { width: 12px; height: 12px; } .text--icon--16 { width: 16px; height: 16px; } .text--icon--24 { width: 24px; height: 24px; } .text--icon--32 { width: 32px; height: 32px; } .text--icon--48 { width: 48px; height: 48px; } .line-bottom-faint { border-bottom: 1px solid var(--grayscale-faint); } .text--color--black { color: var(--grayscale-black); } .text--color--gray { color: var(--grayscale-base); } .text--color--gray--dark { color: var(--grayscale-dark); } .text--color--gray--black { color: var(--grayscale-black); } .text--color--gray--barely { color: var(--grayscale-barely); } .text--color--gray--pale { color: var(--grayscale-pale); } .text--color--gray--soft { color: var(--grayscale-soft); } .text--color--white { color: #fff; } .text--color--blue { color: var(--primary-base); } .text--color--green { color: var(--tertiary-green); } .text--color--green--dark { color: var(--tertiary-green-dark); } .text--color--yellow--dark { color: var(--secondary-yellow-dark); } .text--color--yellow { color: var(--secondary-yellow); } .text--color--orange { color: var(--tertiary-orange); } .text--color--red { color: var(--error-red); } /**/ body .text--grayscale--base { color: var(--grayscale-base); } .text--grayscale--base:hover { color: var(--grayscale-soft); } .text--grayscale--base:active { color: var(--grayscale-black); } /**/ .text--weight--thin { font-weight: 100; } .text--weight--light { font-weight: 300; } .text--weight--semi-bold { font-weight: 500; } .text--weight--bold { font-weight: 600; } .text--weight--normal { font-weight: normal; } .text--weight--bolder { font-weight: 700; } .text--weight--dark { font-weight: 900; } .text--ellipsis--1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text--ellipsis--2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .text--ellipsis--3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .text--ellipsis--4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .text--ellipsis--5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .text--ellipsis--6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .text--align--left { text-align: left; } .text--align--center { text-align: center; } .text--align--right { text-align: right; } .text.text--size--xs { font-size: 10px; line-height: 12px; } .text.text--size--cm { font-size: 12px; line-height: 16px; } .text.text--size--sm { font-size: 16px; line-height: 20px; } .text.text--size--md { font-size: 18px; } .text.text--size--lg { font-size: 20px; line-height: 20px; } .text.text--size--xl { font-size: 24px; line-height: 24px; } .text.text--size--xmxl { font-size: 32px; line-height: 36px; } .text.text--size--xxl { font-size: 40px; line-height: 48px; } .text.text--size--64 { font-size: 64px; line-height: 64px; } .text.text--nowrap, .text--nowrap { white-space: nowrap; } .text--type--disc { position: relative; } .text--type--disc::before { display: inline-block; content: ''; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background-color: var(--tertiary-green); } .text--uppercase { text-transform: uppercase; } .text--lowercase { text-transform: lowercase; } .text--old--price { text-decoration: line-through; text-decoration-thickness: 1px; } /**/ .block--noscript { position: fixed; width: 100%; padding: 0 16px; font-size: 10px; line-height: 12px; color: var(--grayscale-base); background-color: var(--grayscale-barely); z-index: 1234; } .block--noscript .icon { flex: 0 0 auto; } noscript ~ .rotation-slider { display: none; } /**/ .subtext { margin: 0; padding-top: 4px; font-size: 12px; line-height: 20px; } p.text { margin: 0; font-size: 14px; line-height: 20px; } h2.title { font-size: 32px; line-height: 36px; } h3.title { font-size: 24px; line-height: 24px; } h4.title { font-size: 16px; line-height: 24px; } h5.title { font-size: 14px; line-height: 20px; } .title { color: var(--grayscale-black); font-family: 'Roboto', sans-serif; font-weight: 400; } .title--semi-bold { font-weight: 500; } .title--dark { font-weight: 900; } .offset--xxl--top { padding-top: 48px; } .offset--md { padding: 32px; } .offset--md--v { padding-top: 32px; padding-bottom: 32px; } .offset--md--h { padding-left: 32px; padding-right: 32px; } .offset--md--top { padding-top: 32px; } .offset--md--bottom { padding-bottom: 32px; } .offset--md--left { padding-left: 32px; } .offset--md--right { padding-right: 32px; } .offset--smmd { padding: 28px; } .offset--smmd--v { padding-top: 28px; padding-bottom: 28px; } .offset--smmd--h { padding-left: 28px; padding-right: 28px; } .offset--smmd--top { padding-top: 28px; } .offset--smmd--bottom { padding-bottom: 28px; } .offset--smmd--left { padding-left: 28px; } .offset--smmd--right { padding-right: 28px; } .offset--smd { padding: 24px; } .offset--smd--v { padding-top: 24px; padding-bottom: 24px; } .offset--smd--h { padding-left: 24px; padding-right: 24px; } .offset--smd--top { padding-top: 24px; } .offset--smd--bottom { padding-bottom: 24px; } .offset--smd--left { padding-left: 24px; } .offset--smd--right { padding-right: 24px; } .offset--sm { padding: 20px; } .offset--sm--v { padding-top: 20px; padding-bottom: 20px; } .offset--sm--h { padding-left: 20px; padding-right: 20px; } .offset--sm--top { padding-top: 20px; } .offset--sm--bottom { padding-bottom: 20px; } .offset--sm--left { padding-left: 20px; } .offset--sm--right { padding-right: 20px; } .offset--xsm { padding: 16px; } .offset--xsm--v { padding-top: 16px; padding-bottom: 16px; } .offset--xsm--h { padding-left: 16px; padding-right: 16px; } .offset--xsm--top { padding-top: 16px; } .offset--xsm--bottom { padding-bottom: 16px; } .offset--xsm--left { padding-left: 16px; } .offset--xsm--right { padding-right: 16px; } .offset--xxsm { padding: 14px; } .offset--xxsm--v { padding-top: 14px; padding-bottom: 14px; } .offset--xxsm--h { padding-left: 14px; padding-right: 14px; } .offset--xxsm--top { padding-top: 14px; } .offset--xxsm--bottom { padding-bottom: 14px; } .offset--xxsm--left { padding-left: 14px; } .offset--xxsm--right { padding-right: 14px; } .offset--cm { padding: 12px; } .offset--cm--v { padding-top: 12px; padding-bottom: 12px; } .offset--cm--h { padding-left: 12px; padding-right: 12px; } .page-footer form.offset--cm--h { margin: auto 0; } .offset--cm--top { padding-top: 12px; } .offset--cm--bottom { padding-bottom: 12px; } .offset--cm--left { padding-left: 12px; } .offset--cm--right { padding-right: 12px; } .offset--xmcm { padding: 11px; } .offset--xmcm--v { padding-top: 11px; padding-bottom: 11px; } .offset--xmcm--h { padding-left: 11px; padding-right: 11px; } .offset--xmcm--top { padding-top: 11px; } .offset--xmcm--bottom { padding-bottom: 11px; } .offset--xmcm--left { padding-left: 11px; } .offset--xmcm--right { padding-right: 11px; } .offset--xcm { padding: 8px; } .offset--xcm--v { padding-top: 8px; padding-bottom: 8px; } .offset--xcm--h { padding-left: 8px; padding-right: 8px; } .offset--xcm--top { padding-top: 8px; } .offset--xcm--bottom { padding-bottom: 8px; } .offset--xcm--left { padding-left: 8px; } .offset--xcm--right { padding-right: 8px; } .offset--xxcm { padding: 7px; } .offset--xxcm--v { padding-top: 7px; padding-bottom: 7px; } .offset--xxcm--h { padding-left: 7px; padding-right: 7px; } .offset--xxcm--top { padding-top: 7px; } .offset--xxcm--bottom { padding-bottom: 7px; } .offset--xxcm--left { padding-left: 7px; } .offset--xxcm--right { padding-right: 7px; } .offset--xs { padding: 6px; } .offset--xs--v { padding-top: 6px; padding-bottom: 6px; } .offset--xs--h { padding-left: 6px; padding-right: 6px; } .offset--xs--top { padding-top: 6px; } .offset--xs--bottom { padding-bottom: 6px; } .offset--xs--left { padding-left: 6px; } .offset--xs--right { padding-right: 6px; } .offset--xxs { padding: 4px; } .offset--xxs--v { padding-top: 4px; padding-bottom: 4px; } .offset--xxs--h { padding-left: 4px; padding-right: 4px; } .offset--xxs--top { padding-top: 4px; } .offset--xxs--bottom { padding-bottom: 4px; } .offset--xxs--left { padding-left: 4px; } .offset--xxs--right { padding-right: 4px; } .offset--xxxs--v { padding-top: 2px; padding-bottom: 2px; } .offset--null { padding: 0; } .offset--null--v { padding-top: 0; padding-bottom: 0; } .offset--null--h { padding-left: 0; padding-right: 0; } .offset--null--top { padding-top: 0; } .offset--null--bottom { padding-bottom: 0; } .offset--null--left { padding-left: 0; } .offset--null--right { padding-right: 0; } @media only screen and (max-width: 780px) { .text.text--m-size--normal { font-size: 14px; line-height: 18px; } } @media only screen and (max-width: 500px) { .fancybox-wrap, .fancybox-inner { width: 100%!important; height: 100%!important; top: 0!important; left: 0!important; } .fancybox-skin { padding: 0!important; } } .icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; max-height: 100%; max-width: 100%; } .icon__pic { max-width: 100%; max-height: 100%; fill: currentColor; border-radius: inherit; pointer-events: none; } .icon--size--8 .icon__pic { width: 8px; height: 8px; } .icon--size--12 .icon__pic { width: 12px; height: 12px; } .icon--size--16 .icon__pic { width: 16px; height: 16px; } .icon--size--20 .icon__pic { width: 20px; height: 20px; } .icon--size--24 .icon__pic { width: 24px; height: 24px; } .icon--size--26 .icon__pic { width: 26px; height: 26px; } .icon--size--32 .icon__pic { width: 32px; height: 32px; } .icon--size--36 .icon__pic { width: 36px; height: 36px; } .icon--size--40 .icon__pic { width: 40px; height: 40px; } .icon--size--44 .icon__pic { width: 44px; height: 44px; } .icon--size--48 .icon__pic { width: 48px; height: 48px; } .icon--size--64 .icon__pic { width: 64px; height: 64px; } .icon--size--72 .icon__pic { width: 72px; height: 72px; } .icon--size--128 .icon__pic { width: 128px; height: 128px; } .icon--color--gray { color: var(--grayscale-base); } .icon--color--gray--dark { color: var(--grayscale-dark); } .icon--color--gray--faint { color: var(--grayscale-faint); } .icon--color--gray--soft { color: var(--grayscale-soft); } .icon--color--gray--pale { color: var(--grayscale-pale); } .icon--color--white { color: #fff; } .invert--white { filter: brightness(0) invert(1); } .icon--color--blue { color: var(--primary-base); } .icon--color--blue--light { color: var(--primary-light); } .icon--color--blue--soft { color: var(--primary-soft); } .icon--color--red { color: var(--error-red); } .icon--color--yellow { color: var(--secondary-yellow); } .icon--color--green { color: var(--tertiary-green); } .icon--btn { cursor: pointer; } .button { position: relative; display: block; width: 100%; padding: 0 2px; border: none; box-shadow: inset 0 0 0 2px transparent; border-radius: 2px; background-color: transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 700; color: var(--grayscale-black); outline: none; text-decoration: none; transition: all ease-in 150ms; white-space: nowrap; -webkit-font-smoothing: antialiased; } .button.mesh-row, .button.mesh-cell { display: flex; } .button.button--normal { font-weight: normal; } .button-wrapper { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; } .button__body { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 4px; min-height: 32px; } .button__text { font-size: 14px; line-height: unset; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; } .product-card__control-group-btn .button__text { text-transform: uppercase; } .button__text--sm { font-size: 16px; line-height: 20px; } .button.button--square { padding: 0; } .compare-tick .icon::before {/*for default*/ content: ''; background: #fff url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C3.6 16 0 12.4 0 8C0 3.6 3.6 0 8 0C12.4 0 16 3.6 16 8C16 12.4 12.4 16 8 16ZM13 5.5L11.5 4L6.5 9L4.5 7L3 8.5L6.5 12L13 5.5Z' fill='%2340E000'/%3E%3C/svg%3E%0A") no-repeat; width: 16px; height: 16px; position: absolute; top: -5px; right: -2px; border-radius: 50%; } .product-price__actions .button.button--square.compare-tick span.icon::before { content: ''; background: #fff url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C3.6 16 0 12.4 0 8C0 3.6 3.6 0 8 0C12.4 0 16 3.6 16 8C16 12.4 12.4 16 8 16ZM13 5.5L11.5 4L6.5 9L4.5 7L3 8.5L6.5 12L13 5.5Z' fill='%2340E000'/%3E%3C/svg%3E%0A") no-repeat; width: 16px; height: 16px; position: absolute; top: -10px; right: -10px; } .compare-tick .icon::before { content: ''; background: #fff url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C3.6 16 0 12.4 0 8C0 3.6 3.6 0 8 0C12.4 0 16 3.6 16 8C16 12.4 12.4 16 8 16ZM13 5.5L11.5 4L6.5 9L4.5 7L3 8.5L6.5 12L13 5.5Z' fill='%2340E000'/%3E%3C/svg%3E%0A") no-repeat; width: 16px; height: 16px; position: absolute; top: -5px; right: -2px; border-radius: 50%; } /*compare empty*/ .compare-empty { height: 100%; display: flex; flex-direction: column; padding-bottom: 32px; } .compare-empty__title .text--title { font-size: 32px; font-weight: 900; line-height: 36px; padding: 22px 16px 22px 28px; } .compare-empty__box { border: 1px solid var(--grayscale-faint); flex: 1; } .compare-empty .filter-compare { border-right: 1px solid var(--grayscale-faint); flex: 0 0 368px; padding: 8px 32px 16px; } .compare-empty .filter-compare .mesh-row { align-items: center; gap: 8px; } .compare-empty .filter-compare__add { padding: 16px 0; } .compare-empty .filter-compare__link:hover { opacity: .8; } .compare-empty__content { padding: 16px 32px; } @media (max-width: 780px) { .compare-empty__box { flex-direction: column; border: none; } .compare-empty .filter-compare { flex: unset; border-right: none; } } /**/ .button.button--square .button__body { width: 32px; height: 32px; gap: 0; } .button.button--square.button--md .button__body { width: 44px; height: 44px; } .button--reverse .button__body { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .button--md .button__body { height: auto; min-height: 32px; gap: 0 8px; } .button__counter { position: absolute; top: -8px; right: -4px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 16px; min-width: 10px; border-radius: 8px; color: #fff; background-color: var(--color--green); font-size: 10px; line-height: 12px; padding: 2px; } .button__counter.counter--blue { background-color: var(--primary-soft); } .button--width-auto { width: auto; } .button--width--max { width: max-content; min-width: 96px; padding: 0 16px; border-radius: 16px; } .button--m--auto { margin: 0 auto; } .button--height-auto { height: auto; } .border--width--thin { box-shadow: inset 0 0 0 1px; } .button--radius--8 { border-radius: 8px; } .button--radius--16 { border-radius: 16px; } .button--radius--20 { border-radius: 20px; } .button--radius--24 { border-radius: 24px; } .button--radius--32 { border-radius: 32px; } .button--radius--64 { border-radius: 64px; } .radius--50 { border-radius: 50%; } .button.radius--50 { /*padding: 2px;*/ } .button--h--40 { min-height: 40px; } .button--h--48 { min-height: 48px; } .button--w--160 { min-width: 160px; padding: 0 12px; } .btn--icon--40--center { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .button--primary { background-color: var(--primary-base); color: #fff; } .button--primary:hover { background-color: var(--primary-soft); color: #fff; } .button--primary:focus { background-color: var(--primary-base); /*border-color: var(--primary-soft);*/ box-shadow: inset 0 0 0 2px var(--color--blue--soft); } .button--primary:active { background-color: var(--primary-dark); } .button--primary.is-disabled { background-color: var(--primary-base); opacity: .25; cursor: not-allowed; } .button--primary.is-disabled:hover { background-color: var(--primary-base); } .button--primary--faint { background-color: rgba(168, 224, 255, .5); color: var(--primary-base); transition: all .15s ease-in-out; } .button--primary--faint:hover { background-color: rgba(208, 238, 255, .5); color: var(--color--blue--soft); } .button--primary--faint:hover .button__icon { color: var(--primary-base); } .button--primary--faint:focus, .button--primary--faint:active { background-color: rgba(128, 208, 255, .5); color: var(--primary-black); } .button--primary--faint:focus .button__icon, .button--primary--faint:active .button__icon { color: var(--primary-black); } .button--primary--soft { color: var(--primary-base); } .button--primary--soft:hover { color: var(--primary-soft); } .button--primary--soft:active { color: var(--primary-black); } /**/ .button.button--gray--white { width: max-content; border-radius: 64px; padding: 0 12px 0 8px; color: var(--grayscale-faint); } .button.button--gray--white.bg--gray--faint { background-color: rgba(224, 224, 224, .5); color: #fff; } .button.button--gray--white .button__text { font-weight: 600; padding: 2px 0 0 8px; } .button.button--gray--white:hover { background-color: rgba(255,255,255, .1); color: #fff; } .button.button--gray--white:focus { background-color: rgba(192,192,192, .1); color: var(--grayscale-light); } .button.button--gray--white:active { background-color: #fff; color: var(--grayscale-black); } .button.button--gray--white[disabled] { background-color: transparent; color: var(--grayscale-barely); opacity: .25; } /**/ .button--outline { background-color: transparent; color: var(--primary-base); box-shadow: inset 0 0 0 1px var(--primary-base); padding: 0 22px; } .button--outline:hover { background-color: var(--primary-soft); color: #fff; } .button--outline:focus { box-shadow: inset 0 0 0 1px var(--color--blue--soft); } .button--outline:active { background-color: var(--primary-dark); color: #fff; box-shadow: inset 0 0 0 1px transparent; } .button--outline.is-disabled { background-color: transparent; color: var(--primary-base); box-shadow: inset 0 0 0 1px var(--primary-base); opacity: .25; cursor: not-allowed; } .button--outline.is-disabled:hover { background-color: transparent; } .button--outline.is-disabled:focus { color: var(--primary-base); } .button--outline.border--width--thin { /*border-width: 1px;*/ box-shadow: 0 0 0 1px; } .button--outline--transparent { color: var(--primary-base); box-shadow: inset 0 0 0 1px var(--primary-base); } .button--outline--transparent:hover { color: var(--primary-soft); box-shadow: inset 0 0 0 1px var(--primary-soft); } .button--outline--transparent:active { color: var(--primary-black); box-shadow: inset 0 0 0 1px var(--primary-black); } .button--transparent { background-color: transparent; color: var(--primary-base); } .button--transparent:hover { color: var(--color--blue--soft); } .button--transparent:focus { color: var(--color--blue--black); } .button--transparent:not(.button--icon):active { background-color: var(--primary-base); color: #fff; } .button--transparent:not(.button--icon):active .icon--color--blue { color: #fff; } .button--transparent.is-disabled { background-color: transparent; color: var(--primary-base); /*border-color: transparent;*/ box-shadow: inset 0 0 0 2px transparent; opacity: .25; cursor: not-allowed; } .button--transparent.is-disabled:hover { background-color: transparent; } .button--transparent.is-disabled:focus { color: var(--primary-base); } .button--soft--transparent { color: var(--primary-base); background-color: transparent; } .button--soft--transparent:hover { color: var(--primary-soft); background-color: rgba(48, 160, 240, .1); } .button--soft--transparent:active { color: var(--primary-black); background-color: rgba(0, 64, 128, .1); } .button.button--less { color: var(--primary-base); } .button.button--less:hover { color: var(--color--blue--soft); } .button.button--less:focus { color: var(--color--blue--black); } .button.button--icon { height: 32px; padding: 0; align-self: center; } .button.button--icon .button__icon { flex: 0 0 auto; } /**/ .outline--gray { border: 1px solid var(--grayscale-soft); transition: .25s; } .outline--gray:hover { border: 1px solid var(--primary-light); } .outline--gray:focus { border: 1px solid var(--primary-base); } .outline--gray:active { border: 1px solid transparent; background-color: var(--primary-faint); } .outline--gray:active .text { color: var(--grayscale-dark); } /**/ .product-card .compare-tick span.icon:before, .product-card_main .compare-tick span.icon:before { content: ''; background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C3.6 16 0 12.4 0 8C0 3.6 3.6 0 8 0C12.4 0 16 3.6 16 8C16 12.4 12.4 16 8 16ZM13 5.5L11.5 4L6.5 9L4.5 7L3 8.5L6.5 12L13 5.5Z' fill='%2340E000'/%3E%3C/svg%3E%0A") no-repeat; width: 16px; height: 16px; position: absolute; top: -7px; right: -8px; } .button--sidebar { background-color: transparent; color: var(--grayscale-faint); } .button--sidebar .button__text { font-size: 16px; line-height: 16px; font-weight: 700; } .button--w--auto { width: auto; } .button--arrow { color: var(--grayscale-base); } .button--arrow .button__icon { transition: transform ease-in 150ms; } .button--arrow.is-active .button__icon { transform: rotate(-180deg); } .button--arrow.products-active .button__icon { transform: rotate(-180deg); } [data-btn], [data-check] { cursor: pointer; } [data-check].is-hidden, [data-check-list].is-hidden { display: none; } [data-btn].is-active .icon--arrow--select { transform: rotate(-180deg); } [data-btn-two] { cursor: pointer; } [data-btn-two].is-active .icon--arrow--select { transform: rotate(-180deg); } .section__overlay.is-active { position: fixed; left: -64px; top: 0; width: calc(100vw + 64px); height: 100vh; cursor: default; } picture { display: block; height: 100%; } /* chips */ .chips-list { display: flex; gap: 8px; } .chips-link { display: flex; align-items: center; gap: 0 4px; border-radius: 8px; padding: 6px 12px; min-height: 32px; font-size: 14px; line-height: 100%; font-weight: 700; color: var(--grayscale-base); width: fit-content; box-shadow: inset 0 0 0 1px var(--grayscale-soft); transition: all .15s ease-in-out; } .chips-link.is-active { box-shadow: inset 0 0 0 2px transparent; color: var(--grayscale-dark); background-color: var(--color--blue--faint); } .chips-link:hover { box-shadow: inset 0 0 0 1px var(--color--blue--light); color: var(--grayscale-base); } .chips-link:focus { box-shadow: inset 0 0 0 1px var(--primary-base); color: var(--grayscale-base); } /*--chips-white*/ .chips-white .chips-link { color: var(--grayscale-barely); box-shadow: inset 0 0 0 1px var(--grayscale-barely); } .chips-white .chips-link:hover { box-shadow: inset 0 0 0 2px #fff; color: #fff; } .chips-white .chips-link:focus { box-shadow: inset 0 0 0 2px var(--grayscale-faint); color: var(--grayscale-faint); } .chips-white .chips-link.is-active { box-shadow: inset 0 0 0 2px transparent; color: var(--grayscale-dark); background-color: #fff; } .chips-icon.is-hidden { display: none; } .chips-white .chips-link.is-active .chips-icon { color: var(--grayscale-dark); margin-left: -8px; } /*--chips-grayscale*/ .chips-grayscale .chips-link { padding: 0 8px; font-weight: 400; color: var(--grayscale-black); box-shadow: unset; background-color: var(--grayscale-barely); } .chips-grayscale .chips-link:hover { background-color: var(--grayscale-faint); } .chips-grayscale .chips-link:active { background-color: var(--grayscale-pale); } /**/ .grid .m414--show, .grid .m470--show, .grid .m500--show, .grid .m600--show, .grid .m620--show, .grid .m640--show, .grid .m680--show, .grid .m681--show, .grid .m780--show, .grid .m860--show, .grid .m981--show, .grid .m1024--show, .grid .m1152--show, .grid .m1270--show, .grid .m1279--show, .grid .m1280--show, .grid .m1320--show, .grid .m1366--show, .grid .m1400--show /*, .grid .m1536--show*/ { display: none; } .grid .lg--show { display: flex; } /*@media only screen and (max-width: 1536px) { .grid .m1536--none { display: none; } .grid .m1536--show { display: -ms-flexbox; display: flex; } }*/ @media only screen and (max-width: 1400px) { .grid .m1400--none { display: none; } .grid .m1400--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 1320px) { .grid .m1320--none { display: none; } .grid .m1320--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 1366px) { .grid .m1366--none { display: none; } .grid .m1366--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 1280px) { .grid .m1280--none { display: none; } .grid .m1280--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 1279px) { .grid .m1279--none { display: none; } .grid .m1279--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 1270px) { .grid .m1270--none { display: none; } .grid .m1270--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 1152px) { .grid .m1152--none { display: none; } .grid .m1152--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 1024px) { .grid .m1024--none { display: none; } .grid .m1024--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 981px) { .grid .m981--none { display: none; } .grid .m981--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 860px) { .grid .m860--none { display: none; } .grid .m860--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 780px) { .grid .m780--none { display: none; } .grid .m780--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 680px) { .grid .m681--none { display: none; } .grid .m681--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 414px) { .grid .m414--none { display: none; } .grid .m414--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 780px) { .grid .m680--none { display: none; } .grid .m680--show { display: -ms-flexbox; display: flex; } /**/ .header--sticky ~ .main .section-heading { position: fixed; top: 48px; z-index: 4; background-color: #fff; width: 100%; /*animation: load .7s linear;*/ } .section-heading { display: flex; gap: 4px; align-items: center; padding: 8px; grid-row: 1; border-bottom: 1px solid var(--grayscale-faint); } .section-heading > * { flex: 0 0 auto; } .section-heading .section-heading__title { flex: 1 1 auto; padding: 0 8px; } .section-heading__title .title--text { font-size: 20px; font-style: normal; font-weight: 400; line-height: 100%; color: var(--grayscale-black); } /**/ .page-header__actions .m680--none { display: none!important; } .page-header__actions .m680--show { display: -ms-flexbox!important; display: flex!important; } .mobile-catalog-sale { display: flex; border-top: 1px solid var(--grayscale-faint); border-bottom: 1px solid var(--grayscale-faint); margin-bottom: -1px; } .mobile-catalog-sale > * { height: 48px; flex: 0 1 50%; display: flex; align-items: center; justify-content: center; padding: 0 8px; } .mobile-catalog-sale .mobile-catalog-sale__catalog { border-right: 1px solid var(--grayscale-faint); background-color: var(--primary-base); } .mobile-catalog-sale__catalog .dropdown__select { width: 100%; display: flex; justify-content: center; } .mobile-catalog-sale__catalog .dropdown__select > * { color: #fff; } .mobile-catalog-sale__catalog .dropdown__select:hover .text, .mobile-catalog-sale__catalog .dropdown__select:hover .icon { color: var(--primary-faint); } /*our services - REMOVE*/ /* .our-services .our-services__links { display: flex; border-bottom: 1px solid var(--grayscale-faint); } .our-services .our-services__list { flex: 0 1 50%; } .our-services .our-services__item { border: 1px solid var(--grayscale-faint); border-bottom: none; margin: -1px 0 0 -1px; } .our-services .our-services__link { cursor: pointer; display: flex; align-items: center; } .our-services .list--lft .our-services__item { padding-left: 19px; border-left: none; } .our-services .list--rht .our-services__item { padding-left: 8px; border-right: none; } .our-services .list--lft .our-services__link { min-height: 64px; } .our-services .list--rht .our-services__link { min-height: 48px; } .our-services .list--lft .our-services__item .text { padding-left: 15px; }*/ } @media only screen and (max-width: 640px) { .grid .m640--none { display: none; } .grid .m640--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 600px) { .grid .m600--none { display: none; } .grid .m600--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 620px) { .grid .m620--none { display: none; } .grid .m620--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 500px) { .grid .m500--none { display: none; } .grid .m500--show { display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 470px) { .grid .m470--none { display: none; } .grid .m470--show { display: -ms-flexbox; display: flex; } } /*@media (max-width: 359px) { !*our services*! .our-services .list--lft .our-services__item { padding-left: 12px; } .our-services .our-services__item { padding-right: 8px; } }*/ /*todo modal popup login/register */ .md-modal { position: fixed; top: 50px; left: 50%; width: 100%; max-width: 510px; min-width: 320px; height: auto; z-index: 2000; visibility: hidden; -ms-transform: translateX(-50%); transform: translateX(-50%); } .md-show { display: block !important; visibility: visible; } .md-content { background: #fff; padding: 0 15px; border-radius: 3px; margin: 0 auto; position: relative; } .login_page .md-close { position: absolute; top: 6px; right: 3px; } .md-close { border-radius: 100px; width: 36px; height: 36px; display: block; margin: 10px auto; text-align: center; cursor: pointer; background: url(/img/icons/close_f.png) no-repeat #fff center center; transition: 0.2s; } .md-show.md-effect-16 ~ .md-overlay { background: rgba(160, 197, 234, 0.37); } .md-show ~ .md-overlay { opacity: 1; visibility: visible; } .md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* AJAX CUSTOM PRELOADER */ #preloader { display: none; background: rgba(48, 146, 204, 0.68); height: 100%; position: fixed; width: 100%; z-index: 1111; top: 0; left: 0; } #preloader img { display: block; position: absolute; top: 50%; left: 50%; /*background: url(/img/preloader/ring-alt.svg) no-repeat;*/ transform: translate(-50%, -50%); width: 100px; } .loading::before { content: ''; background: rgba(48, 146, 204, 0.5) url(/img/preloader/loader.png) center no-repeat; background-size: 104px 104px; overflow: hidden; width: 100%; height: 100%; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100; } /*loader--sm*/ /*.text-loading-safari { display: flex; font-size: 18px; justify-content: center; align-items: center; height: 100%; color: var(--color--gray--barely); } .text-loading-safari ins { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ins; animation-name: ins; text-decoration: none; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @keyframes ins { 0% { transform: translateX(0px); } 50% { transform: translateX(20px); } 100% { transform: translateX(0px); } } @-webkit-keyframes ins { 0% { transform: translateX(0px); } 50% { transform: translateX(20px); } 100% { transform: translateX(0px); } }*/ .loader--sm { display: none; background-color: rgba(32, 32, 32, 0.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 21; } .loader--sm::before { content: ''; width: 48px; height: 48px; border-radius: 50%; background: conic-gradient(#0000 10%, var(--color--blue)); mask: radial-gradient(farthest-side, #0000 calc(100% - 4px), #000 0); -webkit-animation: loaderSmall 1s infinite linear forwards; animation: loaderSmall 3s infinite linear forwards; position: fixed; left: 50%; top: calc(50% - 32px); transform: translate(-50%, -50%); z-index: 24; } .loader--mask { width: 24px; height: 24px; border-radius: 50%; background: conic-gradient(#0000 10%, #FF9100); mask: radial-gradient(farthest-side, #0000 calc(100% - 4px), #000 0); animation: loaderSmall 3s infinite linear; margin: 24px auto; } .loader--blocks { width: 32px; height: 32px; border-radius: 50%; background: conic-gradient(#0000 10%, var(--color--blue)); mask: radial-gradient(farthest-side, #0000 calc(100% - 4px), #000 0); -webkit-animation: loaderSmall 1s infinite linear forwards; animation: loaderSmall 3s infinite linear forwards; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 24; } .loader--blocks ~ * { opacity: 0!important; } noscript ~ .main .loader--mask, noscript ~ .main .loader--blocks { display: none; } noscript ~ .main .loader--mask ~ *, noscript ~ .main .loader--blocks ~ * { opacity: 1!important; display: block; } @keyframes loaderSmall { 0% { transform: rotate(-360deg); background: conic-gradient(#0000 10%, var(--color--blue)); } 100% { transform: rotate(360deg); background: conic-gradient(#0000 10%, var(--color--yellow)); } } /*animation loading css*/ .a-loading { display: none; } .a-loading::before { content: ''; background-color: rgba(48, 146, 204, .5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 22; } .a-loading__body { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 90px; z-index: 24; } .a-loading:not(.a-safari) span { visibility: hidden; display: block; margin: 2px; background-color: var(--primary-base); width: 24px; height: 24px; } .a-loading span:nth-of-type(1) {animation: a1 5s linear infinite;} .a-loading span:nth-of-type(2) {animation: a2 5s linear infinite;} .a-loading span:nth-of-type(3) {animation: a3 5s linear infinite;} .a-loading span:nth-of-type(4) {animation: a4 5s linear infinite;} .a-loading span:nth-of-type(5) {animation: a5 5s linear infinite;} .a-loading span:nth-of-type(6) {animation: a6 5s linear infinite;} .a-loading span:nth-of-type(7) {animation: a7 5s linear infinite;} .a-loading span:nth-of-type(8) {animation: a8 5s linear infinite;} .a-loading span:nth-of-type(9) {animation: a9 5s linear infinite;} @keyframes a5 { 0%, 100% { visibility: visible; } 0%, 52.99% { background-color: var(--primary-base); } 53%, 100% { background-color: var(--color--yellow); } } @keyframes a4 { 0%, 67.99% { background-color: var(--primary-base); } 0%, 2.99% { visibility: hidden; } 3% { visibility: visible; } 48%, 67.99% { visibility: hidden; } 68%, 100% { background-color: var(--color--yellow); } 68% { visibility: visible; } 89%, 100% { visibility: hidden; } } @keyframes a1 { 0%, 70.99% { background-color: var(--primary-base); } 0%, 5.99% { visibility: hidden; } 6% { visibility: visible; } 27%, 70.99% { visibility: hidden; } 71%, 100% { background-color: var(--color--yellow); } 71% { visibility: visible; } 92%, 100% { visibility: hidden; } } @keyframes a2 { 0%, 73.99% { background-color: var(--primary-base); } 0%, 8.99% { visibility: hidden; } 9% { visibility: visible; } 30%, 73.99% { visibility: hidden; } 74%, 100% { background-color: var(--color--yellow); } 74% { visibility: visible; } 95%, 100% { visibility: hidden; } } @keyframes a3 { 0%, 76.99% { background-color: var(--primary-base); } 0%, 11.99% { visibility: hidden; } 12% { visibility: visible; } 33%, 76.99% { visibility: hidden; } 77%, 100% { background-color: var(--color--yellow); } 77% { visibility: visible; } 98%, 100% { visibility: hidden; } } @keyframes a6 { 0%, 55.99% { background-color: var(--primary-base); } 0%, 14.99% { visibility: hidden; } 15% { visibility: visible; } 36%, 55.99% { visibility: hidden; } 56%, 100% { background-color: var(--color--yellow); } 56% { visibility: visible; } 100% { visibility: hidden; } } @keyframes a9 { 0%, 58.99% { background-color: var(--primary-base); } 0%, 17.99% { visibility: hidden; } 18% { visibility: visible; } 39%, 58.99% { visibility: hidden; } 59%, 100% { background-color: var(--color--yellow); } 59% { visibility: visible; } 80%, 100% { visibility: hidden; } } @keyframes a8 { 0%, 61.99% { background-color: var(--primary-base); } 0%, 20.99% { visibility: hidden; } 21% { visibility: visible; } 42%, 61.99% { visibility: hidden; } 62%, 100% { background-color: var(--color--yellow); } 62% { visibility: visible; } 83%, 100% { visibility: hidden; } } @keyframes a7 { 0%, 64.99% { background-color: var(--primary-base); } 0%, 23.99% { visibility: hidden; } 24% { visibility: visible; } 45%, 64.99% { visibility: hidden; } 65%, 100% { background-color: var(--color--yellow); } 65% { visibility: visible; } 86%, 100% { visibility: hidden; } } /* Safari */ .a-loading.a-safari span { opacity: 0; display: block; margin: 2px; background-color: var(--primary-base); width: 24px; height: 24px; } .a-loading.a-safari span:nth-of-type(1) {animation: a1s 5s linear infinite;} .a-loading.a-safari span:nth-of-type(2) {animation: a2s 5s linear infinite;} .a-loading.a-safari span:nth-of-type(3) {animation: a3s 5s linear infinite;} .a-loading.a-safari span:nth-of-type(4) {animation: a4s 5s linear infinite;} .a-loading.a-safari span:nth-of-type(5) {animation: a5s 5s linear infinite;} .a-loading.a-safari span:nth-of-type(6) {animation: a6s 5s linear infinite;} .a-loading.a-safari span:nth-of-type(7) {animation: a7s 5s linear infinite;} .a-loading.a-safari span:nth-of-type(8) {animation: a8s 5s linear infinite;} .a-loading.a-safari span:nth-of-type(9) {animation: a9s 5s linear infinite;} @keyframes a5s { 0%, 100% { opacity: 1; } 0%, 52.99% { background-color: var(--primary-base); } 53%, 100% { background-color: var(--color--yellow); } } @keyframes a4s { 0%, 67.99% { background-color: var(--primary-base); } 0%, 2.99% { opacity: 0; } 3% { opacity: 1; } 48%, 67.99% { opacity: 0; } 68%, 100% { background-color: var(--color--yellow); } 68% { opacity: 1; } 89%, 100% { opacity: 0; } } @keyframes a1s { 0%, 70.99% { background-color: var(--primary-base); } 0%, 5.99% { opacity: 0; } 6% { opacity: 1; } 27%, 70.99% { opacity: 0; } 71%, 100% { background-color: var(--color--yellow); } 71% { opacity: 1; } 92%, 100% { opacity: 0; } } @keyframes a2s { 0%, 73.99% { background-color: var(--primary-base); } 0%, 8.99% { opacity: 0; } 9% { opacity: 1; } 30%, 73.99% { opacity: 0; } 74%, 100% { background-color: var(--color--yellow); } 74% { opacity: 1; } 95%, 100% { opacity: 0; } } @keyframes a3s { 0%, 76.99% { background-color: var(--primary-base); } 0%, 11.99% { opacity: 0; } 12% { opacity: 1; } 33%, 76.99% { opacity: 0; } 77%, 100% { background-color: var(--color--yellow); } 77% { opacity: 1; } 98%, 100% { opacity: 0; } } @keyframes a6s { 0%, 55.99% { background-color: var(--primary-base); } 0%, 14.99% { opacity: 0; } 15% { opacity: 1; } 36%, 55.99% { opacity: 0; } 56%, 100% { background-color: var(--color--yellow); } 56% { opacity: 1; } 100% { opacity: 0; } } @keyframes a9s { 0%, 58.99% { background-color: var(--primary-base); } 0%, 17.99% { opacity: 0; } 18% { opacity: 1; } 39%, 58.99% { opacity: 0; } 59%, 100% { background-color: var(--color--yellow); } 59% { opacity: 1; } 80%, 100% { opacity: 0; } } @keyframes a8s { 0%, 61.99% { background-color: var(--primary-base); } 0%, 20.99% { opacity: 0; } 21% { opacity: 1; } 42%, 61.99% { opacity: 0; } 62%, 100% { background-color: var(--color--yellow); } 62% { opacity: 1; } 83%, 100% { opacity: 0; } } @keyframes a7s { 0%, 64.99% { background-color: var(--primary-base); } 0%, 23.99% { opacity: 0; } 24% { opacity: 1; } 45%, 64.99% { opacity: 0; } 65%, 100% { background-color: var(--color--yellow); } 65% { opacity: 1; } 86%, 100% { opacity: 0; } } /*end Safari*/ @media (max-width: 380px) { .m-search { padding-left: 4px; } .page-header .m-search__input { padding: 0 4px; } /* [data-flex='1'] { -ms-flex: unset; flex: unset; } .filters__main[data-flex='1'], .mesh--name-page[data-flex='1'] { -ms-flex: auto; flex: auto; }*/ .m-search__button { position: unset; min-width: 32px; } .header--sticky .page-header .page-header__heading--m-search { flex-grow: unset; } .page-header__heading { width: auto; } .page-header__heading, .page-header__actions { padding: 0 4px 0 4px; } .header.header--sticky .page-header__heading--logo { margin-left: 0; } .main__section .account { padding: 0; } .account .account__heading.account__heading--orders, .account__header-title#account__header-title { padding-left: 0; } .account__nav-title { margin: 0; } } @media (max-width: 360px) { .page-header__heading--m-search .m-search__input { /*opacity: 0;*/ } .m-search__button { border-radius: 2px; } /**/ .product-info__content.availability-branches-box { padding: 8px; } .product-info__content.availability-branches-box .text, .product-info__content.availability-branches-box .product-info__status { font-size: 12px; } .type-card__badge .badge-detail__list { background-color: rgba(64, 64, 64, 1); } .product-slider__container { z-index: 0; } .product-list, .product-list_main { margin: 0 4px; } /**/ .catalog-marketplace .type-card__badge .badge-detail__list { max-width: 140px; padding: 4px; } } /*//////////////////////////////меню каталога на главной начало//////////////////////////////////////////////*/ .dropdown__list_main { list-style: none; margin: 0; padding: 16px; } .side-catalog__list .dropdown__list_main { padding: 12px 0; } /*Стили для синих иконок меню Главная*/ .main .dropdown__list_main-item_lev1 .icon--color--blue svg path{ fill: var(--primary-base); } @media only screen and (max-width: 970px) { .mobile_main_menu .sidebar__subheader-action:not(:first-child) { border-left: none; } .page-header__m-menu { display: -ms-flexbox; display: flex; } .header--sticky .page-header__m-menu { padding-right: 8px; } .header--sticky .page-header .page-header__navbar { gap: 0; } .header--sticky .page-header .page-header__navbar-item--media--sm { margin-left: 8px; } .header .page-header .page-header__navbar-item, .header--sticky .page-header__heading--m-search .dropdown--city { display: none; } .button__counter { top: -4px; } } @media (max-width: 780px) { .header--sticky .page-header__m-menu { padding-right: 0; } } /*высота менюшек первого уровня - конец */ .dropdown__list_main-item-icon-right { display: block; opacity: 0; color: var(--primary-base); padding: 8px; margin-left: auto; } .dropdown__list_main-item-icon-bottom { transition: transform ease-in 150ms; } .dropdown__list_main-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 42px; padding: 0 16px; cursor: pointer; background-color: transparent; border: none; width: 100%; text-decoration: none; } .side-catalog__list .dropdown__list_main-link { padding-left: 12px; } /*@media (max-width: 1536px) {*/ .header--sticky .page-header { width: 100%; } /**/ .account__nav { flex: 0 0 288px; min-width: inherit; } .account__nav-title h2.title { font-size: 24px; line-height: 24px; } .account__header-title .text.text--size--xl { font-size: 24px; font-weight: 400; line-height: 24px; letter-spacing: -0.48px; } .profile-form__section { flex: 0 1 416px; } /*download*/ .account-download .profile__body { padding: 32px 46px 32px; } .account-download .profile__section { gap: 32px; } .account-download .profile__item { flex-basis: calc(50% - 32px); } .profile__download .offset--xsm--h { padding-right: 0; } /*}*/ @media (max-width: 1366px) { .side-catalog__list .dropdown__list_main { padding: 8px 0; } .dropdown__list_main-link { min-height: 32px; } } /*.dropdown__list_main-link:hover, .dropdown__list_main-link.is-active {*/ /* !*background-color: var(--primary-base);*!*/ /*}*/ .dropdown__list_main-link:hover .text{ color: var(--primary-base); } .dropdown__list_main-link.is-active .dropdown__list_main-item-icon-right { opacity: 1; } @media (max-width: 1200px) { .profile-form__section { flex: 1 1 320px; } .account__header { padding-right: 16px; column-gap: 16px; } .account__balance { flex: 0 0 auto; padding-left: 16px; } .account__logout { flex: unset; } .account__logout .button__text { display: none; } /*download*/ .account-download .profile__body { padding: 24px 16px; } } @media (max-width: 1020px) { body:not(.is--button--auth, .is--by-one-click) .account__header { min-height: inherit; } .account__header:has(+ .form-auth__btns) { min-height: 64px; } .account__heading { flex: 1 1 calc(100% - 64px); } .account__balance { flex: 1 1 auto; } .profile-form__data .profile__actions { padding-top: 0; margin-bottom: 32px; } /*download*/ .account-download .profile__section { flex-direction: column; gap: 0; } .account-download .profile__item { flex: unset; } /**/ .bills-chips .button.is-active .icon--chips { display: none; } } @media (max-width: 786px) { .page-second-header .header-catalog { /*display: none;*/ } .header .submenu .search__form { max-width: inherit; } } @media only screen and (max-width: 780px) { main .breadcrumbs { padding-left: 16px; } /*burger sidebar*/ .lock .account__nav { cursor: pointer; position: relative; z-index: 9; } .lock .account__nav-title .title { cursor: text; } .account-sidebar .account__nav-title { min-height: 48px; padding-left: 16px; margin: 0; } .account__nav-title h2.title { font-style: normal; font-weight: 400; font-size: 20px; line-height: 20px; text-transform: uppercase; padding-left: 16px; } .account-sidebar ._tab-menu__icon { background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4H0V0H4V4ZM10 0H6V4H10V0ZM16 0H12V4H16V0ZM4 6H0V10H4V6ZM10 6H6V10H10V6ZM16 6H12V10H16V6ZM4 12H0V16H4V12ZM10 12H6V16H10V12ZM16 12H12V16H16V12Z' fill='%230080E0'/%3E%3C/svg%3E") no-repeat; width: 16px; height: 16px; cursor: pointer; } .account-sidebar ._tab-menu__icon::before { content: ''; background-color: transparent; position: absolute; width: 60%; height: 64px; } .account__nav-title:has(~ .account__nav-body .account-nav:not(.is-hidden)) { pointer-events: none; } .account-nav { position: fixed; background-color: #fff; box-shadow: 2px 3px 2px rgba(0,0,0,.2); z-index: 11; width: 320px; height: calc(100dvh - 135px); top: 135px; border-right: 0; left: 0; opacity: 1; transition: opacity ease-in 150ms; } .is-default-auth .account-nav { top: 130px; } .account-nav.is-hidden { left: -350px; z-index: -9999; opacity: 0; width: 0; } body.lock .account__body:before { content: ''; background-color: rgba(0,0,0,.15); width: 100%; height: 100%; position: absolute; z-index: 1; } .account__nav-body { box-shadow: none; height: auto; } /**/ .account { flex-direction: column; border: none; } .account__main, .form-auth__btns, .account__body #basket_form { border: none; } .account__body { padding: 0; z-index: 1; } .profile__body { padding: 16px; } .account__nav { min-width: auto; padding: 0; overflow: unset; } .account__nav { padding-right: 0; flex: unset; border: 1px solid var(--grayscale-faint); border-left: none; border-right: none; } .header--sticky ~ .main .account-sidebar--move { position: relative; /*top: 130px;*/ background-color: #fff; } .account-nav__list { padding: 16px 16px 0; overflow: auto; height: calc(100vh - 208px); } .account-nav__item { border-left: none; border-bottom: 1px solid var(--grayscale-faint); padding-left: 6px; } .account-nav__item.is-active { border-color: var(--grayscale-faint); } .account-nav__item_orders { margin: 0 8px 0 0; } .account__header--reverse { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .account__header-title#account__header-title { min-height: 48px; } .account__header-logout { padding: 8px; } .account__header-logout .button__body { min-height: 36px; } .account__header-logout .button__text { display: none; } /**/ .account__header { padding-right: 0; min-height: inherit; column-gap: 8px; } .account__heading { flex: 1 1 auto; order: 1; } .account__header-title .text.text--size--xl { font-size: 20px; font-weight: 900; line-height: 24px; } .profile__title { font-size: 20px; padding-top: 0; } .account .account__balance { flex: 1 1 100%; order: 3; padding-left: 32px; } .account__header .account__logout { order: 2; padding-right: 8px; } .account__header-title .text { padding-left: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100vw - 60px); } .form-auth__btns { padding-top: 8px; } /**/ .dropdown__list_main-link.is-active .dropdown__list_main-item-icon-right { display: none; } } @media (max-width: 470px) { .account-download .profile__body { padding: 16px 0; } .account-download .profile__title { margin-bottom: 0; padding-left: 16px; } .profile__download { padding: 0 8px 0 16px; } .profile__download .offset--xsm--h { padding: 0; } /**/ .lock .helpcrunch-iframe-wrapper { display: none; } .account-nav { box-shadow: unset; left: 0; width: 100%; } } .dropdown__list_main-link:focus { outline: none; } /*высота меню второго уровня - начало */ .dropdown__list_main--link--md .dropdown__list_main-link { /*height: calc(2.5vw - 0.6em); width: 300px;*/ } .dropdown__list_main--link--md { box-shadow: 2px 0 1px rgba(0, 0, 0, 0.18); } /*высота меню второго уровня - конец */ .dropdown--catalog > .dropdown__list_main { max-width: 352px; width: 100%; } .dropdown--catalog .dropdown__list_main { position: relative; background-color: #fff; } .dropdown--catalog .dropdown__list_main_main { position: relative; } .dropdown--catalog .dropdown__list_main.is-hidden { display: none; } .dropdown--catalog .dropdown__list_main .dropdown__list_main { position: absolute; left: 100%; top: 0; min-width: 336px; } .ul_lev3 { position: absolute; } .li_lev2 { /*position: relative;*/ } @media (min-width: 780px) { .dropdown--hovered_main:hover, .dropdown--hovered_main:focus-within { z-index: 11; } } /*//////////////////////////////меню каталога на главной конец//////////////////////////////////////////////*/ .div_mobile_a{ display: Inline-block; /*width: 83%;*/ } .div_mobile_svg_l1{ color: white; position: absolute; top: 8px; right: 8px; } .div_mobile_svg_l2{ color: white; position: absolute; top: -4px; right: 8px; } .icon_mobile_svg { position: relative; top: 13px; } .sidebar-nav__list_mobile { padding-left: 0; } .sidebar-nav__list_mobile a { text-decoration: none; } .icon--size--32:not(.icon--btn).is-active { transform: rotate(-180deg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s; transition: all 0.3s; } .icon_mobile_svg.is-active { transform: rotate(-180deg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s; transition: all 0.3s; } .icon--size--32 { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s; transition: all 0.3s; } .sidebar-nav__list-item_mobile { position: relative; } .unitNameValue { margin-right: 5px; } /*модалка добавить в корзину на главной - начало*/ .modal-toCart.container { width: 750px; margin: auto; background: white; padding: 20px; border-radius: 4px; } .modal-toCart .container, .modal-toCart .container-fluid { max-width: 1350px; min-width: 320px; padding-left: 1px; padding-right: 1px; } .modal-toCart .head { margin: 20px 0; font-style: normal; font-weight: 500; font-size: 18px; line-height: 0; display: flex; justify-content: center; align-items: center; color: #1E88E5; } .modal-toCart .card { border-top: 1px solid var(--grayscale-barely); border-bottom: 1px solid var(--grayscale-barely); height: auto; position: relative; padding: 40px 0; } .modal-toCart .col { width: 120px; float: left; position: absolute; top: 50%; right: 28%; margin-right: 20px; transform: translateY(-50%); } .modal-toCart .number { display: flex; align-items: center; justify-content: space-around; width: 120px; border-radius: 4px; border: 1px solid #E4E4E4; } .minus, .plus { display: flex; cursor: pointer; justify-content: center; align-items: center; width: 40px; height: 40px; } .profile__body--basket .minus, .profile__body--basket .plus { height: 48px; } .modal-toCart .modalfoto { width: 120px; float: left; height: 120px; } .modal-toCart .head img { margin-right: 30px; max-width: 100%; vertical-align: middle; border: 0; } .modal-toCart .modalfoto img { width: 100%; height: 100%; margin: auto; border-radius: 4px; } .modal-toCart .text { width: 28%; float: left; position: absolute; top: 50%; left: 19.5%; transform: translateY(-50%); font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; word-wrap: break-word; color: #282828; } .modal-toCart .incol { width: 40px; height: 40px; border: none; border-left: 1px solid #E4E4E4; border-right: 1px solid #E4E4E4; text-align: center; font-style: normal; font-weight: 500; font-size: 20px; line-height: 0; display: flex; align-items: center; color: #282828; } .modal-toCart input[type="number"]::-webkit-outer-spin-button, .modal-toCart input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .modal-toCart input[type="number"] { -moz-appearance: textfield; } .modal-toCart input[type="number"]:hover, .modal-toCart input[type="number"]:focus { -moz-appearance: initial; } .modal-toCart input[type=number]::-webkit-inner-spin-button, .modal-toCart input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .modal-toCart .sum > div { font-family: Arial,sans-serif; font-size: 20px; color: #666666; float: left; } .modal-toCart .measure_name { margin: 0 20px 0 20px; font-style: normal; font-weight: normal; font-size: 16px !important; line-height: 0; display: flex; align-items: center; text-align: center; color: #666666; } .modal-toCart .sum { width: 25%; float: left; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); font-style: normal; font-weight: bold; font-size: 18px; line-height: 0; display: flex; align-items: center; color: #000000; } .modal-toCart .wrapper_buttons { display: flex; justify-content: space-between; position: relative; margin: 30px 60px 20px; } .modal-toCart .continue { width: 260px; height: 50px; } .modal-toCart .wrapper_buttons .continue span { text-decoration: none; white-space: nowrap; text-indent: 25px; background: none !important; cursor: pointer; position: absolute; left: 0; font-style: normal; font-weight: 500; font-size: 16px; line-height: 0; display: flex; justify-content: flex-start; align-items: center; text-align: center; color: #1E88E5; } .modal-toCart .btn_buy a { width: 260px; height: 50px; background: #1E88E5; border-radius: 4px; color: white; border: none; line-height: 1cm; font-size: 18px; display: flex; justify-content: center; align-items: center; text-align: center; float: right; } .modalAddCart .md-close { position: absolute; text-align: center; border-radius: 100px; cursor: pointer; right: -222px !important; top: 10px !important; bottom: auto; width: 24px!important; margin: 0!important; display: block; background: url(/img/icons/clear-new_2.png) no-repeat #fff center center!important; transition: none !important; } .modalAddCart { max-width: unset; min-width: unset; } /*модалка добавить в корзину на главной - конец*/ /*Відповідає за відображення Телефонів в Хедері*/ .dropdown__phone--list { position: absolute; background-color: var(--grayscale-dark); min-width: 485px; z-index: 1; top: 100%; display: none; } .submenu__telephone._show .dropdown__phone--list { display: block; border-radius: 0 0 8px 8px; } /*Відповідає за відображення Телефонів в Хедері*/ #okno, .mobile-lang { width: 160px; min-height: 120px; height: min-content; text-align: center; padding: 16px; color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: none; background-color: #fff; border-radius: 8px; box-shadow: 0 8px 48px 0 rgba(32, 32, 32, 0.25); z-index: 23; } #sity_okno { z-index: 99; width: 192px; height: 375px; text-align: center; padding: 15px; border: 3px solid #fff; color: var(--grayscale-black); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: var(--grayscale-barely); display: none; } .site_filial { background: var(--primary-base); color: #fff; } li { list-style-type: none; } #form_comment .mesh-row--v-center { justify-content: center; } #form_comment .text { text-align: center; } /* Smale basket Start */ .blok-basket{ position: relative; } .triangle-basket{ width: 0; height: 0; border-bottom: 16px solid #fff; border-left: 16px solid transparent; position: absolute; top: -16px; right: 0; } .small-basket-desc { box-shadow: 0 6px 10px rgba(32, 32, 32, .25); display: none; margin-top: 14px; padding: 0; position: absolute; background-color: #fff; width: 360px; min-height: 378px; max-height: 592px; z-index: 13; right: 0; border-radius: 0 0 8px 8px; } .small-basket-desc .small-basket-content { padding-right: 4px; } .small-basket-desc .small-basket-content .s-basket-items { max-height: 368px; } .small-basket-desc .small-basket-content { padding-right: 4px; } @-moz-document url-prefix() { .small-basket-desc .small-basket-content .s-basket-items { scrollbar-color: var(--grayscale-faint) #fff; scrollbar-width: thin; } } .small-basket-desc .small-basket-content .s-basket-items::-webkit-scrollbar { width: 4px; } .small-basket-desc .small-basket-content .s-basket-items::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; } .small-basket-desc .small-basket-content .s-basket-items::-webkit-scrollbar-track { background: transparent; } .s-b-preloader{ display: block; } .s-b-preloader img{ display: block; position: absolute; transform: translate(-50%, -50%); width: 50px; height: 50px; top: 50%; left: 50%; } .s-b-empty-icon-v{ display: block; position: absolute; width: 72px; height: 72px; right: 17px; bottom: 24px; } .s-basket-title{ padding-left: 16px; min-height: 64px; font-style: normal; font-weight: 900; font-size: 24px; line-height: 24px; display: flex; align-items: center; } .s-basket-title .s-b-title__text{ position: relative; } .s-basket-title .button__counter{ display: none; } .s-b-title__text .button__counter{ top: -5px; right: -20px; background-color: var(--primary-soft); } .empty-basket{ display: none; position: absolute; right: 48px; top: 16px; } .small-basket-content, .small-basket-empty{ display: none; } .s-basket-items{ padding-left: 16px; padding-right: 16px; max-height: 450px; overflow-y: auto; } @media (max-height: 683px) { .s-basket-items { height: 53vh; } } @media (max-height: 480px) { .s-basket-items { height: 46vh; } } .small-basket-desc .s-b-item { position: relative; display: flex; flex-direction: column; } .small-basket-desc .s-b-item__btn { background: transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2C14.4 2 18 5.6 18 10C18 14.4 14.4 18 10 18C5.6 18 2 14.4 2 10C2 5.6 5.6 2 10 2ZM10 0C4.5 0 0 4.5 0 10C0 15.5 4.5 20 10 20C15.5 20 20 15.5 20 10C20 4.5 15.5 0 10 0ZM15 7L13 5L10 8L7 5L5 7L8 10L5 13L7 15L10 12L13 15L15 13L12 10L15 7Z' fill='%230080E0'/%3E%3C/svg%3E%0A") no-repeat; width: 20px; height: 20px; border: none; cursor: pointer; position: absolute; right: -6px; top: 0; } .s-b-item-bottom > * { flex: 0 1 calc(50% - 8px); } .small-basket-desc .s-b-product__count { min-width: 128px; padding-top: 8px; } .s-b-product__count span.units { color: var(--grayscale-soft); font-size: 12px; padding-left: 4px; } .s-b-item-bottom .s-b-product--price { flex-grow: 1; } .s-b-product__count .amount-cell * { outline: none; } .s-b-product__count .amount-cell .amount__action { min-width: 32px; } .s-b-product__count .amount-cell .amount__counter { min-width: 32px; max-width: 36px; min-height: 32px; } .s-b-product__count { display: flex; align-items: center; gap: 4px; } .s-b-item{ margin-bottom: 15px; } .s-b-item > .s-b-item-top, .s-b-item > .s-b-item-bottom{ display: flex; } .s-b-item-bottom{ min-height: 36px; align-items: center; gap: 8px; } .s-b-item-top > * { width: 100%; } .s-b-item-bottom > *{ text-align: right; } .s-b-product__img{ display: flex; align-items: center; width: 128px; height: 128px; flex: 0 0 auto } .s-b-product__img > img{ width: 100%; height: 100%; object-fit: cover; flex-shrink: 0; } .s-b-item-top .order-product__code { padding: 4px 8px 4px 16px; } .s-b-item-top .order-product__name { padding: 0 0 0 12px; align-items: stretch; } .s-b-item-bottom .amount, .s-b-item-bottom .amount__counter { font-weight: 700; font-size: 14px; } .s-b-product__old_price{ font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: var(--grayscale-soft); } .s-b-product__price{ font-style: normal; font-weight: 700; font-size: 16px; line-height: 20px; color: var(--grayscale-dark); margin-top: 6px; } .s-b-line{ height: 1px; margin-bottom: 8px; background: var(--grayscale-faint); } .s-basket-footer{ height: 32px; margin-bottom: 8px; width: 100%; display: flex; align-items: center; } .s-basket-footer > *{ text-align: center; } .s-b-text__sum{ font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: var(--grayscale-dark); } .s-b-sum{ font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 20px; color: var(--grayscale-dark); } .s-b-buttons{ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; align-items: center; } .s-b-buttons > div{ padding-bottom: 10px; } .s-b-go-cart{ text-align: center; display: flex; align-items: center; margin-bottom: 8px; } .s-b-go-cart .button { min-height: 48px; display: flex; align-items: center } .s-b-go-cart .button__body{ height: 100%; } .s-b-go-cart .button__text{ font-size: 14px; font-weight: 700; } .s-b-empty_title{ width: 256px; height: 48px; font-weight: 700; font-size: 16px; line-height: 20px; display: flex; align-items: center; } .s-b-empty_content{ width: 192px; padding-bottom: 15px; font-weight: 400; font-size: 14px; line-height: 18px; } .s-b-empty_linc{ padding: 30px 0 30px 10px; } .s-b-empty_linc .s-b-item{ height: 32px; display: flex; align-items: center; } .s-b-empty_linc .empty_linc_icon{ width: 32px; margin-top: 5px; text-align: center; } .s-b-empty_linc .empty_linc_text{ width: 85px; /*text-align: center;*/ font-weight: 700; font-size: 14px; line-height: 14px; color: var(--primary-base); text-decoration: none; padding-left: 12px; } .small-basket-empty .s-b-empty_linc { display: flex; flex-direction: column; align-items: flex-start; } .small-basket-empty .s-b-empty_linc .s-b-item { flex-direction: unset; } .small-basket-empty .s-b-empty_linc { display: flex; flex-direction: column; align-items: flex-start; } .small-basket-empty .s-b-empty_linc .s-b-item { flex-direction: unset; } .s-b-empty_footer{ height: 50px; font-weight: 700; font-size: 20px; line-height: 20px; color: var(--primary-base); margin-bottom: 30px; display: flex; align-items: flex-end; } /* Smale basket End */ /*Живо чат начало*/ .b24-widget-button-position-bottom-right { right: 30px; bottom: 18px; } /*Живо чат конец */ @media (max-width: 333px) { .main__section > .product { max-width: 320px; } } /*only touch*/ @media (hover: none) { @media (max-width: 780px) { .mobile_main_menu #okno.mobile-lang { position: fixed; z-index: 23; } } } .jconfirm[class*="specification-popup"] .specification { overflow-x: auto; max-width: 900px; display: inline-flex; justify-content: space-between; font-size: 14px; padding: 0 15px; margin: 0 auto; } .specification-table { display: block; width: 100%; white-space: nowrap; border-collapse: collapse; } .specification-header { color: var(--grayscale-dark); } .spec-th, .spec-td { text-align: center; padding: 3px; box-sizing: border-box; overflow: visible; width: 73px; text-overflow: ellipsis; -o-text-overflow: ellipsis; height: 25px; } .spec-td-tooltip { cursor: pointer; } .specification-table th { background-color: var(--primary-barely); color: var(--grayscale-black); width: 120px; font-weight: 400; } .specification-table .spec-th { border-bottom: 0.5px solid white; } .specification-table td { border-collapse: collapse; } .specification-table td:first-child { font-weight: 700; color: var(--grayscale-black); } .specification-table td:nth-child(odd) { background-color: var(--grayscale-barely); } .specification-table thead, .specification-table tbody, .specification-table thead th { display: block; } .specification-table thead { float: left; } .specification-table tbody { overflow-x: auto; } .specification-table tbody tr { display: table-cell; border-right: 1px solid var(--grayscale-faint); } .specification-table tbody tr:last-child { border-right: none; } .specification-table td { display: block; } @media (max-width: 500px) { .specification-table th { width: 95px; } } .specification-table .top_table { background: url(/img/top.svg) no-repeat center #D0EEFF !important; min-width: 30px; } .specification-table .bottom_table { background: url(/img/bottom.svg) no-repeat center #D0EEFF !important; min-width: 30px; } .specification-table .left_table { background: url(/img/left.svg) no-repeat center #D0EEFF !important; min-width: 30px; } .specification-table .right_table { background: url(/img/right.svg) no-repeat center #D0EEFF !important; min-width: 30px; } .specification-table .center_td { text-align: center; } .jconfirm[class*="specification-popup"] .jconfirm-holder { max-width: 920px; } .jconfirm[class*="specification-popup"] .specification-header { padding-bottom: 12px; } .jconfirm[class*="specification-popup"] .jconfirm-content { overflow-x: hidden !important; } .specification-table tbody::-webkit-scrollbar { height: 18px; } .specification-table tbody::-webkit-scrollbar-track { background: transparent; } .specification-table tbody::-webkit-scrollbar-thumb { background-color: var(--grayscale-pale); border-radius: 10px; border: 6px solid white; } .specification-table tbody::-webkit-scrollbar-thumb:hover { background-color: #c8c6c6; } @media (max-width: 946px) { .jconfirm[class*="specification-popup"] .jconfirm-holder { max-width: 844px; } } @media (max-width: 862px) { .jconfirm[class*="specification-popup"] .specification { max-width: 675px; } .jconfirm[class*="specification-popup"] .specification-header { max-width: 650px; } } @media (max-width: 660px) { .jconfirm[class*="specification-popup"] .specification { max-width: 527px; } .jconfirm[class*="specification-popup"] .jconfirm-holder { max-width: 630px; } } @media (max-width: 560px) { .jconfirm[class*="specification-popup"] .specification { max-width: 465px; } } @media (max-width: 480px) { .jconfirm[class*="specification-popup"] .specification { max-width: 430px; } } @media (max-width: 420px) { .jconfirm[class*="specification-popup"] .specification { max-width: 364px; } .jconfirm[class*="specification-popup"] .jconfirm-holder { max-width: 403px; } .jconfirm[class*="jconfirm"] .jconfirm-box { padding: 8px 16px 16px; } .jconfirm[class*="specification-popup"] .specification-header { font-size: 18px; } .jconfirm[class*="specification-popup"] .jconfirm-content-pane { max-height: 382px; } } @media (max-width: 360px) { .jconfirm[class*="specification-popup"] .specification { max-width: 308px; } .jconfirm[class*="specification-popup"] .jconfirm-holder { max-width: 340px; } } @media (max-width: 320px) { .jconfirm[class*="specification-popup"] .specification { max-width: 285px; } } .spec-td-tooltip { position: relative; } .spec-td-tooltip::before { content: attr(data-text); position: absolute; background: white; border: 1px solid; padding: 5px; white-space: nowrap; opacity: 0; visibility: hidden; margin-top: -30px; margin-left: 30px; font-size: 12px; z-index: 1; } .specification-table tr:last-child .spec-td-tooltip::before{ bottom: 25px; right: 0; } .specification-table .spec-td-tooltip > div { overflow: hidden; text-overflow: ellipsis; } .spec-td-tooltip:hover::before { opacity: 1; visibility: visible; } @media (hover: none) and (pointer: coarse) { body.dropdown__list_touch .dropdown__caret-touch { transform: rotate(0deg) !important; } body.dropdown__list_touch .dropdown__caret-touch.dropdown__caret_open { transform: rotate(-180deg) !important; } body.dropdown__list_touch .dropdown__list--link--md.dropdown__caret_active { display: block; } body.dropdown__list_touch .dropdown__list--link--md { display: none; } body.dropdown__list_touch .dropdown__list-link.logo-active > .icon svg path { fill: #909090 !important; } body.dropdown__list_touch .dropdown--help--sticky .dropdown--hovered:hover .dropdown__list--link--md { display: block; } } body.dropdown__list_touch .submenu .dropdown-box .dropdown__list { padding: 16px 0 0; } @media (min-width: 781px) { .filters + .product-list .product-card_fix { flex: 0 0 245px; } } .subheader-filters__btns { max-width: 361px; padding-left: 0; /*margin: -16px 0 8px;*/ } @media (max-width: 780px) { .product-card-media_fix { flex: 0 1 80px !important; width: 100%; min-height: 125px; } .popup-selected-city__content { padding: 0 32px 16px 32px; } .popup-selected-city__title { padding: 32px 0 16px; } .popup-selected-city__subtitle { padding: 4px 6px 0 0; font-size: 12px; line-height: 16px; color: var(--grayscale-base); } .popup-selected-city__btns-cities { padding: 0; margin: 16px 0; } .popup-selected-city .button__order { padding: 0 12px; } .select-city .text { font-size: 14px; line-height: 18px; padding: 7px 8px; } .popup-selected-city__list-cities { padding-top: 8px; } .selected-city-list { padding: 0; } .header.header--sticky .dropdown__list { list-style: none; margin: 0; padding: 6px 0; } .header:not(.header--sticky) .dropdown__list.menuHidden { list-style: none; margin: 0; padding: 45px 0; } body.dropdown__list_touch .submenu .dropdown-box .dropdown__list { padding-top: 0; } } @media (max-width: 780px) { .select-city .text { padding: 11px 8px; } .select__button { gap: 2px; } } @media (max-width: 470px) { .popup-selected-city__content { height: 100%; } } @media (max-width: 414px) { .popup-selected-city__content { max-height: inherit; height: 100vh; } #panel ~ .grid .popup-selected-city__content { height: calc(100vh - 16px); } .header--sticky .page-header__s-promo { display: none; } } @media (max-width: 359px) { .popup-selected-city__content { padding: 0 16px 16px 16px; } } @media (max-height: 600px) { .popup-selected-city__title { padding: 5px 0 15px; } .popup-selected-city__btns-cities { padding: 20px 0; } } .btn-filters-reset, .btn-filters-apply { display: none; border-radius: 16px; } .product-select .mesh-row--center { text-align: center; } .product-content__select { flex-wrap: wrap; justify-content: space-between; } .product-select__skin { width: 100%; flex-basis: 100%; } .product-select__break { flex-basis: 100%; height: 0; } .product-content .offset--xxs--bottom { padding-bottom: 15px; } @media (min-width: 1121px) { .product-select__type { flex: 0 1 256px; } .product-select__size { flex: 0 1 160px; } .product-content .offset--xxs--bottom { padding-bottom: 4px; } } .product-content .offset--xcm--top { padding-top: 0; } .wrapper_block_vacancy li { list-style-type: disc; margin-left: 20px; } .wrapper_block_vacancy .vacancy_ul_bold li { margin-left: 0; } .product .etalage { position: relative; } .icon--size--32 .icon__video-play { width: 44px; height: 44px; } .icon--show--pass { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); } .input-subtitle ~ .icon--show--pass { top: calc(50% + 10px); } .icon__texture { margin-top: -10px; } .button__text_texture { font-size: 10px; padding: 0; } .button.button--square.button--md.btns-vantage .button-video { height: 63px !important; } @media (max-width: 1280px) { .button-texture { display: none; } .btns-vantage { border: 1px solid #ffffff !important; } } @media (max-width: 1069px) { .product .button-video { top: 230px !important; left: 0; } .product-demo .etalage_small_thumbs { width: 100% !important; } } .catalog-marketplace .select__text { font-weight: 700; } .catalog-marketplace .filters__subheader { padding-bottom: 0; } .catalog-marketplace .filters__subheader-actions { padding-left: 0; margin-top: 0; } body.lock { overflow: hidden; } .popup-link:hover { background-color: #e0f1fd; color: var(--primary-soft); transition: all ease-in 150ms; } .account__order-viyarPro .table__header .table__tr-list > .table__td.table__td--count { flex: 0 0 80px; } .account__order-viyarPro .table__header .table__tr-list > .table__td.table__td--count.active { flex: 0 0 38px; } .account__order-viyarPro .table__header > .table__tr > .table__tr-list > .table__td.table__td--status.table__td--text { align-items: center; } .account__order-viyarPro .table__body .table__tr-invoice > .table__tr-list > .table__td.table__td--dw.table__td--count { flex: 0 0 30px; } .account__order-viyarPro .table__header > .table__tr > .table__tr-list > .table__td.table__td--desc { flex: 1 0 140px; } .account__order-viyarPro .table__header > .table__tr > .table__tr-list > .table__td.table__td--dw.table__td--btn-icon { flex: 0 0 55px; } .account__order-viyarPro .table__header > .table__tr > .table__tr-list > .table__td.table__td--filial.table__td--text--cm { padding-left: 10px; } .helpcrunch-iframe-wrapper.mobile-visible, .tgBot.mobile-visible, #scrollup.mobile-visible { opacity: 0; transition: all ease-in 150ms; } .helpcrunch-iframe-wrapper #helpcrunch-container .hcw-widget-toggle__unreads { top: 18px!important; right: 20px!important; font-size: 10px!important; } .chat-helpcrunch-close::before { content: '\2716'; font-size: 13px; font-weight: 900; box-shadow: 2px 1px 16px rgba(32,32,32,.1); position: fixed; bottom: 22px; right: 45px; width: 24px; height: 24px; color: var(--primary-base); z-index: 99999990; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; animation: load 3s ease-in-out; } @media (max-width: 700px) { .chat-helpcrunch-close::before { right: 16px; } } .page-header--bordered.mobile-visible { display: none; } .container_tab .tabs__icon_blue { color: var(--primary-base); margin: 0 7px 0 0; } .container_tab .tabs > .active .inside_li { color: var(--primary-base); } .description__content a.help-post__link { font-size: 14px; line-height: 18px; font-weight: 700; color: var(--primary-base); position: relative; text-decoration: none; } .description__content a.help-post__link::before { content: ''; position: absolute; left: 0; top: 16px; height: 2px; width: 0; background-color: var(--primary-base); transition: .15s all cubic-bezier(.4, 0, .2, 1); } .description__content a.help-post__link:hover::before { width: 100%; } div.tgBot__link:hover { cursor: pointer; } /* favorites modals */ .modal--cmx .modal__body { min-height: 320px; transition: all .25s ease-in-out; } .modal-add-list-favorite .modal-form__title .text { font-size: 24px; line-height: 24px; color: var(--grayscale-dark); } .modal-add-list-favorite .modal-form__subtitle { margin: 16px 0; } .modal-add-list-favorite .modal-form__subtitle .text { font-size: 16px; line-height: 20px; color: var(--grayscale-dark); } .modal-form__field { display: flex; flex-direction: column; } .modal-add-list-favorite .label--text { font-size: 12px; line-height: 16px; color: var(--grayscale-base); padding-bottom: 4px; } .modal-add-list-favorite .modal-form__field .input { background: var(--grayscale-barely); border-radius: 2px; height: 40px; font-weight: 700; } .modal-add-list-favorite .text--small { font-size: 10px; line-height: 12px; color: var(--grayscale-soft); padding-top: 4px; } .modal-add-list-favorite .select__box { position: unset; transition: all .25s ease-in-out; } @media (max-width: 500px) { .modal-add-list-favorite .select__box { position: fixed; z-index: 7; } } .modal-add-list-favorite .select__list { max-height: 208px; overflow: auto; overflow-x: hidden; } @media (any-hover: hover) { .modal-add-list-favorite .select__list::-webkit-scrollbar { width: 8px; height: 2px; } .modal-add-list-favorite .select__list::-webkit-scrollbar-thumb { border-left: 4px solid var(--grayscale-barely); } } .modal-add-list-favorite .modal-form__action { padding-top: 32px; justify-content: flex-end; gap: 16px; } /**/ .modal-remove-list-favorite .modal__body { max-width: 384px; } .modal-remove-list-favorite .modal-form__action { padding: 32px 0 0 0; justify-content: flex-end; gap: 0 16px; } .modal-main__desc { gap: 0 32px; } .modal-main__icon { flex: 0 0 auto; } .modal-main__text { padding: 22px 0 22px 0; font-size: 16px; line-height: 20px; color: var(--grayscale-dark); max-width: 224px; } .modal-remove-list-favorite .modal-main__text { padding: 0; word-break: break-word; } .modal-add-list-favorite .select--area .select__button { border: none; background-color: var(--grayscale-barely); } @media (max-width: 500px) { .modal-add-list-favorite .select__list { max-height: 320px; width: 224px; } } @media (max-width: 470px) { .header--sticky ~ .main .modal.is-active:not(.vr-modal) { /*padding-top: 48px;*/ } .modal.modal--cmx .modal__body { max-width: inherit; } .modal-add-list-favorite .modal__body { padding: 48px 32px 32px; } .modal-add-list-favorite .modal-form__subtitle { margin-bottom: 32px; } /**/ .modal-remove-list-favorite .modal__body { max-width: 320px; min-height: 336px; height: auto; } .modal-remove-list-favorite .modal-main__desc { flex-direction: column; align-items: flex-start; } .modal-remove-list-favorite .modal-main__desc .modal-main__text { padding-left: 16px; } .modal-remove-list-favorite .modal-form__action { padding: 0 8px 32px 0; justify-content: center; } .modal-form__action .button--width--max { min-width: 128px; } /**/ #scrollup, #scrollup img { width: 32px; height: 32px; bottom: 24px; left: 50%; transform: translateX(-50%); } } /*multi-search --START*/ /*section.main__section {*/ /* position: relative;*/ /*}*/ .multi-results.is-hidden { display: none; } .multi-results { position: fixed; background-color: #fff; width: 100%; z-index: 12; max-width: 1536px; padding: 8px 8px 8px 24px; box-shadow: 0 28px 60px rgba(0,0,0,.15); top: 116px; } .multi-results.fix-to-admin-panel { /*top: 152px;*/ } /*live search*/ .header .search__form { position: relative; max-width: 592px; margin-left: auto; } @media (max-width: 1024px) { .header .search__form { max-width: 100%; } } .multi-no-results.is-hidden { display: none; } .multi-no-results { position: absolute; background-color: #fff; top: 100%; left: 0; width: 100%; padding: 16px 24px; /* box-shadow: 0 6px 16px rgba(0,0,0,.15); */ box-shadow: 0 0 0 4px var(--grayscale-faint); border-radius: 0 0 2px 2px; z-index: 12; } .multi-no-results .text { font-weight: 500; font-size: 12px; } /* search start click list */ .multi-choose-results.is-hidden { display: none; } .multi-choose-results { position: absolute; background-color: #fff; top: 100%; left: 0; width: 100%; padding: 16px 8px; box-shadow: 0 0 0 4px var(--grayscale-faint); border-radius: 0 0 2px 2px; z-index: 12; } .header--sticky .multi-choose-results { width: calc(100% - 4px); left: 2px; box-shadow: 0 1px 0 2px var(--grayscale-faint); } .multi-choose-results__list { display: flex; flex-direction: column; gap: 4px 0; } .multi-choose-results__item { cursor: pointer; display: flex; gap: 0 14px; padding: 8px 16px; transition: all .15s ease-in-out; } .multi-choose-results__item:hover { background-color: var(--grayscale-faint); } .multi-choose-results__item .icon { flex: 0 0 auto; } .multi-choose-results__item .icon__pic { width: 8px; height: 8px; } .multi-choose-results__item .text { color: var(--grayscale-dark); font-size: 16px; line-height: 20px; text-align: left; } /**/ .multi-grid { height: calc(100vh - 132px); overflow: auto; overflow-x: hidden; } .header--sticky .multi-results { box-shadow: 0 0 60px rgba(0,0,0,.15); top: 64px; z-index: 12; } .header--sticky .multi-results .multi-grid { height: calc(100vh - 80px); } @media (any-hover: hover) { .multi-grid::-webkit-scrollbar { width: 4px; height: 4px; } } .page-2.is-hidden, .page-prev-all.is-hidden { display: none; } .multi-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; } .multi-lists { flex: 1 1 auto; } .multi-filters { display: flex; flex-direction: column; } .multi-taxons { padding: 16px 24px 16px 8px; } .multi-results .multi-taxon { border-bottom: 1px solid var(--grayscale-faint); padding: 16px 4px 16px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 8px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 22px; cursor: pointer; transition: all .15s ease-in-out; } .multi-results .multi-taxon .text { font-size: 16px; line-height: 20px; flex: 1 1 auto; max-width: 230px; } .multi-results .multi-active .text { color: var(--primary-base); } .multi-badge { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0 4px; text-align: center; border-radius: 8px; font-size: 12px; line-height: 16px; border: 1px solid var(--grayscale-faint); } .multi-taxon.multi-active .multi-badge { background-color: var(--primary-base); color: #fff; } .multi-taxon:not(.multi-active):hover .multi-badge { color: #fff; border: 1px solid transparent; background-color: var(--color--blue--light); } /*--multi blocks*/ .multi-lists__container { padding: 18px 0 18px 32px; } .multi-block__box { display: flex; flex-wrap: wrap; gap: 24px 48px; } .multi-block__row { flex: 1 1 33.33%; min-width: 320px; } .multi-block__title { padding-bottom: 20px; } .multi-block__title .multi-title { padding: 16px 0 8px 0; display: flex; align-items: center; color: var(--grayscale-black); font-size: 22px; gap: 0 8px; border-bottom: 1px solid var(--grayscale-faint); } .multi-block__title .multi-titleIcon { color: var(--grayscale-light); transition: all .45s ease-in-out; } .multi-block__title .multi-title:hover .multi-titleIcon { padding-left: 6px; } .multi-block__title .multi-title .text { font-size: 22px; line-height: 100%; } .multi-block__tile { display: flex; flex-direction: column; gap: 16px; } .multi-tile__link { align-items: center; gap: 16px; } .multi-tile__thumbnail { border-radius: 2px; border: 1px solid var(--grayscale-faint); width: 80px; height: 80px; flex: 0 0 auto; } .multi-tile__image { width: 100%; height: 100%; object-fit: contain; } .multi-tile__desc { flex: 1 1 auto; } .multi-tile__desc .text { flex: 1 1 auto; font-size: 15px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .multi-tile__desc .multi-price { color: var(--grayscale-base); padding-top: 8px; display: block; } .multi-block__action .multi-more { cursor: pointer; padding: 12px 0; font-size: 16px; color: var(--grayscale-base); } /*--category page*/ .multi--page--category .multi-block__title { flex: 1 1 100%; } .multi--page--category .multi-title { width: fit-content; min-width: 420px; } .multi--page--category .multi-block__row { display: flex; flex: unset; flex-wrap: wrap; gap: 0 48px; } .multi--page--category .multi-block__row .multi-block__tile { flex: 0 1 420px; margin-bottom: 16px; } /*--pagination*/ .page-prev-all .multi-pagination, .multi-filterByCategory { display: none; } .multi-block__pagination { display: flex; align-items: center; justify-content: flex-end; gap: 16px 24px; padding: 0 32px; } .multi-previous .icon__pic { transform: rotate(180deg); } .multi-next .icon__pic { width: 40px; height: 40px; } .multi-pagination .icon__pic { color: var(--grayscale-base); } .multi-pagination .multi-page { border-radius: 50%; border: 1px solid var(--grayscale-light); width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .25s ease-in-out; position: relative; } .multi-pagination .multi-page:hover { background-color: rgba(0,0,0,.05); } .multi-pagination .not-more { pointer-events: none; opacity: .5; } .multi-pagination .multi-next { width: 64px; height: 64px; } .multi-pagination .button__counter { right: 8px; top: -4px; } body.o-hidden .helpcrunch-iframe-wrapper { position: relative; z-index: 0; } @media (max-width: 1536px) { .multi-results { width: 100%; left: 0; } .header--sticky .multi-results .multi-grid { height: calc(100vh - 80px); } } @media (max-width: 1120px) { .multi-results { box-shadow: inset 0 0 0 2px var(--grayscale-barely); } .multi-block__title .multi-title .text { font-size: 18px; line-height: 21px; } .multi-title .multi-titleIcon .icon__pic { width: 18px; height: 18px; } } @media (max-width: 970px) { .multi-results { top: 112px; padding: 0 24px; } .multi-results.fix-to-admin-panel { /*top: 120px;*/ } .multi-grid { height: calc(100vh - 112px); } .header--sticky .multi-results { top: 64px; } .header--sticky .multi-results .multi-grid { height: calc(100vh - 64px); } .multi-taxons { padding: 16px 8px 16px 0; } .multi-block__row, .multi--page--category .multi-block__row .multi-block__tile { flex: 1 1 100%; } .multi--page--category .multi-title { width: 100%; min-width: inherit; } } @media (max-width: 780px) { .multi-results { top: 112px; } .multi-results.fix-to-admin-panel { /*top: 150px;*/ } .multi-grid { height: calc(100vh - 112px); } .header--sticky .multi-results { box-shadow: unset; top: 112px; z-index: 20; } .header--sticky .multi-results .multi-grid { height: calc(100vh - 112px); } .multi-sidebar { flex-basis: 288px; } /**/ .m-search .multi-no-results.is-active, .multi-choose-results.is-show { position: absolute; background-color: #fff; top: 100%; left: 0; width: 100%; height: calc(100vh - 112px); padding: 16px; box-shadow: 0 6px 16px rgba(0,0,0,.1); } .multi-block__row { min-width: inherit; } } @media (max-width: 680px) { .multi-grid { flex-direction: column; } .multi-taxons { padding: 16px 0 16px 0; } .multi-lists__container { padding: 0 0 18px 0; } .multi-block__title .multi-title .text { padding-left: 8px; font-size: 20px; line-height: 100%; } .multi-taxon .multi-filter { display: none; } .multi-taxon .multi-filterByCategory { display: flex; align-items: center; } .multi-sidebar { flex: unset; } .multi-taxons__container .multi-taxon:not(.multi--all--taxon):not(._show) { display: none; } ._show .multi-arrow__dropdown .icon { transform: rotate(-180deg); } } @media (max-width: 414px) { .multi-results { padding: 0 8px; } } /*multi-search --END*/ /*@media (min-width: 1919px) {*/ .account__order-site .table__header > .table__tr > .table__tr-list > .table__td.table__td--btn-icon { flex: 0 0 2%; } /*}*/ /*@media (min-width: 1870px) {*/ .account__order-viyarPro .table__header > .table__tr > .table__tr-list > .table__td.table__td--btn-icon { flex: 0 0 8%; } /*}*/ @media (max-width: 1320px) { .account__order-viyarPro .table__header > .table__tr > .table__tr-list > .table__td.table__td--status.table__td--text { align-items: start; } } @media (max-width: 1280px) { .account__order-viyarPro .table__body > .table__tr > .table__tr-invoice > .table__tr-list > .table__td.table__td--delivery.table__td--text { display: none; } #save_submit button { transform: unset; position: relative; right: inherit; } .account__order-viyarPro .table__body > .table__tr > .table__tr-invoice > .table__tr-list > .table__td .table__td--price.table__td--text--cm { opacity: 0; } .account__order-viyarPro .table__body > .table__tr .table__td.table__td--payment > .table__item.offset--xcm--h, .account__order-viyarPro .table__body > .table__tr .table__td.table__td--status > .table__item.offset--xcm--h, .account__order-viyarPro .table__body > .table__tr .table__td.table__td--filial > .table__item.offset--xcm--h { justify-content: flex-end; } .account__order-viyarPro .table__body > .table__tr .table__td.table__td--status > .table__item.offset--xcm--h > .text { text-align: end; } .account__order-viyarPro .table__header .table__tr-list > .table__td.table__td--date { margin: 0 6px 0 -10px; } .account__order-viyarPro .table__header > .table__tr > .table__tr-list > .table__td.table__td--filial.table__td--text--cm { padding-left: 0; } } @media (max-width: 1279px) { .account__order-viyarPro .table__header .table__tr-list > .table__td.table__td--filial { grid-column-start: 8; padding-right: 10px; } .table__td.table__td--code-bar.table__td-done { grid-row: 1; grid-column: 1; } .account__order-viyarPro .table__header .table__tr-list > .table__td.table__td--number { opacity: 0; } .account__order-viyarPro .table__header .table__tr-list > .table__td.table__td--date { align-items: flex-start; } .account__order-viyarPro .table__header .table__tr-list > .table__td.table__td--date { margin: 0; } .account__order-viyarPro .table__header .table__tr-list > .table__td.table__td--status { margin: 0 -10px 0 34px; } } @media (max-width: 958px) { .account__order-viyarPro .table__body .table__tr-list .table__td.table__td--dw.table__td--count { grid-row: 1; grid-column-start: 6; margin-left: -10px; } .account__order-viyarPro .table__body .table__tr-list .table__td.table__td--dw.table__td--count.table__td-done { grid-row: 1; grid-column-start: 5; } .account__order-viyarPro .table__header .table__tr-list > .table__td.table__td--date { align-items: center; } .account__order-viyarPro .table__header .table__tr-list > .table__td.table__td--status { margin: 0; } } @media (max-width: 640px) { .header .page-header__heading--logo, .header--sticky .page-header .page-header__heading { flex: 1 1 auto; } .page-header__inner .search__form { flex: 0 0 auto; padding: 0; } .page-header__heading--m-search { margin-right: 0; } .page-header__heading--m-search, .header--sticky .page-header .page-header__heading--m-search { flex: unset; } .header--sticky .page-header .page-header__heading--m-search { margin-right: 6px; } .page-header__inner .search__form:focus-within .icon--input--search { opacity: 0; position: absolute; visibility: hidden; } /*sort*/ .page-header__inner .page-header__m-menu { order: 1; } .page-header__inner .page-header__heading--logo { order: 2; } .page-header__inner .page-header__heading--m-search { order: 4; } .page-header__inner .page-header__s-promo { order: 3; } .page-header__inner .page-header__actions { order: 5; } } @media (max-width: 520px) { .type-main-price__clean-size .badge-detail._hint, .type-main-price__installation .badge-detail._hint { left: -222px !important; } .badge-detail-list__clean-size { width: 235px !important; padding: 0 9px !important; } .product-price-prompt .badge-detail__list { padding: 5px 9px !important; max-width: 42vw; } } @media (max-width: 500px) { .account__order-viyarPro .table__body > .table__tr .table__td.table__td--payment > .table__item.offset--xcm--h, .account__order-viyarPro .table__body > .table__tr .table__td.table__td--status > .table__item.offset--xcm--h, .account__order-viyarPro .table__body > .table__tr .table__td.table__td--filial > .table__item.offset--xcm--h { justify-content: flex-start; } .account__order-viyarPro .data-split-meta + .completed-split-orders .table__td--number { grid-column-start: 1 !important; grid-column-end: 3 !important; } .account__order-viyarPro .data-split-meta + .completed-split-orders .table__td--number .table__item { flex-direction: column !important; } .table__project div[class*="after__package"] + .text--size--sm, .account__order-viyarPro .table__tr.table__tr_package.completed-split-orders .table__td--number > .table__item > .text--size--sm:last-child { padding-bottom: 0 !important; min-height: 14px !important; position: absolute; top: 17px !important; left: 62px !important; width: 100px !important; } .account__order-viyarPro .table__tr.table__tr_package.completed-split-orders .table__td--count:first-child { flex-wrap: wrap; align-content: start; padding: 0 0 6px; } .table__project div[class*="package__uuid"] .table__tr-list .table__td--number .table__item[data-label] .text--size--sm:first-child { position: absolute; top: 14px !important; right: 12%; } .account__order-viyarPro .table__tr.table__tr_package.completed-split-orders .table__td--number > .table__item > .text--size--sm:first-child { position: absolute; top: 14px !important; right: 31%; } .table__project .table__tr-list .table__td--date { padding: 16px 0 11px 16px !important; } .table__project .table__tr-list .table__td--status { margin: -8px 0 -16px 0; } .table__project .table__tr-list .table__td--price { margin-bottom: 15px !important; } .account__order-viyarPro .data-split-meta__date-order { padding: 0; } .account__order-viyarPro .completed-split-orders .table__td.table__td--dw.table__td--count.active button { position: relative; top: -230px; right: 40px !important; } .account__order-viyarPro .data-split-meta__form { margin: 24px 0 0; padding-left: 16px; } .account__order-viyarPro .data-split-meta__sum--action .data-split-meta__sum { padding-left: 16px; } } @media (max-width: 470px) { .sidebar__subheader-action .button--transparent:hover { background-color: transparent; } .mobile_main_menu #cityChoose.button--width-auto { max-width: 111px; width: 100%; } } @media (max-width: 360px) { .type-main-price__credit .type-card__badge .badge-detail__desc .text { font-size: 12px; line-height: 16px; padding-left: 0; } } @media (max-width: 359px) { .sidebar__subheader-action--lang .button__icon { display: none; } .sidebar__subheader-action--lang .button__text { padding-left: 0; } /**/ .account__nav-title, .account__header-title .text, .account .account__balance { padding-left: 24px; } /**/ .type-card__badge .badge__icon { width: 36px; height: 36px; } } .multi-results .multi-filter-offer, .multi-results .multi-filter-helper{ display: flex; border-bottom: 1px solid var(--grayscale-faint); padding: 16px 4px 16px 8px; font-size: 16px; line-height: 22px; cursor: pointer; transition: all .15s ease-in-out; flex-direction: column; } .multi-results .multi-filter-offer .text, .multi-results .multi-filter-helper .text { font-size: 16px; line-height: 20px; flex: 1 1 auto; max-width: 230px; } .multi-results .multi-filter-helper b { /*margin-left: 5px;*/ } .multi-results .multi-filter-span-blue, .multi-results .to-more { color: var(--primary-base); } .multi-results .multi-filter-helper-item { position: relative; display: flex; align-items: center; margin-bottom: 4px; } .multi-results .multi-filter-helper .text { font-size: 14px; } .multi-results .multi-filter-helper .icon__pic { width: 24px; height: 32px; vertical-align: top; margin-right: 8px; flex: 0 0 auto; } input:focus::placeholder { opacity: 0!important; } .o-visible { overflow: unset; } .modal-add-list-favorite { z-index: 23; } /* End */ /* Start:/css/style-vr.css?175024658222456*/ :root { --primary-black: #004080; --primary-dark: rgb(0, 96, 192); --primary-base: #0080E0; /*blue primary*/ --primary-soft: #30A0F0; --primary-light: #60C0FF; --primary-pale: #80D0FF; --primary-faint: #A8E0FF; --primary-barely: #D0EEFF; --grayscale-black: #202020; /*black primary*/ --grayscale-dark: #404040; --grayscale-base: #606060; /*gray primary*/ --grayscale-soft: #909090; --grayscale-light: #C0C0C0; --grayscale-pale: #D0D0D0; --grayscale-faint: #E0E0E0; --grayscale-barely: #F0F0F0; --grayscale-white: #FFF; --secondary-yellow-dark: #E0A000; --secondary-yellow: #FFD000; --secondary-yellow-light: #FFE880; --secondary-yellow-faint: #FFF8B0; --tertiary-orange-dark: #C02000; --tertiary-orange: #FF8000; --tertiary-orange-light: #FFC060; --tertiary-orange-faint: #FFE8B0; --tertiary-green-dark: #009020; --tertiary-green: #40E000; --tertiary-green-light: #A0FF90; --tertiary-green-faint: #D8FFC8; --error-red: #E00020; --error-red-faint: #FFE0E0; } .main, .header, .footer { background-color: #fff; margin: 0 auto; max-width: 1536px; padding: 0; transition: .2s; } /* Blur screen */ .alert--blur .grid { filter: blur(5px); position: relative; overflow: hidden; } .alert--blur .logo-duplicate { filter: none; position: fixed; z-index: 9999; pointer-events: none; } .alert--blur .page-header__heading--logo:not(.logo-duplicate) { visibility: hidden; } .alert--blur .jconfirm .alert-lang { max-width: 320px; } /**/ .header { z-index: 22; } .is--trigger-modal .header, .header:has(+ .main .period-sorting.open), .header:has(~ .popup-selected-city.open), .header:has(~ .main .filter-sort.is-active) { z-index: 1; } .grid:has( .popup-selected-city.open) { overflow: hidden; } @media (min-width: 1880px) { body.o-hidden .header--sticky .page-header { margin-left: -4px; } } /*options*/ .text-condensed { font-family: 'Roboto Condensed', sans-serif; font-weight: 500; } .text-e-recovery { font-family: 'e-Ukraine', sans-serif; font-size: 12px; font-weight: 500; color: var(--grayscale-black); } .vr-e-recovery__body { background-color: var(--grayscale-barely); border-radius: 64px; min-height: 32px; padding: 0 12px; position: relative; display: flex; align-items: center; } .border-faint-radius { border-radius: 8px; border: 1px solid var(--grayscale-faint); padding: 8px 32px 24px; width: 100%; } /**/ .bg--color--black { background-color: var(--grayscale-black); } .bg--color--gray { background-color: var(--grayscale-base); } .inset-top-48 { margin-top: -48px; } .ml-auto { margin-left: auto; } /*header*/ .page-first-header { min-height: 64px; display: flex; flex-direction: column; justify-content: center; } .page-second-header { min-height: 48px; } .dark-theme .page-second-header { min-height: inherit; } .page-header__inner { display: flex; gap: 0 8px; padding: 0 32px; } .page-header__inner * { transition: unset!important; } .page-header__inner .icon { flex: 0 0 auto; } .page-header__inner .dropdown__list--link--md .text { text-align: left; } /*header city*/ .page-first-header .dropdown--city { display: flex; align-items: center; } .page-first-header .dropdown--city .dropdown__select { min-height: 32px; height: min-content; padding: 0 8px 0 12px; } .header--sticky .dropdown--city .dropdown__select { position: relative; top: 2px; } .selected-city .dropdown__select, .selected-city .text { color: var(--primary-base); } /*header menu*/ .page-first-header .dropdown__select { min-height: 64px; } .dropdown--hovered:hover .dropdown-box { border-radius: 0 0 8px 8px; } .dropdown--hovered:hover .dropdown__select .text { color: var(--primary-base); } /**/ .dropdown--help--static .offset--cm--h { padding-left: 0; } .header--sticky .dropdown--help--static, .header:not(.header--sticky) .dropdown--help--sticky, .header--sticky .page-header__split--more { display: none; } .header--sticky .page-header__navbar-categories .text.offset--xcm--h { padding-right: 8px; } .header--sticky .page-header__navbar-categories .dropdown__select { position: relative; top: 2px; } .dropdown--help--sticky .dropdown-box { display: flex; flex-direction: row; width: 512px; visibility: hidden; } .dropdown--help--sticky .dropdown--hovered:hover .dropdown-box { visibility: visible; } .dropdown--help--sticky .dropdown-box__column { flex: 0 0 50%; } .dropdown--help--sticky .dropdown-box__column:first-child { border-right: 1px solid var(--grayscale-base); } .page-header .dropdown--help--sticky .page-header__navbar-group { justify-content: flex-start; } .dropdown--help--sticky .page-header__navbar-item { width: 100%; } .dropdown--help--sticky .page-header__navbar-link { min-height: 32px; display: flex; padding: 4px 8px; width: 100%; } .dropdown--help--sticky .page-header__navbar-link:hover { background-color: var(--grayscale-base); } .page-header__navbar-group + .dropdown__list { padding-top: 0; } .dropdown--help--sticky .dropdown--services--logo { padding-bottom: 0; } .dropdown--help--sticky .dropdown--hovered { border-bottom: 2px solid transparent; } .dropdown--help--sticky .dropdown--hovered:hover { border-color: var(--primary-base); } .dropdown--help--sticky .dropdown-box--bottom { top: 103%; left: 0; } /*header lang*/ .btn-lang--label.active { color: var(--primary-black); background-color: rgba(0, 64, 128, .1); } .btn-lang--label.active[data-hint]::before { display: none; } .choose-lang { display: flex; flex-direction: column; position: absolute; top: 100%; left: -8px; background-color: var(--grayscale-dark); border-radius: 0 0 8px 8px; padding: 8px 0; width: 128px; z-index: 9; } .choose-lang__item { text-decoration: none; color: #fff; padding: 11px 16px; font-weight: 400; font-size: 16px; } .choose-lang__item:not(.is-active):hover { background-color: var(--grayscale-base); } .choose-lang__item.is-active { cursor: default; background-color: var(--grayscale-base); opacity: 1; } /*accordion*/ .vr-accordion__list { display: flex; flex-direction: column; } .vr-accordion__item:not(:last-child) { border-bottom: 1px solid var(--grayscale-faint); } .vr-accordion__section { display: flex; gap: 16px; padding: 16px 8px; cursor: pointer; } .vr-accordion .acc-num { display: inline-flex; flex: 0 0 auto; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--grayscale-soft); color: #fff; font-size: 12px; font-weight: 700; line-height: 14px; } .vr-accordion .acc-title { flex: 1 1 auto; font-size: 16px; font-weight: 700; line-height: 16px; } .vr-accordion .acc-toggle { flex: 0 0 32px; color: var(--grayscale-soft); font-weight: 700; font-size: 28px; font-family: serif; position: relative; } .vr-accordion .acc-toggle::before { content: ''; width: 2px; height: 16px; position: absolute; background-color: var(--grayscale-base); left: 7px; transition: .15s; } .vr-accordion .acc-toggle::after { content: ''; width: 16px; height: 2px; position: absolute; background-color: var(--grayscale-base); top: 7px; } .vr-accordion__section.is-active .acc-toggle::before { transform: rotate(-90deg); } .vr-accordion__section.is-active .acc-toggle::after { opacity: 0; } .vr-accordion .is-hidden { display: none; } .vr-accordion__content { padding: 16px; } .vr-accordion__content > * { font-size: 16px; line-height: 20px; } .vr-accordion__content ul li { list-style: disc; } .vr-accordion__content ol li { list-style: inherit; } .vr-accordion__content ol, .vr-accordion__content ul { padding-left: 24px; } .vr-accordion__content li:has(> a) { color: var(--primary-base); } /*arrow slider*/ .arrow-slider .slick-arrow.slick-disabled { opacity: .2; cursor: not-allowed; } .arrow-slider .slick-arrow { background-color: rgba(255, 255, 255, .5); cursor: pointer; border: none; position: absolute; top: 46%; margin-top: -15px; font-size: 0; height: 48px; width: 40px; transition: .2s; z-index: 4; } .o-hidden .arrow-slider .slick-arrow { z-index: 0; } .arrow-slider .slick-arrow.slick-prev { left: 0; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22 2L23 3L10 16L23 29L22 30L8 16L22 2Z' fill='white'/%3E%3Cpath d='M21 1L22 2L8 16L22 30L21 31L6 16L21 1Z' fill='%23606060'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 1px center; border-radius: 0 32px 32px 0; } .arrow-slider .slick-arrow.slick-next { right: 0; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2L9 3L22 16L9 29L10 30L24 16L10 2Z' fill='white'/%3E%3Cpath d='M11 1L10 2L24 16L10 30L11 31L26 16L11 1Z' fill='%23606060'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 4px center; border-radius: 32px 0 0 32px; } .arrow-slider .slick-arrow.slick-prev:hover { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22 2L23 3L10 16L23 29L22 30L8 16L22 2Z' fill='white'/%3E%3Cpath d='M21 1L22 2L8 16L22 30L21 31L6 16L21 1Z' fill='%23909090'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .arrow-slider .slick-arrow.slick-next:hover { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2L9 3L22 16L9 29L10 30L24 16L10 2Z' fill='white'/%3E%3Cpath d='M11 1L10 2L24 16L10 30L11 31L26 16L11 1Z' fill='%23909090'/%3E%3C/svg%3E%0A"); } .arrow-slider .slick-arrow.slick-prev:active { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22 2L23 3L10 16L23 29L22 30L8 16L22 2Z' fill='white'/%3E%3Cpath d='M21 1L22 2L8 16L22 30L21 31L6 16L21 1Z' fill='%23202020'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .arrow-slider .slick-arrow.slick-next:active { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 2L9 3L22 16L9 29L10 30L24 16L10 2Z' fill='white'/%3E%3Cpath d='M11 1L10 2L24 16L10 30L11 31L26 16L11 1Z' fill='%23202020'/%3E%3C/svg%3E%0A"); } /**/ .inner-bank__row { display: flex; gap: 2px; align-items: center; position: relative; } .inner-bank__row .icon { flex: 0 0 auto; } .promo-sign-badge { border-radius: 16px; padding: 0 8px; min-height: 24px; display: flex; align-items: center; justify-content: center; } .button-show-more.is-active .button__icon { transform: rotate(-180deg); } /*add rang star*/ .review-star-add__list { justify-content: center; } .review-star-add__item { flex: 0 1 96px; display: flex; flex-direction: column; gap: 2px; } .file__input, .review-star-add__input { opacity: 0; position: absolute; } .icon-rang-star { color: var(--grayscale-light); transition: .15s; } .review-star-add__input:checked + .review-star-add__star .icon-rang-star, .icon-rang-star:hover { color: var(--secondary-yellow-dark); } .icon-rang-star .icon__pic { width: 44px; height: 44px; } .review-star-add__text { font-size: 12px; line-height: 16px; color: var(--grayscale-base); text-align: center; } /*modal breadcrumbs*/ .modal-breadcrumbs .breadcrumbs-wrapper { max-width: 320px; min-width: 256px; width: max-content; box-shadow: 0 8px 48px 0 rgba(32,32,32, .25); background-color: #fff; border-radius: 8px; z-index: 10; } .modal-breadcrumbs .breadcrumbs { display: flex; flex-direction: column; align-items: flex-start; padding: 16px; } .modal-breadcrumbs .breadcrumbs__item { display: flex; flex-direction: column; align-items: flex-start; font-size: 16px; font-weight: 400; color: var(--grayscale-black); width: 100%; } .modal-breadcrumbs .breadcrumbs__item .breadcrumbs__link, .modal-breadcrumbs .breadcrumbs__item .breadcrumbs__icon + span { font-size: 16px; font-weight: 400; line-height: 18px; color: var(--grayscale-black); padding: 16px 0; width: 100%; } .modal-breadcrumbs .breadcrumbs__icon::after { content: ''; background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0H0V1L5 6L10 1V0Z' fill='%23D0D0D0'/%3E%3C/svg%3E") no-repeat; display: block; width: 10px; height: 6px; position: relative; left: 24px; } .modal-breadcrumbs .breadcrumbs__icon .icon { display: none; } .is--trigger-modal .helpcrunch-iframe-wrapper { display: none; } .is--trigger-modal .header--sticky { visibility: hidden; opacity: 0; } /*modal*/ .vr-modal { padding: 16px; } .vr-modal .modal__body { border-radius: 16px; } .vr-modal .modal__main::-webkit-scrollbar { width: 0; height: 2px; } .vr-modal .modal-form { gap: 24px 32px; } .vr-modal .modal-title { font-weight: 300; } [lang="pl"] .modal-title .title-text { font-weight: 400; } .vr-modal .modal-subtitle { font-size: 12px; line-height: 16px; color: var(--grayscale-base); } .vr-modal .modal-form__box { display: flex; flex-direction: column; gap: 16px; } .vr-modal .text-form-title { padding: 7px 0; } .vr-modal .modal-form__group { display: flex; gap: 16px; } .vr-modal .modal-form__title + .modal-form__group { padding-top: 24px; } .vr-modal .modal-form__group .select__label { position: absolute; font-size: 14px; font-weight: 400; line-height: 16px; color: var(--grayscale-black); } .vr-modal .modal-form__group .is-selected .select__label { font-size: 12px; top: -16px; } .vr-modal .modal-form__item { display: flex; gap: 16px 32px; flex-wrap: wrap; } .vr-modal .modal-form__item textarea { min-height: 112px; resize: none; } /*area-action-photo*/ .area-action-photo { display: flex; align-items: center; gap: 16px; } .modal-add-photo__action { flex: 0 0 144px; } .vr-modal .is-disabled { cursor: not-allowed; } .is-disabled label { pointer-events: none; } .vr-modal .is-disabled .button { pointer-events: none; opacity: .45; } .area-add-photo__list { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 0; } .area-add-photo__item { position: relative; width: 128px; height: 96px; } .area-add-photo__img { width: 100%; height: 100%; object-fit: cover; } .area-add-photo__item .icon-remove { position: absolute; top: 0; right: 0; filter: drop-shadow(0 0 4px rgba(0,0,0,.25)); } /**/ .modal-add-video { width: 100%; } .modal-add-video .text-form-title { margin-bottom: 12px; } /*vr-seo*/ .vr-seo__container { display: flex; border: 1px solid var(--grayscale-faint); padding: 32px; gap: 16px 32px; } .vr-seo__row { flex: 1 1 50%; margin: 0 auto; } .vr-seo .text-title { font-size: 20px; font-weight: 400; line-height: 24px; color: var(--grayscale-dark); } .vr-seo-faq { padding: 0 8px; max-width: 656px; } .vr-seo__row:last-child { max-width: inherit; } .vr-seo-faq + .vr-seo-desc { max-width: 656px; } .vr-seo-faq__title { display: flex; align-items: center; gap: 8px; padding-bottom: 4px; } .vr-seo-faq__title .icon { color: var(--grayscale-soft); } /**/ .vr-accordion__content { max-width: 548px; margin: 0 auto; } .vr-seo__row:last-child .vr-accordion__content { max-width: inherit; } /**/ .vr-seo-desc, .vr-seo-desc__content { display: flex; flex-direction: column; gap: 20px; } .vr-seo-desc { padding-right: 16px; } .vr-seo-desc__content.is-hidden { max-height: 340px; overflow: hidden; } .vr-seo-desc__content > * { font-size: 16px; font-weight: 400; line-height: 20px; color: var(--grayscale-base); } .vr-seo-desc__content img { max-width: 100%; } .vr-seo-desc__content > h2:first-child, .vr-seo-desc__content > h4:first-child { display: none; } .vr-seo-desc__content h4, .vr-seo-desc__content strong { font-weight: 700; } .vr-seo-desc__content ul, .vr-seo-desc__content ol { padding-left: 20px; } .vr-seo-desc__content li { list-style: inherit; } .vr-seo-desc__more .button { width: 128px; } .button-show-more .button__text { text-transform: lowercase; } /**/ .dark-theme .vr-seo__container { border-color: transparent; } .dark-theme .vr-seo .text-title, .dark-theme .vr-seo-desc__content > * { color: var(--grayscale-light); } .dark-theme .vr-accordion .acc-toggle::after, .dark-theme .vr-accordion .acc-toggle::before { background-color: var(--grayscale-light); } .dark-theme .vr-accordion__item:not(:last-child) { border-color: var(--grayscale-base); } @media (max-width: 470px) { .vr-modal .modal-main { padding: 32px 16px; } .vr-modal .modal-form__title, .border-faint-radius { padding-left: 16px; padding-right: 16px; } .vr-modal .text-form-title { padding: 0 16px; } .border-faint-radius .text-form-title { padding-left: 0; } .modal-form__item:not(.border-faint-radius) { /*padding: 0 16px;*/ } .area-add-photo__list { padding-bottom: 0; } .area-action-photo { flex-wrap: wrap; } .area-add-photo__item { width: 100%; flex: 0 1 calc(50% - 4px); } } /*media*/ @media (max-width: 1536px) { .header .submenu, .main-head-group.section-group { border-left: none; border-right: none; } } @media (max-width: 1366px) { .page-header__inner { padding-right: 24px; } .header.header--sticky .page-header__s-search { max-width: 288px; } .header--sticky .input-wrapper { max-width: 164px; } /*vr seo*/ .vr-seo__container { padding-left: 24px; padding-right: 24px; } .vr-seo-faq, .vr-seo-faq + .vr-seo-desc { max-width: 580px; } } @media (max-width: 1280px) { .header.header--sticky .page-header__s-search { max-width: 252px; } .header--sticky .input-wrapper, .header--sticky .page-header__s-search .input { max-width: 124px; } .header--sticky .page-header__navbar-categories .text.offset--xcm--h { padding-left: 0; } .header--sticky .dropdown--catalog .offset--cm--h { padding-left: 8px; padding-right: 8px; } /*vr seo*/ .vr-seo-faq, .vr-seo-faq + .vr-seo-desc { max-width: 528px; } } @media (max-width: 980px) { .vr-seo-desc__content.is-hidden { max-height: 146px; } .vr-seo-desc__content > * { font-size: 14px; line-height: 18px; } } @media (max-width: 970px) { .header:not(.header--sticky) .page-header__inner { gap: 0 16px; } .page-header__inner { padding: 0 16px; } } @media (max-width: 864px) { .vr-seo__container { flex-direction: column; } .vr-seo__row { max-width: inherit; flex: unset; width: 100%; } .vr-seo-faq, .vr-seo-faq + .vr-seo-desc { max-width: inherit; } } @media (max-width: 780px) { .open-modal .header { z-index: 1; } .open-modal .header--sticky { visibility: hidden; } .open-modal #panel { display: none; } .header:not(.header--sticky) .page-header__inner { gap: 0 8px; } .page-header__inner { padding: 0 8px; } .vr-section-heading { grid-row: 1; margin-top: 8px; } .grid .main__section.breadcrumbs-section { border-top: none; margin-top: 8px; } .button--menu { flex: 0 0 auto; } /**/ .page-first-header { min-height: 48px; } .content-logos__item { flex: 1 1 50%; padding: 8px; border: 1px solid var(--grayscale-faint); margin-bottom: -1px; } .content-logos__item:last-child { border-left: none; } .content-logos__link { color: var(--grayscale-base); height: 48px; display: block; } .content-logos__link svg { max-width: 228px; } } @media (max-width: 500px) { .content-logos__item { padding: 0 8px; } .content-logos__link svg { max-width: 180px; } /**/ .vr-accordion__content > * { font-size: 14px; line-height: 18px; } } @media (max-width: 414px) { .title-head { font-size: 20px; } /**/ .mobile-catalog-sale__catalog .offset--cm--h, .mobile-catalog-sale__sale .offset--xsm--left { padding-left: 8px; } .content-logos__link svg { max-width: 144px; } /**/ .vr-accordion__section { padding-left: 0; padding-right: 0; } .vr-seo__container { padding: 8px 16px; } } @media (max-width: 359px) { .content-logos { flex-direction: column; } .content-logos__link svg { max-width: 170px; } .content-logos__item:last-child .content-logos__link svg { max-width: 150px; } } /* End */ /* Start:/css/qr.css?17140454561193*/ .qr__code_class { background: rgba(255, 255, 255, 0.8); position: fixed; display: none; z-index: 5000; height: 100%; width: 100%; left: 0; top: 0; } .qr__code_class #qr__code_span #qr__code_window { overflow: auto; border: none; height: 100%; max-height: 337px; } .qr__code_class #qr__code_span a:first-child { margin-top: 8px; } .qr__code_class #qr__code_span a { height: 33px; display: flex; align-items: center; width: 100%; font-size: 14px; color: #202020; font-weight: 700; border-bottom: 1px solid #d0d0d0; } .qr__code_class #qr__code_span a li { width: 100%; height: 33px; display: flex; align-items: center; justify-content: center; font-size: 14px; } .qr__code_class #qr__code_span a ~ br { content: ''; } .qr__code_class #qr__code_span a:nth-of-type(9) { border-bottom: none; } #qr__code_window { z-index: 99; width: 192px; height: 337px; text-align: center; padding: 15px; border: 3px solid #ffffff; color: #000000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #F0F0F0; } /* End */ /* Start:/css/main/product-card.css?174895183736969*/ /*product standard card*/ .vr-product { position: relative; width: 100%; } .vr-product__list { display: flex; flex-wrap: wrap; } .vr-card { display: flex; flex-direction: column; flex: 1 1 calc(100% / 6 + 1px); border: 1px solid var(--grayscale-faint); margin-left: -1px; margin-bottom: -1px; max-width: 321px; min-width: 192px; position: relative; transition: .2s; } .vr-card.is-disabled { pointer-events: none; } .pr-card-medium .vr-card { max-width: 257px; min-height: 400px; } .vr-card__body { display: flex; flex-direction: column; flex: 1; padding-bottom: 16px; height: 100%; } .vr-card:hover { box-shadow: 0 4px 32px 0 rgba(32, 32, 32, 0.20); border-color: transparent; z-index: 2; } .vr-card:hover .vr-card__body { z-index: 3; } .vr-card:hover::before { content: ''; box-shadow: 0 0 0 8px #fff; position: absolute; width: 100%; height: 100%; border-radius: 4px; } .vr-card__cover { padding: 6px; } .vr-card-cover__body { position: relative; } .vr-card__picture { display: flex; justify-content: center; max-width: 304px; max-height: 304px; margin: 0 auto; } .pr-card-medium .vr-card__picture { max-width: inherit; height: 240px; } .vr-card__picture--img { max-width: fit-content; width: 100%; height: 100%; object-fit: contain; color: transparent; } .pr-card-radius .vr-card__picture--img { border-radius: 0 0 32px 0; } .vr-card__sign { position: absolute; top: 4px; left: 4px; padding: 3px 8px; border-radius: 64px; z-index: 1; } .is-vr-promo-sign .vr-card__sign { top: 12px; left: 12px; } .is-vr-promo-sign .type-product-card__badge { top: 42px; } .text--sign { color: #fff; font-size: 12px; font-weight: 500; line-height: 14px; text-transform: uppercase; } /**/ .vr-catalog .vr-code { flex: 1; } .vr-variant__list { display: flex; gap: 4px; } .vr-variant__item { position: relative; flex: 0 0 auto; } .vr-variant__item:not(.item--size--variant):nth-child(n+5) { display: none; } .vr-variant__item img { font-size: 0; } .vr-catalog .icon, .vr-variant__item > *, .vr-catalog .button__icon { flex: 0 0 auto; } .vr-variant__item .icon { cursor: default; } .vr-variant__link { display: block; width: 24px; height: 24px; } .vr-variant__img { border-radius: 50%; width: 100%; height: 100%; object-fit: cover; transition: .2s; } .vr-variant__more { font-size: 24px; font-weight: 900; color: var(--grayscale-base); cursor: default; } /**/ .vr-catalog .vr-card-title { height: 76px; padding-top: 8px; } .vr-status .text-condensed { font-size: 10px; line-height: 13px; text-transform: uppercase; } /**/ .vr-card-snippet { display: flex; align-items: center; gap: 4px; } .vr-star__comment { gap: 4px; } .vr-star__comment .text-condensed { font-size: 12px; line-height: 14px; color: var(--grayscale-base); } /**/ .vr-card-badge { margin-top: 8px; } .inner-badge { color: var(--grayscale-base); } .inner-badge:not(:first-child) { border-left: 1px solid var(--grayscale-faint); padding-left: 7px; margin-left: 7px; } .inner-bank { gap: 7px; } .inner-bank__row .text-condensed { font-size: 12px; line-height: 14px; color: var(--grayscale-base); } .vr-card-badge [data-hint]:hover::before { max-width: 204px; } /**/ .promo-sign--best { background-color: var(--primary-base); } .promo-sign--sale, .promo-sign--promo { background-color: var(--tertiary-orange); } .promo-sign--gift { background-color: var(--tertiary-orange-dark); } .promo-sign--new { background-color: var(--tertiary-green); } /**/ .vr-card-btn { position: absolute; top: 4px; right: 4px; background-color: rgba(255, 255, 255, .6); border-radius: 8px; } .vr-e-recovery { position: absolute; bottom: 5px; left: 4px; } .vr-card .vr-e-recovery__body { background-color: rgba(255, 255, 255, 0.70); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); min-height: 24px; padding: 0 8px; } .vr-card [data-hint]::before { font-size: 12px; line-height: 14px; left: unset; right: unset; padding: 4px 8px; top: -108%; margin-left: -32px; } /*description*/ .vr-card-desc { padding: 0 16px 0 24px; flex: 1; z-index: 1; } .vr-card-heading { display: flex; align-items: center; gap: 8px 12px; position: relative; min-height: 26px; } .vr-code .text-condensed { color: var(--grayscale-base); text-transform: uppercase; font-size: 10px; line-height: 12px; } .vr-code .text { font-weight: 700; font-size: 12px; line-height: 16px; } .vr-card-desc__row { position: relative; } .vr-status { flex: 1; position: relative; display: flex; align-items: center; gap: 8px; } .vr-status:hover::before { content: attr(data-status); position: absolute; white-space: nowrap; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 10px; line-height: 13px; text-transform: uppercase; background-color: #fff; z-index: 1; left: 16px; } .status-green.vr-status::before { color: var(--tertiary-green); } .status-orange.vr-status::before { color: var(--tertiary-orange); } .status-red.vr-status::before { color: var(--error-red); } .status-gray.vr-status::before { color: var(--grayscale-soft); } .vr-status__pin { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; } .status-green .vr-status__pin, .pin--green { background-color: var(--tertiary-green); } .status-green .text-condensed, .pin--green ~ .text-condensed { color: var(--tertiary-green); } .status-orange .vr-status__pin, .pin--orange { background-color: var(--tertiary-orange); } .status-orange .text-condensed, .pin--orange ~ .text-condensed { color: var(--tertiary-orange); } .status-red .vr-status__pin, .pin--red { background-color: var(--tertiary-orange-dark); } .status-red .text-condensed, .pin--red ~ .text-condensed { color: var(--tertiary-orange-dark); } .status-gray .vr-status__pin, .pin--gray { background-color: var(--grayscale-soft); } .status-gray .text-condensed, .pin--gray ~ .text-condensed { color: var(--grayscale-soft); } /*title*/ .vr-card-title { padding: 4px 0 0; } .vr-card-title .text { font-size: 14px; font-weight: 400; line-height: 18px; color: var(--grayscale-dark); } /*price / buy*/ .vr-card-buy__body { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 16px 0 24px; } .vr-card-price { display: flex; flex-direction: column; } .vr-card-price__price { display: flex; gap: 4px; } .vr-card-price__price-old .text { font-size: 12px; font-weight: 400; line-height: 16px; color: var(--grayscale-soft); } .vr-card-price__price .text { font-size: 20px; font-weight: 700; line-height: 24px; } .vr-card .text--unit { font-size: 14px; font-weight: 400; line-height: 18px; color: var(--grayscale-base); align-self: end; flex: 0 0 auto; } .vr-card-price__delivery { display: flex; gap: 4px; } .vr-card-price__delivery .text-condensed { font-size: 10px; line-height: 12px; color: var(--grayscale-base); } .vr-card .icon--delivery { color: var(--grayscale-base); width: 16px; height: 12px; } /**/ .vr-card-cart { position: relative; } .is-add-cart::before { content: ''; background: #fff url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C3.6 16 0 12.4 0 8C0 3.6 3.6 0 8 0C12.4 0 16 3.6 16 8C16 12.4 12.4 16 8 16ZM13 5.5L11.5 4L6.5 9L4.5 7L3 8.5L6.5 12L13 5.5Z' fill='%2340E000'/%3E%3C/svg%3E%0A") no-repeat; width: 16px; height: 16px; position: absolute; top: -2px; right: -2px; border-radius: 50%; } .vr-card-cart.is-disabled { cursor: not-allowed; opacity: .25; } .vr-card-cart.is-disabled .btn_buy { pointer-events: none; } .vr-card-cart .btn_buy { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } /*product more*/ .vr-product__more { min-height: 48px; display: flex; align-items: center; border: 1px solid var(--grayscale-faint); margin-left: auto; max-width: calc((100% / 6) + 1px); justify-content: center; margin-bottom: -48px; width: 100%; } .vr-more .button__text { font-weight: 400; font-size: 16px; } /*product card large*/ /*===*/ /*product card small*/ .pr-card-small .vr-card { min-width: 176px; max-width: 224px; min-height: 336px; flex-grow: 0; } .pr-card-small .vr-card__body { padding-bottom: 12px; } .pr-card-small .vr-card__link { display: flex; overflow: hidden; } .pr-card-small .vr-card__picture { max-height: 176px; max-width: 100%; } .pr-card-small .slick-slider.vr-product__list { flex-wrap: nowrap; } .pr-card-small .slick-list .vr-card__picture { max-height: 192px; } .vr-code .text-condensed { display: none; } .pr-card-small .vr-card-desc, .pr-card-small .vr-card-buy__body { padding-right: 12px; padding-left: 16px; } /*--rating*/ .pr-card-small .vr-star { display: flex; align-items: center; gap: 4px; } .pr-card-small .vr-star__rating { width: auto; } .pr-card-small .vr-star__rating .progress-rating::before { background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 0 0 no-repeat; width: 36px; height: 16px; } .pr-card-small .vr-star .vr-star__rating .progress-rating::after { content: attr(data-star); background: transparent!important; font-size: 12px; line-height: 16px; width: auto; height: 16px; font-family: 'Roboto Condensed', sans-serif; left: 18px; font-weight: 500; color: var(--grayscale-base); } /*--price*/ .pr-card-small .vr-card-price__price .text { font-size: 16px; line-height: 20px; } .pr-card-small .vr-card-cart .btn_buy { width: 40px; height: 40px; } .pr-card-small .vr-card-buy__delivery { margin-left: auto; } .pr-card-small .is-add-cart::before { top: -3px; right: -3px; } /*--more*/ .pr-card-small .vr-product__more, .vr-card-product .vr-product__more { max-width: inherit; margin-bottom: 0; position: absolute; top: 100%; right: 0; width: 256px; } .vr-card-product #linked .vr-product__more, .vr-card-product #recomendeddecors .vr-product__more, .vr-card-product #analogues .vr-product__more { position: unset; max-width: inherit; margin-bottom: 0; width: 256px; } /*product card horizontal*/ .vr-card-horizontal { padding: 16px; border: 1px solid var(--grayscale-barely); border-radius: 8px; min-width: 288px; max-width: 768px; width: 100%; transition: box-shadow .2s ease-in-out; } .vr-card-horizontal:hover { box-shadow: 0 4px 8px 0 rgba(32,32,32,.05); } .vr-card-horizontal__link { gap: 16px; color: var(--grayscale-black); } .vr-card-horizontal__image { width: 112px; height: 112px; } .vr-card-horizontal__img { width: 100%; height: 100%; object-fit: contain; } .vr-card-horizontal__content { gap: 6px; flex: 1; } .vr-card-meta { gap: 8px; } .vr-card-horizontal .vr-card-meta { align-items: center; } .vr-card-meta__code { font-size: 12px; font-weight: 700; line-height: 14px; color: var(--grayscale-black); } .vr-card-meta__star, .vr-card-meta__comment { display: flex; gap: 4px; align-items: center; color: var(--grayscale-base); font-size: 12px; line-height: 14px; } .vr-card-horizontal .vr-card-meta__star .text-condensed { align-self: end; } .vr-card-meta .icon { flex: 0 0 auto; } .vr-card-horizontal__desc { height: 60px; } .vr-card-horizontal__desc .text { font-size: 14px; font-weight: 400; line-height: 16px; color: var(--grayscale-dark); text-wrap: pretty; } .vr-card-h-price { display: flex; flex-wrap: wrap; gap: 0 16px; } .vr-card-h-price__price { font-size: 16px; font-weight: 700; line-height: 16px; display: flex; gap: 4px; } .vr-card-h-price .text--unit { font-size: 14px; font-weight: 400; line-height: 16px; } .vr-card-h-price__old { font-size: 12px; font-weight: 400; line-height: 14px; color: var(--grayscale-soft); } /* card kitchen */ .product-block__container { animation: load .25s ease-in-out; } .vr-product.pr-card-kitchen .vr-card { flex: 0 1 calc(100% / 3 + 1px); min-height: 512px; min-width: 340px; max-width: 640px; max-height: inherit; } .vr-product.pr-card-large.pr-card-kitchen .vr-card { flex: 0 1 calc(100% / 2 + 1px); } .pr-card-kitchen .vr-card.is-disabled { order: 100; } .vr-product.pr-card-kitchen .vr-card:hover::before { border-radius: 4px; } .vr-product.pr-card-kitchen .vr-card__cover { padding-bottom: 8px; } .vr-product.pr-card-kitchen .vr-card__picture { height: 360px; max-width: inherit; max-height: inherit; } .vr-product.pr-card-kitchen .vr-card-heading { justify-content: space-between; } .vr-product.pr-card-kitchen .vr-variant__link:hover .vr-variant__img { box-shadow: 0 0 0 1px var(--primary-light); } .vr-product.pr-card-kitchen .vr-code { display: flex; flex: unset; align-items: center; gap: 4px; } .vr-product.pr-card-kitchen .vr-code .text-condensed { display: block; } .vr-product.pr-card-kitchen .vr-card-title { display: flex; align-items: center; height: 48px; } .vr-product.pr-card-kitchen .vr-card-badge { margin: 0; min-width: 80px; } .vr-product.pr-card-kitchen .vr-card-buy__body { flex-wrap: wrap; } .vr-product.pr-card-kitchen .vr-card-price__price { min-width: 154px; } .vr-product.pr-card-kitchen .vr-card-cart { flex: 1 1 auto; display: flex; justify-content: flex-end; } /**/ .vr-catalog-kitchen .vr-card-horizontal { padding: 8px; } .vr-catalog-kitchen .vr-card-horizontal__desc { display: flex; align-items: center; } .vr-catalog-kitchen .vr-card-horizontal__img { object-fit: cover; } /*rating stars*/ .vr-star { display: flex; align-items: center; gap: 8px; } .vr-star__rating { position: relative; overflow: hidden; width: 60px; } .vr-star__rating .progress-rating::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23D0D0D0'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23D0D0D0'/%3E%3C/svg%3E%0A"); width: 60px; height: 12px; display: block; } .vr-star__rating .progress-rating::after { content: ""; width: 91px; height: 45px; position: absolute; left: 0; top: 0; } /*--0-1*/ .vr-star__rating .progress-rating[data-star="0"] { display: none; } .vr-star__rating .progress-rating[data-star*="0."]::after { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"); background-position: 0 0; background-repeat: no-repeat; } .vr-star__rating .progress-rating[data-star="0.1"]::after, .vr-star__rating .progress-rating[data-star="0.2"]::after, .vr-star__rating .progress-rating[data-star="0.3"]::after { width: 8%; } .vr-star__rating .progress-rating[data-star="0.4"]::after, .vr-star__rating .progress-rating[data-star="0.5"]::after, .vr-star__rating .progress-rating[data-star="0.6"]::after { width: 10%; } .vr-star__rating .progress-rating[data-star="0.7"]::after, .vr-star__rating .progress-rating[data-star="0.8"]::after, .vr-star__rating .progress-rating[data-star="0.9"]::after { width: 12%; } .vr-star__rating .progress-rating[data-star="1.0"]::after { background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 0 0 no-repeat!important; } /*--1-2*/ .vr-star__rating .progress-rating[data-star*="1."]::after { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"); background-position: 0 0, 12px 0; background-repeat: no-repeat; } .vr-star__rating .progress-rating[data-star="1.1"]::after, .vr-star__rating .progress-rating[data-star="1.2"]::after, .vr-star__rating .progress-rating[data-star="1.3"]::after { width: 29%; } .vr-star__rating .progress-rating[data-star="1.4"]::after, .vr-star__rating .progress-rating[data-star="1.5"]::after, .vr-star__rating .progress-rating[data-star="1.6"]::after { width: 31%; } .vr-star__rating .progress-rating[data-star="1.7"]::after, .vr-star__rating .progress-rating[data-star="1.8"]::after, .vr-star__rating .progress-rating[data-star="1.9"]::after { width: 33%; } .vr-star__rating .progress-rating[data-star="2.0"]::after { background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 0 0 no-repeat, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 12px 0 no-repeat!important; } /*--2-3*/ .vr-star__rating .progress-rating[data-star*="2."]::after { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"); background-position: 0 0, 12px 0, 24px 0; background-repeat: no-repeat; } .vr-star__rating .progress-rating[data-star="2.1"]::after, .vr-star__rating .progress-rating[data-star="2.2"]::after, .vr-star__rating .progress-rating[data-star="2.3"]::after { width: 49%; } .vr-star__rating .progress-rating[data-star="2.4"]::after, .vr-star__rating .progress-rating[data-star="2.5"]::after, .vr-star__rating .progress-rating[data-star="2.6"]::after { width: 51%; } .vr-star__rating .progress-rating[data-star="2.7"]::after, .vr-star__rating .progress-rating[data-star="2.8"]::after, .vr-star__rating .progress-rating[data-star="2.9"]::after { width: 52%; } .vr-star__rating .progress-rating[data-star="3.0"]::after { background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 0 0 no-repeat, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 12px 0 no-repeat, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 24px 0 no-repeat!important; } /*--3-4*/ .vr-star__rating .progress-rating[data-star*="3."]::after { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"); background-position: 0 0, 12px 0, 24px 0, 36px 0; background-repeat: no-repeat; } .vr-star__rating .progress-rating[data-star="3.1"]::after, .vr-star__rating .progress-rating[data-star="3.2"]::after, .vr-star__rating .progress-rating[data-star="3.3"]::after { width: 68%; } .vr-star__rating .progress-rating[data-star="3.4"]::after, .vr-star__rating .progress-rating[data-star="3.5"]::after, .vr-star__rating .progress-rating[data-star="3.6"]::after { width: 70%; } .vr-star__rating .progress-rating[data-star="3.7"]::after, .vr-star__rating .progress-rating[data-star="3.8"]::after, .vr-star__rating .progress-rating[data-star="3.9"]::after { width: 72%; } .vr-star__rating .progress-rating[data-star="4.0"]::after { background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 0 0 no-repeat, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 12px 0 no-repeat, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 24px 0 no-repeat, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 36px 0 no-repeat!important; } /*--4-5*/ .vr-star__rating .progress-rating[data-star*="4."]::after { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"), url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A"); background-position: 0 0, 12px 0, 24px 0, 36px 0, 48px 0; background-repeat: no-repeat; } .vr-star__rating .progress-rating[data-star="4.1"]::after, .vr-star__rating .progress-rating[data-star="4.2"]::after, .vr-star__rating .progress-rating[data-star="4.3"]::after { width: 88%; } .vr-star__rating .progress-rating[data-star="4.4"]::after, .vr-star__rating .progress-rating[data-star="4.5"]::after, .vr-star__rating .progress-rating[data-star="4.6"]::after { width: 90%; } .vr-star__rating .progress-rating[data-star="4.7"]::after, .vr-star__rating .progress-rating[data-star="4.8"]::after, .vr-star__rating .progress-rating[data-star="4.9"]::after { width: 92%; } .vr-star__rating .progress-rating[data-star="5.0"]::after { background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 0 0 no-repeat, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 12px 0 no-repeat, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 24px 0 no-repeat, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 36px 0 no-repeat, url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 48px 0 no-repeat!important; } .vr-catalog .vr-card .vr-star__rating { height: 14px; } /**/ noscript ~ .main .pr-card-medium .vr-card { display: flex; } /*media*/ @media (max-width: 1536px) { .vr-card-badge [data-hint]::before { margin-left: 0; right: 0; } } @media (min-width: 1271px) and (max-width: 1366px) { .vr-card-horizontal__desc { height: 54px; } .vr-card-h-price__price { flex: 1 1 100%; } } @media (min-width: 1271px) and (max-width: 1279px) { .pr-card-medium .vr-variant__list[data-num="5"] .vr-variant__item:nth-last-child(-n+2) { display: none; } } @media (max-width: 1366px) { .pr-card-medium .vr-card { max-width: 274px; min-width: 228px; flex: 0 1 calc(20% + 1px); } .vr-product__more { max-width: calc((100% / 5) + 1px); } /*під час демонстрації*/ .pr-card-single .vr-card:nth-last-child(-n+1) { /*display: none;*/ } /*kitchen*/ .vr-product.pr-card-kitchen .vr-card { flex: 0 1 calc(100% / 2 + 1px); } } @media (max-width: 1152px) { .pr-card-medium .vr-card { max-width: 290px; flex: 0 1 calc(25% + 1px); } .vr-product__more { max-width: calc((100% / 4) + 1px); } /*під час демонстрації*/ .pr-card-single .vr-card:nth-last-child(-n+2) { /*display: none;*/ } } @media (max-width: 1024px) { .vr-product.pr-card-kitchen .vr-card, .vr-product.pr-card-large.pr-card-kitchen .vr-card { flex: 1 1 calc(100% + 1px); max-width: inherit; } } @media (min-width: 981px) and (max-width: 1024px) { .pr-card-medium .vr-variant__list[data-num="5"] .vr-variant__item:nth-last-child(-n+2) { display: none; } } @media (max-width: 915px) { .pr-card-medium .vr-card { max-width: calc(33.33% + 1px); flex: 0 1 calc(33.33% + 1px); } .vr-product__more { max-width: calc((100% / 3) + 1px); } /*під час демонстрації*/ .pr-card-single .vr-card:nth-last-child(-n+3) { /*display: none;*/ } } @media (max-width: 780px) { .vr-product__list { height: auto; } .vr-product__more { margin-bottom: 0; } } @media (max-width: 680px) { .pr-card-medium .vr-card { max-width: calc(50% + 1px); flex: 0 1 calc(50% + 1px); } .vr-product__more { max-width: 176px; border: none; } .vr-product__more .button__text { font-size: 14px; } } @media (min-width: 501px) and (max-width: 680px) { /*під час демонстрації*/ .pr-card-single .vr-card:nth-last-child(-n+4) { /*display: none;*/ } } @media (max-width: 600px) { .vr-card .vr-star__rating { width: auto; } .vr-card .vr-star__rating .progress-rating::before { background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.375L7.425 4.65H12L8.325 7.35L9.675 11.625L6 9L2.325 11.625L3.675 7.35L0 4.65H4.575L6 0.375Z' fill='%23E0A000'/%3E%3C/svg%3E%0A") 0 0 no-repeat; width: 32px; } .vr-card .vr-star .vr-star__rating .progress-rating::after { content: attr(data-star); background: transparent!important; font-size: 12px; line-height: 14px; width: auto; height: 14px; font-family: 'Roboto Condensed', sans-serif; left: 14px; font-weight: 500; color: var(--grayscale-base); } /**/ .vr-variant__item:not(.item--size--variant):nth-child(n+7) { display: none; } /*kitchen*/ .vr-product.pr-card-kitchen .vr-card { min-height: 394px; } .vr-product.pr-card-kitchen .vr-card__picture { height: 260px; } .vr-product.pr-card-kitchen .vr-card-heading { grid-template-columns: repeat(3, auto); } .vr-product.pr-card-kitchen .vr-variant { grid-column: auto; } .vr-product.pr-card-kitchen .vr-card-cart { flex-grow: 0; } .vr-product.pr-card-kitchen .vr-card-desc, .vr-product.pr-card-kitchen .vr-card-buy__body { padding-left: 24px; } .vr-product.pr-card-kitchen .vr-card-title { height: 36px; } .vr-product.pr-card-kitchen .vr-card__body { padding-bottom: 12px; } } @media (max-width: 540px) { .pr-card-small .vr-card-desc, .pr-card-small .vr-card-buy__body { padding-left: 8px; } .pr-card-small .vr-card-title .text { font-size: 12px; line-height: 16px; } .pr-card-small .vr-card-price__price .text { font-size: 14px; line-height: 18px; } .vr-card .text--unit { font-size: 10px; line-height: 16px; } } @media (max-width: 500px) { .vr-card__body, .pr-card-small .vr-card__body { padding-bottom: 8px; } .pr-card-single .vr-card { max-width: calc(33.33% + 1px); flex: 0 1 calc(33.33% + 1px); min-width: 120px; min-height: 208px; } .o-hidden .pr-card-single .vr-card { z-index: 0; } .pr-card-single .vr-card__picture { height: auto; min-height: 104px; } .vr-card-desc { padding: 0 8px 0 12px; } .vr-card-title .text { font-size: 12px; line-height: 16px; } .vr-card-price__price .text { font-size: 14px; line-height: 18px; } .vr-card-price__price-old .text, .vr-code .text, .vr-card .text--sign { font-size: 10px; line-height: 12px; } .vr-card .text--unit { font-size: 10px; line-height: 16px; } .vr-card-buy__body { padding-left: 12px; padding-right: 8px; } .pr-card-single .vr-card-btn, .vr-code .text-condensed, .vr-e-recovery { display: none; } /**/ .pr-card-single .vr-card-cart { position: unset; } .pr-card-single .vr-card-cart .btn_buy { opacity: .1; position: absolute; top: 0; left: 0; z-index: 1; display: none; } /**/ .vr-catalog .vr-card-cart .btn_buy { width: 40px; height: 40px; } /**/ .vr-more .button__text { font-size: 14px; } } @media (max-width: 470px) { .vr-product.pr-card-kitchen .vr-card-price__price { min-width: inherit; } .vr-product.pr-card-kitchen .button.button-detailed { display: flex; font-size: 0; padding: 0; width: 48px; height: 48px; background-color: var(--primary-base); } .vr-product.pr-card-kitchen .button-detailed .button__text { width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; } .vr-product.pr-card-kitchen .button-detailed .button__text::before { content: '...'; position: absolute; font-size: 18px; color: #fff; margin-top: -5px; margin-left: 1px; letter-spacing: -1px; } } @media (max-width: 414px) { .vr-card { min-width: 180px; } .vr-product.pr-card-kitchen .vr-card { min-height: 368px; min-width: inherit; } .vr-product.pr-card-kitchen .vr-card__picture { height: 240px; } } @media (max-width: 359px) { .pr-card-single .vr-card { max-width: calc(50% + 1px); flex: 0 1 calc(50% + 1px); } .vr-variant__item:not(.item--size--variant):nth-child(n+8) { display: none; } /*під час демонстрації*/ .pr-card-single .vr-card:nth-last-child(-n+4) { /*display: none;*/ } } /* End */ /* Start:/local/templates/viyar_new/components/bitrix/menu/catalog_vertical_adaptive/menu.css?174823888122099*/ .drop-box[data-box].is-hidden, .drop-box__body [data-level].is-hidden, .chips-icon.is-hidden { display: none!important; } .submenu__catalog { background-color: var(--primary-base); color: #fff; flex: 0 1 176px; padding: 8px 8px 8px 7px; gap: 0 8px; justify-content: center; position: relative; } .header-catalog__select { gap: 8px; min-width: 140px; } .header-catalog__select .drop-select__icon, .header-catalog__select .drop-select__arrow { flex: 0 0 auto; } .submenu__catalog .drop-select__text { text-transform: uppercase; font-size: 16px; line-height: inherit; color: #fff; padding-top: 2px; } .header-catalog__select:hover > * { color: var(--primary-faint); } .submenu__catalog:active { background-color: var(--primary-black); } .header-catalog__select:active > * { color: var(--primary-light); } /**/ .drop-box__body { position: absolute; left: 0; top: 100%; background-color: var(--grayscale-dark); border-bottom-left-radius: 8px; padding: 16px 0 20px 16px; min-height: 640px; z-index: 4; } .drop-box.is-active .drop-box__body { z-index: 13; } .drop-box__list { display: flex; flex-direction: column; width: 352px; } .drop-box__item { padding: 4px 0 4px 8px; min-height: 32px; transition: all .15s ease-in-out; } @media (min-width: 781px) { .drop-box__list .drop-box__item:hover, .drop-box__list .drop-box__item.active, .drop-box__item:has(> .drop-box__sub-list:not(.is-hidden)) { background-color: var(--primary-base); } } .drop-box__link { display: flex; align-items: center; gap: 8px; } .drop-box__link .icon { flex: 0 0 auto; } .drop-box__link svg { width: 32px; height: 32px; } .drop-box__link .button__text { flex: 1 1 auto; font-weight: 400; font-size: 16px; line-height: 125%; text-align: left; } .drop-box__item:hover .drop-box__link > *, .drop-box__link > * { color: #fff; } @media (any-hover: none) { .drop-box__item.active .drop-box__link > * { color: #fff; } } /* side catalog */ .catalog { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .section-side-catalog .catalog { flex: 0 0 330px; } @media only screen and (max-width: 780px) { .catalog { display: none; } } .section-side-catalog .drop-box__body { position: unset; background-color: transparent; padding: 8px 0 0 0; min-height: 512px; z-index: 1; } .section-side-catalog .drop-box__list { width: auto; } .section-side-catalog .drop-box__item { padding: 4px 0 4px 16px; } .section-side-catalog .drop-box__link { /*flex-wrap: wrap;*/ flex-wrap: unset; width: auto; white-space: unset; } [lang="pl"] .section-side-catalog .drop-box__link { flex-wrap: unset; } .section-side-catalog .drop-box__link .button__text { white-space: unset; flex: unset; word-break: break-word; } .section-side-catalog .drop-box__body .drop-box__link svg path { color: var(--primary-base); fill: var(--primary-base); transition: .15s; } .section-side-catalog .drop-box__link > * { color: var(--grayscale-black); } .section-side-catalog .drop-box__body .icon--arrow--right { display: none; } .section-side-catalog .drop-box__item:hover, .section-side-catalog .drop-box__item.active { background-color: transparent; } .section-side-catalog .drop-box__item { border-left: 2px solid transparent; } .section-side-catalog .drop-box__item:hover { border-color: var(--primary-base); } .section-side-catalog .drop-box__item:hover .drop-box__link > * { color: var(--primary-soft); } .section-side-catalog .drop-box__item:hover .drop-box__link:hover svg path { fill: var(--primary-soft); } .section-side-catalog .drop-box__item:focus .drop-box__link > * { color: var(--primary-dark); } .section-side-catalog .drop-box__item:focus .drop-box__link:focus svg path { fill: var(--primary-dark); } @media (any-hover: none) { .section-side-catalog .drop-box__item.active .drop-box__link > * { color: var(--primary-base); } } .section-side-catalog .drop-box__item.active .drop-box__link:active svg path { fill: var(--primary-base); } /*sublist*/ .drop-box__sub-list { position: absolute; left: 100%; top: 0; height: 100%; padding: 32px 48px 8px 44px; border-bottom-right-radius: 8px; } .drop-box__sub-list { background-color: var(--grayscale-dark); border-left: 1px solid var(--grayscale-base); } .drop-box__sub-list.list--full { width: calc(100vw - 370px); max-width: calc(1536px - 370px); transition: all .5s ease-in-out; } .drop-box__sub-list.list--full .sub-item-box__container { height: 587px; } .drop-box__sub-list.list--full .last--list { padding-bottom: 32px; } /**/ .sub-item-box { display: flex; height: 600px; overflow-y: hidden; overflow-x: auto; } .sub-item-box::-webkit-scrollbar-thumb { background-color: var(--grayscale-base); border: 1px solid var(--grayscale-black); } @-moz-document url-prefix() { .sub-item-box { scrollbar-color: var(--grayscale-base) var(--grayscale-dark); scrollbar-width: thin; } } .sub-item-box__container { columns: auto 240px; column-gap: 32px; height: 558px; } /**/ .no--chips .sub-item-box__container, .item--instrumenty_i_raskhodnye_materialy .sub-item-box__container, .item--uslugi .sub-item-box__container { column-fill: auto; height: 572px; } .item--stoleshnitsy_stenpaneli .sub-item-box__container { column-fill: auto; height: 596px; } .item--uslugi .sub-item-box__container { padding-bottom: 32px; } .item--stoleshnitsy_stenpaneli .sub-item-box__row.last--list { padding-bottom: 12px; } .item--stekla_zerkala .sub-item-box__container { column-fill: auto; height: 579px; } /**/ .sub-item-box__row.last--list { padding-bottom: 22px; } .sub-item-box__row { width: 240px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .sub-item-box__link { color: var(--grayscale-barely); font-size: 14px; line-height: 18px; padding: 3px 0; display: block; } .list--level--2 .sub-item-box__link { font-size: 16px; line-height: 20px; padding: 10px 0; font-weight: 700; } .list--level--3 { padding-left: 16px; } .list--level--3 li { list-style: disc; color: var(--grayscale-soft); } /*chips*/ .sub-item-chips__list { flex-direction: column; } .sub-item-chips__link { max-width: 240px; padding: 6px 12px; font-size: 13px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .item--instrumenty_i_raskhodnye_materialy .sub-item-chips__link { white-space: nowrap; max-width: inherit; } /**/ .mobile_main_menu .drop-box__body { display: none; } /*header logo services*/ .submenu__section--links-group { display: flex; gap: 16px; padding: 0 24px; } .submenu__section--links-group .submenu__link { padding: 0; } .submenu__section--links-group .submenu__link:first-child .icon { max-width: 160px; } .submenu__section--links-group .submenu__link:nth-of-type(2) .icon { max-width: 124px; max-height: 26px; } .submenu__section--links-group .submenu__link:last-child .icon { max-width: 90px; /*max-height: 26px;*/ margin-left: 8px; } .submenu__section--links-group .submenu__link.h-viyarpromebli:last-child .icon { max-width: 186px; /*max-height: 26px;*/ padding-left: 12px; } .submenu__section--links-group .icon { height: 32px; color: var(--grayscale-base); transition: .2s; } [lang="pl"] .submenu__section--links-group .submenu__link .icon { max-width: 124px; max-height: 26px; } .submenu__section--links-group .icon:hover { color: var(--grayscale-black); } .submenu__section--links-group .icon:active { color: var(--primary-black); } /*header stock*/ .header .submenu__section--stock { flex: 0 1 auto; justify-content: center; padding: 0 16px; } .header .submenu__section--stock .submenu__link { width: 100%; display: flex; justify-content: center; } .header .submenu__section--stock:hover { opacity: .8; } [lang="pl"] .header .submenu__section--stock .submenu__link { padding: 8px 4px; } [lang="pl"] .header .submenu__section--stock .offset--xsm--left { padding-left: 0; } /* media */ @media (max-width: 1536px) { .drop-box__sub-list.list--full { max-width: calc(1536px - 368px); } } @media (max-width: 1366px) { .drop-box__body { padding: 8px 0 8px 16px; min-height: 496px; } .drop-box__item { padding: 0 0 0 8px; } .drop-box__sub-list { padding-top: 12px; } .sub-item-box { height: 476px; } .drop-box__item .sub-item-box__container { height: 456px; } .item--stoleshnitsy_stenpaneli .drop-box__sub-list { width: 896px!important; } .item--kromka_i_plastiki .drop-box__sub-list { width: 610px!important; } .sub-item-chips__list { padding-top: 8px; } .drop-box__sub-list.list--full .sub-item-box__container { height: 468px; } .no--chips .sub-item-box__container { height: 480px; } .drop-box__sub-list .last--list { padding-bottom: 8px; } .list--level--2 .sub-item-box__link { padding: 6px 0; } /**/ .section-side-catalog .drop-box__body { padding-top: 8px; } .section-side-catalog .drop-box__item { padding: 0 0 0 16px; } } @media (max-width: 1200px) { .item--plitnye_materialy .drop-box__sub-list, .item--stoleshnitsy_stenpaneli .drop-box__sub-list { width: calc(100vw - 370px)!important; } /**/ .page-header__navbar-categories .page-header__btn--dropdown { border-bottom-width: 4px; } .header--sticky .page-header__catalog { flex: 0 0 auto; } .page-header__actions .button__text, .header--sticky .dropdown--catalog .dropdown__select .text { display: none; } .page-header__actions .blok-basket .button__text { display: block; } .submenu__section--links-group { flex: unset; padding-left: 8px; } .submenu__section--links-group .submenu__link.h-viyarpromebli:last-child .icon { padding-left: 6px; } .submenu__link .text { display: none; } .header--sticky .page-header__s-promo { flex-basis: 140px; } .header--sticky .page-header__s-promo .text { display: block; } .header .submenu__section--stock { flex: 0 0 auto; } .submenu__catalog { flex-basis: 182px; } .mesh-row--lang.offset--xxcm--right { padding-right: 0; min-width: 62px; } } @media only screen and (max-width: 1120px) { .header--sticky .input-wrapper, .header--sticky .page-header__s-search .input { max-width: inherit; width: 100%; } .header--sticky .page-header__s-promo .text { display: none; } } @media only screen and (max-width: 1024px) { .header.header--sticky .page-header__s-search { max-width: inherit; } .header--sticky .page-header__s-search { position: relative; border-right: 1px solid var(--grayscale-light); } .header--sticky .input-wrapper { position: unset; } .header--sticky .input-wrapper, .header--sticky .page-header__s-search .input { flex: unset; padding: 0; } .header--sticky .page-header__s-search .input { padding: 0 8px 0 16px; } .header--sticky .page-header__s-search .input-icon--left { left: unset; right: 4px; } .header.header--sticky .search__form .btn--reset { right: 32px; } .header--sticky .page-header__s-search .button--search { opacity: 0; flex: 0 0 40px; border-radius: 0; padding: 0; } .header--sticky .page-header__s-search .button__text { font-size: 0; } .header--sticky .multi-choose-results { width: calc(100% - 2px); left: 1px; top: 106%; } .header--sticky .page-header__s-promo { flex: 0 0 48px; } .header--sticky .mesh-row--auth .button__text { display: none; } } @media only screen and (max-width: 1023px) { .header .submenu__section--links-group { display: none; } } @media (max-width: 1080px) { .drop-box__sub-list { height: 100%; overflow: auto; } .drop-box__item .drop-box__sub-list { width: calc(100vw - 350px)!important; } } @media (max-width: 970px) { .submenu__catalog { flex-basis: 166px; } /*header logo services*/ .submenu__section--links-group { padding: 0 8px; min-width: 362px; } .submenu__section--links-group .submenu__link:first-child .icon { max-width: 120px; } .submenu__section--links-group .submenu__link:nth-of-type(2) .icon { max-width: 110px; } .submenu__section--links-group .submenu__link:last-child .icon { max-width: 82px; } .submenu__section--search .button--search { flex-basis: 80px; padding: 0 8px; } } @media (max-width: 780px) { .grid:has(.grid__row > .mobile_main_menu.is-active) { overflow: hidden; } .mobile_main_menu .sidebar__header, .mobile_main_menu .sidebar__subheader { position: fixed; width: 100%; max-width: 360px; background-color: var(--grayscale-dark); z-index: 5; } .mobile_main_menu .sidebar__header { gap: 8px; min-height: 48px; } .mobile_main_menu .sidebar__subheader { top: 48px; } .mobile_main_menu .sidebar__navigate { margin-top: 98px; } .mobile_main_menu .drop-box__body { display: block; } /*search*/ .page-second-header { min-height: inherit; } .search-inactive .m-search__input { display: none; } .search-active.search-mobile { box-shadow: 0 500px 0 500px rgba(32,32,32,.25); background-color: #fff; flex-direction: column; position: fixed; left: 0; top: 0; width: 100%; height: 112px; z-index: 1; } .search-mobile__heading { align-items: center; padding-left: 16px; } .search-active.search-mobile .m-search { height: 80px; background-color: var(--grayscale-barely); margin: 0; width: 100%; max-width: inherit; padding: 16px; justify-content: center; } .search-active.search-mobile .m-search__input { max-width: 600px; width: 100%; border: none; border-radius: 32px 0 0 32px; padding: 0 8px 0 16px; } .search-mobile .m-search__button { background-color: transparent; border: none; color: var(--primary-base); } .search-active.search-mobile .m-search__button { background-color: #fff; border-radius: 0 32px 32px 0; padding: 0 12px; } .search-active.search-mobile .m-search__button .icon--search { border-left: 1px solid var(--grayscale-faint); padding-left: 8px; } .header--sticky .multi-choose-results { width: 100%; left: 0; top: 100%; } /**/ .submenu._active .dropdown--catalog .dropdown-box {/*delete after realize*/ width: 100%; max-width: 360px; } .header .submenu._active { padding-top: 16px; } .header-catalog .drop-box { background-color: #fff; position: fixed; top: 88px; left: 0; display: block; height: calc(100% - 88px); width: 100%; max-width: 360px; opacity: 1; overflow: auto; z-index: 5; } .submenu .submenu__catalog { flex: unset; position: unset; } .submenu .drop-box__body { position: absolute; top: 0; left: -360px; max-width: 360px; min-height: inherit; height: 100%; width: 100%; transition: left .25s linear; background-color: #fff; } .submenu._active .drop-box__body { left: 0; } .submenu .drop-box__item:hover .drop-box__link > *, .submenu .drop-box__item.active .drop-box__link > *, .submenu .drop-box__link > * { color: var(--grayscale-dark); } .submenu .drop-box__body path { fill: var(--primary-base); } .submenu .drop-box__item { padding: 8px 0; border-bottom: 1px solid var(--grayscale-faint); } .submenu .drop-box__item:last-child { border-bottom: none; } .submenu .drop-box__item:hover, .submenu .drop-box__item.active { background-color: #fff; } .submenu .icon--arrow--right { transform: unset; } .submenu .drop-box__item.active .icon--arrow--right, .submenu .sub-item-box__row.active .icon--arrow--down { transform: rotate(-180deg); } .submenu .drop-box__list, .submenu .sub-item-box__row { width: 100%; } .submenu .drop-box__sub-list.list--full .last--list { padding-bottom: 0; } .submenu .drop-box__item .sub-item-box__container, .submenu .sub-item-box { height: auto!important; columns: 1; width: 100%; } .submenu .drop-box__item .drop-box__sub-list { width: inherit!important; padding-right: 0; padding-left: 44px; } .submenu .drop-box__sub-list { position: unset; background-color: #fff; border-left: none; } .submenu .drop-box__item .button__text { white-space: normal; text-overflow: unset; } .submenu .sub-item-box__list.list--level--2 { display: flex; padding: 4px 0; justify-content: space-between; } .submenu .sub-item-box__row:not(.active) .list--level--2, .submenu .sub-item-box__row.active .list--level--3 { border-bottom: 1px solid var(--grayscale-faint); } .submenu .last--list.active .list--level--3 { border-bottom: none; } .submenu .sub-item-box__row.active .list--level--3 { padding-bottom: 8px; } .submenu .sub-item-box__row.last--list .list--level--2 { border-bottom: none; } .submenu .list--level--2 .sub-item-box__link { font-weight: 400; } .submenu .sub-item-box__link { color: var(--grayscale-dark); padding: 8px 0; } .submenu .sub-item-chips__list, .submenu .sub-item-box__row:not(.active) .list--level--3 { display: none; } /**/ #mobileMenuBox .drop-box__item { position: relative; padding-left: 0; } #mobileMenuBox .icon--arrow--right { position: absolute; right: 0; top: 0; color: var(--grayscale-faint); } #mobileMenuBox .header-catalog__list .button__text { display: inline-block; width: calc(100% - 64px); flex: unset; color: var(--grayscale-faint); } } @media (max-width: 470px) { .header-catalog .drop-box { max-width: inherit; } .submenu .drop-box__body { left: -100%; max-width: inherit; } } /**/ .mobile_main_menu .drop-box__list { width: auto; } .mobile_main_menu .drop-box__item { min-height: 48px; } .mobile_main_menu .drop-box__item:hover, .drop-box__item.active { background-color: transparent; } .mobile_main_menu .icon--arrow--right { transform: unset; } .mobile_main_menu .drop-select { padding: 0 8px; min-height: 48px; } .mobile_main_menu .drop-select__text { color: var(--grayscale-faint); font-size: 16px; text-transform: uppercase; padding: 0 8px; flex: 1 1 auto; } .mobile_main_menu .header-catalog__select .drop-select__text { padding-left: 0; } .mobile_main_menu .drop-select .icon, .mobile_main_menu .sub-item-box__row a:hover, .sidebar-nav__select-icon .icon, .sidebar__navigate-item-icon .icon, .sidebar__navigate-item-text .text, .sidebar__navigate-section .btn-submit .icon--color--white { color: var(--grayscale-faint); } .mobile_main_menu .drop-box__body { position: unset; padding-right: 8px; } .mobile_main_menu .drop-box__item .drop-box__sub-list { height: auto; width: auto!important; position: unset; border-left: none; padding: 0; } .mobile_main_menu .sub-item-box { height: auto; } .mobile_main_menu .sub-item-box__container { height: auto!important; columns: unset; padding-left: 30px; width: 100%; } .mobile_main_menu .section__overlay.is-active { position: unset; left: unset; top: unset; width: auto; height: auto; cursor: unset; } .mobile_main_menu .sub-item-box__link { padding: 14px 42px 14px 0; font-size: 16px; line-height: 20px; font-weight: 400; } .mobile_main_menu .sub-item-box__row { width: 100%; } .mobile_main_menu .list--level--2 { position: relative; display: flex; gap: 0 16px; } .mobile_main_menu .list--level--2 .sub-item-box__link::before { content: '\2022'; font-size: 12px; position: absolute; left: 0; } .mobile_main_menu .list--level--2 .sub-item-box__link { padding-left: 12px; flex: 1 1 auto; } .mobile_main_menu .list--level--2 .icon--arrow--down { color: #fff; flex: 0 0 auto; transition: all .15s ease-in-out; } .mobile_main_menu .drop-box__item.active .icon--arrow--right, .mobile_main_menu .sub-item-box__row.active .icon--arrow--down{ transform: rotate(-180deg); } .mobile_main_menu .sub-item-box__row:not(.active) .list--level--3 { display: none; } .mobile_main_menu .list--level--3 li { list-style: none; padding-left: 10px; } /* End */ /* Start:/local/templates/viyar_new/components/bitrix/system.auth.form/eshop_adaptive/style.css?17140454579893*/ .modal--auth .modal__body { max-width: 832px; max-height: 724px; height: 100%; border-radius: 16px; box-shadow: 0 8px 48px 0 rgba(32, 32, 32, 0.25); } .modal--auth .modal-auth { border-radius: 16px; } .modal--auth .modal-forms { padding: 32px 48px; flex: 1; } .modal--auth .modal-forms .social-row { margin-top: 80px; } .modal--auth .modal-forms .social-row .text { text-align: center; } .modal--auth .modal-forms .social-row * { transition: unset; } .modal--auth .modal-forms .social-row.is-hidden { display: none; } .modal--auth .modal-forms .social-row__action { gap: 16px; margin-top: 16px; flex-wrap: wrap; justify-content: center; } .modal--auth .modal-forms .social-row__action .button { min-height: 48px; border: 1px solid var(--color--gray--soft); border-radius: 8px; min-width: 168px; max-width: 200px; } .modal--auth .modal-forms .social-row__action .button--transparent .button__icon { color: var(--color--blue); } .modal--auth .modal-forms .social-row__action .button--transparent .button__text { color: var(--color--gray); } .modal--auth .modal-forms .social-row__action .button--transparent:hover { border-color: var(--color--blue--light); } .modal--auth .modal-forms .social-row__action .button--transparent:hover .button__icon { color: var(--color--blue--soft); } .modal--auth .modal-forms .social-row__action .button--transparent:hover .button__text { color: var(--color--gray); } .modal--auth .modal-forms .social-row__action .button--transparent:active { background-color: var(--color--blue--faint); } .modal--auth .modal-forms .social-row__action .button--transparent:active .button__icon { color: var(--color--blue); } .modal--auth .modal-forms .social-row__action .button--transparent:active .button__text { color: var(--color--gray--dark); } .modal--auth .modal-form__head { gap: 16px; flex-wrap: wrap; align-items: center; margin-bottom: 48px; padding-top: 16px; padding-left: 16px; } .modal--auth .modal-form__head .icon { flex: 0 0 auto; } .modal--auth .modal-form__head .text--title { font-size: 24px; font-weight: 300; line-height: 24px; max-width: 304px; } .modal--auth .modal-form__desc { margin-bottom: 50px; max-width: 352px; padding-left: 32px; } .modal--auth .modal-form__group { display: flex; flex-direction: column; gap: 28px; padding: 0 32px; } .modal--auth .modal-form__group #city_livesearch { padding-right: 48px; } .modal--auth .modal-form__group .form-text-small { position: absolute; top: 100%; } .modal--auth .modal-form__action { padding: 0 32px; align-items: center; gap: 16px; margin-top: 32px; } .modal--auth .modal-form__action .modal-button__row.is-disabled { cursor: not-allowed; } .modal--auth .modal-form__action .modal-button__row.is-disabled .button { pointer-events: none; opacity: 0.25; } .modal--auth .modal-form__action .modal-button__row .button--transparent { padding: 0 12px; } .modal--auth .modal-form__action .modal-button__row .button--primary { width: 144px; height: 48px; } .modal--auth .modal-form .form-livesearch__item { padding: 12px 16px; } .modal--auth .modal-form .form-livesearch__item .text { font-size: 14px; } .modal--auth .modal-form .select-box__list { position: absolute; top: 100%; background-color: var(--color--gray--barely); width: 100%; z-index: 2; } .modal--auth .modal-form .select-box__item { font-size: 14px; font-weight: 700; padding: 12px 16px; border-top: 1px solid #e0e0e0; color: #202020; cursor: pointer; } .modal--auth .modal-form .select-box__item:hover { background-color: var(--color--gray--faint); } .modal--auth .form-label { display: flex; flex-direction: column; position: relative; padding: 0; } .modal--auth .form-label .icon-input { position: absolute; top: 50%; left: 8px; transform: translateY(-50%); } .modal--auth .form-label .icon-input.icon-right { right: 8px; left: unset; } .modal--auth .form-label .icon-input + input { padding-left: 48px; } .modal--auth .form-label .icon-input + input ~ .text--placeholder { left: 48px; opacity: 0; } .modal--auth .form-input { background-color: #fff; border: 1px solid var(--color--gray--soft); border-radius: 4px; line-height: 16px; height: 48px; } .modal--auth .form-input::placeholder { font-size: 14px !important; font-weight: 400 !important; line-height: 16px !important; color: #606060 !important; } .modal--auth [id*=city_livesearch]._active ~ .icon--btn { transform: rotate(-180deg) translateY(50%); } .modal--auth .modal-aside { animation: splashBg 24s ease-in-out infinite alternate; flex: 0 0 320px; display: flex; padding-bottom: 8px; position: sticky; top: 0; overflow: hidden; transition: 0.2s; } .modal--auth .modal-aside::before { content: ""; background: linear-gradient(90deg, #007FE0 51.7%, #004080 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .modal--auth .modal-aside__logo { align-self: end; padding-left: 32px; z-index: 1; } .modal--auth .modal-aside .splash > * { position: absolute; display: flex; z-index: 1; } .modal--auth .modal-aside .splash-f1 { animation: splashF1 24s ease-in-out infinite alternate; border-radius: 416px; background: #0092FF; filter: blur(80px); width: 416px; height: 416px; } .modal--auth .modal-aside .splash-f2 { animation: splashF2 24s ease-in-out infinite alternate; border-radius: 352px; background: #FFD400; filter: blur(80px); width: 352px; height: 352px; } .modal--auth .modal-aside .splash-f3 { animation: splashF3 24s ease-in-out infinite alternate; width: 112px; height: 112px; background: #66BDFF; filter: blur(40px); } .modal--auth .modal-aside .splash-f4 { animation: splashF4 24s ease-in-out infinite alternate; width: 160px; height: 160px; background: #66BDFF; filter: blur(40px); } .modal--auth .modal-aside .splash-f5 { animation: splashF5 24s ease-in-out infinite alternate; width: 160px; height: 160px; background: #FFF8B0; filter: blur(40px); } .modal--auth .modal-content { flex: 1; } .modal--auth .modal-tab { border-bottom: 1px solid var(--color--gray--faint); } .modal--auth .modal-tab__item { min-height: 64px; border-bottom: 4px solid transparent; display: flex; align-items: center; justify-content: center; flex: 1; font-size: 16px; line-height: 100%; font-weight: 600; } .modal--auth .modal-tab__item.is-active { border-color: var(--color--blue); } .modal--auth .progress-reg { padding: 0 16px 12px; } .modal--auth .progress-reg.is-hidden { display: block; visibility: hidden; } .modal--auth .progress-reg__list { display: flex; gap: 2px; } .modal--auth .progress-reg__item { height: 4px; background-color: var(--color--gray--pale); flex: 1; } .modal--auth .progress-reg__item.is-active, .modal--auth .progress-reg__item.is-progress { background-color: var(--color--green); } .modal--auth .is-invisible { visibility: hidden; position: absolute; } @keyframes splashBg { 0% { background: linear-gradient(90deg, #007FE0 51.7%, #004080 100%); opacity: 0.7; } 50% { background: linear-gradient(90deg, #007FE0 0%, #004080 100%); opacity: 9; } 100% { background: #004080; opacity: 1; } } @keyframes splashF1 { 0% { top: 224px; left: 120px; } 50% { top: 16px; left: 120px; } 100% { top: 112px; left: 344px; } } @keyframes splashF2 { 0% { top: 16px; right: -120px; } 50% { top: 264px; right: -120px; } 100% { top: 160px; right: -320px; } } @keyframes splashF3 { 0% { top: 176px; left: -24px; } 50% { top: 296px; left: -104px; } 100% { top: 96px; left: -120px; } } @keyframes splashF4 { 0% { bottom: 160px; left: 40px; } 50% { bottom: 520px; left: 72px; } 100% { bottom: 520px; left: -56px; } } @keyframes splashF5 { 0% { top: 192px; left: 96px; } 50% { top: 624px; left: 304px; } 100% { top: 624px; left: 352px; } } .modal-form [data-step-list].is-hidden, .modal-form [data-box].is-hidden, [data-num-step="4"] .modal-form__head { display: none; } /*pl*/ html[lang=pl] .modal-form__head .text--title { font-weight: 400; } @media (max-width: 896px) { .modal--auth .modal-aside { flex-basis: 212px; } .modal--auth .modal-forms { padding: 16px 24px; } .modal--auth .modal-form__head { margin-bottom: 24px; } .modal--auth .modal-forms .social-row { margin-top: 32px; } } @media (max-width: 780px) { .modal--auth.modal { padding: 16px; } .modal--auth .modal__body { min-height: inherit; height: 100%; } } @media (max-width: 720px) { .modal--auth .modal-form__group { padding: 0 8px; } .modal--auth .modal-form__action { margin-top: 24px; flex-wrap: wrap; justify-content: center; } } @media (max-width: 680px) { .modal--auth .modal-form__action { flex-direction: column-reverse; } } @media (max-width: 600px) { .modal--auth .modal__body { max-height: inherit; } .modal--auth .modal-aside { display: none; } .modal--auth .modal-form .form-livesearch__item .text { font-size: 12px; } } @media (max-width: 470px) { .modal--auth.modal { padding: 0; } .modal--auth .modal__body { border-radius: unset; } .modal--auth .modal-forms { width: 100vw; } .modal--auth .modal-forms .social-row__action .button { width: auto; min-width: 48px; } } @media (max-width: 359px) { .modal--auth.modal { padding: 0; } .modal--auth .modal__body { border-radius: unset; max-height: inherit; } .modal--auth .modal-forms { padding: 16px; } .modal--auth .modal-form__head { padding-left: 0; } } /*# sourceMappingURL=style.css.map */ /* End */ /* /css/jquery-confirm.min.css?171404545622509 */ /* /css/fancybox.css?171404545624797 */ /* /css/styles.css?1750934713385546 */ /* /css/style-vr.css?175024658222456 */ /* /css/qr.css?17140454561193 */ /* /css/main/product-card.css?174895183736969 */ /* /local/templates/viyar_new/components/bitrix/menu/catalog_vertical_adaptive/menu.css?174823888122099 */ /* /local/templates/viyar_new/components/bitrix/system.auth.form/eshop_adaptive/style.css?17140454579893 */