.tt-account {
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 16%, rgba(5, 5, 5, 0.045), transparent 28%),
    linear-gradient(90deg, rgba(5, 5, 5, 0.035) 1px, transparent 1px),
    linear-gradient(180deg, var(--tt-white), #fbfaf8 46%, var(--tt-white));
  background-size: auto, 72px 72px, auto;
}
header.entry-header {
    display: none;
}
div#customer_login {
    padding: 2em;
}

.tt-account-hero {
  border-bottom: 1px solid var(--tt-line);
  background:
    linear-gradient(90deg, rgba(5, 5, 5, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, var(--tt-white), var(--tt-paper));
  background-size: 72px 72px, auto;
}
.woocommerce-account .woocommerce,
.woocommerce-account .entry-content {
  max-width: none;
}
.woocommerce-MyAccount-navigation li a:hover, .woocommerce-MyAccount-navigation li.is-active a{
	padding-left:10px;
}
.woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
  float: none !important;
  width: auto !important;
}
.tt-account-hero__inner {
  min-height: 420px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.45fr);
  gap: 46px;
  align-items: end;
  padding: 96px 0 62px;
}

.tt-account-hero__copy {
  max-width: 820px;
}

.tt-account-hero__title {
  max-width: 860px;
  font-size: clamp(48px, 7vw, 96px);
}

.tt-account-hero__panel {
  min-height: 260px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-content: end;
  padding: 24px;
  border: 1px solid var(--tt-line);
  border-radius: var(--tt-radius);
  background: var(--tt-black);
  color: var(--tt-white);
  box-shadow: var(--tt-shadow);
}

.tt-account-hero__panel span {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border: 1px solid var(--tt-line-dark);
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.tt-account-hero__panel span::after {
  content: "";
  width: 42px;
  height: 1px;
  background: currentColor;
  opacity: 0.6;
}

.tt-account-shell {
  padding: 82px 0 128px;
}

.tt-account-layout {
  display: grid;
  grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
  gap: 26px;
  align-items: start;
}

.tt-account-sidebar {
  position: sticky;
  top: 156px;
}

.woocommerce-MyAccount-navigation {
  overflow: hidden;
  padding: 22px;
  border: 1px solid var(--tt-line);
  border-radius: var(--tt-radius);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), transparent 36%),
    var(--tt-black);
  color: var(--tt-white);
  box-shadow: 0 26px 70px rgba(5, 5, 5, 0.18);
}

.tt-account-nav__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--tt-line-dark);
}

.tt-account-nav__head::after {
  content: "";
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border: 1px solid var(--tt-line-dark);
  border-radius: 50%;
  background:
    linear-gradient(90deg, transparent calc(50% - 1px), rgba(255, 255, 255, 0.75) calc(50% - 1px), rgba(255, 255, 255, 0.75) calc(50% + 1px), transparent calc(50% + 1px)),
    linear-gradient(0deg, transparent calc(50% - 1px), rgba(255, 255, 255, 0.75) calc(50% - 1px), rgba(255, 255, 255, 0.75) calc(50% + 1px), transparent calc(50% + 1px));
  opacity: 0.56;
}

