/* V241 — package quantity controls + AI query panel */
.flex-package-custom-choice{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  min-width:0!important;
}
.flex-package-custom-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:16px!important;margin:0!important}
.flex-package-custom-head strong{font-size:15px!important;line-height:1.2!important;color:var(--pkg240-text)!important}
.flex-package-custom-head small{font-size:11px!important;line-height:1.35!important;color:var(--pkg240-muted)!important;text-align:right!important;max-width:460px!important}

.flex-package-custom-form{
  display:grid!important;
  grid-template-columns:minmax(260px,.86fr) minmax(0,1.5fr) minmax(190px,.72fr) minmax(200px,.72fr)!important;
  grid-template-areas:
    "step range price action"!important;
  gap:10px!important;
  align-items:stretch!important;
}
.flex-package-stepper{grid-area:step!important;height:64px!important;min-height:64px!important;border-radius:16px!important;overflow:hidden!important}
.flex-package-range-wrap{grid-area:range!important;display:grid!important;grid-template-rows:1fr auto!important;align-content:center!important;gap:7px!important;padding:9px 4px 0!important;min-width:0!important}
.flex-package-range-wrap input[type=range]{display:block!important;width:100%!important;min-width:0!important;height:8px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.flex-package-range-meta{display:flex!important;justify-content:space-between!important;gap:12px!important;font-size:10px!important;color:var(--pkg240-muted)!important;line-height:1!important}
.flex-package-live-box{grid-area:price!important;height:64px!important;min-height:64px!important;border-radius:16px!important;padding:9px 12px!important;min-width:0!important}
.flex-package-live-box strong{font-size:17px!important;line-height:1.1!important}
.flex-package-live-box span{font-size:9px!important;line-height:1.2!important;padding:4px 8px!important;white-space:normal!important}
.flex-package-continue{grid-area:action!important;height:64px!important;min-height:64px!important;border-radius:16px!important;margin:0!important}

.package-benefit-strip{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0!important;
}
.package-benefit-card{
  min-height:58px!important;
  padding:9px 11px!important;
  border-radius:15px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.package-benefit-icon{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;flex:none!important}
.package-benefit-card strong{font-size:11px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important;min-width:0!important}

.package-ai-query{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) auto!important;
  grid-template-areas:"copy providers" "status status"!important;
  gap:10px 16px!important;
  align-items:center!important;
  padding:12px 14px!important;
  border:1px solid var(--pkg240-border)!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--pkg240-surface-2) 96%,#6b5cff 4%),var(--pkg240-surface))!important;
}
.package-ai-copy{grid-area:copy!important;display:grid!important;gap:3px!important;min-width:0!important}
.package-ai-kicker{font-size:9px!important;letter-spacing:.18em!important;font-weight:900!important;color:#7768ff!important}
.package-ai-copy strong{font-size:13px!important;line-height:1.2!important;color:var(--pkg240-text)!important}
.package-ai-copy small{font-size:10px!important;line-height:1.35!important;color:var(--pkg240-muted)!important}
.package-ai-providers{grid-area:providers!important;display:grid!important;grid-template-columns:repeat(4,minmax(94px,1fr))!important;gap:8px!important}
.package-ai-providers button{
  min-height:42px!important;
  padding:0 13px!important;
  border:1px solid var(--pkg240-border)!important;
  border-radius:12px!important;
  background:var(--pkg240-surface)!important;
  color:var(--pkg240-text)!important;
  font-size:11px!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease!important;
}
.package-ai-providers button:hover,.package-ai-providers button:focus-visible{transform:translateY(-1px)!important;border-color:#6d63ff!important;box-shadow:0 7px 18px rgba(80,72,210,.12)!important;outline:none!important}
.package-ai-status{grid-area:status!important;min-height:0!important;font-size:9px!important;line-height:1.2!important;color:var(--pkg240-muted)!important;text-align:right!important}

@media(max-width:1180px){
  .flex-package-custom-form{
    grid-template-columns:minmax(230px,.9fr) minmax(0,1.35fr) minmax(180px,.72fr)!important;
    grid-template-areas:"step range price" "action action action"!important;
  }
  .flex-package-continue{width:100%!important}
  .package-ai-query{grid-template-columns:1fr!important;grid-template-areas:"copy" "providers" "status"!important}
  .package-ai-status{text-align:left!important}
}

@media(max-width:760px){
  .flex-package-custom-choice{gap:10px!important}
  .flex-package-custom-head{align-items:start!important;flex-direction:column!important;gap:3px!important}
  .flex-package-custom-head small{text-align:left!important;max-width:none!important;font-size:10px!important}
  .flex-package-custom-form{
    grid-template-columns:1fr!important;
    grid-template-areas:"step" "range" "price" "action"!important;
    gap:9px!important;
  }
  .flex-package-stepper,.flex-package-live-box,.flex-package-continue{height:58px!important;min-height:58px!important}
  .flex-package-range-wrap{padding:4px 2px 0!important;gap:6px!important}
  .flex-package-range-wrap input[type=range]{height:7px!important}
  .package-benefit-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .package-benefit-card{min-height:66px!important;grid-template-columns:30px minmax(0,1fr)!important;padding:9px!important;gap:7px!important}
  .package-benefit-icon{width:30px!important;height:30px!important}
  .package-benefit-card strong{font-size:10px!important;line-height:1.22!important}
  .package-ai-query{padding:11px!important;border-radius:15px!important;gap:9px!important}
  .package-ai-copy strong{font-size:12px!important}
  .package-ai-copy small{font-size:9px!important}
  .package-ai-providers{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .package-ai-providers button{min-height:40px!important;font-size:10px!important;padding:0 8px!important}
}

@media(max-width:420px){
  .package-benefit-strip{grid-template-columns:1fr!important}
  .package-benefit-card{min-height:54px!important}
  .package-ai-providers{grid-template-columns:1fr 1fr!important}
}