.category-grid-section{padding-top:var(--category-grid-padding-top, 48px);padding-bottom:var(--category-grid-padding-bottom, 48px);--cg-border: #e4e5e7;--cg-border-hover: #cdcfd2;--cg-text-muted: #5c5f62;--cg-ink: #1a1a1a;--cg-surface: #ffffff;--cg-ease: cubic-bezier(.4, 0, .2, 1)}.category-grid-section__container{max-width:100%;margin:0 auto}.category-grid-section__heading{font-size:clamp(24px,4vw,28px);font-weight:600;letter-spacing:-.01em;line-height:1.15;color:var(--cg-ink);margin:0 0 8px}.category-grid-section__subheading{font-size:16px;color:var(--cg-text-muted);margin:0 0 24px;max-width:640px}.category-grid-section__grid{--columns-desktop: 4;--columns-mobile: 2;display:grid;grid-template-columns:repeat(var(--columns-mobile),1fr);gap:16px;margin-top:24px}@media screen and (min-width:750px){.category-grid-section__grid{grid-template-columns:repeat(var(--columns-desktop),1fr);gap:20px}}.category-grid-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px;border:1px solid var(--cg-border);border-radius:12px;text-decoration:none;color:inherit;background:var(--cg-surface);box-shadow:0 1px 2px #1010100a;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--cg-ease),box-shadow .2s var(--cg-ease),border-color .2s var(--cg-ease)}.category-grid-card:hover{transform:translateY(-2px);border-color:var(--cg-border-hover);box-shadow:0 6px 16px #10101014}.category-grid-card:focus-visible{outline:2px solid var(--cg-ink);outline-offset:2px;border-color:var(--cg-border-hover)}.category-grid-card:active{transform:translateY(0);box-shadow:0 1px 2px #1010100a;transition:transform .1s var(--cg-ease),box-shadow .1s var(--cg-ease)}.category-grid-card__label{font-size:18px;font-weight:500;line-height:1.3;color:var(--cg-ink)}.category-grid-card__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--cg-ink);transition:transform .2s var(--cg-ease)}.category-grid-card:hover .category-grid-card__icon{transform:translate(2px)}.category-grid-card__icon svg{width:100%;height:100%}.category-grid-card__icon-img{width:100%;height:100%;object-fit:contain}.category-grid-section__empty{padding:40px;text-align:center;border:1px dashed #c9cccf;border-radius:12px;color:var(--cg-text-muted)}@media screen and (max-width:749px){.category-grid-card{padding:16px}.category-grid-card__label{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-category-grid.css.map */