/* Respawn PCs customer account dashboard, orders, addresses and account details */

.respawn-account-dashboard-page,
.respawn-account-orders-page,
.respawn-account-order-detail-page,
.respawn-account-addresses-page,
.respawn-account-payment-methods-page,
.respawn-account-details-page {
  --rp-ca-bg: #0f1117;
  --rp-ca-panel: #171922;
  --rp-ca-card: #20232d;
  --rp-ca-card-soft: #191c25;
  --rp-ca-line: rgba(255, 255, 255, .10);
  --rp-ca-line-strong: rgba(139, 92, 246, .38);
  --rp-ca-text: #f5f7fb;
  --rp-ca-muted: rgba(245, 247, 251, .70);
  --rp-ca-soft: rgba(245, 247, 251, .55);
  --rp-ca-purple: #8b5cf6;
  --rp-ca-purple-dark: #5624c7;
  --rp-ca-purple-soft: rgba(139, 92, 246, .16);
  --rp-ca-ease: cubic-bezier(.22, .8, .22, 1);
  background:
    radial-gradient(circle at 14% 16%, rgba(139, 92, 246, .07), transparent 26rem),
    var(--rp-ca-bg) !important;
}

.respawn-account-addresses-page *,
.respawn-account-addresses-page *::before,
.respawn-account-addresses-page *::after {
  box-sizing: border-box !important;
}

.respawn-account-addresses-page .respawn-page-hero {
  display: none !important;
}

.respawn-account-addresses-page .respawn-page-content-section {
  padding: clamp(14px, 1.5vw, 18px) 0 clamp(56px, 6vw, 88px) !important;
  background: transparent !important;
}

