.collection-list__heading{margin-bottom:16px}.collection-list__heading h2{margin:0}.collection_header_wrap{text-align:center;max-width:700px;margin:0 auto 40px}.collection-list__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.collection-list__card{position:relative;display:block;width:100%;overflow:hidden;border:1px solid rgb(var(--color-border));border-radius:10px;box-shadow:0 0 rgba(var(--color-heading));color:inherit;text-decoration:none;transform:translateY(0);transition:box-shadow .35s ease,transform .35s ease}.collection-list__card:hover{box-shadow:0 12px 30px #0000001a;transform:translateY(-2px)}.collection-list__media{position:relative;width:100%;overflow:hidden}.collection-list__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.collection-list__card:hover .collection-list__image{transform:scale(1.03)}.collection-list__placeholder{display:block;width:100%;height:100%}.collection-list__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,#0000,#00000073)}.collection-list__content{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:18px}.collection-list__title{margin:0;max-width:calc(100% - 45px)}.collection-list__arrow{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;transition:transform .35s ease}.collection-list__arrow svg{display:block;width:100%;height:100%}.collection-list__card:hover .collection-list__arrow{transform:translate(2px)}@media screen and (max-width:1199px)and (min-width:992px){.collection-list__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:991px)and (min-width:768px){.collection-list__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:767px){.collection-list__grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:10px}.collection-list__content{padding:12px}.collection-list__arrow{width:24px;height:24px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-list.css.map */