/* Stranica programa: tekstovi jedan ispod drugog */
.program { width: min(860px, 100% - 2 * var(--side)); margin-inline: auto; }
.program__img { width: 100%; height: auto; aspect-ratio: 1290 / 810; margin-bottom: 34px; border: 1px solid #333; object-fit: cover; }
.program__title { margin: 16px 0 0; color: var(--text-dark); font: 900 32px/1.15 var(--f-body); }
.program__lead { margin: 14px 0 0; color: #d6d6d6; font-size: 17px; line-height: 1.55; }
.psum__app { margin: 6px 0 0; font-size: 15px; }
.program__body h2 { margin: 38px 0 12px; }
.program__body p { margin: 0; color: #c9c9c9; font-size: 16px; line-height: 1.75; }
.program__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; margin-top: 36px; }
.program__cta .textbtn { color: var(--text-dark); font-size: 16px; }
@media (max-width: 559px) { .program__cta .btn { width: 100%; } .program__cta { justify-content: center; } }
.psum__tr { margin: 16px 0 0; font-size: 15px; }
.psum__tr a { color: var(--link); text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 768px) {
  .program__title { font-size: 48px; }
  .program__lead { font-size: 19px; }
  .program__body h2 { margin-top: 48px; }
  .program__body p { font-size: 18px; line-height: 1.85; }
}

/* sve na stranici programa je iste širine kao tekst */
@media (min-width: 768px) { .prices-sec .wrap, .prel .wrap { width: min(860px, 100% - 2 * var(--side)); } }
.program__body .vplay { margin: 34px 0 0; }
.prel .lcard__txt { font-size: 14px; }
.prel .lcard__body { padding: 0 16px 14px; }
.prel .lcard__tags { top: 10px; left: 10px; right: 10px; }
.prel .lcard__tags li { padding: 5px 8px; font-size: 12px; }
.prel .lcard__tags li:nth-child(n + 3) { display: none; }
.program__prices { margin-top: 44px; }
@media (min-width: 768px) { .program__prices { margin-top: 56px; } }
.prel .cards-grid { gap: 12px; }
.program .vplay { aspect-ratio: 4 / 3; }
.program .vplay:has(video) { aspect-ratio: 16 / 9; }
@media (max-width: 767px) { .program .vplay { aspect-ratio: 1; } }
@media (max-width: 559px) { .program .stats { grid-template-columns: 1fr; } .program .stats li { grid-template-columns: 1fr auto; align-items: baseline; } .program .stats span { font-size: 14px; } }