.sports-channels .channel-logo--france-24 {
  height: 52px;
}

[data-activar-checkout] .plan-options li {
  display: grid;
  align-items: center;
  gap: 8px;
}

[data-activar-checkout] .plan-options li.has-wallet {
  grid-template-columns: minmax(0, 1fr) minmax(150px, 36%);
}

[data-activar-checkout] .plan-wallet {
  left: auto;
  width: max(150px, 36%);
}

[data-activar-checkout] .plan-wallet.is-interactive {
  position: static;
  transform: none;
  grid-area: 1 / 2;
  width: 100%;
}

[data-activar-checkout] .plan-wallet.is-interactive + .plan-option {
  grid-area: 1 / 1;
  background: #ff91aa12;
  pointer-events: auto;
}

[data-activar-checkout] .plan-wallet.is-interactive + .plan-option:hover {
  background: #ff91aa29;
  border-color: #ffb9d0;
}

@media (min-width: 361px) and (max-width: 460px) {
  [data-activar-checkout] .has-wallet .plan-option {
    display: grid;
    gap: 4px;
  }
}

@media (max-width: 360px) {
  [data-activar-checkout] .plan-options li.has-wallet {
    grid-template-columns: minmax(0, 1fr);
  }

  [data-activar-checkout] .plan-wallet {
    width: 100%;
  }

  [data-activar-checkout] .plan-wallet.is-interactive {
    grid-area: 2 / 1;
  }
}

@media (max-width: 650px) {
  body {
    display: grid;
    min-block-size: min(100svh, 800px);
    grid-template-rows: 1fr auto;
  }

  .landing {
    display: flex;
    flex-direction: column;
  }

  .hero { flex: 1; }

  .pitch {
    justify-content: flex-end;
    gap: 12px;
    padding-block: clamp(38px, 9svh, 68px) 16px;
  }

  .channel-grid {
    row-gap: 6px;
    padding-block: 10px 14px;
  }

  .sports-channels { padding-top: 8px; }
  .sports-channels .channel-grid { padding-top: 6px; }
}

@media (max-width: 650px) and (max-height: 540px) {
  .pitch {
    gap: 10px;
    padding-top: max(30px, 8svh);
  }

  .cta {
    gap: 10px;
    padding-inline: 14px;
  }

  .channel-grid {
    row-gap: 5px;
    padding-block: 8px 10px;
  }
}