.moon{width:100%;height:100%;z-index:1;position:fixed;top:0;left:0}.collerovka-container{z-index:2;left:0;right:0;top:0;margin:2% auto;background:#fff;position:fixed;width:90%;z-index:9999;padding:30px}.collerovka-header-control{position:relative}.control-close{position:absolute;right:0;top:-7px;font-size:24px;color:#6d6c6c;cursor:pointer}.collerovka-header h2{font-size:24px;border-bottom:3px solid #d3553c;padding-bottom:4px;margin-bottom:15px}.collerovka-body{display:grid;grid-template-columns:2fr 3fr}.collerovka-body_interior{margin:20px}.search-collerovka{padding:10px 15px;border:none;background:#eee;width:100%}.colors-tabs{position:relative;margin-top:10px;margin-bottom:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.color-tab{color:#898989;padding:10px 15px;border-bottom:2px solid #eee}.color-tab:hover{cursor:pointer}.color-tab.active{border-bottom:2px solid #717171}.colors-items{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;height:450px;overflow-x:hidden;overflow-y:auto;padding:20px;grid-auto-rows:55px}.colors-item{width:95%;margin:1px 2px;color:#fff;padding:15px 20px;-webkit-transition:.3s;transition:.3s;z-index:1;cursor:pointer;border:2px solid transparent;border-radius:4px;height:50px;position:relative}.colors-item.active{border:2px solid #b2b2b2}.collerovka-body_colors .colors-item:hover{-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-transition:.3s;transition:.3s;z-index:2}.colors-item span{background:inherit;-webkit-background-clip:text;font-weight:600;color:#fff;text-shadow:1px 1px 1px #000}.collerovka-bottom-control{height:50px;position:relative}.btn-select-collerovka{padding:10px 30px;text-transform:uppercase;font-weight:600;border-radius:5px;position:absolute;right:54px;width:205px;top:20px;cursor:pointer}.btn-select-color-remove{border:1px solid #eee;background:transparent;cursor:pointer}.select-colors_item{display:-webkit-box;display:-ms-flexbox;display:flex}.select-colors{margin-top:10px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:55px}.btm-collerovka-image{width:30px;height:30px;margin-right:10px}.product-form.select-colors .select-colors_item{position:relative}.product-form.select-colors .select-colors_item .colors-item{margin-left:0}.product-form.select-colors .btn-select-color-remove{position:absolute;right:20px;top:12px;font-size:20px;z-index:1;border:0;color:#fff}.cart__container .select-colors{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.cart__container .select-colors .colors-item{margin-left:0}.btm-collerovka:hover{background-color:var(--color-red);color:#fff;background-blend-mode:multiply}@media (max-width:1200px){.colors-items{height:330px}.cart__container .select-colors{grid-template-columns:1fr 1fr 1fr 1fr}}@media (max-width:1024px){.collerovka-container{width:95%}.collerovka-container .collerovka-body{grid-template-columns:3fr 4fr}.collerovka-container .btn-select-collerovka{right:20px;width:158px}.collerovka-container .interior-alert{margin:0;bottom:-100px}.collerovka-container .colors-items{grid-template-columns:1fr 1fr 1fr}.collerovka-container .colors-item{font-size:14px}}@media (max-width:780px){.collerovka-container .collerovka-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.collerovka-container .collerovka-body .collerovka-body_colors .colors-item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.collerovka-container .collerovka-body .collerovka-body_interior{height:363px;margin-bottom:100px}.collerovka-container .collerovka-body .collerovka-body_interior .interior-alert{bottom:-68px}.collerovka-container .collerovka-body .collerovka-body_colors .colors-items{height:100%;max-height:45vh}.collerovka-container .color-tab{font-size:14px}.collerovka-container .btn-select-collerovka{width:95%}.collerovka-container .collerovka-bottom-control{position:absolute;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;bottom:20px;left:0;z-index:1;width:100%}.cart__container .select-colors{grid-template-columns:1fr 1fr}}@media (max-width:576px){.select-colors{grid-template-columns:1fr}.control-close{right:10px;top:-2px}.cart__container .select-colors{grid-template-columns:1fr}.collerovka-container{width:100%;height:100%;padding:8px}.collerovka-container .collerovka-header h2{margin-bottom:0}.collerovka-container .collerovka-body .collerovka-body_interior{height:200px;margin:5px 0}.collerovka-container .collerovka-body .collerovka-body_interior .interior-alert{bottom:-95px;display:none}.collerovka-container .collerovka-body .collerovka-body_colors{padding:5px}.collerovka-container .collerovka-body .collerovka-body_colors .colors-items{padding:0;grid-template-columns:1fr 1fr}.collerovka-container .colors-tabs{display:grid;grid-template-columns:1fr 1fr;width:85%}.collerovka-container .colors-tabs .favorite{right:-30px;margin:10% auto}.collerovka-container .colors-tabs .color-tab{padding:9px 6px;font-size:14px;text-align:center}}.colors-remove-favorite{position:absolute;font-size:10px;color:#eee;visibility:hidden;right:5px;top:5px;padding:3px;display:none}.colors-favorite .colors-item:hover .colors-remove-favorite{-webkit-transition:.3s;transition:.3s;visibility:visible;display:block;z-index:2}.color-item-background{width:100%;height:100%;top:0;left:0;z-index:-1;position:absolute}.active .favorite{fill:#d3553c}.active .color-tab{background:#d3553c;color:#fff;-webkit-transition:.4s;transition:.4s}.favorite{position:absolute;right:10px;height:20px;width:20px;cursor:pointer;margin:2% 0}.favorite path{stroke:#d3553c}.collerovka-body_interior{background-size:cover;background-repeat:no-repeat;background-position:bottom}.collerovka-body_interior-active{width:100%;height:100%;position:relative}.btn-interior-action{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:100%}.btn-interior-action.next{right:0}.btn-interior-action.prev{left:0}.interior-alert{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom:-90px;margin:0 40px;font-size:12px;background:hsla(0,0%,93.3%,.41176);padding:10px;border-radius:5px}.icon-alert{margin-right:10px}