.respawn-account-addresses-page .respawn-page-shell,
.respawn-standard-page.respawn-account-page.respawn-account-addresses-page .respawn-page-shell {
  width: min(1680px, calc(100% - clamp(24px, 5vw, 88px))) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.respawn-account-addresses-page .respawn-page-content-card,
.respawn-account-addresses-page .woocommerce {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-addresses-page .woocommerce {
  display: grid !important;
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
  align-items: start !important;
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: sticky !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 90px) !important;
  padding: 18px !important;
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    rgba(23, 25, 34, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation::before {
  content: "My Account";
  display: block;
  margin: 0 0 12px;
  color: var(--rp-ca-text);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation ul {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation a {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: rgba(245, 247, 251, .86) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition:
    transform 220ms var(--rp-ca-ease),
    border-color 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    color 220ms var(--rp-ca-ease) !important;
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation a::before {
  content: "" !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  flex: 0 0 20px;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation .is-active a,
.respawn-account-addresses-page .woocommerce-MyAccount-navigation a:hover,
.respawn-account-addresses-page .woocommerce-MyAccount-navigation a:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(139, 92, 246, .30) !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, .90), rgba(75, 36, 146, .82)) !important;
  color: #fff !important;
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation .is-active a::before,
.respawn-account-addresses-page .woocommerce-MyAccount-navigation a:hover::before,
.respawn-account-addresses-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #d8c7ff;
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation-link--dashboard a::before {
  -webkit-mask-image: url("assets/icons/account/dashboard.svg");
  mask-image: url("assets/icons/account/dashboard.svg");
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation-link--orders a::before {
  -webkit-mask-image: url("assets/icons/account/orders.svg");
  mask-image: url("assets/icons/account/orders.svg");
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation-link--support-tickets a::before {
  -webkit-mask-image: url("assets/icons/account/support.svg");
  mask-image: url("assets/icons/account/support.svg");
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation-link--edit-account a::before {
  -webkit-mask-image: url("assets/icons/account/account.svg");
  mask-image: url("assets/icons/account/account.svg");
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation-link--edit-address a::before {
  -webkit-mask-image: url("assets/icons/account/addresses.svg");
  mask-image: url("assets/icons/account/addresses.svg");
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  -webkit-mask-image: url("assets/icons/account/payment-methods.svg");
  mask-image: url("assets/icons/account/payment-methods.svg");
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation-link--privacy a::before {
  -webkit-mask-image: url("assets/icons/account/privacy.svg");
  mask-image: url("assets/icons/account/privacy.svg");
}

.respawn-account-addresses-page .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  -webkit-mask-image: url("assets/icons/account/logout.svg");
  mask-image: url("assets/icons/account/logout.svg");
}

.respawn-account-addresses-page .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-addresses-page .rp-addresses-view {
  width: 100% !important;
  max-width: 1240px !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 14px !important;
  color: var(--rp-ca-text) !important;
}

.respawn-account-addresses-page .rp-addresses-header,
.respawn-account-addresses-page .rp-address-card,
.respawn-account-addresses-page .woocommerce-MyAccount-content > form {
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    var(--rp-ca-panel) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.respawn-account-addresses-page .rp-addresses-header {
  min-height: 150px !important;
  display: grid !important;
  align-content: center !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 22px 24px !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(23, 25, 34, .98) 0%, rgba(23, 25, 34, .92) 44%, rgba(23, 25, 34, .54) 72%, rgba(23, 25, 34, .24) 100%),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    var(--rp-ca-panel) !important;
}

.respawn-account-addresses-page .rp-addresses-kicker,
.respawn-account-addresses-page .rp-address-card-label {
  display: block !important;
  color: #b99aff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.respawn-account-addresses-page .rp-addresses-kicker {
  margin-bottom: 8px !important;
}

.respawn-account-addresses-page .rp-addresses-header h2,
.respawn-account-addresses-page .rp-address-card h3,
.respawn-account-addresses-page .woocommerce-MyAccount-content > form h2 {
  margin: 0 !important;
  color: var(--rp-ca-text) !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.respawn-account-addresses-page .rp-addresses-header h2 {
  max-width: 650px !important;
  font-size: clamp(28px, 2.3vw, 36px) !important;
  line-height: 1.04 !important;
}

.respawn-account-addresses-page .rp-addresses-header p {
  max-width: 660px !important;
  margin: 9px 0 0 !important;
  color: var(--rp-ca-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-addresses-page .rp-addresses-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.respawn-account-addresses-page .rp-address-card {
  position: relative !important;
  min-width: 0 !important;
  min-height: 230px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 18px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(139, 92, 246, .18), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
    var(--rp-ca-panel) !important;
}

.respawn-account-addresses-page .rp-address-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, #b99aff, #6d28d9) !important;
  opacity: .9 !important;
}

.respawn-account-addresses-page .rp-address-card-top {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 0 0 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.respawn-account-addresses-page .rp-address-card h3 {
  margin-top: 5px !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
}

.respawn-account-addresses-page .rp-address-edit {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  padding: 0 15px !important;
  border: 1px solid rgba(139, 92, 246, .42) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 28px rgba(77, 35, 173, .18) !important;
  transition:
    transform 220ms var(--rp-ca-ease),
    border-color 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    box-shadow 220ms var(--rp-ca-ease) !important;
}

.respawn-account-addresses-page .rp-address-edit:hover,
.respawn-account-addresses-page .rp-address-edit:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(185, 154, 255, .62) !important;
  background: linear-gradient(135deg, #9b6cff, #7c3aed) !important;
  color: #fff !important;
  box-shadow: 0 18px 34px rgba(77, 35, 173, .25) !important;
  outline: none !important;
}

.respawn-account-addresses-page .rp-address-card-body {
  flex: 1 !important;
  display: grid !important;
  align-content: center !important;
  padding: 18px 0 0 !important;
}

.respawn-account-addresses-page .rp-address-card address {
  margin: 0 !important;
  color: rgba(245, 247, 251, .82) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  font-style: normal !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-addresses-page .rp-address-empty {
  display: grid !important;
  gap: 8px !important;
}

.respawn-account-addresses-page .rp-address-empty strong {
  display: block !important;
  color: var(--rp-ca-text) !important;
  font-size: 16px !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
}

.respawn-account-addresses-page .rp-address-empty p {
  max-width: 420px !important;
  margin: 0 !important;
  color: var(--rp-ca-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.respawn-account-addresses-page .woocommerce-MyAccount-content > form {
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 !important;
  padding: 22px !important;
  color: var(--rp-ca-text) !important;
}

.respawn-account-addresses-page .woocommerce-MyAccount-content > form h2 {
  margin-bottom: 18px !important;
  font-size: clamp(26px, 2vw, 34px) !important;
  line-height: 1.08 !important;
}

.respawn-account-addresses-page .woocommerce form .woocommerce-address-fields__field-wrapper {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.respawn-account-addresses-page .woocommerce form .form-row {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.respawn-account-addresses-page .woocommerce form .form-row-wide,
.respawn-account-addresses-page .woocommerce form #billing_country_field,
.respawn-account-addresses-page .woocommerce form #shipping_country_field,
.respawn-account-addresses-page .woocommerce form #billing_state_field,
.respawn-account-addresses-page .woocommerce form #shipping_state_field,
.respawn-account-addresses-page .woocommerce form #billing_address_1_field,
.respawn-account-addresses-page .woocommerce form #shipping_address_1_field,
.respawn-account-addresses-page .woocommerce form #billing_address_2_field,
.respawn-account-addresses-page .woocommerce form #shipping_address_2_field {
  grid-column: 1 / -1 !important;
}

.respawn-account-addresses-page .woocommerce form label {
  display: block !important;
  margin: 0 0 7px !important;
  color: rgba(245, 247, 251, .88) !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  line-height: 1.3 !important;
}

.respawn-account-addresses-page .woocommerce form .required {
  color: var(--rp-ca-purple) !important;
  text-decoration: none !important;
}

.respawn-account-addresses-page .woocommerce input.input-text,
.respawn-account-addresses-page .woocommerce input[type="text"],
.respawn-account-addresses-page .woocommerce input[type="tel"],
.respawn-account-addresses-page .woocommerce input[type="email"],
.respawn-account-addresses-page .woocommerce select,
.respawn-account-addresses-page .select2-container--default .select2-selection--single {
  width: 100% !important;
  min-height: 46px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 8px !important;
  background: rgba(9, 11, 18, .68) !important;
  color: var(--rp-ca-text) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  outline: none !important;
}

.respawn-account-addresses-page .woocommerce input.input-text:focus,
.respawn-account-addresses-page .woocommerce input[type="text"]:focus,
.respawn-account-addresses-page .woocommerce input[type="tel"]:focus,
.respawn-account-addresses-page .woocommerce input[type="email"]:focus,
.respawn-account-addresses-page .woocommerce select:focus,
.respawn-account-addresses-page .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: rgba(139, 92, 246, .64) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .14) !important;
}

.respawn-account-addresses-page .woocommerce button.button,
.respawn-account-addresses-page .woocommerce .button[type="submit"] {
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 18px !important;
  padding: 0 18px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 840 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(77, 35, 173, .22) !important;
}

.respawn-account-addresses-page a:focus-visible,
.respawn-account-addresses-page button:focus-visible {
  outline: 2px solid rgba(185, 154, 255, .78) !important;
  outline-offset: 3px !important;
}

@media (max-width: 1180px) {
  .respawn-account-addresses-page .rp-addresses-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 980px) {
  .respawn-account-addresses-page .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-addresses-page .woocommerce-MyAccount-navigation {
    position: relative !important;
    top: auto !important;
    grid-column: 1 !important;
    padding: 14px !important;
  }

  .respawn-account-addresses-page .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .respawn-account-addresses-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    gap: 8px !important;
    max-width: 100% !important;
    overflow-x: auto;
    padding-bottom: 2px !important;
    scrollbar-width: thin;
  }

  .respawn-account-addresses-page .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
  }

  .respawn-account-addresses-page .woocommerce-MyAccount-navigation a {
    min-width: max-content;
    padding-inline: 12px !important;
  }
}

@media (max-width: 760px) {
  .respawn-account-addresses-page .rp-addresses-header,
  .respawn-account-addresses-page .rp-address-card,
  .respawn-account-addresses-page .woocommerce-MyAccount-content > form {
    padding: 16px !important;
  }

  .respawn-account-addresses-page .rp-address-card {
    min-height: 0 !important;
  }

  .respawn-account-addresses-page .rp-address-card-top {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .respawn-account-addresses-page .rp-address-edit,
  .respawn-account-addresses-page .woocommerce button.button,
  .respawn-account-addresses-page .woocommerce .button[type="submit"] {
    width: 100% !important;
  }

  .respawn-account-addresses-page .woocommerce form .woocommerce-address-fields__field-wrapper {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  .respawn-account-addresses-page .respawn-page-shell {
    width: min(100% - 24px, 1680px) !important;
  }
}

@media (max-width: 380px) {
  .respawn-account-addresses-page .respawn-page-shell {
    width: min(100% - 18px, 1680px) !important;
  }

  .respawn-account-addresses-page .woocommerce-MyAccount-navigation,
  .respawn-account-addresses-page .rp-addresses-header,
  .respawn-account-addresses-page .rp-address-card,
  .respawn-account-addresses-page .woocommerce-MyAccount-content > form {
    padding: 16px !important;
  }
}

.respawn-account-payment-methods-page {
  background: var(--rp-ca-bg) !important;
}

.respawn-account-payment-methods-page *,
.respawn-account-payment-methods-page *::before,
.respawn-account-payment-methods-page *::after {
  box-sizing: border-box !important;
}

.respawn-account-payment-methods-page .respawn-page-hero {
  display: none !important;
}

.respawn-account-payment-methods-page .respawn-page-content-section {
  padding: clamp(14px, 1.5vw, 18px) 0 clamp(56px, 6vw, 88px) !important;
  background: transparent !important;
}

.respawn-account-payment-methods-page .respawn-page-shell,
.respawn-standard-page.respawn-account-page.respawn-account-payment-methods-page .respawn-page-shell {
  width: min(1680px, calc(100% - clamp(24px, 5vw, 88px))) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.respawn-account-payment-methods-page .respawn-page-content-card,
.respawn-account-payment-methods-page .woocommerce {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-payment-methods-page .woocommerce {
  display: grid !important;
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
  align-items: start !important;
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: sticky !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 90px) !important;
  padding: 18px !important;
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    rgba(23, 25, 34, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation::before {
  content: "My Account";
  display: block;
  margin: 0 0 12px;
  color: var(--rp-ca-text);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation ul {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: rgba(245, 247, 251, .86) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition:
    transform 220ms var(--rp-ca-ease),
    border-color 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    color 220ms var(--rp-ca-ease) !important;
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a::before {
  content: "" !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  flex: 0 0 20px;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation .is-active a,
.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a:hover,
.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(139, 92, 246, .30) !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, .90), rgba(75, 36, 146, .82)) !important;
  color: #fff !important;
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation .is-active a::before,
.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a:hover::before,
.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #d8c7ff;
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation-link--dashboard a::before {
  -webkit-mask-image: url("assets/icons/account/dashboard.svg");
  mask-image: url("assets/icons/account/dashboard.svg");
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation-link--orders a::before {
  -webkit-mask-image: url("assets/icons/account/orders.svg");
  mask-image: url("assets/icons/account/orders.svg");
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation-link--support-tickets a::before {
  -webkit-mask-image: url("assets/icons/account/support.svg");
  mask-image: url("assets/icons/account/support.svg");
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation-link--edit-account a::before {
  -webkit-mask-image: url("assets/icons/account/account.svg");
  mask-image: url("assets/icons/account/account.svg");
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation-link--edit-address a::before {
  -webkit-mask-image: url("assets/icons/account/addresses.svg");
  mask-image: url("assets/icons/account/addresses.svg");
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  -webkit-mask-image: url("assets/icons/account/payment-methods.svg");
  mask-image: url("assets/icons/account/payment-methods.svg");
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation-link--privacy a::before {
  -webkit-mask-image: url("assets/icons/account/privacy.svg");
  mask-image: url("assets/icons/account/privacy.svg");
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  -webkit-mask-image: url("assets/icons/account/logout.svg");
  mask-image: url("assets/icons/account/logout.svg");
}

.respawn-account-payment-methods-page .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-payment-methods-page .rp-payment-methods-view,
.respawn-account-payment-methods-page #add_payment_method {
  width: 100% !important;
  max-width: 1240px !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 14px !important;
  color: var(--rp-ca-text) !important;
}

.respawn-account-payment-methods-page .rp-payment-methods-header,
.respawn-account-payment-methods-page .rp-payment-method-card,
.respawn-account-payment-methods-page .rp-payment-method-empty,
.respawn-account-payment-methods-page .rp-payment-method-footer,
.respawn-account-payment-methods-page #add_payment_method #payment {
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    var(--rp-ca-panel) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.respawn-account-payment-methods-page .rp-payment-methods-header {
  min-height: 150px !important;
  display: grid !important;
  align-content: center !important;
  padding: 22px 24px !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(23, 25, 34, .98) 0%, rgba(23, 25, 34, .92) 44%, rgba(23, 25, 34, .54) 72%, rgba(23, 25, 34, .24) 100%),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    var(--rp-ca-panel) !important;
}

.respawn-account-payment-methods-page .rp-payment-methods-kicker,
.respawn-account-payment-methods-page .rp-payment-method-card-label {
  display: block !important;
  color: #b99aff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.respawn-account-payment-methods-page .rp-payment-methods-kicker {
  margin-bottom: 8px !important;
}

.respawn-account-payment-methods-page .rp-payment-methods-header h2,
.respawn-account-payment-methods-page .rp-payment-method-card h3,
.respawn-account-payment-methods-page .rp-payment-method-empty h3 {
  margin: 0 !important;
  color: var(--rp-ca-text) !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.respawn-account-payment-methods-page .rp-payment-methods-header h2 {
  max-width: 650px !important;
  font-size: clamp(28px, 2.3vw, 36px) !important;
  line-height: 1.04 !important;
}

.respawn-account-payment-methods-page .rp-payment-methods-header p,
.respawn-account-payment-methods-page .rp-payment-method-empty p,
.respawn-account-payment-methods-page .rp-payment-method-footer span {
  max-width: 660px !important;
  margin: 9px 0 0 !important;
  color: var(--rp-ca-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-payment-methods-page .rp-payment-methods-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  gap: 14px !important;
}

.respawn-account-payment-methods-page .rp-payment-method-card {
  position: relative !important;
  min-width: 0 !important;
  min-height: 230px !important;
  display: grid !important;
  align-content: space-between !important;
  gap: 18px !important;
  padding: 18px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(139, 92, 246, .18), transparent 9rem),
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
    var(--rp-ca-panel) !important;
}

.respawn-account-payment-methods-page .rp-payment-method-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, #b99aff, #6d28d9) !important;
  opacity: .9 !important;
}

.respawn-account-payment-methods-page .rp-payment-method-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.respawn-account-payment-methods-page .rp-payment-method-card h3 {
  margin-top: 5px !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-payment-methods-page .rp-payment-method-badge {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  border: 1px solid rgba(185, 154, 255, .34) !important;
  border-radius: 999px !important;
  background: rgba(139, 92, 246, .16) !important;
  color: #d8c7ff !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

.respawn-account-payment-methods-page .rp-payment-method-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

.respawn-account-payment-methods-page .rp-payment-method-meta div {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 8px !important;
  background: rgba(9, 11, 18, .38) !important;
}

.respawn-account-payment-methods-page .rp-payment-method-meta dt,
.respawn-account-payment-methods-page .rp-payment-method-meta dd {
  margin: 0 !important;
}

.respawn-account-payment-methods-page .rp-payment-method-meta dt {
  color: var(--rp-ca-soft) !important;
  font-size: 11px !important;
  font-weight: 820 !important;
  text-transform: uppercase !important;
}

.respawn-account-payment-methods-page .rp-payment-method-meta dd {
  margin-top: 4px !important;
  color: var(--rp-ca-text) !important;
  font-size: 13px !important;
  font-weight: 780 !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-payment-methods-page .rp-payment-method-extra {
  padding: 12px !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 8px !important;
  background: rgba(9, 11, 18, .30) !important;
}

.respawn-account-payment-methods-page .rp-payment-method-extra > span {
  display: block !important;
  color: var(--rp-ca-soft) !important;
  font-size: 11px !important;
  font-weight: 820 !important;
  text-transform: uppercase !important;
}

.respawn-account-payment-methods-page .rp-payment-method-extra > div {
  margin-top: 5px !important;
  color: var(--rp-ca-text) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-payment-methods-page .rp-payment-method-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.respawn-account-payment-methods-page .rp-payment-method-actions .button,
.respawn-account-payment-methods-page .rp-payment-method-add,
.respawn-account-payment-methods-page #add_payment_method button.button {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 15px !important;
  border: 1px solid rgba(139, 92, 246, .42) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 28px rgba(77, 35, 173, .18) !important;
}

.respawn-account-payment-methods-page .rp-payment-method-actions .button.delete {
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .06) !important;
  color: rgba(245, 247, 251, .86) !important;
  box-shadow: none !important;
}

.respawn-account-payment-methods-page .rp-payment-method-actions .button:hover,
.respawn-account-payment-methods-page .rp-payment-method-actions .button:focus-visible,
.respawn-account-payment-methods-page .rp-payment-method-add:hover,
.respawn-account-payment-methods-page .rp-payment-method-add:focus-visible,
.respawn-account-payment-methods-page #add_payment_method button.button:hover,
.respawn-account-payment-methods-page #add_payment_method button.button:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(185, 154, 255, .62) !important;
  background: linear-gradient(135deg, #9b6cff, #7c3aed) !important;
  color: #fff !important;
  outline: none !important;
}

.respawn-account-payment-methods-page .rp-payment-method-empty {
  min-height: 280px !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 12px !important;
  padding: 32px 22px !important;
  text-align: center !important;
}

.respawn-account-payment-methods-page .rp-payment-method-empty-icon {
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(185, 154, 255, .28) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(139, 92, 246, .26), rgba(139, 92, 246, .08)),
    rgba(255, 255, 255, .04) !important;
  color: #b99aff !important;
}

.respawn-account-payment-methods-page .rp-payment-method-empty-icon::before {
  content: "" !important;
  width: 24px !important;
  height: 24px !important;
  display: block !important;
  margin: 14px auto 0 !important;
  background: currentColor !important;
  -webkit-mask: url("assets/icons/account/payment-methods.svg") center / 24px 24px no-repeat;
  mask: url("assets/icons/account/payment-methods.svg") center / 24px 24px no-repeat;
}

.respawn-account-payment-methods-page .rp-payment-method-empty h3 {
  font-size: 22px !important;
  line-height: 1.15 !important;
}

.respawn-account-payment-methods-page .rp-payment-method-empty p {
  max-width: 520px !important;
  margin: 0 !important;
}

.respawn-account-payment-methods-page .rp-payment-method-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px 18px !important;
  border-color: rgba(139, 92, 246, .24) !important;
  background:
    linear-gradient(180deg, rgba(139, 92, 246, .12), rgba(139, 92, 246, .045)),
    var(--rp-ca-panel) !important;
}

.respawn-account-payment-methods-page .rp-payment-method-footer strong {
  display: block !important;
  color: var(--rp-ca-text) !important;
  font-size: 15px !important;
  font-weight: 840 !important;
  line-height: 1.25 !important;
}

.respawn-account-payment-methods-page .rp-payment-method-footer span {
  display: block !important;
  margin-top: 4px !important;
}

.respawn-account-payment-methods-page #add_payment_method #payment {
  width: 100% !important;
  max-width: 980px !important;
  padding: 22px !important;
}

.respawn-account-payment-methods-page #add_payment_method .woocommerce-PaymentMethods {
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-payment-methods-page #add_payment_method .woocommerce-PaymentMethod {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 10px !important;
  background: rgba(9, 11, 18, .40) !important;
}

.respawn-account-payment-methods-page #add_payment_method .input-radio {
  accent-color: var(--rp-ca-purple) !important;
}

.respawn-account-payment-methods-page #add_payment_method label {
  color: var(--rp-ca-text) !important;
  font-size: 14px !important;
  font-weight: 820 !important;
}

.respawn-account-payment-methods-page #add_payment_method .payment_box {
  margin: 12px 0 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 8px !important;
  background: rgba(23, 25, 34, .92) !important;
  color: var(--rp-ca-muted) !important;
}

.respawn-account-payment-methods-page .woocommerce-notices-wrapper,
.respawn-account-payment-methods-page .woocommerce-info,
.respawn-account-payment-methods-page .woocommerce-message,
.respawn-account-payment-methods-page .woocommerce-error {
  border-radius: 10px !important;
}

.respawn-account-payment-methods-page a:focus-visible,
.respawn-account-payment-methods-page button:focus-visible {
  outline: 2px solid rgba(185, 154, 255, .78) !important;
  outline-offset: 3px !important;
}

@media (max-width: 980px) {
  .respawn-account-payment-methods-page .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-payment-methods-page .woocommerce-MyAccount-navigation {
    position: relative !important;
    top: auto !important;
    grid-column: 1 !important;
    padding: 14px !important;
  }

  .respawn-account-payment-methods-page .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .respawn-account-payment-methods-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    gap: 8px !important;
    max-width: 100% !important;
    overflow-x: auto;
    padding-bottom: 2px !important;
    scrollbar-width: thin;
  }

  .respawn-account-payment-methods-page .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
  }

  .respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a {
    min-width: max-content;
    padding-inline: 12px !important;
  }
}

@media (max-width: 760px) {
  .respawn-account-payment-methods-page .rp-payment-methods-header,
  .respawn-account-payment-methods-page .rp-payment-method-card,
  .respawn-account-payment-methods-page .rp-payment-method-empty,
  .respawn-account-payment-methods-page .rp-payment-method-footer,
  .respawn-account-payment-methods-page #add_payment_method #payment {
    padding: 16px !important;
  }

  .respawn-account-payment-methods-page .rp-payment-method-card-head,
  .respawn-account-payment-methods-page .rp-payment-method-footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .respawn-account-payment-methods-page .rp-payment-method-meta {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-payment-methods-page .rp-payment-method-actions .button,
  .respawn-account-payment-methods-page .rp-payment-method-add,
  .respawn-account-payment-methods-page #add_payment_method button.button {
    width: 100% !important;
  }
}

@media (max-width: 520px) {
  .respawn-account-payment-methods-page .respawn-page-shell {
    width: min(100% - 24px, 1680px) !important;
  }
}

@media (max-width: 380px) {
  .respawn-account-payment-methods-page .respawn-page-shell {
    width: min(100% - 18px, 1680px) !important;
  }

  .respawn-account-payment-methods-page .woocommerce-MyAccount-navigation,
  .respawn-account-payment-methods-page .rp-payment-methods-header,
  .respawn-account-payment-methods-page .rp-payment-method-card,
  .respawn-account-payment-methods-page .rp-payment-method-empty,
  .respawn-account-payment-methods-page .rp-payment-method-footer,
  .respawn-account-payment-methods-page #add_payment_method #payment {
    padding: 16px !important;
  }
}

.respawn-account-privacy-page {
  --rp-ca-bg: #0f1117;
  --rp-ca-panel: #171922;
  --rp-ca-card: #20232d;
  --rp-ca-card-soft: #191c25;
  --rp-ca-line: rgba(255, 255, 255, .10);
  --rp-ca-text: #f5f7fb;
  --rp-ca-muted: rgba(245, 247, 251, .70);
  --rp-ca-soft: rgba(245, 247, 251, .55);
  --rp-ca-purple: #8b5cf6;
  --rp-ca-ease: cubic-bezier(.22, .8, .22, 1);
  background: var(--rp-ca-bg) !important;
}

.respawn-account-privacy-page *,
.respawn-account-privacy-page *::before,
.respawn-account-privacy-page *::after {
  box-sizing: border-box !important;
}

.respawn-account-privacy-page .respawn-page-hero {
  display: none !important;
}

.respawn-account-privacy-page .respawn-page-content-section {
  padding: clamp(14px, 1.5vw, 18px) 0 clamp(56px, 6vw, 88px) !important;
  background: transparent !important;
}

.respawn-account-privacy-page .respawn-page-shell,
.respawn-standard-page.respawn-account-page.respawn-account-privacy-page .respawn-page-shell {
  width: min(1680px, calc(100% - clamp(24px, 5vw, 88px))) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.respawn-account-privacy-page .respawn-page-content-card,
.respawn-account-privacy-page .woocommerce {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-privacy-page .woocommerce {
  display: grid !important;
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
  align-items: start !important;
  margin-inline: auto !important;
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: sticky !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 90px) !important;
  padding: 18px !important;
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    rgba(23, 25, 34, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation::before {
  content: "My Account";
  display: block;
  margin: 0 0 12px;
  color: var(--rp-ca-text);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation ul {
  display: grid !important;
  flex-wrap: initial !important;
  justify-content: stretch !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation a {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: rgba(245, 247, 251, .86) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition:
    transform 220ms var(--rp-ca-ease),
    border-color 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    color 220ms var(--rp-ca-ease) !important;
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation a::before {
  content: "" !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  flex: 0 0 20px;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation .is-active a,
.respawn-account-privacy-page .woocommerce-MyAccount-navigation a:hover,
.respawn-account-privacy-page .woocommerce-MyAccount-navigation a:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(139, 92, 246, .30) !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, .90), rgba(75, 36, 146, .82)) !important;
  color: #fff !important;
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation .is-active a::before,
.respawn-account-privacy-page .woocommerce-MyAccount-navigation a:hover::before,
.respawn-account-privacy-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #d8c7ff;
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation-link--dashboard a::before {
  -webkit-mask-image: url("assets/icons/account/dashboard.svg");
  mask-image: url("assets/icons/account/dashboard.svg");
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation-link--orders a::before {
  -webkit-mask-image: url("assets/icons/account/orders.svg");
  mask-image: url("assets/icons/account/orders.svg");
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation-link--support-tickets a::before {
  -webkit-mask-image: url("assets/icons/account/support.svg");
  mask-image: url("assets/icons/account/support.svg");
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation-link--edit-account a::before {
  -webkit-mask-image: url("assets/icons/account/account.svg");
  mask-image: url("assets/icons/account/account.svg");
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation-link--edit-address a::before {
  -webkit-mask-image: url("assets/icons/account/addresses.svg");
  mask-image: url("assets/icons/account/addresses.svg");
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  -webkit-mask-image: url("assets/icons/account/payment-methods.svg");
  mask-image: url("assets/icons/account/payment-methods.svg");
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation-link--privacy a::before {
  -webkit-mask-image: url("assets/icons/account/privacy.svg");
  mask-image: url("assets/icons/account/privacy.svg");
}

.respawn-account-privacy-page .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  -webkit-mask-image: url("assets/icons/account/logout.svg");
  mask-image: url("assets/icons/account/logout.svg");
}

.respawn-account-privacy-page .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-privacy-page .rp-privacy-request-feedback,
.respawn-account-privacy-page .rp-privacy-requests-panel {
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 !important;
  color: var(--rp-ca-text) !important;
}

.respawn-account-privacy-page .rp-privacy-request-feedback {
  margin-bottom: 14px !important;
  padding: 14px 16px !important;
  border-radius: 10px !important;
}

.respawn-account-privacy-page .rp-privacy-requests-panel {
  display: grid !important;
  gap: 18px !important;
  padding: 22px !important;
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    var(--rp-ca-panel) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.respawn-account-privacy-page .rp-privacy-requests-head {
  min-height: 148px !important;
  display: grid !important;
  align-content: center !important;
  padding: 22px 24px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(90deg, rgba(32, 35, 45, .98), rgba(23, 25, 34, .96)),
    var(--rp-ca-card) !important;
}

.respawn-account-privacy-page .rp-privacy-requests-kicker {
  display: block !important;
  margin: 0 0 8px !important;
  color: #b99aff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.respawn-account-privacy-page .rp-privacy-requests-head h3 {
  max-width: 720px !important;
  margin: 0 !important;
  color: var(--rp-ca-text) !important;
  font-size: clamp(28px, 2.3vw, 36px) !important;
  font-weight: 780 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}

.respawn-account-privacy-page .rp-privacy-requests-head p {
  max-width: 760px !important;
  margin: 9px 0 0 !important;
  color: var(--rp-ca-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.respawn-account-privacy-page .rp-privacy-requests-history {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
}

.respawn-account-privacy-page .rp-privacy-requests-history article,
.respawn-account-privacy-page .rp-privacy-request-option,
.respawn-account-privacy-page .rp-privacy-request-note {
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 10px !important;
  background: rgba(9, 11, 18, .36) !important;
}

.respawn-account-privacy-page .rp-privacy-requests-history article {
  padding: 14px !important;
}

.respawn-account-privacy-page .rp-privacy-requests-history span,
.respawn-account-privacy-page .rp-privacy-requests-history small {
  display: block !important;
  color: var(--rp-ca-soft) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.respawn-account-privacy-page .rp-privacy-requests-history strong {
  display: block !important;
  margin: 5px 0 !important;
  color: var(--rp-ca-text) !important;
  font-size: 15px !important;
}

.respawn-account-privacy-page .rp-privacy-requests-form {
  display: grid !important;
  gap: 18px !important;
  margin: 0 !important;
}

.respawn-account-privacy-page .rp-privacy-request-options {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.respawn-account-privacy-page .rp-privacy-request-option {
  position: relative !important;
  min-height: 128px !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 16px !important;
  cursor: pointer !important;
  transition:
    border-color 180ms var(--rp-ca-ease),
    background 180ms var(--rp-ca-ease),
    transform 180ms var(--rp-ca-ease) !important;
}

.respawn-account-privacy-page .rp-privacy-request-option:hover,
.respawn-account-privacy-page .rp-privacy-request-option:focus-within {
  transform: translateY(-1px) !important;
  border-color: rgba(139, 92, 246, .30) !important;
  background: rgba(9, 11, 18, .48) !important;
}

.respawn-account-privacy-page .rp-privacy-request-option:has(.rp-privacy-option-radio:checked) {
  border-color: rgba(139, 92, 246, .62) !important;
  background: rgba(139, 92, 246, .12) !important;
}

.respawn-account-privacy-page .rp-privacy-option-radio {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.respawn-account-privacy-page .rp-privacy-option-control {
  width: 22px !important;
  height: 22px !important;
  margin-top: 1px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  border-radius: 999px !important;
  background: #171922 !important;
  color: transparent !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.respawn-account-privacy-page .rp-privacy-option-radio:checked + .rp-privacy-option-control {
  border-color: rgba(139, 92, 246, .88) !important;
  background: var(--rp-ca-purple) !important;
  color: #fff !important;
}

.respawn-account-privacy-page .rp-privacy-option-radio:checked + .rp-privacy-option-control::before {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #fff !important;
}

.respawn-account-privacy-page .rp-privacy-option-copy {
  min-width: 0 !important;
}

.respawn-account-privacy-page .rp-privacy-option-copy strong {
  display: block !important;
  color: var(--rp-ca-text) !important;
  font-size: 14px !important;
  font-weight: 840 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-privacy-page .rp-privacy-option-copy small {
  display: block !important;
  margin-top: 8px !important;
  color: var(--rp-ca-muted) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-privacy-page .rp-privacy-request-field {
  width: min(720px, 100%) !important;
  max-width: none !important;
  margin: 0 !important;
}

.respawn-account-privacy-page .rp-privacy-request-field label {
  display: block !important;
  margin: 0 0 8px !important;
  color: rgba(245, 247, 251, .88) !important;
  font-size: 13px !important;
  font-weight: 820 !important;
}

.respawn-account-privacy-page .rp-privacy-request-field input,
.respawn-account-privacy-page .rp-privacy-request-field textarea {
  width: 100% !important;
  border: 1px solid rgba(255, 255, 255, .11) !important;
  border-radius: 8px !important;
  padding: 13px 14px !important;
  background: rgba(9, 11, 18, .68) !important;
  color: var(--rp-ca-text) !important;
  font-size: 14px !important;
  outline: none !important;
  box-shadow: none !important;
}

.respawn-account-privacy-page .rp-privacy-request-field input {
  min-height: 46px !important;
}

.respawn-account-privacy-page .rp-privacy-request-field textarea {
  min-height: 118px !important;
  resize: vertical !important;
}

.respawn-account-privacy-page .rp-privacy-request-field input:focus,
.respawn-account-privacy-page .rp-privacy-request-field textarea:focus {
  border-color: rgba(139, 92, 246, .58) !important;
  box-shadow: none !important;
  outline: 2px solid rgba(185, 154, 255, .72) !important;
  outline-offset: 2px !important;
}

.respawn-account-privacy-page .rp-privacy-request-field small {
  display: block !important;
  margin-top: 8px !important;
  color: var(--rp-ca-soft) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.respawn-account-privacy-page .rp-privacy-request-note {
  width: min(820px, 100%) !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  color: #d8cbff !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  white-space: normal !important;
}

.respawn-account-privacy-page .rp-privacy-request-note p {
  max-width: 760px !important;
  margin: 0 !important;
  overflow: visible !important;
}

.respawn-account-privacy-page .rp-privacy-request-note p + p {
  margin-top: 10px !important;
}

.respawn-account-privacy-page .rp-privacy-request-submit {
  min-height: 46px !important;
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid rgba(139, 92, 246, .42) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 840 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition:
    transform 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    border-color 220ms var(--rp-ca-ease) !important;
}

.respawn-account-privacy-page .rp-privacy-request-submit:hover,
.respawn-account-privacy-page .rp-privacy-request-submit:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(185, 154, 255, .62) !important;
  background: linear-gradient(135deg, #9b6cff, #7c3aed) !important;
  color: #fff !important;
  outline: none !important;
}

.respawn-account-privacy-page a:focus-visible,
.respawn-account-privacy-page button:focus-visible,
.respawn-account-privacy-page input:focus-visible,
.respawn-account-privacy-page textarea:focus-visible {
  outline: 2px solid rgba(185, 154, 255, .78) !important;
  outline-offset: 3px !important;
}

@media (max-width: 980px) {
  .respawn-account-privacy-page .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-privacy-page .woocommerce-MyAccount-navigation {
    position: relative !important;
    top: auto !important;
    grid-column: 1 !important;
    padding: 14px !important;
  }

  .respawn-account-privacy-page .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .respawn-account-privacy-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    gap: 8px !important;
    max-width: 100% !important;
    overflow-x: auto;
    padding-bottom: 2px !important;
    scrollbar-width: thin;
  }

  .respawn-account-privacy-page .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
  }

  .respawn-account-privacy-page .woocommerce-MyAccount-navigation a {
    min-width: max-content;
    padding-inline: 12px !important;
  }
}

@media (max-width: 760px) {
  .respawn-account-privacy-page .rp-privacy-requests-panel,
  .respawn-account-privacy-page .rp-privacy-requests-head,
  .respawn-account-privacy-page .rp-privacy-request-option,
  .respawn-account-privacy-page .rp-privacy-request-note {
    padding: 16px !important;
  }

  .respawn-account-privacy-page .rp-privacy-request-submit {
    width: 100% !important;
  }
}

@media (max-width: 520px) {
  .respawn-account-privacy-page .respawn-page-shell {
    width: min(100% - 24px, 1680px) !important;
  }
}

@media (max-width: 380px) {
  .respawn-account-privacy-page .respawn-page-shell {
    width: min(100% - 18px, 1680px) !important;
  }

  .respawn-account-privacy-page .woocommerce-MyAccount-navigation,
  .respawn-account-privacy-page .rp-privacy-requests-panel,
  .respawn-account-privacy-page .rp-privacy-requests-head {
    padding: 16px !important;
  }
}

.respawn-account-details-page {
  --rp-ca-bg: #0f1117;
  --rp-ca-panel: #171922;
  --rp-ca-card: #20232d;
  --rp-ca-card-soft: #191c25;
  --rp-ca-line: rgba(255, 255, 255, .10);
  --rp-ca-line-strong: rgba(139, 92, 246, .38);
  --rp-ca-text: #f5f7fb;
  --rp-ca-muted: rgba(245, 247, 251, .70);
  --rp-ca-soft: rgba(245, 247, 251, .55);
  --rp-ca-purple: #8b5cf6;
  --rp-ca-purple-dark: #5624c7;
  --rp-ca-purple-soft: rgba(139, 92, 246, .16);
  --rp-ca-ease: cubic-bezier(.22, .8, .22, 1);
  background:
    radial-gradient(circle at 14% 16%, rgba(139, 92, 246, .07), transparent 26rem),
    var(--rp-ca-bg) !important;
}

.respawn-account-dashboard-page .respawn-page-hero {
  display: none !important;
}

.respawn-account-dashboard-page .respawn-page-content-section {
  padding: clamp(14px, 1.5vw, 18px) 0 clamp(56px, 6vw, 88px) !important;
  background: transparent !important;
}

.respawn-account-dashboard-page .respawn-page-shell {
  width: min(1680px, calc(100% - clamp(24px, 5vw, 88px))) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.respawn-standard-page.respawn-account-page.respawn-account-dashboard-page .respawn-page-shell {
  width: min(1680px, calc(100% - clamp(24px, 5vw, 88px))) !important;
  max-width: none !important;
}

.respawn-account-dashboard-page .respawn-page-content-card,
.respawn-account-dashboard-page .woocommerce {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-dashboard-page .woocommerce {
  display: grid !important;
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
  align-items: start !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: sticky !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 90px) !important;
  padding: 18px !important;
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    rgba(23, 25, 34, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation::before {
  content: "My Account";
  display: block;
  margin: 0 0 12px;
  color: var(--rp-ca-text);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation ul {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: rgba(245, 247, 251, .86) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition:
    transform 220ms var(--rp-ca-ease),
    border-color 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    color 220ms var(--rp-ca-ease) !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a::before {
  content: "" !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  flex: 0 0 20px;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--dashboard a::before {
  content: "□";
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--orders a::before {
  content: "▢";
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--support-tickets a::before {
  content: "○";
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--edit-account a::before {
  content: "♙";
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--edit-address a::before {
  content: "⌖";
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  content: "▭";
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--privacy a::before {
  content: "◇";
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  content: "↳";
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation .is-active a,
.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:hover,
.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(139, 92, 246, .30) !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, .90), rgba(75, 36, 146, .82)) !important;
  color: #fff !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation .is-active a::before,
.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:hover::before,
.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #d8c7ff;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--dashboard a::before {
  -webkit-mask-image: url("assets/icons/account/dashboard.svg");
  mask-image: url("assets/icons/account/dashboard.svg");
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--orders a::before {
  -webkit-mask-image: url("assets/icons/account/orders.svg");
  mask-image: url("assets/icons/account/orders.svg");
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--support-tickets a::before {
  -webkit-mask-image: url("assets/icons/account/support.svg");
  mask-image: url("assets/icons/account/support.svg");
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--edit-account a::before {
  -webkit-mask-image: url("assets/icons/account/account.svg");
  mask-image: url("assets/icons/account/account.svg");
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--edit-address a::before {
  -webkit-mask-image: url("assets/icons/account/addresses.svg");
  mask-image: url("assets/icons/account/addresses.svg");
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  -webkit-mask-image: url("assets/icons/account/payment-methods.svg");
  mask-image: url("assets/icons/account/payment-methods.svg");
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--privacy a::before {
  -webkit-mask-image: url("assets/icons/account/privacy.svg");
  mask-image: url("assets/icons/account/privacy.svg");
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  -webkit-mask-image: url("assets/icons/account/logout.svg");
  mask-image: url("assets/icons/account/logout.svg");
}

.respawn-account-dashboard-page .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-content > p {
  display: none !important;
}

.rp-customer-dashboard {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.rp-customer-hero,
.rp-customer-card,
.rp-customer-trust {
  border: 1px solid var(--rp-ca-line);
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    var(--rp-ca-panel);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

.rp-customer-hero {
  position: relative;
  height: clamp(220px, 15vw, 260px);
  min-height: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(310px, 46%);
  align-items: stretch;
  background:
    linear-gradient(90deg, rgba(23, 25, 34, .98) 0%, rgba(23, 25, 34, .88) 34%, rgba(23, 25, 34, .48) 58%, rgba(23, 25, 34, .08) 100%),
    radial-gradient(circle at 70% 55%, rgba(139, 92, 246, .18), transparent 26rem),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    #171922;
}

.rp-customer-hero-copy {
  position: relative;
  z-index: 2;
  align-self: center;
  max-width: 680px;
  padding: clamp(22px, 2.5vw, 32px);
}

.rp-customer-hero h2 {
  margin: 0;
  color: var(--rp-ca-text);
  font-size: clamp(28px, 2.55vw, 36px);
  line-height: 1;
  letter-spacing: -.04em;
  font-weight: 850;
  text-wrap: balance;
}

.rp-customer-hero p {
  max-width: 560px;
  margin: 12px 0 0;
  color: var(--rp-ca-muted);
  font-size: 14px;
  line-height: 1.55;
}

.rp-customer-hero-media {
  position: relative;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

.rp-customer-hero-media::before {
  content: none;
}

.rp-customer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

.rp-customer-btn {
  min-height: 42px;
  min-width: 172px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 20px;
  border: 1px solid var(--rp-ca-line-strong);
  border-radius: 7px;
  color: #eadfff;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
  transition:
    transform 220ms var(--rp-ca-ease),
    border-color 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    color 220ms var(--rp-ca-ease);
}

.rp-customer-btn-primary {
  border-color: transparent;
  background: linear-gradient(135deg, #8b5cf6, #6c2bd9);
  color: #fff;
  box-shadow: 0 16px 34px rgba(139, 92, 246, .20);
}

.rp-customer-btn-secondary {
  background: rgba(10, 12, 18, .34);
}

.rp-customer-btn:hover,
.rp-customer-btn:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(196, 171, 255, .70);
  color: #fff;
}

.rp-customer-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.rp-customer-section-head h3,
.rp-customer-help h3,
.rp-customer-empty-orders h3 {
  margin: 0;
  color: var(--rp-ca-text);
  font-size: clamp(19px, 1.6vw, 22px);
  line-height: 1.1;
  letter-spacing: -.025em;
  font-weight: 850;
}

.rp-customer-section-head > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #b986ff;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
}

.rp-customer-card {
  padding: clamp(16px, 1.5vw, 20px);
}

.rp-customer-orders {
  min-height: 0;
}

.rp-customer-empty-orders {
  min-height: 116px;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
}

.rp-customer-empty-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  margin-bottom: 8px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, rgba(139, 92, 246, .26), rgba(139, 92, 246, .08));
  color: #b968ff;
}

.rp-customer-empty-icon svg,
.rp-customer-help-icon svg,
.rp-customer-trust svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.rp-customer-empty-orders p {
  margin: 6px 0 0;
  color: var(--rp-ca-muted);
  font-size: 14px;
}

.rp-customer-empty-actions {
  justify-content: center;
  margin-top: 12px;
}

.rp-customer-order-list {
  display: grid;
  gap: 12px;
}

.rp-customer-order-row {
  min-height: 76px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto auto;
  gap: 14px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 10px;
  background: rgba(10, 12, 18, .25);
}

.rp-customer-order-thumb {
  width: 58px;
  height: 58px;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(255, 255, 255, .04);
}

.rp-customer-order-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.rp-customer-order-copy {
  min-width: 0;
}

.rp-customer-order-copy small,
.rp-customer-order-copy em {
  display: block;
  color: var(--rp-ca-soft);
  font-size: 12px;
  font-style: normal;
}

.rp-customer-order-copy strong {
  display: block;
  overflow: hidden;
  margin: 4px 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rp-customer-order-status,
.rp-customer-order-link {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid rgba(139, 92, 246, .25);
  border-radius: 999px;
  background: rgba(139, 92, 246, .10);
  color: #dacbff;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
  white-space: nowrap;
}

.rp-customer-help {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
}

.rp-customer-help-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at 45% 35%, rgba(139, 92, 246, .70), rgba(139, 92, 246, .18));
  color: #d7c6ff;
}

.rp-customer-help p {
  max-width: 580px;
  margin: 6px 0 0;
  color: var(--rp-ca-muted);
  font-size: 14px;
  line-height: 1.45;
}

.rp-customer-range {
  padding-top: 8px;
}

.rp-customer-range-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.rp-customer-range-card {
  position: relative;
  min-height: 112px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 45%;
  align-items: stretch;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 9px;
  background-color: #10131b;
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-decoration: none;
  transition:
    transform 240ms var(--rp-ca-ease),
    border-color 240ms var(--rp-ca-ease),
    background 240ms var(--rp-ca-ease);
}

.rp-customer-range-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(16, 19, 27, .96) 0%, rgba(16, 19, 27, .80) 38%, rgba(16, 19, 27, .28) 68%, rgba(16, 19, 27, .04) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01));
  pointer-events: none;
}

.rp-customer-range-card:hover,
.rp-customer-range-card:focus-visible {
  transform: translateY(-3px);
  border-color: rgba(139, 92, 246, .38);
}

.rp-customer-range-copy {
  position: relative;
  z-index: 2;
  align-self: center;
  padding: 16px 8px 16px 16px;
}

.rp-customer-range-copy strong {
  display: block;
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
  letter-spacing: -.02em;
  font-weight: 850;
}

.rp-customer-range-copy small {
  display: block;
  max-width: 190px;
  margin-top: 7px;
  color: var(--rp-ca-muted);
  font-size: 12px;
  line-height: 1.38;
}

.rp-customer-range-copy em {
  display: inline-flex;
  gap: 8px;
  margin-top: 14px;
  color: #b986ff;
  font-size: 13px;
  font-style: normal;
  font-weight: 850;
}

.rp-customer-range-image {
  position: relative;
  z-index: 0;
  min-height: 112px;
  overflow: hidden;
}

.rp-customer-range-image::before {
  content: none;
}

.rp-customer-range-card-gaming {
  background-image: url("assets/images/Dashboard Images/GamingPC's.png");
}

.rp-customer-range-card-custom {
  background-image: url("assets/images/Dashboard Images/CustomPCs.png");
}

.rp-customer-range-card-built {
  background-image: url("assets/images/Dashboard Images/builttoorder.png");
}


.rp-customer-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 13px 20px;
}

.rp-customer-trust div {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
}

.rp-customer-trust span {
  grid-row: span 2;
  display: grid;
  place-items: center;
  color: #b968ff;
}

.rp-customer-trust strong {
  color: #fff;
  font-size: 13px;
  font-weight: 850;
}

.rp-customer-trust small {
  color: var(--rp-ca-muted);
  font-size: 12px;
}

.respawn-account-dashboard-page a:focus-visible,
.respawn-account-dashboard-page button:focus-visible {
  outline: 3px solid rgba(185, 134, 255, .42) !important;
  outline-offset: 3px !important;
}

@media (min-width: 1800px) {
  .respawn-account-dashboard-page .respawn-page-shell {
    width: min(1680px, calc(100% - 112px)) !important;
    max-width: none !important;
  }

  .respawn-standard-page.respawn-account-page.respawn-account-dashboard-page .respawn-page-shell {
    width: min(1680px, calc(100% - 112px)) !important;
    max-width: none !important;
  }
}

@media (max-width: 1180px) {
  .respawn-account-dashboard-page .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-navigation {
    position: static !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-content {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
    scrollbar-width: thin;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto !important;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-navigation a {
    min-width: max-content !important;
    padding-inline: 16px !important;
  }
}

@media (max-width: 980px) {
  .rp-customer-hero {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
    background:
      linear-gradient(180deg, rgba(23, 25, 34, .18) 0%, rgba(23, 25, 34, .88) 46%, #171922 100%),
      url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
      #171922;
  }

  .rp-customer-hero-media {
    min-height: 155px;
    height: 155px;
    order: -1;
  }

  .rp-customer-hero-media::before {
    content: none;
  }

  .rp-customer-range-grid,
  .rp-customer-trust {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .respawn-account-dashboard-page .respawn-page-shell {
    width: min(100% - 24px, 1680px) !important;
  }

  .respawn-account-dashboard-page .respawn-page-content-section {
    padding-top: 12px !important;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-navigation {
    padding: 16px !important;
  }

  .rp-customer-dashboard {
    gap: 12px;
  }

  .rp-customer-hero-copy,
  .rp-customer-card {
    padding: 20px;
  }

  .rp-customer-hero h2 {
    font-size: 32px;
  }

  .rp-customer-actions,
  .rp-customer-btn {
    width: 100%;
  }

  .rp-customer-btn {
    justify-content: space-between;
    min-width: 0;
  }

  .rp-customer-section-head {
    align-items: flex-start;
  }

  .rp-customer-empty-orders {
    min-height: 220px;
  }

  .rp-customer-help {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .rp-customer-help .rp-customer-btn {
    grid-column: 1 / -1;
  }

  .rp-customer-range-card {
    grid-template-columns: minmax(0, 1fr) 40%;
  }

  .rp-customer-order-row {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .rp-customer-order-status,
  .rp-customer-order-link {
    justify-self: start;
  }
}

@media (max-width: 380px) {
  .respawn-account-dashboard-page .respawn-page-shell {
    width: min(100% - 18px, 1680px) !important;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-navigation,
  .rp-customer-hero-copy,
  .rp-customer-card {
    padding: 16px !important;
  }

  .rp-customer-hero h2 {
    font-size: 29px;
  }

  .rp-customer-range-card {
    grid-template-columns: 1fr;
    min-height: 124px;
    background-position: center right;
  }

  .rp-customer-range-image {
    display: none;
  }

  .rp-customer-trust {
    padding: 16px;
  }
}

/* Respawn PCs customer account orders endpoint */

.respawn-account-orders-page {
  background: var(--rp-ca-bg) !important;
}

.respawn-account-orders-page .respawn-page-hero {
  display: none !important;
}

.respawn-account-orders-page .respawn-page-content-section {
  padding: clamp(14px, 1.5vw, 18px) 0 clamp(56px, 6vw, 88px) !important;
  background: transparent !important;
}

.respawn-account-orders-page .respawn-page-shell,
.respawn-standard-page.respawn-account-page.respawn-account-orders-page .respawn-page-shell {
  width: min(1680px, calc(100% - clamp(24px, 5vw, 88px))) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.respawn-account-orders-page .respawn-page-content-card,
.respawn-account-orders-page .woocommerce {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-orders-page .woocommerce {
  display: grid !important;
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
  align-items: start !important;
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: sticky !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 90px) !important;
  padding: 18px !important;
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    rgba(23, 25, 34, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation::before {
  content: "My Account";
  display: block;
  margin: 0 0 12px;
  color: var(--rp-ca-text);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation ul {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation a {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: rgba(245, 247, 251, .86) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition:
    transform 220ms var(--rp-ca-ease),
    border-color 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    color 220ms var(--rp-ca-ease) !important;
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation a::before {
  content: "" !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  flex: 0 0 20px;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation .is-active a,
.respawn-account-orders-page .woocommerce-MyAccount-navigation a:hover,
.respawn-account-orders-page .woocommerce-MyAccount-navigation a:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(139, 92, 246, .30) !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, .90), rgba(75, 36, 146, .82)) !important;
  color: #fff !important;
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation .is-active a::before,
.respawn-account-orders-page .woocommerce-MyAccount-navigation a:hover::before,
.respawn-account-orders-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #d8c7ff;
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation-link--dashboard a::before {
  -webkit-mask-image: url("assets/icons/account/dashboard.svg");
  mask-image: url("assets/icons/account/dashboard.svg");
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation-link--orders a::before {
  -webkit-mask-image: url("assets/icons/account/orders.svg");
  mask-image: url("assets/icons/account/orders.svg");
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation-link--support-tickets a::before {
  -webkit-mask-image: url("assets/icons/account/support.svg");
  mask-image: url("assets/icons/account/support.svg");
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation-link--edit-account a::before {
  -webkit-mask-image: url("assets/icons/account/account.svg");
  mask-image: url("assets/icons/account/account.svg");
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation-link--edit-address a::before {
  -webkit-mask-image: url("assets/icons/account/addresses.svg");
  mask-image: url("assets/icons/account/addresses.svg");
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  -webkit-mask-image: url("assets/icons/account/payment-methods.svg");
  mask-image: url("assets/icons/account/payment-methods.svg");
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation-link--privacy a::before {
  -webkit-mask-image: url("assets/icons/account/privacy.svg");
  mask-image: url("assets/icons/account/privacy.svg");
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  -webkit-mask-image: url("assets/icons/account/logout.svg");
  mask-image: url("assets/icons/account/logout.svg");
}

.respawn-account-orders-page .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-orders-page .rp-orders-view {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 !important;
  display: grid !important;
  gap: 12px !important;
  color: var(--rp-ca-text);
}

.respawn-account-orders-page .rp-orders-header,
.respawn-account-orders-page .rp-orders-panel,
.respawn-account-orders-page .rp-orders-card,
.respawn-account-orders-page .rp-orders-summary-card {
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    var(--rp-ca-panel) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.respawn-account-orders-page .rp-orders-header {
  position: relative;
  overflow: hidden;
  min-height: 176px;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 410px) !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 24px !important;
  background:
    linear-gradient(90deg, rgba(23, 25, 34, .98) 0%, rgba(23, 25, 34, .92) 42%, rgba(23, 25, 34, .62) 66%, rgba(23, 25, 34, .32) 100%),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    var(--rp-ca-panel) !important;
}

.respawn-account-orders-page .rp-orders-header-copy,
.respawn-account-orders-page .rp-orders-summary {
  position: relative;
  z-index: 1;
}

.respawn-account-orders-page .rp-orders-header-copy {
  max-width: 620px !important;
}

.respawn-account-orders-page .rp-orders-kicker {
  display: block;
  margin: 0 0 8px !important;
  color: #b99aff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}

.respawn-account-orders-page .rp-orders-header h2,
.respawn-account-orders-page .rp-orders-panel h3,
.respawn-account-orders-page .rp-orders-empty-state h4,
.respawn-account-orders-page .rp-orders-card h4 {
  margin: 0 !important;
  color: var(--rp-ca-text) !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.respawn-account-orders-page .rp-orders-header h2 {
  font-size: clamp(30px, 2.7vw, 38px) !important;
  line-height: 1.04 !important;
}

.respawn-account-orders-page .rp-orders-panel h3 {
  font-size: 20px !important;
  line-height: 1.15 !important;
}

.respawn-account-orders-page .rp-orders-header p,
.respawn-account-orders-page .rp-orders-panel-head p,
.respawn-account-orders-page .rp-orders-empty-state p,
.respawn-account-orders-page .rp-orders-card-meta {
  color: var(--rp-ca-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.respawn-account-orders-page .rp-orders-header p,
.respawn-account-orders-page .rp-orders-panel-head p,
.respawn-account-orders-page .rp-orders-empty-state p {
  margin: 9px 0 0 !important;
}

.respawn-account-orders-page .rp-orders-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  max-width: none !important;
}

.respawn-account-orders-page .rp-orders-summary-card {
  min-height: 82px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)),
    rgba(32, 35, 45, .86) !important;
}

.respawn-account-orders-page .rp-orders-summary-card span {
  color: var(--rp-ca-soft) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

.respawn-account-orders-page .rp-orders-summary-card strong {
  color: var(--rp-ca-text) !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.respawn-account-orders-page .rp-orders-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
}

.respawn-account-orders-page .rp-orders-panel {
  padding: 20px !important;
}

.respawn-account-orders-page .rp-orders-panel-main {
  min-width: 0;
}

.respawn-account-orders-page .rp-orders-panel-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
}

.respawn-account-orders-page .rp-orders-layout.is-empty .rp-orders-panel-head {
  display: none !important;
}

.respawn-account-orders-page .rp-orders-layout.is-empty .rp-orders-panel-main {
  padding: 20px !important;
}

.respawn-account-orders-page .rp-orders-empty-state {
  min-height: 288px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 26px 18px !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 9px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(139, 92, 246, .14), transparent 19rem),
    rgba(255, 255, 255, .014) !important;
  text-align: center;
}

.respawn-account-orders-page .rp-orders-empty-icon,
.respawn-account-orders-page .rp-orders-card-media-fallback {
  display: grid;
  place-items: center;
  color: #b78bff;
}

.respawn-account-orders-page .rp-orders-empty-icon {
  width: 64px !important;
  height: 64px !important;
  margin: 0 0 16px !important;
  border: 1px solid rgba(139, 92, 246, .28) !important;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)),
    rgba(139, 92, 246, .12) !important;
}

.respawn-account-orders-page .rp-orders-empty-icon svg,
.respawn-account-orders-page .rp-orders-card-media-fallback svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.respawn-account-orders-page .rp-orders-empty-state h4 {
  font-size: 28px !important;
  line-height: 1.08 !important;
}

.respawn-account-orders-page .rp-orders-empty-state p {
  max-width: 420px;
}

.respawn-account-orders-page .rp-orders-empty-actions {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px !important;
  margin-top: 20px !important;
}

.respawn-account-orders-page .rp-orders-action,
.respawn-account-orders-page .rp-orders-pagination-link {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 15px !important;
  border: 1px solid rgba(139, 92, 246, .42) !important;
  border-radius: 8px !important;
  background: rgba(139, 92, 246, .045) !important;
  color: #d7c4ff !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition:
    transform 220ms var(--rp-ca-ease),
    border-color 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    color 220ms var(--rp-ca-ease),
    box-shadow 220ms var(--rp-ca-ease) !important;
}

.respawn-account-orders-page .rp-orders-action:hover,
.respawn-account-orders-page .rp-orders-action:focus-visible,
.respawn-account-orders-page .rp-orders-pagination-link:hover,
.respawn-account-orders-page .rp-orders-pagination-link:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(169, 133, 255, .64) !important;
  background: rgba(139, 92, 246, .12) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(8, 9, 14, .24);
  outline: none;
}

.respawn-account-orders-page .rp-orders-action-primary {
  border-color: transparent !important;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(77, 35, 173, .26);
}

.respawn-account-orders-page .rp-orders-action-cancel {
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .025) !important;
  color: rgba(245, 247, 251, .76) !important;
}

.respawn-account-orders-page .rp-orders-list {
  display: grid !important;
  gap: 10px !important;
}

.respawn-account-orders-page .rp-orders-card {
  position: relative;
  overflow: hidden;
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) minmax(140px, auto) !important;
  grid-template-areas:
    "media copy status"
    "media copy actions" !important;
  gap: 12px 16px !important;
  align-items: center !important;
  padding: 14px !important;
  background:
    linear-gradient(90deg, rgba(139, 92, 246, .08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .028), rgba(255, 255, 255, .01)),
    rgba(16, 19, 27, .74) !important;
}

.respawn-account-orders-page .rp-orders-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, rgba(139, 92, 246, .85), rgba(139, 92, 246, .18));
}

.respawn-account-orders-page .rp-orders-card-media {
  grid-area: media;
  width: 74px !important;
  height: 74px !important;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .09) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, .025) !important;
}

.respawn-account-orders-page .rp-orders-card-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.respawn-account-orders-page .rp-orders-card-media-fallback {
  width: 100%;
  height: 100%;
  background: rgba(139, 92, 246, .08);
}

.respawn-account-orders-page .rp-orders-card-copy {
  grid-area: copy;
  min-width: 0;
}

.respawn-account-orders-page .rp-orders-card-number {
  display: block;
  margin: 0 0 5px !important;
  color: var(--rp-ca-soft) !important;
  font-size: 12px !important;
  font-weight: 760 !important;
}

.respawn-account-orders-page .rp-orders-card h4 {
  overflow-wrap: anywhere;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

.respawn-account-orders-page .rp-orders-card-meta {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, max-content)) !important;
  gap: 14px !important;
  margin-top: 10px !important;
}

.respawn-account-orders-page .rp-orders-card-meta > span,
.respawn-account-orders-page .rp-orders-card-meta > span > small,
.respawn-account-orders-page .rp-orders-card-meta > span > strong {
  display: block;
}

.respawn-account-orders-page .rp-orders-card-meta .woocommerce-Price-amount,
.respawn-account-orders-page .rp-orders-card-meta .woocommerce-Price-currencySymbol {
  display: inline !important;
  white-space: nowrap;
}

.respawn-account-orders-page .rp-orders-card-meta small {
  margin-bottom: 2px;
  color: rgba(245, 247, 251, .48) !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

.respawn-account-orders-page .rp-orders-card-meta strong {
  color: rgba(245, 247, 251, .88) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 780 !important;
}

.respawn-account-orders-page .rp-orders-card-status-wrap {
  grid-area: status;
  display: flex;
  justify-content: flex-end;
}

.respawn-account-orders-page .rp-orders-card-status {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 11px !important;
  border: 1px solid rgba(255, 255, 255, .11) !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, .024) !important;
  color: rgba(245, 247, 251, .82) !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

.respawn-account-orders-page .rp-orders-card-status-completed {
  border-color: rgba(74, 222, 128, .25) !important;
  background: rgba(74, 222, 128, .09) !important;
  color: #a7e8b7 !important;
}

.respawn-account-orders-page .rp-orders-card-status-processing,
.respawn-account-orders-page .rp-orders-card-status-pending,
.respawn-account-orders-page .rp-orders-card-status-on-hold {
  border-color: rgba(139, 92, 246, .30) !important;
  background: rgba(139, 92, 246, .10) !important;
  color: #d8c4ff !important;
}

.respawn-account-orders-page .rp-orders-card-status-cancelled,
.respawn-account-orders-page .rp-orders-card-status-failed,
.respawn-account-orders-page .rp-orders-card-status-refunded {
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .028) !important;
  color: rgba(245, 247, 251, .68) !important;
}

.respawn-account-orders-page .rp-orders-card-actions {
  grid-area: actions;
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px !important;
  justify-content: flex-end;
}

.respawn-account-orders-page .rp-orders-card-actions .rp-orders-action {
  min-height: 36px !important;
  padding: 0 13px !important;
  font-size: 12px !important;
}

.respawn-account-orders-page .rp-orders-pagination {
  display: flex !important;
  justify-content: flex-end;
  gap: 10px !important;
  margin-top: 16px !important;
}

@media (max-width: 1180px) {
  .respawn-account-orders-page .rp-orders-header,
  .respawn-account-orders-page .rp-orders-layout {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-orders-page .rp-orders-summary {
    max-width: 560px !important;
  }
}

@media (max-width: 980px) {
  .respawn-account-orders-page .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-orders-page .woocommerce-MyAccount-navigation {
    position: relative !important;
    top: auto !important;
    grid-column: 1 !important;
    padding: 14px !important;
  }

  .respawn-account-orders-page .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .respawn-account-orders-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto;
    padding-bottom: 2px !important;
    scrollbar-width: thin;
  }

  .respawn-account-orders-page .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
  }

  .respawn-account-orders-page .woocommerce-MyAccount-navigation a {
    min-width: max-content;
    padding-inline: 12px !important;
  }
}

@media (max-width: 760px) {
  .respawn-account-orders-page .rp-orders-view {
    gap: 10px !important;
  }

  .respawn-account-orders-page .rp-orders-header,
  .respawn-account-orders-page .rp-orders-panel {
    padding: 16px !important;
  }

  .respawn-account-orders-page .rp-orders-header h2 {
    font-size: 30px !important;
  }

  .respawn-account-orders-page .rp-orders-summary {
    max-width: none !important;
  }

  .respawn-account-orders-page .rp-orders-card {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    grid-template-areas:
      "media copy"
      "media status"
      "media actions" !important;
    align-items: start !important;
  }

  .respawn-account-orders-page .rp-orders-card-media {
    width: 64px !important;
    height: 64px !important;
  }

  .respawn-account-orders-page .rp-orders-card-status-wrap,
  .respawn-account-orders-page .rp-orders-card-actions {
    justify-content: flex-start;
  }

  .respawn-account-orders-page .rp-orders-card-meta {
    grid-template-columns: repeat(2, minmax(0, max-content)) !important;
  }
}

@media (max-width: 520px) {
  .respawn-account-orders-page .respawn-page-shell {
    width: min(100% - 24px, 1680px) !important;
  }

  .respawn-account-orders-page .rp-orders-header,
  .respawn-account-orders-page .rp-orders-panel,
  .respawn-account-orders-page .rp-orders-layout.is-empty .rp-orders-panel-main {
    padding: 16px !important;
  }

  .respawn-account-orders-page .rp-orders-card-meta {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-orders-page .rp-orders-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .respawn-account-orders-page .rp-orders-summary-card {
    min-height: 66px !important;
    padding: 10px 8px !important;
  }

  .respawn-account-orders-page .rp-orders-summary-card span {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .respawn-account-orders-page .rp-orders-summary-card strong {
    font-size: 22px !important;
  }

  .respawn-account-orders-page .rp-orders-empty-state {
    min-height: 248px !important;
    padding: 22px 14px !important;
  }

  .respawn-account-orders-page .rp-orders-empty-state h4 {
    font-size: 26px !important;
  }

  .respawn-account-orders-page .rp-orders-empty-actions,
  .respawn-account-orders-page .rp-orders-empty-actions .rp-orders-action,
  .respawn-account-orders-page .rp-orders-card-actions,
  .respawn-account-orders-page .rp-orders-card-actions .rp-orders-action,
  .respawn-account-orders-page .rp-orders-pagination,
  .respawn-account-orders-page .rp-orders-pagination .rp-orders-pagination-link {
    width: 100%;
  }

  .respawn-account-orders-page .rp-orders-card {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "media"
      "copy"
      "status"
      "actions" !important;
  }

  .respawn-account-orders-page .rp-orders-card-media {
    width: 100% !important;
    max-width: 132px !important;
  }

  .respawn-account-orders-page .rp-orders-card-actions,
  .respawn-account-orders-page .rp-orders-pagination {
    flex-direction: column;
  }
}

@media (max-width: 380px) {
  .respawn-account-orders-page .respawn-page-shell {
    width: min(100% - 18px, 1680px) !important;
  }

  .respawn-account-orders-page .woocommerce-MyAccount-navigation,
  .respawn-account-orders-page .rp-orders-header,
  .respawn-account-orders-page .rp-orders-panel {
    padding: 16px !important;
  }

  .respawn-account-orders-page .rp-orders-header h2 {
    font-size: 28px !important;
  }
}

/* Respawn PCs customer account single order endpoint */

.respawn-account-order-detail-page {
  background: var(--rp-ca-bg) !important;
}

.respawn-account-order-detail-page .respawn-page-hero {
  display: none !important;
}

.respawn-account-order-detail-page .respawn-page-content-section {
  padding: clamp(14px, 1.5vw, 18px) 0 clamp(56px, 6vw, 88px) !important;
  background: transparent !important;
}

.respawn-account-order-detail-page .respawn-page-shell,
.respawn-standard-page.respawn-account-page.respawn-account-order-detail-page .respawn-page-shell {
  width: min(1680px, calc(100% - clamp(24px, 5vw, 88px))) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.respawn-account-order-detail-page .respawn-page-content-card,
.respawn-account-order-detail-page .woocommerce {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-order-detail-page .woocommerce {
  display: grid !important;
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
  align-items: start !important;
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: sticky !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 90px) !important;
  padding: 18px !important;
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    rgba(23, 25, 34, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation::before {
  content: "My Account";
  display: block;
  margin: 0 0 12px;
  color: var(--rp-ca-text);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation ul {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation a {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: rgba(245, 247, 251, .86) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition:
    transform 220ms var(--rp-ca-ease),
    border-color 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    color 220ms var(--rp-ca-ease) !important;
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation a::before {
  content: "" !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  flex: 0 0 20px;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation .is-active a,
.respawn-account-order-detail-page .woocommerce-MyAccount-navigation a:hover,
.respawn-account-order-detail-page .woocommerce-MyAccount-navigation a:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(139, 92, 246, .30) !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, .90), rgba(75, 36, 146, .82)) !important;
  color: #fff !important;
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation .is-active a::before,
.respawn-account-order-detail-page .woocommerce-MyAccount-navigation a:hover::before,
.respawn-account-order-detail-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #d8c7ff;
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation-link--dashboard a::before {
  -webkit-mask-image: url("assets/icons/account/dashboard.svg");
  mask-image: url("assets/icons/account/dashboard.svg");
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation-link--orders a::before {
  -webkit-mask-image: url("assets/icons/account/orders.svg");
  mask-image: url("assets/icons/account/orders.svg");
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation-link--support-tickets a::before {
  -webkit-mask-image: url("assets/icons/account/support.svg");
  mask-image: url("assets/icons/account/support.svg");
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation-link--edit-account a::before {
  -webkit-mask-image: url("assets/icons/account/account.svg");
  mask-image: url("assets/icons/account/account.svg");
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation-link--edit-address a::before {
  -webkit-mask-image: url("assets/icons/account/addresses.svg");
  mask-image: url("assets/icons/account/addresses.svg");
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  -webkit-mask-image: url("assets/icons/account/payment-methods.svg");
  mask-image: url("assets/icons/account/payment-methods.svg");
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation-link--privacy a::before {
  -webkit-mask-image: url("assets/icons/account/privacy.svg");
  mask-image: url("assets/icons/account/privacy.svg");
}

.respawn-account-order-detail-page .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  -webkit-mask-image: url("assets/icons/account/logout.svg");
  mask-image: url("assets/icons/account/logout.svg");
}

.respawn-account-order-detail-page .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-order-detail-page .rp-order-detail-view {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 !important;
  display: grid !important;
  gap: 12px !important;
  color: var(--rp-ca-text) !important;
}

.respawn-account-order-detail-page .rp-order-detail-header,
.respawn-account-order-detail-page .rp-order-detail-actions,
.respawn-account-order-detail-page .rp-order-detail-panel,
.respawn-account-order-detail-page .rp-order-detail-summary-card {
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    var(--rp-ca-panel) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.respawn-account-order-detail-page .rp-order-detail-header {
  min-height: 176px;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 430px) !important;
  gap: 18px !important;
  align-items: center !important;
  padding: 24px !important;
}

.respawn-account-order-detail-page .rp-order-detail-back {
  width: max-content;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  padding: 0 12px;
  border: 1px solid rgba(139, 92, 246, .34);
  border-radius: 8px;
  background: rgba(139, 92, 246, .055);
  color: #d7c4ff !important;
  font-size: 12px;
  font-weight: 820;
  line-height: 1;
  text-decoration: none !important;
}

.respawn-account-order-detail-page .rp-order-detail-back::before {
  content: "\2190";
  margin-right: 8px;
}

.respawn-account-order-detail-page .rp-order-detail-kicker,
.respawn-account-order-detail-page .rp-order-detail-panel-label {
  display: block;
  color: #b99aff;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.respawn-account-order-detail-page .rp-order-detail-header h2,
.respawn-account-order-detail-page .rp-order-detail-panel h2,
.respawn-account-order-detail-page .rp-order-detail-panel h3,
.respawn-account-order-detail-page .woocommerce-order-details__title,
.respawn-account-order-detail-page .woocommerce-column__title {
  margin: 0 !important;
  color: var(--rp-ca-text) !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.respawn-account-order-detail-page .rp-order-detail-header h2 {
  margin-top: 8px !important;
  font-size: clamp(30px, 2.7vw, 38px) !important;
  line-height: 1.04 !important;
}

.respawn-account-order-detail-page .rp-order-detail-header p,
.respawn-account-order-detail-page .rp-order-detail-panel p,
.respawn-account-order-detail-page .woocommerce-customer-details address {
  margin: 9px 0 0 !important;
  color: var(--rp-ca-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

.respawn-account-order-detail-page .rp-order-detail-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.respawn-account-order-detail-page .rp-order-detail-summary-card {
  min-height: 82px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .015)),
    rgba(32, 35, 45, .86) !important;
}

.respawn-account-order-detail-page .rp-order-detail-summary-card span {
  color: var(--rp-ca-soft);
  font-size: 12px;
  font-weight: 760;
}

.respawn-account-order-detail-page .rp-order-detail-summary-card strong {
  color: var(--rp-ca-text);
  font-size: 18px;
  line-height: 1.15;
  font-weight: 850;
}

.respawn-account-order-detail-page .rp-order-detail-summary-card .amount,
.respawn-account-order-detail-page .rp-order-detail-summary-card .woocommerce-Price-currencySymbol {
  display: inline !important;
  white-space: nowrap;
}

.respawn-account-order-detail-page .rp-order-detail-status {
  width: max-content;
  max-width: 100%;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 999px;
  background: rgba(255, 255, 255, .024);
  color: rgba(245, 247, 251, .82);
  font-size: 12px !important;
}

.respawn-account-order-detail-page .rp-order-detail-status-completed {
  border-color: rgba(74, 222, 128, .25);
  background: rgba(74, 222, 128, .09);
  color: #a7e8b7;
}

.respawn-account-order-detail-page .rp-order-detail-status-processing,
.respawn-account-order-detail-page .rp-order-detail-status-pending,
.respawn-account-order-detail-page .rp-order-detail-status-on-hold {
  border-color: rgba(139, 92, 246, .30);
  background: rgba(139, 92, 246, .10);
  color: #d8c4ff;
}

.respawn-account-order-detail-page .rp-order-detail-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px;
}

.respawn-account-order-detail-page .rp-order-detail-action,
.respawn-account-order-detail-page .woocommerce-button,
.respawn-account-order-detail-page .order-actions-button {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 15px !important;
  border: 1px solid rgba(139, 92, 246, .42) !important;
  border-radius: 8px !important;
  background: rgba(139, 92, 246, .045) !important;
  color: #d7c4ff !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.respawn-account-order-detail-page .rp-order-detail-action:hover,
.respawn-account-order-detail-page .rp-order-detail-action:focus-visible,
.respawn-account-order-detail-page .woocommerce-button:hover,
.respawn-account-order-detail-page .woocommerce-button:focus-visible {
  border-color: rgba(169, 133, 255, .64) !important;
  background: rgba(139, 92, 246, .12) !important;
  color: #fff !important;
  outline: none;
}

.respawn-account-order-detail-page .rp-order-detail-action-pay,
.respawn-account-order-detail-page .woocommerce-button.pay {
  border-color: transparent !important;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  color: #fff !important;
}

.respawn-account-order-detail-page .rp-order-detail-panel {
  padding: 20px !important;
}

.respawn-account-order-detail-page .rp-order-detail-panel-head {
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.respawn-account-order-detail-page .rp-order-detail-updates ol {
  display: grid;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-order-detail-page .woocommerce-OrderUpdate {
  margin: 0 !important;
  padding: 14px !important;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 9px;
  background: rgba(9, 11, 18, .42);
}

.respawn-account-order-detail-page .woocommerce-OrderUpdate-meta {
  margin: 0 0 6px !important;
  color: #b99aff !important;
  font-size: 12px !important;
  font-weight: 820 !important;
}

.respawn-account-order-detail-page .woocommerce-order-details,
.respawn-account-order-detail-page .woocommerce-customer-details {
  margin: 0 !important;
}

.respawn-account-order-detail-page .woocommerce-order-details__title,
.respawn-account-order-detail-page .woocommerce-column__title {
  margin-bottom: 16px !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
}

.respawn-account-order-detail-page table.shop_table {
  width: 100% !important;
  margin: 0 0 18px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: 9px !important;
  overflow: hidden;
  background: rgba(9, 11, 18, .36) !important;
}

.respawn-account-order-detail-page table.shop_table th,
.respawn-account-order-detail-page table.shop_table td {
  padding: 14px !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .07) !important;
  color: rgba(245, 247, 251, .86) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  vertical-align: top !important;
}

.respawn-account-order-detail-page table.shop_table thead th {
  border-top: 0 !important;
  background: rgba(255, 255, 255, .035) !important;
  color: var(--rp-ca-text) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-transform: uppercase;
}

.respawn-account-order-detail-page table.shop_table td.product-total,
.respawn-account-order-detail-page table.shop_table th.product-total,
.respawn-account-order-detail-page table.shop_table tfoot td {
  text-align: right;
}

.respawn-account-order-detail-page table.shop_table .amount,
.respawn-account-order-detail-page table.shop_table .woocommerce-Price-currencySymbol {
  display: inline !important;
  white-space: nowrap;
}

.respawn-account-order-detail-page .woocommerce-table__product-name a,
.respawn-account-order-detail-page .product-name a {
  color: var(--rp-ca-text) !important;
  font-weight: 800;
  text-decoration: none !important;
}

.respawn-account-order-detail-page .wc-item-meta {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: var(--rp-ca-muted);
  font-size: 12px;
  list-style: none;
}

.respawn-account-order-detail-page .wc-item-meta li {
  margin: 4px 0 0 !important;
}

.respawn-account-order-detail-page .woocommerce-customer-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px !important;
}

.respawn-account-order-detail-page .woocommerce-customer-details .woocommerce-column {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 9px;
  background: rgba(9, 11, 18, .34);
}

.respawn-account-order-detail-page .woocommerce-customer-details address {
  font-style: normal;
}

@media (max-width: 1180px) {
  .respawn-account-order-detail-page .rp-order-detail-header {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-order-detail-page .rp-order-detail-summary {
    max-width: 560px;
  }
}

@media (max-width: 980px) {
  .respawn-account-order-detail-page .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-order-detail-page .woocommerce-MyAccount-navigation {
    position: relative !important;
    top: auto !important;
    grid-column: 1 !important;
    padding: 14px !important;
  }

  .respawn-account-order-detail-page .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .respawn-account-order-detail-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto;
    padding-bottom: 2px !important;
    scrollbar-width: thin;
  }

  .respawn-account-order-detail-page .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
  }

  .respawn-account-order-detail-page .woocommerce-MyAccount-navigation a {
    min-width: max-content;
    padding-inline: 12px !important;
  }
}

@media (max-width: 760px) {
  .respawn-account-order-detail-page .rp-order-detail-header,
  .respawn-account-order-detail-page .rp-order-detail-panel {
    padding: 16px !important;
  }

  .respawn-account-order-detail-page .rp-order-detail-header h2 {
    font-size: 30px !important;
  }

  .respawn-account-order-detail-page .rp-order-detail-summary {
    max-width: none;
  }

  .respawn-account-order-detail-page .woocommerce-customer-details {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .respawn-account-order-detail-page .respawn-page-shell {
    width: min(100% - 24px, 1680px) !important;
  }

  .respawn-account-order-detail-page .rp-order-detail-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .respawn-account-order-detail-page .rp-order-detail-summary-card {
    min-height: 66px;
    padding: 10px 8px;
  }

  .respawn-account-order-detail-page .rp-order-detail-summary-card span {
    font-size: 10px;
    line-height: 1.2;
  }

  .respawn-account-order-detail-page .rp-order-detail-summary-card strong {
    font-size: 13px;
  }

  .respawn-account-order-detail-page .rp-order-detail-actions,
  .respawn-account-order-detail-page .rp-order-detail-action {
    width: 100%;
  }

  .respawn-account-order-detail-page table.shop_table th,
  .respawn-account-order-detail-page table.shop_table td {
    padding: 12px 10px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 380px) {
  .respawn-account-order-detail-page .respawn-page-shell {
    width: min(100% - 18px, 1680px) !important;
  }

  .respawn-account-order-detail-page .woocommerce-MyAccount-navigation,
  .respawn-account-order-detail-page .rp-order-detail-header,
  .respawn-account-order-detail-page .rp-order-detail-panel {
    padding: 16px !important;
  }

  .respawn-account-order-detail-page .rp-order-detail-header h2 {
    font-size: 28px !important;
  }
}

/* Respawn PCs customer account details endpoint */

.respawn-account-details-page {
  background: var(--rp-ca-bg) !important;
}

.respawn-account-details-page *,
.respawn-account-details-page *::before,
.respawn-account-details-page *::after {
  box-sizing: border-box !important;
}

.respawn-account-details-page .respawn-page-hero {
  display: none !important;
}

.respawn-account-details-page .respawn-page-content-section {
  padding: clamp(14px, 1.5vw, 18px) 0 clamp(56px, 6vw, 88px) !important;
  background: transparent !important;
}

.respawn-account-details-page .respawn-page-shell,
.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
  width: min(1680px, calc(100% - clamp(24px, 5vw, 88px))) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.respawn-account-details-page .respawn-page-content-card,
.respawn-account-details-page .woocommerce {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-details-page .woocommerce {
  display: grid !important;
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
  align-items: start !important;
}

.respawn-account-details-page .woocommerce-MyAccount-navigation {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: sticky !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 90px) !important;
  padding: 18px !important;
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    rgba(23, 25, 34, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

.respawn-account-details-page .woocommerce-MyAccount-navigation::before {
  content: "My Account";
  display: block;
  margin: 0 0 12px;
  color: var(--rp-ca-text);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.respawn-account-details-page .woocommerce-MyAccount-navigation ul {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-details-page .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.respawn-account-details-page .woocommerce-MyAccount-navigation a {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: rgba(245, 247, 251, .86) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition:
    transform 220ms var(--rp-ca-ease),
    border-color 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    color 220ms var(--rp-ca-ease) !important;
}

.respawn-account-details-page .woocommerce-MyAccount-navigation a::before {
  content: "" !important;
  width: 20px;
  height: 20px;
  display: inline-block;
  flex: 0 0 20px;
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 20px 20px;
  mask-size: 20px 20px;
}

.respawn-account-details-page .woocommerce-MyAccount-navigation .is-active a,
.respawn-account-details-page .woocommerce-MyAccount-navigation a:hover,
.respawn-account-details-page .woocommerce-MyAccount-navigation a:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(139, 92, 246, .30) !important;
  background: linear-gradient(135deg, rgba(139, 92, 246, .90), rgba(75, 36, 146, .82)) !important;
  color: #fff !important;
}

.respawn-account-details-page .woocommerce-MyAccount-navigation .is-active a::before,
.respawn-account-details-page .woocommerce-MyAccount-navigation a:hover::before,
.respawn-account-details-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #d8c7ff;
}

.respawn-account-details-page .woocommerce-MyAccount-navigation-link--dashboard a::before {
  -webkit-mask-image: url("assets/icons/account/dashboard.svg");
  mask-image: url("assets/icons/account/dashboard.svg");
}

.respawn-account-details-page .woocommerce-MyAccount-navigation-link--orders a::before {
  -webkit-mask-image: url("assets/icons/account/orders.svg");
  mask-image: url("assets/icons/account/orders.svg");
}

.respawn-account-details-page .woocommerce-MyAccount-navigation-link--support-tickets a::before {
  -webkit-mask-image: url("assets/icons/account/support.svg");
  mask-image: url("assets/icons/account/support.svg");
}

.respawn-account-details-page .woocommerce-MyAccount-navigation-link--edit-account a::before {
  -webkit-mask-image: url("assets/icons/account/account.svg");
  mask-image: url("assets/icons/account/account.svg");
}

.respawn-account-details-page .woocommerce-MyAccount-navigation-link--edit-address a::before {
  -webkit-mask-image: url("assets/icons/account/addresses.svg");
  mask-image: url("assets/icons/account/addresses.svg");
}

.respawn-account-details-page .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  -webkit-mask-image: url("assets/icons/account/payment-methods.svg");
  mask-image: url("assets/icons/account/payment-methods.svg");
}

.respawn-account-details-page .woocommerce-MyAccount-navigation-link--privacy a::before {
  -webkit-mask-image: url("assets/icons/account/privacy.svg");
  mask-image: url("assets/icons/account/privacy.svg");
}

.respawn-account-details-page .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  -webkit-mask-image: url("assets/icons/account/logout.svg");
  mask-image: url("assets/icons/account/logout.svg");
}

.respawn-account-details-page .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-details-page .rp-account-details-view {
  width: 100% !important;
  max-width: 1240px !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 14px !important;
  color: var(--rp-ca-text) !important;
}

.respawn-account-details-page .rp-account-details-header,
.respawn-account-details-page .rp-account-details-panel,
.respawn-account-details-page .rp-account-details-actions {
  border: 1px solid var(--rp-ca-line) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    var(--rp-ca-panel) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.respawn-account-details-page .rp-account-details-header {
  min-height: 150px !important;
  display: grid !important;
  align-content: center !important;
  padding: 22px 24px !important;
  background:
    linear-gradient(90deg, rgba(23, 25, 34, .98) 0%, rgba(23, 25, 34, .92) 44%, rgba(23, 25, 34, .54) 72%, rgba(23, 25, 34, .24) 100%),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    var(--rp-ca-panel) !important;
}

.respawn-account-details-page .rp-account-details-kicker,
.respawn-account-details-page .rp-account-details-panel-label {
  display: block !important;
  color: #b99aff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.respawn-account-details-page .rp-account-details-kicker {
  margin-bottom: 8px !important;
}

.respawn-account-details-page .rp-account-details-header h2,
.respawn-account-details-page .rp-account-details-panel h3 {
  margin: 0 !important;
  color: var(--rp-ca-text) !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.respawn-account-details-page .rp-account-details-header h2 {
  max-width: 650px !important;
  font-size: clamp(28px, 2.3vw, 36px) !important;
  line-height: 1.04 !important;
}

.respawn-account-details-page .rp-account-details-header p,
.respawn-account-details-page .rp-account-details-panel-head p,
.respawn-account-details-page .rp-account-details-help {
  max-width: 720px !important;
  margin: 9px 0 0 !important;
  color: var(--rp-ca-muted) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-details-page .rp-account-details-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .82fr) !important;
  gap: 14px !important;
  align-items: start !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-details-page .rp-account-details-panel {
  min-width: 0;
  max-width: 100% !important;
  padding: 18px !important;
}

.respawn-account-details-page .rp-account-details-panel:first-of-type {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.respawn-account-details-page .rp-account-details-panel:nth-of-type(2) {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.respawn-account-details-page .rp-account-details-panel:nth-of-type(3) {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

.respawn-account-details-page .rp-account-details-panel-head {
  max-width: none !important;
  margin: 0 0 14px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

.respawn-account-details-page .rp-account-details-panel h3 {
  margin-top: 5px !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
}

.respawn-account-details-page .rp-account-details-fields {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.respawn-account-details-page .rp-account-details-fields-two {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)) !important;
}

.respawn-account-details-page .rp-account-details-form .form-row {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

.respawn-account-details-page .rp-account-details-form .form-row:last-child {
  margin-bottom: 0 !important;
}

.respawn-account-details-page .rp-account-details-form label {
  display: block !important;
  margin: 0 0 7px !important;
  color: rgba(245, 247, 251, .88) !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  line-height: 1.3 !important;
}

.respawn-account-details-page .rp-account-details-form .required {
  color: var(--rp-ca-purple) !important;
}

.respawn-account-details-page .rp-account-details-form input.input-text,
.respawn-account-details-page .rp-account-details-form input[type="text"],
.respawn-account-details-page .rp-account-details-form input[type="email"],
.respawn-account-details-page .rp-account-details-form input[type="password"] {
  width: 100% !important;
  min-height: 46px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 8px !important;
  background: rgba(9, 11, 18, .68) !important;
  color: var(--rp-ca-text) !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  outline: none !important;
}

.respawn-account-details-page .rp-account-details-form input.input-text:focus,
.respawn-account-details-page .rp-account-details-form input[type="text"]:focus,
.respawn-account-details-page .rp-account-details-form input[type="email"]:focus,
.respawn-account-details-page .rp-account-details-form input[type="password"]:focus {
  border-color: rgba(139, 92, 246, .64) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .14) !important;
}

.respawn-account-details-page .rp-account-consent-field {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
  border: 1px solid rgba(139, 92, 246, .20) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(135deg, rgba(139, 92, 246, .12), rgba(139, 92, 246, .035)),
    rgba(9, 11, 18, .50) !important;
}

.respawn-account-details-page .rp-account-details-form .rp-account-checkbox {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  color: rgba(245, 247, 251, .86) !important;
  cursor: pointer !important;
}

.respawn-account-details-page .rp-account-details-form .rp-account-checkbox input[type="checkbox"] {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.respawn-account-details-page .rp-account-toggle-control {
  position: relative !important;
  width: 44px !important;
  height: 24px !important;
  flex: 0 0 44px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .10) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35) !important;
  transition:
    background 180ms var(--rp-ca-ease),
    border-color 180ms var(--rp-ca-ease),
    box-shadow 180ms var(--rp-ca-ease) !important;
}

.respawn-account-details-page .rp-account-toggle-control::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .34) !important;
  transition: transform 180ms var(--rp-ca-ease) !important;
}

.respawn-account-details-page .rp-account-checkbox input[type="checkbox"]:checked + .rp-account-toggle-control {
  border-color: rgba(185, 154, 255, .55) !important;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .14) !important;
}

.respawn-account-details-page .rp-account-checkbox input[type="checkbox"]:checked + .rp-account-toggle-control::after {
  transform: translateX(20px) !important;
}

.respawn-account-details-page .rp-account-checkbox input[type="checkbox"]:focus-visible + .rp-account-toggle-control {
  outline: 2px solid rgba(185, 154, 255, .78) !important;
  outline-offset: 3px !important;
}

.respawn-account-details-page .rp-account-checkbox-copy {
  display: block !important;
  min-width: 0 !important;
}

.respawn-account-details-page .rp-account-checkbox-copy strong,
.respawn-account-details-page .rp-account-checkbox-copy small {
  display: block !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-details-page .rp-account-checkbox-copy strong {
  color: rgba(245, 247, 251, .86) !important;
  font-size: 13px !important;
  font-weight: 840 !important;
  line-height: 1.3 !important;
}

.respawn-account-details-page .rp-account-checkbox-copy small {
  margin-top: 3px !important;
  color: var(--rp-ca-muted) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.respawn-account-details-page .rp-account-details-password-fields {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-details-page .rp-account-details-actions {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border-color: rgba(139, 92, 246, .24) !important;
  background:
    linear-gradient(180deg, rgba(139, 92, 246, .12), rgba(139, 92, 246, .045)),
    var(--rp-ca-panel) !important;
}

.respawn-account-details-page .rp-account-details-actions-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

.respawn-account-details-page .rp-account-details-actions-copy strong,
.respawn-account-details-page .rp-account-details-actions-copy span {
  display: block !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-details-page .rp-account-details-actions-copy strong {
  color: var(--rp-ca-text) !important;
  font-size: 15px !important;
  font-weight: 840 !important;
  line-height: 1.25 !important;
}

.respawn-account-details-page .rp-account-details-actions-copy span {
  color: var(--rp-ca-muted) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.respawn-account-details-page .rp-account-details-save,
.respawn-account-details-page .woocommerce button.rp-account-details-save {
  width: auto !important;
  min-width: 190px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #8b5cf6, #6d28d9) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 840 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(77, 35, 173, .22) !important;
  transition:
    transform 220ms var(--rp-ca-ease),
    background 220ms var(--rp-ca-ease),
    box-shadow 220ms var(--rp-ca-ease) !important;
}

.respawn-account-details-page .rp-account-details-save:hover,
.respawn-account-details-page .rp-account-details-save:focus-visible,
.respawn-account-details-page .woocommerce button.rp-account-details-save:hover,
.respawn-account-details-page .woocommerce button.rp-account-details-save:focus-visible {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #9b6cff, #7c3aed) !important;
  color: #fff !important;
  box-shadow: 0 18px 38px rgba(77, 35, 173, .28) !important;
  outline: none;
}

.respawn-account-details-page .rp-privacy-requests-panel-compact {
  display: none !important;
}

@media (max-width: 1180px) {
  .respawn-account-details-page .rp-account-details-form {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-details-page .rp-account-details-panel:first-of-type,
  .respawn-account-details-page .rp-account-details-panel:nth-of-type(2),
  .respawn-account-details-page .rp-account-details-panel:nth-of-type(3),
  .respawn-account-details-page .rp-account-details-actions {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

@media (max-width: 980px) {
  .respawn-account-details-page .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-details-page .woocommerce-MyAccount-navigation {
    position: relative !important;
    top: auto !important;
    grid-column: 1 !important;
    padding: 14px !important;
  }

  .respawn-account-details-page .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .respawn-account-details-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    gap: 8px !important;
    max-width: 100% !important;
    overflow-x: auto;
    padding-bottom: 2px !important;
    scrollbar-width: thin;
  }

  .respawn-account-details-page .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto;
  }

  .respawn-account-details-page .woocommerce-MyAccount-navigation a {
    min-width: max-content;
    padding-inline: 12px !important;
  }
}

@media (max-width: 760px) {
  .respawn-account-details-page .rp-account-details-header,
  .respawn-account-details-page .rp-account-details-panel {
    padding: 16px !important;
  }

  .respawn-account-details-page .rp-account-details-header h2 {
    font-size: 30px !important;
  }

  .respawn-account-details-page .rp-account-details-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .respawn-account-details-page .rp-account-details-save,
  .respawn-account-details-page .woocommerce button.rp-account-details-save {
    width: 100% !important;
  }
}

@media (max-width: 520px) {
  .respawn-account-details-page .respawn-page-shell {
    width: min(100% - 24px, 1680px) !important;
  }

  .respawn-account-details-page .rp-account-details-fields-two {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-details-page .rp-account-details-actions,
  .respawn-account-details-page .rp-account-details-save {
    width: 100% !important;
  }
}

@media (max-width: 380px) {
  .respawn-account-details-page .respawn-page-shell {
    width: min(100% - 18px, 1680px) !important;
  }

  .respawn-account-details-page .woocommerce-MyAccount-navigation,
  .respawn-account-details-page .rp-account-details-header,
  .respawn-account-details-page .rp-account-details-panel {
    padding: 16px !important;
  }

  .respawn-account-details-page .rp-account-details-header h2 {
    font-size: 28px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .respawn-account-dashboard-page *,
  .respawn-account-dashboard-page *::before,
  .respawn-account-dashboard-page *::after,
  .respawn-account-orders-page *,
  .respawn-account-orders-page *::before,
  .respawn-account-orders-page *::after,
  .respawn-account-order-detail-page *,
  .respawn-account-order-detail-page *::before,
  .respawn-account-order-detail-page *::after,
  .respawn-account-addresses-page *,
  .respawn-account-addresses-page *::before,
  .respawn-account-addresses-page *::after,
  .respawn-account-payment-methods-page *,
  .respawn-account-payment-methods-page *::before,
  .respawn-account-payment-methods-page *::after,
  .respawn-account-privacy-page *,
  .respawn-account-privacy-page *::before,
  .respawn-account-privacy-page *::after,
  .respawn-account-details-page *,
  .respawn-account-details-page *::before,
  .respawn-account-details-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* =========================================================
   Respawn PCs account dashboard homepage colour sync
   This is intentionally last so it wins over older account
   dashboard styles that used the previous graphite palette.
   Scoped to the dashboard only; other account pages stay untouched.
========================================================= */
.respawn-account-dashboard-page {
  --rp-ca-bg: #080c14 !important;
  --rp-ca-panel: #111522 !important;
  --rp-ca-card: #0d111b !important;
  --rp-ca-card-soft: #0a0f19 !important;
  --rp-ca-line: rgba(148, 163, 184, .14) !important;
  --rp-ca-line-strong: rgba(167, 139, 250, .36) !important;
  --rp-ca-text: #f8fafc !important;
  --rp-ca-muted: rgba(226, 232, 240, .72) !important;
  --rp-ca-soft: rgba(226, 232, 240, .50) !important;
  --rp-ca-purple: #8b5cf6 !important;
  --rp-ca-purple-dark: #6d28d9 !important;
  --rp-ca-purple-soft: rgba(139, 92, 246, .14) !important;
  background:
    radial-gradient(circle at 50% -8%, rgba(139, 92, 246, .16), transparent 32rem),
    linear-gradient(180deg, #0a0f19 0%, #090e17 45%, #080c14 100%) !important;
  color: #f8fafc !important;
}

.respawn-account-dashboard-page,
.respawn-account-dashboard-page .respawn-page-content-section,
.respawn-account-dashboard-page .respawn-page-shell,
.respawn-account-dashboard-page .respawn-page-content-card,
.respawn-account-dashboard-page .woocommerce,
.respawn-account-dashboard-page .woocommerce-MyAccount-content,
.respawn-account-dashboard-page .rp-customer-dashboard {
  background-color: transparent !important;
  color: #f8fafc !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation,
.respawn-account-dashboard-page .rp-customer-hero,
.respawn-account-dashboard-page .rp-customer-card,
.respawn-account-dashboard-page .rp-customer-trust {
  border-color: rgba(148, 163, 184, .14) !important;
  background:
    linear-gradient(180deg, rgba(18, 24, 37, .94), rgba(9, 14, 24, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation {
  background:
    linear-gradient(180deg, rgba(18, 24, 37, .92), rgba(9, 14, 24, .96)) !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation::before,
.respawn-account-dashboard-page .rp-customer-hero h2,
.respawn-account-dashboard-page .rp-customer-section-head h3,
.respawn-account-dashboard-page .rp-customer-help h3,
.respawn-account-dashboard-page .rp-customer-empty-orders h3,
.respawn-account-dashboard-page .rp-customer-range-copy strong,
.respawn-account-dashboard-page .rp-customer-order-copy strong,
.respawn-account-dashboard-page .rp-customer-trust strong {
  color: #f8fafc !important;
}

.respawn-account-dashboard-page .rp-customer-hero p,
.respawn-account-dashboard-page .rp-customer-help p,
.respawn-account-dashboard-page .rp-customer-empty-orders p,
.respawn-account-dashboard-page .rp-customer-range-copy small,
.respawn-account-dashboard-page .rp-customer-order-copy small,
.respawn-account-dashboard-page .rp-customer-order-copy em,
.respawn-account-dashboard-page .rp-customer-trust small {
  color: rgba(226, 232, 240, .72) !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a {
  border-color: transparent !important;
  color: rgba(226, 232, 240, .82) !important;
  background: transparent !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation .is-active a,
.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:hover,
.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:focus-visible {
  border-color: rgba(167, 139, 250, .42) !important;
  background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 62%, #a78bfa 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-navigation .is-active a::before,
.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:hover::before,
.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #f8fafc !important;
}

.respawn-account-dashboard-page .rp-customer-hero {
  background:
    linear-gradient(90deg, rgba(9, 14, 24, .98) 0%, rgba(9, 14, 24, .90) 34%, rgba(9, 14, 24, .54) 58%, rgba(9, 14, 24, .08) 100%),
    radial-gradient(circle at 72% 50%, rgba(139, 92, 246, .22), transparent 25rem),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    #111522 !important;
}

.respawn-account-dashboard-page .rp-customer-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 18%, rgba(139, 92, 246, .12), transparent 20rem),
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 44%);
  opacity: .9;
}

.respawn-account-dashboard-page .rp-customer-hero-copy {
  z-index: 2;
}

.respawn-account-dashboard-page .rp-customer-btn-primary {
  border-color: rgba(167, 139, 250, .48) !important;
  background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 58%, #a78bfa 100%) !important;
  color: #fff !important;
  box-shadow: 0 18px 46px rgba(139, 92, 246, .20) !important;
}

.respawn-account-dashboard-page .rp-customer-btn-primary:hover,
.respawn-account-dashboard-page .rp-customer-btn-primary:focus-visible {
  border-color: rgba(196, 181, 253, .72) !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%) !important;
  color: #fff !important;
}

.respawn-account-dashboard-page .rp-customer-btn-secondary,
.respawn-account-dashboard-page .rp-customer-section-head > a,
.respawn-account-dashboard-page .rp-customer-order-link {
  border-color: rgba(148, 163, 184, .16) !important;
  background: rgba(255, 255, 255, .035) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
}

.respawn-account-dashboard-page .rp-customer-btn-secondary:hover,
.respawn-account-dashboard-page .rp-customer-btn-secondary:focus-visible,
.respawn-account-dashboard-page .rp-customer-section-head > a:hover,
.respawn-account-dashboard-page .rp-customer-section-head > a:focus-visible,
.respawn-account-dashboard-page .rp-customer-order-link:hover,
.respawn-account-dashboard-page .rp-customer-order-link:focus-visible {
  border-color: rgba(167, 139, 250, .42) !important;
  background: rgba(139, 92, 246, .12) !important;
  color: #fff !important;
}

.respawn-account-dashboard-page .rp-customer-section-head > a,
.respawn-account-dashboard-page .rp-customer-range-copy em,
.respawn-account-dashboard-page .rp-customer-trust span {
  color: #b78cff !important;
}

.respawn-account-dashboard-page .rp-customer-empty-icon,
.respawn-account-dashboard-page .rp-customer-help-icon {
  border-color: rgba(167, 139, 250, .28) !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(139, 92, 246, .32), rgba(139, 92, 246, .08) 64%, transparent 100%) !important;
  color: #b78cff !important;
  box-shadow: 0 18px 56px rgba(139, 92, 246, .12) !important;
}

.respawn-account-dashboard-page .rp-customer-order-row,
.respawn-account-dashboard-page .rp-customer-range-card {
  border-color: rgba(148, 163, 184, .13) !important;
  background-color: #0d111b !important;
  box-shadow: none !important;
}

.respawn-account-dashboard-page .rp-customer-order-row:hover,
.respawn-account-dashboard-page .rp-customer-range-card:hover,
.respawn-account-dashboard-page .rp-customer-range-card:focus-visible {
  border-color: rgba(167, 139, 250, .34) !important;
}

.respawn-account-dashboard-page .rp-customer-order-thumb {
  background:
    radial-gradient(circle at 50% 30%, rgba(139, 92, 246, .14), transparent 48%),
    #0d111b !important;
}

.respawn-account-dashboard-page .rp-customer-order-status {
  border-color: rgba(167, 139, 250, .24) !important;
  background: rgba(139, 92, 246, .10) !important;
  color: #d8c7ff !important;
}

.respawn-account-dashboard-page .rp-customer-range-card::after {
  background:
    linear-gradient(90deg, rgba(9, 14, 24, .96) 0%, rgba(9, 14, 24, .82) 38%, rgba(9, 14, 24, .32) 68%, rgba(9, 14, 24, .06) 100%),
    linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(255, 255, 255, .01)) !important;
}

.respawn-account-dashboard-page .rp-customer-range-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(circle at 78% 50%, rgba(139, 92, 246, .16), transparent 18rem);
}

.respawn-account-dashboard-page .rp-customer-trust {
  border-color: rgba(148, 163, 184, .12) !important;
  background: rgba(13, 17, 27, .76) !important;
}

.respawn-account-dashboard-page a:focus-visible,
.respawn-account-dashboard-page button:focus-visible {
  outline-color: rgba(183, 140, 255, .44) !important;
}

@media (max-width: 980px) {
  .respawn-account-dashboard-page .rp-customer-hero {
    background:
      linear-gradient(180deg, rgba(9, 14, 24, .18) 0%, rgba(9, 14, 24, .90) 48%, #080c14 100%),
      radial-gradient(circle at 50% 18%, rgba(139, 92, 246, .16), transparent 22rem),
      url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
      #111522 !important;
  }
}

/* =========================================================
   Dashboard final background lock
   The dashboard cards are inside customeraccount.css, but the
   page wash behind them was still coming from the global page
   shell. Keep this at the very bottom so it wins.
========================================================= */
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-dashboard-page,
html body.woocommerce-account main.respawn-account-dashboard-page,
html body.woocommerce-account .respawn-standard-page.respawn-account-page.respawn-account-dashboard-page {
  background:
    radial-gradient(circle at 50% -10%, rgba(139, 92, 246, .16), transparent 34rem),
    radial-gradient(circle at 12% 22%, rgba(139, 92, 246, .08), transparent 26rem),
    linear-gradient(180deg, #0a0f19 0%, #090e17 44%, #080c14 100%) !important;
  background-color: #080c14 !important;
  color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page > .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-content-section,
html body.woocommerce-account .respawn-account-dashboard-page > .respawn-page-content-section,
html body.woocommerce-account .respawn-account-dashboard-page .respawn-page-content-section {
  background:
    radial-gradient(circle at 50% -8%, rgba(139, 92, 246, .14), transparent 32rem),
    radial-gradient(circle at 82% 18%, rgba(59, 130, 246, .045), transparent 28rem),
    linear-gradient(180deg, #0a0f19 0%, #090e17 42%, #080c14 100%) !important;
  background-color: #080c14 !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-shell,
html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-content-card,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-content,
html body.woocommerce-account main.respawn-account-dashboard-page .rp-customer-dashboard {
  background: transparent !important;
  background-color: transparent !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .rp-customer-dashboard {
  position: relative !important;
  isolation: isolate !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page + .site-footer,
html body.woocommerce-account .site-footer {
  background: #080c14 !important;
  border-top-color: rgba(148, 163, 184, .10) !important;
}

/* =========================================================
   Orders page final homepage colour lock
   Keeps the orders endpoint on the same dark navy/purple
   palette as the corrected dashboard and cart pages.
========================================================= */
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-orders-page,
html body.woocommerce-account main.respawn-account-orders-page,
html body.woocommerce-account .respawn-standard-page.respawn-account-page.respawn-account-orders-page {
  --rp-ca-bg: #080c14 !important;
  --rp-ca-panel: #0d111b !important;
  --rp-ca-card: #111827 !important;
  --rp-ca-card-soft: #0b101a !important;
  --rp-ca-line: rgba(148, 163, 184, .14) !important;
  --rp-ca-line-strong: rgba(167, 139, 250, .42) !important;
  --rp-ca-text: #f8fafc !important;
  --rp-ca-muted: rgba(226, 232, 240, .72) !important;
  --rp-ca-soft: rgba(226, 232, 240, .56) !important;
  --rp-ca-purple: #8b5cf6 !important;
  --rp-ca-purple-dark: #6d28d9 !important;
  --rp-ca-purple-soft: rgba(139, 92, 246, .14) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(139, 92, 246, .16), transparent 34rem),
    radial-gradient(circle at 12% 22%, rgba(139, 92, 246, .08), transparent 26rem),
    linear-gradient(180deg, #0a0f19 0%, #090e17 44%, #080c14 100%) !important;
  background-color: #080c14 !important;
  color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-orders-page > .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-orders-page .respawn-page-content-section,
html body.woocommerce-account .respawn-account-orders-page > .respawn-page-content-section,
html body.woocommerce-account .respawn-account-orders-page .respawn-page-content-section {
  background:
    radial-gradient(circle at 50% -8%, rgba(139, 92, 246, .14), transparent 32rem),
    radial-gradient(circle at 82% 18%, rgba(59, 130, 246, .045), transparent 28rem),
    linear-gradient(180deg, #0a0f19 0%, #090e17 42%, #080c14 100%) !important;
  background-color: #080c14 !important;
}

html body.woocommerce-account main.respawn-account-orders-page .respawn-page-shell,
html body.woocommerce-account main.respawn-account-orders-page .respawn-page-content-card,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-content,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-view {
  background: transparent !important;
  background-color: transparent !important;
}

html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-header,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-panel,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-card,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-summary-card {
  border-color: rgba(148, 163, 184, .14) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
    rgba(13, 17, 27, .86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
    rgba(9, 14, 24, .92) !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-header {
  background:
    linear-gradient(90deg, rgba(9, 14, 24, .98) 0%, rgba(9, 14, 24, .90) 36%, rgba(9, 14, 24, .56) 62%, rgba(9, 14, 24, .12) 100%),
    radial-gradient(circle at 76% 50%, rgba(139, 92, 246, .20), transparent 25rem),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    #111522 !important;
  overflow: hidden !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-header::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 18%, rgba(139, 92, 246, .12), transparent 20rem),
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 44%);
  opacity: .9;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-header-copy,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-summary {
  position: relative !important;
  z-index: 2 !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-panel {
  background:
    radial-gradient(circle at 50% 0%, rgba(139, 92, 246, .055), transparent 22rem),
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
    rgba(13, 17, 27, .88) !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-empty-state {
  border-color: rgba(148, 163, 184, .12) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(139, 92, 246, .16), transparent 19rem),
    rgba(8, 12, 20, .54) !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-summary-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .016)),
    rgba(17, 24, 39, .72) !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-kicker,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-action:not(.rp-orders-action-primary),
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-pagination-link,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation::before {
  color: #b78cff !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-header h2,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-panel h3,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-empty-state h4,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-card h4,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-summary-card strong,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation::before {
  color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-header p,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-panel-head p,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-empty-state p,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-card-meta,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-summary-card span {
  color: rgba(226, 232, 240, .72) !important;
}

html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a {
  border-color: transparent !important;
  color: rgba(226, 232, 240, .82) !important;
  background: transparent !important;
}

html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation .is-active a,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a:hover,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a:focus-visible,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-action-primary {
  border-color: rgba(167, 139, 250, .42) !important;
  background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 62%, #a78bfa 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation .is-active a::before,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a:hover::before,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-action,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-pagination-link {
  border-color: rgba(148, 163, 184, .16) !important;
  background: rgba(255, 255, 255, .035) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-action:hover,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-action:focus-visible,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-pagination-link:hover,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-pagination-link:focus-visible {
  border-color: rgba(167, 139, 250, .42) !important;
  background: rgba(139, 92, 246, .12) !important;
  color: #fff !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-action-primary:hover,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-action-primary:focus-visible {
  border-color: rgba(196, 181, 253, .72) !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%) !important;
  color: #fff !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-empty-icon,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-card-media-fallback {
  border-color: rgba(167, 139, 250, .28) !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(139, 92, 246, .32), rgba(139, 92, 246, .08) 64%, transparent 100%) !important;
  color: #b78cff !important;
  box-shadow: 0 18px 56px rgba(139, 92, 246, .12) !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-card::before {
  background: linear-gradient(180deg, rgba(139, 92, 246, .72), rgba(139, 92, 246, 0)) !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-card-media {
  background:
    radial-gradient(circle at 50% 28%, rgba(139, 92, 246, .16), transparent 48%),
    #0b101a !important;
}

html body.woocommerce-account main.respawn-account-orders-page .rp-orders-card-status {
  border-color: rgba(167, 139, 250, .24) !important;
  background: rgba(139, 92, 246, .10) !important;
  color: #d8c7ff !important;
}

html body.woocommerce-account main.respawn-account-orders-page + .site-footer,
html body.woocommerce-account .site-footer {
  background: #080c14 !important;
  border-top-color: rgba(148, 163, 184, .10) !important;
}

@media (max-width: 980px) {
  html body.woocommerce-account main.respawn-account-orders-page .rp-orders-header {
    background:
      linear-gradient(180deg, rgba(9, 14, 24, .18) 0%, rgba(9, 14, 24, .90) 48%, #080c14 100%),
      radial-gradient(circle at 50% 18%, rgba(139, 92, 246, .16), transparent 22rem),
      url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
      #111522 !important;
  }
}

/* =========================================================
   Account details, addresses and payment methods final
   homepage colour lock
   Keeps these My Account endpoints on the same dark navy /
   purple scheme as the corrected dashboard, cart and orders.
========================================================= */
html body.woocommerce-account {
  background: #080c14 !important;
}

html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page,
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-addresses-page,
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-payment-methods-page,
html body.woocommerce-account main.respawn-account-details-page,
html body.woocommerce-account main.respawn-account-addresses-page,
html body.woocommerce-account main.respawn-account-payment-methods-page,
html body.woocommerce-account .respawn-standard-page.respawn-account-page.respawn-account-details-page,
html body.woocommerce-account .respawn-standard-page.respawn-account-page.respawn-account-addresses-page,
html body.woocommerce-account .respawn-standard-page.respawn-account-page.respawn-account-payment-methods-page {
  --rp-ca-bg: #080c14 !important;
  --rp-ca-panel: #0d111b !important;
  --rp-ca-card: #111827 !important;
  --rp-ca-card-soft: #0b101a !important;
  --rp-ca-line: rgba(148, 163, 184, .14) !important;
  --rp-ca-line-strong: rgba(167, 139, 250, .42) !important;
  --rp-ca-text: #f8fafc !important;
  --rp-ca-muted: rgba(226, 232, 240, .72) !important;
  --rp-ca-soft: rgba(226, 232, 240, .56) !important;
  --rp-ca-purple: #8b5cf6 !important;
  --rp-ca-purple-dark: #6d28d9 !important;
  --rp-ca-purple-soft: rgba(139, 92, 246, .14) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(139, 92, 246, .16), transparent 34rem),
    radial-gradient(circle at 12% 22%, rgba(139, 92, 246, .08), transparent 26rem),
    linear-gradient(180deg, #0a0f19 0%, #090e17 44%, #080c14 100%) !important;
  background-color: #080c14 !important;
  color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-details-page > .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-addresses-page > .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-payment-methods-page > .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-details-page .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-payment-methods-page .respawn-page-content-section,
html body.woocommerce-account .respawn-account-details-page > .respawn-page-content-section,
html body.woocommerce-account .respawn-account-addresses-page > .respawn-page-content-section,
html body.woocommerce-account .respawn-account-payment-methods-page > .respawn-page-content-section,
html body.woocommerce-account .respawn-account-details-page .respawn-page-content-section,
html body.woocommerce-account .respawn-account-addresses-page .respawn-page-content-section,
html body.woocommerce-account .respawn-account-payment-methods-page .respawn-page-content-section {
  min-height: calc(100vh - 220px) !important;
  background:
    radial-gradient(circle at 50% -8%, rgba(139, 92, 246, .14), transparent 32rem),
    radial-gradient(circle at 82% 18%, rgba(59, 130, 246, .045), transparent 28rem),
    linear-gradient(180deg, #0a0f19 0%, #090e17 42%, #080c14 100%) !important;
  background-color: #080c14 !important;
}

html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-shell,
html body.woocommerce-account main.respawn-account-payment-methods-page .respawn-page-shell,
html body.woocommerce-account main.respawn-account-details-page .respawn-page-content-card,
html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-content-card,
html body.woocommerce-account main.respawn-account-payment-methods-page .respawn-page-content-card,
html body.woocommerce-account main.respawn-account-details-page .woocommerce,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce,
html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-content,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-content,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-content,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-view,
html body.woocommerce-account main.respawn-account-addresses-page .rp-addresses-view,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-methods-view,
html body.woocommerce-account main.respawn-account-payment-methods-page #add_payment_method {
  background: transparent !important;
  background-color: transparent !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-navigation,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-navigation,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-header,
html body.woocommerce-account main.respawn-account-addresses-page .rp-addresses-header,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-methods-header,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel,
html body.woocommerce-account main.respawn-account-addresses-page .rp-address-card,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-card,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-empty,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-footer,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-content > form,
html body.woocommerce-account main.respawn-account-payment-methods-page #add_payment_method #payment,
html body.woocommerce-account main.respawn-account-payment-methods-page table.shop_table,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-paymentMethods {
  border-color: rgba(148, 163, 184, .14) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
    rgba(13, 17, 27, .86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-navigation,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-navigation,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
    rgba(9, 14, 24, .92) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-header,
html body.woocommerce-account main.respawn-account-addresses-page .rp-addresses-header,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-methods-header {
  background:
    linear-gradient(90deg, rgba(9, 14, 24, .98) 0%, rgba(9, 14, 24, .90) 36%, rgba(9, 14, 24, .56) 62%, rgba(9, 14, 24, .12) 100%),
    radial-gradient(circle at 76% 50%, rgba(139, 92, 246, .20), transparent 25rem),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    #111522 !important;
  overflow: hidden !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-header::after,
html body.woocommerce-account main.respawn-account-addresses-page .rp-addresses-header::after,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-methods-header::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 18%, rgba(139, 92, 246, .12), transparent 20rem),
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 44%);
  opacity: .9;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-header > *,
html body.woocommerce-account main.respawn-account-addresses-page .rp-addresses-header > *,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-methods-header > * {
  position: relative !important;
  z-index: 2 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel,
html body.woocommerce-account main.respawn-account-addresses-page .rp-address-card,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-content > form,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-card,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-empty,
html body.woocommerce-account main.respawn-account-payment-methods-page #add_payment_method #payment {
  background:
    radial-gradient(circle at 50% 0%, rgba(139, 92, 246, .055), transparent 22rem),
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
    rgba(13, 17, 27, .88) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel:first-of-type,
html body.woocommerce-account main.respawn-account-addresses-page .rp-address-card:first-child,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-card.is-default {
  border-color: rgba(167, 139, 250, .22) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel:first-of-type::before,
html body.woocommerce-account main.respawn-account-addresses-page .rp-address-card::before,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-card::before {
  background: linear-gradient(180deg, rgba(139, 92, 246, .72), rgba(139, 92, 246, 0)) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-kicker,
html body.woocommerce-account main.respawn-account-addresses-page .rp-addresses-kicker,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-methods-kicker,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel-label,
html body.woocommerce-account main.respawn-account-addresses-page .rp-address-card-label,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-card-label,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-badge,
html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-navigation::before,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-navigation::before,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation::before {
  color: #b78cff !important;
}

html body.woocommerce-account main.respawn-account-details-page h1,
html body.woocommerce-account main.respawn-account-addresses-page h1,
html body.woocommerce-account main.respawn-account-payment-methods-page h1,
html body.woocommerce-account main.respawn-account-details-page h2,
html body.woocommerce-account main.respawn-account-addresses-page h2,
html body.woocommerce-account main.respawn-account-payment-methods-page h2,
html body.woocommerce-account main.respawn-account-details-page h3,
html body.woocommerce-account main.respawn-account-addresses-page h3,
html body.woocommerce-account main.respawn-account-payment-methods-page h3,
html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-navigation::before,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-navigation::before,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation::before,
html body.woocommerce-account main.respawn-account-details-page label,
html body.woocommerce-account main.respawn-account-addresses-page label,
html body.woocommerce-account main.respawn-account-payment-methods-page label,
html body.woocommerce-account main.respawn-account-payment-methods-page table.shop_table th,
html body.woocommerce-account main.respawn-account-payment-methods-page table.shop_table td {
  color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-details-page p,
html body.woocommerce-account main.respawn-account-addresses-page p,
html body.woocommerce-account main.respawn-account-payment-methods-page p,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-help,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions-copy span,
html body.woocommerce-account main.respawn-account-addresses-page .rp-address-card-body,
html body.woocommerce-account main.respawn-account-addresses-page .rp-address-empty,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-empty p,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-footer span,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-meta,
html body.woocommerce-account main.respawn-account-payment-methods-page table.shop_table td,
html body.woocommerce-account main.respawn-account-payment-methods-page .payment_box {
  color: rgba(226, 232, 240, .72) !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-navigation a,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-navigation a,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a {
  border-color: transparent !important;
  color: rgba(226, 232, 240, .82) !important;
  background: transparent !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-navigation .is-active a,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-navigation .is-active a,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation .is-active a,
html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-navigation a:hover,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-navigation a:hover,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a:hover,
html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-navigation a:focus-visible,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-navigation a:focus-visible,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a:focus-visible {
  border-color: rgba(167, 139, 250, .42) !important;
  background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 62%, #a78bfa 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-navigation .is-active a::before,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-navigation .is-active a::before,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation .is-active a::before,
html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-navigation a:hover::before,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-navigation a:hover::before,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a:hover::before,
html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-navigation a:focus-visible::before,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-navigation a:focus-visible::before,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-details-page input.input-text,
html body.woocommerce-account main.respawn-account-addresses-page input.input-text,
html body.woocommerce-account main.respawn-account-payment-methods-page input.input-text,
html body.woocommerce-account main.respawn-account-details-page input[type="text"],
html body.woocommerce-account main.respawn-account-addresses-page input[type="text"],
html body.woocommerce-account main.respawn-account-payment-methods-page input[type="text"],
html body.woocommerce-account main.respawn-account-details-page input[type="email"],
html body.woocommerce-account main.respawn-account-addresses-page input[type="email"],
html body.woocommerce-account main.respawn-account-payment-methods-page input[type="email"],
html body.woocommerce-account main.respawn-account-details-page input[type="password"],
html body.woocommerce-account main.respawn-account-addresses-page input[type="password"],
html body.woocommerce-account main.respawn-account-payment-methods-page input[type="password"],
html body.woocommerce-account main.respawn-account-addresses-page input[type="tel"],
html body.woocommerce-account main.respawn-account-details-page select,
html body.woocommerce-account main.respawn-account-addresses-page select,
html body.woocommerce-account main.respawn-account-payment-methods-page select,
html body.woocommerce-account main.respawn-account-addresses-page .select2-container--default .select2-selection--single,
html body.woocommerce-account main.respawn-account-payment-methods-page .select2-container--default .select2-selection--single {
  border-color: rgba(148, 163, 184, .18) !important;
  background: rgba(8, 12, 20, .78) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page input::placeholder,
html body.woocommerce-account main.respawn-account-addresses-page input::placeholder,
html body.woocommerce-account main.respawn-account-payment-methods-page input::placeholder {
  color: rgba(226, 232, 240, .42) !important;
}

html body.woocommerce-account main.respawn-account-details-page input.input-text:focus,
html body.woocommerce-account main.respawn-account-addresses-page input.input-text:focus,
html body.woocommerce-account main.respawn-account-payment-methods-page input.input-text:focus,
html body.woocommerce-account main.respawn-account-details-page input[type="text"]:focus,
html body.woocommerce-account main.respawn-account-addresses-page input[type="text"]:focus,
html body.woocommerce-account main.respawn-account-payment-methods-page input[type="text"]:focus,
html body.woocommerce-account main.respawn-account-details-page input[type="email"]:focus,
html body.woocommerce-account main.respawn-account-addresses-page input[type="email"]:focus,
html body.woocommerce-account main.respawn-account-payment-methods-page input[type="email"]:focus,
html body.woocommerce-account main.respawn-account-details-page input[type="password"]:focus,
html body.woocommerce-account main.respawn-account-addresses-page input[type="password"]:focus,
html body.woocommerce-account main.respawn-account-payment-methods-page input[type="password"]:focus,
html body.woocommerce-account main.respawn-account-addresses-page input[type="tel"]:focus,
html body.woocommerce-account main.respawn-account-details-page select:focus,
html body.woocommerce-account main.respawn-account-addresses-page select:focus,
html body.woocommerce-account main.respawn-account-payment-methods-page select:focus,
html body.woocommerce-account main.respawn-account-addresses-page .select2-container--default.select2-container--focus .select2-selection--single,
html body.woocommerce-account main.respawn-account-payment-methods-page .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: rgba(167, 139, 250, .54) !important;
  background: rgba(11, 16, 26, .92) !important;
  outline: none !important;
}

html body.woocommerce-account main.respawn-account-details-page button.button,
html body.woocommerce-account main.respawn-account-addresses-page button.button,
html body.woocommerce-account main.respawn-account-payment-methods-page button.button,
html body.woocommerce-account main.respawn-account-details-page .button,
html body.woocommerce-account main.respawn-account-addresses-page .button,
html body.woocommerce-account main.respawn-account-payment-methods-page .button,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-save,
html body.woocommerce-account main.respawn-account-addresses-page .rp-address-edit,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-add,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-actions a {
  border-color: rgba(148, 163, 184, .16) !important;
  background: rgba(255, 255, 255, .035) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page button.button[type="submit"],
html body.woocommerce-account main.respawn-account-addresses-page button.button[type="submit"],
html body.woocommerce-account main.respawn-account-payment-methods-page button.button[type="submit"],
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-save,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-add {
  border-color: rgba(167, 139, 250, .42) !important;
  background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 62%, #a78bfa 100%) !important;
  color: #fff !important;
}

html body.woocommerce-account main.respawn-account-details-page button.button:hover,
html body.woocommerce-account main.respawn-account-addresses-page button.button:hover,
html body.woocommerce-account main.respawn-account-payment-methods-page button.button:hover,
html body.woocommerce-account main.respawn-account-details-page .button:hover,
html body.woocommerce-account main.respawn-account-addresses-page .button:hover,
html body.woocommerce-account main.respawn-account-payment-methods-page .button:hover,
html body.woocommerce-account main.respawn-account-addresses-page .rp-address-edit:hover,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-actions a:hover {
  border-color: rgba(167, 139, 250, .42) !important;
  background: rgba(139, 92, 246, .12) !important;
  color: #fff !important;
}

html body.woocommerce-account main.respawn-account-details-page button.button[type="submit"]:hover,
html body.woocommerce-account main.respawn-account-addresses-page button.button[type="submit"]:hover,
html body.woocommerce-account main.respawn-account-payment-methods-page button.button[type="submit"]:hover,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-save:hover,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-add:hover {
  border-color: rgba(196, 181, 253, .72) !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%) !important;
  color: #fff !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce-message,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-message,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-message,
html body.woocommerce-account main.respawn-account-details-page .woocommerce-info,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-info,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-info,
html body.woocommerce-account main.respawn-account-details-page .woocommerce-error,
html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-error,
html body.woocommerce-account main.respawn-account-payment-methods-page .woocommerce-error {
  border-color: rgba(167, 139, 250, .24) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
    rgba(13, 17, 27, .92) !important;
  color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-payment-methods-page #add_payment_method #payment div.payment_box,
html body.woocommerce-account main.respawn-account-payment-methods-page #add_payment_method #payment ul.payment_methods,
html body.woocommerce-account main.respawn-account-payment-methods-page #add_payment_method #payment li.payment_method_stripe,
html body.woocommerce-account main.respawn-account-payment-methods-page #add_payment_method #payment li.wc_payment_method {
  border-color: rgba(148, 163, 184, .14) !important;
  background: rgba(8, 12, 20, .56) !important;
  color: rgba(226, 232, 240, .72) !important;
}

html body.woocommerce-account main.respawn-account-payment-methods-page #add_payment_method #payment ul.payment_methods li label,
html body.woocommerce-account main.respawn-account-payment-methods-page #add_payment_method #payment .payment_box label {
  color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-toggle-control,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form .rp-account-checkbox input[type="checkbox"],
html body.woocommerce-account main.respawn-account-addresses-page .rp-address-empty,
html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-method-empty-icon {
  border-color: rgba(167, 139, 250, .28) !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(139, 92, 246, .32), rgba(139, 92, 246, .08) 64%, transparent 100%) !important;
  color: #b78cff !important;
  box-shadow: 0 18px 56px rgba(139, 92, 246, .12) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-checkbox input[type="checkbox"]:checked + .rp-account-toggle-control {
  background: linear-gradient(135deg, #7c3aed, #8b5cf6) !important;
  border-color: rgba(196, 181, 253, .72) !important;
}

html body.woocommerce-account main.respawn-account-payment-methods-page table.shop_table tr,
html body.woocommerce-account main.respawn-account-payment-methods-page table.shop_table thead,
html body.woocommerce-account main.respawn-account-payment-methods-page table.shop_table tbody,
html body.woocommerce-account main.respawn-account-payment-methods-page table.shop_table tfoot {
  border-color: rgba(148, 163, 184, .12) !important;
  background: transparent !important;
}

html body.woocommerce-account main.respawn-account-details-page + .site-footer,
html body.woocommerce-account main.respawn-account-addresses-page + .site-footer,
html body.woocommerce-account main.respawn-account-payment-methods-page + .site-footer,
html body.woocommerce-account .site-footer {
  background: #080c14 !important;
  border-top-color: rgba(148, 163, 184, .10) !important;
}

@media (max-width: 980px) {
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-header,
  html body.woocommerce-account main.respawn-account-addresses-page .rp-addresses-header,
  html body.woocommerce-account main.respawn-account-payment-methods-page .rp-payment-methods-header {
    background:
      linear-gradient(180deg, rgba(9, 14, 24, .18) 0%, rgba(9, 14, 24, .90) 48%, #080c14 100%),
      radial-gradient(circle at 50% 18%, rgba(139, 92, 246, .16), transparent 22rem),
      url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
      #111522 !important;
  }
}

/* =========================================================
   Privacy requests final premium redesign
   Corrects the old graphite boxes, spacing, and account
   privacy page colour scheme to match the new homepage/cart
   dark navy and purple palette.
========================================================= */
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-privacy-page,
html body.woocommerce-account main.respawn-account-privacy-page,
html body.woocommerce-account .respawn-standard-page.respawn-account-page.respawn-account-privacy-page {
  --rp-ca-bg: #080c14 !important;
  --rp-ca-panel: #0d111b !important;
  --rp-ca-card: #111827 !important;
  --rp-ca-card-soft: #0b101a !important;
  --rp-ca-line: rgba(148, 163, 184, .14) !important;
  --rp-ca-line-strong: rgba(167, 139, 250, .42) !important;
  --rp-ca-text: #f8fafc !important;
  --rp-ca-muted: rgba(226, 232, 240, .72) !important;
  --rp-ca-soft: rgba(226, 232, 240, .52) !important;
  --rp-ca-purple: #8b5cf6 !important;
  --rp-ca-purple-dark: #6d28d9 !important;
  --rp-ca-purple-light: #b78cff !important;
  --rp-ca-purple-soft: rgba(139, 92, 246, .14) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(139, 92, 246, .16), transparent 34rem),
    radial-gradient(circle at 12% 22%, rgba(139, 92, 246, .08), transparent 26rem),
    linear-gradient(180deg, #0a0f19 0%, #090e17 44%, #080c14 100%) !important;
  background-color: #080c14 !important;
  color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-privacy-page > .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-content-section,
html body.woocommerce-account .respawn-account-privacy-page > .respawn-page-content-section,
html body.woocommerce-account .respawn-account-privacy-page .respawn-page-content-section {
  padding: clamp(18px, 1.8vw, 26px) 0 clamp(80px, 7vw, 120px) !important;
  background:
    radial-gradient(circle at 50% -8%, rgba(139, 92, 246, .14), transparent 32rem),
    radial-gradient(circle at 82% 18%, rgba(59, 130, 246, .045), transparent 28rem),
    linear-gradient(180deg, #0a0f19 0%, #090e17 42%, #080c14 100%) !important;
  background-color: #080c14 !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-shell,
html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-content-card,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-content {
  background: transparent !important;
  background-color: transparent !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .woocommerce {
  grid-template-columns: minmax(220px, 250px) minmax(0, 1fr) !important;
  gap: clamp(18px, 1.8vw, 28px) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation {
  border-color: rgba(148, 163, 184, .14) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(18, 24, 37, .92), rgba(9, 14, 24, .96)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation::before {
  color: #f8fafc !important;
  letter-spacing: .12em !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation a {
  border-color: transparent !important;
  color: rgba(226, 232, 240, .82) !important;
  background: transparent !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation .is-active a,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation a:hover,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation a:focus-visible {
  border-color: rgba(167, 139, 250, .42) !important;
  background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 62%, #a78bfa 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation .is-active a::before,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation a:hover::before,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-panel {
  overflow: hidden !important;
  max-width: 1260px !important;
  display: grid !important;
  gap: clamp(20px, 2vw, 28px) !important;
  padding: clamp(18px, 2vw, 26px) !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(18, 24, 37, .88), rgba(9, 14, 24, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 24px 70px rgba(0, 0, 0, .24) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: clamp(170px, 16vw, 230px) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: clamp(24px, 3vw, 42px) !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(90deg, rgba(9, 14, 24, .98) 0%, rgba(9, 14, 24, .90) 45%, rgba(9, 14, 24, .54) 72%, rgba(9, 14, 24, .26) 100%),
    radial-gradient(circle at 76% 45%, rgba(139, 92, 246, .24), transparent 26rem),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    #111827 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 17% 18%, rgba(139, 92, 246, .14), transparent 20rem),
    linear-gradient(180deg, rgba(255, 255, 255, .026), transparent 44%) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-kicker {
  margin-bottom: 10px !important;
  color: #b78cff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .18em !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head h3 {
  max-width: 780px !important;
  color: #f8fafc !important;
  font-size: clamp(34px, 3.2vw, 54px) !important;
  font-weight: 900 !important;
  line-height: .96 !important;
  letter-spacing: -.06em !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head p {
  max-width: 780px !important;
  margin-top: 14px !important;
  color: rgba(226, 232, 240, .76) !important;
  font-size: clamp(13px, .9vw, 15px) !important;
  line-height: 1.65 !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-form {
  display: grid !important;
  gap: clamp(18px, 1.8vw, 24px) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-options {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option {
  min-height: 144px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: flex-start !important;
  padding: 20px !important;
  border: 1px solid rgba(148, 163, 184, .13) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(139, 92, 246, .08), transparent 42%),
    linear-gradient(180deg, rgba(17, 24, 39, .92), rgba(8, 12, 20, .92)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:nth-child(5) {
  grid-column: span 2 !important;
  min-height: 118px !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:hover,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:focus-within {
  transform: translateY(-2px) !important;
  border-color: rgba(167, 139, 250, .36) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(139, 92, 246, .12), transparent 42%),
    linear-gradient(180deg, rgba(18, 24, 37, .98), rgba(10, 15, 25, .98)) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:has(.rp-privacy-option-radio:checked) {
  border-color: rgba(167, 139, 250, .58) !important;
  background:
    radial-gradient(circle at 96% 10%, rgba(139, 92, 246, .24), transparent 38%),
    linear-gradient(180deg, rgba(139, 92, 246, .18), rgba(11, 16, 26, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 18px 48px rgba(139, 92, 246, .10) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-control {
  width: 26px !important;
  height: 26px !important;
  margin-top: 1px !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  border-radius: 999px !important;
  background: rgba(8, 12, 20, .86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-radio:checked + .rp-privacy-option-control {
  border-color: rgba(196, 181, 253, .78) !important;
  background: linear-gradient(135deg, #7c3aed, #8b5cf6 62%, #a78bfa) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-radio:checked + .rp-privacy-option-control::before {
  width: 10px !important;
  height: 10px !important;
  background: #fff !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-copy strong {
  color: #f8fafc !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -.015em !important;
  line-height: 1.18 !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-copy small {
  max-width: 56ch !important;
  margin-top: 9px !important;
  color: rgba(226, 232, 240, .68) !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field {
  width: min(820px, 100%) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field label {
  margin-bottom: 9px !important;
  color: #f8fafc !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field input,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field textarea {
  border-color: rgba(148, 163, 184, .18) !important;
  border-radius: 12px !important;
  background: rgba(8, 12, 20, .82) !important;
  color: #f8fafc !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field input {
  min-height: 52px !important;
  padding: 0 16px !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field textarea {
  min-height: 152px !important;
  padding: 16px !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field input::placeholder,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field textarea::placeholder {
  color: rgba(226, 232, 240, .42) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field input:focus,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field textarea:focus {
  border-color: rgba(167, 139, 250, .54) !important;
  background: rgba(11, 16, 26, .96) !important;
  outline: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 0 0 3px rgba(139, 92, 246, .16) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field small {
  color: rgba(226, 232, 240, .54) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-note {
  width: min(880px, 100%) !important;
  padding: 18px 20px !important;
  border-color: rgba(167, 139, 250, .18) !important;
  border-radius: 14px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(139, 92, 246, .10), transparent 34%),
    rgba(13, 17, 27, .78) !important;
  color: rgba(226, 232, 240, .76) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-note p {
  color: rgba(226, 232, 240, .76) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-submit,
html body.woocommerce-account main.respawn-account-privacy-page button.rp-privacy-request-submit,
html body.woocommerce-account main.respawn-account-privacy-page button[type="submit"].rp-privacy-request-submit {
  min-height: 48px !important;
  padding: 0 20px !important;
  border: 1px solid rgba(167, 139, 250, .48) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 58%, #a78bfa 100%) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  box-shadow: 0 18px 46px rgba(139, 92, 246, .20) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-submit:hover,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-submit:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(196, 181, 253, .72) !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%) !important;
  color: #fff !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-feedback,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-message,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-info,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-error {
  border-color: rgba(167, 139, 250, .24) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012)),
    rgba(13, 17, 27, .92) !important;
  color: #f8fafc !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history article {
  border-color: rgba(148, 163, 184, .13) !important;
  border-radius: 14px !important;
  background: rgba(13, 17, 27, .76) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history strong,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history span,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history small {
  color: rgba(226, 232, 240, .72) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page + .site-footer,
html body.woocommerce-account .respawn-account-privacy-page + .site-footer {
  background: #080c14 !important;
  border-top-color: rgba(148, 163, 184, .10) !important;
}

@media (min-width: 1280px) {
  html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-shell {
    width: min(1500px, calc(100% - 96px)) !important;
  }
}

@media (max-width: 980px) {
  html body.woocommerce-account main.respawn-account-privacy-page .woocommerce {
    grid-template-columns: 1fr !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation {
    position: relative !important;
    top: auto !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-options {
    grid-template-columns: 1fr !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:nth-child(5) {
    grid-column: auto !important;
  }
}

@media (max-width: 640px) {
  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-panel {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head,
  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option,
  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-note {
    padding: 16px !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head h3 {
    font-size: clamp(30px, 10vw, 40px) !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-submit {
    width: 100% !important;
  }
}

/* =========================================================
   Respawn PCs My Account Dashboard V2
   Dashboard-only refresh. This block is deliberately scoped to
   .respawn-account-dashboard-page and .rp-account-dashboard-v2
   so it does not touch cart, checkout, legal, shop or other pages.
========================================================= */

.respawn-account-dashboard-page {
  --rp-v2-bg: #070b14;
  --rp-v2-panel: #101827;
  --rp-v2-panel-deep: #0b111d;
  --rp-v2-border: rgba(148, 163, 184, .14);
  --rp-v2-border-strong: #243047;
  --rp-v2-text: #f8fafc;
  --rp-v2-muted: #c3c6d6;
  --rp-v2-soft: rgba(226, 232, 240, .74);
  --rp-v2-purple: #8a2be2;
  --rp-v2-purple-bright: #a855f7;
  --rp-v2-success: #36b37e;
}

.respawn-account-dashboard-page .respawn-page-hero {
  display: none !important;
}

.respawn-account-dashboard-page .respawn-page-content-section {
  background:
    radial-gradient(circle at 50% -10%, rgba(138, 43, 226, .11), transparent 32rem),
    linear-gradient(180deg, #090e17 0%, #080d15 48%, #070b14 100%) !important;
}

.respawn-account-dashboard-page .respawn-page-shell,
.respawn-standard-page.respawn-account-page.respawn-account-dashboard-page .respawn-page-shell {
  width: min(1200px, calc(100% - clamp(24px, 5vw, 80px))) !important;
  max-width: none !important;
}

.respawn-account-dashboard-page .respawn-page-content-card,
.respawn-account-dashboard-page .woocommerce,
.respawn-account-dashboard-page .woocommerce-MyAccount-content,
.respawn-account-dashboard-page .rp-account-dashboard-v2 {
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-dashboard-page .woocommerce {
  display: grid !important;
  grid-template-columns: minmax(230px, 260px) minmax(0, 1fr) !important;
  gap: clamp(18px, 2vw, 28px) !important;
  align-items: start !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.respawn-account-dashboard-page .woocommerce-MyAccount-content > p {
  display: none !important;
}

/* Keep the left nav as the shared WooCommerce account nav, but clean it on dashboard. */
.respawn-account-dashboard-page .woocommerce-MyAccount-navigation {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: sticky !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 90px) !important;
}

/* Main dashboard */
.rp-account-dashboard-v2,
.rp-account-dashboard-v2 *,
.rp-account-dashboard-v2 *::before,
.rp-account-dashboard-v2 *::after {
  box-sizing: border-box;
}

.rp-account-dashboard-v2 {
  display: grid !important;
  gap: 24px !important;
  min-width: 0 !important;
  color: var(--rp-v2-text) !important;
}

.rp-acct-v2-hero,
.rp-acct-v2-order-card,
.rp-acct-v2-help,
.rp-acct-v2-range-card,
.rp-acct-v2-trust-card,
.rp-acct-v2-empty-orders {
  border: 1px solid var(--rp-v2-border) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(16, 24, 39, .96), rgba(10, 15, 24, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

/* Hero */
.rp-acct-v2-hero {
  position: relative !important;
  overflow: hidden !important;
  min-height: 210px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 38%) !important;
  align-items: stretch !important;
}

.rp-acct-v2-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(10, 15, 24, .99) 0%, rgba(10, 15, 24, .94) 40%, rgba(10, 15, 24, .56) 68%, rgba(10, 15, 24, .08) 100%),
    radial-gradient(circle at 24% 18%, rgba(138, 43, 226, .13), transparent 20rem) !important;
}

.rp-acct-v2-hero__content {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  padding: clamp(24px, 2.8vw, 34px) !important;
}

.rp-acct-v2-hero h2 {
  max-width: 560px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(30px, 2.65vw, 40px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em !important;
  font-weight: 850 !important;
}

.rp-acct-v2-hero p {
  max-width: 540px !important;
  margin: 12px 0 0 !important;
  color: var(--rp-v2-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.rp-acct-v2-hero__image {
  position: relative !important;
  z-index: 0 !important;
  min-height: 100% !important;
  background: url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat !important;
}

.rp-acct-v2-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 24px !important;
}

.rp-acct-v2-button,
.rp-acct-v2-order-link {
  min-height: 46px !important;
  min-width: 168px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 22px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease !important;
}

.rp-acct-v2-button--primary {
  border: 1px solid rgba(170, 105, 255, .48) !important;
  background: linear-gradient(135deg, var(--rp-v2-purple) 0%, var(--rp-v2-purple-bright) 100%) !important;
  color: #fff !important;
}

.rp-acct-v2-button--secondary,
.rp-acct-v2-button--support,
.rp-acct-v2-order-link {
  border: 1px solid rgba(148, 163, 184, .16) !important;
  background: rgba(255, 255, 255, .025) !important;
  color: #fff !important;
}

.rp-acct-v2-button--support {
  width: 100% !important;
  background: #25344f !important;
}

.rp-acct-v2-button:hover,
.rp-acct-v2-button:focus-visible,
.rp-acct-v2-order-link:hover,
.rp-acct-v2-order-link:focus-visible,
.rp-acct-v2-range-card:hover,
.rp-acct-v2-range-card:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(168, 85, 247, .38) !important;
}

/* Recent orders + help */
.rp-acct-v2-summary-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 280px) !important;
  gap: 24px !important;
  align-items: start !important;
}

.rp-acct-v2-section-head,
.rp-acct-v2-help__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 0 0 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .14) !important;
}

.rp-acct-v2-help__head {
  justify-content: flex-start !important;
}

.rp-acct-v2-section-head h3,
.rp-acct-v2-help__head h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(20px, 1.7vw, 25px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.03em !important;
  font-weight: 850 !important;
}

.rp-acct-v2-section-head > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--rp-v2-purple-bright) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.rp-acct-v2-order-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 126px !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 16px !important;
}

.rp-acct-v2-order-card__main {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
}

.rp-acct-v2-order-thumb {
  width: 64px !important;
  height: 64px !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 9px !important;
  background: #0a0f18 !important;
}

.rp-acct-v2-order-thumb img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.rp-acct-v2-order-copy {
  min-width: 0 !important;
}

.rp-acct-v2-order-meta,
.rp-acct-v2-order-subtitle {
  margin: 0 !important;
  color: var(--rp-v2-soft) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.rp-acct-v2-order-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  align-items: center !important;
  margin-bottom: 3px !important;
}

.rp-acct-v2-order-copy h4 {
  margin: 0 !important;
  overflow-wrap: anywhere !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.22 !important;
  letter-spacing: -.01em !important;
  font-weight: 850 !important;
}

.rp-acct-v2-order-subtitle {
  margin-top: 4px !important;
}

.rp-acct-v2-status {
  min-height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 9px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(16, 185, 129, .22) !important;
  border-radius: 999px !important;
  background: rgba(16, 185, 129, .10) !important;
  color: var(--rp-v2-success) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.rp-acct-v2-status--cancelled,
.rp-acct-v2-status--failed {
  border-color: rgba(239, 68, 68, .24) !important;
  background: rgba(239, 68, 68, .10) !important;
  color: #f87171 !important;
}

.rp-acct-v2-status--pending,
.rp-acct-v2-status--on-hold,
.rp-acct-v2-status--processing {
  border-color: rgba(245, 158, 11, .24) !important;
  background: rgba(245, 158, 11, .10) !important;
  color: #fbbf24 !important;
}

.rp-acct-v2-order-link {
  min-width: 0 !important;
  width: 100% !important;
}

.rp-acct-v2-help {
  padding: 20px !important;
}

.rp-acct-v2-help__head span {
  width: 26px !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(168, 85, 247, .42) !important;
  border-radius: 999px !important;
  color: var(--rp-v2-purple-bright) !important;
  font-weight: 900 !important;
}

.rp-acct-v2-help p {
  margin: 0 0 18px !important;
  color: var(--rp-v2-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.rp-acct-v2-empty-orders {
  display: grid !important;
  justify-items: center !important;
  gap: 12px !important;
  padding: 28px 20px !important;
  text-align: center !important;
}

.rp-acct-v2-empty-orders h4,
.rp-acct-v2-empty-orders p {
  margin: 0 !important;
}

.rp-acct-v2-empty-orders h4 {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 850 !important;
}

.rp-acct-v2-empty-orders p {
  max-width: 34rem !important;
  color: var(--rp-v2-muted) !important;
  font-size: 14px !important;
}

/* Range */
.rp-acct-v2-section-head--range {
  margin-bottom: 18px !important;
}

.rp-acct-v2-range-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.rp-acct-v2-range-card {
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  color: #fff !important;
  text-decoration: none !important;
}

.rp-acct-v2-range-card__image {
  position: relative !important;
  display: block !important;
  aspect-ratio: 16 / 7 !important;
  margin: 12px 12px 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, .12) !important;
  border-radius: 10px !important;
  background-color: #0c1320 !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.rp-acct-v2-range-card__image::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(10, 15, 24, .08), rgba(10, 15, 24, .38)),
    radial-gradient(circle at 50% 50%, rgba(138, 43, 226, .10), transparent 60%) !important;
}

.rp-acct-v2-range-card__content {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  padding: 16px !important;
}

.rp-acct-v2-range-card__content strong {
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
  font-weight: 850 !important;
}

.rp-acct-v2-range-card__content small {
  color: var(--rp-v2-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

.rp-acct-v2-range-card__content em {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 8px !important;
  color: var(--rp-v2-purple-bright) !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

.rp-acct-v2-range-card--gaming .rp-acct-v2-range-card__image {
  background-image: url("assets/images/Dashboard Images/GamingPC's.png") !important;
}

.rp-acct-v2-range-card--custom .rp-acct-v2-range-card__image {
  background-image: url("assets/images/Dashboard Images/CustomPCs.png") !important;
}

.rp-acct-v2-range-card--built .rp-acct-v2-range-card__image {
  background-image: url("assets/images/Dashboard Images/builttoorder.png") !important;
}

/* Trust */
.rp-acct-v2-trust {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.rp-acct-v2-trust-card {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  gap: 4px 12px !important;
  align-items: center !important;
  padding: 16px !important;
}

.rp-acct-v2-trust-card > span {
  grid-row: 1 / span 2 !important;
  color: var(--rp-v2-purple-bright) !important;
  font-size: 16px !important;
}

.rp-acct-v2-trust-card strong {
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
}

.rp-acct-v2-trust-card small {
  color: var(--rp-v2-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.respawn-account-dashboard-page a:focus-visible,
.respawn-account-dashboard-page button:focus-visible {
  outline: 3px solid rgba(168, 85, 247, .34) !important;
  outline-offset: 3px !important;
}

@media (max-width: 1180px) {
  .respawn-account-dashboard-page .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-navigation,
  .respawn-account-dashboard-page .woocommerce-MyAccount-content {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-navigation {
    position: static !important;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-navigation::before {
    display: none !important;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    overflow-x: auto !important;
    gap: 10px !important;
    padding-bottom: 2px !important;
    scrollbar-width: thin !important;
  }

  .respawn-account-dashboard-page .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto !important;
  }

  .rp-acct-v2-summary-grid,
  .rp-acct-v2-range-grid,
  .rp-acct-v2-trust {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 860px) {
  .rp-acct-v2-hero {
    grid-template-columns: 1fr !important;
  }

  .rp-acct-v2-hero__image {
    display: none !important;
  }

  .rp-acct-v2-hero::before {
    background:
      radial-gradient(circle at 50% 0%, rgba(138, 43, 226, .13), transparent 22rem),
      linear-gradient(180deg, rgba(10, 15, 24, .96), rgba(10, 15, 24, .99)) !important;
  }
}

@media (max-width: 720px) {
  .respawn-account-dashboard-page .respawn-page-shell,
  .respawn-standard-page.respawn-account-page.respawn-account-dashboard-page .respawn-page-shell {
    width: min(100% - 24px, 1200px) !important;
  }

  .rp-account-dashboard-v2 {
    gap: 22px !important;
  }

  .rp-acct-v2-hero__content {
    padding: 22px !important;
  }

  .rp-acct-v2-hero h2 {
    font-size: 30px !important;
  }

  .rp-acct-v2-hero p {
    font-size: 15px !important;
  }

  .rp-acct-v2-actions {
    width: 100% !important;
    flex-direction: column !important;
  }

  .rp-acct-v2-button,
  .rp-acct-v2-order-link {
    width: 100% !important;
    min-width: 0 !important;
  }

  .rp-acct-v2-order-card {
    grid-template-columns: 1fr !important;
  }

  .rp-acct-v2-order-card__main {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    align-items: start !important;
  }

  .rp-acct-v2-order-copy h4 {
    font-size: 16px !important;
  }
}

@media (max-width: 420px) {
  .respawn-account-dashboard-page .respawn-page-shell,
  .respawn-standard-page.respawn-account-page.respawn-account-dashboard-page .respawn-page-shell {
    width: min(100% - 18px, 1200px) !important;
  }

  .rp-acct-v2-hero__content,
  .rp-acct-v2-help,
  .rp-acct-v2-empty-orders,
  .rp-acct-v2-trust-card {
    padding: 16px !important;
  }

  .rp-acct-v2-hero h2 {
    font-size: 26px !important;
  }

  .rp-acct-v2-section-head h3,
  .rp-acct-v2-help__head h3 {
    font-size: 18px !important;
  }

  .rp-acct-v2-order-card {
    padding: 14px !important;
  }

  .rp-acct-v2-order-card__main {
    grid-template-columns: 56px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .rp-acct-v2-order-thumb {
    width: 56px !important;
    height: 56px !important;
  }

  .rp-acct-v2-range-card__image {
    margin: 10px 10px 0 !important;
  }

  .rp-acct-v2-range-card__content {
    padding: 14px !important;
  }
}

/* =========================================================
   Respawn PCs Orders Tab V2
   Orders-only refresh. This block is deliberately scoped to
   .respawn-account-orders-page so it does not touch dashboard,
   cart, checkout, legal, shop or other pages.
========================================================= */

.respawn-account-orders-page {
  --rp-orders-v2-bg: #070b14;
  --rp-orders-v2-panel: #101827;
  --rp-orders-v2-panel-deep: #0b111d;
  --rp-orders-v2-border: rgba(148, 163, 184, .14);
  --rp-orders-v2-border-strong: #243047;
  --rp-orders-v2-text: #f8fafc;
  --rp-orders-v2-muted: #c3c6d6;
  --rp-orders-v2-soft: rgba(226, 232, 240, .74);
  --rp-orders-v2-purple: #8a2be2;
  --rp-orders-v2-purple-bright: #a855f7;
  --rp-orders-v2-success: #36b37e;
  --rp-orders-v2-danger: #f87171;
  --rp-orders-v2-warning: #fbbf24;
}

.respawn-account-orders-page .respawn-page-hero {
  display: none !important;
}

.respawn-account-orders-page .respawn-page-content-section {
  padding: clamp(30px, 3vw, 52px) 0 clamp(74px, 7vw, 118px) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(138, 43, 226, .11), transparent 32rem),
    linear-gradient(180deg, #090e17 0%, #080d15 48%, #070b14 100%) !important;
}

.respawn-account-orders-page .respawn-page-shell,
.respawn-standard-page.respawn-account-page.respawn-account-orders-page .respawn-page-shell {
  width: min(1200px, calc(100% - clamp(24px, 5vw, 80px))) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.respawn-account-orders-page .respawn-page-content-card,
.respawn-account-orders-page .woocommerce,
.respawn-account-orders-page .woocommerce-MyAccount-content,
.respawn-account-orders-page .rp-orders-view {
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-orders-page .respawn-page-content-card,
.respawn-account-orders-page .woocommerce {
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.respawn-account-orders-page .woocommerce {
  display: grid !important;
  grid-template-columns: minmax(230px, 260px) minmax(0, 1fr) !important;
  gap: clamp(18px, 2vw, 28px) !important;
  align-items: start !important;
}

.respawn-account-orders-page .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
  border: 0 !important;
}

.respawn-account-orders-page .woocommerce-MyAccount-navigation {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: sticky !important;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 90px) !important;
}

/* Orders content */
.rp-orders-view,
.rp-orders-view *,
.rp-orders-view *::before,
.rp-orders-view *::after {
  box-sizing: border-box;
}

.rp-orders-view {
  display: grid !important;
  gap: 24px !important;
  min-width: 0 !important;
  color: var(--rp-orders-v2-text) !important;
}

.rp-orders-header,
.rp-orders-panel,
.rp-orders-card,
.rp-orders-summary-card,
.rp-orders-empty-state {
  border: 1px solid var(--rp-orders-v2-border) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(16, 24, 39, .96), rgba(10, 15, 24, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

/* Hero */
.rp-orders-header {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 210px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 38%) !important;
  align-items: center !important;
  gap: clamp(18px, 2vw, 28px) !important;
  padding: clamp(24px, 2.8vw, 34px) !important;
  background:
    linear-gradient(90deg, rgba(10, 15, 24, .99) 0%, rgba(10, 15, 24, .94) 40%, rgba(10, 15, 24, .56) 68%, rgba(10, 15, 24, .08) 100%),
    radial-gradient(circle at 24% 18%, rgba(138, 43, 226, .13), transparent 20rem),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    #101827 !important;
}

.rp-orders-header::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 75% 48%, rgba(138, 43, 226, .18), transparent 24rem),
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 44%) !important;
}

.rp-orders-header-copy,
.rp-orders-summary {
  position: relative !important;
  z-index: 2 !important;
}

.rp-orders-kicker {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--rp-orders-v2-purple-bright) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.rp-orders-header h2 {
  max-width: 560px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(30px, 2.65vw, 40px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.04em !important;
  font-weight: 850 !important;
}

.rp-orders-header p {
  max-width: 620px !important;
  margin: 12px 0 0 !important;
  color: var(--rp-orders-v2-muted) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.rp-orders-summary {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-self: center !important;
}

.rp-orders-summary-card {
  min-height: 80px !important;
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  padding: 16px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .016)),
    rgba(17, 24, 39, .74) !important;
}

.rp-orders-summary-card span {
  color: var(--rp-orders-v2-soft) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.rp-orders-summary-card strong {
  color: #fff !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.rp-orders-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
}

.rp-orders-panel {
  padding: clamp(18px, 2vw, 26px) !important;
}

.rp-orders-panel-head {
  margin-bottom: 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
}

.rp-orders-panel-head h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(22px, 1.8vw, 30px) !important;
  font-weight: 850 !important;
  letter-spacing: -.035em !important;
}

.rp-orders-panel-head p {
  max-width: 780px !important;
  margin: 8px 0 0 !important;
  color: rgba(226, 232, 240, .68) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

.rp-orders-list {
  display: grid !important;
  gap: 12px !important;
}

.rp-orders-card {
  position: relative !important;
  min-height: 104px !important;
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) auto auto !important;
  grid-template-areas: "media copy status actions" !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 14px !important;
  background:
    linear-gradient(180deg, rgba(17, 24, 39, .78), rgba(8, 12, 20, .78)) !important;
}

.rp-orders-card:hover {
  border-color: rgba(167, 139, 250, .30) !important;
}

.rp-orders-card-media {
  grid-area: media !important;
  width: 74px !important;
  height: 74px !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 10px !important;
  background: #0a0f18 !important;
}

.rp-orders-card-media img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

.rp-orders-card-media-fallback {
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
  color: var(--rp-orders-v2-purple-bright) !important;
  background: rgba(139, 92, 246, .08) !important;
}

.rp-orders-card-media-fallback svg {
  width: 24px !important;
  height: 24px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}

.rp-orders-card-copy {
  grid-area: copy !important;
  min-width: 0 !important;
}

.rp-orders-card-number {
  display: block !important;
  margin: 0 0 4px !important;
  color: var(--rp-orders-v2-soft) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.rp-orders-card-copy h4 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(16px, 1.2vw, 20px) !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

.rp-orders-card-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 10px !important;
}

.rp-orders-card-meta span {
  display: grid !important;
  gap: 2px !important;
}

.rp-orders-card-meta small {
  color: rgba(226, 232, 240, .48) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.rp-orders-card-meta strong {
  color: rgba(226, 232, 240, .88) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.rp-orders-card-status-wrap {
  grid-area: status !important;
  justify-self: end !important;
}

.rp-orders-card-status {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 12px !important;
  border: 1px solid rgba(167, 139, 250, .26) !important;
  border-radius: 999px !important;
  background: rgba(139, 92, 246, .12) !important;
  color: #d8c7ff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: capitalize !important;
  white-space: nowrap !important;
}

.rp-orders-card-status-completed {
  border-color: rgba(16, 185, 129, .24) !important;
  background: rgba(16, 185, 129, .10) !important;
  color: #34d399 !important;
}

.rp-orders-card-status-processing,
.rp-orders-card-status-on-hold,
.rp-orders-card-status-pending {
  border-color: rgba(251, 191, 36, .28) !important;
  background: rgba(251, 191, 36, .10) !important;
  color: #fbbf24 !important;
}

.rp-orders-card-status-cancelled,
.rp-orders-card-status-refunded,
.rp-orders-card-status-failed {
  border-color: rgba(248, 113, 113, .28) !important;
  background: rgba(248, 113, 113, .10) !important;
  color: #f87171 !important;
}

.rp-orders-card-actions {
  grid-area: actions !important;
  display: flex !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

.rp-orders-action,
.rp-orders-pagination-link {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .025) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.rp-orders-action-primary {
  border-color: rgba(167, 139, 250, .36) !important;
  background: rgba(139, 92, 246, .14) !important;
}

.rp-orders-action:hover,
.rp-orders-action:focus-visible,
.rp-orders-pagination-link:hover,
.rp-orders-pagination-link:focus-visible {
  border-color: rgba(167, 139, 250, .48) !important;
  background: rgba(139, 92, 246, .18) !important;
}

.rp-orders-pagination {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.rp-orders-empty-state {
  display: grid !important;
  justify-items: center !important;
  gap: 12px !important;
  min-height: 260px !important;
  padding: 32px 20px !important;
  text-align: center !important;
}

.rp-orders-empty-icon {
  width: 54px !important;
  height: 54px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: var(--rp-orders-v2-purple-bright) !important;
  background: rgba(139, 92, 246, .12) !important;
}

.rp-orders-empty-icon svg {
  width: 24px !important;
  height: 24px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
}

.rp-orders-empty-state h4 {
  margin: 0 !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 900 !important;
}

.rp-orders-empty-state p {
  max-width: 36rem !important;
  margin: 0 !important;
  color: var(--rp-orders-v2-muted) !important;
  font-size: 14px !important;
}

.rp-orders-empty-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

@media (max-width: 1180px) {
  .respawn-account-orders-page .woocommerce {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-orders-page .woocommerce-MyAccount-navigation,
  .respawn-account-orders-page .woocommerce-MyAccount-content {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .respawn-account-orders-page .woocommerce-MyAccount-navigation {
    position: static !important;
  }

  .respawn-account-orders-page .woocommerce-MyAccount-navigation::before {
    display: none !important;
  }

  .respawn-account-orders-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    overflow-x: auto !important;
    gap: 10px !important;
    padding-bottom: 2px !important;
    scrollbar-width: thin !important;
  }

  .respawn-account-orders-page .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto !important;
  }

  .rp-orders-header {
    grid-template-columns: 1fr !important;
  }

  .rp-orders-summary {
    max-width: 560px !important;
  }
}

@media (max-width: 760px) {
  .respawn-account-orders-page .respawn-page-shell,
  .respawn-standard-page.respawn-account-page.respawn-account-orders-page .respawn-page-shell {
    width: min(100% - 24px, 1200px) !important;
  }

  .rp-orders-header,
  .rp-orders-panel {
    padding: 16px !important;
  }

  .rp-orders-header {
    min-height: 0 !important;
  }

  .rp-orders-header h2 {
    font-size: 30px !important;
  }

  .rp-orders-header p {
    font-size: 14px !important;
  }

  .rp-orders-summary {
    max-width: none !important;
    grid-template-columns: 1fr !important;
  }

  .rp-orders-card {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    grid-template-areas:
      "media copy"
      "media status"
      "actions actions" !important;
    align-items: start !important;
  }

  .rp-orders-card-media {
    width: 64px !important;
    height: 64px !important;
  }

  .rp-orders-card-meta {
    gap: 10px !important;
  }

  .rp-orders-card-status-wrap {
    justify-self: start !important;
  }

  .rp-orders-card-actions {
    justify-content: stretch !important;
  }

  .rp-orders-action {
    width: 100% !important;
  }

  .rp-orders-pagination {
    flex-direction: column !important;
  }

  .rp-orders-pagination-link {
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  .respawn-account-orders-page .respawn-page-shell,
  .respawn-standard-page.respawn-account-page.respawn-account-orders-page .respawn-page-shell {
    width: min(100% - 18px, 1200px) !important;
  }

  .rp-orders-card {
    grid-template-columns: 54px minmax(0, 1fr) !important;
  }

  .rp-orders-card-media {
    width: 54px !important;
    height: 54px !important;
  }

  .rp-orders-card-copy h4 {
    font-size: 15px !important;
  }
}

/* =========================================================
   Respawn PCs Account Dashboard + Orders spacing/width lock
   Dashboard/orders only. Keeps the same left nav and design,
   but adds proper navbar breathing room and dynamic desktop width.
========================================================= */

html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-orders-page .respawn-page-content-section {
  padding-top: clamp(44px, 4vw, 76px) !important;
  padding-bottom: clamp(80px, 7vw, 124px) !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-shell,
html body.woocommerce-account main.respawn-account-orders-page .respawn-page-shell,
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-dashboard-page .respawn-page-shell,
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-orders-page .respawn-page-shell {
  width: min(1480px, calc(100vw - clamp(36px, 6vw, 128px))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-content-card,
html body.woocommerce-account main.respawn-account-orders-page .respawn-page-content-card,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce {
  width: 100% !important;
  max-width: none !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce {
  display: grid !important;
  grid-template-columns: clamp(230px, 15vw, 270px) minmax(0, 1fr) !important;
  gap: clamp(28px, 2.4vw, 42px) !important;
  align-items: start !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-content,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-content,
html body.woocommerce-account main.respawn-account-dashboard-page .rp-account-dashboard-v2,
html body.woocommerce-account main.respawn-account-orders-page .rp-orders-view {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* Give the main content more room when the browser is wide. */
@media (min-width: 1500px) {
  html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-account-orders-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-dashboard-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-orders-page .respawn-page-shell {
    width: min(1560px, calc(100vw - 144px)) !important;
  }

  html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce,
  html body.woocommerce-account main.respawn-account-orders-page .woocommerce {
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 44px !important;
  }
}

/* Ultra-wide screens should not leave the account area feeling tiny. */
@media (min-width: 1900px) {
  html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-account-orders-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-dashboard-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-orders-page .respawn-page-shell {
    width: min(1640px, calc(100vw - 176px)) !important;
  }
}

/* Laptop/tablet keeps the same mobile account nav behaviour. */
@media (max-width: 1180px) {
  html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-content-section,
  html body.woocommerce-account main.respawn-account-orders-page .respawn-page-content-section {
    padding-top: clamp(24px, 4vw, 42px) !important;
  }

  html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-account-orders-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-dashboard-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-orders-page .respawn-page-shell {
    width: min(100% - 28px, 1480px) !important;
  }

  html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce,
  html body.woocommerce-account main.respawn-account-orders-page .woocommerce {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
}

@media (max-width: 720px) {
  html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-content-section,
  html body.woocommerce-account main.respawn-account-orders-page .respawn-page-content-section {
    padding-top: 18px !important;
  }

  html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-account-orders-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-dashboard-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-orders-page .respawn-page-shell {
    width: min(100% - 22px, 1480px) !important;
  }
}

@media (max-width: 420px) {
  html body.woocommerce-account main.respawn-account-dashboard-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-account-orders-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-dashboard-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-orders-page .respawn-page-shell {
    width: min(100% - 18px, 1480px) !important;
  }
}

/* =========================================================
   Respawn PCs Unified Account Sidebar Lock
   Keeps Dashboard and Orders account nav identical.
========================================================= */

html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(16, 24, 39, .92), rgba(10, 15, 24, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 20px 60px rgba(0, 0, 0, .12) !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation::before,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation::before {
  content: "My Account" !important;
  display: block !important;
  margin: 0 0 12px !important;
  color: #f8fafc !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation ul,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation ul {
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation li,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation li:last-child,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation li:last-child {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(148, 163, 184, .15) !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: rgba(226, 232, 240, .86) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    color 180ms ease !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a::before,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a::before {
  content: "" !important;
  width: 17px !important;
  height: 17px !important;
  display: inline-block !important;
  flex: 0 0 17px !important;
  background-color: currentColor !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: 17px 17px !important;
  mask-size: 17px 17px !important;
}

html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation .is-active a,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:hover,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:focus-visible,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation .is-active a,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a:hover,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a:focus-visible {
  border-color: rgba(167, 139, 250, .36) !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
}

@media (max-width: 1180px) {
  html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation,
  html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation {
    position: static !important;
    padding: 0 0 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation::before,
  html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation::before {
    display: none !important;
  }

  html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation ul,
  html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: thin !important;
  }

  html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation li,
  html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation li {
    flex: 0 0 auto !important;
  }

  html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation li:last-child,
  html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation li:last-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a,
  html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a {
    min-width: max-content !important;
    padding-inline: 12px !important;
  }
}

/* =========================================================
   Respawn PCs Shared Account Sidebar
   Single visual source for Dashboard, Orders, Support and
   future account pages using inc/account-sidebar.php.
========================================================= */

html body .rp-account-sidebar-shared,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(16, 24, 39, .92), rgba(10, 15, 24, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 20px 60px rgba(0, 0, 0, .12) !important;
}

html body .rp-account-sidebar-shared::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared::before,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared::before {
  content: "My Account" !important;
  display: block !important;
  margin: 0 0 12px !important;
  color: #f8fafc !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html body .rp-account-sidebar-shared ul,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared ul,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared ul {
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .rp-account-sidebar-shared li,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared li,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .rp-account-sidebar-shared li:last-child,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared li:last-child,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared li:last-child {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(148, 163, 184, .15) !important;
}

html body .rp-account-sidebar-shared a,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared a,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared a {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: rgba(226, 232, 240, .86) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-align: left !important;
  box-shadow: none !important;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    color 180ms ease !important;
}

html body .rp-account-sidebar-shared a::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared a::before,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared a::before {
  content: "" !important;
  width: 17px !important;
  height: 17px !important;
  display: inline-block !important;
  flex: 0 0 17px !important;
  background-color: currentColor !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: 17px 17px !important;
  mask-size: 17px 17px !important;
}

html body .rp-account-sidebar-shared .is-active a,
html body .rp-account-sidebar-shared a:hover,
html body .rp-account-sidebar-shared a:focus-visible,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared .is-active a,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared a:hover,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared a:focus-visible,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared .is-active a,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared a:hover,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared a:focus-visible {
  border-color: rgba(167, 139, 250, .36) !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--dashboard a::before {
  -webkit-mask-image: url("assets/icons/account/dashboard.svg") !important;
  mask-image: url("assets/icons/account/dashboard.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--orders a::before {
  -webkit-mask-image: url("assets/icons/account/orders.svg") !important;
  mask-image: url("assets/icons/account/orders.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--support-tickets a::before {
  -webkit-mask-image: url("assets/icons/account/support.svg") !important;
  mask-image: url("assets/icons/account/support.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--edit-account a::before {
  -webkit-mask-image: url("assets/icons/account/account.svg") !important;
  mask-image: url("assets/icons/account/account.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--edit-address a::before {
  -webkit-mask-image: url("assets/icons/account/addresses.svg") !important;
  mask-image: url("assets/icons/account/addresses.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  -webkit-mask-image: url("assets/icons/account/payment-methods.svg") !important;
  mask-image: url("assets/icons/account/payment-methods.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--privacy a::before {
  -webkit-mask-image: url("assets/icons/account/privacy.svg") !important;
  mask-image: url("assets/icons/account/privacy.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  -webkit-mask-image: url("assets/icons/account/logout.svg") !important;
  mask-image: url("assets/icons/account/logout.svg") !important;
}

@media (max-width: 1180px) {
  html body .rp-account-sidebar-shared,
  html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared,
  html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared {
    position: static !important;
    padding: 0 0 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body .rp-account-sidebar-shared::before,
  html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared::before,
  html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared::before {
    display: none !important;
  }

  html body .rp-account-sidebar-shared ul,
  html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared ul,
  html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared ul {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: thin !important;
  }

  html body .rp-account-sidebar-shared li,
  html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared li,
  html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared li {
    flex: 0 0 auto !important;
  }

  html body .rp-account-sidebar-shared li:last-child,
  html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared li:last-child,
  html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared li:last-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  html body .rp-account-sidebar-shared a,
  html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared a,
  html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared a {
    min-width: max-content !important;
    padding-inline: 12px !important;
  }
}

/* =========================================================
   Respawn PCs Shared Sidebar V4 account lock
========================================================= */

html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(16, 24, 39, .92), rgba(10, 15, 24, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 20px 60px rgba(0, 0, 0, .12) !important;
}

html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared::before {
  content: "My Account" !important;
  display: block !important;
  margin: 0 0 12px !important;
  color: #f8fafc !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared ul {
  display: grid !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared li:last-child {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(148, 163, 184, .15) !important;
}

html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared a {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: rgba(226, 232, 240, .86) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared .is-active a,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared a:hover,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation.rp-account-sidebar-shared a:focus-visible {
  border-color: rgba(167, 139, 250, .36) !important;
  background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* =========================================================
   Respawn PCs Exact Account Sidebar Visual Lock
   This intentionally matches the original Dashboard sidebar:
   13px labels, 20px icons, 42px rows, 11px MY ACCOUNT label.
   Keep this at the very bottom.
========================================================= */

html body .rp-account-sidebar-shared,
html body main.rp-account-support-page .rp-account-sidebar-shared,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(18, 24, 37, .92), rgba(9, 14, 24, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    0 20px 60px rgba(0, 0, 0, .12) !important;
}

html body .rp-account-sidebar-shared::before,
html body main.rp-account-support-page .rp-account-sidebar-shared::before,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation::before,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation::before,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation::before {
  content: "My Account" !important;
  display: block !important;
  margin: 0 0 12px !important;
  color: #f8fafc !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
}

html body .rp-account-sidebar-shared ul,
html body main.rp-account-support-page .rp-account-sidebar-shared ul,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared ul,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation ul,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation ul,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation ul {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .rp-account-sidebar-shared li,
html body main.rp-account-support-page .rp-account-sidebar-shared li,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared li,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation li,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation li,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .rp-account-sidebar-shared li:last-child,
html body main.rp-account-support-page .rp-account-sidebar-shared li:last-child,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared li:last-child,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation li:last-child,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation li:last-child,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation li:last-child {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(148, 163, 184, .15) !important;
}

html body .rp-account-sidebar-shared a,
html body main.rp-account-support-page .rp-account-sidebar-shared a,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared a,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation a,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 12px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: rgba(245, 247, 251, .86) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-align: left !important;
  box-shadow: none !important;
  transform: none !important;
  transition:
    transform 220ms ease,
    border-color 220ms ease,
    background 220ms ease,
    color 220ms ease !important;
}

html body .rp-account-sidebar-shared a::before,
html body main.rp-account-support-page .rp-account-sidebar-shared a::before,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared a::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation a::before,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a::before,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a::before {
  content: "" !important;
  width: 20px !important;
  height: 20px !important;
  display: inline-block !important;
  flex: 0 0 20px !important;
  background-color: currentColor !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-size: 20px 20px !important;
  mask-size: 20px 20px !important;
}

html body .rp-account-sidebar-shared .is-active a,
html body .rp-account-sidebar-shared a:hover,
html body .rp-account-sidebar-shared a:focus-visible,
html body main.rp-account-support-page .rp-account-sidebar-shared .is-active a,
html body main.rp-account-support-page .rp-account-sidebar-shared a:hover,
html body main.rp-account-support-page .rp-account-sidebar-shared a:focus-visible,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared .is-active a,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared a:hover,
html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared a:focus-visible,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation .is-active a,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation a:hover,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation a:focus-visible,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation .is-active a,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:hover,
html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation a:focus-visible,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation .is-active a,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a:hover,
html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation a:focus-visible {
  border-color: rgba(167, 139, 250, .42) !important;
  background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 62%, #a78bfa 100%) !important;
  color: #fff !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .rp-account-sidebar-shared .is-active a::before,
html body .rp-account-sidebar-shared a:hover::before,
html body .rp-account-sidebar-shared a:focus-visible::before,
html body main.rp-account-support-page .rp-account-sidebar-shared .is-active a::before,
html body main.rp-account-support-page .rp-account-sidebar-shared a:hover::before,
html body main.rp-account-support-page .rp-account-sidebar-shared a:focus-visible::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation .is-active a::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation a:hover::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation a:focus-visible::before {
  background-color: #f8fafc !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--dashboard a::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation-link--dashboard a::before {
  -webkit-mask-image: url("assets/icons/account/dashboard.svg") !important;
  mask-image: url("assets/icons/account/dashboard.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--orders a::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation-link--orders a::before {
  -webkit-mask-image: url("assets/icons/account/orders.svg") !important;
  mask-image: url("assets/icons/account/orders.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--support-tickets a::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation-link--support-tickets a::before {
  -webkit-mask-image: url("assets/icons/account/support.svg") !important;
  mask-image: url("assets/icons/account/support.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--edit-account a::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation-link--edit-account a::before {
  -webkit-mask-image: url("assets/icons/account/account.svg") !important;
  mask-image: url("assets/icons/account/account.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--edit-address a::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation-link--edit-address a::before {
  -webkit-mask-image: url("assets/icons/account/addresses.svg") !important;
  mask-image: url("assets/icons/account/addresses.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--payment-methods a::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation-link--payment-methods a::before {
  -webkit-mask-image: url("assets/icons/account/payment-methods.svg") !important;
  mask-image: url("assets/icons/account/payment-methods.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--privacy a::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation-link--privacy a::before {
  -webkit-mask-image: url("assets/icons/account/privacy.svg") !important;
  mask-image: url("assets/icons/account/privacy.svg") !important;
}

html body .rp-account-sidebar-shared .woocommerce-MyAccount-navigation-link--customer-logout a::before,
html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  -webkit-mask-image: url("assets/icons/account/logout.svg") !important;
  mask-image: url("assets/icons/account/logout.svg") !important;
}

@media (max-width: 1180px) {
  html body .rp-account-sidebar-shared,
  html body main.rp-account-support-page .rp-account-sidebar-shared,
  html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared,
  html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation,
  html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation,
  html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation {
    position: static !important;
    padding: 0 0 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(148, 163, 184, .16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body .rp-account-sidebar-shared::before,
  html body main.rp-account-support-page .rp-account-sidebar-shared::before,
  html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared::before,
  html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation::before {
    display: none !important;
  }

  html body .rp-account-sidebar-shared ul,
  html body main.rp-account-support-page .rp-account-sidebar-shared ul,
  html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared ul,
  html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation ul,
  html body.woocommerce-account main.respawn-account-dashboard-page .woocommerce-MyAccount-navigation ul,
  html body.woocommerce-account main.respawn-account-orders-page .woocommerce-MyAccount-navigation ul {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding-bottom: 2px !important;
    scrollbar-width: thin !important;
  }

  html body .rp-account-sidebar-shared li:last-child,
  html body main.rp-account-support-page .rp-account-sidebar-shared li:last-child,
  html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared li:last-child,
  html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation li:last-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  html body .rp-account-sidebar-shared a,
  html body main.rp-account-support-page .rp-account-sidebar-shared a,
  html body main.respawn-support-page.rp-support-hub .rp-account-sidebar-shared a,
  html body.woocommerce-account main.respawn-account-page .woocommerce-MyAccount-navigation a {
    min-width: max-content !important;
    padding-inline: 12px !important;
  }
}

/* Support page only: centre sidebar icon + text group */
main.respawn-account-support-page .woocommerce-MyAccount-navigation a,
body.woocommerce-account main.respawn-account-support-page .woocommerce-MyAccount-navigation a,
main.respawn-account-support-page .rp-account-sidebar-shared a {
  justify-content: center !important;
  text-align: center !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

main.respawn-account-support-page .woocommerce-MyAccount-navigation a::before,
body.woocommerce-account main.respawn-account-support-page .woocommerce-MyAccount-navigation a::before,
main.respawn-account-support-page .rp-account-sidebar-shared a::before {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* =========================================================
   Respawn PCs Support Content V5
   Support content only. Sidebar, navbar and footer already exist.
========================================================= */

.respawn-account-support-page .woocommerce-MyAccount-content {
  min-width: 0 !important;
}

.rp-support-content-v5,
.rp-support-content-v5 *,
.rp-support-content-v5 *::before,
.rp-support-content-v5 *::after {
  box-sizing: border-box;
}

.rp-support-content-v5 {
  --rp-support-bg: #070b14;
  --rp-support-panel: #101827;
  --rp-support-panel-deep: #0b111d;
  --rp-support-panel-soft: #0c121e;
  --rp-support-border: rgba(148, 163, 184, .14);
  --rp-support-border-strong: rgba(167, 139, 250, .34);
  --rp-support-text: #f8fafc;
  --rp-support-muted: #c3c6d6;
  --rp-support-soft: rgba(226, 232, 240, .68);
  --rp-support-purple: #8b5cf6;
  --rp-support-purple-bright: #a855f7;
  --rp-support-purple-deep: #6d28d9;

  display: grid;
  gap: 24px;
  width: 100%;
  min-width: 0;
  color: var(--rp-support-text);
}

.rp-support-content-v5 a {
  text-decoration: none;
}

.rp-support-content-v5 svg {
  width: 1em;
  height: 1em;
  display: block;
}

.rp-support-content-v5 svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.rp-support-v5-hero,
.rp-support-v5-panel,
.rp-support-v5-faq,
.rp-support-v5-topic-card,
.rp-support-v5-prep-card,
.rp-support-v5-contact-card a,
.rp-support-v5-faq-list details {
  border: 1px solid var(--rp-support-border);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(16, 24, 39, .96), rgba(10, 15, 24, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
}

.rp-support-v5-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 260px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 34%);
  gap: clamp(18px, 2vw, 28px);
  align-items: center;
  padding: clamp(24px, 2.8vw, 36px);
  background:
    linear-gradient(90deg, rgba(10, 15, 24, .99) 0%, rgba(10, 15, 24, .94) 42%, rgba(10, 15, 24, .62) 70%, rgba(10, 15, 24, .22) 100%),
    radial-gradient(circle at 23% 18%, rgba(139, 92, 246, .15), transparent 20rem),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    #101827 !important;
}

.rp-support-v5-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 75% 48%, rgba(139, 92, 246, .17), transparent 25rem),
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 44%);
}

.rp-support-v5-kicker {
  margin: 0 0 10px;
  color: var(--rp-support-purple-bright);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.rp-support-v5-hero h1,
.rp-support-v5-section-head h2 {
  margin: 0;
  color: #fff;
  font-weight: 900;
  letter-spacing: -.055em;
}

.rp-support-v5-hero h1 {
  max-width: 700px;
  font-size: clamp(38px, 3.7vw, 58px);
  line-height: .96;
}

.rp-support-v5-hero p {
  max-width: 720px;
  margin: 14px 0 0;
  color: var(--rp-support-muted);
  font-size: 15px;
  line-height: 1.65;
}

.rp-support-v5-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.rp-support-v5-btn {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
  text-decoration: none;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease,
    color 180ms ease;
}

.rp-support-v5-btn span {
  width: 16px;
  height: 16px;
}

.rp-support-v5-btn-primary {
  border: 1px solid rgba(170, 105, 255, .48);
  background: linear-gradient(135deg, var(--rp-support-purple) 0%, var(--rp-support-purple-bright) 100%);
  color: #fff;
}

.rp-support-v5-btn-secondary {
  border: 1px solid rgba(148, 163, 184, .18);
  background: rgba(255, 255, 255, .025);
  color: #fff;
}

.rp-support-v5-contact-card {
  display: grid;
  gap: 12px;
}

.rp-support-v5-contact-card a {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  min-height: 76px;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
    rgba(17, 24, 39, .74);
  color: #fff;
  backdrop-filter: blur(10px);
}

.rp-support-v5-contact-card a > span {
  grid-row: 1 / span 2;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(167, 139, 250, .24);
  border-radius: 10px;
  color: var(--rp-support-purple-bright);
  background: rgba(139, 92, 246, .12);
}

.rp-support-v5-contact-card small {
  color: var(--rp-support-soft);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.rp-support-v5-contact-card strong {
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.rp-support-v5-panel,
.rp-support-v5-faq {
  padding: clamp(18px, 2vw, 26px);
}

.rp-support-v5-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 34%);
  gap: 18px;
  align-items: end;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.rp-support-v5-section-head-inline {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.rp-support-v5-section-head h2 {
  font-size: clamp(24px, 2.1vw, 34px);
  line-height: 1.02;
}

.rp-support-v5-section-head > p {
  margin: 0;
  color: var(--rp-support-muted);
  font-size: 13px;
  line-height: 1.55;
}

.rp-support-v5-topic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.rp-support-v5-topic-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 18px;
  gap: 14px;
  align-items: center;
  padding: 16px;
  color: #fff;
  background:
    linear-gradient(180deg, rgba(17, 24, 39, .82), rgba(8, 12, 20, .80));
}

.rp-support-v5-topic-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(167, 139, 250, .24);
  border-radius: 10px;
  color: var(--rp-support-purple-bright);
  background: rgba(139, 92, 246, .10);
}

.rp-support-v5-topic-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.rp-support-v5-topic-copy strong,
.rp-support-v5-prep-card strong {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
}

.rp-support-v5-topic-copy small,
.rp-support-v5-prep-card small {
  color: var(--rp-support-muted);
  font-size: 12px;
  line-height: 1.5;
}

.rp-support-v5-topic-card em {
  color: var(--rp-support-purple-bright);
  font-style: normal;
}

.rp-support-v5-prep-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.rp-support-v5-prep-card {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  padding: 16px;
  background:
    linear-gradient(180deg, rgba(17, 24, 39, .78), rgba(8, 12, 20, .78));
}

.rp-support-v5-prep-card > span {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(167, 139, 250, .24);
  border-radius: 10px;
  color: var(--rp-support-purple-bright);
  background: rgba(139, 92, 246, .10);
}

.rp-support-v5-prep-card div {
  display: grid;
  gap: 5px;
}

.rp-support-v5-faq-list {
  display: grid;
  gap: 10px;
}

.rp-support-v5-faq-list details {
  padding: 0;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(17, 24, 39, .78), rgba(8, 12, 20, .78));
}

.rp-support-v5-faq-list summary {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 16px;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}

.rp-support-v5-faq-list summary::-webkit-details-marker {
  display: none;
}

.rp-support-v5-faq-list summary span:last-child {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  flex: 0 0 24px;
  border-radius: 999px;
  color: var(--rp-support-purple-bright);
  background: rgba(139, 92, 246, .12);
  transition: transform 180ms ease;
}

.rp-support-v5-faq-list details[open] summary span:last-child {
  transform: rotate(45deg);
}

.rp-support-v5-faq-list p {
  margin: 0;
  padding: 0 16px 16px;
  color: var(--rp-support-muted);
  font-size: 13px;
  line-height: 1.6;
}

.rp-support-v5-btn:hover,
.rp-support-v5-btn:focus-visible,
.rp-support-v5-topic-card:hover,
.rp-support-v5-topic-card:focus-visible,
.rp-support-v5-contact-card a:hover,
.rp-support-v5-contact-card a:focus-visible {
  border-color: rgba(167, 139, 250, .36);
  transform: translateY(-1px);
}

@media (max-width: 1180px) {
  .rp-support-v5-hero {
    grid-template-columns: 1fr;
  }

  .rp-support-v5-contact-card {
    max-width: 560px;
  }

  .rp-support-v5-section-head,
  .rp-support-v5-section-head-inline {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .rp-support-content-v5 {
    gap: 20px;
  }

  .rp-support-v5-hero,
  .rp-support-v5-panel,
  .rp-support-v5-faq {
    padding: 16px;
  }

  .rp-support-v5-hero {
    min-height: 0;
  }

  .rp-support-v5-hero h1 {
    font-size: 34px;
  }

  .rp-support-v5-topic-grid,
  .rp-support-v5-prep-grid {
    grid-template-columns: 1fr;
  }

  .rp-support-v5-actions {
    flex-direction: column;
  }

  .rp-support-v5-btn {
    width: 100%;
  }
}

@media (max-width: 420px) {
  .rp-support-v5-topic-card {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }

  .rp-support-v5-topic-card em {
    display: none;
  }

  .rp-support-v5-prep-card {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 14px;
  }

  .rp-support-v5-contact-card a {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .rp-support-v5-contact-card a > span {
    width: 38px;
    height: 38px;
  }
}

/* =========================================================
   Respawn PCs Account Details V2 polish
   Scoped to Account Details only. Keeps the shared account shell/sidebar.
========================================================= */

.respawn-account-details-page {
  --rp-ad-bg: #070b14;
  --rp-ad-panel: #101827;
  --rp-ad-panel-deep: #0b111d;
  --rp-ad-panel-soft: #0c121e;
  --rp-ad-border: rgba(148, 163, 184, .14);
  --rp-ad-border-strong: rgba(167, 139, 250, .34);
  --rp-ad-text: #f8fafc;
  --rp-ad-muted: #c3c6d6;
  --rp-ad-soft: rgba(226, 232, 240, .68);
  --rp-ad-purple: #8b5cf6;
  --rp-ad-purple-bright: #a855f7;
  --rp-ad-purple-deep: #6d28d9;
  --rp-ad-success: #34d399;
}

.respawn-account-details-page .rp-account-details-v2,
.respawn-account-details-page .rp-account-details-v2 *,
.respawn-account-details-page .rp-account-details-v2 *::before,
.respawn-account-details-page .rp-account-details-v2 *::after {
  box-sizing: border-box;
}

.respawn-account-details-page .rp-account-details-v2 {
  width: 100% !important;
  max-width: none !important;
  display: grid !important;
  gap: 24px !important;
  color: var(--rp-ad-text) !important;
}

.respawn-account-details-page .rp-account-details-v2 svg {
  width: 1em;
  height: 1em;
  display: block;
}

.respawn-account-details-page .rp-account-details-v2 svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.respawn-account-details-page .rp-account-details-hero,
.respawn-account-details-page .rp-account-details-panel,
.respawn-account-details-page .rp-account-details-actions {
  border: 1px solid var(--rp-ad-border) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(16, 24, 39, .96), rgba(10, 15, 24, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

.respawn-account-details-page .rp-account-details-hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 220px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 34%) !important;
  gap: clamp(18px, 2vw, 30px) !important;
  align-items: center !important;
  padding: clamp(24px, 2.8vw, 36px) !important;
  background:
    linear-gradient(90deg, rgba(10, 15, 24, .99) 0%, rgba(10, 15, 24, .94) 44%, rgba(10, 15, 24, .60) 72%, rgba(10, 15, 24, .20) 100%),
    radial-gradient(circle at 24% 18%, rgba(139, 92, 246, .16), transparent 20rem),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    #101827 !important;
}

.respawn-account-details-page .rp-account-details-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 48%, rgba(139, 92, 246, .16), transparent 25rem),
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 44%);
}

.respawn-account-details-page .rp-account-details-hero-copy {
  min-width: 0;
  position: relative;
  z-index: 2;
}

.respawn-account-details-page .rp-account-details-kicker,
.respawn-account-details-page .rp-account-details-panel-label {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--rp-ad-purple-bright) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.respawn-account-details-page .rp-account-details-hero h2 {
  max-width: 700px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(38px, 3.4vw, 56px) !important;
  font-weight: 900 !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
}

.respawn-account-details-page .rp-account-details-hero p {
  max-width: 720px !important;
  margin: 14px 0 0 !important;
  color: var(--rp-ad-muted) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.respawn-account-details-page .rp-account-details-hero-cards {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 12px;
}

.respawn-account-details-page .rp-account-details-hero-card {
  min-height: 76px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
    rgba(17, 24, 39, .74);
  backdrop-filter: blur(10px);
}

.respawn-account-details-page .rp-account-details-hero-card > span {
  grid-row: 1 / span 2;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(167, 139, 250, .24);
  border-radius: 10px;
  color: var(--rp-ad-purple-bright);
  background: rgba(139, 92, 246, .12);
}

.respawn-account-details-page .rp-account-details-hero-card small {
  color: var(--rp-ad-soft);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.respawn-account-details-page .rp-account-details-hero-card strong {
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  overflow-wrap: anywhere;
}

.respawn-account-details-page .rp-account-details-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, .82fr) !important;
  gap: 18px !important;
  align-items: start !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-details-page .rp-account-details-side-stack {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  gap: 18px !important;
  min-width: 0 !important;
}

.respawn-account-details-page .rp-account-details-profile-panel {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.respawn-account-details-page .rp-account-details-password-panel {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

.respawn-account-details-page .rp-account-details-actions {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
}

.respawn-account-details-page .rp-account-details-panel {
  min-width: 0 !important;
  max-width: 100% !important;
  padding: clamp(18px, 2vw, 24px) !important;
}

.respawn-account-details-page .rp-account-details-panel-head {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  margin: 0 0 18px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
}

.respawn-account-details-page .rp-account-details-panel-icon,
.respawn-account-details-page .rp-account-details-note-icon,
.respawn-account-details-page .rp-account-details-actions-icon {
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(167, 139, 250, .24) !important;
  border-radius: 10px !important;
  color: var(--rp-ad-purple-bright) !important;
  background: rgba(139, 92, 246, .10) !important;
}

.respawn-account-details-page .rp-account-details-panel-icon {
  width: 44px !important;
  height: 44px !important;
}

.respawn-account-details-page .rp-account-details-panel h3,
.respawn-account-details-page .rp-account-details-security-note h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(20px, 1.5vw, 24px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

.respawn-account-details-page .rp-account-details-panel-head p,
.respawn-account-details-page .rp-account-details-help {
  max-width: 760px !important;
  margin: 8px 0 0 !important;
  color: var(--rp-ad-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-details-page .rp-account-details-fields {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
}

.respawn-account-details-page .rp-account-details-fields-two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.respawn-account-details-page .rp-account-details-form .form-row {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.respawn-account-details-page .rp-account-details-form label:not(.rp-account-checkbox) {
  display: block !important;
  margin: 0 0 8px !important;
  color: rgba(245, 247, 251, .90) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.respawn-account-details-page .rp-account-details-form .required {
  color: var(--rp-ad-purple-bright) !important;
}

.respawn-account-details-page .rp-account-details-form input.input-text,
.respawn-account-details-page .rp-account-details-form input[type="text"],
.respawn-account-details-page .rp-account-details-form input[type="email"],
.respawn-account-details-page .rp-account-details-form input[type="password"] {
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  border-radius: 9px !important;
  background: rgba(7, 11, 20, .72) !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  outline: none !important;
}

.respawn-account-details-page .rp-account-details-form input.input-text:focus,
.respawn-account-details-page .rp-account-details-form input[type="text"]:focus,
.respawn-account-details-page .rp-account-details-form input[type="email"]:focus,
.respawn-account-details-page .rp-account-details-form input[type="password"]:focus {
  border-color: rgba(167, 139, 250, .62) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .14) !important;
}

.respawn-account-details-page .rp-account-consent-field {
  display: grid !important;
  gap: 10px !important;
  padding: 16px !important;
  border: 1px solid rgba(139, 92, 246, .24) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(135deg, rgba(139, 92, 246, .13), rgba(139, 92, 246, .04)),
    rgba(7, 11, 20, .54) !important;
}

.respawn-account-details-page .rp-account-details-form .rp-account-checkbox {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  color: rgba(245, 247, 251, .86) !important;
  cursor: pointer !important;
}

.respawn-account-details-page .rp-account-details-form .rp-account-checkbox input[type="checkbox"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.respawn-account-details-page .rp-account-toggle-control {
  position: relative !important;
  width: 46px !important;
  height: 26px !important;
  flex: 0 0 46px !important;
  border: 1px solid rgba(148, 163, 184, .20) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .10) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35) !important;
}

.respawn-account-details-page .rp-account-toggle-control::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .34) !important;
  transition: transform 180ms ease !important;
}

.respawn-account-details-page .rp-account-checkbox input[type="checkbox"]:checked + .rp-account-toggle-control {
  border-color: rgba(185, 154, 255, .55) !important;
  background: linear-gradient(135deg, var(--rp-ad-purple), var(--rp-ad-purple-deep)) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .14) !important;
}

.respawn-account-details-page .rp-account-checkbox input[type="checkbox"]:checked + .rp-account-toggle-control::after {
  transform: translateX(20px) !important;
}

.respawn-account-details-page .rp-account-checkbox-copy {
  display: block !important;
  min-width: 0 !important;
}

.respawn-account-details-page .rp-account-checkbox-copy strong,
.respawn-account-details-page .rp-account-checkbox-copy small {
  display: block !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-details-page .rp-account-checkbox-copy strong {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

.respawn-account-details-page .rp-account-checkbox-copy small {
  margin-top: 4px !important;
  color: var(--rp-ad-muted) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.respawn-account-details-page .rp-account-details-security-note {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  background:
    linear-gradient(135deg, rgba(139, 92, 246, .10), rgba(139, 92, 246, .025)),
    rgba(10, 15, 24, .98) !important;
}

.respawn-account-details-page .rp-account-details-note-icon,
.respawn-account-details-page .rp-account-details-actions-icon {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
}

.respawn-account-details-page .rp-account-details-security-note p {
  margin: 8px 0 0 !important;
  color: var(--rp-ad-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.respawn-account-details-page .rp-account-details-password-fields {
  display: grid !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.respawn-account-details-page .rp-account-details-actions {
  min-height: 74px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border-color: rgba(139, 92, 246, .28) !important;
  background:
    linear-gradient(180deg, rgba(139, 92, 246, .13), rgba(139, 92, 246, .045)),
    var(--rp-ad-panel) !important;
}

.respawn-account-details-page .rp-account-details-actions-copy {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.respawn-account-details-page .rp-account-details-actions-copy strong,
.respawn-account-details-page .rp-account-details-actions-copy span {
  display: block !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-details-page .rp-account-details-actions-copy strong {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.respawn-account-details-page .rp-account-details-actions-copy span {
  margin-top: 3px !important;
  color: var(--rp-ad-muted) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.respawn-account-details-page .rp-account-details-save,
.respawn-account-details-page .woocommerce button.rp-account-details-save {
  width: auto !important;
  min-width: 190px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid rgba(170, 105, 255, .48) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, var(--rp-ad-purple), var(--rp-ad-purple-bright)) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease !important;
}

.respawn-account-details-page .rp-account-details-save:hover,
.respawn-account-details-page .rp-account-details-save:focus-visible,
.respawn-account-details-page .woocommerce button.rp-account-details-save:hover,
.respawn-account-details-page .woocommerce button.rp-account-details-save:focus-visible {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #9b6cff, #a855f7) !important;
  color: #fff !important;
  outline: none;
}

@media (max-width: 1180px) {
  .respawn-account-details-page .rp-account-details-hero,
  .respawn-account-details-page .rp-account-details-form {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-details-page .rp-account-details-side-stack,
  .respawn-account-details-page .rp-account-details-profile-panel,
  .respawn-account-details-page .rp-account-details-password-panel,
  .respawn-account-details-page .rp-account-details-actions {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .respawn-account-details-page .rp-account-details-hero-cards {
    max-width: 620px;
  }
}

@media (max-width: 760px) {
  .respawn-account-details-page .rp-account-details-v2 {
    gap: 20px !important;
  }

  .respawn-account-details-page .rp-account-details-hero,
  .respawn-account-details-page .rp-account-details-panel {
    padding: 16px !important;
  }

  .respawn-account-details-page .rp-account-details-hero {
    min-height: 0 !important;
  }

  .respawn-account-details-page .rp-account-details-hero h2 {
    font-size: 34px !important;
  }

  .respawn-account-details-page .rp-account-details-fields-two {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-details-page .rp-account-details-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .respawn-account-details-page .rp-account-details-actions-copy {
    align-items: flex-start !important;
  }

  .respawn-account-details-page .rp-account-details-save,
  .respawn-account-details-page .woocommerce button.rp-account-details-save {
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  .respawn-account-details-page .rp-account-details-panel-head,
  .respawn-account-details-page .rp-account-details-security-note {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  .respawn-account-details-page .rp-account-details-panel-icon,
  .respawn-account-details-page .rp-account-details-note-icon,
  .respawn-account-details-page .rp-account-details-actions-icon {
    width: 40px !important;
    height: 40px !important;
  }

  .respawn-account-details-page .rp-account-details-hero-card {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .respawn-account-details-page .rp-account-details-hero-card > span {
    width: 38px;
    height: 38px;
  }
}

/* =========================================================
   Respawn PCs Account Details clipping/spacing hotfix
   Fixes navbar spacing and old nth-of-type rules forcing panels
   into the wrong grid cells.
========================================================= */

html body.woocommerce-account main.respawn-account-details-page .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-page.respawn-account-details-page .respawn-page-content-section {
  padding-top: clamp(44px, 4vw, 76px) !important;
  padding-bottom: clamp(80px, 7vw, 124px) !important;
}

html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
  width: min(1480px, calc(100vw - clamp(36px, 6vw, 128px))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.woocommerce-account main.respawn-account-details-page .respawn-page-content-card,
html body.woocommerce-account main.respawn-account-details-page .woocommerce,
html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-content,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-v2 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce {
  display: grid !important;
  grid-template-columns: clamp(230px, 15vw, 270px) minmax(0, 1fr) !important;
  gap: clamp(28px, 2.4vw, 42px) !important;
  align-items: start !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-content {
  float: none !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
}

/* Stop older account-details nth-of-type rules from pulling boxes into each other. */
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .82fr) !important;
  gap: 18px !important;
  align-items: start !important;
  grid-auto-flow: row !important;
  overflow: visible !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-profile-panel.rp-account-details-panel,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-profile-panel.rp-account-details-panel:first-of-type,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-profile-panel.rp-account-details-panel:nth-of-type(1) {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-side-stack {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-auto-flow: row !important;
  gap: 18px !important;
  align-self: start !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-password-panel.rp-account-details-panel,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-password-panel.rp-account-details-panel:nth-of-type(2),
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-password-panel.rp-account-details-panel:nth-of-type(3) {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  align-self: start !important;
  opacity: 1 !important;
  transform: none !important;
  overflow: visible !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-actions {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  width: 100% !important;
  max-width: 100% !important;
  align-self: start !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Side-stack panels must not inherit old first/nth grid placement rules. */
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-side-stack > .rp-account-details-panel,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-side-stack > .rp-account-details-panel:first-of-type,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-side-stack > .rp-account-details-panel:nth-of-type(1),
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-side-stack > .rp-account-details-panel:nth-of-type(2),
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-side-stack > .rp-account-details-preferences-panel,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-side-stack > .rp-account-details-security-note {
  grid-column: 1 !important;
  grid-row: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-self: start !important;
  position: relative !important;
  inset: auto !important;
  opacity: 1 !important;
  transform: none !important;
  overflow: visible !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel *,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions * {
  max-width: 100%;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-side-stack .rp-account-details-panel {
  overflow: hidden !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-password-panel {
  margin-top: 0 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-password-panel .rp-account-details-password-fields {
  position: relative !important;
  z-index: 2 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-preferences-panel,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-security-note {
  min-height: 0 !important;
}

/* Keep the password inputs in a clean row instead of squeezing them into the right card area. */
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-password-panel .rp-account-details-fields-two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Desktop width tuning */
@media (min-width: 1500px) {
  html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
    width: min(1560px, calc(100vw - 144px)) !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .woocommerce {
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 44px !important;
  }
}

@media (min-width: 1900px) {
  html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
    width: min(1640px, calc(100vw - 176px)) !important;
  }
}

/* Tablet/mobile stacking */
@media (max-width: 1180px) {
  html body.woocommerce-account main.respawn-account-details-page .respawn-page-content-section,
  html body.woocommerce-account main.respawn-account-page.respawn-account-details-page .respawn-page-content-section {
    padding-top: clamp(24px, 4vw, 42px) !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
    width: min(100% - 28px, 1480px) !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .woocommerce,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-content,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-profile-panel,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-side-stack,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-password-panel,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-actions {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-hero {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.woocommerce-account main.respawn-account-details-page .respawn-page-content-section,
  html body.woocommerce-account main.respawn-account-page.respawn-account-details-page .respawn-page-content-section {
    padding-top: 18px !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
    width: min(100% - 22px, 1480px) !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-password-panel .rp-account-details-fields-two {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 420px) {
  html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
    width: min(100% - 18px, 1480px) !important;
  }
}

/* =========================================================
   Respawn PCs Account Details bottom action icon fix
========================================================= */

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions-icon {
  overflow: hidden !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions-icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions-icon svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* =========================================================
   Respawn PCs Addresses V2 polish
   Scoped to Addresses only. Keeps the shared account shell/sidebar.
========================================================= */

.respawn-account-addresses-page {
  --rp-addr-bg: #070b14;
  --rp-addr-panel: #101827;
  --rp-addr-panel-deep: #0b111d;
  --rp-addr-border: rgba(148, 163, 184, .14);
  --rp-addr-border-strong: rgba(167, 139, 250, .34);
  --rp-addr-text: #f8fafc;
  --rp-addr-muted: #c3c6d6;
  --rp-addr-soft: rgba(226, 232, 240, .68);
  --rp-addr-purple: #8b5cf6;
  --rp-addr-purple-bright: #a855f7;
  --rp-addr-success: #34d399;
}

html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-page.respawn-account-addresses-page .respawn-page-content-section {
  padding-top: clamp(44px, 4vw, 76px) !important;
  padding-bottom: clamp(80px, 7vw, 124px) !important;
}

html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-shell,
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-addresses-page .respawn-page-shell {
  width: min(1480px, calc(100vw - clamp(36px, 6vw, 128px))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.woocommerce-account main.respawn-account-addresses-page .woocommerce {
  display: grid !important;
  grid-template-columns: clamp(230px, 15vw, 270px) minmax(0, 1fr) !important;
  gap: clamp(28px, 2.4vw, 42px) !important;
  align-items: start !important;
}

html body.woocommerce-account main.respawn-account-addresses-page .woocommerce-MyAccount-content,
html body.woocommerce-account main.respawn-account-addresses-page .rp-addresses-v2 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

.respawn-account-addresses-page .rp-addresses-v2,
.respawn-account-addresses-page .rp-addresses-v2 *,
.respawn-account-addresses-page .rp-addresses-v2 *::before,
.respawn-account-addresses-page .rp-addresses-v2 *::after {
  box-sizing: border-box;
}

.respawn-account-addresses-page .rp-addresses-v2 {
  display: grid !important;
  gap: 24px !important;
  color: var(--rp-addr-text) !important;
}

.respawn-account-addresses-page .rp-addresses-v2 svg {
  width: 1em;
  height: 1em;
  display: block;
}

.respawn-account-addresses-page .rp-addresses-v2 svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.respawn-account-addresses-page .rp-addresses-v2-hero,
.respawn-account-addresses-page .rp-addresses-v2-card,
.respawn-account-addresses-page .rp-addresses-v2-note {
  border: 1px solid var(--rp-addr-border) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(16, 24, 39, .96), rgba(10, 15, 24, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

.respawn-account-addresses-page .rp-addresses-v2-hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 220px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 30%) !important;
  gap: clamp(18px, 2vw, 30px) !important;
  align-items: center !important;
  padding: clamp(24px, 2.8vw, 36px) !important;
  background:
    linear-gradient(90deg, rgba(10, 15, 24, .99) 0%, rgba(10, 15, 24, .94) 44%, rgba(10, 15, 24, .60) 72%, rgba(10, 15, 24, .20) 100%),
    radial-gradient(circle at 24% 18%, rgba(139, 92, 246, .16), transparent 20rem),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    #101827 !important;
}

.respawn-account-addresses-page .rp-addresses-v2-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 48%, rgba(139, 92, 246, .16), transparent 25rem),
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 44%);
}

.respawn-account-addresses-page .rp-addresses-v2-hero-copy,
.respawn-account-addresses-page .rp-addresses-v2-summary {
  position: relative;
  z-index: 2;
}

.respawn-account-addresses-page .rp-addresses-v2-kicker,
.respawn-account-addresses-page .rp-addresses-v2-card-label {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--rp-addr-purple-bright) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

.respawn-account-addresses-page .rp-addresses-v2-hero h2 {
  max-width: 700px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(38px, 3.4vw, 56px) !important;
  font-weight: 900 !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
}

.respawn-account-addresses-page .rp-addresses-v2-hero p {
  max-width: 720px !important;
  margin: 14px 0 0 !important;
  color: var(--rp-addr-muted) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

.respawn-account-addresses-page .rp-addresses-v2-summary {
  display: grid;
  gap: 12px;
}

.respawn-account-addresses-page .rp-addresses-v2-summary-card {
  min-height: 76px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 4px 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, .16);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
    rgba(17, 24, 39, .74);
  backdrop-filter: blur(10px);
}

.respawn-account-addresses-page .rp-addresses-v2-summary-card > span,
.respawn-account-addresses-page .rp-addresses-v2-card-icon,
.respawn-account-addresses-page .rp-addresses-v2-note > span {
  display: grid;
  place-items: center;
  border: 1px solid rgba(167, 139, 250, .24);
  border-radius: 10px;
  color: var(--rp-addr-purple-bright);
  background: rgba(139, 92, 246, .12);
}

.respawn-account-addresses-page .rp-addresses-v2-summary-card > span {
  grid-row: 1 / span 2;
  width: 42px;
  height: 42px;
}

.respawn-account-addresses-page .rp-addresses-v2-summary-card small {
  color: var(--rp-addr-soft);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.respawn-account-addresses-page .rp-addresses-v2-summary-card strong {
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.respawn-account-addresses-page .rp-addresses-v2-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.respawn-account-addresses-page .rp-addresses-v2-card {
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.respawn-account-addresses-page .rp-addresses-v2-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--rp-addr-purple-bright), rgba(139, 92, 246, .12));
  opacity: .85;
}

.respawn-account-addresses-page .rp-addresses-v2-card-head {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 18px 18px 16px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
}

.respawn-account-addresses-page .rp-addresses-v2-card-icon {
  width: 44px;
  height: 44px;
}

.respawn-account-addresses-page .rp-addresses-v2-card-title {
  min-width: 0;
}

.respawn-account-addresses-page .rp-addresses-v2-card h3 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(20px, 1.5vw, 24px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

.respawn-account-addresses-page .rp-addresses-v2-edit {
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .025) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.respawn-account-addresses-page .rp-addresses-v2-edit span {
  width: 14px;
  height: 14px;
}

.respawn-account-addresses-page .rp-addresses-v2-edit:hover,
.respawn-account-addresses-page .rp-addresses-v2-edit:focus-visible {
  border-color: rgba(167, 139, 250, .42) !important;
  background: rgba(139, 92, 246, .14) !important;
  color: #fff !important;
}

.respawn-account-addresses-page .rp-addresses-v2-card-body {
  min-height: 170px !important;
  display: grid !important;
  align-content: center !important;
  padding: 22px 22px 24px !important;
}

.respawn-account-addresses-page .rp-addresses-v2-card address {
  width: 100%;
  max-width: 30rem;
  margin: 0 auto !important;
  color: rgba(248, 250, 252, .92) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
  text-align: center !important;
  overflow-wrap: anywhere !important;
}

.respawn-account-addresses-page .rp-addresses-v2-empty {
  max-width: 34rem;
  margin: 0 auto;
  text-align: center;
}

.respawn-account-addresses-page .rp-addresses-v2-empty strong {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
}

.respawn-account-addresses-page .rp-addresses-v2-empty p {
  margin: 8px 0 0;
  color: var(--rp-addr-muted);
  font-size: 13px;
  line-height: 1.55;
}

.respawn-account-addresses-page .rp-addresses-v2-note {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 16px 18px !important;
  border-color: rgba(139, 92, 246, .28) !important;
  background:
    linear-gradient(180deg, rgba(139, 92, 246, .13), rgba(139, 92, 246, .045)),
    var(--rp-addr-panel) !important;
}

.respawn-account-addresses-page .rp-addresses-v2-note > span {
  width: 44px;
  height: 44px;
}

.respawn-account-addresses-page .rp-addresses-v2-note strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.25;
}

.respawn-account-addresses-page .rp-addresses-v2-note p {
  margin: 4px 0 0;
  color: var(--rp-addr-muted);
  font-size: 13px;
  line-height: 1.5;
}

/* Keep edit-address forms aligned with the same polished account shell. */
.respawn-account-addresses-page .woocommerce-MyAccount-content > form {
  border: 1px solid var(--rp-addr-border) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(16, 24, 39, .96), rgba(10, 15, 24, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
  padding: clamp(18px, 2vw, 26px) !important;
}

@media (min-width: 1500px) {
  html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-addresses-page .respawn-page-shell {
    width: min(1560px, calc(100vw - 144px)) !important;
  }

  html body.woocommerce-account main.respawn-account-addresses-page .woocommerce {
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 44px !important;
  }
}

@media (min-width: 1900px) {
  html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-addresses-page .respawn-page-shell {
    width: min(1640px, calc(100vw - 176px)) !important;
  }
}

@media (max-width: 1180px) {
  html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-content-section,
  html body.woocommerce-account main.respawn-account-page.respawn-account-addresses-page .respawn-page-content-section {
    padding-top: clamp(24px, 4vw, 42px) !important;
  }

  html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-addresses-page .respawn-page-shell {
    width: min(100% - 28px, 1480px) !important;
  }

  html body.woocommerce-account main.respawn-account-addresses-page .woocommerce,
  .respawn-account-addresses-page .rp-addresses-v2-hero {
    grid-template-columns: 1fr !important;
  }

  .respawn-account-addresses-page .rp-addresses-v2-summary {
    max-width: 620px;
  }
}

@media (max-width: 820px) {
  .respawn-account-addresses-page .rp-addresses-v2-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-content-section,
  html body.woocommerce-account main.respawn-account-page.respawn-account-addresses-page .respawn-page-content-section {
    padding-top: 18px !important;
  }

  html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-addresses-page .respawn-page-shell {
    width: min(100% - 22px, 1480px) !important;
  }

  .respawn-account-addresses-page .rp-addresses-v2 {
    gap: 20px !important;
  }

  .respawn-account-addresses-page .rp-addresses-v2-hero {
    min-height: 0 !important;
    padding: 16px !important;
  }

  .respawn-account-addresses-page .rp-addresses-v2-hero h2 {
    font-size: 34px !important;
  }

  .respawn-account-addresses-page .rp-addresses-v2-card-head {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    padding: 16px !important;
  }

  .respawn-account-addresses-page .rp-addresses-v2-card-icon {
    width: 40px;
    height: 40px;
  }

  .respawn-account-addresses-page .rp-addresses-v2-edit {
    grid-column: 1 / -1;
    width: 100%;
  }

  .respawn-account-addresses-page .rp-addresses-v2-card-body {
    min-height: 140px !important;
    padding: 18px !important;
  }

  .respawn-account-addresses-page .rp-addresses-v2-note {
    align-items: start !important;
  }
}

@media (max-width: 420px) {
  html body.woocommerce-account main.respawn-account-addresses-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-addresses-page .respawn-page-shell {
    width: min(100% - 18px, 1480px) !important;
  }

  .respawn-account-addresses-page .rp-addresses-v2-note {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    padding: 14px !important;
  }

  .respawn-account-addresses-page .rp-addresses-v2-note > span {
    width: 40px;
    height: 40px;
  }
}

/* =========================================================
   Respawn PCs Privacy Requests V3 polish
   Final account privacy/data request page styling.
   Scoped only to the privacy endpoint.
========================================================= */

.respawn-account-privacy-page {
  --rp-priv-bg: #070b14;
  --rp-priv-panel: #101827;
  --rp-priv-panel-deep: #0b111d;
  --rp-priv-panel-soft: #0c121e;
  --rp-priv-border: rgba(148, 163, 184, .14);
  --rp-priv-border-strong: rgba(167, 139, 250, .36);
  --rp-priv-text: #f8fafc;
  --rp-priv-muted: #c3c6d6;
  --rp-priv-soft: rgba(226, 232, 240, .68);
  --rp-priv-purple: #8b5cf6;
  --rp-priv-purple-bright: #a855f7;
  --rp-priv-purple-deep: #6d28d9;
  --rp-priv-danger: #fb7185;
  --rp-priv-success: #34d399;
}

html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-page.respawn-account-privacy-page .respawn-page-content-section {
  padding-top: clamp(44px, 4vw, 76px) !important;
  padding-bottom: clamp(80px, 7vw, 124px) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-shell,
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-privacy-page .respawn-page-shell {
  width: min(1480px, calc(100vw - clamp(36px, 6vw, 128px))) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-content-card,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-content {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .woocommerce {
  display: grid !important;
  grid-template-columns: clamp(230px, 15vw, 270px) minmax(0, 1fr) !important;
  gap: clamp(28px, 2.4vw, 42px) !important;
  align-items: start !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-content {
  float: none !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  padding: 0 !important;
}

/* Main privacy surface */
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-panel {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  display: grid !important;
  gap: 24px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--rp-priv-text) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-panel *,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-panel *::before,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-panel *::after {
  box-sizing: border-box !important;
}

/* Hero */
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 240px !important;
  display: grid !important;
  align-content: center !important;
  padding: clamp(24px, 2.8vw, 36px) !important;
  border: 1px solid var(--rp-priv-border) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(90deg, rgba(10, 15, 24, .99) 0%, rgba(10, 15, 24, .94) 44%, rgba(10, 15, 24, .60) 72%, rgba(10, 15, 24, .20) 100%),
    radial-gradient(circle at 24% 18%, rgba(139, 92, 246, .16), transparent 20rem),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    #101827 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 74% 48%, rgba(139, 92, 246, .16), transparent 25rem),
    linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 44%) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-kicker {
  display: block !important;
  margin: 0 0 10px !important;
  color: var(--rp-priv-purple-bright) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head h3,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head h1,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head h2 {
  max-width: 760px !important;
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(38px, 3.4vw, 56px) !important;
  font-weight: 900 !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head p {
  max-width: 720px !important;
  margin: 14px 0 0 !important;
  color: var(--rp-priv-muted) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

/* Form layout */
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-form {
  display: grid !important;
  gap: 18px !important;
  padding: clamp(18px, 2vw, 26px) !important;
  border: 1px solid var(--rp-priv-border) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(16, 24, 39, .96), rgba(10, 15, 24, .98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-form > p:first-child,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-form > .rp-privacy-intro,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-form > .rp-privacy-request-intro {
  max-width: 760px !important;
  margin: 0 !important;
  color: var(--rp-priv-muted) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Request cards */
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-options {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option {
  position: relative !important;
  isolation: isolate !important;
  min-height: 116px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  padding: 18px !important;
  border: 1px solid rgba(148, 163, 184, .14) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(139, 92, 246, .075), transparent 40%),
    linear-gradient(180deg, rgba(17, 24, 39, .82), rgba(8, 12, 20, .82)) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:nth-child(5) {
  grid-column: 1 / -1 !important;
  min-height: 104px !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(167, 139, 250, .22), transparent) !important;
  opacity: 0 !important;
  transition: opacity 180ms ease !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:hover,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:focus-within {
  transform: translateY(-1px) !important;
  border-color: rgba(167, 139, 250, .34) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(139, 92, 246, .12), transparent 40%),
    linear-gradient(180deg, rgba(18, 24, 37, .92), rgba(10, 15, 25, .92)) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:hover::after,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:focus-within::after {
  opacity: 1 !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:has(.rp-privacy-option-radio:checked) {
  border-color: rgba(167, 139, 250, .58) !important;
  background:
    radial-gradient(circle at 96% 10%, rgba(139, 92, 246, .22), transparent 38%),
    linear-gradient(180deg, rgba(139, 92, 246, .16), rgba(11, 16, 26, .96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 18px 48px rgba(139, 92, 246, .10) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-radio {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-control {
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  margin-top: 0 !important;
  border: 1px solid rgba(148, 163, 184, .22) !important;
  border-radius: 999px !important;
  background: rgba(8, 12, 20, .86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-control::before {
  content: "" !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: transparent !important;
  transform: scale(.5) !important;
  transition: transform 180ms ease, background 180ms ease !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-radio:checked + .rp-privacy-option-control {
  border-color: rgba(196, 181, 253, .78) !important;
  background: linear-gradient(135deg, var(--rp-priv-purple-deep), var(--rp-priv-purple) 62%, #a78bfa) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-radio:checked + .rp-privacy-option-control::before {
  background: #fff !important;
  transform: scale(1) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 7px !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-copy strong {
  display: block !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
  letter-spacing: -.015em !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-option-copy small {
  display: block !important;
  max-width: 62ch !important;
  margin: 0 !important;
  color: var(--rp-priv-muted) !important;
  font-size: 12px !important;
  line-height: 1.52 !important;
}

/* Fields */
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field {
  width: min(780px, 100%) !important;
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field label {
  margin: 0 !important;
  color: rgba(245, 247, 251, .90) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field input,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field textarea,
html body.woocommerce-account main.respawn-account-privacy-page input[type="email"],
html body.woocommerce-account main.respawn-account-privacy-page textarea {
  width: 100% !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  border-radius: 9px !important;
  background: rgba(7, 11, 20, .72) !important;
  color: #fff !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  box-shadow: none !important;
  outline: none !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field input,
html body.woocommerce-account main.respawn-account-privacy-page input[type="email"] {
  min-height: 48px !important;
  padding: 0 14px !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field textarea,
html body.woocommerce-account main.respawn-account-privacy-page textarea {
  min-height: 156px !important;
  padding: 14px !important;
  resize: vertical !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field input::placeholder,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field textarea::placeholder {
  color: rgba(226, 232, 240, .42) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field input:focus,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field textarea:focus,
html body.woocommerce-account main.respawn-account-privacy-page input[type="email"]:focus,
html body.woocommerce-account main.respawn-account-privacy-page textarea:focus {
  border-color: rgba(167, 139, 250, .62) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .14) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-field small {
  color: rgba(226, 232, 240, .54) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* Note / warning card */
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-note {
  width: min(900px, 100%) !important;
  display: grid !important;
  gap: 8px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(139, 92, 246, .22) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(139, 92, 246, .12), rgba(139, 92, 246, .035)),
    rgba(10, 15, 24, .96) !important;
  color: var(--rp-priv-muted) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-note p,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-note small,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-note span {
  margin: 0 !important;
  color: var(--rp-priv-muted) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* Submit/action area */
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-submit,
html body.woocommerce-account main.respawn-account-privacy-page button.rp-privacy-request-submit,
html body.woocommerce-account main.respawn-account-privacy-page button[type="submit"].rp-privacy-request-submit,
html body.woocommerce-account main.respawn-account-privacy-page .button[type="submit"] {
  width: auto !important;
  min-width: 190px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid rgba(170, 105, 255, .48) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, var(--rp-priv-purple), var(--rp-priv-purple-bright)) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background 180ms ease !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-submit:hover,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-submit:focus-visible,
html body.woocommerce-account main.respawn-account-privacy-page .button[type="submit"]:hover,
html body.woocommerce-account main.respawn-account-privacy-page .button[type="submit"]:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(196, 181, 253, .72) !important;
  background: linear-gradient(135deg, #9b6cff, var(--rp-priv-purple-bright)) !important;
  color: #fff !important;
  outline: none !important;
}

/* Feedback + request history */
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-feedback,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-message,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-info,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-error,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history {
  border: 1px solid var(--rp-priv-border) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(16, 24, 39, .96), rgba(10, 15, 24, .98)) !important;
  color: var(--rp-priv-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-feedback,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-message,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-info,
html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-error {
  padding: 16px 18px !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history {
  display: grid !important;
  gap: 12px !important;
  padding: clamp(18px, 2vw, 24px) !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history h3,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(22px, 1.8vw, 30px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history article {
  border: 1px solid rgba(148, 163, 184, .13) !important;
  border-radius: 12px !important;
  background: rgba(7, 11, 20, .58) !important;
  padding: 14px 16px !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history strong {
  color: #fff !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history span,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history small,
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history p {
  color: var(--rp-priv-muted) !important;
}

/* Make the first option feel intentional, but keep it clean */
html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:first-child:has(.rp-privacy-option-radio:checked) {
  border-color: rgba(251, 113, 133, .42) !important;
  background:
    radial-gradient(circle at 96% 10%, rgba(251, 113, 133, .16), transparent 38%),
    linear-gradient(180deg, rgba(139, 92, 246, .13), rgba(11, 16, 26, .96)) !important;
}

/* Footer alignment after the account area */
html body.woocommerce-account main.respawn-account-privacy-page + .site-footer,
html body.woocommerce-account .respawn-account-privacy-page + .site-footer {
  background: #070b14 !important;
  border-top-color: rgba(148, 163, 184, .10) !important;
}

/* Desktop width tuning */
@media (min-width: 1500px) {
  html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-privacy-page .respawn-page-shell {
    width: min(1560px, calc(100vw - 144px)) !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .woocommerce {
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 44px !important;
  }
}

@media (min-width: 1900px) {
  html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-privacy-page .respawn-page-shell {
    width: min(1640px, calc(100vw - 176px)) !important;
  }
}

/* Tablet/mobile */
@media (max-width: 1180px) {
  html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-content-section,
  html body.woocommerce-account main.respawn-account-page.respawn-account-privacy-page .respawn-page-content-section {
    padding-top: clamp(24px, 4vw, 42px) !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-privacy-page .respawn-page-shell {
    width: min(100% - 28px, 1480px) !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .woocommerce {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 820px) {
  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-options {
    grid-template-columns: 1fr !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option:nth-child(5) {
    grid-column: auto !important;
  }
}

@media (max-width: 760px) {
  html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-content-section,
  html body.woocommerce-account main.respawn-account-page.respawn-account-privacy-page .respawn-page-content-section {
    padding-top: 18px !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-privacy-page .respawn-page-shell {
    width: min(100% - 22px, 1480px) !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-panel {
    gap: 20px !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head,
  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-form,
  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-history {
    padding: 16px !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head {
    min-height: 0 !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head h3,
  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head h1,
  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-requests-head h2 {
    font-size: 34px !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-option {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    padding: 16px !important;
  }

  html body.woocommerce-account main.respawn-account-privacy-page .rp-privacy-request-submit,
  html body.woocommerce-account main.respawn-account-privacy-page button.rp-privacy-request-submit,
  html body.woocommerce-account main.respawn-account-privacy-page .button[type="submit"] {
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  html body.woocommerce-account main.respawn-account-privacy-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-privacy-page .respawn-page-shell {
    width: min(100% - 18px, 1480px) !important;
  }
}

/* =========================================================
   Respawn PCs Privacy sidebar centre fix
   Centres the Privacy Requests sidebar items without touching
   the page content.
========================================================= */

html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation::before {
  text-align: center !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation a {
  justify-content: center !important;
  text-align: center !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

html body.woocommerce-account main.respawn-account-privacy-page .woocommerce-MyAccount-navigation a::before {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* =========================================================
   Respawn PCs Account Details final design lock
   Scoped to /my-account/edit-account/ so the other dashboard
   pages keep their existing layouts.
========================================================= */

html body.woocommerce-account main.respawn-account-details-page {
  --rp-ad-bg-final: #080c14;
  --rp-ad-panel-final: #101827;
  --rp-ad-panel-deep-final: #0b111d;
  --rp-ad-line-final: rgba(148, 163, 184, .14);
  --rp-ad-line-strong-final: rgba(167, 139, 250, .34);
  --rp-ad-text-final: #f8fafc;
  --rp-ad-muted-final: #c3c6d6;
  --rp-ad-soft-final: rgba(226, 232, 240, .72);
  --rp-ad-purple-final: #8b5cf6;
  --rp-ad-purple-hover-final: #9b6cff;
  background: var(--rp-ad-bg-final) !important;
}

html body.woocommerce-account main.respawn-account-details-page .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-page.respawn-account-details-page .respawn-page-content-section {
  padding-top: clamp(34px, 3.4vw, 58px) !important;
  padding-bottom: clamp(72px, 6vw, 108px) !important;
  background: var(--rp-ad-bg-final) !important;
  background-image: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
  width: min(1360px, calc(100vw - clamp(34px, 5vw, 108px))) !important;
  max-width: 1360px !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce {
  display: grid !important;
  grid-template-columns: clamp(230px, 15vw, 270px) minmax(0, 1fr) !important;
  gap: clamp(24px, 2.2vw, 36px) !important;
  align-items: start !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-content {
  width: 100% !important;
  max-width: 1080px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  grid-column: 2 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-v2 {
  width: 100% !important;
  max-width: 1080px !important;
  margin: 0 !important;
  display: grid !important;
  gap: 18px !important;
  color: var(--rp-ad-text-final) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-hero,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-hero {
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: clamp(20px, 2vw, 28px) !important;
  border: 1px solid var(--rp-ad-line-final) !important;
  border-radius: 12px !important;
  background: var(--rp-ad-panel-final) !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-hero::after,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-hero::after {
  display: none !important;
  content: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-hero-inner,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px) !important;
  gap: 18px !important;
  align-items: center !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-hero-inner {
  padding: 0 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-title,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-hero h2,
html body.woocommerce-account main.respawn-account-details-page .rp-account-panel h2,
html body.woocommerce-account main.respawn-account-details-page .rp-account-side-panel h2,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel h3,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-security-note h3 {
  color: #fff !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-title,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-hero h2 {
  font-size: clamp(30px, 2.5vw, 42px) !important;
  line-height: 1.06 !important;
  font-weight: 900 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-copy,
html body.woocommerce-account main.respawn-account-details-page .rp-account-panel p,
html body.woocommerce-account main.respawn-account-details-page .rp-account-side-panel p,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-hero p,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel-head p,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-help,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions-copy span {
  color: var(--rp-ad-muted-final) !important;
  text-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-eyebrow,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-kicker,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel-label {
  color: var(--rp-ad-purple-final) !important;
  letter-spacing: .12em !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-form-grid,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form {
  width: 100% !important;
  max-width: 1080px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(290px, 340px) !important;
  gap: 18px !important;
  align-items: start !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-main {
  display: grid !important;
  gap: 18px !important;
  min-width: 0 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-side,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-side-stack {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  gap: 18px !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-profile-panel {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-password-panel {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-save-bar,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 1080px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 18px 0 0 !important;
  padding: 16px 18px !important;
  border: 1px solid var(--rp-ad-line-final) !important;
  border-radius: 12px !important;
  background: var(--rp-ad-panel-final) !important;
  background-image: none !important;
  box-shadow: none !important;
  position: relative !important;
  inset: auto !important;
  overflow: hidden !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-panel,
html body.woocommerce-account main.respawn-account-details-page .rp-account-side-panel,
html body.woocommerce-account main.respawn-account-details-page .rp-account-security-card,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-security-note {
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: clamp(18px, 1.8vw, 24px) !important;
  border: 1px solid var(--rp-ad-line-final) !important;
  border-radius: 12px !important;
  background: var(--rp-ad-panel-final) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  overflow: hidden !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-side-stack > .rp-account-details-panel,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form > .rp-account-details-side-stack > .rp-account-details-security-note {
  grid-column: 1 !important;
  grid-row: auto !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-panel-head,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel-head {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  margin: 0 0 18px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid rgba(148, 163, 184, .12) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-icon,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel-icon,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-note-icon,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions-icon {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  border: 1px solid rgba(167, 139, 250, .24) !important;
  border-radius: 10px !important;
  color: var(--rp-ad-purple-final) !important;
  background: rgba(139, 92, 246, .10) !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-icon svg,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-panel-icon svg,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-note-icon svg,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions-icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-fields,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-fields {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-panel:first-of-type .rp-account-fields,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-fields-two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-field.is-full {
  grid-column: 1 / -1 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-details-fields-two {
  display: grid !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-field,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form .form-row {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.woocommerce-account main.respawn-account-details-page label,
html body.woocommerce-account main.respawn-account-details-page .rp-account-field label,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form label:not(.rp-account-checkbox) {
  display: block !important;
  margin: 0 0 8px !important;
  color: rgba(245, 247, 251, .88) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

html body.woocommerce-account main.respawn-account-details-page input.input-text,
html body.woocommerce-account main.respawn-account-details-page input[type="text"],
html body.woocommerce-account main.respawn-account-details-page input[type="email"],
html body.woocommerce-account main.respawn-account-details-page input[type="password"],
html body.woocommerce-account main.respawn-account-details-page select {
  width: 100% !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  border-radius: 10px !important;
  background: var(--rp-ad-panel-deep-final) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 780 !important;
  line-height: 1.2 !important;
  outline: none !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page input.input-text:focus,
html body.woocommerce-account main.respawn-account-details-page input[type="text"]:focus,
html body.woocommerce-account main.respawn-account-details-page input[type="email"]:focus,
html body.woocommerce-account main.respawn-account-details-page input[type="password"]:focus,
html body.woocommerce-account main.respawn-account-details-page select:focus {
  border-color: rgba(167, 139, 250, .62) !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .description {
  color: rgba(195, 198, 214, .78) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-note-list {
  gap: 10px !important;
  margin-top: 16px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-note-list li {
  grid-template-columns: 32px minmax(0, 1fr) !important;
  color: var(--rp-ad-soft-final) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-note-list .rp-account-icon {
  width: 32px !important;
  height: 32px !important;
  flex-basis: 32px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-save-copy,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions-copy {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-submit,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-save,
html body.woocommerce-account main.respawn-account-details-page .woocommerce button.rp-account-details-save,
html body.woocommerce-account main.respawn-account-details-page button.button[type="submit"] {
  width: auto !important;
  min-width: 170px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(170, 105, 255, .50) !important;
  border-radius: 10px !important;
  background: var(--rp-ad-purple-final) !important;
  background-image: none !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-account-submit:hover,
html body.woocommerce-account main.respawn-account-details-page .rp-account-submit:focus-visible,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-save:hover,
html body.woocommerce-account main.respawn-account-details-page .rp-account-details-save:focus-visible,
html body.woocommerce-account main.respawn-account-details-page .woocommerce button.rp-account-details-save:hover,
html body.woocommerce-account main.respawn-account-details-page .woocommerce button.rp-account-details-save:focus-visible,
html body.woocommerce-account main.respawn-account-details-page button.button[type="submit"]:hover,
html body.woocommerce-account main.respawn-account-details-page button.button[type="submit"]:focus-visible {
  transform: translateY(-1px) !important;
  background: var(--rp-ad-purple-hover-final) !important;
  color: #fff !important;
  box-shadow: none !important;
  outline: none !important;
}

@media (max-width: 1180px) {
  html body.woocommerce-account main.respawn-account-details-page .woocommerce,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-form-grid,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-form,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-hero-inner,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-hero {
    grid-template-columns: 1fr !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-content,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-side,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-side-stack,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-profile-panel,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-password-panel,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 760px) {
  html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
    width: min(100% - 22px, 1080px) !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .rp-account-panel:first-of-type .rp-account-fields,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-fields-two {
    grid-template-columns: 1fr !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .rp-account-save-bar,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .rp-account-submit,
  html body.woocommerce-account main.respawn-account-details-page .rp-account-details-save,
  html body.woocommerce-account main.respawn-account-details-page .woocommerce button.rp-account-details-save,
  html body.woocommerce-account main.respawn-account-details-page button.button[type="submit"] {
    width: 100% !important;
  }
}

/* =========================================================
   Respawn PCs Account Details V3
   Full redesign matching the Saved Addresses account layout.
========================================================= */

html body.woocommerce-account main.respawn-account-details-page {
  --rp-profile-bg: #080c14;
  --rp-profile-panel: #101827;
  --rp-profile-panel-deep: #0b111d;
  --rp-profile-border: rgba(148, 163, 184, .14);
  --rp-profile-border-strong: rgba(167, 139, 250, .34);
  --rp-profile-text: #f8fafc;
  --rp-profile-muted: #c3c6d6;
  --rp-profile-soft: rgba(226, 232, 240, .70);
  --rp-profile-purple: #8b5cf6;
  --rp-profile-purple-bright: #a855f7;
  --rp-profile-purple-deep: #6d28d9;
  background: var(--rp-profile-bg) !important;
}

html body.woocommerce-account main.respawn-account-details-page .respawn-page-hero {
  display: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .respawn-page-content-section,
html body.woocommerce-account main.respawn-account-page.respawn-account-details-page .respawn-page-content-section {
  padding: clamp(34px, 3.2vw, 58px) 0 clamp(76px, 7vw, 118px) !important;
  background: var(--rp-profile-bg) !important;
  background-image: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
  width: min(1360px, calc(100vw - clamp(36px, 5vw, 108px))) !important;
  max-width: 1360px !important;
  margin-inline: auto !important;
}

html body.woocommerce-account main.respawn-account-details-page .respawn-page-content-card,
html body.woocommerce-account main.respawn-account-details-page .woocommerce {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce {
  display: grid !important;
  grid-template-columns: minmax(210px, 250px) minmax(0, 1fr) !important;
  gap: clamp(16px, 1.6vw, 24px) !important;
  align-items: start !important;
}

html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 *,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 *::before,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 *::after {
  box-sizing: border-box !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 {
  width: 100% !important;
  max-width: 1240px !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 16px !important;
  color: var(--rp-profile-text) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 svg {
  width: 1em !important;
  height: 1em !important;
  display: block !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-hero,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-note {
  border: 1px solid var(--rp-profile-border) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .01)),
    var(--rp-profile-panel) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-hero {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 150px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px) !important;
  gap: clamp(18px, 2vw, 30px) !important;
  align-items: center !important;
  padding: 22px 24px !important;
  background:
    linear-gradient(90deg, rgba(16, 24, 39, .99) 0%, rgba(16, 24, 39, .94) 44%, rgba(16, 24, 39, .56) 72%, rgba(16, 24, 39, .22) 100%),
    url("assets/images/Dashboard Images/banner image.png") center right / cover no-repeat,
    var(--rp-profile-panel) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .025), transparent 44%) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-hero-copy,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-summary {
  position: relative !important;
  z-index: 2 !important;
  min-width: 0 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-kicker,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card-label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #b99aff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-hero h2,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card h3 {
  margin: 0 !important;
  color: var(--rp-profile-text) !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-hero h2 {
  max-width: 650px !important;
  font-size: clamp(34px, 3vw, 44px) !important;
  line-height: 1.02 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-hero p,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-copy,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-note p,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 .description {
  margin: 9px 0 0 !important;
  color: var(--rp-profile-muted) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.5 !important;
  overflow-wrap: anywhere !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-summary {
  display: grid !important;
  gap: 12px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-summary-card {
  min-height: 66px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 4px 12px !important;
  align-items: center !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(148, 163, 184, .16) !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
    rgba(17, 24, 39, .74) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-summary-card > span,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card-icon,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-note > span {
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(167, 139, 250, .24) !important;
  border-radius: 10px !important;
  color: var(--rp-profile-purple-bright) !important;
  background: rgba(139, 92, 246, .12) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-summary-card > span {
  grid-row: 1 / span 2 !important;
  width: 42px !important;
  height: 42px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-summary-card small {
  color: var(--rp-profile-soft) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-summary-card strong {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-form {
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card {
  position: relative !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  background: linear-gradient(180deg, #b99aff, #6d28d9) !important;
  opacity: .9 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 18px 18px 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card-icon {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card h3 {
  font-size: 22px !important;
  line-height: 1.08 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card > .rp-profile-v2-copy,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-fields {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card > .rp-profile-v2-copy {
  margin-top: 16px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-fields {
  display: grid !important;
  gap: 14px !important;
  min-width: 0 !important;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-fields-two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-password-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-field,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 .form-row {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-field-full {
  grid-column: 1 / -1 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 label {
  display: block !important;
  margin: 0 0 7px !important;
  color: rgba(245, 247, 251, .88) !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 .required {
  color: var(--rp-profile-purple-bright) !important;
  text-decoration: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 input.input-text,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 input[type="text"],
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 input[type="email"],
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 input[type="password"],
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 select {
  width: 100% !important;
  min-height: 46px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 8px !important;
  background: rgba(9, 11, 18, .68) !important;
  color: var(--rp-profile-text) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  outline: none !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 select {
  appearance: auto !important;
  padding-right: 36px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 input.input-text:focus,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 input[type="text"]:focus,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 input[type="email"]:focus,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 input[type="password"]:focus,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2 select:focus {
  border-color: rgba(139, 92, 246, .64) !important;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, .14) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-note {
  min-height: 74px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 16px 18px !important;
  border-color: rgba(139, 92, 246, .28) !important;
  background:
    linear-gradient(180deg, rgba(139, 92, 246, .13), rgba(139, 92, 246, .045)),
    var(--rp-profile-panel) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-note > span {
  width: 42px !important;
  height: 42px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-note strong {
  display: block !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 840 !important;
  line-height: 1.25 !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-note p {
  margin-top: 4px !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-save,
html body.woocommerce-account main.respawn-account-details-page .woocommerce button.rp-profile-v2-save {
  width: auto !important;
  min-width: 176px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(170, 105, 255, .50) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, var(--rp-profile-purple), var(--rp-profile-purple-deep)) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 840 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 16px 34px rgba(77, 35, 173, .22) !important;
}

html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-save:hover,
html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-save:focus-visible,
html body.woocommerce-account main.respawn-account-details-page .woocommerce button.rp-profile-v2-save:hover,
html body.woocommerce-account main.respawn-account-details-page .woocommerce button.rp-profile-v2-save:focus-visible {
  transform: translateY(-1px) !important;
  background: linear-gradient(135deg, #9b6cff, #7c3aed) !important;
  color: #fff !important;
  box-shadow: 0 18px 38px rgba(77, 35, 173, .28) !important;
  outline: none !important;
}

@media (max-width: 1180px) {
  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-hero,
  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-grid,
  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-password-grid {
    grid-template-columns: 1fr !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-summary {
    max-width: 620px !important;
  }
}

@media (max-width: 980px) {
  html body.woocommerce-account main.respawn-account-details-page .woocommerce {
    grid-template-columns: 1fr !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 760px) {
  html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
    width: min(100% - 22px, 1360px) !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-hero,
  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card-head,
  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-note {
    padding: 16px !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-hero h2 {
    font-size: 32px !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-fields,
  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-fields-two,
  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-note {
    grid-template-columns: 1fr !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-save,
  html body.woocommerce-account main.respawn-account-details-page .woocommerce button.rp-profile-v2-save {
    width: 100% !important;
  }
}

@media (max-width: 420px) {
  html body.woocommerce-account main.respawn-account-details-page .respawn-page-shell,
  html body.woocommerce-account main.respawn-standard-page.respawn-account-page.respawn-account-details-page .respawn-page-shell {
    width: min(100% - 18px, 1360px) !important;
  }

  html body.woocommerce-account main.respawn-account-details-page .rp-profile-v2-card-head {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }
}

/* =========================================================
   Respawn PCs Homepage Header/Footer Colour Lock
   Must stay last so dashboard-specific account rules cannot
   recolour the shared site chrome.
========================================================= */

html body.woocommerce-account .rsp-clean-header {
  --nav-bg: rgba(13, 13, 16, .92) !important;
  --nav-panel: #111116 !important;
  --nav-line: rgba(255, 255, 255, .095) !important;
  --nav-line-soft: rgba(255, 255, 255, .065) !important;
  background: rgba(13, 13, 16, .92) !important;
  border-bottom-color: rgba(255, 255, 255, .065) !important;
  box-shadow: none !important;
}

html body.woocommerce-account footer.site-footer,
html body.woocommerce-account .site-footer,
html body.woocommerce-account main.respawn-account-dashboard-page + .site-footer,
html body.woocommerce-account main.respawn-account-orders-page + .site-footer,
html body.woocommerce-account main.respawn-account-order-page + .site-footer,
html body.woocommerce-account main.respawn-account-details-page + .site-footer,
html body.woocommerce-account main.respawn-account-addresses-page + .site-footer,
html body.woocommerce-account main.respawn-account-payment-methods-page + .site-footer,
html body.woocommerce-account main.respawn-account-privacy-page + .site-footer,
html body.woocommerce-account .respawn-account-privacy-page + .site-footer {
  background: #0d0d10 !important;
  background-color: #0d0d10 !important;
  background-image: none !important;
}

html body.woocommerce-account .site-footer > *,
html body.woocommerce-account .site-footer .footer-main,
html body.woocommerce-account .site-footer .footer-bottom {
  background-color: transparent !important;
  background-image: none !important;
}