/* Mobile quick-add parity with desktop. */
@media (max-width: 900px){
  /* User wants the desktop quick-add module, not a mobile search field. */
  .catalog-tools{display:none!important}

  .compact-builder{
    display:block!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:10px!important;
    border-radius:12px!important;
  }
  .compact-builder .order-builder-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 74px!important;
    gap:8px!important;
    align-items:end!important;
  }
  .compact-builder .field{margin:0!important;min-width:0!important}
  .compact-builder .field:nth-child(1){grid-column:1;grid-row:1}
  .compact-builder .field:nth-child(3){grid-column:2;grid-row:1}
  .compact-builder .order-builder-product{grid-column:1 / -1;grid-row:2}
  .compact-builder .field span{
    display:block!important;
    margin-bottom:5px!important;
    font-size:9px!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
  }
  .compact-builder .select-control,
  .compact-builder .qty-input{
    min-height:44px!important;
    padding:9px 10px!important;
    font-size:16px!important;
    border-radius:9px!important;
  }
  .compact-builder .quick-add-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:center!important;
    margin-top:8px!important;
  }
  .compact-builder .product-meta{
    min-height:38px!important;
    margin:0!important;
    padding:7px 9px!important;
  }
  .compact-builder .quick-add-button{
    width:auto!important;
    min-width:112px!important;
    min-height:40px!important;
    height:40px!important;
    padding:8px 12px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
}

@media (max-width: 420px){
  .compact-builder .quick-add-row{grid-template-columns:1fr!important}
  .compact-builder .quick-add-button{width:100%!important}
}