.tt-account-nav__head span {
  color: rgba(255,255,255,0.62);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.tt-account-nav__head strong {
  color: var(--tt-white);
  font-size: 18px;
  font-weight: 950;
}

.woocommerce-MyAccount-navigation ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-MyAccount-navigation li {
  margin: 0;
  list-style: none;
}

.woocommerce-MyAccount-navigation a {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 46px;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: rgba(255,255,255,0.72);
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  text-transform: uppercase;
  transition: background var(--tt-speed) ease, color var(--tt-speed) ease, border-color var(--tt-speed) ease, transform var(--tt-speed) ease;
}

.woocommerce-MyAccount-navigation a::before {
  content: attr(data-index);
  min-width: 24px;
  color: rgba(255,255,255,0.42);
  font-size: 11px;
  font-weight: 950;
}

.woocommerce-MyAccount-navigation a::after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: auto;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  opacity: 0.34;
  transform: rotate(45deg);
  transition: opacity var(--tt-speed) ease, transform var(--tt-speed) ease;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a,
.woocommerce-MyAccount-navigation a[aria-current="page"] {
  background: var(--tt-white);
  color: var(--tt-black);
  border-color: var(--tt-white);
  transform: translateX(3px);
}

.woocommerce-MyAccount-navigation a:hover::after,
.woocommerce-MyAccount-navigation .is-active a::after,
.woocommerce-MyAccount-navigation a[aria-current="page"]::after {
  opacity: 0.72;
  transform: translateX(2px) rotate(45deg);
}

.woocommerce-MyAccount-navigation .is-active a::before,
.woocommerce-MyAccount-navigation a[aria-current="page"]::before,
.woocommerce-MyAccount-navigation a:hover::before {
  color: rgba(5,5,5,0.48);
}

.tt-account-content,
.tt-auth-card,
.tt-account-service,
.tt-account-welcome,
.tt-account-quicklinks a {
  border: 1px solid var(--tt-line);
  border-radius: var(--tt-radius);
  background: var(--tt-white);
}

.tt-account-content {
  min-height: 420px;
  padding: 34px;
  box-shadow: 0 22px 70px rgba(5, 5, 5, 0.07);
}

.tt-account-content > *:first-child {
  margin-top: 0;
}

.tt-account-content h2,
.tt-account-content h3,
.tt-auth-card h2 {
  color: var(--tt-black);
  font-weight: 950;
  line-height: 1.02;
}

.tt-account-content h2 {
  margin: 0 0 22px;
  font-size: 34px;
}

.tt-account-content h3 {
  font-size: 24px;
}

.tt-account-content p {
  color: var(--tt-muted);
  line-height: 1.7;
}

.tt-account-auth {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

.tt-account-auth.has-register {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tt-auth-card {
  padding: 34px;
}

.tt-auth-card--login {
  background: var(--tt-black);
  color: var(--tt-white);
}

.tt-auth-card--login h2 {
  color: var(--tt-white);
}

.tt-auth-card--login p,
.tt-auth-card--login label,
.tt-auth-card--login .tt-auth-lost {
  color: rgba(255,255,255,0.72);
}

.tt-auth-card--login input[type="text"],
.tt-auth-card--login input[type="email"],
.tt-auth-card--login input[type="password"] {
  border-color: rgba(255,255,255,0.2) !important;
  background: rgba(255,255,255,0.08) !important;
  color: var(--tt-white) !important;
}

.tt-auth-card--login .button {
  border-color: var(--tt-white) !important;
  background: var(--tt-white) !important;
  color: var(--tt-black) !important;
}

.tt-auth-card--login .button:hover {
  background: transparent !important;
  color: var(--tt-white) !important;
}

.tt-auth-card__head {
  margin-bottom: 28px;
}

.tt-auth-card__head span,
.tt-account-welcome > span,
.tt-account-service span {
  display: inline-flex;
  margin-bottom: 12px;
  color: inherit;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.tt-auth-card__head h2 {
  margin: 0 0 10px;
  font-size: 42px;
}

.tt-auth-card__head p {
  margin: 0;
}

.tt-auth-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0 22px;
}

.tt-auth-actions label {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin: 0;
}

.tt-auth-lost {
  font-weight: 850;
  text-decoration: none;
}

.tt-auth-submit {
  margin-bottom: 0;
}

.tt-auth-submit .button {
  width: 100%;
}

.tt-auth-note {
  padding: 14px;
  border: 1px solid var(--tt-line);
  border-radius: 4px;
  background: var(--tt-paper);
}

.tt-account-dashboard {
  display: grid;
  gap: 18px;
}

.tt-account-welcome {
  position: relative;
  overflow: hidden;
  padding: 38px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(247, 245, 242, 0.74)),
    var(--tt-paper);
}

.tt-account-welcome::after {
  content: "TINATIN";
  position: absolute;
  right: -12px;
  bottom: -0.22em;
  color: rgba(5, 5, 5, 0.045);
  font-size: clamp(74px, 12vw, 160px);
  font-weight: 950;
  line-height: 0.8;
  pointer-events: none;
}

.tt-account-welcome h2 {
  position: relative;
  max-width: 760px;
  margin: 0 0 14px;
  font-size: clamp(36px, 4.6vw, 54px);
  letter-spacing: 0 !important;
}

.tt-account-welcome p {
  position: relative;
  max-width: 680px;
  margin: 0;
}

.tt-account-quicklinks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.tt-account-quicklinks a {
  min-height: 180px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 22px;
  color: var(--tt-black);
  text-decoration: none;
  transition: background var(--tt-speed) ease, color var(--tt-speed) ease, border-color var(--tt-speed) ease, transform var(--tt-speed) ease, box-shadow var(--tt-speed) ease;
}

.tt-account-quicklinks a::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 18px;
  width: 32px;
  height: 32px;
  border: 1px solid currentColor;
  border-radius: 50%;
  opacity: 0.12;
  transition: opacity var(--tt-speed) ease, transform var(--tt-speed) ease;
}

.tt-account-quicklinks a:hover {
  background: var(--tt-black);
  border-color: var(--tt-black);
  color: var(--tt-white) !important;
  box-shadow: 0 22px 48px rgba(5, 5, 5, 0.18);
  transform: translateY(-3px);
}

.tt-account-quicklinks span {
  position: relative;
  z-index: 1;
  color: var(--tt-muted);
  font-size: 12px;
  font-weight: 950;
}

.tt-account-quicklinks a:hover span {
  color: rgba(255,255,255,0.62) !important;
}

.tt-account-quicklinks strong {
  position: relative;
  z-index: 1;
  color: inherit;
  font-size: 24px;
  font-weight: 950;
  line-height: 1.08;
}

.tt-account-quicklinks em {
  position: relative;
  z-index: 1;
  color: inherit;
  font-size: 14px;
  font-style: normal;
  opacity: 0.66;
}

.tt-account-quicklinks a:hover strong,
.tt-account-quicklinks a:hover em,
.tt-account-quicklinks a:hover p,
.tt-account-quicklinks a:hover h2,
.tt-account-quicklinks a:hover h3 {
  color: var(--tt-white) !important;
}

.tt-account-quicklinks a:hover::after {
  opacity: 0.28;
  transform: scale(1.12);
}

.tt-account-service {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 22px;
  align-items: center;
  justify-content: space-between;
  padding: 32px;
  border-color: var(--tt-black);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), transparent 34%),
    var(--tt-black);
  color: var(--tt-white);
}

