.the-pagination{display:flex;gap:8px;justify-content:center;width:100%}@media screen and (min-width:744px){.the-pagination{gap:12px}}.the-pagination__link.base-btn{--size:32px;background:var(--black-10);border-radius:8px;color:var(--black-80);font-size:15px;font-weight:600;height:var(--size);line-height:20px;width:var(--size)}.the-pagination__link.base-btn:hover{background:var(--black-20)}.the-pagination__link.base-btn.active{background:var(--red-100);color:var(--white-100)}.the-pagination__link.base-btn.active:hover{background:var(--red-70)}.the-pagination__link.base-btn.before,.the-pagination__link.base-btn.next{background-color:var(--white-100);border:2px solid var(--black-40);--only-icon-size:16px;padding:6px}@media screen and (min-width:744px){.the-pagination__link.base-btn.before,.the-pagination__link.base-btn.next{padding:8px;--only-icon-size:20px}}.the-pagination__link.base-btn.before:hover,.the-pagination__link.base-btn.next:hover{background-color:var(--black-5)}.the-pagination__link.base-btn.before.disabled,.the-pagination__link.base-btn.next.disabled{border-color:var(--black-20);color:var(--black-40)}.the-pagination__link.base-btn.before.disabled:hover,.the-pagination__link.base-btn.next.disabled:hover{background-color:var(--white-100)}@media screen and (min-width:744px){.the-pagination__link.base-btn{border-radius:10px;font-size:18px;line-height:24px;--size:48px}}.the-pagination__link_ellipsis.base-btn{align-items:flex-end;background:transparent;border:none;cursor:default;padding:0}.the-pagination__link_ellipsis.base-btn:hover{background:transparent}.good-list{padding-top:16px}.good-list__container{align-items:flex-end;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:space-between}.good-list__header-left-side{display:flex;gap:12px}@media screen and (min-width:744px){.good-list__header-left-side{align-items:center;gap:16px}}.good-list__title-and-subtitle{display:flex;flex-direction:column;gap:4px;justify-content:center}@media screen and (min-width:744px){.good-list__title-and-subtitle{align-items:baseline;flex-direction:row;gap:16px}}.good-list__brand-logo{align-self:center;border:1px solid var(--black-20);border-radius:var(--radius-l)}.good-list__title{color:var(--black-80);font-size:20px;font-weight:700;line-height:26px}@media screen and (min-width:744px){.good-list__title{font-size:32px;line-height:42px}}@media screen and (min-width:1025px){.good-list__title{font-size:32px;line-height:42px}}.good-list__subtitle{color:var(--black-70);font-size:13px;font-weight:500;line-height:18px}@media screen and (min-width:744px){.good-list__subtitle{font-size:16px;line-height:22px;padding-bottom:4px}}@media screen and (min-width:1025px){.good-list__subtitle{font-size:18px;line-height:24px}}.good-list__list{display:grid;gap:8px 8px;grid-template-columns:repeat(2,minmax(10px,1fr));margin-left:-8px;margin-right:-8px;margin-top:16px}@media screen and (min-width:744px){.good-list__list{gap:20px;grid-template-columns:repeat(3,minmax(10px,1fr));margin-left:0;margin-right:0;margin-top:20px}}@media screen and (min-width:1025px){.good-list__list{gap:20px;grid-template-columns:repeat(4,minmax(10px,1fr));margin-top:24px}}@media screen and (min-width:1440px){.good-list__list{gap:20px;grid-template-columns:repeat(5,minmax(10px,1fr))}}.good-list__pagination{margin-top:24px}@media screen and (min-width:744px){.good-list__pagination{margin-top:24px}}@media screen and (min-width:1025px){.good-list__pagination{margin-top:52px}}