/*
 * Skinora Account Studio
 *
 * Important: this stylesheet is never enqueued on /beauty-profile/. On every
 * other account endpoint, the Beauty Profile navigation item and dashboard
 * card are excluded by exact selectors/classes so their existing design wins.
 */

body.skinora-account-studio {
  --sk-account-ink: #241f1d;
  --sk-account-ink-soft: #514a46;
  --sk-account-wine: #5b3539;
  --sk-account-wine-dark: #3f2529;
  --sk-account-rose: #ead8d6;
  --sk-account-sand: #eee5d9;
  --sk-account-cream: #faf7f2;
  --sk-account-white: #fff;
  --sk-account-line: #e5ded5;
  --sk-account-success: #41654e;
  --sk-account-shadow: 0 18px 50px rgba(56, 42, 37, .09);
}

body.skinora-account-studio .sk-account-native-intro {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.sk-account-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--sk-account-wine);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .19em;
  line-height: 1.2;
}

.sk-account-eyebrow::before {
  content: "";
  width: 20px;
  height: 1px;
  background: currentColor;
}

/* Personalized dashboard hero */
.sk-account-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 230px);
  min-height: 292px;
  align-items: end;
  gap: clamp(24px, 4vw, 55px);
  overflow: hidden;
  margin: 0 0 30px;
  padding: clamp(30px, 5vw, 54px);
  border: 1px solid #ddcfc9;
  border-radius: 26px;
  background:
    radial-gradient(circle at 17% 7%, rgba(255, 255, 255, .98) 0 7%, transparent 28%),
    linear-gradient(135deg, #f7eeea 0%, #ead9d6 49%, #caa9a8 100%);
  box-shadow: var(--sk-account-shadow);
  isolation: isolate;
}

.sk-account-hero__wash {
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
}

.sk-account-hero__wash::before,
.sk-account-hero__wash::after,
.sk-account-hero__wash i {
  content: "";
  position: absolute;
  display: block;
  border: 1px solid rgba(91, 53, 57, .13);
  border-radius: 50%;
}

.sk-account-hero__wash::before {
  top: -112px;
  right: -76px;
  width: 292px;
  height: 292px;
  box-shadow: 0 0 0 42px rgba(255, 255, 255, .10), 0 0 0 84px rgba(255, 255, 255, .06);
}

.sk-account-hero__wash::after {
  right: 174px;
  bottom: -82px;
  width: 184px;
  height: 184px;
  border-color: rgba(255, 255, 255, .38);
}

.sk-account-hero__wash i:nth-child(1) {
  top: 22px;
  right: 42%;
  width: 11px;
  height: 11px;
  border: 0;
  background: rgba(91, 53, 57, .22);
}

.sk-account-hero__wash i:nth-child(2) {
  top: 46px;
  right: 35%;
  width: 5px;
  height: 5px;
  border: 0;
  background: rgba(255, 255, 255, .88);
}

.sk-account-hero__wash i:nth-child(3) {
  right: 38%;
  bottom: 28px;
  width: 34px;
  height: 34px;
  border-color: rgba(255, 255, 255, .55);
}

.sk-account-hero__content {
  position: relative;
  z-index: 1;
  max-width: 580px;
}

.sk-account-hero h2 {
  margin: 14px 0 13px;
  color: var(--sk-account-ink);
  font-size: clamp(31px, 4.25vw, 52px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.03;
}

.sk-account-hero__content > p {
  max-width: 540px;
  margin: 0;
  color: var(--sk-account-ink-soft);
  font-size: 14px;
  line-height: 1.75;
}

.sk-account-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 25px;
}

