.froo-collections-blocks .froo-collection-blocks__grid{display:grid;grid-template-columns:1fr;gap:var(--grid-gap)}.froo-collections-blocks .froo-collection-blocks__grid.full-width{padding:0 1rem}@media screen and (min-width: 360px){.froo-collections-blocks .froo-collection-blocks__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 750px){.froo-collections-blocks .froo-collection-blocks__grid.grid-layout__2{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 750px){.froo-collections-blocks .froo-collection-blocks__grid.grid-layout__3{grid-template-columns:repeat(3,1fr)}.froo-collections-blocks .froo-collection-blocks__grid.grid-layout__4{grid-template-columns:repeat(4,1fr)}.froo-collections-blocks .froo-collection-blocks__grid.grid-layout__5{grid-template-columns:repeat(5,1fr)}}.froo-collections-blocks .froo-collection-blocks__block{position:relative}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__image-block a:after{content:"";position:absolute;top:0;background:#000;opacity:var(--block-opacity);z-index:1;width:100%;height:100%;transition:all ease-in-out .3s}.froo-collections-blocks .froo-collection-blocks__block:hover .froo-collection-blocks__image-block a:after{opacity:0}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__image-block img{transition:transform var(--duration-long) ease;transform-origin:center}.froo-collections-blocks .froo-collection-blocks__block:hover .froo-collection-blocks__image-block img{transform:scale(1.03)}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content{justify-content:var(--block-position-align);position:absolute;display:flex;top:0;bottom:0;flex-direction:column;width:100%;align-items:var(--block-text-align);padding:2rem 1rem}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content h4,.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button{position:relative;z-index:2}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content h4{font-size:calc(var(--title-size) * .7);font-weight:400;padding:0;margin:0 0 1rem;line-height:1}@media screen and (min-width: 750px){.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content h4{font-size:var(--title-size)}}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content h4 a{text-decoration:none}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button{width:fit-content;text-transform:uppercase;font-weight:600;font-size:clamp(1.4rem,2vw,1.6rem)}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button:after,.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button:before{display:none}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button:hover,.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button:focus{background:rgb(var(--color-accent));color:rgb(var(--color-foreground))}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button span{margin-right:.75rem}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button svg{transform:rotate(-90deg);height:2rem}
/*# sourceMappingURL=/cdn/shop/t/7/assets/froo-collection-blocks.css.map */
