/* Stage19 - New Order precise layout + size correction. Loaded after all old layers. */
body.smm-auth .new-order .instructions{
  display:grid!important;
  grid-template-columns:minmax(460px,1.08fr) minmax(330px,.92fr)!important;
  gap:16px!important;
  align-items:start!important;
  direction:rtl!important;
}
html[dir="rtl"] body.smm-auth .new-order .instructions,
html[lang="ar"] body.smm-auth .new-order .instructions{direction:rtl!important}
html[dir="rtl"] body.smm-auth .new-order .instructions > *,
html[lang="ar"] body.smm-auth .new-order .instructions > *{direction:rtl!important}
body.smm-auth .new-order .order,
body.smm-auth .new-order .order-info{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
body.smm-auth .new-order .order{
  grid-column:auto!important;
  padding:18px!important;
  min-height:520px!important;
}
body.smm-auth .new-order .order-info{
  grid-column:auto!important;
  padding:20px!important;
  min-height:420px!important;
}
body.smm-auth .new-order .order-content{width:100%!important;max-width:none!important}
body.smm-auth .new-order .form-group,
body.smm-auth .new-order .order-content > div{margin-bottom:14px!important}
body.smm-auth .new-order label,
body.smm-auth .new-order .form-label{font-size:12px!important;margin-bottom:7px!important}
body.smm-auth .new-order .search-dropdown,
body.smm-auth .new-order .smm18-select2 .select2-selection--single,
body.smm-auth .new-order input.form-control,
body.smm-auth .new-order .form-control{
  height:42px!important;
  min-height:42px!important;
  border-radius:11px!important;
}
body.smm-auth .new-order textarea.form-control{min-height:116px!important}
body.smm-auth .new-order .smm18-select2 .select2-selection__rendered{font-size:12px!important;line-height:1.35!important}
body.smm-auth .new-order .main-btn,
body.smm-auth .new-order button[type="submit"]{height:44px!important;min-height:44px!important;font-size:13px!important}
body.smm-auth .new-order .order-nav{margin-bottom:18px!important}
body.smm-auth .new-order .order-nav-item{height:34px!important;min-height:34px!important;font-size:11px!important;padding-inline:13px!important}
body.smm-auth .new-order .order-info p,
body.smm-auth .new-order .order-info h5{font-size:12.5px!important;line-height:1.8!important}

/* Make service/category text visible even when the backend returns data-content-only options. */
body.smm-auth .new-order .smm18-select2 .select2-selection__rendered .smm18-option-text{display:block!important;color:inherit!important;opacity:1!important;max-width:100%!important}
.smm18-select2-dropdown .select2-results__option .smm18-option-text{display:block!important;color:inherit!important;opacity:1!important;max-width:100%!important}
.smm18-select2-dropdown .select2-results__option{min-height:40px!important;font-size:12px!important}
.smm18-select2-dropdown{min-width:320px!important}

@media (min-width:1200px){
  body.smm-auth .new-order .instructions{grid-template-columns:minmax(520px,1.05fr) minmax(360px,.95fr)!important}
}
@media (max-width:1199px){
  body.smm-auth .new-order .instructions{grid-template-columns:1fr!important;direction:rtl!important}
  body.smm-auth .new-order .order{order:1!important;min-height:0!important}
  body.smm-auth .new-order .order-info{order:2!important;min-height:0!important}
}
@media (max-width:767px){
  body.smm-auth .new-order .order{padding:16px!important}
  body.smm-auth .new-order .order-info{padding:16px!important}
  body.smm-auth .new-order .search-dropdown,
  body.smm-auth .new-order .smm18-select2 .select2-selection--single,
  body.smm-auth .new-order input.form-control,
  body.smm-auth .new-order .form-control{height:40px!important;min-height:40px!important}
}