@charset "UTF-8";
/* ==========================================================
   WOOCOMMERCE – MY ACCOUNT DASHBOARD
   ========================================================== */
.woocommerce-account {
  background: radial-gradient(1200px 600px at 50% -300px, rgba(56, 189, 248, 0.12), transparent 60%), linear-gradient(180deg, #0b1220 0%, #070d17 100%);
}
.woocommerce-account .entry-content {
  padding: 80px 0;
}
.woocommerce-account .entry-content .woocommerce:before {
  display: none;
}
.woocommerce-account .entry-content .woocommerce:after {
  display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
  width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
  width: 100%;
}

/* Layout */
body.woocommerce-account:not(.login-page) .woocommerce {
  max-width: 1400px !important;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 32px;
}

/* ==========================================================
   SIDEBAR NAVIGATION
   ========================================================== */
.woocommerce-MyAccount-navigation {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)), rgba(15, 23, 42, 0.65);
  border-radius: 18px;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.15);
}

.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.woocommerce-MyAccount-navigation-link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: 12px;
  color: rgba(226, 232, 240, 0.75);
  text-decoration: none;
  font-size: 14px;
  transition: background 0.25s ease, color 0.25s ease;
}

.woocommerce-MyAccount-navigation-link a:hover {
  background: rgba(56, 189, 248, 0.08);
  color: #fff;
}

.woocommerce-MyAccount-navigation-link.is-active a {
  background: linear-gradient(180deg, rgba(56, 189, 248, 0.18), rgba(56, 189, 248, 0.05));
  color: #38bdf8;
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.35);
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #ef4444;
}

/* ==========================================================
   MAIN CONTENT
   ========================================================== */
.woocommerce-MyAccount-content {
  display: flex;
  flex-direction: column;
}

/* Welcome card */
.woocommerce-MyAccount-content > p:first-of-type {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)), rgba(15, 23, 42, 0.65);
  border-radius: 18px;
  padding: 26px 28px;
  border: 1px solid rgba(148, 163, 184, 0.15);
  font-size: 16px;
  color: #fff;
}

/* Intro text */
.woocommerce-MyAccount-content > p {
  color: rgba(226, 232, 240, 0.75);
  font-size: 14px;
  line-height: 1.6;
}

/* ==========================================================
   DASHBOARD CARDS (orders, licenses, devices, etc.)
   ========================================================== */
.woocommerce-MyAccount-content section,
.woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-MyAccount-content .woocommerce-subscriptions-table {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01)), rgba(15, 23, 42, 0.65);
  border-radius: 18px;
  padding: 28px;
  border: 1px solid rgba(148, 163, 184, 0.15);
}

/* Section titles */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 18px;
}

/* ==========================================================
   TABLES (Orders, Subscriptions, Downloads)
   ========================================================== */
.woocommerce table.shop_table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%;
}

.woocommerce table.shop_table th {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(226, 232, 240, 0.55);
  border: none;
}

.woocommerce table.shop_table td {
  background: rgba(2, 6, 23, 0.6);
  padding: 14px 16px;
  border: none;
  color: rgba(226, 232, 240, 0.85);
}

.woocommerce table.shop_table tr td:first-child {
  border-radius: 12px 0 0 12px;
}

.woocommerce table.shop_table tr td:last-child {
  border-radius: 0 12px 12px 0;
}

/* Status pills */
.woocommerce .status-active {
  color: #22c55e;
}

.woocommerce .status-expired {
  color: #94a3b8;
}

/* ==========================================================
   BUTTONS & LINKS
   ========================================================== */
