/* Home catalogue: image-led category selection. */
.catalog { min-height: 0; background: #090914; }
.catalog__backdrop { opacity: .38; filter: saturate(.65) brightness(.5); }
.catalog::after { background: linear-gradient(180deg, #090914e8, #0c0915b8 45%, #090914f5); pointer-events: none; }
.catalog__inner { padding: clamp(72px, 8vw, 112px) 0 clamp(80px, 9vw, 120px); }
.catalog__heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; max-width: none; margin-bottom: 40px; }
.catalog__heading-copy { max-width: 740px; }
.catalog .catalog__heading h2 { font-size: clamp(30px, 3.3vw, 46px); line-height: 1.18; }
.catalog__heading-copy p { color: #bcb4c6; font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; margin: 14px 0 0; }
.catalog__heading::after { display: none; }
.catalog__all { align-items: center; border-bottom: 1px solid #c74cdb; color: #f3eaf8; display: inline-flex; flex: 0 0 auto; gap: 18px; font-size: 13px; font-weight: 700; letter-spacing: .04em; padding: 10px 0; text-decoration: none; text-transform: uppercase; }
.catalog__all span { color: #ed57de; font-size: 18px; transition: transform .2s ease; }
.catalog__all:hover span { transform: translate(3px, -3px); }
.catalog__all:focus-visible { outline: 2px solid white; outline-offset: 4px; }
.catalog__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(12px, 1.3vw, 20px); }
.catalog .product-card { background: #15101e; border: 1px solid #ffffff1c; border-radius: 6px 20px 6px 20px; box-shadow: 0 18px 35px #0005; transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; }
.catalog .product-card::before { display: none; }
.catalog .product-card:hover, .catalog .product-card:focus-within { border-color: var(--accent); box-shadow: 0 12px 32px #0008, 0 0 18px color-mix(in srgb, var(--accent) 20%, transparent); transform: translateY(-5px); }
.catalog .product-card__media { aspect-ratio: 3 / 4; }
.catalog .product-card__media::after { background: linear-gradient(180deg, transparent 48%, #090914b8 100%); }
.catalog .product-card__image { display: block; }
.catalog .product-card__footer { position: absolute; inset: auto 0 0; z-index: 2; background: linear-gradient(0deg, #090914f5, #090914b5 65%, transparent); min-height: 100px; padding: 30px 16px 16px; }
.catalog .product-card__footer::after { content: ""; position: absolute; inset: -1000px 0 0; }
.catalog .product-card__footer h3 { font-size: clamp(13px, 1.1vw, 17px); line-height: 1.3; }
.catalog .product-card__footer span { width: 34px; height: 34px; border-width: 1px; font-size: 17px; }
.catalog .product-card__footer:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
@media (max-width: 900px) {
  .catalog__inner { width: min(100% - 40px, 700px); }
  .catalog__grid { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; padding: 0; }
}
@media (max-width: 620px) {
  .catalog__heading { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 28px; }
  .catalog__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .catalog .product-card__footer { min-height: 82px; padding: 22px 12px 12px; gap: 8px; }
  .catalog .product-card__footer h3 { font-size: clamp(12px, 3.3vw, 15px); }
  .catalog .product-card__footer span { flex: 0 0 30px; height: 30px; width: 30px; }
}
@media (prefers-reduced-motion: reduce) { .catalog .product-card, .catalog .product-card__image { transition: none; } }