.zz-seo-section {
  display: none;
  max-width: 1280px;
  margin: 22px auto 0;
  padding: 28px clamp(18px, 3vw, 42px);
  border: 1px solid rgba(91, 105, 132, .18);
  border-radius: 24px;
  background: rgba(255, 255, 255, .62);
  color: #273044;
}
.zz-seo-section h2 { margin: 0 0 12px; color: #111827; font-size: clamp(22px, 2.4vw, 34px); letter-spacing: -.035em; }
.zz-seo-section p { max-width: 940px; margin: 8px 0; color: #5a6478; font-size: 15px; line-height: 1.72; }
.zz-seo-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.zz-seo-links a { padding: 9px 13px; border: 1px solid rgba(56, 113, 232, .18); border-radius: 999px; color: #236fd4; font-size: 13px; font-weight: 750; text-decoration: none; }
.zz-seo-links a:hover { border-color: currentColor; }
.cinema-body .zz-seo-section,
.title-page .zz-seo-section,
.viewer-page.is-theater-mode .zz-seo-section {
  border-color: rgba(134, 155, 203, .2);
  background: rgba(18, 24, 37, .8);
  color: #cad4e7;
}
.cinema-body .zz-seo-section h2,
.title-page .zz-seo-section h2,
.viewer-page.is-theater-mode .zz-seo-section h2 { color: #f7f9ff; }
.cinema-body .zz-seo-section p,
.title-page .zz-seo-section p,
.viewer-page.is-theater-mode .zz-seo-section p { color: #9ca9c1; }
@media (max-width: 720px) {
  .zz-seo-section { margin-top: 14px; padding: 22px 18px; border-radius: 18px; }
}