.woocommerce a.button,
.woocommerce button.button {
  background: linear-gradient(180deg, #38bdf8, #0ea5e9);
  color: #020617;
  border-radius: 999px;
  padding: 10px 18px;
  font-weight: 600;
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 30px rgba(56, 189, 248, 0.35);
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media (max-width: 1024px) {
  .woocommerce {
    grid-template-columns: 1fr;
  }
  .woocommerce-MyAccount-navigation {
    order: 2;
  }
}
body.login-page {
  background: #061827;
}
body.login-page .entry-title,
body.login-page .page-title {
  display: none;
}
body.login-page .entry-content {
  padding: 0;
}
body.login-page .woocommerce {
  max-width: none !important;
  margin: 0;
  padding: 0;
  display: block;
}
body.login-page .woocommerce-notices-wrapper {
  max-width: 1040px;
  margin: 0px auto 0;
  padding: 0 24px;
}
body.login-page .smart-login-page {
  min-height: calc(100vh - 90px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 24px;
  background: radial-gradient(circle at 12% 10%, rgba(45, 183, 236, 0.16), transparent 34%), linear-gradient(135deg, #061827 0%, #07121f 100%);
}
body.login-page .smart-login-card {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  width: 100%;
  max-width: 100%;
  min-height: 522px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 28px;
  overflow: hidden;
  background: #091725;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}
body.login-page .smart-login-card .form-row:before {
  display: none;
}
body.login-page .smart-login-card .form-row:after {
  display: none;
}
body.login-page .smart-login-container {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 6vw;
}
body.login-page .smart-login-card__info {
  display: flex;
  flex-direction: column;
  padding: 78px 54px 54px;
  background: radial-gradient(circle at 22% 0%, rgba(75, 190, 232, 0.26), transparent 42%), linear-gradient(145deg, #184c64 0%, #0d3447 58%, #0b2b3d 100%);
}
body.login-page .smart-login-card__eyebrow {
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}
body.login-page .smart-login-card__title {
  margin: 0 0 24px;
  color: #ffffff;
  font-size: clamp(42px, 5vw, 58px);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -0.055em;
}
body.login-page .smart-login-card__text {
  max-width: 100%;
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.58;
}
body.login-page .smart-login-card__features {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: auto 0 0;
  padding: 0;
  list-style: none;
}
body.login-page .smart-login-card__features li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  line-height: 1.3;
}
body.login-page .smart-login-card__features li::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
}
body.login-page .smart-login-card__form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 58px 52px;
  background: #091725;
}
body.login-page .smart-login-card__form h2 {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.035em;
}
body.login-page .smart-login-card__subtitle {
  margin: 0 0 34px;
  color: #fff;
  font-size: 16px;
  line-height: 1.45;
}
body.login-page .woocommerce-form-login.login {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  color: #ffffff;
}
body.login-page .woocommerce-form-login.login .woocommerce-form-row,
body.login-page .woocommerce-form-login.login .form-row {
  margin: 0 0 22px;
  padding: 0;
}
body.login-page .woocommerce-form-login.login label {
  display: inline-flex;
  align-items: center;
  margin: 0 0 9px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}
body.login-page .woocommerce-form-login.login label .required {
  margin-left: 3px;
  color: #ff7b67;
}
body.login-page .woocommerce-form-login.login .woocommerce-Input,
body.login-page .woocommerce-form-login.login .input-text {
  width: 100%;
  height: 56px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 15px;
  outline: none;
  background: #f4f7fa;
  color: #071729;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  box-shadow: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
body.login-page .woocommerce-form-login.login .woocommerce-Input::placeholder,
body.login-page .woocommerce-form-login.login .input-text::placeholder {
  color: rgba(7, 23, 41, 0.46);
}
body.login-page .woocommerce-form-login.login .woocommerce-Input:focus,
body.login-page .woocommerce-form-login.login .input-text:focus {
  border-color: #28b9ef;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(40, 185, 239, 0.18);
}
body.login-page .woocommerce-form-login.login .password-input {
  position: relative;
  display: block;
  width: 100%;
}
body.login-page .woocommerce-form-login.login .password-input .woocommerce-Input,
body.login-page .woocommerce-form-login.login .password-input .input-text {
  padding-right: 64px;
}
body.login-page .woocommerce-form-login.login .password-input .show-password-input {
  position: absolute;
  top: 50%;
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 13px;
  background: rgba(7, 23, 41, 0.07);
  cursor: pointer;
  transform: translateY(-50%);
}
body.login-page .woocommerce-form-login.login .password-input .show-password-input::before {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  background-color: #071729;
  opacity: 0.7;
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5C6.5 5 2.1 9.3 1 12C2.1 14.7 6.5 19 12 19C17.5 19 21.9 14.7 23 12C21.9 9.3 17.5 5 12 5ZM12 16.5C9.5 16.5 7.5 14.5 7.5 12C7.5 9.5 9.5 7.5 12 7.5C14.5 7.5 16.5 9.5 16.5 12C16.5 14.5 14.5 16.5 12 16.5ZM12 9.3C10.5 9.3 9.3 10.5 9.3 12C9.3 13.5 10.5 14.7 12 14.7C13.5 14.7 14.7 13.5 14.7 12C14.7 10.5 13.5 9.3 12 9.3Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
body.login-page .woocommerce-form-login.login .smart-login-card__actions,
body.login-page .woocommerce-form-login.login > .form-row:not(.woocommerce-form-row) {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 24px;
  margin-top: 2px;
  margin-bottom: 24px;
}
body.login-page .woocommerce-form-login.login .woocommerce-form-login__rememberme {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
body.login-page .woocommerce-form-login.login .woocommerce-form-login__rememberme input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 5px;
  background: transparent;
  cursor: pointer;
}
body.login-page .woocommerce-form-login.login .woocommerce-form-login__rememberme input[type=checkbox]::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #061827;
  opacity: 0;
  transform: scale(0.5);
  transition: opacity 0.2s ease, transform 0.2s ease;
  mask-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.8 10.4L0.6 6.2L2 4.8L4.8 7.6L12 0.4L13.4 1.8L4.8 10.4Z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
body.login-page .woocommerce-form-login.login .woocommerce-form-login__rememberme input[type=checkbox]:checked {
  border-color: #29b9ef;
  background: #29b9ef;
}
body.login-page .woocommerce-form-login.login .woocommerce-form-login__rememberme input[type=checkbox]:checked::before {
  opacity: 1;
  transform: scale(1);
}
body.login-page .woocommerce-form-login.login .woocommerce-form-login__rememberme span {
  line-height: 1;
}
body.login-page .woocommerce-form-login.login .woocommerce-form-login__submit,
body.login-page .woocommerce-form-login.login .woocommerce-button.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 102px;
  min-height: 52px;
  padding: 0 29px;
  margin: 0;
  border: 0;
  border-radius: 999px;
  background: #29b9ef;
  color: #041525;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 14px 32px rgba(41, 185, 239, 0.28);
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
body.login-page .woocommerce-form-login.login .woocommerce-form-login__submit:hover, body.login-page .woocommerce-form-login.login .woocommerce-form-login__submit:focus-visible,
body.login-page .woocommerce-form-login.login .woocommerce-button.button:hover,
body.login-page .woocommerce-form-login.login .woocommerce-button.button:focus-visible {
  background: #52ccff;
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(41, 185, 239, 0.35);
}
body.login-page .woocommerce-form-login.login .woocommerce-LostPassword,
body.login-page .woocommerce-form-login.login .lost_password {
  margin: 0;
  padding: 0;
}
body.login-page .woocommerce-form-login.login .woocommerce-LostPassword a,
body.login-page .woocommerce-form-login.login .lost_password a {
  color: #24c7ff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none;
}
body.login-page .woocommerce-form-login.login .woocommerce-LostPassword a:hover, body.login-page .woocommerce-form-login.login .woocommerce-LostPassword a:focus-visible,
body.login-page .woocommerce-form-login.login .lost_password a:hover,
body.login-page .woocommerce-form-login.login .lost_password a:focus-visible {
  color: #69dcff;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 991px) {
  body.login-page .smart-login-page {
    align-items: flex-start;
    padding: 36px 20px;
  }
  body.login-page .smart-login-card {
    grid-template-columns: 1fr;
    max-width: 620px;
  }
  body.login-page .smart-login-card__info {
    min-height: auto;
    padding: 46px 32px 38px;
  }
  body.login-page .smart-login-card__features {
    margin-top: 42px;
  }
  body.login-page .smart-login-card__form {
    padding: 42px 32px;
  }
}
@media (max-width: 575px) {
  body.login-page .smart-login-page {
    padding: 24px 16px;
  }
  body.login-page .smart-login-card {
    border-radius: 22px;
  }
  body.login-page .smart-login-card__info {
    padding: 36px 24px 32px;
  }
  body.login-page .smart-login-card__eyebrow {
    font-size: 12px;
    letter-spacing: 0.22em;
  }
  body.login-page .smart-login-card__title {
    font-size: 42px;
  }
  body.login-page .smart-login-card__form {
    padding: 34px 24px;
  }
  body.login-page .woocommerce-form-login.login .smart-login-card__actions,
  body.login-page .woocommerce-form-login.login > .form-row:not(.woocommerce-form-row) {
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
  }
  body.login-page .woocommerce-form-login.login .woocommerce-form-login__submit,
  body.login-page .woocommerce-form-login.login .woocommerce-button.button {
    width: 100%;
  }
}
body.smart-account-page {
  background: radial-gradient(circle at 12% 10%, rgba(45, 183, 236, 0.16), transparent 34%), radial-gradient(circle at 90% 90%, rgba(45, 183, 236, 0.12), transparent 35%), linear-gradient(135deg, #061827 0%, #07121f 100%);
  color: #ffffff;
}
body.smart-account-page .entry-title,
body.smart-account-page .page-title {
  display: none;
}
body.smart-account-page .entry-content {
  padding: 28px 0 72px;
}
body.smart-account-page .woocommerce {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 28px;
  width: 100%;
  max-width: 1600px !important;
  margin: 0 auto;
  padding: 0 6vw;
}
body.smart-account-page .woocommerce-MyAccount-navigation {
  position: sticky;
  top: 112px;
  align-self: start;
  min-height: auto;
  padding: 24px 20px 22px;
  border: 1px solid rgba(41, 185, 239, 0.18);
  border-radius: 18px;
  background: radial-gradient(circle at 12% 0%, rgba(41, 185, 239, 0.14), transparent 38%), linear-gradient(155deg, rgba(31, 47, 70, 0.98) 0%, rgba(10, 24, 38, 0.98) 62%, rgba(7, 18, 31, 0.98) 100%);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  overflow: hidden;
}
body.smart-account-page .woocommerce-MyAccount-navigation::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 34%), radial-gradient(circle at 100% 100%, rgba(41, 185, 239, 0.1), transparent 38%);
  opacity: 0.55;
}
body.smart-account-page .woocommerce-MyAccount-navigation ul {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  list-style: none;
}
body.smart-account-page .woocommerce-MyAccount-navigation li {
  margin: 0;
  padding: 0;
}
body.smart-account-page .woocommerce-MyAccount-navigation li a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 0 18px 0 44px;
  border: 1px solid transparent;
  border-radius: 11px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
body.smart-account-page .woocommerce-MyAccount-navigation li a::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  opacity: 0.9;
  transform: translateY(-50%);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
body.smart-account-page .woocommerce-MyAccount-navigation li a:hover {
  color: #28c5ff;
  background: rgba(40, 197, 255, 0.1);
  border-color: rgba(40, 197, 255, 0.28);
  transform: translateX(2px);
}
body.smart-account-page .woocommerce-MyAccount-navigation li.is-active a {
  color: #28c5ff;
  background: radial-gradient(circle at 12% 50%, rgba(40, 197, 255, 0.2), transparent 42%), linear-gradient(135deg, rgba(40, 197, 255, 0.18), rgba(40, 197, 255, 0.055));
  border-color: rgba(40, 197, 255, 0.72);
  box-shadow: 0 14px 34px rgba(41, 185, 239, 0.12), inset 0 0 0 1px rgba(40, 197, 255, 0.08);
}
body.smart-account-page .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #ff5f6f;
}
body.smart-account-page .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  color: #ff7c89;
  background: rgba(255, 95, 111, 0.08);
  border-color: rgba(255, 95, 111, 0.28);
}
body.smart-account-page .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--dashboard a::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 13h7V4H4v9Zm0 7h7v-5H4v5Zm9 0h7v-9h-7v9Zm0-16v5h7V4h-7Z'/%3E%3C/svg%3E");
}
body.smart-account-page .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--orders a::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4h10a2 2 0 0 1 2 2v14l-3-2-3 2-3-2-3 2-2-1.33V6a2 2 0 0 1 2-2Zm2 5h6V7H9v2Zm0 4h6v-2H9v2Z'/%3E%3C/svg%3E");
}
body.smart-account-page .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--subscriptions a::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.65 6.35A7.95 7.95 0 0 0 12 4V1L7 6l5 5V7a5 5 0 1 1-4.9 6H4.06a8 8 0 1 0 13.59-6.65Z'/%3E%3C/svg%3E");
}
body.smart-account-page .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--downloads a::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20h14v-2H5v2ZM13 4h-2v8H8l4 4 4-4h-3V4Z'/%3E%3C/svg%3E");
}
body.smart-account-page .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-address a::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E");
}
body.smart-account-page .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--edit-account a::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E");
}
body.smart-account-page .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 17v-3H3v-4h7V7l5 5-5 5Zm2-13h7a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-7v-2h7V6h-7V4Z'/%3E%3C/svg%3E");
}
body.smart-account-page .smart-account-user {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
}
body.smart-account-page .smart-account-user__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(40, 197, 255, 0.55);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(41, 185, 239, 0.22), rgba(41, 185, 239, 0.08));
  color: #33c9ff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 12px 28px rgba(41, 185, 239, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}
