.category-grid{display:none;width:100%}@media screen and (max-width:767px){.category-grid{display:grid;padding-top:calc(var(--section-padding) * .6);padding-bottom:calc(var(--section-padding) * .6)}.category-grid__tile{grid-column:auto;grid-row:auto}}.category-grid__header{margin-bottom:16px;display:flex;align-items:center;gap:8px}.category-grid__eyebrow{display:inline-flex;width:fit-content;align-items:center;margin:0;padding:.55rem .9rem;border:1px solid currentColor;border-radius:999px;color:var(--category-eyebrow-color);font-size:.78rem;line-height:1;letter-spacing:.24em;text-transform:uppercase}.category-grid__heading{margin:0;color:var(--category-heading-color);font-size:clamp(1rem,2.4vw,2.75rem);line-height:.95}.category-grid__container{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);max-width:1200px;width:100%;margin:0 auto}.category-grid__tile{text-decoration:none;color:inherit;display:block;height:100%;transition:transform .3s ease,box-shadow .3s ease;will-change:transform;overflow:hidden;border-radius:var(--tile-radius)}.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-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 .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 .category-grid__promo{font-size:var(--promo-size-desktop);color:var(--promo-color-mobile);margin:0;line-height:1.3}.category-grid[data-text-pos^=top] .category-grid__content--below-image{order:-1}.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 .category-grid__title{font-size:calc(var(--title-size-mobile) * .9)}.category-grid .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--below-image{order:2}.category-grid[data-text-pos^=top] .category-grid__content--below-image{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:grid;padding-top:var(--section-padding);padding-bottom:var(--section-padding)}.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[data-text-pos^=top] .category-grid__content--below-image{grid-row:1;grid-column:1}.category-grid[data-text-placement-desktop=on_image][data-text-pos^=top] .category-grid__tile-inner{grid-template-rows: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 .category-grid__title{font-size:var(--title-size-desktop);font-weight:600;letter-spacing:.6px;color:var(--title-color-desktop)}.category-grid .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}}.category-grid__overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-color, rgba(0, 0, 0, .4));z-index:1;pointer-events:none}.category-grid__content--on-image{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;flex-grow:0;padding:10px;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left}@media screen and (max-width:767px){.category-grid[data-text-placement-mobile=on_image] .category-grid__overlay{display:block}.category-grid[data-text-placement-mobile=on_image] .category-grid__content--on-image{display:flex}.category-grid[data-text-placement-mobile=on_image] .category-grid__content--below-image{display:none}.category-grid[data-text-placement-mobile=on_image][data-text-pos^=top] .category-grid__content--on-image{justify-content:flex-start}.category-grid[data-text-placement-mobile=on_image][data-text-pos$=center] .category-grid__content--on-image{align-items:center;text-align:center}.category-grid[data-text-placement-mobile=on_image][data-text-pos$=right] .category-grid__content--on-image{align-items:flex-end;text-align:right}}@media screen and (min-width:768px){.category-grid[data-text-placement-desktop=on_image] .category-grid__overlay{display:block}.category-grid[data-text-placement-desktop=on_image] .category-grid__content--on-image{display:flex;align-items:var(--desktop-text-align-items);text-align:var(--desktop-text-align);padding:12px}.category-grid[data-text-placement-desktop=on_image] .category-grid__content--below-image{display:none}.category-grid[data-text-placement-desktop=on_image][data-text-pos^=top] .category-grid__content--on-image{justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/category-showcase.css.map */