.layout_4{margin:calc(.5 * var(--grid-gap)) calc(-0.5 * var(--grid-gap));clear:both;display:flex;flex-wrap:wrap;align-items:stretch}.layout_4:before,.layout_4:after{content:" ";display:table}.layout_4:after{clear:both}.layout_4:before,.layout_4:after{content:none}.layout_4>*{padding:calc(var(--grid-gap) / 2)}.layout_4>*>*:first-child{height:100%}.layout_4>*{width:50%}@media (min-width: 714px){.layout_4>*{width:33.33334%}}@media (min-width: 1344px){.layout_4>*{width:25%}}@media (min-width: 984px){.with-column .layout_4>*{width:33.33334%}}.layout_4{--product-list-gap:20px;margin-top:var(--grid-gap-half);margin-bottom:var(--grid-gap-half)}@media (max-width: 713.98px){.layout_4{--product-list-gap:16px}}.layout_4>li .product-image{position:relative;position:relative;display:block;overflow:hidden}.layout_4>li .product-image:before{content:'';display:block;width:100%;height:0;padding:0 0 var(--image-ratio)}.layout_4>li .product-image .product_image_image{margin:0;position:absolute;top:0;left:0;width:100%}.layout_4>li .product-image .label-box{left:var(--grid-gap-half)}.layout_4>li.type-article,.layout_4>li.type-link{--image-ratio:61.7%}.layout_4>li.type-product{--image-ratio:150%}.layout_4>li .product-infos{padding:var(--grid-gap)}.layout_4>li .comments_note,.layout_4>li .content_price{margin-top:4px;line-height:var(--product-list-gap)}.layout_4>li .content_price{margin-top:var(--grid-gap-half)}.layout_4>li .content_price .price{display:inline-block;vertical-align:top;font-size:1rem;color:#5e5e5e;font-weight:400}.layout_4>li .content_price .old-price{font-size:.93333rem}.layout_4>li .product-name{margin:0}.layout_4>li .product-name a{display:block}.layout_4>li .product-desc{color:#5e5e5e;margin:var(--grid-gap-half) 0 0;font-size:.93333rem;max-height:calc(var(--product-list-gap) * 4);line-height:var(--product-list-gap);overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}.layout_4>li .button-container{margin-top:var(--product-list-gap)}.layout_4>li .product-container{background:#fff;position:relative}@media (min-width: 984px){.layout_4>li .product-container:hover .color-list-container,.layout_4>li .product-container:hover .product-buttons-functional{opacity:1}}.layout_4>li .product-buttons-functional{position:absolute;top:8px;right:8px;z-index:30}@media (max-width: 419.98px){.layout_4>li .product-buttons-functional{display:none}}.layout_4>li .product-buttons-functional>*{float:left}.layout_4>li .product-buttons-functional>*+*{margin-left:4px}.layout_4>li .product-buttons-functional .btn{display:block;font-size:16px;padding:0;width:36px;line-height:36px;color:#efefef;background:#1E1E1E;border-color:transparent;transition:background .4s cubic-bezier(0.23, 1, 0.32, 1)}.layout_4>li .product-buttons-functional .btn:hover,.layout_4>li .product-buttons-functional .btn:focus{color:#efefef;background-color:#0f0f0f;border-color:transparent}.layout_4>li .product-buttons-functional .btn:active,.layout_4>li .product-buttons-functional .btn.active,.open .layout_4>li .product-buttons-functional .btn.dropdown-toggle{color:#efefef;background-color:#000;border-color:transparent;background-image:none}.layout_4>li .product-buttons-functional .btn.disabled,.layout_4>li .product-buttons-functional .btn.disabled:hover,.layout_4>li .product-buttons-functional .btn.disabled:focus,.layout_4>li .product-buttons-functional .btn.disabled:active,.layout_4>li .product-buttons-functional .btn.disabled.active,.layout_4>li .product-buttons-functional .btn[disabled],.layout_4>li .product-buttons-functional .btn[disabled]:hover,.layout_4>li .product-buttons-functional .btn[disabled]:focus,.layout_4>li .product-buttons-functional .btn[disabled]:active,.layout_4>li .product-buttons-functional .btn[disabled].active,fieldset[disabled] .layout_4>li .product-buttons-functional .btn,fieldset[disabled] .layout_4>li .product-buttons-functional .btn:hover,fieldset[disabled] .layout_4>li .product-buttons-functional .btn:focus,fieldset[disabled] .layout_4>li .product-buttons-functional .btn:active,fieldset[disabled] .layout_4>li .product-buttons-functional .btn.active{background:#1E1E1E;border-color:transparent}.layout_4>li .product-buttons-functional .btn span{display:none}.layout_4>li .product-buttons-functional .btn:hover{background:#f1f1f1}.layout_4>li .product-buttons-functional .btn:before{font-weight:normal;display:inline-block;vertical-align:top;font-family:"Material Design Icons";margin:0}.layout_4>li .product-buttons-functional .compare>a:before{content:"\F05D1"}.layout_4>li .product-buttons-functional .compare>a.checked{position:relative}.layout_4>li .product-buttons-functional .compare>a.checked:after{content:"\F012C";font-family:"Material Design Icons";position:absolute;top:-1px;left:50%;margin-left:5px;color:#fff;background:#1E1E1E;border-radius:50%;font-size:9px;width:16px;line-height:16px}.layout_4>li .product-buttons-functional .dropdown-menu{right:0;left:auto}.layout_4>li .color-list-container{text-align:center;position:absolute;z-index:30;bottom:0;left:0;width:100%;padding:8px 6px;background:#fff;opacity:0;transition:opacity .4s cubic-bezier(0.23, 1, 0.32, 1)}.layout_4>li .color-list-container li{width:20px;height:20px;padding:0;border-radius:50%;display:inline-block;vertical-align:top;background:#fff}.layout_4>li .color-list-container li .color_pick{display:block;height:100%;width:100%;border-radius:50%;cursor:pointer;position:relative;background-size:cover !important}.layout_4>li .color-list-container li .color_pick:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;pointer-events:none;border:2px solid transparent;box-shadow:none;transition:all .4s cubic-bezier(0.23, 1, 0.32, 1)}.layout_4>li .color-list-container li .isWhite:after{border-color:#7d7d7d}.layout_4>li .color-list-container li .color_pick:hover:after{border-color:#5e5e5e;box-shadow:inset 0 0 0 3px #fff}.layout_4>li .color-list-container li.link_plus_product{width:auto}.layout_4>li .color-list-container li.link_plus_product a{font-size:13px;font-family:"Barlow Condensed",Arial,Helvetica,sans-serif;font-weight:400;color:#7d7d7d}@media (max-width: 419.98px){.layout_4>li .color-list-container{display:none}}.layout_4>li .color-list-container,.layout_4>li .product-buttons-functional{opacity:0;transition:opacity .4s cubic-bezier(0.23, 1, 0.32, 1)}@media (max-width: 419.98px){.layout_4>li .btn{padding:2px 8px;font-size:.93333rem;line-height:20px;border-radius:14px;font-weight:400}}.layout_4>li .product-infos{padding:12px 0 0;flex-grow:1;display:flex;flex-direction:column;text-align:center}.layout_4>li .product-name{margin:0;max-height:calc(var(--product-list-gap) * 2);line-height:var(--product-list-gap);overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.layout_4>li .product-name a{display:block;text-transform:none}.layout_4>li .button-container{margin-top:auto}.layout_4>li.type-product .button-container{padding-top:12px}.layout_4>li .product-container{display:flex;flex-direction:column}.layout_4>li .product-image{box-shadow:none}.layout_4>li .product-infos{padding:var(--grid-gap)}.layout_4>li .product-name{font-weight:700;transition:color .4s cubic-bezier(0.23, 1, 0.32, 1)}.layout_4>li .product-container{overflow:hidden;box-shadow:0 2px 15px 0 rgba(0,0,0,0.07)}.layout_4>li.clickable .product-container{box-shadow:0 2px 15px 0 rgba(0,0,0,0.07)}.layout_4>li.clickable .product-container:hover{box-shadow:0 6px 36px 0 rgba(60,60,58,0.2)}.layout_4>li.clickable .product-container:hover .product-image .product_image_link{opacity:0.4}.layout_4>li.clickable .product-container:hover .product-image:after{opacity:1}.layout_4>li.clickable .product-container:hover .product-name{color:#1E1E1E}@media (min-width: 420px){.layout_4>li.clickable .product-image{background:white}.layout_4>li.clickable .product-image:after{opacity:0;color:#fff;background:#1E1E1E;border-radius:50%;font-size:21px;width:40px;text-align:center;line-height:40px;pointer-events:none;content:"\F06ED";font-family:"Material Design Icons";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:opacity .4s cubic-bezier(0.23, 1, 0.32, 1)}}.layout_4>li .product-image .product_image_image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 25%;object-position:center 25%}.layout_4>li .product-image .product_image_link{transition:opacity .4s cubic-bezier(0.23, 1, 0.32, 1)}

/*# sourceMappingURL=product-list-layout-4.css.map */