/* Used only by Residential Broadband and Mobile Plans.
   Shell sizes approximate measured current cards at the existing breakpoints.
   The catalogue renderer removes the shells (and all reservation) on success/error. */
#plans-list[aria-busy="true"],.product-grid[aria-busy="true"]{position:relative}
.plan-loading-status{position:absolute;top:12px;left:22px;right:22px;z-index:1;margin:0;font-size:14px;line-height:1.5;color:#50545c}
.plan-loading-shell{background:#eef1f5!important;box-shadow:none!important}
/* A failed Mobile request has no cards to define the sticky heading runway. */
.product-stack:has(.product-load-message) .product-heading-track{height:auto!important}
#plans-list .plan-loading-shell{min-height:516px}
.product-grid .plan-loading-shell{min-height:519px}
@media(min-width:901px) and (max-width:1200px){#plans-list .plan-loading-shell{min-height:560px}}
@media(min-width:641px) and (max-width:900px){#plans-list .plan-loading-shell{min-height:526px}}
@media(min-width:641px) and (max-width:1100px){.product-grid .plan-loading-shell{min-height:477px}}
@media(max-width:640px){
  #plans-list .plan-loading-shell{min-height:404px}
  .product-grid .plan-loading-shell{min-height:461px}
  .product-grid .plan-loading-status{top:calc(var(--product-heading-height,106px) + 30px)}
}
@media(max-width:380px){.product-grid .plan-loading-shell{min-height:482px}}
@media(max-width:350px){.product-grid .plan-loading-shell{min-height:503px}}

@media(max-width:640px){#plans-list .plan-loading-shell:nth-of-type(n+2){min-height:458px}}