html, body { background:#f7f4ec !important; color:#1b3022 !important; font-family:Montserrat, "Trebuchet MS", sans-serif !important; }
html[dir=rtl], html[dir=rtl] body { font-family:Tajawal, "Segoe UI", Tahoma, Montserrat, sans-serif !important; }
html[dir=rtl] :is(p,a,span,li,h1,h2,h3,h4,h5,h6,button,input,select,textarea,label,strong,em,td,th,small,blockquote):not(i):not([class*=icon]) { font-family:Tajawal, "Segoe UI", Tahoma, Montserrat, sans-serif !important; }


/* Checkout phone code sits beside the number, not across the form. */
div:has(> .theme-checkout-mobile-code-select) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.theme-checkout-mobile-code-select,
#zs-shipping-mobile-code,
#zs-billing-mobile-code {
  width: 6.25rem !important;
  min-width: 6.25rem !important;
  max-width: 6.25rem !important;
  flex: 0 0 6.25rem !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 1.5rem 0 0.7rem !important;
  border: 1px solid #c9c2b3 !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  color: #1b3022 !important;
  font-size: 14px !important;
}
.theme-checkout-mobile-code-select + input,
#zs-shipping-mobile,
#zs-billing-mobile {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
}
