.widget-collection{padding-bottom:100px;border-bottom:1px solid var(--border-color)}.widget-collection .collections{position:relative}.widget-collection.owl-style2 .owl-nav{top:-95px}.widget-collection .collections .owl-stage-outer{overflow:visible}.widget-collection .collections:after{position:absolute;width:100%;height:100%;right:100%;top:0;z-index:1;content:"";background-color:var(--bg-body)}.widget-collection .collect{background-color:var(--color-base-background-2);transition:opacity .5s ease,transform 2s cubic-bezier(0,0,.44,1.18)}.widget-collection .collect .collect-info{padding:20px 30px 30px;display:flex;justify-content:space-between}.widget-collection .collect:hover .collect-img img{-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.widget-collection .collect .collect-info__name{font-size:calc(var(--font-size-body) + 10px);font-weight:var(--font-body-weight)}.widget-collection .collect .collect-info__cl{display:flex;flex-direction:column}.widget-collection .collect .collect-info .cl-count{font-size:var(--font-size-body);color:#888;margin:3px 0 0}.widget-collection .collect .collect-info__view a{width:50px;height:50px;border-radius:100%;display:flex;justify-content:center;align-items:center;background-color:var(--color-base-background-1);box-shadow:0 3px 3px #00000005;text-align:center;color:var(--link-color);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.widget-collection .collect .collect-info__view svg{width:20px;height:20px}.widget-collection .collect:hover{background-color:var(--color-base-background-1)}.widget-collection .collect:hover .collect-img img{border-radius:100%}.widget-collection .collect:hover .collect-info__view a{background-color:var(--main-color2);color:#fff}.widget-collection .collect .collect-info__view a:hover{color:var(--link-hover);color:#fff}@media (min-width: 768px) and (max-width: 991px){.widget-collection .collect .collect-info__name{font-size:calc(var(--font-size-body) + 4px)}.widget-collection.owl-style2 .owl-nav{top:-75px}}@media (max-width: 767px){.widget-collection{padding-bottom:50px}.widget-collection .collect .collect-info{padding:20px 15px 30px}.widget-collection .collect .collect-info .collect-info__view{display:none}.widget-collection.owl-style2 .owl-nav{top:-59px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-home-collection.css.map */