.featured-collection-blocks{--featured-collection-gap: 16px;--featured-collection-mobile-padding: 1.5rem;display:flex;gap:var(--featured-collection-gap);justify-content:center;align-items:stretch;margin:32px auto;max-width:var(--page-width, 1200px)}.featured-block{flex:1 1 0;min-width:180px;min-height:200px;border:2px solid #222;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;position:relative;text-align:center;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),z-index 0s;z-index:1}.featured-block:hover{transform:scale(1.12);z-index:10;box-shadow:0 8px 32px #0000002e}.featured-block--link{color:inherit;text-decoration:none}.featured-block__title-wrap{position:relative;margin-bottom:.5em;display:block}.featured-block__title{font-size:clamp(3.6rem,4vw,5rem);font-weight:700;line-height:1.1;display:block;color:#000;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.featured-block__title>*{margin:0}.featured-block__subtitle{color:#000;font-size:2.1rem;font-weight:500;line-height:1.2;margin-bottom:.5em;max-width:100%;overflow-wrap:break-word}.featured-block__arrow{position:absolute;top:8px;right:12px;width:30px;height:30px;pointer-events:none;z-index:1}.featured-block__arrow img{display:block;width:100%;height:100%}.featured-block__link{margin-top:auto;font-weight:700;text-decoration:underline}@media screen and (max-width:989px){.featured-collection-blocks{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scroll-padding-left:var(--featured-collection-mobile-padding);padding:0 var(--featured-collection-mobile-padding);flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none}.featured-collection-blocks::-webkit-scrollbar{display:none;width:0;height:0}.featured-block{flex:0 0 auto;scroll-snap-align:start}.featured-block__title,.featured-block__subtitle{font-size:30px}.featured-block__subtitle{line-height:1.15}.featured-block:hover{transform:none;box-shadow:none}}@media screen and (max-width:749px){.featured-block{flex-basis:80%;min-width:80%}}@media screen and (min-width:750px)and (max-width:989px){.featured-block{flex-basis:calc((100% - (2 * var(--featured-collection-gap))) / 2.5);min-width:calc((100% - (2 * var(--featured-collection-gap))) / 2.5)}}@media screen and (min-width:990px)and (max-width:1200px){.featured-collection-blocks{padding-left:24px;padding-right:24px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/featured-collection-blocks.css.map */
