/* Fit the three-plan comparison below the fixed header at its snap position. */
@media(min-width:851px) and (min-height:620px){
  html.sd-section-snap #planes.plans{height:calc(100svh - var(--sd-header-height-compact,68px));min-height:0;max-height:none;padding:clamp(8px,1.5vh,16px) var(--sd-page-gutter);scroll-margin-top:var(--sd-header-height-compact,68px);justify-content:center}
  #planes .plans__inner{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;height:100%;max-height:none;min-height:0;max-width:1320px}
  #planes .plans__head{margin:0;width:100%;max-width:none;text-align:center}
  #planes .plans__eyebrow{font-size:8px;padding:4px 10px}
  #planes .plans__head h2{font-size:clamp(26px,4.2vh,34px);line-height:1.12;margin:7px 0 4px}
  #planes .plans__head p{font-size:clamp(11px,1.65vh,13px);line-height:1.4;max-width:1100px}
  #planes .plans__grid{height:100%;min-height:0;max-width:none;gap:18px;align-items:stretch}
  #planes .plan-card{height:100%;min-height:0;padding:clamp(12px,1.8vh,20px);border-radius:20px}
  #planes .plan-card__top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:baseline;min-height:0;padding-bottom:0}
  #planes .plan-card__intro{display:contents}
  #planes .plan-card__name{grid-column:1;grid-row:1;font-size:clamp(18px,2.9vh,24px);line-height:1.2;margin:0}
  #planes .plan-card__price{grid-column:2;grid-row:1;display:flex;flex-direction:row;align-items:baseline;flex-wrap:nowrap;gap:5px;margin:0}
  #planes .plan-card__price strong{font-size:clamp(22px,3.6vh,29px);line-height:1.1}
  #planes .plan-card__price span{font-size:10px;line-height:1.2}
  #planes .plan-card__summary{grid-column:1/-1;grid-row:2;min-height:2.8em;max-width:none;font-size:clamp(11px,1.65vh,12px);line-height:1.4;margin:0}
  #planes .plan-card__divider{margin:7px 0 0;height:1px}
  #planes .plan-card__includes{font-size:9px;line-height:1.3;margin:7px 0 4px}
  #planes .plan-card__features{display:flex;flex-direction:column;flex:1 0 auto;justify-content:space-evenly;gap:0;margin:0 0 6px}
  #planes .plan-card__features li{font-size:clamp(11px,1.55vh,12.5px);line-height:1.45;min-height:0;padding:2px 0 2px 27px}
  #planes .plan-card__features li::before{width:18px;height:18px;font-size:10px;left:0}
  #planes .sd-plan-detail{font-size:10px;line-height:1.5;margin:0 0 7px;min-height:3em}
  #planes .plan-card__button{min-height:clamp(34px,4.8vh,42px);font-size:12px;padding:7px 12px;margin:0}
  #planes .plan-card__badge{font-size:9px;padding:5px 12px}
  #planes .plans__trust{margin:0;padding:5px 12px;max-width:none;min-height:0;gap:12px;border-radius:12px}
  #planes .plans__trust-item{padding:0 8px;min-height:0}
  #planes .plans__trust-icon{width:25px;height:25px;border-radius:8px}
  #planes .plans__trust-icon .material-symbols-outlined{font-size:19px}
  #planes .plans__trust-copy strong{font-size:10px;line-height:1.3}
  #planes .plans__trust-copy>span{font-size:8.5px;line-height:1.3}
  #planes .plans__note{margin:0;max-width:1100px;font-size:10px;line-height:1.4}
}
@media(min-width:851px) and (max-height:700px) and (min-height:620px){
  #planes .plans__inner{gap:6px}
  #planes .plan-card__features li{padding-block:1px}
  #planes .plan-card__includes{margin-top:5px}
  #planes .plan-card__divider{margin-top:5px}
}
/* On phones and very short windows, use normal page scrolling at readable sizes. */
@media(max-width:850px),(max-height:619px){
  html.sd-section-snap #planes.plans{height:auto;min-height:0;max-height:none;scroll-snap-align:none;scroll-snap-stop:normal;scroll-margin-top:var(--sd-header-height-compact,68px)}
}
@media(min-width:1081px) and (max-height:619px){
  html.sd-section-snap{scroll-snap-type:y proximity}
}