.collection-list{background-color:var(--background-color)}.collection-list .collection-wrap .collection-item{display:flex;flex-wrap:wrap}.collection-list .collection-wrap .collection-item .collection-image{position:relative;width:255px}.collection-list .collection-wrap .collection-item .collection-image a.image-wrap{display:block}.collection-list .collection-wrap .collection-item .collection-title{width:calc(100% - 255px);padding:30px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--theme-border-color);border-inline-start:none}.collection-list .collection-wrap .collection-item .collection-title .title-wrap span.sub-title{font-size:18px;margin-bottom:13px}.collection-list .collection-wrap .collection-item .collection-title .shop-wrap{margin-top:15px}.collection-list .collection-wrap .collection-item .collection-title .shop-wrap a.shop-title{font-weight:600;color:var(--font-color-primary);text-transform:uppercase;border-bottom:2px solid var(--font-color-primary);line-height:1}.collection-list .collection-wrap .collection-item .collection-title .shop-wrap a.shop-title:hover{color:var(--font-color-link);border-color:var(--font-color-link)}@media (max-width: 1499px){.collection-list .collection-wrap .collection-item .collection-image{width:160px}.collection-list .collection-wrap .collection-item .collection-title{width:calc(100% - 160px);padding:30px 15px}.collection-list .collection-wrap .collection-item .collection-title .title-wrap span.sub-title{margin-bottom:11px}.collection-list .collection-wrap .collection-item .collection-title .title-wrap h2{font-size:30px}.collection-list .collection-wrap .collection-item .collection-title .shop-wrap{margin-top:12px}}@media (max-width: 1199px){.collection-list .collection-wrap .collection-item .collection-title .title-wrap span.sub-title{margin-bottom:8px}.collection-list .collection-wrap .collection-item .collection-title .title-wrap h2{font-size:24px}.collection-list .collection-wrap .collection-item .collection-title .shop-wrap{margin-top:11px}}@media (max-width: 479px){.collection-list .collection-wrap .collection-item .collection-image{width:130px}.collection-list .collection-wrap .collection-item .collection-title{width:calc(100% - 130px)}.collection-list .collection-wrap .collection-item .collection-title .title-wrap span.sub-title{font-size:16px}.collection-list .collection-wrap .collection-item .collection-title .title-wrap h2{font-size:20px}.collection-list .collection-wrap .collection-item .collection-title .shop-wrap{margin-top:8px}}.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/2/assets/collection-list.css.map */
