.catalog{--header-height:61px}.catalog__header{flex-direction:column;gap:8px;margin-block-end:24px;display:flex}.catalog__body{grid-template-columns:240px 1fr;grid-template-areas:"s c";align-items:start;gap:32px;display:grid}@media screen and (width<768px){.catalog__body{grid-template-columns:1fr;grid-template-areas:none}}.catalog__sidebar{top:calc(var(--header-height) + 1rem);color:var(--text-primary);inline-size:auto;max-inline-size:none;max-height:calc(100dvh - var(--header-height));scrollbar-width:none;padding-bottom:32px;position:sticky;overflow:auto}.catalog__sidebar-inner{flex-direction:column;gap:24px;display:flex}.catalog__sidebar-bar{display:none}.catalog__sidebar-heading{font-family:Unbounded;font-size:1.125rem;font-weight:500}.catalog__sidebar-close{aspect-ratio:1;inline-size:44px;color:var(--text-primary);cursor:pointer;touch-action:manipulation;border-radius:8px;place-items:center;transition:background-color .15s ease-in-out;display:grid}.catalog__sidebar-close:focus-visible{outline:2px dashed var(--border-focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.catalog__sidebar-close:hover{background-color:var(--bg-light)}}.catalog__sidebar-close:active{background-color:var(--border-light)}.catalog__toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.catalog__filters-toggle{flex:none}.catalog__filters-toggle[hidden]{display:none}.catalog__sidebar-title{height:22px;margin-bottom:12px;font-family:Unbounded;font-size:1.125rem;font-weight:500}.catalog__categories{background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:16px;padding:20px}.catalog__category-link{text-underline-offset:3px;margin-left:-12px;padding:4px 12px;font-weight:500;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;text-decoration-thickness:1px}.catalog__category-link:focus-visible{outline:2px dashed var(--border-focus);outline-offset:2px;color:var(--purple);text-decoration:underline}@media (hover:hover) and (pointer:fine){.catalog__category-link:hover{color:var(--purple);text-decoration:underline}}.catalog__category-link.is-active{color:var(--purple)}.catalog__category-list,.catalog__category-children{flex-direction:column;gap:12px;display:flex}.catalog__category-children{margin-block-start:8px;padding-inline-start:16px}.catalog__content{flex-direction:column;gap:24px;display:flex}.catalog__sort{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.catalog__pagination{margin-block-start:16px}@media screen and (width>=768px){.catalog__content{grid-area:c}.catalog__sidebar{grid-area:s}}@media screen and (width<768px){.catalog__toolbar{z-index:1;background-color:var(--bg-white);padding-block:8px;position:sticky;inset-block-start:var(--header-height)}.catalog__sidebar{max-height:none;padding-bottom:0;position:static;overflow:visible}.catalog__sidebar:modal{background:0 0;border:none;justify-content:flex-end;block-size:100dvh;max-block-size:none;inline-size:100dvw;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.catalog__sidebar:modal::backdrop{background-color:#00000080}.catalog__sidebar:modal .catalog__sidebar-inner{overscroll-behavior:contain;block-size:100%;inline-size:min(360px,90vw);padding:0 calc(var(--container-padding) * 2) 24px;background:var(--bg-light);gap:16px;overflow-y:auto}.catalog__sidebar:modal .catalog__sidebar-bar{z-index:1;background-color:var(--bg-white);margin-inline:calc(var(--container-padding) * 2 * -1);padding-block:8px;padding-inline:calc(var(--container-padding) * 2);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;inset-block-start:0}.catalog__sidebar:modal .catalog__categories{border:0;border-bottom:1px solid var(--border-default);padding:0;background:0 0;border-radius:0;margin-bottom:8px;padding-bottom:24px}}