/* Three packages together as a compact mobile catalogue. */
@media(max-width:650px){
 #packages .pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:stretch}
 #packages .pricing article{min-width:0;padding:16px 11px;display:flex;flex-direction:column;border-radius:12px}
 #packages .plan-type{font-size:9px;line-height:1.5;letter-spacing:.09em;min-height:40px}
 #packages .pricing h3{font-size:17px;line-height:1.25;letter-spacing:-.4px;margin:12px 0;min-height:64px;overflow-wrap:normal}
 #packages .pricing p{font-size:12px;line-height:1.55;min-height:0;margin:0}
 #packages .price{font-size:23px;line-height:1.2;letter-spacing:-.8px;margin:22px 0 17px;white-space:nowrap}
 #packages .price span{display:block;font-size:11px;line-height:1.5;letter-spacing:0;margin:5px 0 0}
 #packages .pricing .plan-note{font-size:11px;line-height:1.55;padding-top:14px;margin-bottom:18px}
 #packages .pricing .button{width:100%;min-width:0;min-height:78px;margin-top:auto;padding:10px 5px;display:flex;flex-direction:column;justify-content:center;gap:7px;text-align:center;font-size:11px;line-height:1.3;border-radius:9px;letter-spacing:0;overflow-wrap:normal}
 #packages .pricing .button:before{width:19px;height:19px;flex:0 0 19px;margin:0}
 #packages .pricing .button span{display:none}
}
@media(max-width:359px){
 #packages .pricing{gap:6px}
 #packages .pricing article{padding:13px 8px}
 #packages .pricing h3{font-size:15px;min-height:58px}
 #packages .pricing p{font-size:11px}
 #packages .price{font-size:19px}
 #packages .plan-type{font-size:8px}
 #packages .pricing .plan-note{font-size:10.5px}
 #packages .pricing .button{font-size:10.5px;padding:9px 4px}
}
@media(max-width:650px){#packages .pricing article>h3+p{min-height:140px}#packages .price{min-height:55px}}
@media(max-width:359px){#packages .pricing article>h3+p{min-height:180px}}