.tt-account-service::after {
  content: "";
  position: absolute;
  inset: auto 28px 28px auto;
  width: 118px;
  height: 118px;
  border: 1px solid var(--tt-line-dark);
  border-radius: 50%;
  opacity: 0.38;
}

.tt-account-service h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 8px;
  color: var(--tt-white);
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.02;
}

.tt-account-service p {
  position: relative;
  z-index: 1;
  max-width: 560px;
  margin: 0;
  color: rgba(255,255,255,0.68);
}

.tt-account-service span,
.tt-account-service .tt-btn {
  position: relative;
  z-index: 1;
}

.tt-account-service .tt-btn--ghost {
  color: var(--tt-white) !important;
}

.tt-account-service .tt-btn--ghost:hover {
  background: var(--tt-white) !important;
  color: var(--tt-black) !important;
}

.tt-account-content table,
.tt-account-content .shop_table {
  overflow: hidden;
  border: 1px solid var(--tt-line) !important;
  border-radius: var(--tt-radius);
  background: var(--tt-white);
}

.tt-account-content table th,
.tt-account-content table td,
.tt-account-content .shop_table th,
.tt-account-content .shop_table td {
  padding: 16px !important;
  border-color: var(--tt-line) !important;
}

.tt-account-content table th,
.tt-account-content .shop_table th {
  background: var(--tt-paper);
  color: var(--tt-black);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.tt-account-content address,
.tt-account-content .woocommerce-Address {
  padding: 22px;
  border: 1px solid var(--tt-line);
  border-radius: var(--tt-radius);
  background: var(--tt-paper);
}

.tt-account-content .woocommerce-Address {
  transition: background var(--tt-speed) ease, border-color var(--tt-speed) ease, color var(--tt-speed) ease, transform var(--tt-speed) ease;
}

.tt-account-content .woocommerce-Address:hover {
  border-color: var(--tt-black);
  background: var(--tt-black);
  color: var(--tt-white) !important;
  transform: translateY(-2px);
}

.tt-account-content .woocommerce-Address:hover,
.tt-account-content .woocommerce-Address:hover h2,
.tt-account-content .woocommerce-Address:hover h3,
.tt-account-content .woocommerce-Address:hover p,
.tt-account-content .woocommerce-Address:hover a,
.tt-account-content .woocommerce-Address:hover address {
  color: var(--tt-white) !important;
}

.tt-account-content .woocommerce-Address-title {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
}

.tt-account-content .woocommerce-Address-title h3 {
  margin: 0;
}

.tt-account-content fieldset {
  margin: 28px 0 0;
  padding: 22px;
  border: 1px solid var(--tt-line);
  border-radius: var(--tt-radius);
}

.tt-account-content legend {
  padding: 0 8px;
  color: var(--tt-black);
  font-weight: 950;
}

.tt-account .woocommerce-message,
.tt-account .woocommerce-info,
.tt-account .woocommerce-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
  padding: 18px 22px;
  border-color: var(--tt-line);
  background: rgba(247, 245, 242, 0.82);
  box-shadow: 0 18px 52px rgba(5, 5, 5, 0.06);
}

