/* V237 — professional Quick Buy package picker */
.hero-v11-buy{max-width:1120px;margin-inline:auto}
.hero-v11-buy .hero-v11-buy-head h2{font-size:clamp(28px,3.1vw,48px);line-height:1.02}
.hero-v11-buy .hero-v11-platforms{gap:8px}
.hero-v11-buy .hero-v11-platform{min-height:82px;padding:10px 8px;border-radius:16px}
.hero-v11-buy .hero-v11-platform span{font-size:12px}

/* Package picker is wider and more grounded than the platform/service chooser. */
.hero-v11-buy .qb-choice-modal[data-mode="package"]{padding:24px!important}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-choice-panel{
  width:min(1180px,calc(100vw - 48px))!important;
  max-height:none!important;
  overflow:visible!important;
  padding:22px!important;
  border-radius:28px!important;
}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-choice-head{margin-bottom:12px!important}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-choice-search{display:none!important}

/* Tier tabs — one professional row on desktop. */
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-group-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0 0 16px!important;
}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-tier-card{
  min-height:102px!important;
  border-radius:20px!important;
  padding:16px!important;
  justify-content:flex-end!important;
  text-align:left!important;
}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-tier-discount{
  top:12px!important;left:14px!important;height:28px!important;min-width:54px!important;font-size:12px!important
}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-tier-card strong{
  margin-top:22px!important;font-size:15px!important;line-height:1.18!important;white-space:normal!important
}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-tier-from{font-size:11px!important;line-height:1.2!important}

/* Package cards align with the product package grids used elsewhere. */
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-choice-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
  max-height:none!important;
  padding:0!important;
}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-pro-card{
  min-height:82px!important;
  border-radius:16px!important;
  padding:10px 11px!important;
  grid-template-columns:30px minmax(86px,1fr) minmax(108px,auto)!important;
  gap:9px!important;
  overflow:visible!important;
}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-check{width:30px!important;height:30px!important;min-width:30px!important}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-pro-copy strong{font-size:15px!important;overflow:visible!important;text-overflow:clip!important}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-pro-copy span{font-size:10px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-pro-price{min-width:108px!important;max-width:138px!important;padding:8px 10px!important;border-radius:12px!important}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-pro-price b{font-size:13px!important}
.hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-pro-price small{font-size:9px!important}

/* Counter footer: same mental model as Custom Quantity. */
.hero-v11-buy .qb-package-choice-footer{
  display:grid;
  grid-template-columns:minmax(170px,.8fr) minmax(260px,1.15fr) minmax(170px,.75fr) minmax(170px,.72fr);
  gap:12px;
  align-items:center;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid #e4eaf4;
}
.hero-v11-buy .qb-package-choice-footer[hidden]{display:none!important}
.hero-v11-buy .qb-package-footer-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.hero-v11-buy .qb-package-footer-copy strong{font-size:15px;color:#243149}
.hero-v11-buy .qb-package-footer-copy small{font-size:10px;line-height:1.3;color:#7c8aa1}
.hero-v11-buy .qb-package-footer-stepper{
  display:grid;grid-template-columns:48px minmax(0,1fr) 48px;min-height:52px;border:1px solid #dce5f2;border-radius:14px;overflow:hidden;background:#fff
}
.hero-v11-buy .qb-package-footer-stepper button{border:0;background:#eefaf6;color:#20c69d;font-size:24px;font-weight:900;cursor:pointer}
.hero-v11-buy .qb-package-footer-stepper input{width:100%;min-width:0;border:0!important;background:#fff!important;color:#1f2b43!important;text-align:center;font-size:22px;font-weight:850;outline:none;padding:0 8px;-moz-appearance:textfield}
.hero-v11-buy .qb-package-footer-stepper input::-webkit-inner-spin-button,.hero-v11-buy .qb-package-footer-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.hero-v11-buy .qb-package-footer-price{min-height:52px;border:1px solid #dce5f2;border-radius:14px;padding:8px 12px;display:flex;flex-direction:column;justify-content:center;gap:2px;background:#f8faff}
.hero-v11-buy .qb-package-footer-price small{font-size:10px;color:#8190a7}.hero-v11-buy .qb-package-footer-price strong{font-size:15px;color:#243149}
.hero-v11-buy .qb-package-footer-apply{min-height:52px!important;margin:0!important;border-radius:14px!important;font-size:14px!important;font-weight:850!important}

html[data-theme="dark"] .hero-v11-buy .qb-package-choice-footer{border-color:#2f3f58}
html[data-theme="dark"] .hero-v11-buy .qb-package-footer-copy strong,html[data-theme="dark"] .hero-v11-buy .qb-package-footer-price strong{color:#eef4ff}
html[data-theme="dark"] .hero-v11-buy .qb-package-footer-copy small,html[data-theme="dark"] .hero-v11-buy .qb-package-footer-price small{color:#9fb0c8}
html[data-theme="dark"] .hero-v11-buy .qb-package-footer-stepper{background:#152137;border-color:#35455f}
html[data-theme="dark"] .hero-v11-buy .qb-package-footer-stepper input{background:#152137!important;color:#eef4ff!important}
html[data-theme="dark"] .hero-v11-buy .qb-package-footer-stepper button{background:#18313a;color:#5ee0be}
html[data-theme="dark"] .hero-v11-buy .qb-package-footer-price{background:#152137;border-color:#35455f}

@media(max-width:1080px){
  .hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hero-v11-buy .qb-package-choice-footer{grid-template-columns:1fr 1.2fr 1fr}.hero-v11-buy .qb-package-footer-apply{grid-column:1/-1}
}
@media(max-width:760px){
  .hero-v11-buy{max-width:none}
  .hero-v11-buy .qb-choice-modal[data-mode="package"]{padding:10px!important;align-items:end!important}
  .hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-choice-panel{width:100%!important;max-height:92dvh!important;overflow:auto!important;border-radius:24px 24px 0 0!important;padding:14px!important}
  .hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-group-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-pro-card{min-height:102px!important;grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:auto auto!important;padding:9px!important}
  .hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-pro-price{grid-column:1/-1!important;width:100%!important;max-width:none!important;min-width:0!important}
  .hero-v11-buy .qb-package-choice-footer{grid-template-columns:1fr!important;position:sticky;bottom:-14px;background:inherit;padding:12px 0 4px;z-index:4}
  .hero-v11-buy .qb-package-footer-copy{display:none}
}
@media(max-width:430px){
  .hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-group-tabs{grid-template-columns:1fr 1fr!important}
  .hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-tier-card{min-height:88px!important;padding:12px!important}
  .hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-package-tier-card strong{font-size:12px!important;margin-top:19px!important}
  .hero-v11-buy .qb-choice-modal[data-mode="package"] .qb-tier-from{font-size:9px!important}
}