/* V260 — Mobile package parity with Quick Buy.
   Mobile/tablet only. Desktop and package logic remain untouched. */
@media (max-width: 820px){
  /* Shared modal shell: same compact footprint as Quick Buy */
  .flex-package-modal,
  .checkout-picker-modal[data-checkout-modal="package"]{
    padding:6px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  .flex-package-modal-dialog,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-dialog{
    width:min(96vw,760px)!important;
    max-width:96vw!important;
    height:auto!important;
    max-height:calc(100dvh - 12px)!important;
    padding:7px!important;
    border-radius:17px!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:43px!important;
    margin:0!important;
    padding:0 1px 5px!important;
    align-items:center!important;
    flex:none!important;
  }
  .flex-package-modal-head .flex-kicker,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-head>div>small{
    font-size:6.5px!important;
    letter-spacing:.16em!important;
    line-height:1!important;
  }
  .flex-package-modal-head h3,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-head h3{
    font-size:clamp(16px,4.6vw,20px)!important;
    line-height:1.02!important;
    margin:1px 0!important;
  }
  .flex-package-modal-head p,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-head p{
    font-size:7px!important;
    line-height:1.05!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .flex-package-modal-x,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-close{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:11px!important;
    font-size:22px!important;
  }

  .flex-package-modal-panel,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-panel{
    min-height:0!important;
    overflow:hidden!important;
    padding-top:2px!important;
    gap:3px!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .flex-package-modal-section-head,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-section-head{
    min-height:18px!important;
    margin:0 0 3px!important;
    flex:none!important;
  }
  .flex-package-modal-section-head strong,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-section-head strong{
    font-size:8.5px!important;
    line-height:1!important;
  }
  .flex-package-modal-section-head small,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-section-head small{
    font-size:6.5px!important;
    line-height:1!important;
    padding:3px 5px!important;
  }

  /* EXACT Quick Buy mobile package matrix */
  .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,clamp(72px,9.4dvh,88px))!important;
    grid-auto-rows:clamp(72px,9.4dvh,88px)!important;
    gap:4px!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    align-content:start!important;
    flex:none!important;
  }

  .flex-package-modal-item,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-card{
    position:relative!important;
    height:100%!important;
    min-height:0!important;
    min-width:0!important;
    padding:3px 2px!important;
    border-radius:8px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:1px!important;
    overflow:visible!important;
    transform:none!important;
  }

  /* selection mark = Quick Buy checkbox size/position */
  .flex-package-select-mark,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-icon{
    position:absolute!important;
    top:2px!important;
    right:2px!important;
    left:auto!important;
    width:17px!important;
    height:17px!important;
    min-width:17px!important;
    margin:0!important;
    border-radius:5px!important;
    display:grid!important;
    place-items:center!important;
    z-index:3!important;
    font-size:0!important;
  }
  .flex-package-select-mark i{
    font-size:10px!important;
    line-height:1!important;
  }
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-icon::before{
    content:"✓";
    font-size:10px!important;
    line-height:1!important;
    opacity:0;
  }
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-card[aria-current="true"] .checkout-picker-package-icon::before,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-card.is-selected .checkout-picker-package-icon::before{
    opacity:1;
  }

  .flex-package-modal-copy,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-copy{
    width:100%!important;
    min-width:0!important;
    margin-top:2px!important;
    padding-top:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:0!important;
  }
  .flex-package-modal-copy b,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-copy b{
    font-size:clamp(8px,2.55vw,10px)!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
  }
  .flex-package-modal-copy small,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-copy small{
    font-size:5.7px!important;
    line-height:1!important;
    white-space:nowrap!important;
    margin-top:1px!important;
  }

  .flex-package-modal-price,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-price{
    width:94%!important;
    min-width:0!important;
    max-width:94%!important;
    min-height:27px!important;
    height:27px!important;
    margin:0 auto!important;
    padding:2px 1px!important;
    border-radius:6px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:1px!important;
  }
  .flex-package-modal-price b,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-price b{
    font-size:clamp(6.7px,2.05vw,8.2px)!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:4.8px!important;
    line-height:1!important;
    padding:1px 3px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  .flex-package-favorite,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-badge{
    top:-3px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    font-size:5px!important;
    line-height:1!important;
    padding:2px 4px!important;
    border-radius:999px!important;
  }
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-arrow{display:none!important}

  /* Category quantity/price/action = Quick Buy compact footer */
  .flex-package-modal .flex-package-custom-choice{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    margin:4px 0 0!important;
    padding:4px 0 0!important;
    border-top:1px solid var(--pkg-modal-border,rgba(123,140,170,.25))!important;
    flex:none!important;
  }
  .flex-package-modal .flex-package-custom-head,
  .flex-package-modal .flex-package-range-wrap{display:none!important}
  .flex-package-modal .flex-package-custom-form{
    display:grid!important;
    grid-template-columns:minmax(84px,.8fr) minmax(76px,.72fr)!important;
    grid-template-areas:"step price" "action action"!important;
    gap:3px!important;
    margin:0!important;
    width:100%!important;
  }
  .flex-package-modal .flex-package-stepper{
    grid-area:step!important;
    height:31px!important;
    min-height:31px!important;
    grid-template-columns:31px minmax(0,1fr) 31px!important;
    border-radius:8px!important;
  }
  .flex-package-modal .flex-package-stepper button{
    height:31px!important;
    min-height:31px!important;
    font-size:15px!important;
  }
  .flex-package-modal .flex-package-qty-manual{
    height:29px!important;
    min-height:29px!important;
    font-size:11px!important;
    line-height:29px!important;
  }
  .flex-package-modal .flex-package-live-box{
    grid-area:price!important;
    height:31px!important;
    min-height:31px!important;
    border-radius:8px!important;
    padding:3px 5px!important;
  }
  .flex-package-modal .flex-package-live-box small{font-size:5.5px!important}
  .flex-package-modal .flex-package-live-box strong{font-size:8.5px!important}
  .flex-package-modal .flex-package-live-box>span{display:none!important}
  .flex-package-modal .flex-package-continue{
    grid-area:action!important;
    grid-column:auto!important;
    height:30px!important;
    min-height:30px!important;
    border-radius:8px!important;
    font-size:8.5px!important;
    padding:0 7px!important;
    margin:0!important;
  }

  /* Checkout quantity footer = same footprint */
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-console{
    display:grid!important;
    grid-template-columns:minmax(84px,.8fr) minmax(76px,.72fr)!important;
    grid-template-areas:"step price" "action action"!important;
    gap:3px!important;
    margin-top:4px!important;
    padding-top:4px!important;
    border-top:1px solid var(--pkg-modal-border,rgba(123,140,170,.25))!important;
    flex:none!important;
  }
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-copy{display:none!important}
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-stepper{
    grid-area:step!important;
    height:31px!important;
    min-height:31px!important;
    grid-template-columns:31px minmax(0,1fr) 31px!important;
    border-radius:8px!important;
  }
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-stepper button{
    height:31px!important;
    min-height:31px!important;
    font-size:15px!important;
  }
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-stepper input{
    height:29px!important;
    min-height:29px!important;
    font-size:11px!important;
  }
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-price{
    grid-area:price!important;
    height:31px!important;
    min-height:31px!important;
    border-radius:8px!important;
    padding:3px 5px!important;
  }
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-price small{font-size:5.5px!important}
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-price strong{font-size:8.5px!important}
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-quantity-apply{
    grid-area:action!important;
    height:30px!important;
    min-height:30px!important;
    border-radius:8px!important;
    font-size:8.5px!important;
    padding:0 7px!important;
    margin:0!important;
  }

  /* Category benefits + AI = same compact visual rhythm as Quick Buy */
  .flex-package-modal .package-benefit-strip{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:3px!important;
    margin:3px 0 0!important;
  }
  .flex-package-modal .package-benefit-card{
    min-height:22px!important;
    height:22px!important;
    padding:1px 2px!important;
    border-radius:6px!important;
    grid-template-columns:14px minmax(0,1fr)!important;
    gap:2px!important;
  }
  .flex-package-modal .package-benefit-icon{
    width:14px!important;
    height:14px!important;
    border-radius:4px!important;
    font-size:7px!important;
  }
  .flex-package-modal .package-benefit-card strong{
    font-size:5.2px!important;
    line-height:1!important;
    text-align:center!important;
  }
  .flex-package-modal .package-ai-query{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-areas:"copy providers"!important;
    gap:3px!important;
    min-height:22px!important;
    margin:3px 0 0!important;
    padding:2px!important;
    border-radius:6px!important;
  }
  .flex-package-modal .package-ai-copy{
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
    white-space:nowrap!important;
  }
  .flex-package-modal .package-ai-kicker{font-size:4.8px!important}
  .flex-package-modal .package-ai-copy strong{font-size:5.5px!important}
  .flex-package-modal .package-ai-copy small,
  .flex-package-modal .package-ai-status{display:none!important}
  .flex-package-modal .package-ai-providers{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:2px!important;
  }
  .flex-package-modal .package-ai-providers button{
    height:19px!important;
    min-height:19px!important;
    padding:0 2px!important;
    border-radius:5px!important;
    font-size:5.5px!important;
  }
}

@media (max-width: 390px){
  .flex-package-modal-dialog,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-modal-dialog{
    width:98vw!important;
    max-width:98vw!important;
    padding:6px!important;
  }
  .flex-package-modal-list,
  .flex-package-modal-list[data-package-grid],
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-grid{
    grid-template-rows:repeat(4,clamp(68px,9.1dvh,80px))!important;
    grid-auto-rows:clamp(68px,9.1dvh,80px)!important;
    gap:3px!important;
  }
  .flex-package-modal-copy b,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-copy b{
    font-size:8px!important;
  }
  .flex-package-modal-price b,
  .checkout-picker-modal[data-checkout-modal="package"] .checkout-picker-package-price b{
    font-size:6.5px!important;
  }
}