.catalog{padding-top:calc(var(--header-h) + 3rem)}.cat-head{flex-wrap:wrap;align-items:baseline;gap:.6rem 1.5rem;margin-bottom:1.4rem;display:flex}.cat-head h1{font-size:clamp(2.4rem,6vw,5.4rem)}.cat-bar{justify-content:space-between;gap:.7rem;margin-bottom:1.4rem;display:flex}.cat-sort select{font:inherit;background:var(--white);min-height:3.2rem;box-shadow:inset 0 0 0 1.5px var(--line);border:0;border-radius:99px;padding:0 1.2rem;font-weight:600}.cat-body{gap:1.5rem;display:grid}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 1rem;margin:0;padding:0;list-style:none;display:grid}.cat-empty{justify-items:start;gap:1rem;padding:2rem 0;display:grid}.cat-shade{z-index:140;opacity:0;visibility:hidden;background:#0e0e1680;transition:opacity .4s,visibility 0s .4s;position:fixed;inset:0}.cat-shade[data-open=true]{opacity:1;visibility:visible;transition:opacity .4s}.cat-filters{z-index:150;max-height:88svh;padding:1.2rem var(--gutter) 1.6rem;background:var(--paper);border-radius:var(--r) var(--r) 0 0;visibility:hidden;transition:transform .6s var(--ease-io), visibility 0s .6s;gap:1.4rem;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.cat-filters[data-open=true]{visibility:visible;transition:transform .6s var(--ease-io);transform:none}.cat-filters-head{justify-content:space-between;align-items:center;display:flex}.cat-filters-head h2{font-size:1.5rem}.cat-x{border-radius:50%;width:2.75rem;height:2.75rem}.cat-filters fieldset{border:0;gap:.7rem;margin:0;padding:0;display:grid}.cat-filters legend{margin-bottom:.6rem;padding:0;font-weight:700}.cat-filters legend b{color:var(--cobalt)}.cat-filters-foot{gap:.6rem;display:flex}.cat-filters-foot .btn{flex:1}@media (min-width:40rem){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem 1.2rem}}@media (min-width:64rem){.cat-filter-btn,.cat-x,.cat-apply,.cat-shade{display:none}.cat-bar{justify-content:flex-end;margin-top:-4.4rem}.cat-body{grid-template-columns:17rem 1fr;align-items:start;gap:3rem}.cat-filters{top:calc(var(--header-h) + 2rem);visibility:visible;z-index:1;background:0 0;border-radius:0;max-height:none;padding:0;position:sticky;transform:none}.cat-filters-head{display:none}.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:90rem){.cat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}