.customer-account-login .page-title-wrapper {
  display: none;
}
.customer-account-login .columns {
  width: 100%;
  max-width: var(--container-shell, calc(var(--container, 1160px) + (var(--gutter, 24px) * 2)));
  margin: 0 auto;
  padding: clamp(22px, 3.5vw, 40px) var(--gutter, 24px) clamp(34px, 5vw, 70px);
}
.customer-account-login .column.main {
  width: 100%;
  float: none;
  min-width: 0;
  margin: 0 auto;
}
.customer-account-login .login-container {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0 auto;
}
.customer-account-login .login-container::before,
.customer-account-login .login-container::after {
  content: none;
  display: none;
}
.customer-account-login .login-container > .block,
.customer-account-login .login-container > .block:nth-child(1),
.customer-account-login .login-container > .block:nth-child(2),
.customer-account-login .login-container > .block:nth-child(2) + * {
  float: none;
  width: 100%;
  clear: none;
}
.customer-account-login .elf-login-page {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0 auto;
}
.customer-account-login .elf-login-page::before {
  content: none;
  display: none;
}
.customer-account-login .elf-login-shell {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 3vw, 40px);
  align-items: stretch;
  max-width: var(--container, 1270px);
  margin: 0 auto;
}
.customer-account-login .elf-login-side,
.customer-account-login .elf-login-card {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 2.8vw, 32px);
}
.customer-account-login .elf-login-side {
  width: 100%;
  max-width: none;
  display: flex;
  flex-direction: column;
  justify-self: stretch;
  border: 3px solid rgba(49, 64, 205, 0.16);
  border-radius: 18px;
  background: radial-gradient(280px 180px at 0% 0%, rgba(49, 64, 205, 0.08), transparent 72%), linear-gradient(180deg, #f9fbff 0%, #f3f7ff 100%);
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.05);
}
.customer-account-login .elf-login-side::after {
  content: "";
  position: absolute;
  inset: auto -40px -70px auto;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(244, 201, 46, 0.22), rgba(244, 201, 46, 0) 70%);
  pointer-events: none;
}
.customer-account-login .elf-login-eyebrow {
  margin: 0 0 8px;
  color: #55607a;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.customer-account-login .elf-login-side-title {
  margin: 0;
  color: #0f172a;
  font-size: clamp(1.2rem, 1.7vw, 1.45rem);
  line-height: 1.26;
}
.customer-account-login .elf-login-side-text {
  margin: 10px 0 0;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.55;
}
.customer-account-login .elf-login-points {
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.customer-account-login .elf-login-points li {
  position: relative;
  margin: 0;
  padding-left: 26px;
  color: #1f2937;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}
.customer-account-login .elf-login-points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: radial-gradient(circle at 40% 35%, #52cf8b 0%, #22a55e 100%);
  box-shadow: 0 0 0 2px rgba(34, 165, 94, 0.15);
}
.customer-account-login .elf-login-points li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 8px;
  width: 7px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}
.customer-account-login .elf-login-side-actions {
  margin-top: auto;
  padding-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  align-items: center;
}
.customer-account-login .elf-login-side-actions .btn {
  justify-content: center;
  min-height: 44px;
  border: 1px solid transparent !important;
  border-radius: var(--radius) !important;
  background: var(--brand) !important;
  color: var(--brand-ink) !important;
  box-shadow: 0 10px 20px rgba(49, 98, 205, 0.13);
}
.customer-account-login .elf-login-side-actions .btn:hover,
.customer-account-login .elf-login-side-actions .btn:focus {
  background: var(--brand) !important;
  color: var(--brand-ink) !important;
  border-color: transparent !important;
  box-shadow: 0 14px 28px rgba(49, 98, 205, 0.25);
  text-decoration: none;
}
.customer-account-login .elf-login-help {
  color: var(--brand);
  font-size: 13px;
  font-weight: 700;
}
.customer-account-login .elf-login-help:hover {
  text-decoration: underline;
}
.customer-account-login .elf-login-card {
  width: 100%;
  max-width: none;
  justify-self: stretch;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  border: 1px solid #d8e0ec;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 255, 0.98) 100%);
  box-shadow: 0 22px 48px rgba(15, 23, 42, 0.09);
}
.customer-account-login .elf-login-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, var(--brand) 0%, #4c6cff 62%, #f4c92e 100%);
}
.customer-account-login .elf-login-head {
  margin-bottom: 18px;
}
.customer-account-login .elf-login-card .form.form-login,
.customer-account-login .elf-login-card .fieldset.login {
  width: 100%;
}
.customer-account-login .elf-login-title {
  margin: 0;
  color: #111827;
  font-size: clamp(1.45rem, 2.2vw, 1.9rem);
  line-height: 1.2;
}
.customer-account-login .elf-login-subtitle {
  margin: 8px 0 0;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.5;
}
.customer-account-login .elf-login-card .fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.customer-account-login .elf-login-card .field {
  margin: 0 0 14px;
  width: 100%;
}
.customer-account-login .login-container .fieldset > .field > .control {
  width: 100% !important;
}
.customer-account-login .elf-login-card .label {
  display: block;
  margin: 0 0 6px;
  color: #1f2937;
  font-size: 13px;
  font-weight: 800;
}
.customer-account-login .elf-login-card .input-text {
  width: 100%;
  min-height: 46px;
  border: 1px solid #cfd8e6;
  border-radius: 10px;
  background: #fff;
  padding: 0 13px;
  transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.customer-account-login .elf-login-card .input-text:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(49, 64, 205, 0.2);
}
.customer-account-login .elf-login-card .field.choice {
  margin-top: -2px;
  margin-bottom: 12px;
}
.customer-account-login .elf-login-card .field.choice,
.customer-account-login .elf-login-card .field.choice .control {
  width: 100%;
}
.customer-account-login .elf-login-card .field.choice .label {
  margin-bottom: 0;
  font-weight: 700;
}
.customer-account-login .elf-login-card .actions-toolbar {
  margin-top: 10px;
  display: grid;
  gap: 12px;
}
.customer-account-login .elf-login-card .actions-toolbar .primary,
.customer-account-login .elf-login-card .actions-toolbar .secondary {
  margin: 0;
}
.customer-account-login .elf-login-card .actions-toolbar .action.login {
  width: 100%;
  min-height: 46px;
  justify-content: center;
  border: 1px solid transparent !important;
  border-radius: var(--radius) !important;
  background: var(--brand) !important;
  color: var(--brand-ink) !important;
  box-shadow: 0 10px 20px rgba(49, 98, 205, 0.13);
}
.customer-account-login .elf-login-card .actions-toolbar .action.login:hover,
.customer-account-login .elf-login-card .actions-toolbar .action.login:focus {
  background: var(--brand) !important;
  border-color: transparent !important;
  color: var(--brand-ink) !important;
  box-shadow: 0 14px 28px rgba(49, 98, 205, 0.28);
  text-decoration: none;
}
.customer-account-login .elf-login-card .actions-toolbar .action.login[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
}
.customer-account-login .elf-login-card .actions-toolbar .action.remind {
  color: var(--brand);
  font-size: 13px;
  font-weight: 700;
}
.customer-account-login .elf-login-card .actions-toolbar .action.remind:hover {
  text-decoration: underline;
}
@media (max-width: 980px) {
  .customer-account-login .elf-login-shell {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .customer-account-login .elf-login-card {
    order: 1;
    max-width: none;
    justify-self: stretch;
  }
  .customer-account-login .elf-login-side {
    order: 2;
    max-width: none;
  }
  .customer-account-login .elf-login-side-actions {
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .customer-account-login .columns {
    padding: 14px var(--gutter) 30px;
  }
  .customer-account-login .elf-login-side,
  .customer-account-login .elf-login-card {
    padding: 18px;
    border-radius: 14px;
  }
  .customer-account-login .elf-login-title {
    font-size: 1.52rem;
  }
  .customer-account-login .elf-login-subtitle {
    font-size: 13px;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%5C%2Fstatic%5C%2Ffrontend%5C%2FElfmedia%5C%2Fcarparts%5C%2Fnl_NL%5C%2Fcss%5C%2Fsource%5C%2Flogin.less%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%2CuBAAwB%3BEACtB%2CaAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2CWAAA%3BEACA%2CWAAW%2CuBAAuB%2CKAAK%2C4BAA4B%2C0BAAnE%3BEACA%2CcAAA%3BEACA%2CSAAS%2CyBAAyB%2CoBAAoB%2CsBAAtD%3B%3BAAGF%2CuBAAwB%2CQAAO%3BEAC7B%2CWAAA%3BEACA%2CWAAA%3BEACA%2CYAAA%3BEACA%2CcAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2CcAAA%3BEACA%2CWAAA%3BEACA%2CeAAA%3BEACA%2CcAAA%3B%3BAAGF%2CuBAAwB%2CiBAAgB%3BAACxC%2CuBAAwB%2CiBAAgB%3BEACtC%2CaAAA%3BEACA%2CaAAA%3B%3BAAGF%2CuBAAwB%2CiBAAmB%3BAAC3C%2CuBAAwB%2CiBAAmB%2CSAAM%2CUAAU%3BAAC3D%2CuBAAwB%2CiBAAmB%2CSAAM%2CUAAU%3BAAC3D%2CuBAAwB%2CiBAAmB%2CSAAM%2CUAAU%2CGAAM%3BEAC%5C%2FD%2CWAAA%3BEACA%2CWAAA%3BEACA%2CWAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2CkBAAA%3BEACA%2CWAAA%3BEACA%2CeAAA%3BEACA%2CcAAA%3B%3BAAGF%2CuBAAwB%2CgBAAe%3BEACrC%2CaAAA%3BEACA%2CaAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2CkBAAA%3BEACA%2CUAAA%3BEACA%2CaAAA%3BEACA%2CuBAAuB%2CUAAU%2CeAAjC%3BEACA%2CKAAK%2CsBAAL%3BEACA%2CoBAAA%3BEACA%2CWAAW%2CwBAAX%3BEACA%2CcAAA%3B%3BAAGF%2CuBAAwB%3BAACxB%2CuBAAwB%3BEACtB%2CkBAAA%3BEACA%2CgBAAA%3BEACA%2CSAAS%2CwBAAT%3B%3BAAGF%2CuBAAwB%3BEACtB%2CWAAA%3BEACA%2CeAAA%3BEACA%2CaAAA%3BEACA%2CsBAAA%3BEACA%2CqBAAA%3BEACA%2CyCAAA%3BEACA%2CmBAAA%3BEACA%2CYACE%2CiFACA%2CiDAFF%3BEAGA%2C8CAAA%3B%3BAAGF%2CuBAAwB%2CgBAAe%3BEACrC%2CSAAS%2CEAAT%3BEACA%2CkBAAA%3BEACA%2C4BAAA%3BEACA%2CYAAA%3BEACA%2CaAAA%3BEACA%2CkBAAA%3BEACA%2CYAAY%2C4EAAZ%3BEACA%2CoBAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2CeAAA%3BEACA%2CcAAA%3BEACA%2CeAAA%3BEACA%2CgBAAA%3BEACA%2CsBAAA%3BEACA%2CyBAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2CSAAA%3BEACA%2CcAAA%3BEACA%2CWAAW%2C6BAAX%3BEACA%2CiBAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2CgBAAA%3BEACA%2CcAAA%3BEACA%2CeAAA%3BEACA%2CiBAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2CgBAAA%3BEACA%2CUAAA%3BEACA%2CgBAAA%3BEACA%2CaAAA%3BEACA%2CSAAA%3B%3BAAGF%2CuBAAwB%2CkBAAkB%3BEACxC%2CkBAAA%3BEACA%2CSAAA%3BEACA%2CkBAAA%3BEACA%2CcAAA%3BEACA%2CeAAA%3BEACA%2CgBAAA%3BEACA%2CgBAAA%3B%3BAAGF%2CuBAAwB%2CkBAAkB%2CGAAE%3BEAC1C%2CSAAS%2CEAAT%3BEACA%2CkBAAA%3BEACA%2COAAA%3BEACA%2CQAAA%3BEACA%2CWAAA%3BEACA%2CYAAA%3BEACA%2CoBAAA%3BEACA%2CYAAY%2C4DAAZ%3BEACA%2C6CAAA%3B%3BAAGF%2CuBAAwB%2CkBAAkB%2CGAAE%3BEAC1C%2CSAAS%2CEAAT%3BEACA%2CkBAAA%3BEACA%2CSAAA%3BEACA%2CQAAA%3BEACA%2CUAAA%3BEACA%2CWAAA%3BEACA%2C2BAAA%3BEACA%2C6BAAA%3BEACA%2CWAAW%2CcAAX%3B%3BAAGF%2CuBAAwB%3BEACtB%2CgBAAA%3BEACA%2CiBAAA%3BEACA%2CaAAA%3BEACA%2CeAAA%3BEACA%2CcAAA%3BEACA%2CmBAAA%3B%3BAAGF%2CuBAAwB%2CwBAAwB%3BEAC9C%2CuBAAA%3BEACA%2CgBAAA%3BEACA%2CwCAAA%3BEACA%2CeAAe%2CaAAf%3BEACA%2CYAAY%2CYAAZ%3BEACA%2COAAO%2CgBAAP%3BEACA%2C%2BCAAA%3B%3BAAGF%2CuBAAwB%2CwBAAwB%2CKAAI%3BAACpD%2CuBAAwB%2CwBAAwB%2CKAAI%3BEAClD%2CYAAY%2CYAAZ%3BEACA%2COAAO%2CgBAAP%3BEACA%2CoCAAA%3BEACA%2C%2BCAAA%3BEACA%2CqBAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2COAAO%2CYAAP%3BEACA%2CeAAA%3BEACA%2CgBAAA%3B%3BAAGF%2CuBAAwB%2CgBAAe%3BEACrC%2C0BAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2CWAAA%3BEACA%2CeAAA%3BEACA%2CqBAAA%3BEACA%2CmBAAA%3BEACA%2CaAAA%3BEACA%2CsBAAA%3BEACA%2CyBAAA%3BEACA%2CmBAAA%3BEACA%2CYACE%2CqFADF%3BEAEA%2C8CAAA%3B%3BAAGF%2CuBAAwB%2CgBAAe%3BEACrC%2CSAAS%2CEAAT%3BEACA%2CkBAAA%3BEACA%2CiBAAA%3BEACA%2CWAAA%3BEACA%2CYAAY%2CuBAAuB%2C2CAAnC%3B%3BAAGF%2CuBAAwB%3BEACtB%2CmBAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%2CMAAK%3BAAC7C%2CuBAAwB%2CgBAAgB%2CUAAS%3BEAC%5C%2FC%2CWAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2CSAAA%3BEACA%2CcAAA%3BEACA%2CWAAW%2C6BAAX%3BEACA%2CgBAAA%3B%3BAAGF%2CuBAAwB%3BEACtB%2CeAAA%3BEACA%2CcAAA%3BEACA%2CeAAA%3BEACA%2CgBAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%3BEACtC%2CSAAA%3BEACA%2CUAAA%3BEACA%2CSAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%3BEACtC%2CgBAAA%3BEACA%2CWAAA%3B%3BAAGF%2CuBAAwB%2CiBAAiB%2CUAAY%2CSAAS%3BEAC5D%2CsBAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%3BEACtC%2CcAAA%3BEACA%2CeAAA%3BEACA%2CcAAA%3BEACA%2CeAAA%3BEACA%2CgBAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%3BEACtC%2CWAAA%3BEACA%2CgBAAA%3BEACA%2CyBAAA%3BEACA%2CmBAAA%3BEACA%2CgBAAA%3BEACA%2CeAAA%3BEACA%2CyBAAyB%2CWAAW%2CwBAAwB%2CWAAW%2CWAAvE%3B%3BAAGF%2CuBAAwB%2CgBAAgB%2CYAAW%3BEACjD%2CcAAc%2CYAAd%3BEACA%2C4CAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%2COAAM%3BEAC5C%2CgBAAA%3BEACA%2CmBAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%2COAAM%3BAAC9C%2CuBAAwB%2CgBAAgB%2COAAM%2COAAQ%3BEACpD%2CWAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%2COAAM%2COAAQ%3BEACpD%2CgBAAA%3BEACA%2CgBAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%3BEACtC%2CgBAAA%3BEACA%2CaAAA%3BEACA%2CSAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%2CiBAAiB%3BAACzD%2CuBAAwB%2CgBAAgB%2CiBAAiB%3BEACvD%2CSAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%2CiBAAiB%2CQAAO%3BEAC9D%2CWAAA%3BEACA%2CgBAAA%3BEACA%2CuBAAA%3BEACA%2CwCAAA%3BEACA%2CeAAe%2CaAAf%3BEACA%2CYAAY%2CYAAZ%3BEACA%2COAAO%2CgBAAP%3BEACA%2C%2BCAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%2CiBAAiB%2CQAAO%2CMAAM%3BAACtE%2CuBAAwB%2CgBAAgB%2CiBAAiB%2CQAAO%2CMAAM%3BEACpE%2CYAAY%2CYAAZ%3BEACA%2CoCAAA%3BEACA%2COAAO%2CgBAAP%3BEACA%2C%2BCAAA%3BEACA%2CqBAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%2CiBAAiB%2CQAAO%2CMAAM%3BEACpE%2CaAAA%3BEACA%2CmBAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%2CiBAAiB%2CQAAO%3BEAC9D%2COAAO%2CYAAP%3BEACA%2CeAAA%3BEACA%2CgBAAA%3B%3BAAGF%2CuBAAwB%2CgBAAgB%2CiBAAiB%2CQAAO%2COAAO%3BEACrE%2C0BAAA%3B%3BAAyBF%2CQAtB0B%3BEACxB%2CuBAAwB%3BIACtB%2C0BAAA%3BIACA%2CSAAA%3B%3BEAGF%2CuBAAwB%3BIACtB%2CQAAA%3BIACA%2CeAAA%3BIACA%2CqBAAA%3B%3BEAGF%2CuBAAwB%3BIACtB%2CQAAA%3BIACA%2CeAAA%3B%3BEAGF%2CuBAAwB%3BIACtB%2CgBAAA%3B%3B%3BAAuBJ%2CQAnB0B%3BEACxB%2CuBAAwB%3BIACtB%2CcAAc%2CkBAAd%3B%3BEAGF%2CuBAAwB%3BEACxB%2CuBAAwB%3BIACtB%2CaAAA%3BIACA%2CmBAAA%3B%3BEAGF%2CuBAAwB%3BIACtB%2CkBAAA%3B%3BEAGF%2CuBAAwB%3BIACtB%2CeAAA%22%7D */