@layer components{.card{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-decoration:none}.card__image{display:block;width:100%;aspect-ratio:234 / 286;margin-bottom:4px;background:var(--grey-dark);overflow:hidden}.card__img{width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center}.card__line{background:var(--grey);color:var(--blue);font-size:var(--small);line-height:var(--small-lh);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:1px}.card:hover .card__line{background:var(--white)}.card__note{font-size:var(--small);line-height:var(--small-lh);color:var(--white)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}@media (min-width: 600px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px calc(80px / 3)}}}@layer components{.filter__head{display:flex;gap:8px;align-items:baseline}.filter__list{display:none;margin-top:2px;padding-left:11px;font-size:var(--small);line-height:13px}.filter__list .label{line-height:inherit}.filter--open .filter__list{display:block}@media (min-width: 1024px){.filter:not(.filter--closed) .filter__list{display:block}.filter--fixed .filter__toggle{display:none}}}