.sk-account-button.button,
body.skinora-account-studio .woocommerce .button:not(.sk-ai-account__danger) {
  min-height: 44px;
  padding: 12px 19px;
  border: 1px solid var(--sk-account-wine-dark);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .035em;
  line-height: 18px;
  text-transform: none;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.sk-account-button--dark.button,
body.skinora-account-studio .woocommerce .button,
body.skinora-account-studio .woocommerce button.button,
body.skinora-account-studio .woocommerce input.button {
  color: #fff;
  background: var(--sk-account-wine-dark);
}

.sk-account-button--light.button {
  color: var(--sk-account-ink) !important;
  border-color: rgba(63, 37, 41, .18) !important;
  background: rgba(255, 255, 255, .7) !important;
}

.sk-account-button.button:hover,
body.skinora-account-studio .woocommerce .button:hover {
  color: #fff;
  border-color: var(--sk-account-wine);
  background: var(--sk-account-wine);
  box-shadow: 0 10px 22px rgba(63, 37, 41, .17);
  transform: translateY(-1px);
}

.sk-account-button--light.button:hover {
  color: var(--sk-account-wine-dark) !important;
  border-color: rgba(63, 37, 41, .34) !important;
  background: #fff !important;
}

.sk-account-hero__note {
  position: relative;
  z-index: 1;
  align-self: end;
  padding: 21px 20px;
  border: 1px solid rgba(255, 255, 255, .60);
  border-radius: 17px;
  background: rgba(255, 255, 255, .42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48);
  backdrop-filter: blur(10px);
}

.sk-account-hero__note > span {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  margin-bottom: 30px;
  border-radius: 50%;
  color: #fff;
  background: var(--sk-account-wine-dark);
  font-size: 12px;
}

.sk-account-hero__note strong,
.sk-account-hero__note small {
  display: block;
}

.sk-account-hero__note strong {
  margin-bottom: 5px;
  color: var(--sk-account-ink);
  font-size: 13px;
  line-height: 1.35;
}

.sk-account-hero__note small {
  color: var(--sk-account-ink-soft);
  font-size: 10px;
  line-height: 1.55;
}

/* Left account navigation. The Beauty Profile item is deliberately absent. */
body.skinora-account-studio .woocommerce-MyAccount-navigation li:not(.woocommerce-MyAccount-navigation-link--beauty-profile) {
  overflow: hidden;
  margin: 2px 0 !important;
  border-radius: 12px;
}

body.skinora-account-studio .woocommerce-MyAccount-navigation li:not(.woocommerce-MyAccount-navigation-link--beauty-profile)::after {
  display: none !important;
}

body.skinora-account-studio .woocommerce-MyAccount-navigation li:not(.woocommerce-MyAccount-navigation-link--beauty-profile) > a {
  position: relative;
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 10px;
  padding: 12px 39px 12px 13px !important;
  border: 1px solid transparent !important;
  border-radius: 12px;
  color: #5d5652 !important;
  background: transparent;
  font-size: 12px;
  font-weight: 650;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.sk-account-nav-icon {
  display: inline-grid;
  flex: 0 0 27px;
  width: 27px;
  height: 27px;
  place-items: center;
  border: 1px solid #e8ddd5;
  border-radius: 9px;
  color: var(--sk-account-wine);
  background: #fff;
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  box-shadow: 0 4px 10px rgba(63, 37, 41, .04);
  transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

.sk-account-nav-icon--orders,
.sk-account-nav-icon--edit-address,
.sk-account-nav-icon--edit-account {
  font-size: 14px;
}

.sk-account-nav-icon--customer-logout {
  color: #8b5559;
}

body.skinora-account-studio .woocommerce-MyAccount-navigation li:not(.woocommerce-MyAccount-navigation-link--beauty-profile) > a::after {
  content: "›";
  position: absolute;
  top: 50%;
  right: 14px;
  color: #a89f99;
  font-family: inherit;
  font-size: 18px;
  font-weight: 400;
  transform: translateY(-52%);
}

body.skinora-account-studio .woocommerce-MyAccount-navigation li:not(.woocommerce-MyAccount-navigation-link--beauty-profile) > a:hover {
  color: var(--sk-account-wine-dark) !important;
  border-color: #eee4db !important;
  background: var(--sk-account-cream);
  transform: translateX(2px);
}

body.skinora-account-studio .woocommerce-MyAccount-navigation li.is-active:not(.woocommerce-MyAccount-navigation-link--beauty-profile) > a {
  color: #fff !important;
  border-color: var(--sk-account-wine-dark) !important;
  background: var(--sk-account-wine-dark);
  box-shadow: 0 10px 22px rgba(63, 37, 41, .15);
}

body.skinora-account-studio .woocommerce-MyAccount-navigation li.is-active:not(.woocommerce-MyAccount-navigation-link--beauty-profile) > a::after {
  color: rgba(255, 255, 255, .72);
}

body.skinora-account-studio .woocommerce-MyAccount-navigation li.is-active:not(.woocommerce-MyAccount-navigation-link--beauty-profile) .sk-account-nav-icon {
  color: #fff;
  border-color: rgba(255, 255, 255, .22);
  background: rgba(255, 255, 255, .12);
  box-shadow: none;
}

body.skinora-account-studio .woocommerce-MyAccount-navigation-link--customer-logout:not(.woocommerce-MyAccount-navigation-link--beauty-profile) > a {
  color: #8b5559 !important;
}

.sk-account-support {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 20px;
  overflow: hidden;
  margin: 18px 0 36px;
  padding: clamp(24px, 3vw, 31px) clamp(22px, 3.5vw, 36px);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 21px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 12%, rgba(255, 255, 255, .14) 0 8%, transparent 29%),
    linear-gradient(132deg, #372126 0%, #583238 58%, #71484b 100%);
  box-shadow: 0 18px 42px rgba(63, 37, 41, .17);
}

.sk-account-support::before,
.sk-account-support::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 50%;
  pointer-events: none;
}

.sk-account-support::before {
  top: -96px;
  right: -36px;
  width: 220px;
  height: 220px;
  box-shadow: 0 0 0 34px rgba(255, 255, 255, .035);
}

.sk-account-support::after {
  bottom: -56px;
  left: 38%;
  width: 112px;
  height: 112px;
  border-color: rgba(239, 211, 205, .13);
}

.sk-account-support > * {
  position: relative;
  z-index: 1;
}

.sk-account-support__mark {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .27);
  border-radius: 16px;
  color: #fff;
  background: rgba(255, 255, 255, .10);
  font-size: 15px;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}

.sk-account-support > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: clamp(20px, 3vw, 42px);
  align-items: center;
}

