.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:15px;left:15px;right:15px;z-index:2;padding:15px 30px;width:auto;text-align:center;background-color:var(--background-color-body);border-radius:var(--sti-border-radius)}.collection-list .collection-wrap .collection-item .collection-image .shop-wrap .shop-icon-text{display:flex;align-items:center;justify-content:space-between}.collection-list .collection-wrap .collection-item .title-wrap{text-align:start}.collection-list .collection-wrap .collection-item .title-wrap h6.cat-title{color:var(--font-color-header);font-size:18px;font-weight:500;display:block}.collection-list .collection-wrap .collection-item .title-wrap h6.cat-title:hover{color:var(--font-color-primary)}.collection-list .collection-wrap .collection-item .title-wrap span{text-decoration:none}.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-body);margin-top:4px}.collection-list .collection-wrap .collection-item .title-wrap span.item-btn:hover{color:var(--font-color-header)}.collection-list .collection-wrap .collection-item .collection-image .shop-wrap .icon-btn{background-color:var(--font-color-header);color:#fff;font-size:18px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:100%}.collection-list .collection-wrap .collection-item .collection-image .shop-wrap .icon-btn:hover{background-color:var(--font-color-primary)}@media (max-width: 1199px){.collection-list .collection-wrap .collection-item .collection-image .shop-wrap{padding:15px 20px}.collection-list .collection-wrap .collection-item .collection-image .shop-wrap .icon-btn{width:40px;height:40px}}@media (max-width: 767px){.collection-list .collection-wrap .collection-item .collection-image .shop-wrap{padding:15px}}.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}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection-list.css.map */