body.smart-account-page .smart-account-user__content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
body.smart-account-page .smart-account-user__content strong {
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}
body.smart-account-page .smart-account-user__content span {
  color: rgba(255, 255, 255, 0.42);
  font-size: 12px;
  line-height: 1.3;
}
body.smart-account-page .woocommerce-MyAccount-content {
  min-width: 0;
  color: rgba(255, 255, 255, 0.72);
  display: flex;
  flex-direction: column;
  gap: 0px;
  font-size: 15px;
  line-height: 1.55;
}
body.smart-account-page .woocommerce-MyAccount-content .woocommerce-message::before {
  position: relative;
  top: inherit;
  left: inherit;
}
body.smart-account-page .woocommerce-MyAccount-content > h2,
body.smart-account-page .woocommerce-MyAccount-content > h3,
body.smart-account-page .woocommerce-MyAccount-content .woocommerce-order-details__title,
body.smart-account-page .woocommerce-MyAccount-content .woocommerce-column__title {
  margin: 0 0 4px;
  color: #ffffff;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 0;
}
body.smart-account-page .woocommerce-MyAccount-content > p {
  color: rgba(255, 255, 255, 0.64);
  font-size: 16px;
  line-height: 1.6;
}
body.smart-account-page .woocommerce-MyAccount-content > p a {
  color: #29c5ff;
  font-weight: 700;
  text-decoration: none;
}
body.smart-account-page .woocommerce-MyAccount-content > p a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}
body.smart-account-page .woocommerce-message,
body.smart-account-page .woocommerce-info,
body.smart-account-page .woocommerce-error {
  margin: 0 0 24px;
  padding: 18px 20px;
  border: 1px solid rgba(40, 197, 255, 0.26);
  border-radius: 16px;
  background: rgba(31, 47, 70, 0.72);
  color: rgba(255, 255, 255, 0.82);
}
body.smart-account-page .woocommerce-message a,
body.smart-account-page .woocommerce-info a,
body.smart-account-page .woocommerce-error a {
  color: #29c5ff;
  font-weight: 800;
}
body.smart-account-page .woocommerce table.shop_table,
body.smart-account-page table.shop_table {
  width: 100%;
  margin: 0 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-collapse: separate;
  border-spacing: 0 8px;
  border-radius: 12px;
  background: rgba(22, 38, 58, 0.92);
  padding: 16px 18px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}
