/* Opto Zero v3.55 — fixed +7 checkout phone field, PC + phones */
#checkout-checkout .oc-kz-phone-field{
  width:100%;
  height:46px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:stretch;
  border:1px solid #dbe4ef;
  border-radius:13px;
  background:#fff;
  overflow:hidden;
  transition:border-color .15s ease,box-shadow .15s ease;
}

#checkout-checkout .oc-kz-phone-field:focus-within{
  border-color:#80adfa;
  box-shadow:0 0 0 3px rgba(13,93,230,.08);
}

#checkout-checkout .oc-kz-phone-prefix{
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid #e5ebf3;
  background:#f4f8ff;
  color:#0d5de6;
  font-size:14px;
  line-height:1;
  font-weight:900;
  user-select:none;
}

#checkout-checkout .oc-kz-phone-input.form-control{
  width:100%!important;
  height:44px!important;
  min-width:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#22334f!important;
  font-size:14px!important;
  line-height:44px!important;
  font-weight:700!important;
  letter-spacing:.2px!important;
}

#checkout-checkout .oc-kz-phone-input.form-control:focus{
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
}

#checkout-checkout .oc-kz-phone-hint{
  display:block;
  margin-top:5px;
  color:#929cab;
  font-size:9px;
  line-height:1.25;
  font-weight:650;
}

#checkout-checkout .oc-simple-order-field.has-error .oc-kz-phone-field{
  border-color:#e55757;
  box-shadow:0 0 0 3px rgba(229,87,87,.07);
}

@media(max-width:767px){
  #checkout-checkout .oc-kz-phone-field{
    height:44px;
    grid-template-columns:46px minmax(0,1fr);
    border-radius:12px;
  }

  #checkout-checkout .oc-kz-phone-prefix{
    font-size:16px;
  }

  #checkout-checkout .oc-kz-phone-input.form-control{
    height:42px!important;
    font-size:16px!important;
    line-height:42px!important;
  }

  #checkout-checkout .oc-kz-phone-hint{
    font-size:8.5px;
  }
}