.grid{display:grid;grid-gap:var(--vertical-grid-gutter) var(--grid-gutter);grid-template-columns:repeat(var(--grid-columns),var(--grid-image-width));justify-content:center;grid-auto-flow:dense;--bottom-height: (4em * 1.5) }.grid-bottom-largest{--bottom-height: (5em * 1.5) }@media (max-width: 480px){.grid-bottom-large{--bottom-height: (5em * 1.5) }.grid-bottom-largest{--bottom-height: (6em * 1.5) }}@media (max-width: 374px){.grid-bottom-large{--bottom-height: (6em * 1.5) }.grid-bottom-largest{--bottom-height: (7em * 1.5) }}.block{display:flex;flex-direction:column;width:100%}.block>*{flex-grow:none;flex-shrink:none}.block.large{grid-column:span 2;grid-row:span 2;justify-content:center}.block.wide{grid-column:span 2;justify-content:center}.block.tall{grid-row:span 2;justify-content:center}a.block{cursor:pointer}.block-top,.block-full{position:relative;overflow:hidden}.block .block-top:after,.block-full:after{content:"";display:block;padding-bottom:120%;width:0px}.block.large .block-top:after{padding-bottom:calc(((100% - var(--grid-gutter)) * 1.2) + var(--vertical-grid-gutter) + (var(--bottom-height)) + 16px)}.block.tall .block-top:after{padding-bottom:calc((120% * 2) + var(--vertical-grid-gutter) + (var(--bottom-height)) + 16px)}.block.wide .block-top:after{padding-bottom:calc(((100% - var(--grid-gutter))/2) * 1.2)}.block .block-full:after{padding-bottom:calc(120% + (var(--bottom-height)) + 16px)}.block.large .block-full:after{padding-bottom:calc(((100% - var(--grid-gutter)) * 1.2) + var(--vertical-grid-gutter) + 2 *((var(--bottom-height)) + 16px))}.block.tall .block-full:after{padding-bottom:calc((120% * 2) + var(--vertical-grid-gutter) + 2 *((var(--bottom-height)) + 16px))}.block.wide .block-full:after{padding-bottom:calc(((100% - var(--grid-gutter))/2) * 1.2 + (var(--bottom-height)) + 16px)}.block.image-square .block-top:after,.block-full:after{content:"";display:block;padding-bottom:100%;width:0px}.block.image-square.large .block-top:after{padding-bottom:calc(((100% - var(--grid-gutter)) * 1) + var(--vertical-grid-gutter) + (var(--bottom-height)) + 16px)}.block.image-square.tall .block-top:after{padding-bottom:calc((100% * 2) + var(--vertical-grid-gutter) + (var(--bottom-height)) + 16px)}.block.image-square.wide .block-top:after{padding-bottom:calc(((100% - var(--grid-gutter))/2) * 1)}.block.image-square .block-full:after{padding-bottom:calc(100% + (var(--bottom-height)) + 16px)}.block.image-square.large .block-full:after{padding-bottom:calc(((100% - var(--grid-gutter)) * 1) + var(--vertical-grid-gutter) + 2 *((var(--bottom-height)) + 16px))}.block.image-square.tall .block-full:after{padding-bottom:calc((100% * 2) + var(--vertical-grid-gutter) + 2 *((var(--bottom-height)) + 16px))}.block.image-square.wide .block-full:after{padding-bottom:calc(((100% - var(--grid-gutter))/2) * 1 + (var(--bottom-height)) + 16px)}.block-top>img,.block-top>svg,.block-top>.block-icon,.block-full>img,.block-full>svg,.block-full>.block-icon{position:absolute;top:0;right:0}.block-top>img,.block-top>svg,.block-full>img,.block-full>svg{height:100%;width:100%;object-fit:cover;display:block}.block-top>img:nth-child(2){opacity:0}.block.image-contain .block-top>img,.block.image-contain .block-top>svg,.block.image-contain .block-full>img,.block-full>svg{object-fit:contain;object-position:center bottom}a.block .block-top>img{transform:scale(1);transition:.3s opacity ease,.3s transform ease}a.block .block-top:hover>img{transform:scale(1.1);opacity:1}a.block .block-top.has-secondary-image:hover>img:nth-child(1){opacity:0}.block-bottom{padding-top:16px;padding-left:0;min-height:calc(var(--bottom-height));word-break:break-word}.block-bottom .block-text{flex-grow:1;max-height:calc(var(--bottom-height))}.block-bottom h3,.block-bottom p{margin:0}.block-bottom h3{font-weight:400;font-size:1em}.block-bottom h3 .product-name{text-transform:var(--product-text-transform)}.block-bottom .product-label,.block-bottom .article-label{display:inline-block;font-size:1em}.block-bottom .product-label:not(:first-child),.block-bottom .article-label:not(:first-child){padding-left:1em}.block-bottom .block-icon{margin-top:-16px;margin-left:-4px}.block-icon{margin-right:0}.block-bottom .icon-animated-right{height:1em}.block-bottom .block-price{width:var(--grid-image-width);margin-right:-48px}.large-grid{display:grid;justify-content:center;grid-auto-flow:dense;grid-template-columns:1fr;grid-gap:var(--large-grid-small-gutter) var(--large-grid-small-gutter)}@media (min-width: 765px){.large-grid{grid-template-columns:1fr 1fr;grid-gap:var(--large-grid-gutter) var(--large-grid-gutter)}}.large-block{position:relative;display:flex}.large-block .collection-large-block h2{word-break:break-word}.large-block .media,.large-block .media>*{display:block;width:100%;height:calc(100% + 2px);object-fit:cover}@media (max-width: 764px){.large-block:not(.only_text):not(.large-block-with-text):after{content:" ";display:block;width:0px;padding-bottom:70.2%}.large-block.tall:not(.only_text){grid-row:span 2;justify-content:center}.large-block.tall:not(.only_text):after{padding-bottom:calc(140.4% + var(--large-grid-gutter))}}@media (min-width: 765px){.large-block:not(.large-block-with-text):after{content:" ";display:block;width:10px;padding-bottom:70.2%}.large-block.large{grid-column:span 2;grid-row:span 2;justify-content:center}.large-block.wide{grid-column:span 2;justify-content:center}.large-block.tall{grid-row:span 2;justify-content:center}.large-block.tall:after{padding-bottom:calc(140.4% + var(--large-grid-gutter))}.large-block.large:after{padding-bottom:calc((100% - var(--large-grid-gutter))/2 * 1.404 + var(--large-grid-gutter))}.large-block.wide:after{padding-bottom:calc((100% - var(--large-grid-gutter))/2 * .702)}}@media (max-width: 764px){.large-grid.grid-square .large-block:not(.only_text):not(.large-block-with-text):after{padding-bottom:100%}.large-grid.grid-square .large-block.tall:not(.only_text):after{padding-bottom:calc(200% + var(--large-grid-gutter))}}@media (min-width: 765px){.large-grid.grid-square .large-block:not(.large-block-with-text):after{padding-bottom:100%}.large-grid.grid-square .large-block.tall:after{padding-bottom:calc(200% + var(--large-grid-gutter))}.large-grid.grid-square .large-block.large:after{padding-bottom:calc((100% - var(--large-grid-gutter))/2 * 2 + var(--large-grid-gutter))}.large-grid.grid-square .large-block.wide:after{padding-bottom:calc((100% - var(--large-grid-gutter))/2 * 1)}}.large-block>div.background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.large-block .background>*{transform:scale(1);transition:.3s transform ease}a.large-block:hover .background>*{transform:scale(1.1)}.large-block>div.content{display:flex;flex-grow:1;z-index:1}.large-block .content>div{flex-grow:1}.large-block .text-content{margin:24px}@media (max-width: 916px){.large-block .text-content{margin:5.93vw}}.large-block-with-text{flex-direction:column}.large-block-with-text .article-text h3{margin:8px 0;font-weight:400;font-size:1.667em}@media (max-width:916px){.large-block-with-text .article-text h3{font-size:1.667em}}.large-block-with-text .article-text .article-info{margin-top:36px;font-weight:700}@media (max-width:480px){.large-block-with-text .article-text .article-info{margin-top:24px}}.large-block-with-text .article-text .article-info span:not(.article-label)+span.article-label{padding-left:14px}.large-block-with-text .article-text .article-label:not(:last-child){padding-right:14px}.large-block-with-text .article-text p{padding:4px 0 8px;margin:0;font-size:1em}.large-block-with-text .article-text .article-link{margin-top:0}.article-text .article-text{margin-bottom:8px}.large-block-with-text .article-text{margin:0 24px 0 0}@media (min-width: 765px){.large-block-with-text .article-text{margin-right:48px}}a.article-image-url:hover+div.article-text h3 a span.underline-animation{background-size:100% 1px}.three-grid{display:grid;justify-content:center;grid-auto-flow:dense;grid-template-columns:1fr;grid-gap:var(--medium-size-grid-gutter) var(--medium-size-grid-gutter)}.legal-block{order:10}@media (min-width: 765px){.three-grid{grid-template-columns:1fr 1fr;grid-gap:var(--medium-size-grid-gutter) var(--medium-size-grid-gutter)}.legal-block{grid-column-start:1;order:unset}.three-block.wide{grid-column:span 2}.three-block.tall{grid-row:span 2}}@media (min-width: 1136px){.three-grid{grid-template-columns:1fr 1fr 1fr;grid-gap:var(--medium-size-grid-gutter) var(--medium-size-grid-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/grid.css.map */