.category-grid{margin:0 auto}.category-grid__header{margin-bottom:2rem;text-align:center}.category-grid__heading{margin:0;font-weight:700}.category-grid__subtitle{margin:.75rem auto 0;max-width:600px;font-size:var(--category-subtitle-size, 14px);line-height:1.6;color:var(--category-subtitle-color, #666);text-align:center}@media screen and (min-width: 750px){.category-grid__subtitle{margin-top:1rem;font-size:calc(var(--category-subtitle-size, 14px) + 2px)}}.category-grid__items--desktop{display:none}.category-grid__items--mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1rem}@media screen and (min-width: 750px){.category-grid__items--desktop{display:grid;gap:2rem 1.5rem}.category-grid__items--mobile,.category-grid__see-all--mobile{display:none}}.category-grid__items--modal{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1rem}.category-grid__item{position:relative}.category-grid__link{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;color:inherit;transition:opacity .3s ease}.category-grid__link:hover{opacity:var(--category-hover-opacity, .7)}.category-grid__link[aria-disabled=true]{pointer-events:none}.category-grid__image-wrapper{position:relative;width:100%;padding-bottom:100%;background-color:var(--category-card-bg, #f5f5f5);border-radius:var(--category-image-radius, 4px);overflow:hidden}.category-grid__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease}.category-grid__link:hover .category-grid__image{transform:scale(var(--category-hover-scale, 1.05))}.category-grid__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.category-grid__placeholder svg{width:50%;height:50%;opacity:.3}.category-grid__title{font-size:var(--category-title-size, 14px);line-height:1.4;text-align:center;word-break:break-word;color:var(--category-title-color, #000)}@media screen and (min-width: 750px){.category-grid__title{font-size:calc(var(--category-title-size, 14px) + 2px)}}.category-grid__title strong{font-weight:600}.category-grid__see-all{margin-top:2rem;text-align:center}.category-grid__see-all .button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border:1px solid rgba(0,0,0,.1);border-radius:2rem;background:transparent;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.category-grid__see-all .button:hover{border-color:#000c;background:#0000000d}.category-grid__see-all .button svg{transition:transform .2s ease}.category-grid__see-all .button[aria-expanded=true] svg{transform:rotate(180deg)}.category-grid__modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.category-grid__modal[open]{display:block}.modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.modal__content{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:2;overflow:hidden}.modal__close{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;z-index:3;transition:background .2s ease}.modal__close:hover{background:#0000000d}.modal__close svg{width:1.25rem;height:1.25rem}.modal__inner{padding:4rem 1.5rem 2rem;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal__heading{margin:0 0 2rem;text-align:center;font-size:1.5rem;font-weight:700}.category-grid__empty{padding:3rem;text-align:center;color:#00000080}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.category-grid__modal[open] .modal__content{animation:modalSlideUp .3s ease}.category-grid__modal[open] .modal__overlay{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.category-grid__heading{margin:0;font-weight:700;color:#000!important;opacity:1!important;visibility:visible!important;display:block!important;position:relative;z-index:10;padding:20px 0}.category-grid__tabs{gap:12px;justify-content:center;margin-top:24px;margin-bottom:32px;flex-wrap:wrap;padding:0 20px}.category-grid__tab{padding:12px 32px;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;white-space:nowrap}.category-grid__tab:hover{border-color:#333;background:#f5f5f5}.category-grid__tab.active{background:#000;color:#fff;border-color:#000}.category-grid__content{display:none}.category-grid__content.active{display:block}@media screen and (min-width: 750px){.category-grid__items--desktop{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}.category-grid__items--mobile,.category-grid__see-all--mobile{display:none}}@media screen and (max-width: 749px){.category-grid__items--desktop{display:none}.category-grid__items--mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-category-grid.css.map */