.collection-list{background-color:var(--background-color);text-align:center}.collection-list .grid-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.collection-list .cat-block{position:relative;display:flex;border-radius:var(--sti-border-radius);overflow:hidden}.collection-list .cat-block a{position:relative;display:flex;align-items:center;justify-content:center}.collection-list .cat-block a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.collection-list .cat-block a:hover:before{opacity:.5}.collection-list .cat-block a button{position:absolute;z-index:2;font-size:16px;color:#fff;text-transform:uppercase;width:50px;display:flex;align-items:center;justify-content:center;opacity:0;-webkit-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}.collection-list .cat-block a button:before{content:"";width:100px;height:100px;position:absolute;z-index:-1;background-repeat:no-repeat}.collection-list .cat-block a:hover button{opacity:1}.collection-list .cat-block .cat-img{position:relative;overflow:hidden}.collection-list .cat-block .cat-img img{width:100%}.collection-list .cat-block .text-block{text-align:center;position:absolute;bottom:0;left:0;right:0;padding:15px 30px 26px;background-color:var(--extra-color-body)}.collection-list .cat-block .text-block:before{content:"";position:absolute;top:-10px;left:0;right:0;z-index:1;height:30px;background-size:contain;background-repeat:repeat-x}.collection-list .cat-block h6.cat-title{font-size:24px;font-weight:var(--subtitle-custom-font-weight-body)}.collection-list .cat-block .text-block .pro-count{margin-top:6px}@media(max-width:1499px){.collection-list .cat-block h6.cat-title{font-size:20px}}@media(max-width:991px){.collection-list .grid-wrap{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.collection-list .grid-wrap{gap:15px}.collection-list .cat-block .text-block{padding:5px 15px 16px}.collection-list .cat-block h6.cat-title{font-size:18px}.collection-list .cat-block a button{display:none}}@media(max-width:320px){.collection-list .grid-wrap{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/collection-list.css.map */