/* Artykuły istniejące w sklepie — lokalna propozycja ekspozycji. */
.main-nav .nav-news { color: var(--red); white-space: nowrap; }
.news-section { padding-block: 52px; background: #f8f4ef; border-block: 1px solid #e9e2d9; }
.news-layout { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 80px; align-items: start; }
.news-intro h2 { margin-bottom: 20px; }
.news-intro > p:not(.section-label) { color: var(--muted); max-width: 450px; line-height: 1.9; }
.news-intro .button { margin-top: 26px; }
.news-selection-label { font-size: 12px; color: var(--muted); margin-bottom: 3px; }
.news-item { padding-block: 20px; border-bottom: 1px solid #dcd4ca; }
.news-item:last-child { border-bottom: 0; padding-bottom: 0; }
.news-topic { font-size: 11px; font-weight: 700; color: var(--red); margin-bottom: 7px; }
.news-item h3 { font-size: 18px; line-height: 1.5; }
.news-item h3 a { display: block; padding-right: 26px; position: relative; }
.news-item h3 a:hover { color: var(--red); }
.news-item h3 a > [aria-hidden] { position: absolute; top: 0; right: 0; color: var(--red); }
@media (max-width: 1150px) { .news-layout { gap: 38px; } }
@media (max-width: 650px) {
  .news-section { padding-block: 36px; }
  .news-layout { grid-template-columns: 1fr; gap: 27px; }
  .news-intro h2 { margin-bottom: 16px; }
  .news-intro > p:not(.section-label) { font-size: 14px; }
  .news-intro .button { margin-top: 20px; }
  .news-item h3 { font-size: 16px; }
  .news-item { padding-block: 17px; }
}