.category-grid{display:none;width:100%}@media screen and (max-width:767px){.category-grid{display:block;padding:var(--section-padding)}.category-grid__tile{grid-column:auto;grid-row:auto}}.category-grid__container{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);max-width:100%}.category-grid__tile{text-decoration:none;color:inherit;display:block;height:100%}.category-grid__tile-inner{position:relative;background-color:var(--tile-bg);overflow:hidden;display:flex;flex-direction:column;height:100%}.category-grid .category-grid__tile-inner.card--card{border:var(--tile-border-width) solid var(--tile-border-color);border-radius:var(--tile-radius)}.category-grid__image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden}.category-grid__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.category-grid__image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.category-grid__image-placeholder svg{width:60%;height:60%;opacity:.3}.category-grid__content{text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.category-grid__title{font-size:var(--title-size-desktop);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--title-color-mobile);margin:0 0 4px;line-height:1.2}.category-grid__promo{font-size:var(--promo-size-desktop);color:var(--promo-color-mobile);margin:0;line-height:1.3}.category-grid__tile--banner{display:block}.category-grid__tile--banner:before{content:"";display:block}.category-grid__tile--banner .category-grid__center-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (max-width:400px){.category-grid__title{font-size:calc(var(--title-size-mobile) * .9)}.category-grid__promo{font-size:calc(var(--promo-size-mobile) * .9)}}@media screen and (min-width:768px){.category-grid{--desktop-text-align-items: flex-start;--desktop-text-align: left}.category-grid__image-wrapper{order:1}.category-grid__content{order:2}.category-grid[data-text-pos^=top] .category-grid__content{order:1}.category-grid[data-text-pos^=top] .category-grid__image-wrapper{order:2}.category-grid[data-text-pos$=left]{--desktop-text-align-items: flex-start;--desktop-text-align: left}.category-grid[data-text-pos$=center]{--desktop-text-align-items: center;--desktop-text-align: center}.category-grid[data-text-pos$=right]{--desktop-text-align-items: flex-end;--desktop-text-align: right}.category-grid{display:block;padding:var(--section-padding);max-width:1400px;margin:0 auto}.category-grid__container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;grid-auto-flow:dense;gap:var(--grid-gap)}.category-grid__tile--banner{align-self:stretch}.tile--normal{grid-column:span 1;grid-row:span 1}.tile--wide{grid-column:span 2;grid-row:span 1}.tile--tall{grid-column:span 1;grid-row:span 2}.tile--big{grid-column:span 2;grid-row:span 2}.category-grid__tile{min-width:0;min-height:0}.category-grid__tile-inner{min-width:0;min-height:0;background-color:var(--tile-bg);overflow:hidden;display:grid;grid-template-rows:1fr auto;row-gap:6px}.category-grid[data-text-pos^=top] .category-grid__tile-inner{grid-template-rows:auto 1fr}.category-grid__image-wrapper{min-height:0;height:100%;padding-bottom:0}.category-grid__image{width:100%;height:100%;object-fit:contain}.category-grid__content{padding:6px;display:flex;flex-direction:column;align-items:var(--desktop-text-align-items);text-align:var(--desktop-text-align)}.category-grid__title{font-size:var(--title-size-desktop);font-weight:600;letter-spacing:.6px;color:var(--title-color-desktop)}.category-grid__promo{font-size:var(--promo-size-desktop);margin-top:2px;color:var(--promo-color-desktop)}.category-grid__tile--banner .category-grid__center-image{width:100%;height:100%;object-fit:cover;display:block}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/category-showcase.css.map */