.promo-gallery { padding-block: 32px 48px; }
.promo-gallery-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.promo-gallery-rail a { display: block; min-width: 0; overflow: hidden; border-radius: var(--radius-panel); }
.promo-gallery-rail img { display: block; width: 100%; height: auto; }
.promo-gallery-rail:focus-visible, .promo-gallery-rail a:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.promo-cover { margin: 28px 0; overflow: hidden; border-radius: var(--radius-panel); }
.promo-cover img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
  .promo-gallery { padding-block: 20px 28px; }
  .promo-gallery-rail { display: flex; gap: 12px; overflow-x: auto; padding: 4px 4px 12px; scroll-snap-type: x mandatory; scrollbar-width: thin; }
  .promo-gallery-rail a { flex: 0 0 clamp(148px, 44vw, 240px); scroll-snap-align: start; border-radius: 16px; }
  .promo-cover { margin-block: 20px; border-radius: 16px; }
}