.byp-catalogue { --byp-catalogue-columns: 6; background: #fff; box-sizing: border-box; color: #001f42; min-height: calc(100vh - 229px); padding: 0 39px 72px; }
.byp-catalogue__title { color: #001f42; font-family: Georgia, "Times New Roman", serif; font-size: 44px; font-weight: 700; letter-spacing: .14em; line-height: 1; margin: 0 0 62px; padding-top: 8px; text-align: center; text-transform: uppercase; }
.byp-catalogue__grid { display: grid; gap: 46px 64px; grid-template-columns: repeat(var(--byp-catalogue-columns), minmax(0, 1fr)); margin: 0; }
.byp-catalogue-card { min-width: 0; position: relative; text-align: center; }
.byp-catalogue-card__image { display: block; position: relative; text-decoration: none; }
.byp-catalogue-card__image img { aspect-ratio: 1 / 1; display: block; height: auto; inline-size: 100%; object-fit: cover; transition: box-shadow 160ms ease, transform 160ms ease; width: 100%; }
.byp-catalogue-card__image:hover img,
.byp-catalogue-card__image:focus img { box-shadow: 0 4px 12px rgba(8, 39, 71, .12); transform: translateY(-1px); }
.byp-catalogue-card__soldout { background: #fff; border-radius: 10px; color: #7b1f2d; font-size: 12px; font-weight: 650; left: 10px; letter-spacing: .02em; line-height: 1; padding: 6px 11px; position: absolute; top: 10px; z-index: 1; }
.byp-catalogue-card h2 { box-sizing: border-box; font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; line-height: 1.25; margin: 16px 0 0; min-height: 65px; padding: 0; text-align: center; text-transform: uppercase; width: 100%; }
.byp-catalogue-card h2 a { color: inherit; text-decoration: none; width: 100%; }
.byp-catalogue-card__price { color: #001b33; font-size: 16px; font-weight: 800; line-height: 1.2; margin: 0 auto 14px; text-align: center; }
.byp-catalogue-card__price--sale { align-items: baseline; display: inline-flex; gap: 6px; justify-content: center; width: 100%; }
.byp-catalogue-card__price del { color: #8f98a4; font-size: .95em; font-weight: 800; opacity: 1; text-decoration-thickness: 2px; }
.byp-catalogue-card__price ins { color: #8f1f31; font-size: 1.18em; font-weight: 900; text-decoration: none; }
.byp-catalogue-card__action { align-items: center; background: #fff; border: 1px solid #9b1f36; border-radius: 8px; box-shadow: none; color: #9b1f36; display: inline-flex; font-size: 14px; font-weight: 750; justify-content: center; line-height: 1.12; margin-top: 10px; min-height: 50px; padding: 10px 16px; text-decoration: none; width: min(100%, 210px); }
.byp-catalogue-card__action:hover,
.byp-catalogue-card__action:focus { background: #7f182b; border-color: #7f182b; color: #fff; }
.byp-catalogue-card__action--disabled { background: #555; border-color: #555; color: #fff; cursor: default; pointer-events: none; }
.byp-catalogue-card__action--disabled:hover,
.byp-catalogue-card__action--disabled:focus { background: #555; border-color: #555; color: #fff; }
.byp-catalogue__empty { font-size: 16px; margin: 0; text-align: center; }
.byp-catalogue-index { background: #fff; box-sizing: border-box; min-height: 640px; padding: 44px 39px 72px; }
.byp-catalogue-index__title { color: #001f42; font-family: Georgia, "Times New Roman", serif; font-size: 38px; font-weight: 700; letter-spacing: .14em; line-height: 1.1; margin: 0 0 48px; text-align: center; text-transform: uppercase; }
.byp-catalogue-index__grid { display: grid; gap: 26px; grid-template-columns: repeat(5, minmax(0, 1fr)); margin: 0 auto; max-width: 1180px; }
.byp-catalogue-index__grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 820px; }
.byp-catalogue-index__grid--one { grid-template-columns: minmax(0, 260px); justify-content: center; max-width: 260px; }
.byp-catalogue-index__item { align-items: center; border: 1px solid rgba(155, 31, 54, .45); color: #001f42; display: flex; font-family: Georgia, "Times New Roman", serif; font-size: 23px; justify-content: center; min-height: 168px; padding: 20px; text-align: center; text-decoration: none; }
.byp-catalogue-index__item:hover,
.byp-catalogue-index__item:focus { background: #9b1f36; color: #fff; }

@media (max-width: 1180px) {
  .byp-catalogue { --byp-catalogue-columns: 4; }
  .byp-catalogue__grid { gap: 40px; }
}

@media (max-width: 760px) {
  .byp-catalogue { --byp-catalogue-columns: 3; padding-inline: 24px; }
  .byp-catalogue__grid { gap: 34px 24px; }
}

@media (max-width: 500px) {
  .byp-catalogue { --byp-catalogue-columns: 2; padding-inline: 18px; }
  .byp-catalogue__grid { gap: 30px 18px; }
}