/* V249 — package modal: all 16 packages visible + absolute top layer */
html.qb-modal-open,
html.qb-modal-open body{overflow:hidden!important;overscroll-behavior:none!important}

body>.qb-choice-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
  contain:layout paint!important;
  padding:6px!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}
body>.qb-choice-modal[hidden]{display:none!important}
body>.qb-choice-modal>.qb-choice-backdrop{
  position:fixed!important;inset:0!important;z-index:0!important;
  background:rgba(3,8,20,.76)!important;
  backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;
}
body>.qb-choice-modal>.qb-choice-panel{
  position:relative!important;z-index:1!important;
  width:min(1720px,calc(100vw - 12px))!important;
  height:min(920px,calc(100dvh - 12px))!important;
  max-width:none!important;max-height:calc(100dvh - 12px)!important;
  overflow:hidden!important;
  display:flex!important;flex-direction:column!important;min-height:0!important;
  padding:12px 16px 10px!important;
}

/* Desktop package modal: every section gets its own space; grid owns the flexible middle. */
body>.qb-choice-modal[data-mode="package"] .qb-choice-head{flex:0 0 auto!important;margin:0!important;padding-bottom:6px!important}
body>.qb-choice-modal[data-mode="package"] .qb-choice-search{display:none!important}
body>.qb-choice-modal[data-mode="package"] .qb-package-group-tabs{
  flex:0 0 auto!important;display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;margin:7px 0!important;
}
body>.qb-choice-modal[data-mode="package"] .qb-package-tier-card{
  min-height:54px!important;padding:7px 10px!important;border-radius:14px!important;
}
body>.qb-choice-modal[data-mode="package"] .qb-package-section-head{
  flex:0 0 auto!important;min-height:24px!important;margin:0 0 5px!important;
}
body>.qb-choice-modal[data-mode="package"] .qb-package-choice-grid{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;padding:0!important;overflow:hidden!important;align-content:stretch!important;
}
body>.qb-choice-modal[data-mode="package"] .qb-package-pro-card{
  min-height:0!important;height:100%!important;max-height:none!important;
  padding:6px 10px!important;border-radius:14px!important;
  align-self:stretch!important;overflow:visible!important;
}
body>.qb-choice-modal[data-mode="package"] .qb-package-pro-copy strong{font-size:16px!important;line-height:1.05!important}
body>.qb-choice-modal[data-mode="package"] .qb-package-pro-copy span{font-size:10px!important;line-height:1!important}
body>.qb-choice-modal[data-mode="package"] .qb-package-pro-price{min-height:46px!important;padding:6px 9px!important}
body>.qb-choice-modal[data-mode="package"] .qb-package-pro-price b{font-size:14px!important;line-height:1!important}
body>.qb-choice-modal[data-mode="package"] .qb-package-pro-price small{font-size:9px!important}

body>.qb-choice-modal[data-mode="package"] .qb-package-choice-footer{
  flex:0 0 auto!important;display:grid!important;
  grid-template-columns:minmax(200px,.8fr) minmax(300px,1.35fr) minmax(170px,.68fr) minmax(245px,.9fr)!important;
  gap:8px!important;align-items:center!important;margin:7px 0 0!important;padding:7px 0 0!important;
  position:static!important;overflow:visible!important;
}
body>.qb-choice-modal[data-mode="package"] .qb-package-footer-stepper,
body>.qb-choice-modal[data-mode="package"] .qb-package-footer-price,
body>.qb-choice-modal[data-mode="package"] .qb-package-footer-apply{min-height:52px!important;height:52px!important}
body>.qb-choice-modal[data-mode="package"] .qb-package-benefits{
  flex:0 0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;margin-top:6px!important;
}
body>.qb-choice-modal[data-mode="package"] .qb-package-benefit{min-height:48px!important;padding:5px 8px!important}
body>.qb-choice-modal[data-mode="package"] .qb-package-ai{
  flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(360px,1.2fr) auto!important;
  gap:7px!important;align-items:center!important;margin:6px auto 0!important;padding:5px 7px!important;
  width:min(760px,100%)!important;min-height:42px!important;
}

/* Short desktop/laptop screens: compact without hiding rows. */
@media (min-width:821px) and (max-height:820px){
  body>.qb-choice-modal>.qb-choice-panel{height:calc(100dvh - 8px)!important;padding:8px 12px 7px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-choice-head{padding-bottom:4px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-choice-head h3{font-size:26px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-group-tabs{margin:5px 0!important;gap:6px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-tier-card{min-height:46px!important;padding:5px 8px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-choice-grid{gap:5px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-pro-card{padding:4px 8px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-pro-price{min-height:39px!important;padding:4px 7px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-choice-footer{margin-top:5px!important;padding-top:5px!important;gap:6px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-footer-stepper,
  body>.qb-choice-modal[data-mode="package"] .qb-package-footer-price,
  body>.qb-choice-modal[data-mode="package"] .qb-package-footer-apply{height:44px!important;min-height:44px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-benefits{margin-top:4px!important;gap:5px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-benefit{min-height:38px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-ai{margin-top:4px!important;min-height:34px!important;padding:3px 6px!important}
}

/* Mobile/tablet: still one modal, 4x4 package matrix, no internal page overlap. */
@media(max-width:820px){
  body>.qb-choice-modal{padding:3px!important}
  body>.qb-choice-modal>.qb-choice-panel{
    width:calc(100vw - 6px)!important;height:calc(100dvh - 6px)!important;max-height:calc(100dvh - 6px)!important;
    padding:6px!important;border-radius:16px!important;overflow:hidden!important;
  }
  body>.qb-choice-modal[data-mode="package"] .qb-package-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:3px!important;margin:4px 0!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-tier-card{min-height:34px!important;padding:3px 5px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-section-head{min-height:16px!important;margin-bottom:2px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-choice-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;
    gap:2px!important;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;
  }
  body>.qb-choice-modal[data-mode="package"] .qb-package-pro-card{
    min-height:0!important;height:100%!important;padding:2px 1px!important;border-radius:7px!important;
    display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;gap:1px!important;
  }
  body>.qb-choice-modal[data-mode="package"] .qb-package-choice-footer{
    grid-template-columns:minmax(92px,.9fr) minmax(0,1.5fr) minmax(70px,.7fr)!important;
    grid-template-areas:"step range price" "action action action"!important;
    gap:2px!important;margin-top:3px!important;padding-top:3px!important;
  }
  body>.qb-choice-modal[data-mode="package"] .qb-package-footer-stepper,
  body>.qb-choice-modal[data-mode="package"] .qb-package-footer-price{height:28px!important;min-height:28px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-footer-apply{height:26px!important;min-height:26px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-benefits{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important;margin-top:2px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-benefit{min-height:21px!important;padding:1px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-ai{grid-template-columns:1fr!important;width:100%!important;margin-top:2px!important;padding:1px!important;min-height:20px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-ai-copy,
  body>.qb-choice-modal[data-mode="package"] .qb-package-ai-status{display:none!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-ai-providers{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px!important}
  body>.qb-choice-modal[data-mode="package"] .qb-package-ai-providers button{height:18px!important;min-height:18px!important}
}
