/* Shared mobile plan comparison. Desktop remains the full four-plan table. */
.landing-mobile-plan-picker { display: none; }
@media (max-width: 600px) {
  .landing-final-page .landing-mobile-pricing .landing-mobile-plan-picker:not([hidden]) {
    display: grid;
    gap: 0;
    margin-bottom: 10px;
    position: sticky;
    top: var(--pricing-picker-top, 8px);
    z-index: 10;
    padding: 6px 8px;
    border: 1px solid #c9e1ef;
    border-radius: 10px;
    background: #f8fcff;
    box-shadow: 0 5px 18px rgba(21,64,105,.1);
  }
  .landing-mobile-plan-picker label { color: var(--lf-ink); font-size: 14px; font-weight: 800; }
  .landing-mobile-plan-picker select {
    width: 100%;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid #bfddec;
    border-radius: 10px;
    background: #fff;
    color: var(--lf-ink);
    font: 600 16px Manrope, sans-serif;
  }
  /* Keep the field name and hint available to assistive technology. */
  .landing-mobile-plan-picker > label,.landing-mobile-plan-picker > span {
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
    clip:rect(0,0,0,0);white-space:nowrap;border:0;
  }
  .landing-mobile-plan-picker select:focus-visible { outline: 3px solid #008bcb; outline-offset: 3px; }
  .landing-mobile-plan-picker > span { color: var(--lf-muted); font-size: 12px; line-height: 1.5; }
  .landing-mobile-pricing .pricing-comparison-scroll-hint { display: none; }
  .landing-mobile-pricing .pricing-comparison-table { width: 100%; min-width: 0; }
  .landing-mobile-pricing .pricing-comparison-table col { display: none; }
  .landing-final-page .landing-mobile-pricing .pricing-comparison-table col:first-child {
    display: table-column;
    width: 54%;
  }
  .landing-final-page .landing-mobile-pricing[data-mobile-plan="starter"] .pricing-comparison-table col:nth-child(2),
  .landing-final-page .landing-mobile-pricing[data-mobile-plan="pro"] .pricing-comparison-table col:nth-child(3),
  .landing-final-page .landing-mobile-pricing[data-mobile-plan="premium"] .pricing-comparison-table col:nth-child(4),
  .landing-final-page .landing-mobile-pricing[data-mobile-plan="enterprise"] .pricing-comparison-table col:nth-child(5) { display: table-column; width: 46%; }
  .landing-mobile-pricing .pricing-comparison-table tr > * { display: none; }
  .landing-mobile-pricing .pricing-comparison-table tr > :first-child {
    display: table-cell;
    position: static;
    box-shadow: none;
  }
  .landing-mobile-pricing[data-mobile-plan="starter"] .pricing-comparison-table tr > :nth-child(2),
  .landing-mobile-pricing[data-mobile-plan="pro"] .pricing-comparison-table tr > :nth-child(3),
  .landing-mobile-pricing[data-mobile-plan="premium"] .pricing-comparison-table tr > :nth-child(4),
  .landing-mobile-pricing[data-mobile-plan="enterprise"] .pricing-comparison-table tr > :nth-child(5) { display: table-cell; }
  .landing-mobile-pricing .pricing-comparison-table th,
  .landing-mobile-pricing .pricing-comparison-table td { padding-inline: 10px; }
  .landing-mobile-pricing .pricing-comparison-description { min-height: 0; }
  .landing-mobile-pricing .pricing-comparison-feature { gap: 6px; overflow-wrap: anywhere; }
  .landing-mobile-pricing .pricing-comparison-plan h2 { font-size: 21px; }
  .landing-mobile-pricing .pricing-comparison-price { flex-wrap: wrap; row-gap: 2px; }
  .landing-mobile-pricing .pricing-comparison-button { font-size: 12px; }
  .landing-mobile-pricing .pricing-comparison-intro strong { font-size: 20px; }
}

@media (max-width:600px) {
  body.landing-final-body { overflow-x:clip; overflow-y:visible; }
  .landing-final-page.landing-current-page,.landing-final-page.pricing-final-page { overflow: clip; }
  .landing-mobile-pricing .pricing-comparison-table { font-size:14px; line-height:1.55; }
  .landing-mobile-pricing .pricing-comparison-feature > span { min-width: 0; }
}
@media (max-width:360px) {
  .landing-mobile-pricing .pricing-comparison-feature > svg { display:none; }
  .landing-mobile-pricing .pricing-comparison-feature { gap:0; }
}

/* Avoid covering plan features while their comparison is in view. */
body.pricing-table-in-view .landing-final-mobile-cta.homepage-conversion-mobile { display:none!important; }