.sk-account-support strong {
  display: block;
  grid-column: 1;
  margin: 1px 0 7px;
  color: #fff;
  font-size: clamp(16px, 1.6vw, 19px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.25;
}

.sk-account-support p {
  grid-column: 1;
  max-width: 690px;
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 13px;
  line-height: 1.65;
}

.sk-account-support a {
  display: inline-flex;
  grid-column: 2;
  grid-row: 1 / 3;
  min-height: 44px;
  align-items: center;
  align-self: center;
  justify-content: center;
  gap: 6px;
  padding: 11px 17px;
  border: 1px solid rgba(255, 255, 255, .74);
  border-radius: 999px;
  color: #3f2529 !important;
  background: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: 0 9px 22px rgba(31, 15, 18, .16);
  transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.sk-account-support a span {
  display: inline-block;
  margin-left: 3px;
  transition: transform .18s ease;
}

.sk-account-support a:hover span {
  transform: translateX(3px);
}

.sk-account-support a:hover {
  color: #fff !important;
  background: transparent;
  box-shadow: 0 12px 26px rgba(31, 15, 18, .22);
  transform: translateY(-1px);
}

/* Standard Porto dashboard cards. Beauty Profile is never given this class. */
body.skinora-account-studio .woocommerce-MyAccount-content .sk-account-card {
  margin-bottom: 20px;
}

body.skinora-account-studio .sk-account-card .porto-content-box,
body.skinora-account-studio .sk-account-card__frame {
  height: 100%;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.skinora-account-studio .sk-account-card__link {
  display: block;
  height: 100%;
  min-height: 176px;
  overflow: hidden;
  border: 1px solid var(--sk-account-line);
  border-radius: 19px !important;
  color: var(--sk-account-ink);
  background: #fff;
  box-shadow: 0 12px 30px rgba(56, 42, 37, .06);
  text-decoration: none;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

body.skinora-account-studio .sk-account-card:nth-of-type(3n + 1) .sk-account-card__link {
  background: linear-gradient(145deg, #fff 0%, #fbf5f3 100%);
}

body.skinora-account-studio .sk-account-card:nth-of-type(3n + 2) .sk-account-card__link {
  background: linear-gradient(145deg, #fff 0%, #f8f4ed 100%);
}

body.skinora-account-studio .sk-account-card__link .box-content {
  position: relative;
  display: flex;
  min-height: 176px;
  height: 100% !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 25px 23px !important;
  border: 0 !important;
  border-radius: 19px !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left;
  transform: none !important;
}

body.skinora-account-studio .sk-account-card__link .icon-featured {
  display: grid !important;
  width: 44px !important;
  height: 44px !important;
  place-items: center;
  margin: 0 0 auto !important;
  border: 1px solid #eadbd5 !important;
  border-radius: 50%;
  color: var(--sk-account-wine) !important;
  background: #fff !important;
  line-height: 1 !important;
}

body.skinora-account-studio .sk-account-card__link .icon-featured::before {
  color: inherit !important;
  font-size: 19px !important;
}

body.skinora-account-studio .sk-account-card__link h4 {
  max-width: calc(100% - 35px);
  margin: 23px 0 0 !important;
  color: var(--sk-account-ink) !important;
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.35;
  text-align: left;
}

.sk-account-card__arrow {
  position: absolute;
  right: 21px;
  bottom: 22px;
  color: #a28380;
  font-size: 18px;
  font-weight: 400;
  transition: color .2s ease, transform .2s ease;
}

body.skinora-account-studio .sk-account-card__link:hover {
  border-color: #d7beb9;
  box-shadow: 0 18px 38px rgba(67, 43, 43, .11);
  transform: translateY(-4px);
}

body.skinora-account-studio .sk-account-card__link:hover .sk-account-card__arrow {
  color: var(--sk-account-wine);
  transform: translate(2px, -2px);
}

/* Orders, downloads, addresses, details, and notices */
body.skinora-account-studio .woocommerce-MyAccount-content > h2,
body.skinora-account-studio .woocommerce-MyAccount-content > h3,
body.skinora-account-studio .woocommerce-MyAccount-content .woocommerce-Address-title h2,
body.skinora-account-studio .woocommerce-MyAccount-content form > h2,
body.skinora-account-studio .woocommerce-MyAccount-content form > h3 {
  color: var(--sk-account-ink);
  font-weight: 550;
  letter-spacing: -.02em;
}

body.skinora-account-studio .woocommerce-MyAccount-content > h2:first-child,
body.skinora-account-studio .woocommerce-MyAccount-content > h3:first-child {
  margin-bottom: 22px;
  font-size: clamp(25px, 3vw, 36px);
}

body.skinora-account-studio .woocommerce-message,
body.skinora-account-studio .woocommerce-info,
body.skinora-account-studio .woocommerce-error {
  margin-bottom: 22px;
  padding: 17px 18px 17px 50px;
  border: 1px solid var(--sk-account-line);
  border-top: 1px solid var(--sk-account-line);
  border-radius: 14px;
  color: var(--sk-account-ink-soft);
  background: var(--sk-account-cream);
  box-shadow: none;
}

body.skinora-account-studio .woocommerce-message::before,
body.skinora-account-studio .woocommerce-info::before {
  top: 18px;
  color: var(--sk-account-success);
}

body.skinora-account-studio table.shop_table,
body.skinora-account-studio .woocommerce-orders-table {
  overflow: hidden;
  border: 1px solid var(--sk-account-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(56, 42, 37, .05);
}

body.skinora-account-studio table.shop_table thead,
body.skinora-account-studio .woocommerce-orders-table thead {
  background: var(--sk-account-cream);
}

body.skinora-account-studio table.shop_table th,
body.skinora-account-studio table.shop_table td,
body.skinora-account-studio .woocommerce-orders-table th,
body.skinora-account-studio .woocommerce-orders-table td {
  padding: 15px 16px;
  border-color: var(--sk-account-line);
  font-size: 12px;
}

body.skinora-account-studio table.shop_table th,
body.skinora-account-studio .woocommerce-orders-table th {
  color: #655d58;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

body.skinora-account-studio mark {
  color: var(--sk-account-wine-dark);
  background: #f4e8e5;
}

body.skinora-account-studio .woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.skinora-account-studio .woocommerce-Addresses::before,
body.skinora-account-studio .woocommerce-Addresses::after {
  display: none;
}

body.skinora-account-studio .woocommerce-Addresses .woocommerce-Address {
  width: auto;
  max-width: none;
  padding: 23px;
  border: 1px solid var(--sk-account-line);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(56, 42, 37, .05);
}

body.skinora-account-studio .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 20px;
}

body.skinora-account-studio .woocommerce-Address-title h2,
body.skinora-account-studio .woocommerce-Address-title h3 {
  float: none;
  margin: 0;
  font-size: 18px;
}

body.skinora-account-studio .woocommerce-Address-title .edit {
  float: none;
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--sk-account-wine);
  background: #f7ece9;
  font-size: 10px;
  font-weight: 750;
}

body.skinora-account-studio .woocommerce-Address address {
  margin: 0;
  color: #6a625d;
  font-size: 12px;
  line-height: 1.75;
}

body.skinora-account-studio .woocommerce-MyAccount-content form:not(.sk-ai-account__form):not(.sk-ai-account__delete-form),
body.skinora-account-studio--guest .woocommerce-form-login,
body.skinora-account-studio--guest .woocommerce-form-register {
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid var(--sk-account-line) !important;
  border-radius: 19px !important;
  background: #fff;
  box-shadow: 0 14px 38px rgba(56, 42, 37, .06);
}

body.skinora-account-studio .form-row {
  margin-bottom: 16px;
}

body.skinora-account-studio label {
  margin-bottom: 7px;
  color: #554e49;
  font-size: 11px;
  font-weight: 700;
}

body.skinora-account-studio input.input-text,
body.skinora-account-studio textarea,
body.skinora-account-studio select,
body.skinora-account-studio .select2-selection {
  min-height: 47px;
  padding: 10px 13px;
  border: 1px solid #dcd4cc !important;
  border-radius: 11px !important;
  color: var(--sk-account-ink);
  background: #fff;
  box-shadow: none !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}

body.skinora-account-studio textarea {
  min-height: 110px;
}

body.skinora-account-studio input.input-text:focus,
body.skinora-account-studio textarea:focus,
body.skinora-account-studio select:focus,
body.skinora-account-studio .select2-container--open .select2-selection {
  border-color: #ad8986 !important;
  box-shadow: 0 0 0 3px rgba(91, 53, 57, .08) !important;
  outline: 0;
}

body.skinora-account-studio fieldset {
  margin: 24px 0 0;
  padding: 20px;
  border: 1px solid var(--sk-account-line);
  border-radius: 14px;
  background: var(--sk-account-cream);
}

body.skinora-account-studio legend {
  padding: 0 8px;
  color: var(--sk-account-wine-dark);
  font-size: 12px;
  font-weight: 750;
}

/* Login and registration */
.sk-account-auth-intro {
  position: relative;
  overflow: hidden;
  margin-bottom: 27px;
  padding: clamp(28px, 5vw, 52px);
  border: 1px solid #e1d3cc;
  border-radius: 25px;
  background:
    radial-gradient(circle at 91% 14%, rgba(255, 255, 255, .82) 0 8%, transparent 29%),
    linear-gradient(132deg, #faf3ef 0%, #ead8d4 100%);
  box-shadow: var(--sk-account-shadow);
}

.sk-account-auth-intro::after {
  content: "";
  position: absolute;
  top: -100px;
  right: -62px;
  width: 250px;
  height: 250px;
  border: 1px solid rgba(91, 53, 57, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 38px rgba(255, 255, 255, .12), 0 0 0 76px rgba(255, 255, 255, .07);
  pointer-events: none;
}

.sk-account-auth-intro h2 {
  position: relative;
  z-index: 1;
  max-width: 680px;
  margin: 13px 0 11px;
  color: var(--sk-account-ink);
  font-size: clamp(30px, 4vw, 47px);
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.07;
}

.sk-account-auth-intro > p {
  position: relative;
  z-index: 1;
  max-width: 620px;
  margin: 0;
  color: var(--sk-account-ink-soft);
  font-size: 13px;
  line-height: 1.7;
}

.sk-account-auth-intro__features {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.sk-account-auth-intro__features span {
  padding: 8px 11px;
  border: 1px solid rgba(91, 53, 57, .13);
  border-radius: 999px;
  color: #5f4a49;
  background: rgba(255, 255, 255, .56);
  font-size: 10px;
  font-weight: 700;
}

body.skinora-account-studio--guest .u-columns,
body.skinora-account-studio--guest .col2-set {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

body.skinora-account-studio--guest .u-column1,
body.skinora-account-studio--guest .u-column2,
body.skinora-account-studio--guest .col-1,
body.skinora-account-studio--guest .col-2 {
  width: auto;
  max-width: none;
  padding: 0;
}

body.skinora-account-studio--guest .u-column1 > h2,
body.skinora-account-studio--guest .u-column2 > h2,
body.skinora-account-studio--guest .col-1 > h2,
body.skinora-account-studio--guest .col-2 > h2 {
  margin-bottom: 15px;
  color: var(--sk-account-ink);
  font-size: 22px;
  font-weight: 550;
}

body.skinora-account-studio--guest .woocommerce-LostPassword {
  margin-top: 13px;
}

body.skinora-account-studio--guest .woocommerce-LostPassword a {
  color: var(--sk-account-wine);
  font-size: 11px;
  font-weight: 700;
}

body.skinora-account-studio :focus-visible {
  outline: 2px solid #7f5558;
  outline-offset: 3px;
}

@media (max-width: 991px) {
  .sk-account-hero {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .sk-account-hero__note {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    column-gap: 12px;
    align-items: center;
  }

  .sk-account-hero__note > span {
    grid-row: 1 / 3;
    margin: 0;
  }

  .sk-account-hero__note strong {
    margin: 0;
  }

  .sk-account-hero__note small {
    grid-column: 2;
  }
}

@media (max-width: 767px) {
  .sk-account-hero {
    min-height: 0;
    padding: 28px 22px 23px;
    border-radius: 20px;
  }

  .sk-account-hero h2 {
    font-size: clamp(29px, 9vw, 39px);
  }

  .sk-account-hero__wash::before {
    top: -95px;
    right: -110px;
    width: 230px;
    height: 230px;
  }

  .sk-account-hero__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .sk-account-hero__actions .button {
    width: 100%;
    text-align: center;
  }

  .sk-account-support {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 32px;
    padding: 22px 18px;
    border-radius: 18px;
  }

  .sk-account-support__mark {
    width: 44px;
    height: 44px;
    border-radius: 14px;
  }

  .sk-account-support > div {
    display: block;
  }

  .sk-account-support strong {
    font-size: 16px;
  }

  .sk-account-support p {
    font-size: 12px;
  }

  .sk-account-support a {
    width: fit-content;
    min-height: 42px;
    margin-top: 15px;
    padding: 10px 15px;
  }

  body.skinora-account-studio .woocommerce-Addresses,
  body.skinora-account-studio--guest .u-columns,
  body.skinora-account-studio--guest .col2-set {
    grid-template-columns: 1fr;
  }

  body.skinora-account-studio table.shop_table,
  body.skinora-account-studio .woocommerce-orders-table {
    border-radius: 14px;
  }

  body.skinora-account-studio .woocommerce-orders-table tr {
    padding: 12px 0;
    border-bottom: 1px solid var(--sk-account-line);
  }

  body.skinora-account-studio .woocommerce-orders-table td {
    padding: 9px 14px;
  }

  body.skinora-account-studio .woocommerce-orders-table td::before {
    color: #77706a;
    font-size: 10px;
    letter-spacing: .04em;
  }

  .sk-account-auth-intro {
    padding: 28px 22px;
    border-radius: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.skinora-account-studio *,
  body.skinora-account-studio *::before,
  body.skinora-account-studio *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}