@media (min-width:992px){
  .oh-auth{
    max-width:1800px;
    margin:0 auto;
    padding:40px 20px 40px 300px
  }
}

@media (max-width:991.98px){
  .oh-auth{padding:24px 16px}
}

.oh-auth__title{
  text-align:center;
  margin:0 0 24px;
  font:500 16px Inter,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.oh-auth__grid{
  max-width:920px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:48px;
  align-items:start;
  justify-content:center;
}

@media (min-width:992px){
  .oh-auth__grid{
    grid-template-columns:minmax(300px,360px) minmax(300px,360px);
    column-gap:120px
  }
}

.oh-auth__form{
  max-width:360px;
  width:100%;
  margin:0 auto
}

.oh-auth__h{
  margin:0 0 16px;
  text-align:center;
  font:500 12px Inter,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.oh-auth__form .form-row{
  margin:0 0 14px
}

.oh-auth__form label{
  display:block;
  margin:0 0 6px;
  font:500 10px Inter,sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.oh-auth__form input,
.oh-auth__form select,
.oh-auth__form textarea{
  width:100%;
  height:40px;
  line-height:40px; 
  padding:0 12px;
  border:1px solid #000; 
  border-radius:0; 
  background:#fff; 
  color:#000;
  font:500 12px Inter,sans-serif;
}

.oh-auth__form input::placeholder,.oh-auth__form textarea::placeholder{color:#888}
.oh-auth__form input:focus,
.oh-auth__form select:focus,
.oh-auth__form textarea:focus{outline:none; box-shadow:inset 0 0 0 1px #000}

.oh-auth__form select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:32px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M1 3l4 4 4-4' stroke='%23000' fill='none'/%3E%3C/svg%3E") no-repeat right 12px center;
  background-size:10px 10px;
}

.oh-auth__form .woocommerce-form__label,
.oh-auth__form label.inline{
  display:inline-flex;
  align-items:center; 
  gap:10px; 
  position:relative;
}

.oh-auth__form .woocommerce-form__input-checkbox,
.oh-auth__form label.inline > input[type="checkbox"]{
  position:absolute; 
  left:0; 
  top:50%; 
  transform:translateY(-50%);
  width:16px; 
  height:16px; 
  margin:0; 
  opacity:0; 
  pointer-events:none;
}

.oh-auth__form .woocommerce-form__input-checkbox + span,
.oh-auth__form label.inline > input[type="checkbox"] + span{
  position:relative; 
  padding-left:25px; 
  line-height:1;
}

.oh-auth__form .woocommerce-form__input-checkbox + span::before,
.oh-auth__form label.inline > input[type="checkbox"] + span::before{
  content:""; 
  position:absolute; 
  left:0; 
  top:50%; 
  transform:translateY(-50%);
  width:16px; 
  height:16px; 
  border:1px solid #000; 
  background:#fff; 
  border-radius:0;
}

.oh-auth__form .woocommerce-form__input-checkbox:checked + span::before,
.oh-auth__form label.inline > input[type="checkbox"]:checked + span::before{
  background:#000; 
  box-shadow:inset 0 0 0 2px #fff;
}

.oh-auth__form .woocommerce-form__input-checkbox:focus + span::before,
.oh-auth__form label.inline > input[type="checkbox"]:focus + span::before{
  outline:none;
}

.login .button,
.register .button{
  width:180px; 
  height:40px; 
  padding:0;
  display:inline-flex; 
  align-items:center; 
  justify-content:center;
  background:#000; 
  color:#fff; 
  border:1px solid #000; 
  border-radius:0;
  font:600 12px Inter,sans-serif; 
  letter-spacing:.14em; 
  text-transform:uppercase; 
  cursor:pointer;
}

@media (max-width:575.98px){ 
  .login .button, .register .button{
    width:100%
  } 
}

.woocommerce-error,.woocommerce-message,.woocommerce-info{
  margin:16px 0 0; 
  border:1px solid #e6e6e6; 
  border-radius:0; 
  background:#ffffff;
  padding:12px 14px; 
  font:500 12px Inter,sans-serif; 
  letter-spacing:.04em;
}

.oh-auth__row {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}

.oh-auth__row .lost_password {
  font:500 11px Inter,sans-serif;
  letter-spacing:.05em;
  color:#000;
  text-decoration:none;
  transition:opacity .2s;
}

.oh-auth__row .lost_password:hover {
  opacity:.6;
}

.oh-auth__row .lost_password:focus {
  outline:none;
  text-decoration:underline;
}

.woocommerce-password-strength {
  margin-top:6px;
  font:500 12px Inter,sans-serif;
  letter-spacing:.02em;
  color:#000;
}

.woocommerce-password-strength.short,
.woocommerce-password-strength.bad { color:#c00; }
.woocommerce-password-strength.good { color:#d98200; }
.woocommerce-password-strength.strong { color:#0a0; }

.woocommerce-password-hint {
  display:block;
  margin-top:4px;
  font:400 11px Inter,sans-serif;
  line-height:1.4;
  color:#555;
}