/* Full-bleed calculator surface and UAE phone prefix */
#calculator{
  width:calc(100% + 36px);
  margin-left:-18px;
  margin-right:-18px;
}

#calculator .guided-calculator{
  width:100%;
  border-radius:0!important;
  box-shadow:none;
  padding-left:18px;
  padding-right:18px;
}

#calculator .calculator-b2b{
  margin-left:18px;
  margin-right:18px;
  width:calc(100% - 36px);
}

.phone-field-label{
  margin:2px 0 -3px!important;
}

.uae-phone-field{
  display:flex;
  align-items:stretch;
  width:100%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:11px;
  background:#fff;
}

.uae-phone-prefix{
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:0 11px;
  border-right:1px solid #dce5e1;
  color:#0a2a22;
  background:#f4f8f6;
  font-size:.76rem;
}

.uae-flag{font-size:1rem;line-height:1}
.uae-phone-field input{
  min-width:0;
  border:0!important;
  border-radius:0!important;
  outline:0;
}
.uae-phone-field:focus-within{
  box-shadow:0 0 0 3px rgba(101,230,189,.28);
}
.phone-error{
  min-height:0;
  color:#ffb7b7!important;
  font-size:.65rem!important;
}
.phone-error:empty{display:none}

@media(min-width:760px){
  #calculator{
    width:calc(100% + 64px);
    margin-left:-32px;
    margin-right:-32px;
  }
  #calculator .guided-calculator{
    padding-left:32px;
    padding-right:32px;
  }
  #calculator .calculator-b2b{
    margin-left:32px;
    margin-right:32px;
    width:calc(100% - 64px);
  }
}