.collection_list_inner{display:flex;align-items:center;gap:2.6rem}.collection_list_head{max-width:49.4rem;flex:1 1 auto;width:100%}.collection_list_head span.small-text{background:var(--color-primary-button-background);color:var(--color-primary-button-text);padding:.6rem 1.2rem;border-radius:1.45rem;display:inline-flex;justify-content:center;align-items:center;margin:0 0 1rem}.collection_list_head h2{margin:0;color:var(--color-foreground-heading);letter-spacing:0;text-transform:var(--text-transform)}.collection_list_blocks_wrapper{flex:0 0 auto;max-width:70%;width:100%;overflow:hidden;padding:.3rem}.collection_list_img{border-radius:var(--img-border-radius)}.collection_list_img a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.collection_list_img img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;border-radius:var(--img-border-radius);transition:filter .3s}.collection_list_img a:focus-visible{outline:none!important}.collection_list_img a:focus-visible+img{outline:.1rem solid var(--color-foreground)}.collection_list_img .placeholder_svg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--img-border-radius)}.collection_list_block:hover img{filter:blur(1px) brightness(.9)}.collection_list_title{position:absolute;bottom:2.3rem;left:2.3rem;display:flex;align-items:center;gap:1.4rem;transform:translateY(-100%);overflow:hidden;opacity:0;transition:transform .3s,opacity .3s}.collection_list_block:hover .collection_list_title{transform:translateY(0);opacity:1}.collection_list_title h3{margin:0;color:var(--color-primary);word-break:break-word}.collection_list_title h3 a{text-decoration:none;color:var(--color-primary);transition:color .3s}.collection_list_title h3 a:hover{color:var(--color-primary-hover)}.collection_list_title span{display:flex}.collection_list_title span svg path{fill:var(--color-primary);transition:fill .3s}.collection_list_title span svg circle{stroke:var(--color-primary);transition:stroke .3s}.collection_list_title h3:hover+span svg path{fill:var(--color-primary-hover)}.collection_list_title h3:hover+span svg circle{stroke:var(--color-primary-hover)}.collectionlist-style2 .collection_list_inner{flex-direction:column}.collectionlist-style2 .collection_list_blocks_wrapper{max-width:100%}.collectionlist-style2 .collection_list_head{max-width:100%;display:flex;justify-content:space-between;align-items:center}.collectionlist-style2 .collection_list_title{position:absolute;bottom:0;left:0;width:auto;display:flex;justify-content:space-between;background:color-mix(in srgb,var(--color-primary-button-background) 65%,transparent);padding:2rem 2.5rem;padding-right:0;border-radius:5px;margin:12px;opacity:1;box-sizing:border-box;transform:translateY(0);transition:width .5s ease}.collectionlist-style2 .collection_list_title span{opacity:0;transform:translate(-15px);transition:transform .5s ease}.collectionlist-style2 .collection_list_title h3{font-size:2rem;font-weight:600;font-family:var(--font-body-family);color:var(--color-primary-button-text);border-bottom:3px solid var(--color-primary-button-text);border-radius:3px}.collectionlist-style2 .collection_list_block:hover .collection_list_title{width:calc(100% - 24px);transition:transform .5s ease;padding-right:2.5rem;background:color-mix(in srgb,var(--color-primary-button-hover-background) 80%,transparent)}.collectionlist-style2 .collection_list_block:hover .collection_list_title h3{color:var(--color-primary-button-hover-text);border-bottom:3px solid var(--color-primary-button-hover-text)}.collectionlist-style2 .collection_list_block:hover .collection_list_title span svg circle{stroke:var(--color-primary-button-hover-text)}.collectionlist-style2 .collection_list_block:hover .collection_list_title span svg path{fill:var(--color-primary-button-hover-text)}.collectionlist-style2 .collection_list_block:hover .collection_list_title span{transform:translate(10px);opacity:1}.collectionlist-style2 .swiper-button-next svg path,.collectionlist-style2 .swiper-button-prev svg path{fill:var(--color-foreground-heading)}.collectionlist-style2 .collectionlist_arrows{padding-right:6rem}@media screen and (max-width: 990px){.collection_list_inner{flex-flow:column;justify-content:flex-start;align-items:flex-start}.collection_list_blocks_wrapper{max-width:100%}}@media screen and (max-width: 640px){.collectionlist-style2 .collectionlist_arrows{display:none}.collectionlist-style2 .collection_list_title h3{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/collection-list.css.map */