/* Shared DE/EN journey: discover, understand, calculate, book. */
.ev-online-inclusive section[id], .ev-online-inclusive div[id] { scroll-margin-top: 100px; }
.ev-online-inclusive .ev-online-redesign__section { padding-top: 64px; }
.ev-online-inclusive .ev-online-cinema h1 { font-size: clamp(38px, 4.7vw, 64px); line-height: 1.04; }
.ev-online-inclusive .ev-online-cinema .ev-online-redesign__lead { margin-top: 24px; }
.ev-online-inclusive .ev-online-redesign__section-head { grid-template-columns: 1fr 1fr; gap: 40px; }
.ev-online-inclusive h2 { font-size: clamp(30px, 3.5vw, 44px); line-height: 1.12; }
.ev-online-inclusive .ev-online-redesign__games { gap: 20px; }
.ev-online-inclusive .ev-online-redesign__game { display: flex; flex-direction: column; box-shadow: none; }
.ev-online-inclusive .ev-online-redesign__game-body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.ev-online-inclusive .ev-online-redesign__game-meta { margin-top: 12px; }
.ev-online-inclusive .ev-online-redesign__game-copy { margin-top: 16px; }
.ev-online-inclusive .ev-online-redesign__price { margin-top: 24px; font-size: 23px; }
.ev-online-inclusive .ev-online-redesign__note { margin-top: 6px; line-height: 1.5; }
.ev-online-inclusive .ev-online-redesign__card-actions { margin-top: auto; padding-top: 22px; }
.ev-online-inclusive .ev-online-redesign__card-actions .ev-btn { width: 100%; }
.ev-online-inclusive p.ev-online-fit { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--ev-line); font-size: 15px; line-height: 1.5; color: var(--ev-ink); }
.ev-online-inclusive p.ev-online-note { margin-top: 22px; color: var(--ev-muted); font-size: 15px; line-height: 1.6; }
.ev-online-inclusive a.ev-online-text-link { color: #285d12; text-decoration: underline; text-underline-offset: 4px; font-weight: 750; }
.ev-online-jump { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 22px; font-size: 15px; }
.ev-online-inclusive .ev-online-redesign__steps { grid-template-columns: repeat(4,minmax(0,1fr)); }
.ev-online-inclusive .ev-online-redesign__step { padding: 24px; }
.ev-online-inclusive .ev-online-redesign__step small { color: #38652b; }
.ev-online-inclusive .ev-online-redesign__step span { display: block; line-height: 1.6; }
.ev-online-planner { padding: 32px; border-radius: 12px; border: 1px solid var(--ev-line); background: #eaf0e4; }
.ev-online-planner__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: start; }
.ev-online-planner label { display: block; font-size: 17px; font-weight: 800; margin-bottom: 10px; }
.ev-online-planner select, .ev-online-planner input { width: 100%; min-height: 52px; margin-bottom: 22px; padding: 12px; border: 1px solid #6f7b69; border-radius: 6px; background: white; color: #171717; font: inherit; font-size: 18px; }
.ev-online-planner__result { padding: 28px; border-radius: 8px; background: #101d14; color: white; }
.ev-online-planner__result > span { font-size: 15px; }
.ev-online-planner__result > strong { display: block; margin-top: 12px; font-size: clamp(36px,4.5vw,54px); line-height: 1.1; }
.ev-online-inclusive .ev-online-planner__result p { margin-top: 14px; color: #d7e0d2; font-size: 15px; line-height: 1.55; }
.ev-online-planner__result .ev-btn { width: 100%; margin-top: 24px; }
.ev-online-inclusive p.ev-online-planner__error { padding: 16px; border-left: 4px solid #9b2525; color: #7d1515; background: white; }
.ev-online-planner [hidden] { display: none !important; }
.ev-online-planner__live { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ev-online-rates { display: flex; flex-wrap: wrap; gap: 12px 28px; padding: 20px 0 0; margin: 24px 0 0; border-top: 1px solid #b8c6af; font-size: 15px; line-height: 1.5; }
.ev-online-rates > div { flex: 1 1 220px; }
.ev-online-rates dt { font-weight: 800; }
.ev-online-rates dd { margin: 5px 0 0; }
.ev-online-inclusive .ev-online-redesign__shop { margin-top: 32px; }
.ev-online-inclusive .ev-online-redesign__shop-head { display: block; }
.ev-online-inclusive .ev-online-redesign__shop p { max-width: 780px; line-height: 1.6; }
.ev-online-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; padding: 32px; border: 1px solid var(--ev-line); border-radius: 12px; background: #fffdf8; }
.ev-online-groups h3 { margin-bottom: 18px; font-size: 23px; }
.ev-online-groups ol { padding-left: 22px; margin: 22px 0; }
.ev-online-groups li { margin: 12px 0; padding-left: 5px; line-height: 1.6; }
.ev-online-inclusive .ev-online-groups p { margin-top: 16px; font-size: 16px; line-height: 1.6; }
.ev-online-groups__business { padding-left: 32px; border-left: 1px solid var(--ev-line); }
.ev-online-groups__business .ev-btn { margin-top: 22px; }
.ev-online-inclusive .ev-online-cyber { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--ev-line); }
.ev-online-inclusive .ev-online-redesign__faq summary { font-size: 18px; }
.ev-online-inclusive .ev-online-redesign__faq details p { line-height: 1.65; }
.ev-online-inclusive .ev-online-final { padding-top: 48px; }
.ev-online-inclusive .ev-online-final .ev-btn { margin-top: 22px; }
.ev-online-inclusive a:focus-visible, .ev-online-inclusive input:focus-visible,
.ev-online-inclusive select:focus-visible, .ev-online-inclusive summary:focus-visible { outline: 3px solid #438d19; outline-offset: 4px; }
@media(max-width:980px) {
  .ev-online-inclusive .ev-online-redesign__games { grid-template-columns: 1fr; }
  .ev-online-inclusive .ev-online-redesign__game { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); }
  .ev-online-inclusive .ev-online-redesign__game-media { height: 100%; }
  .ev-online-inclusive .ev-online-redesign__steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ev-online-inclusive .ev-online-redesign__section-head { grid-template-columns: 1fr; gap: 20px; }
  .ev-online-groups { grid-template-columns: 1fr; }
  .ev-online-groups__business { padding: 24px 0 0; border-left: 0; border-top: 1px solid var(--ev-line); }
}
@media(max-width:620px) {
  .ev-online-inclusive .ev-online-redesign__section { padding-top: 44px; }
  .ev-online-inclusive .ev-online-redesign__game { display: flex; }
  .ev-online-inclusive .ev-online-redesign__game-media { height: auto; }
  .ev-online-inclusive .ev-online-redesign__steps, .ev-online-planner__grid { grid-template-columns: 1fr; }
  .ev-online-planner, .ev-online-groups { padding: 22px; }
  .ev-online-planner__grid { gap: 18px; }
  .ev-online-planner__result { padding: 24px; }
  .ev-online-inclusive .ev-online-cinema .ev-online-redesign__actions { grid-template-columns: 1fr; }
}
