.related-block{ margin:2px 0; padding:2px; border:solid 1px #fff; border-radius:30px; display:inline-block; cursor:pointer; }
.related-block *{ user-select:none; }
.related-block:hover{ border-color:#ccc; }
.related-block.selected{ border-color:#000;background-color:#fff }
.related-block.inactive{ cursor:not-allowed; opacity:0.25; }
.related-block img{ cursor:pointer; width:100px; }

.related-block-color{ width:15px; height:15px; border-radius:15px; text-align:center; }
.related-block-color-label{ display:none; filter:invert(1) grayscale(1) brightness(1.3) contrast(9000); mix-blend-mode:luminosity; }

@media (max-width: 768px) {
   .facet .has-related-color-container{ display:grid!important; grid-template-columns:repeat(4, 1fr); grid-gap:10px; }
   #search_filters_wrapper .facet .has-related-color-container li{ float:none; }
   #search_filters .facet .has-related-color .facet-label a{ width:100%; margin:0; font-size:11px; font-weight:300; }
   .facet .related-block-color{ width:100%; height:auto; border-radius:3px; }
   .facet .active .related-block-color{ background:#000000!important; }
   .facet .related-block-color-label{ display:block; }
}

.related-block .nocursor{ cursor:default; }

.related-block-list.selected{ float:left; margin-right:6px; }
.related-mobile{display: block;font-size:12px;text-decoration:underline}
#product .zone-product-right .related-mobile{display: none}
.related-blocks .more-colors{position: relative;top: -8px;left:3px;font-size: 13px;font-weight: 500;text-decoration: underline;display: none}
#product .zone-product-right .related-block{display: inline-block}
#category .related-block{display: none}

#similar-products{ margin:25px 0 35px 0; }
.related-blocks+#similar-products{ margin-top:-25px; }
#product .related-blocks+#similar-products{ margin-top:0px; }

.similar-layer-backdrop{ display:none; position:fixed; z-index:9989; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.15); transition:all 0.3s; opacity:0; }
.similar-layer-backdrop.open{ display:block; opacity:1; }

.similar-handle{ border:solid 1px #dcdcdc; padding:3px 10px; cursor:pointer; transition:all 0.3s; position:relative; }
.similar-handle:hover{ background:#f3f3f3; }
.similar-handle img{ width:65px; margin-right:25px; mix-blend-mode:multiply; }
.similar-handle label{ display:inline-block; width:calc(100% - 175px); text-align:left; font-size:13px; line-height:14px; position:absolute; right:65px; top:50%; transform:translateY(-50%); cursor:pointer; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; line-clamp:3; overflow:hidden; }
.similar-handle i{ display:inline-block; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; right:15px; }

.similar-layer{ background:#ffffff; padding:25px; position:fixed; z-index:9990; height:100vh; width:480px; max-width:100%; top:0; right:-500px; transition:right 0.3s; box-shadow:0 0 7px 1px rgba(0,0,0,0.25); overflow-y:auto; }
.similar-layer.open{ right:0; }
.similar-layer .title{ border-bottom:solid 1px #dfdfdf; margin-bottom:25px; padding-bottom:25px; font-size:18px; font-weight:700; }
.similar-layer .close{ float:right; cursor:pointer; color:#000000; opacity:0.8; }
.similar-layer .similar-layer-wrapper{ display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:25px; }
.similar-layer .similar-layer-wrapper .similar-layer-item{ display:inline-block; padding:15px; transition:all 0.3s; border:solid 1px transparent; text-align:left; }
.similar-layer .similar-layer-wrapper .similar-layer-item:hover{ border-color:#dfdfdf; background:#f1f1f1; }
.similar-layer .similar-layer-wrapper .similar-layer-item img{ max-width:100%; margin-bottom:10px; mix-blend-mode:multiply; }
.similar-layer .similar-layer-wrapper .similar-layer-item label{ text-align:left; line-height:15px; cursor:pointer; }
.similar-layer .similar-layer-wrapper .similar-layer-item .price{ font-weight:500; font-size:15px; }