.collection-list{background-color:var(--background-color);text-align:center}.collection-list .nav-tabs{display:flex;flex-wrap:wrap;gap:30px;row-gap:15px;border:none;justify-content:center;margin-top:37px}.collection-list .nav-tabs a{color:var(--font-color-body);font-size:var(--subtitle-font-size-body);padding:15px 30px;border:var(--sti-border)}.collection-list .nav-tabs a.active,.collection-list .nav-tabs a:hover{color:#fff;background-color:var(--font-color-primary)}.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;width:100%}.collection-list .cat-block a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;background-color:#fff;-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:hover button{opacity:1}.collection-list .cat-block img{width:100%}.collection-list .cat-block .text-block{text-align:center;position:absolute;z-index:2;bottom:30px;left:30px;right:30px;padding:16px 15px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;overflow:hidden}.collection-list .cat-block h6.cat-title{font-size:18px}.collection-list .cat-block .text-block .pro-count{color:var(--font-color-body);font-size:16px}.collection-list .cat-block .text-block button{color:#fff;font-size:16px;text-transform:uppercase;font-weight:500;position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(20px);opacity:0;background-color:var(--font-color-primary)}.collection-list .cat-block:hover .text-block button{opacity:1;transform:translateY(0)}@media (max-width: 1199px){.collection-list .nav-tabs{gap:15px}.collection-list .cat-block .text-block{flex-direction:column;gap:5px;left:15px;right:15px;bottom:15px}.collection-list .cat-block h6.cat-title{font-size:16px}.collection-list .cat-block .text-block .pro-count{font-size:14px}}@media (max-width: 991px){.collection-list .grid-wrap{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.collection-list .nav-tabs{margin-top:18px}.collection-list .nav-tabs a{font-size:16px;padding:10px 20px}.collection-list .grid-wrap{gap:15px}}@media (max-width: 479px){.collection-list .nav-tabs{gap:10px}.collection-list .nav-tabs a{padding:8px 14px}}@media (max-width: 320px){.collection-list .grid-wrap{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-list.css.map */