.category-grid-section{position:relative;width:100%}.category-grid{display:grid;width:100%;list-style:none;margin:0;padding:0}@media(min-width:769px){.category-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid--cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:768.98px){.category-grid--mob-cols-1{grid-template-columns:1fr}.category-grid--mob-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.category-grid--centered-wrap{display:flex;flex-wrap:wrap;justify-content:center}.category-grid--centered-wrap .category-grid__item{flex:0 0 auto}@media(min-width:769px){.category-grid--centered-wrap.category-grid--cols-2 .category-grid__item{width:calc((100% - var(--category-grid-gap-desktop, 16px)) / 2)}.category-grid--centered-wrap.category-grid--cols-3 .category-grid__item{width:calc((100% - (var(--category-grid-gap-desktop, 16px) * 2)) / 3)}.category-grid--centered-wrap.category-grid--cols-4 .category-grid__item{width:calc((100% - (var(--category-grid-gap-desktop, 16px) * 3)) / 4)}.category-grid--centered-wrap.category-grid--cols-5 .category-grid__item{width:calc((100% - (var(--category-grid-gap-desktop, 16px) * 4)) / 5)}}@media(max-width:768.98px){.category-grid--centered-wrap.category-grid--mob-cols-1 .category-grid__item{width:100%}.category-grid--centered-wrap.category-grid--mob-cols-2 .category-grid__item{width:calc((100% - var(--category-grid-gap-mobile, 12px)) / 2)}}.category-card{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--category-card-bg, #ffffff);border:var(--category-card-border-width, 1px) solid var(--category-card-border-color, #e0e0e0);border-radius:var(--category-card-radius, 0px);overflow:hidden;text-decoration:none;color:inherit;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.category-card:hover{border-color:var(--category-card-border-hover, #bdbdbd);box-shadow:0 4px 15px #00000014}.category-card__media{position:relative;width:100%;overflow:hidden;background-color:var(--category-media-bg, #f5f5f5)}.category-card__media-inner{position:relative;width:100%;display:block}.category-card__media--aspect-16-9 .category-card__media-inner{padding-top:56.25%}.category-card__media--aspect-4-3 .category-card__media-inner{padding-top:75%}.category-card__media--aspect-3-2 .category-card__media-inner{padding-top:66.66%}.category-card__media--aspect-1-1 .category-card__media-inner{padding-top:100%}.category-card__media--aspect-auto .category-card__media-inner{padding-top:60%}.category-card__image,.category-card__media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--category-image-fit, cover);object-position:center;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s ease}.category-card--zoom-hover:hover .category-card__image,.category-card--zoom-hover:hover .category-card__media img{transform:scale(1.06)}.category-card__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:#9e9e9e}.category-card__placeholder svg{width:100%;height:100%;object-fit:cover}.category-card__title-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--category-bar-pad-y, 14px) var(--category-bar-pad-x, 16px);background-color:var(--category-bar-bg, #404040);color:var(--category-bar-text, #ffffff);text-align:center;min-height:var(--category-bar-min-height, 48px);transition:background-color .25s ease,color .25s ease;margin-top:auto}.category-card:hover .category-card__title-bar{background-color:var(--category-bar-bg-hover, #2c2c2c)}.category-card__title{margin:0;padding:0;color:inherit;font-size:var(--category-title-size, 1.6rem);font-weight:500;line-height:1.3;letter-spacing:.02em;word-break:break-word}@media(min-width:769px){.category-card__title{font-size:var(--category-title-size-desktop, 1.8rem)}}.category-card__subtitle{margin-top:4px;font-size:1.2rem;opacity:.85;color:inherit;line-height:1.2}
/*# sourceMappingURL=/cdn/shop/t/107/assets/category-grid.css.map */