.mat-grid-cstm{padding-top:var(--padding-top, 72px);padding-bottom:var(--padding-bottom, 80px);background-color:var(--mg-bg, #ffffff)}.mat-grid-cstm__header{text-align:center;margin-bottom:40px}.mat-grid-cstm__eyebrow{display:inline-block;color:var(--mg-accent, #1565c0);margin:0 0 10px}.mat-grid-cstm__heading{font-size:var(--heading-size-h1);color:var(--mg-text, #333333);margin:0 0 12px;line-height:var(--cstm-section-heading-line-height)}.mat-grid-cstm__subheading{color:#333333b8;font-size:var(--content-lead-size);max-width:520px;margin:0 auto;line-height:1.6}.mat-grid-cstm__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:40px}.mat-grid-cstm__filter-btn{-webkit-appearance:none;appearance:none;background:transparent;border:1.5px solid #e0e0e0;border-radius:999px;padding:7px 16px;font-size:var(--content-eyebrow-size);font-weight:700;color:#333333b8;cursor:pointer;transition:all .18s ease;white-space:nowrap}.mat-grid-cstm__filter-btn:hover{border-color:var(--mg-accent, #1565c0);color:var(--mg-accent, #1565c0);background:#1565c00d}.mat-grid-cstm__filter-btn.is-active{background:var(--mg-accent, #1565c0);border-color:var(--mg-accent, #1565c0);color:#fff}.mat-grid-cstm__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:991px){.mat-grid-cstm__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.mat-grid-cstm__grid{grid-template-columns:1fr}}.mat-grid-cstm__card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1.5px solid #ebebeb;border-radius:14px;text-decoration:none;color:inherit;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.mat-grid-cstm__card:hover{border-color:var(--mg-accent, #1565c0);box-shadow:0 4px 20px #1565c01a;transform:translateY(-1px)}.mat-grid-cstm__card[data-hidden=true]{display:none}.mat-grid-cstm__card-img-wrap{width:76px;height:76px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mat-grid-cstm__card-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform .45s ease}.mat-grid-cstm__card:hover .mat-grid-cstm__card-img-wrap img,.mat-grid-cstm__card:focus-visible .mat-grid-cstm__card-img-wrap img{transform:scale(1.12)}.mat-grid-cstm__card-swatch{width:100%;height:100%;border-radius:10px}.mat-grid-cstm__card-body{flex:1;min-width:0}.mat-grid-cstm__card-name{font-size:var(--content-body-size);font-weight:800;color:var(--mg-text, #333333);margin:0 0 4px;line-height:1.3}.mat-grid-cstm__card-meta{font-size:var(--content-detail-size);color:#333333b8;margin:0;line-height:1.4}.mat-grid-cstm__card-arrow{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:#1565c012;display:flex;align-items:center;justify-content:center;transition:background .18s ease}.mat-grid-cstm__card:hover .mat-grid-cstm__card-arrow{background:var(--mg-accent, #1565c0);color:#fff}.mat-grid-cstm__card-arrow svg{width:13px;height:13px;color:var(--mg-accent, #1565c0);transition:color .18s ease}.mat-grid-cstm__card:hover .mat-grid-cstm__card-arrow svg{color:#fff}.mat-grid-cstm__empty{display:none;grid-column:1 / -1;text-align:center;padding:48px 24px;color:#333333b8;font-size:var(--content-body-size)}.mat-grid-cstm__empty.is-visible{display:block}@media(max-width:575px){.mat-grid-cstm__card{padding:14px;gap:12px}.mat-grid-cstm__card-img-wrap{width:64px;height:64px}.mat-grid-cstm__card-arrow{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.mat-grid-cstm__card-img-wrap img{transition:none}.mat-grid-cstm__card:hover .mat-grid-cstm__card-img-wrap img,.mat-grid-cstm__card:focus-visible .mat-grid-cstm__card-img-wrap img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-materials-grid-cstm.css.map */