.collection-list{background-color:var(--background-color);text-align:center}.collection-list .collection-wrap .collection-item{text-align:center}.collection-list .collection-wrap .collection-item .collection-image{position:relative}.collection-list .collection-wrap .collection-item .collection-image .image-wrap{position:relative;display:block;overflow:hidden;border-radius:var(--sti-border-radius)}.collection-list .collection-wrap .collection-item .collection-image .image-wrap:before{background-color:#000;content:unset;position:unset;top:0;right:0;bottom:0;left:0;opacity:.3;z-index:1}.collection-list .collection-wrap .collection-item .collection-image .shop-wrap{position:absolute;bottom:0;transform:translateY(30px);left:0;right:0;opacity:0;visibility:hidden;-webkit-transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;-o-transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}.collection-list .collection-wrap .collection-item:hover .collection-image .shop-wrap{opacity:1;visibility:visible;transform:translateY(0)}.collection-list .collection-wrap .collection-item .collection-image .shop-wrap .shop-title{background-color:var(--font-color-header);color:#fff;font-size:16px;font-weight:700;padding:14px 30px;min-width:100%;opacity:1;text-transform:uppercase;text-align:center}.collection-list .collection-wrap .collection-item .collection-image .shop-wrap .shop-title i{font-size:15px;padding-left:3px}.collection-list .collection-wrap .collection-item .collection-image .shop-wrap .shop-title:hover{opacity:.7}.collection-list .collection-wrap .collection-item .title-wrap{margin-top:25px}.collection-list .collection-wrap .collection-item .title-wrap a.cat-title{color:var(--font-color-body);font-size:18px;font-weight:500;display:block}.collection-list .collection-wrap .collection-item .title-wrap span{text-decoration:underline}.collection-list .collection-wrap .collection-item .title-wrap span i{font-size:14px}.collection-list .collection-wrap .collection-item .title-wrap span.item-btn{color:var(--font-color-header);font-size:16px;font-weight:500;margin-top:4px}.collection-list .collection-wrap .swiper .slider-arrow{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:var(--section-title-bottom-space)}.collection-list .collection-wrap .swiper .slider-arrow button{color:var(--font-color-body);font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--theme-border-color);border-radius:100%}.collection-list .collection-wrap .swiper .slider-arrow button:hover{color:#fff;background-color:var(--font-color-primary);border-color:var(--font-color-primary)}@media (max-width: 767px){.collection-list .collection-wrap .swiper .slider-arrow{margin-top:var(--section-title-bottom-space-mobile)}}.collection-list .collection-wrap .slider-dot{margin-top:50px;text-align:center}.collection-list .collection-wrap .slider-dot span.swiper-pagination-bullet{position:relative;background-color:transparent;width:16px;height:16px;border:2px solid var(--font-color-primary);opacity:1}.collection-list .collection-wrap .slider-dot span.swiper-pagination-bullet:before{background-color:var(--font-color-primary);content:"";position:absolute;bottom:50%;transform:translateY(50%);left:0;right:0;width:6px;height:6px;opacity:0;visibility:hidden;border-radius:100%;margin:0 auto}.collection-list .collection-wrap .slider-dot span.swiper-pagination-bullet.swiper-pagination-bullet-active:before,.collection-list .collection-wrap .slider-dot span.swiper-pagination-bullet:hover:before{opacity:1;visibility:visible}@media (max-width: 767px){.collection-list .collection-wrap .slider-dot{margin-top:30px}}@media (max-width: 479px){.collection-list .collection-wrap .collection-item .title-wrap{margin-top:20px}.collection-list .collection-wrap .collection-item .title-wrap a.cat-title{font-size:16px}.collection-list .collection-wrap .collection-item .title-wrap span.item-btn{margin-top:2px}.collection-list .collection-wrap .collection-item .collection-image .shop-wrap .shop-title{font-size:12px;padding:10px 20px}.collection-list .collection-wrap .collection-item .collection-image .shop-wrap .shop-title i{font-size:11px;padding-left:2px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-list.css.map */