.login {
  width:100%;
  min-height:100vh;
  background-color:#fff;
  margin-top:3rem
}
.login button {
  height:4rem;
  min-height:4rem
}
@media screen and (min-width: 768px) {
  .login {
    margin-top:10rem
  }
}
.login__header {
  width:100%;
  text-align:start
}
.login__header>h1 {
  font-family:"Gotham";
  font-weight:400;
  font-size:3.625rem;
  line-height:4rem;
  letter-spacing:-0.02em;
  text-transform:uppercase
}
@media screen and (min-width: 768px) {
  .login__header>h1 {
    font-size:4rem
  }
}
.login__header>h1>strong {
  color:#008c99
}
.login__form {
  width:100%;
  max-width:45.625rem;
  margin:auto;
  margin-top:3rem;
  margin-bottom:1.5rem;
  background:#f2f9fa;
  padding:1.25rem;
  color:#222;
  text-align:center;
  font-family:"Museo Sans";
  border-radius:0.25rem
}
@media screen and (min-width: 768px) {
  .login__form {
    margin-top-x:6rem;
    padding-x:3rem
  }
}
.login__form>h1 {
  font-weight:600;
  font-size:2rem;
  line-height:2rem;
  letter-spacing:-0.02em;
  margin-bottom:1.5rem
}
.login__form>p {
  font-weight:325;
  font-size:1rem;
  line-height:1.375rem;
  margin-bottom:1.5rem
}
.login__form>span {
  color:#afc2c7;
  font-weight:325;
  font-size:0.875rem;
  line-height:0.875rem;
  margin-bottom:3rem
}
.login__form>button {
  width:100% !important;
  max-width:25rem;
  margin:0.75rem 0
}
.login__form--caption {
  width:100%;
  padding-top:2rem;
  border-top:0.125rem solid #e5f1f2;
  margin-top:4rem
}
.login__form--caption>p {
  color:#afc2c7;
  font-weight:400;
  font-size:0.875rem;
  line-height:1.4375rem;
  margin-right:0.75rem
}
.login__form a {
  color:#222;
  font-weight:600;
  font-size:0.875rem;
  line-height:1.5rem;
  text-decoration:underline
}
.login__form--input {
  width:100%;
  max-width:25rem;
  text-align:center;
  background-color:#fff;
  border:none;
  outline:none;
  padding:1.25rem;
  margin:1rem 0
}
.login__form--input::placeholder {
  color:#222;
  opacity:.3
}
.login__form--input:focus::placeholder {
  color:rgba(0,0,0,0)
}
.login__form--bottom {
  margin:1.5rem 0
}
.login__form--bottom label {
  font-weight:400;
  font-size:0.875rem;
  margin-left:1.375rem
}
.login__form--sign {
  margin:2rem 0
}
.login__form--sign label {
  font-weight:325;
  font-size:0.75rem;
  margin-left:1rem;
  text-align:start
}
.login__form form {
  width:100%;
  max-width:25rem
}
.login__form form>button {
  width:100%
}
.login__form .btn-margin {
  margin-top:1.5rem
}
.login__form input[type=checkbox] {
  width:1rem;
  height:1rem;
  min-width:1rem;
  min-height:1rem
}
.login__form input[type=checkbox]:checked {
  accent-color:#008c99
}

@media screen and (min-width: 993px) {
  .favorites-product-containter .product-grid__card--login {
    padding: 0;
  }
  .favorites-product-containter .product-grid__card--login-register {
    grid-column: 2/4;
    padding: clamp(1rem, 10%, 4.5rem);
  }
}