.tt-account .woocommerce-message::before,
.tt-account .woocommerce-info::before,
.tt-account .woocommerce-error::before {
  display: none;
}

.tt-account .woocommerce-message .button,
.tt-account .woocommerce-info .button,
.tt-account .woocommerce-error .button {
  order: 2;
  flex: 0 0 auto;
  margin-left: auto;
}

.tt-account .woocommerce-message .button:hover,
.tt-account .woocommerce-info .button:hover,
.tt-account .woocommerce-error .button:hover,
.tt-account-content a.button:hover,
.tt-account-content button.button:hover,
.tt-account-content .button:hover {
  background: var(--tt-black) !important;
  color: var(--tt-white) !important;
  border-color: var(--tt-black) !important;
}

.tt-account a:hover,
.tt-account button:hover {
  text-decoration: none;
}

.tt-account .tt-hover-dark:hover,
.tt-account .tt-hover-dark:hover *,
.tt-account .tt-account-quicklinks a:hover,
.tt-account .tt-account-quicklinks a:hover *,
.tt-account-content .woocommerce-Address:hover,
.tt-account-content .woocommerce-Address:hover * {
  color: var(--tt-white) !important;
}

@media (max-width: 1024px) {
  .tt-account-hero__inner,
  .tt-account-layout,
  .tt-account-auth.has-register {
    grid-template-columns: 1fr;
  }

  .tt-account-sidebar {
    position: static;
  }

  .tt-account-layout {
    gap: 18px;
  }

  .woocommerce-MyAccount-navigation ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .tt-account-hero__inner {
    gap: 28px;
    padding: 70px 0 44px;
  }

  .tt-account-hero__title {
    font-size: 42px;
  }

  .tt-account-shell {
    padding: 54px 0 84px;
  }

  .tt-account-content,
  .tt-auth-card,
  .tt-account-welcome,
  .tt-account-service {
    padding: 22px;
  }

  .tt-account-content {
    box-shadow: none;
  }

  .woocommerce-MyAccount-navigation ul,
  .tt-account-quicklinks {
    grid-template-columns: 1fr;
  }

  .tt-account .woocommerce-message,
  .tt-account .woocommerce-info,
  .tt-account .woocommerce-error {
    flex-direction: column;
    align-items: stretch;
  }

  .tt-account .woocommerce-message .button,
  .tt-account .woocommerce-info .button,
  .tt-account .woocommerce-error .button {
    width: 100%;
    margin-left: 0;
  }

  .tt-auth-card__head h2,
  .tt-account-welcome h2 {
    font-size: 32px;
  }

  .tt-account-service {
    align-items: flex-start;
    flex-direction: column;
  }

  .tt-account-service .tt-btn {
    width: 100%;
  }
}