/* Phone cards keep price prominence while grouping related information. */
@media (max-width:760px) {
  .membership-reference .pricing-page .pricing-grid { gap:9px; row-gap:9px; }
  .membership-reference .pricing-page .offer-card .offer-main {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    column-gap:8px;
    row-gap:0;
    padding:9px 12px 8px;
  }
  .membership-reference .pricing-page .offer-card .offer-title-row {
    grid-column:1 / -1;
    margin:0 0 4px;
    min-height:22px;
  }
  .membership-reference .pricing-page .offer-card .offer-title-row h3 { margin:0; line-height:1.3; }
  .membership-reference .pricing-page .offer-card .offer-pricing { display:contents; }
  .membership-reference .pricing-page .offer-card .plan-price { grid-column:1 / -1; margin:0 0 3px; line-height:1.08; }
  .membership-reference .pricing-page .offer-card .offer-pricing del { grid-column:1; align-self:center; font-size:11px; line-height:1.3; }
  .membership-reference .pricing-page .offer-card .offer-saving { grid-column:2; margin:0; align-self:center; text-align:right; font-size:11px; line-height:1.3; }
  .membership-reference .pricing-page .offer-card .offer-quota { grid-column:1 / -1; margin-top:5px; line-height:1.15; gap:6px; }
  .membership-reference .pricing-page .offer-card .price-caption { grid-column:1 / -1; min-height:0; margin:3px 0 0; line-height:1.3; }
  .membership-reference .pricing-page .offer-card .member-buy { grid-column:1 / -1; height:auto; min-height:40px; margin-top:7px; padding:8px 12px; }
  .membership-reference .pricing-page .offer-card .offer-benefits { padding:0 12px 2px; }
  .membership-reference .pricing-page .offer-card .mobile-benefits-head { min-height:32px; }
  .membership-reference .pricing-page .offer-card .mobile-benefits-toggle { min-height:32px; }
  .membership-reference .pricing-page .offer-card .offer-benefits:not(.benefits-collapsed) ul { padding:4px 0 8px; gap:7px; }
  .membership-reference .pricing-page .offer-permanent .offer-main { padding-top:10px; }
}

@media(max-width:760px){
 .membership-reference .pricing-page .offer-card:not(.offer-permanent) .offer-ribbon { min-height:24px; padding:5px 12px; }
 .membership-reference .pricing-page .offer-permanent .offer-ribbon { min-height:46px; }
 .membership-reference .pricing-page .offer-card .member-buy:disabled { min-height:34px; padding-top:6px; padding-bottom:6px; }
}

@media(max-width:760px){
 .membership-reference .pricing-page .offer-card .plan-price { position:relative; top:3px; }
 .membership-reference .pricing-page .offer-card .plan-price > span { position:relative; top:-3px; }
}