/* v47.1 — Mobile order status only. Desktop and previously approved mobile screens untouched. */
@media (max-width:760px){
  #orderModal{padding:0!important;align-items:stretch!important;justify-content:stretch!important;}
  #orderModal .backdrop{position:fixed!important;inset:0!important;}
  #orderModal .order-panel{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    padding:18px 14px calc(28px + env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
  }
  #orderModal .close{
    position:sticky!important;
    top:6px!important;
    margin-left:auto!important;
    z-index:20!important;
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
  }
  #orderModal .modal-brand{
    margin-top:-42px!important;
    padding-right:48px!important;
    min-width:0!important;
    gap:10px!important;
  }
  #orderModal .modal-brand img{width:48px!important;height:48px!important;flex:0 0 48px!important;object-fit:contain!important;}
  #orderModal .modal-brand small{font-size:9px!important;letter-spacing:.8px!important;}
  #orderModal .modal-brand h2{font-size:23px!important;line-height:1.1!important;margin-top:2px!important;overflow-wrap:anywhere!important;}
  #orderModal #orderBody{min-width:0!important;width:100%!important;overflow:visible!important;}

  #orderModal .reserve-buyer{
    grid-template-columns:1fr!important;
    gap:5px!important;
    margin:14px 0 10px!important;
    padding:11px 12px!important;
    border-radius:10px!important;
  }
  #orderModal .reserve-buyer b{font-size:20px!important;line-height:1.15!important;overflow-wrap:anywhere!important;}
  #orderModal .reserve-buyer small{grid-column:auto!important;font-size:11px!important;line-height:1.4!important;overflow-wrap:anywhere!important;}

  #orderModal .order-status{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    align-items:start!important;
    margin:12px 0 10px!important;
    padding:11px 12px!important;
    border-radius:10px!important;
    min-width:0!important;
  }
  #orderModal .order-status b{font-size:18px!important;line-height:1.18!important;overflow-wrap:anywhere!important;}
  #orderModal .order-status span{font-size:11px!important;line-height:1.3!important;overflow-wrap:anywhere!important;}
  #orderModal .order-lead,#orderModal .checkout-note{
    margin:10px 0!important;
    font-size:13px!important;
    line-height:1.5!important;
    overflow-wrap:anywhere!important;
  }

  #orderModal .order-list{gap:8px!important;margin:12px 0!important;}
  #orderModal .order-line{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-items:start!important;
    padding:11px 12px!important;
    min-width:0!important;
  }
  #orderModal .order-line>div{min-width:0!important;}
  #orderModal .order-line b,#orderModal .order-line span,#orderModal .order-line strong{overflow-wrap:anywhere!important;}
  #orderModal .order-line strong{font-size:15px!important;color:var(--green)!important;}

  #orderModal .customer-final-receipt{margin:12px 0!important;border-radius:10px!important;overflow:hidden!important;}
  #orderModal .customer-final-head{display:none!important;}
  #orderModal .customer-final-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px 10px!important;
    padding:11px 12px!important;
    min-width:0!important;
  }
  #orderModal .customer-final-product{grid-column:1/-1!important;min-width:0!important;}
  #orderModal .customer-final-product b,#orderModal .customer-final-product span,#orderModal .customer-final-row>div,#orderModal .customer-final-row>strong{overflow-wrap:anywhere!important;min-width:0!important;}
  #orderModal .customer-final-row>strong{text-align:left!important;font-size:15px!important;}
  #orderModal .customer-final-total{
    gap:10px!important;
    padding:11px 12px!important;
    font-size:14px!important;
    align-items:flex-start!important;
  }
  #orderModal .customer-final-total span{min-width:0!important;overflow-wrap:anywhere!important;}
  #orderModal .customer-final-total b{font-size:18px!important;text-align:right!important;overflow-wrap:anywhere!important;}
  #orderModal .customer-final-total.packaging-line{display:grid!important;grid-template-columns:1fr!important;}
  #orderModal .customer-final-total.packaging-line b{text-align:left!important;}
  #orderModal .customer-final-total.grand b{font-size:21px!important;}

  #orderModal .customer-confirm-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:12px!important;
  }
  #orderModal .customer-confirm-actions button,
  #orderModal .customer-state button{
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:12px 14px!important;
    font-size:14px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }

  #orderModal .customer-state{
    padding:18px 12px!important;
    border-radius:10px!important;
    min-width:0!important;
  }
  #orderModal .customer-state h3{font-size:23px!important;line-height:1.15!important;overflow-wrap:anywhere!important;}
  #orderModal .customer-state p{font-size:13px!important;line-height:1.5!important;overflow-wrap:anywhere!important;}
  #orderModal .compact-success{padding:15px 12px!important;margin-bottom:10px!important;}

  #orderModal .status-track{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    margin:14px 0!important;
  }
  #orderModal .status-step{
    grid-template-columns:34px 1fr!important;
    justify-items:start!important;
    align-items:center!important;
    gap:10px!important;
    text-align:left!important;
    min-height:46px!important;
    font-size:12px!important;
    position:relative!important;
  }
  #orderModal .status-step:not(:last-child):after{
    display:block!important;
    top:32px!important;
    bottom:-14px!important;
    left:15px!important;
    right:auto!important;
    width:2px!important;
    height:auto!important;
  }
  #orderModal .status-step i{width:30px!important;height:30px!important;grid-column:1!important;}
  #orderModal .status-step span{grid-column:2!important;line-height:1.3!important;overflow-wrap:anywhere!important;}

  #orderModal .fulfillment-meta,#orderModal .fulfillment-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:4px!important;
    margin:12px 0!important;
    padding:12px!important;
    border-radius:10px!important;
    min-width:0!important;
  }
  #orderModal .fulfillment-card>div{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;padding:5px 0!important;}
  #orderModal .fulfillment-meta span,#orderModal .fulfillment-card span{font-size:11px!important;}
  #orderModal .fulfillment-meta b,#orderModal .fulfillment-card b{text-align:left!important;font-size:14px!important;overflow-wrap:anywhere!important;}
  #orderModal .buyer-wait-note{
    margin-top:10px!important;
    padding:11px 12px!important;
    font-size:12px!important;
    line-height:1.45!important;
    border-radius:9px!important;
    overflow-wrap:anywhere!important;
  }
  #orderModal .final-comment{padding:11px 12px!important;margin:10px 0!important;}
  #orderModal .final-comment p{font-size:13px!important;line-height:1.45!important;overflow-wrap:anywhere!important;}

  #orderModal a[href^="tel:"]{overflow-wrap:anywhere!important;word-break:break-word!important;}
}