body.smart-account-page .woocommerce table.shop_table thead th,
body.smart-account-page table.shop_table thead th {
  padding: 6px 10px 10px;
  border: 0;
  color: rgba(255, 255, 255, 0.58);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
}
body.smart-account-page .woocommerce table.shop_table th,
body.smart-account-page .woocommerce table.shop_table td,
body.smart-account-page table.shop_table th,
body.smart-account-page table.shop_table td {
  font-size: 14px;
  line-height: 1.45;
  vertical-align: middle;
}
body.smart-account-page .woocommerce table.shop_table tbody th,
body.smart-account-page .woocommerce table.shop_table tbody td,
body.smart-account-page .woocommerce table.shop_table tfoot th,
body.smart-account-page .woocommerce table.shop_table tfoot td,
body.smart-account-page table.shop_table tbody th,
body.smart-account-page table.shop_table tbody td,
body.smart-account-page table.shop_table tfoot th,
body.smart-account-page table.shop_table tfoot td {
  padding: 11px 12px;
  border: 0;
  background: rgba(7, 17, 33, 0.66);
  color: rgba(255, 255, 255, 0.82);
}
body.smart-account-page .woocommerce-button,
body.smart-account-page .button,
body.smart-account-page .woocommerce a.button,
body.smart-account-page .woocommerce button.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  background: #29b9ef;
  color: #041525;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(41, 185, 239, 0.22);
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
body.smart-account-page .woocommerce-button:hover, body.smart-account-page .woocommerce-button:focus-visible,
body.smart-account-page .button:hover,
body.smart-account-page .button:focus-visible,
body.smart-account-page .woocommerce a.button:hover,
body.smart-account-page .woocommerce a.button:focus-visible,
body.smart-account-page .woocommerce button.button:hover,
body.smart-account-page .woocommerce button.button:focus-visible {
  background: #52ccff;
  color: #041525;
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(41, 185, 239, 0.3);
}
body.smart-account-page .subscription-status,
body.smart-account-page .woocommerce-orders-table__cell-order-status {
  color: rgba(255, 255, 255, 0.72);
  font-weight: 800;
}
body.smart-account-page .subscription-status mark,
body.smart-account-page .subscription-status span,
body.smart-account-page .woocommerce-orders-table__cell-order-status mark,
body.smart-account-page .woocommerce-orders-table__cell-order-status span {
  background: transparent;
}
body.smart-account-page .subscription-status-active,
body.smart-account-page .status-active,
body.smart-account-page mark.active {
  color: #5dffad;
}
body.smart-account-page .subscription-status-cancelled,
body.smart-account-page .status-cancelled,
body.smart-account-page mark.cancelled {
  color: rgba(255, 255, 255, 0.68);
}
body.smart-account-page .subscription-status-expired,
body.smart-account-page .status-expired,
body.smart-account-page mark.expired {
  color: #ffd15c;
}
body.smart-account-page mark {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0;
  background: transparent;
  color: inherit;
  font-weight: 900;
}
body.smart-account-page mark::before {
  content: "";
  display: inline-flex;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 14px currentColor;
}
body.smart-account-page .woocommerce-MyAccount-content fieldset {
  margin: 28px 0;
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(31, 47, 70, 0.6);
}
body.smart-account-page .woocommerce-MyAccount-content legend {
  padding: 0 8px;
  color: #ffffff;
  font-weight: 900;
}
body.smart-account-page .woocommerce-MyAccount-content .form-row {
  margin: 0 0 18px;
  padding: 0;
}
body.smart-account-page .woocommerce-MyAccount-content .form-row label {
  display: block;
  margin: 0 0 8px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  font-weight: 800;
}
body.smart-account-page .woocommerce-MyAccount-content .form-row input,
body.smart-account-page .woocommerce-MyAccount-content .form-row select,
body.smart-account-page .woocommerce-MyAccount-content .form-row textarea {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 13px;
  outline: none;
  background: #f4f7fa;
  color: #071729;
  font-size: 15px;
  font-weight: 500;
}
body.smart-account-page .woocommerce-MyAccount-content .form-row input:focus,
body.smart-account-page .woocommerce-MyAccount-content .form-row select:focus,
body.smart-account-page .woocommerce-MyAccount-content .form-row textarea:focus {
  border-color: #29b9ef;
  box-shadow: 0 0 0 4px rgba(41, 185, 239, 0.16);
}
body.smart-account-page .woocommerce-MyAccount-content .form-row input[type=checkbox] {
  min-height: 20px;
}
body.smart-account-page .woocommerce-MyAccount-content .form-row textarea {
  min-height: 120px;
  padding-top: 14px;
  resize: vertical;
}

