/* V213 — mobile top package types: compact 2x2 only. Desktop/modal grids untouched. */
@media (max-width:640px){
  .flex-package-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .flex-package-tab{
    min-height:104px!important;
    padding:12px!important;
    border-radius:16px!important;
    gap:8px!important;
  }
  .flex-package-tab-head{
    padding-top:24px!important;
    text-align:center!important;
  }
  .flex-package-tab-head strong{
    font-size:13px!important;
    line-height:1.15!important;
    font-weight:700!important;
    min-height:2.25em!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .flex-package-tab-discount{
    top:0!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    min-width:60px!important;
    padding:6px 10px!important;
    font-size:11px!important;
  }
  .flex-package-tab-price-block{
    padding-top:7px!important;
    gap:2px!important;
    align-items:center!important;
    text-align:center!important;
  }
  .flex-package-tab-price-block span{font-size:9.5px!important}
  .flex-package-tab-price-block b{font-size:14px!important;white-space:nowrap!important}
}

@media (max-width:380px){
  .flex-package-tabs{gap:8px!important}
  .flex-package-tab{min-height:98px!important;padding:10px!important}
  .flex-package-tab-head strong{font-size:12px!important}
  .flex-package-tab-price-block b{font-size:13px!important}
}