.catalog{grid-template-rows:auto;grid-template-columns:17.5rem 1fr;gap:2rem;margin-top:1.5rem;display:grid}.catalog__content{grid-area:1/2/2/3}.catalog__header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.catalog__filter{grid-area:1/1/2/2;height:100%;padding-bottom:2rem}.catalog__filter-form{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;height:100%;max-height:calc(100dvh - 78px);position:sticky;top:4.875rem;overflow:auto}.catalog__apply{background-color:var(--zinc-50);width:100%;padding-block:.5rem;position:sticky;bottom:0}.catalog__sort{gap:.25rem;margin-bottom:.5rem;display:flex}.catalog__badges{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.catalog__total{color:var(--zinc-600);font-size:.875rem;line-height:1;display:inline-flex}@media screen and (max-width:64rem){.catalog{grid-template-columns:15rem 1fr;gap:1.5rem}}@media screen and (min-width:48.0625rem){.catalog__filter-btn,.catalog__filter-header{display:none}}@media screen and (max-width:48rem){.catalog{grid-template-columns:1fr;gap:0}.catalog__filter{background-color:var(--zinc-50);z-index:1000;width:100%;height:100dvh;padding:0 var(--container-padding)1rem;transition:transform .3s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.catalog__filter.is-open{transform:translate(0)}.catalog__filter-header{margin-bottom:1rem;margin-inline:calc(var(--container-padding)*-1);padding-block:.75rem;padding-inline:var(--container-padding);border-bottom:.0625rem solid var(--zinc-200);background-color:var(--zinc-50);z-index:2;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.catalog__filter-title{margin:0;font-size:1.125rem;font-weight:600}.catalog__filter-form{height:auto;max-height:none;position:relative;overflow:visible}.catalog__filter-close{cursor:pointer;width:2.5rem;height:2.5rem;color:var(--zinc-700);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:background-color .2s;display:inline-flex}.catalog__filter-close:hover{background-color:var(--zinc-100)}.catalog__filter-close:active{background-color:var(--zinc-200)}.catalog__content{grid-area:auto}.catalog__apply{transform:translateY(1rem)}}.category-children{width:calc(100% + 1rem);margin-top:.75rem;margin-bottom:.5rem;margin-left:-.5rem}@media screen and (max-width:48rem){.category-children{margin-top:.75rem;margin-bottom:0}}.category-card{color:var(--indigo-900);background-color:var(--indigo-50);border:.0625rem solid var(--indigo-200);border-radius:1rem;align-items:center;min-height:5.125rem;margin:.5rem;text-decoration:none;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden}.category-card__image{aspect-ratio:1;border-right:.0625rem solid var(--indigo-200);background-position:50%;background:linear-gradient(90deg,var(--zinc-200)0%,var(--zinc-50)50%,var(--zinc-200)100%);background-size:200% 100%;border-radius:1rem;width:5rem;transition:background-size .2s;animation:1.5s linear infinite skeleton-loading}.category-card__image[data-loaded=true]{background-size:cover;animation:none}.category-card__content{padding-inline:.625rem}.category-card__name{width:min-content;margin:0;font-size:1.125rem;font-weight:600;line-height:1.2}.category-card:focus-visible{outline:.125rem dashed var(--black);outline-offset:.125rem}@media(hover:hover)and (pointer:fine){.category-card:hover{box-shadow:0 0 0 .5rem var(--indigo-100)}}@media screen and (max-width:48rem){.category-card,.category-card__image{border-radius:.75rem}.category-card__content{gap:.125rem;padding:.75rem}}