body.smart-account-page.woocommerce-view-subscription .entry-content {
  padding: 28px 0 72px;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce {
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 28px;
  max-width: 1600px !important;
  padding: 0 6vw;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-navigation {
  min-height: auto;
  padding: 22px 18px;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-navigation ul {
  margin-top: 20px;
  padding-top: 20px;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-navigation li a {
  min-height: 42px;
  padding-left: 44px;
  font-size: 14px;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-content {
  display: flex;
  flex-direction: column;
  gap: 0px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 15px;
  line-height: 1.55;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-content > h2,
body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-content > h3,
body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-content .woocommerce-order-details__title,
body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-content .woocommerce-column__title {
  margin: 0 0 4px;
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: 0;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-content section {
  margin: 0;
  padding: 0;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-content p {
  margin-top: 0;
  margin-bottom: 10px;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table,
body.smart-account-page.woocommerce-view-subscription table.shop_table {
  margin: 0;
  padding: 16px 18px;
  border-spacing: 0 8px;
  border-radius: 12px;
  background: rgba(22, 38, 58, 0.92);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table th,
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table td,
body.smart-account-page.woocommerce-view-subscription table.shop_table th,
body.smart-account-page.woocommerce-view-subscription table.shop_table td {
  font-size: 14px;
  line-height: 1.45;
  vertical-align: middle;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table thead th,
body.smart-account-page.woocommerce-view-subscription table.shop_table thead th {
  padding: 6px 10px 10px;
  font-size: 11px;
  letter-spacing: 0;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody th,
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody td,
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tfoot th,
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tfoot td,
body.smart-account-page.woocommerce-view-subscription table.shop_table tbody th,
body.smart-account-page.woocommerce-view-subscription table.shop_table tbody td,
body.smart-account-page.woocommerce-view-subscription table.shop_table tfoot th,
body.smart-account-page.woocommerce-view-subscription table.shop_table tfoot td {
  padding: 11px 12px;
  border: 0;
  background: rgba(7, 17, 33, 0.66);
  color: rgba(255, 255, 255, 0.82);
}
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody th:first-child,
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody td:first-child,
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tfoot th:first-child,
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tfoot td:first-child,
body.smart-account-page.woocommerce-view-subscription table.shop_table tbody th:first-child,
body.smart-account-page.woocommerce-view-subscription table.shop_table tbody td:first-child,
body.smart-account-page.woocommerce-view-subscription table.shop_table tfoot th:first-child,
body.smart-account-page.woocommerce-view-subscription table.shop_table tfoot td:first-child {
  border-radius: 10px 0 0 10px;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody th:last-child,
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody td:last-child,
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tfoot th:last-child,
body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tfoot td:last-child,
body.smart-account-page.woocommerce-view-subscription table.shop_table tbody th:last-child,
body.smart-account-page.woocommerce-view-subscription table.shop_table tbody td:last-child,
body.smart-account-page.woocommerce-view-subscription table.shop_table tfoot th:last-child,
body.smart-account-page.woocommerce-view-subscription table.shop_table tfoot td:last-child {
  border-radius: 0 10px 10px 0;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce-button,
body.smart-account-page.woocommerce-view-subscription .button,
body.smart-account-page.woocommerce-view-subscription .woocommerce a.button,
body.smart-account-page.woocommerce-view-subscription .woocommerce button.button {
  min-height: 34px;
  padding: 0 18px;
  font-size: 12px;
  white-space: nowrap;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-panel {
  margin: 0 0 14px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(22, 38, 58, 0.92);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-panel__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-panel__head h2 {
  margin: 0 0 6px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: 0;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-panel__head p {
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 14px;
  line-height: 1.45;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-panel__current {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 150px;
  padding: 12px 14px;
  border: 1px solid rgba(41, 185, 239, 0.2);
  border-radius: 10px;
  background: rgba(7, 17, 33, 0.54);
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-panel__current span {
  color: rgba(255, 255, 255, 0.56);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-panel__current strong {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.2;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-warning {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0 0 16px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 95, 111, 0.46);
  border-radius: 10px;
  background: rgba(239, 68, 68, 0.92);
  color: #ffffff;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-warning strong {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-warning span {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 0 0 16px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 13px;
  line-height: 1.45;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-meta strong {
  color: rgba(255, 255, 255, 0.92);
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-action.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  text-decoration: none;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-action.button span,
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-action.button strong {
  display: inline-flex;
  align-items: center;
  line-height: 1.2;
}
body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-action.button strong {
  font-size: 13px;
}
body.smart-account-page.woocommerce-view-subscription .license-transfers-row td,
body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-row td {
  padding: 0 !important;
  background: transparent !important;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-box,
body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-box {
  margin: 0 !important;
  padding: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  background: rgba(7, 17, 33, 0.68) !important;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  line-height: 1.55;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-box > p:first-of-type,
body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-box > p:first-of-type {
  margin: 0 0 14px !important;
  color: #ffffff;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 18px;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-option-card {
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-option-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.35;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-mode-panel {
  padding-top: 14px;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-input,
body.smart-account-page.woocommerce-view-subscription .license-transfer-select {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: #ffffff;
  font-size: 13px;
  line-height: 1.2;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-target-hint,
body.smart-account-page.woocommerce-view-subscription .license-transfer-recover-hint {
  max-width: 520px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  line-height: 1.45;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-shell {
  margin-top: 10px !important;
}
body.smart-account-page.woocommerce-view-subscription .select-portal-item {
  gap: 10px !important;
  margin-bottom: 16px !important;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-list {
  gap: 9px !important;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-portal-item {
  grid-template-columns: 96px minmax(140px, 1fr) minmax(220px, 1.35fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-portal-item p:first-of-type {
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 800 !important;
}
body.smart-account-page.woocommerce-view-subscription .license-transfer-portal-item .button {
  min-width: 124px;
  padding: 0 14px;
}
body.smart-account-page.woocommerce-view-subscription .woocommerce-customer-details address,
body.smart-account-page.woocommerce-view-subscription .woocommerce-column address {
  margin: 0;
  padding: 20px 22px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  background: rgba(7, 17, 33, 0.48);
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
  font-style: normal;
  line-height: 1.65;
}

@media (max-width: 1180px) {
  body.smart-account-page.woocommerce-view-subscription .woocommerce {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 22px;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portal-item {
    grid-template-columns: 92px minmax(130px, 1fr) minmax(180px, 1fr) auto !important;
  }
}
@media (max-width: 900px) {
  body.smart-account-page.woocommerce-view-subscription .woocommerce {
    grid-template-columns: 1fr;
    padding: 0 16px;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-navigation {
    position: static;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-content > h2,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-content > h3,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-content .woocommerce-order-details__title,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-MyAccount-content .woocommerce-column__title {
    font-size: 24px;
  }
  body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-panel {
    padding: 18px;
  }
  body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-panel__head {
    flex-direction: column;
    gap: 12px;
  }
  body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-panel__current {
    width: 100%;
  }
  body.smart-account-page.woocommerce-view-subscription .smart-license-upgrade-action.button {
    width: 100%;
    min-width: 0;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portal-item {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}
body.smart-account-page .smart-account-section-header--addresses {
  margin: 0 0 28px;
  padding: 26px 30px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: radial-gradient(circle at 12% 0%, rgba(45, 183, 236, 0.08), transparent 36%), linear-gradient(180deg, rgba(31, 47, 70, 0.9), rgba(10, 24, 38, 0.86));
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.22);
}
body.smart-account-page .smart-account-section-header--addresses h1 {
  margin: 0 0 10px;
  color: #ffffff;
  font-size: clamp(38px, 4vw, 52px);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: -0.055em;
}
body.smart-account-page .smart-account-section-header--addresses p {
  max-width: 720px;
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 16px;
  line-height: 1.55;
}
body.smart-account-page .smart-address-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}
body.smart-account-page .smart-address-card {
  min-height: 300px;
  padding: 30px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: radial-gradient(circle at 10% 5%, rgba(45, 183, 236, 0.08), transparent 34%), linear-gradient(180deg, rgba(10, 24, 38, 0.72), rgba(6, 17, 32, 0.78));
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.2);
}
body.smart-account-page .smart-address-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin: 0 0 28px;
}
body.smart-account-page .smart-address-card__header h2 {
  margin: 4px 0 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.035em;
}
body.smart-account-page .smart-address-card__label {
  display: inline-flex;
  align-items: center;
  color: #29c5ff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
body.smart-account-page .smart-address-card__edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid rgba(41, 185, 239, 0.38);
  border-radius: 999px;
  background: rgba(41, 185, 239, 0.08);
  color: #29c5ff;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}
body.smart-account-page .smart-address-card__edit:hover, body.smart-account-page .smart-address-card__edit:focus-visible {
  background: #29b9ef;
  border-color: #29b9ef;
  color: #041525;
  transform: translateY(-1px);
}
body.smart-account-page .smart-address-card__body address {
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 16px;
  font-style: italic;
  line-height: 1.65;
}
body.smart-account-page .woocommerce-Address,
body.smart-account-page .woocommerce-Addresses,
body.smart-account-page .u-columns.woocommerce-Addresses {
  display: none;
}

@media (max-width: 900px) {
  body.smart-account-page .woocommerce {
    grid-template-columns: 1fr;
    padding: 0 16px;
  }
  body.smart-account-page .woocommerce-MyAccount-navigation {
    position: static;
  }
  body.smart-account-page .woocommerce-MyAccount-content > h2,
  body.smart-account-page .woocommerce-MyAccount-content > h3,
  body.smart-account-page .woocommerce-MyAccount-content .woocommerce-order-details__title,
  body.smart-account-page .woocommerce-MyAccount-content .woocommerce-column__title {
    font-size: 24px;
  }
}
@media (max-width: 1024px) {
  body.woocommerce-account:not(.login-page) .entry-content,
  body.smart-account-page .entry-content {
    padding: 18px 0 56px;
  }
  body.woocommerce-account:not(.login-page) .woocommerce,
  body.smart-account-page .woocommerce {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
    max-width: none !important;
    margin: 0;
    padding: 0;
  }
  body.woocommerce-account:not(.login-page) .woocommerce-MyAccount-navigation,
  body.smart-account-page .woocommerce-MyAccount-navigation {
    order: 0;
    flex: 0 0 auto;
    position: relative;
    top: auto;
    width: 100%;
    margin: 0;
    padding: 16px 0 12px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    background: rgba(13, 29, 47, 0.88);
    box-shadow: none;
    overflow: hidden;
  }
  body.woocommerce-account:not(.login-page) .smart-account-user,
  body.smart-account-page .smart-account-user {
    padding: 0 16px 14px;
  }
  body.woocommerce-account:not(.login-page) .woocommerce-MyAccount-navigation ul,
  body.smart-account-page .woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin: 0;
    padding: 0 16px 4px;
    border-top: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }
  body.woocommerce-account:not(.login-page) .woocommerce-MyAccount-navigation ul::-webkit-scrollbar,
  body.smart-account-page .woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
    height: 0;
  }
  body.woocommerce-account:not(.login-page) .woocommerce-MyAccount-navigation li,
  body.smart-account-page .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  body.woocommerce-account:not(.login-page) .woocommerce-MyAccount-navigation li a,
  body.smart-account-page .woocommerce-MyAccount-navigation li a {
    min-height: 38px;
    padding: 0 14px 0 38px;
    border-radius: 999px;
    white-space: nowrap;
  }
  body.woocommerce-account:not(.login-page) .woocommerce-MyAccount-navigation li a:hover,
  body.smart-account-page .woocommerce-MyAccount-navigation li a:hover {
    transform: none;
  }
  body.woocommerce-account:not(.login-page) .woocommerce-MyAccount-navigation li a::before,
  body.smart-account-page .woocommerce-MyAccount-navigation li a::before {
    left: 14px;
    width: 14px;
    height: 14px;
  }
  body.woocommerce-account:not(.login-page) .woocommerce-MyAccount-content,
  body.smart-account-page .woocommerce-MyAccount-content {
    order: 1;
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0 16px;
  }
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table,
  body.woocommerce-account:not(.login-page) table.shop_table,
  body.smart-account-page .woocommerce table.shop_table,
  body.smart-account-page table.shop_table {
    display: block;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    overflow-x: auto;
  }
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table thead,
  body.woocommerce-account:not(.login-page) table.shop_table thead,
  body.smart-account-page .woocommerce table.shop_table thead,
  body.smart-account-page table.shop_table thead {
    display: none;
  }
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table tbody,
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table tfoot,
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table tr,
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table th,
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table td,
  body.woocommerce-account:not(.login-page) table.shop_table tbody,
  body.woocommerce-account:not(.login-page) table.shop_table tfoot,
  body.woocommerce-account:not(.login-page) table.shop_table tr,
  body.woocommerce-account:not(.login-page) table.shop_table th,
  body.woocommerce-account:not(.login-page) table.shop_table td,
  body.smart-account-page .woocommerce table.shop_table tbody,
  body.smart-account-page .woocommerce table.shop_table tfoot,
  body.smart-account-page .woocommerce table.shop_table tr,
  body.smart-account-page .woocommerce table.shop_table th,
  body.smart-account-page .woocommerce table.shop_table td,
  body.smart-account-page table.shop_table tbody,
  body.smart-account-page table.shop_table tfoot,
  body.smart-account-page table.shop_table tr,
  body.smart-account-page table.shop_table th,
  body.smart-account-page table.shop_table td {
    display: block;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
  }
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table tbody tr,
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table tfoot tr,
  body.woocommerce-account:not(.login-page) table.shop_table tbody tr,
  body.woocommerce-account:not(.login-page) table.shop_table tfoot tr,
  body.smart-account-page .woocommerce table.shop_table tbody tr,
  body.smart-account-page .woocommerce table.shop_table tfoot tr,
  body.smart-account-page table.shop_table tbody tr,
  body.smart-account-page table.shop_table tfoot tr {
    margin: 0 0 10px;
    padding: 12px;
    border-radius: 12px;
    background: rgba(7, 17, 33, 0.66);
  }
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table tbody th,
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table tbody td,
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table tfoot th,
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table tfoot td,
  body.woocommerce-account:not(.login-page) table.shop_table tbody th,
  body.woocommerce-account:not(.login-page) table.shop_table tbody td,
  body.woocommerce-account:not(.login-page) table.shop_table tfoot th,
  body.woocommerce-account:not(.login-page) table.shop_table tfoot td,
  body.smart-account-page .woocommerce table.shop_table tbody th,
  body.smart-account-page .woocommerce table.shop_table tbody td,
  body.smart-account-page .woocommerce table.shop_table tfoot th,
  body.smart-account-page .woocommerce table.shop_table tfoot td,
  body.smart-account-page table.shop_table tbody th,
  body.smart-account-page table.shop_table tbody td,
  body.smart-account-page table.shop_table tfoot th,
  body.smart-account-page table.shop_table tfoot td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 7px 0;
    border-radius: 0;
    background: transparent;
    text-align: right;
    overflow-wrap: anywhere;
  }
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table td::before,
  body.woocommerce-account:not(.login-page) table.shop_table td::before,
  body.smart-account-page .woocommerce table.shop_table td::before,
  body.smart-account-page table.shop_table td::before {
    content: attr(data-title);
    flex: 0 0 auto;
    max-width: 48%;
    color: rgba(255, 255, 255, 0.88);
    font-weight: 900;
    text-align: left;
  }
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table td[data-title=Product],
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table td.product-name,
  body.woocommerce-account:not(.login-page) table.shop_table td[data-title=Product],
  body.woocommerce-account:not(.login-page) table.shop_table td.product-name,
  body.smart-account-page .woocommerce table.shop_table td[data-title=Product],
  body.smart-account-page .woocommerce table.shop_table td.product-name,
  body.smart-account-page table.shop_table td[data-title=Product],
  body.smart-account-page table.shop_table td.product-name {
    display: block;
    text-align: left;
  }
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table td[data-title=Product]::before,
  body.woocommerce-account:not(.login-page) .woocommerce table.shop_table td.product-name::before,
  body.woocommerce-account:not(.login-page) table.shop_table td[data-title=Product]::before,
  body.woocommerce-account:not(.login-page) table.shop_table td.product-name::before,
  body.smart-account-page .woocommerce table.shop_table td[data-title=Product]::before,
  body.smart-account-page .woocommerce table.shop_table td.product-name::before,
  body.smart-account-page table.shop_table td[data-title=Product]::before,
  body.smart-account-page table.shop_table td.product-name::before {
    display: block;
    max-width: none;
    margin: 0 0 8px;
  }
  body.woocommerce-account:not(.login-page) .smart-address-grid,
  body.smart-account-page .smart-address-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  body.woocommerce-account:not(.login-page) .smart-address-card,
  body.smart-account-page .smart-address-card {
    min-height: auto;
    padding: 24px;
  }
  body.woocommerce-account:not(.login-page) .smart-address-card__header,
  body.smart-account-page .smart-address-card__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  body.woocommerce-account:not(.login-page) .smart-address-card__edit,
  body.smart-account-page .smart-address-card__edit {
    width: 100%;
    max-width: 260px;
  }
}
@media (max-width: 1024px) {
  body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row),
  body.smart-account-page.woocommerce-view-subscription table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) {
    display: grid;
    grid-template-columns: minmax(118px, 42%) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) th,
  body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) td,
  body.smart-account-page.woocommerce-view-subscription table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) th,
  body.smart-account-page.woocommerce-view-subscription table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) td {
    display: block;
    width: auto;
    padding: 0;
    text-align: left;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) th,
  body.smart-account-page.woocommerce-view-subscription table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) th {
    color: rgba(255, 255, 255, 0.88);
    font-weight: 900;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) td,
  body.smart-account-page.woocommerce-view-subscription table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) td {
    color: rgba(255, 255, 255, 0.78);
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) td::before,
  body.smart-account-page.woocommerce-view-subscription table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) td::before {
    display: none;
    content: none;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) td .button,
  body.smart-account-page.woocommerce-view-subscription table.shop_table tbody tr:not(.license-transfers-row):not(.license-transfer-portals-row):not(.license-transfer-history-row) td .button {
    width: 100%;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details tbody tr,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details tfoot tr {
    display: block !important;
    padding: 14px !important;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details td.product-name,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details td.product-total,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details tfoot th,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details tfoot td {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    text-align: left !important;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details td.product-name {
    line-height: 1.5;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details td.product-total {
    margin-top: 12px;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    font-weight: 800;
    text-align: right !important;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details td.product-total::before {
    display: none !important;
    content: none !important;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details .wc-item-meta,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details dl.variation {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 12px 0 0;
    padding: 0;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details .wc-item-meta li,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details dl.variation > div,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details dl.variation dt,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details dl.variation dd {
    margin: 0;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details .wc-item-meta li {
    display: block;
    overflow-wrap: anywhere;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details .wc-item-meta strong,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details dl.variation dt {
    display: inline;
    margin-right: 4px;
    color: rgba(255, 255, 255, 0.9);
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details .wc-item-meta p,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-table--order-details dl.variation dd {
    display: inline;
    margin: 0;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfer-history-row {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfer-history-row td {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfer-history-row td::before {
    display: none !important;
    content: none !important;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfer-history-shell,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-history-box {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-orders-table tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 12px 16px !important;
    align-items: center;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-orders-table tbody td {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    text-align: left !important;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-orders-table tbody td::before {
    display: none !important;
    content: none !important;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-orders-table__cell-order-date,
  body.smart-account-page.woocommerce-view-subscription .woocommerce-orders-table__cell-order-total {
    text-align: right !important;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-orders-table__cell-order-actions {
    grid-column: 1/-1;
  }
  body.smart-account-page.woocommerce-view-subscription .woocommerce-orders-table__cell-order-actions .button {
    width: min(220px, 100%) !important;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfers-row,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-row {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfers-row td,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-row td {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfers-row td::before,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-row td::before {
    display: none !important;
    content: none !important;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfer-box,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-box {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    padding: 20px !important;
    text-align: left !important;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfer-box > p:first-of-type,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-box > p:first-of-type {
    text-align: left !important;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfer-option-card,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-shell,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portals-list,
  body.smart-account-page.woocommerce-view-subscription .select-portal-item,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portal-item {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
  }
  body.smart-account-page.woocommerce-view-subscription .select-portal-item,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portal-item {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    text-align: left !important;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfer-input,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-select,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portal-item input,
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portal-item select {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
  }
  body.smart-account-page.woocommerce-view-subscription .license-transfer-portal-item .button,
  body.smart-account-page.woocommerce-view-subscription .select-portal-item .button {
    width: 100%;
    min-width: 0;
  }
}