/* VelaKiss v1.1.73 — compact account intro for faster access */
body.woocommerce-account:not(.logged-in) .vk-auth-shell {
  grid-template-columns: minmax(300px, 30vw) minmax(0, 1fr);
}

body.woocommerce-account:not(.logged-in) .vk-auth-intro {
  padding: clamp(44px, 6vh, 76px) clamp(34px, 4vw, 72px);
}

body.woocommerce-account:not(.logged-in) .vk-auth-intro .vk-eyebrow {
  margin-bottom: 22px;
  font-size: 9px;
}

body.woocommerce-account:not(.logged-in) .vk-auth-intro h1 {
  max-width: 430px;
  margin-bottom: 30px;
  font-size: clamp(48px, 4.2vw, 72px);
  line-height: .98;
}

body.woocommerce-account:not(.logged-in) .vk-auth-intro > p:last-child {
  max-width: 380px;
  font-size: 12px;
  line-height: 1.65;
}

body.woocommerce-account:not(.logged-in) .vk-auth-intro::after {
  font-size: clamp(110px, 11vw, 190px);
}

body.woocommerce-account:not(.logged-in) .vk-auth-forms {
  padding-top: clamp(48px, 6vh, 78px);
  padding-bottom: clamp(54px, 7vh, 90px);
}

@media (max-width: 980px) {
  body.woocommerce-account:not(.logged-in) .vk-auth-shell {
    grid-template-columns: minmax(0, 1fr);
  }

  body.woocommerce-account:not(.logged-in) .vk-auth-intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .8fr);
    align-content: center;
    column-gap: 40px;
    min-height: 250px;
    padding: 42px 7vw;
  }

  body.woocommerce-account:not(.logged-in) .vk-auth-intro .vk-eyebrow {
    grid-column: 1 / -1;
    margin-bottom: 16px;
  }

  body.woocommerce-account:not(.logged-in) .vk-auth-intro h1 {
    align-self: center;
    margin: 0;
    font-size: clamp(46px, 7vw, 68px);
  }

  body.woocommerce-account:not(.logged-in) .vk-auth-intro > p:last-child {
    align-self: end;
    margin: 0 0 5px;
  }
}

@media (max-width: 700px) {
  body.woocommerce-account:not(.logged-in) .vk-auth-intro {
    display: block;
    min-height: 0;
    padding: 30px 24px 34px;
  }

  body.woocommerce-account:not(.logged-in) .vk-auth-intro .vk-eyebrow {
    margin-bottom: 14px;
    font-size: 8px;
  }

  body.woocommerce-account:not(.logged-in) .vk-auth-intro h1 {
    max-width: 320px;
    margin: 0 0 16px;
    font-size: clamp(40px, 12vw, 52px);
    line-height: .96;
  }

  body.woocommerce-account:not(.logged-in) .vk-auth-intro > p:last-child {
    max-width: 430px;
    margin: 0;
    font-size: 11px;
    line-height: 1.55;
  }

  body.woocommerce-account:not(.logged-in) .vk-auth-intro::after {
    right: 18px;
    bottom: 18px;
    font-size: 104px;
  }

  body.woocommerce-account:not(.logged-in) .vk-auth-forms {
    padding-top: 40px;
  }
}