.mobile-provider-section + .mobile-provider-section{padding-top:4px}
.mobile-provider-section .pi-section-intro{color:#64748b;font-size:13px;line-height:1.65;margin:-8px 0 16px}
.mobile-provider-empty{grid-column:1/-1;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:13px;padding:18px;text-align:center}
.pi-cards.mobile-provider-grid{align-items:stretch;grid-template-columns:repeat(3,minmax(0,1fr))}
.pi-card.mob-card{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}
.pi-card.mob-card .mob-head{align-items:center;display:flex;gap:10px;height:34px;margin-bottom:10px;min-height:34px;min-width:0}
.pi-card.mob-card .mob-head img{display:block;height:28px;max-width:88px;object-fit:contain;width:auto}
.pi-card.mob-card .mob-provider-name{color:#475569;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pi-card.mob-card .hkp-recommended{position:absolute;right:12px;top:12px}
.pi-card.mob-card .mob-price-block{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:9px;min-height:59px}
.pi-card.mob-card .mob-price-block .price{line-height:1.15;margin:0}
.pi-card.mob-card .mob-average{color:#15803d;font-size:12px;font-weight:700;line-height:1.4;margin-top:4px;min-height:17px}
.pi-card.mob-card .mob-main{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0}
.pi-card.mob-card .data{line-height:1.55;margin:0;min-height:61px;overflow-wrap:anywhere}
.pi-card.mob-card .pi-plan-facts{margin:10px 0 8px;min-width:0}
.pi-card.mob-card .pi-plan-facts li{line-height:1.55;margin:4px 0;min-width:0;overflow-wrap:anywhere}
.pi-card.mob-card .hkp-plan-details{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:10px}
.pi-card.mob-card .hkp-plan-details>div{color:#475569;font-size:12px;line-height:1.55;padding:5px 0;overflow-wrap:anywhere}
.pi-card.mob-card .hkp-plan-details p{margin:0 0 5px}
.pi-card.mob-card .mob-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;min-width:0}
/* Override the fixed desktop actions width only for provider landing cards. */
.pi-card.mob-card .mob-cta.hkp-card-actions{flex:0 0 auto;min-width:0;width:auto;gap:8px}
.pi-card.mob-card .mob-cta .wa-btn,.pi-card.mob-card .mob-cta .hkp-compare-button{align-items:center;box-sizing:border-box;display:flex;height:44px;justify-content:center;line-height:20px;margin:0;min-height:44px;min-width:max-content;padding:8px 6px;white-space:nowrap;width:auto}
.pi-card.mob-card .mob-cta .wa-btn{flex:1 0 auto}
.pi-card.mob-card .mob-cta .hkp-compare-button{flex:0 0 auto}
.pi-card.mob-card .mob-cta .wa-btn i{flex:0 0 auto;font-size:16px;line-height:1}
.pi-card.mob-card .mob-paused{align-items:center;color:#94a3b8;display:flex;font-size:12px;height:44px;justify-content:center}
@media(max-width:768px){.pi-cards.mobile-provider-grid{grid-template-columns:minmax(0,1fr)}.pi-card.mob-card{min-height:0}.pi-card.mob-card .data{min-height:0}}
@media(max-width:420px){.pi-card.mob-card{padding:16px}.pi-card.mob-card .mob-cta .wa-btn,.pi-card.mob-card .mob-cta .hkp-compare-button{font-size:12.5px!important}.mobile-provider-section{min-width:0}}