.mt-category-tiles[hidden]{display:none}
.mt-category-tiles__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1.5rem;margin-block-end:var(--mt-space-md)}
.mt-category-tiles__head h2{margin:0}
.mt-category-tiles__empty{margin:0;padding:var(--mt-space-md);border:.0625rem dashed var(--mt-field);border-radius:var(--mt-radius);color:var(--mt-muted)}
.mt-category-tiles__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}
.mt-category-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;block-size:100%;min-block-size:17.5rem;padding:1.5rem;overflow:hidden;border-radius:var(--mt-radius);background:var(--mt-navy);color:var(--mt-white);text-decoration:none}
.mt-category-tile__media{position:absolute;inset:0}
.mt-category-tile__media img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--mt-transition)}
.mt-category-tile:hover .mt-category-tile__media img{transform:scale(1.03)}
.mt-category-tile__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,color-mix(in oklch,var(--mt-navy) 85%,transparent),var(--mt-navy-0) 65%)}
.mt-category-tile__count{position:relative;z-index:1;align-self:flex-start;padding:.375rem .625rem;border-radius:var(--mt-radius-pill);background:color-mix(in oklch,var(--mt-white) 90%,transparent);color:var(--mt-ink);font:500 var(--mt-fs-sm)/1.3 var(--mt-font-body)}
.mt-category-tile__name{position:relative;z-index:1;font:400 var(--mt-fs-h2)/1.15 var(--mt-font-display);letter-spacing:-.03125rem}
.mt-category-tiles__others{margin-block-start:var(--mt-space-md)}