.category-grid{display:none;width:100%;max-width:1200px}@media screen and (max-width:767px){.category-grid{display:block;padding:calc(var(--section-padding) * .6);max-width:1200px}.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%;transition:transform .3s ease,box-shadow .3s ease;will-change:transform}.category-grid__tile:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001f}.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-color:transparent;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;object-position:top center}.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:center}.category-grid__title{font-size:var(--title-size-desktop);font-weight:600;letter-spacing:.5px;color:var(--title-color-mobile);margin:4px 0;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:748px){.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);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:cover;object-position:top center}.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/19/assets/category-showcase.css.map */