/* V255 — Mobile parity: category + checkout package pickers follow the Quick Buy package language. */
@media (max-width: 768px){
  /* Shared shell */
  .flex-package-modal,
  .checkout-picker-modal[data-checkout-modal="package"]{
    padding:8px!important;
    align-items:center!important;
    justify-items:center!important;
    overflow:hidden!important;
  }
  .flex-package-modal-dialog,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-dialog{
    width:min(100%, 820px)!important;
    max-width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    height:auto!important;
    border-radius:22px!important;
    padding:10px 12px 12px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .flex-package-modal-head,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-head{
    min-height:0!important;
    padding:0 0 7px!important;
    margin:0 0 6px!important;
  }
  .flex-package-modal-head h3,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-head h3{
    font-size:clamp(20px,5.6vw,28px)!important;
    line-height:1.03!important;
    margin:2px 0!important;
  }
  .flex-package-modal-head p,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-head p{
    font-size:10px!important;
    line-height:1.2!important;
  }
  .flex-package-modal-x,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-close{
    width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;font-size:28px!important;
  }

  .flex-package-modal-panel,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-panel{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    gap:6px!important;
    padding-top:2px!important;
  }
  .flex-package-modal-section-head,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-section-head{
    min-height:22px!important;
    margin:0!important;
  }
  .flex-package-modal-section-head strong,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-section-head strong{font-size:12px!important}
  .flex-package-modal-section-head small,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-section-head small{font-size:9px!important;padding:4px 7px!important}

  /* 4 x 4 matrix — same visual rhythm as Quick Buy mobile */
  .flex-package-modal-list,
  .flex-package-modal-list[data-package-grid],
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
    align-content:stretch!important;
  }
  .flex-package-modal-item,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-card{
    position:relative!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:8px 5px 6px!important;
    border-radius:13px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:3px!important;
    overflow:visible!important;
  }
  .flex-package-select-mark,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-icon{
    position:absolute!important;
    top:5px!important;right:5px!important;left:auto!important;
    width:25px!important;height:25px!important;min-width:25px!important;
    border-radius:7px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
  }
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-icon::after{content:"";display:block;width:100%;height:100%}
  .flex-package-modal-copy,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-copy{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:2px!important;
    padding-top:13px!important;
  }
  .flex-package-modal-copy b,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-copy b{
    font-size:clamp(12px,3.5vw,17px)!important;
    line-height:1!important;
    white-space:nowrap!important;
    letter-spacing:-.02em!important;
  }
  .flex-package-modal-copy small,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-copy small{
    font-size:8px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .flex-package-modal-price,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-price{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:38px!important;
    height:auto!important;
    border-radius:10px!important;
    padding:5px 3px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    margin-top:auto!important;
  }
  .flex-package-modal-price b,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-price b{
    font-size:clamp(9px,2.7vw,13px)!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .flex-package-modal-discount,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-price small{
    font-size:7px!important;
    line-height:1!important;
    padding:2px 5px!important;
    white-space:nowrap!important;
  }
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-arrow{display:none!important}
  .flex-package-favorite,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-badge{
    top:-5px!important;
    font-size:6px!important;
    padding:3px 5px!important;
  }

  /* Bottom controls: compact like Quick Buy */
  .flex-package-custom-choice,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-console{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(125px,.85fr) minmax(100px,.62fr) minmax(130px,.9fr)!important;
    grid-template-areas:"step price action"!important;
    gap:6px!important;
    align-items:center!important;
    margin:5px 0 0!important;
    padding:6px 0 0!important;
    border-top:1px solid var(--pkg-modal-border,rgba(123,140,170,.25))!important;
  }
  .flex-package-custom-head,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-copy,
  .flex-package-range-wrap{display:none!important}
  .flex-package-custom-form{display:contents!important}
  .flex-package-stepper,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-stepper{
    grid-area:step!important;
    height:42px!important;min-height:42px!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    border-radius:11px!important;
  }
  .flex-package-qty-manual,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-stepper input{
    height:40px!important;
    font-size:16px!important;
  }
  .flex-package-stepper button,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-stepper button{
    font-size:20px!important;
  }
  .flex-package-live-box,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-price{
    grid-area:price!important;
    height:42px!important;min-height:42px!important;
    border-radius:11px!important;
    padding:5px 8px!important;
  }
  .flex-package-live-box small,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-price small{font-size:7px!important}
  .flex-package-live-box strong,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-price strong{font-size:12px!important}
  .flex-package-continue,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-apply{
    grid-area:action!important;
    grid-column:auto!important;
    height:42px!important;min-height:42px!important;
    border-radius:11px!important;
    font-size:10px!important;
    padding:0 8px!important;
    white-space:nowrap!important;
  }

  /* Category modal extras follow Quick Buy mobile footprint */
  .package-benefit-strip{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:4px!important;
    margin-top:4px!important;
  }
  .package-benefit-card{
    min-height:34px!important;
    padding:4px 5px!important;
    border-radius:9px!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    gap:4px!important;
  }
  .package-benefit-icon{width:18px!important;height:18px!important;border-radius:6px!important}
  .package-benefit-card strong{font-size:6.5px!important;line-height:1.05!important;text-align:center!important}
  .package-ai-query{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-areas:"copy providers"!important;
    gap:5px!important;
    padding:4px 6px!important;
    margin-top:3px!important;
    border-radius:9px!important;
  }
  .package-ai-copy{display:flex!important;align-items:center!important;gap:4px!important;white-space:nowrap!important}
  .package-ai-copy strong{font-size:7px!important}.package-ai-kicker{font-size:5px!important}.package-ai-copy small{display:none!important}
  .package-ai-providers{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px!important}
  .package-ai-providers button{min-height:24px!important;height:24px!important;font-size:6px!important;padding:0 4px!important;border-radius:7px!important}

  /* selected states stay clear but not oversized */
  .flex-package-modal-item.is-selected,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-card[aria-current="true"],
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-card.is-selected{
    transform:none!important;
  }
}

@media (max-width: 430px){
  .flex-package-modal-dialog,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-dialog{padding:8px 9px 10px!important}
  .flex-package-modal-list,
  .flex-package-modal-list[data-package-grid],
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-grid{gap:4px!important}
  .flex-package-modal-item,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-card{padding:7px 3px 5px!important;border-radius:11px!important}
  .flex-package-modal-copy b,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-copy b{font-size:12px!important}
  .flex-package-modal-price b,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-price b{font-size:9px!important}
  .flex-package-custom-choice,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-console{grid-template-columns:minmax(108px,.85fr) minmax(82px,.62fr) minmax(112px,.9fr)!important;gap:4px!important}
  .flex-package-stepper,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-stepper{grid-template-columns:34px minmax(0,1fr) 34px!important}
  .package-benefit-card strong{font-size:5.8px!important}
}