.info-page { margin: 0; padding: 0 !important; }
.info-page *, .info-page *::before, .info-page *::after { box-sizing: border-box; }
.info-page .site-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px !important;
  gap: 40px !important;
  width: min(1480px, calc(100% - 48px)) !important;
  max-width: 1480px !important;
  margin: 28px auto 48px !important;
  padding: 0 !important;
  align-items: start;
}
.info-page .content { min-width: 0; margin: 0 !important; padding: 0 !important; }
.info-page .hero {
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
  margin: 0 0 24px !important;
  padding: 0 0 24px !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cinema-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.info-page .hero::before, .info-page .hero::after { content: none !important; }
.info-page .hero h1 { margin: 0 0 12px !important; font-size: 30px !important; line-height: 1.25 !important; color: var(--cinema-text) !important; }
.info-page .hero p { max-width: 760px; margin: 0 !important; color: #bcbcbc !important; font-size: 14px !important; line-height: 1.8 !important; }
.info-page .content-section, .info-page .schedule-section {
  margin: 0 !important; padding: 0 !important; border: 0 !important;
  background: transparent !important; box-shadow: none !important; border-radius: 0 !important;
  color: #c6c6c6 !important; font-size: 14px; line-height: 1.85;
}
.info-page .content-section h2 { margin: 26px 0 10px !important; padding: 0 !important; font-size: 18px !important; line-height: 1.4; color: var(--cinema-text) !important; border: 0 !important; }
.info-page .content-section h2:first-child { margin-top: 0 !important; }
.info-page .content-section p { margin: 0 0 14px; color: #c6c6c6 !important; }
.info-page .content-section ul { padding-left: 20px; margin: 0 0 18px; }
.info-page .content-section li { margin-bottom: 8px; color: #c6c6c6 !important; }
.info-page .content-section strong { color: var(--cinema-text); }
.info-page .content a:not(.contact-action), .info-page .support-links a { color: var(--cinema-accent) !important; }
.info-page .content a:hover, .info-page .support-links a:hover { text-decoration: underline; }
.info-page .sidebar {
  position: static !important; width: auto !important; min-width: 0;
  padding: 0 !important; margin: 0 !important; background: none !important;
  border: 0 !important; box-shadow: none !important; border-radius: 0 !important;
}
.info-page .sidebar h4 { margin: 0 0 14px !important; padding: 0 0 14px !important; color: var(--cinema-text) !important; font-size: 16px !important; background: none !important; border: 0 !important; border-bottom: 1px solid var(--cinema-line) !important; }
.info-page .channels { display: grid !important; gap: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.info-page .channel { display: flex !important; gap: 12px; align-items: center; padding: 10px 0 !important; border: 0 !important; border-bottom: 1px solid var(--cinema-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; text-decoration: none; min-width: 0; }
.info-page .channel:hover { background: #151515 !important; }
.info-page .channel img { width: 56px !important; height: 36px !important; object-fit: contain !important; background: #191919 !important; border: 0 !important; padding: 4px !important; border-radius: 4px !important; }
.info-page .channel .meta { min-width: 0; }
.info-page .channel .name { font-size: 13px !important; color: var(--cinema-text) !important; font-weight: 700; }
.info-page .channel .sub { margin-top: 3px; color: #999 !important; font-size: 11px !important; }
.info-page .extra-links { margin-top: 8px; border: 0 !important; background: none !important; }
.info-page .extra-links i { width: 56px; text-align: center; color: var(--cinema-teal); }
.info-page .contact-panel { max-width: 680px; padding: 22px; border: 1px solid #23343d; border-radius: 6px; background: #11202a; }
.info-page .contact-form { display: grid; gap: 18px; margin: 0 0 28px; padding: 0; background: none; border: 0; }
.info-page .contact-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.info-page .contact-form label { display: grid; gap: 7px; color: #ddd; font-size: 13px; font-weight: 600; }
.info-page .contact-form input, .info-page .contact-form textarea { width: 100%; min-width: 0; padding: 12px; border: 1px solid #3b3b3b; font: inherit; }
.info-page .contact-form textarea { resize: vertical; }
.info-page .contact-form .contact-action { justify-self: start; border: 0; cursor: pointer; }
.info-page .contact-form .contact-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.info-page .contact-privacy { font-size: 12px; }
.info-page .success-message { padding: 16px; margin-bottom: 20px; border: 1px solid #36655a; border-radius: 4px; background: #142a23; color: #c3eee1; }
.info-page .error-message { margin-bottom: 20px; }
@media (max-width: 640px) { .info-page .contact-fields { grid-template-columns: minmax(0, 1fr); } }
.info-page .contact-panel > i { color: #69bde8; font-size: 28px; margin-bottom: 16px; }
.info-page .contact-action { display: inline-flex; gap: 9px; align-items: center; min-height: 44px; padding: 10px 16px; border-radius: 4px; background: #317cad; color: var(--cinema-text) !important; font-size: 13px; font-weight: 700; text-decoration: none; }
.info-page .contact-action:hover { background: #3b8cbe; }
.info-page .support-links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; font-size: 13px; }
.info-page .channel-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; padding: 0; border: 0; }
.info-page .channel-tabs a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%; padding: 8px 12px; border: 1px solid #233139 !important; border-radius: 4px !important; font-size: 12px; text-decoration: none !important; color: #c9d2d6 !important; background: #151e22 !important; transform: none !important; box-shadow: none !important; overflow-wrap: anywhere; }
.info-page .channel-tabs a.active { color: var(--cinema-text) !important; border-color: #2d5361 !important; background: var(--cinema-button) !important; }
.info-page .day-tabs ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 16px; padding: 0; list-style: none; }
.info-page .day-tabs li { margin: 0; padding: 0; background: none; }
.info-page .day-tabs button { padding: 8px 12px; min-height: 44px; max-width: 100%; border: 1px solid #233139 !important; border-radius: 4px; background: #151e22 !important; color: #c9d2d6 !important; font: inherit; font-size: 12px; cursor: pointer; box-shadow: none !important; transform: none !important; }
.info-page .day-tabs li.active button { color: var(--cinema-text) !important; border-color: #2d5361 !important; background: var(--cinema-button) !important; }
.info-page .channel-tabs a:hover,
.info-page .day-tabs button:hover { background: #203139 !important; border-color: #35515e !important; color: var(--cinema-text) !important; }
.info-page .channel-tabs a:focus-visible,
.info-page .day-tabs button:focus-visible { outline-offset: -3px; }
.schedule-page .sidebar .channel:hover { transform: none !important; box-shadow: none !important; }
.schedule-page .schedule-retry { background: var(--cinema-button) !important; color: var(--cinema-text) !important; box-shadow: none !important; transform: none !important; }
.info-page .program-list ul { margin: 0; padding: 0; list-style: none; }
.info-page .program-list li { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 16px; padding: 14px 12px; border-bottom: 1px solid #2b2b2b; color: #ddd; }
.info-page .program-list li:nth-child(odd) { background: #141414; }
.info-page .program-list .time { color: var(--cinema-teal); font-variant-numeric: tabular-nums; }
.info-page .error-message, .info-page .schedule-status { padding: 18px; color: #ccc; background: #171717; border: 1px solid #333; border-radius: 4px; }
.info-page .schedule-retry { margin-left: 12px; border: 1px solid #555; border-radius: 4px; background: #222; color: var(--cinema-text); padding: 8px 12px; cursor: pointer; }
.info-page a:focus-visible, .info-page button:focus-visible { outline: 2px solid var(--cinema-accent); outline-offset: 3px; }
@media (max-width: 1000px) {
  .info-page .site-wrap { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
  .info-page .channels { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px !important; }
}
@media (max-width: 640px) {
  .info-page .site-wrap { width: calc(100% - 28px) !important; margin-top: 20px !important; }
  .info-page .hero h1 { font-size: 24px !important; }
  .info-page .hero { padding-bottom: 18px !important; margin-bottom: 20px !important; }
  .info-page .channels { gap: 0 12px !important; }
  .info-page .channel img { width: 42px !important; }
  .info-page .contact-panel { padding: 18px; }
  .info-page .program-list li { grid-template-columns: 70px minmax(0, 1fr); gap: 12px; }
}