.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}@media screen and (min-width: 360px){.froo-collections-blocks .froo-collection-blocks__grid{grid-template-columns: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:rgb(var(--color-background));opacity:var(--block-opacity);z-index:1;width:100%;height:100%;mix-blend-mode:hard-light}.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}.froo-collections-blocks .froo-collection-blocks__image-block a:before{display:block;content:"";position:absolute;top:0;left:0;width:calc(100% - 4rem);height:calc(100% - 4rem);border:4px solid rgba(255,255,255,.3);margin:2rem;z-index:2;transition:all ease-in-out .3s}.froo-collections-blocks .froo-collection-blocks__block:hover .froo-collection-blocks__image-block a:before{border:4px solid rgba(var(--color-accent),1)}@media screen and (max-width: 749px){.froo-collections-blocks .froo-collection-blocks__image-block a:before{width:calc(100% - 2rem);height:calc(100% - 2rem);border:2px solid rgba(255,255,255,.3);margin:1rem}.froo-collections-blocks .froo-collection-blocks__block:hover .froo-collection-blocks__image-block a:before{border:2px solid rgba(var(--color-accent),1)}}.no_outline-blocks .froo-collection-blocks__image-block a{padding:0}.no_outline-blocks .froo-collection-blocks__image-block a:before{display:none}.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:clamp(calc(var(--title-size) * .6),2vw,calc(var(--title-size) * .8));font-weight:400;padding:0;margin:0 0 2rem;line-height:1;font-family:var(--font-heading-family)}@media screen and (min-width: 750px){.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content h4{font-size:clamp(calc(var(--title-size) * .5),2.75vw,calc(var(--title-size) * .7))}}@media screen and (min-width: 990px){.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content h4{font-size:clamp(calc(var(--title-size) * .7),2.75vw,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:1.4rem;line-height:1;z-index:3;position:relative;transition:background ease-in-out .3s;display:flex;padding:.75rem 4rem;background:transparent;color:#fff}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button.button--secondary{background:none}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button:hover{background:rgba(var(--color-background),.75)}.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button:after{box-shadow:0 0 0 2px rgba(var(--color-accent),var(--border-opacity)),0 0 0 2px rgba(var(--color-accent),var(--alpha-button-background))}@media screen and (max-width: 749px){.froo-collections-blocks .froo-collection-blocks__block .froo-collection-blocks__content .button{font-size:1.3rem;padding:.5rem 2rem;min-height:4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/froo-collection-blocks.css.map */
