@media (max-width: 900px) {
  .site-header, main, footer { width: calc(100% - 32px); }
  .intro, .catalog, .closing { margin-block: 36px; }
  .catalog { grid-template-columns: 1fr; gap: 30px; padding: 42px 30px; }
}

@media (max-width: 560px) {
  .site-header, main, footer { width: calc(100% - 24px); }
  .intro, .catalog, .closing { margin-block: 28px; border-radius: 18px; }
  .intro, .closing, .catalog { padding: 30px 20px; }
  .offers article { padding: 18px; }
}