/* Login — aroma_pharm_login_simple */
body{background:#f8f6f1}
.login-simple-page{
  padding-top:78px;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f8f6f1;
}
.login-simple{
  width:min(430px,calc(100% - 40px));
  padding:70px 0 90px;
}
.login-simple .eyebrow{
  font-size:9px;
  letter-spacing:.24em;
  color:#7e7971;
  margin-bottom:16px;
  text-align:center;
}
.login-simple h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:64px;
  font-weight:400;
  line-height:.9;
  letter-spacing:-.04em;
  margin:0 0 36px;
  text-align:center;
  position:static!important;
  overflow:visible!important;
}
.login-form{display:grid;gap:16px}
.login-form fieldset{border:0;padding:0;margin:0;display:grid;gap:16px}
.field{display:grid;gap:8px}
.field label{
  font-size:9px;
  letter-spacing:.14em;
  color:#666159;
}
.field input,
.login-simple .frm_input{
  height:50px!important;
  border:1px solid #d5d0c7!important;
  background:#fff!important;
  padding:0 14px!important;
  font:inherit;
  font-size:13px!important;
  outline:none;
  width:100%!important;
  margin:0!important;
  border-radius:0!important;
  box-sizing:border-box;
}
.field input:focus,
.login-simple .frm_input:focus{border-color:#666159!important}
.login-options{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-top:2px;
}
.login-options label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  color:#69645d;
  cursor:pointer;
}
.login-options input[type=checkbox]{
  -webkit-appearance:checkbox!important;
  appearance:checkbox!important;
  position:static!important;
  width:16px!important;
  height:16px!important;
  min-width:16px;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  z-index:1!important;
  overflow:visible!important;
  flex:0 0 auto;
  accent-color:#1b1c18;
  border:1px solid #cfc9c1;
  background:#fff;
  vertical-align:middle
}
.login-options a{
  font-size:10px;
  color:#69645d;
  text-decoration:none;
}
.login-options a:hover{text-decoration:underline}
.login-button,
.login-simple .btn_submit,
.login-simple button.login-button{
  height:52px!important;
  border:0!important;
  background:#1b1c18!important;
  color:#fff!important;
  font-size:10px!important;
  letter-spacing:.17em;
  cursor:pointer;
  margin-top:6px!important;
  width:100%;
  border-radius:0!important;
  font-weight:500!important;
}
.login-links{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:22px;
  font-size:10px;
  color:#7b766f;
}
.login-links a{color:inherit;text-decoration:none}
.login-links a:hover{text-decoration:underline}
.login-links a + a{
  position:relative;
  padding-left:14px;
}
.login-links a + a:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:10px;
  background:#d2cdc5;
  transform:translateY(-50%);
}

/* guest / social extras under simple login */
.login-simple .sns-wrap,
.login-simple .social_login{margin-top:28px}
.login-extra{
  margin-top:40px;
  padding-top:28px;
  border-top:1px solid #dfddd7;
  text-align:left;
}
.login-extra h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:28px;
  font-weight:400;
  margin:0 0 12px;
}
.login-extra p{font-size:12px;line-height:1.8;color:#79756d;margin:0 0 16px}
.login-extra .frm_input{
  height:50px!important;
  border:1px solid #d5d0c7!important;
  background:#fff!important;
  padding:0 14px!important;
  margin:0 0 10px!important;
  width:100%!important;
}
.login-extra .btn_submit{
  height:52px!important;
  background:#1b1c18!important;
  color:#fff!important;
  border:0!important;
  width:100%;
  letter-spacing:.14em;
  font-size:10px!important;
  margin-top:8px!important;
}
.login-extra #guest_privacy{
  max-height:160px;overflow:auto;padding:12px;border:1px solid #dfddd7;
  font-size:12px;line-height:1.7;color:#69645d;margin-bottom:12px;background:#fff
}
.login-extra .chk_box{margin:12px 0;font-size:12px;color:#69645d;position:relative}
.login-extra .chk_box input[type="checkbox"]{
  position:absolute;top:2px;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden
}
.login-extra .chk_box label{
  position:relative;display:block;padding-left:26px;line-height:1.5;cursor:pointer;color:#69645d
}
.login-extra .chk_box label span{
  position:absolute;top:1px;left:0;width:16px;height:16px;display:block;
  background:#fff;border:1px solid #cfc9c1;border-radius:2px;box-sizing:border-box
}
.login-extra .chk_box input[type="checkbox"]:checked + label span{
  background:#171714;border-color:#171714;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M3.5 8.2l3 3 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:12px 12px
}

@media(max-width:560px){
  .login-simple{padding:54px 0 70px}
  .login-simple h1{font-size:52px}
  .login-options{align-items:flex-start;flex-wrap:wrap}
}