/* L34 · компʼютер: сітка плівок, шпаргалка у дві колонки, фільтри липнуть під шапкою. */
.top { padding: 12px 28px; }
.hero { padding: 56px 28px 16px; max-width: 1400px; margin: 0 auto; }
.hero h1 { font-size: clamp(72px, 9.5vw, 150px); }
.lead { font-size: 19px; }
.howto, .reel, .foot { padding-inline: 28px; max-width: 1400px; margin-inline: auto; }
.howto-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 20px; margin-top: 18px; align-items: start; }
.steps { grid-template-columns: 1fr 1fr; }
.filters { top: 53px; padding: 10px max(28px, calc((100vw - 1400px) / 2 + 28px)); }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 18px; align-items: start; }
.card.fw { grid-column: span 2; }
.card { transition: border-color .2s, transform .2s; }
.card:hover { border-color: #4a505a; transform: translateY(-2px); }
.player .pl-stage { padding: 16px; }
@media (max-width: 1000px) { .steps { grid-template-columns: 1fr; } }