.replica-commerce:has(.replica-account) {
  padding-block: clamp(32px, 5vw, 72px);
  background: #fff;
}
.replica-account {
  --account-ink: #252525;
  --account-muted: #68625f;
  --account-border: #ded8d4;
  --account-accent: #a92b67;
  width: 100%;
  max-width: 540px;
  margin-inline: auto;
  color: var(--account-ink);
  font-size: 16px;
  line-height: 1.5;
}
.replica-account *, .replica-account *::before, .replica-account *::after { box-sizing: border-box; }
.replica-account [hidden] { display: none !important; }
.replica-account__header { margin-bottom: 28px; text-align: center; }
.replica-account .replica-account__eyebrow { margin: 0 0 12px; color: var(--account-accent); font-size: 11px; font-weight: 600; letter-spacing: .16em; }
.replica-account h1 { margin: 0 0 12px; font: inherit; font-size: clamp(30px, 4vw, 38px); font-weight: 500; letter-spacing: -.025em; line-height: 1.2; }
.replica-account__header > p:last-child { margin: 0; color: var(--account-muted); font-size: 14px; }
.replica-account__card { border: 1px solid #e9e3df; border-radius: 16px; padding: 32px 39px; background: #fff; box-shadow: 0 8px 36px rgb(50 35 30 / 4%); }
.replica-account__tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin-bottom: 30px; border: 1px solid #eee7e3; border-radius: 8px; background: #f8f5f3; }
.replica-account__tabs a { display: flex; min-width: 0; min-height: 46px; align-items: center; justify-content: center; padding: 10px 8px; border-radius: 5px; color: var(--account-muted); font-size: 14px; text-decoration: none; text-align: center; transition: background-color .18s ease, color .18s ease; }
.replica-account__tabs a[aria-selected="true"] { color: var(--account-ink); background: #fff; font-weight: 600; box-shadow: 0 1px 5px rgb(50 35 30 / 8%); }
.replica-account__tabs a:hover { color: var(--account-accent); }
.replica-account h2 { margin: 0 0 8px; font: inherit; font-size: 23px; font-weight: 500; letter-spacing: -.025em; line-height: 1.3; }
.replica-account__intro { margin: 0 0 26px; color: var(--account-muted); font-size: 14px; }
.replica-account .replica-account__form { margin: 0; padding: 0; border: 0; }
.replica-account .replica-account__field { margin: 0 0 20px; padding: 0; }
.replica-account__field > label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: 500; }
.replica-account__field > label > span { color: var(--account-accent); }
.replica-account input.replica-account__input { display: block; width: 100%; min-width: 0; height: 50px; min-height: 50px; margin: 0; padding: 12px 14px; border: 1px solid var(--account-border); border-radius: 6px; background: #fff; color: var(--account-ink); font: inherit; font-size: 16px; line-height: 1.5; box-shadow: none; transition: border-color .18s ease, box-shadow .18s ease; }
.replica-account input.replica-account__input:focus { outline: none; border-color: var(--account-accent); box-shadow: 0 0 0 3px rgb(169 43 103 / 12%); }
.replica-account__password { position: relative; }
.replica-account__password:has(.replica-account__reveal:not([hidden])) > input { padding-right: 88px; }
.replica-account button.replica-account__reveal { position: absolute; top: 3px; right: 4px; display: flex; min-width: 76px; min-height: 44px; align-items: center; justify-content: center; padding: 8px; border: 0; border-radius: 4px; background: transparent; color: var(--account-muted); font: inherit; font-size: 12px; text-decoration: none; cursor: pointer; }
.replica-account button.replica-account__reveal:hover { color: var(--account-accent); background: #faf5f7; }
.replica-account__field > small { display: block; margin-top: 8px; color: var(--account-muted); font-size: 12px; line-height: 1.5; }
.replica-account__options { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: -4px 0 16px; font-size: 12px; }
.replica-account label.replica-account__remember { display: flex; min-height: 44px; align-items: center; gap: 8px; margin: 0; cursor: pointer; }
.replica-account input[type="checkbox"] { appearance: auto; width: 16px; height: 16px; flex: 0 0 16px; margin: 0; padding: 0; accent-color: var(--account-ink); }
.replica-account__options > a { display: inline-flex; min-height: 44px; align-items: center; color: var(--account-ink); text-underline-offset: 4px; }
.replica-account button.replica-account__submit { display: flex; width: 100%; min-height: 50px; align-items: center; justify-content: center; margin: 0; padding: 13px 20px; border: 1px solid var(--account-ink); border-radius: 6px; background: var(--account-ink); color: #fff; font: inherit; font-size: 14px; font-weight: 500; letter-spacing: .02em; cursor: pointer; transition: background-color .18s ease, border-color .18s ease; }
.replica-account button.replica-account__submit::before, .replica-account button.replica-account__submit::after { content: none; }
.replica-account button.replica-account__submit:hover { border-color: #47403e; background: #47403e; }
.replica-account button.replica-account__submit:disabled { opacity: .65; cursor: wait; }
.replica-account__switch { margin: 24px 0 0; padding-top: 22px; border-top: 1px solid #eee7e3; color: var(--account-muted); font-size: 13px; text-align: center; }
.replica-account__switch a { display: inline-flex; min-height: 44px; align-items: center; color: var(--account-accent); font-weight: 500; text-underline-offset: 4px; }
.replica-account a:focus-visible, .replica-account button:focus-visible, .replica-account input[type="checkbox"]:focus-visible { outline: 2px solid var(--account-accent); outline-offset: 4px; }
.replica-account__footnote { margin: 22px 0 0; color: var(--account-muted); font-size: 12px; text-align: center; }
.replica-account .woocommerce-privacy-policy-text { color: var(--account-muted); font-size: 12px; line-height: 1.6; }
.replica-account .woocommerce-privacy-policy-text a { color: var(--account-ink); text-underline-offset: 3px; }
.replica-commerce:has(.replica-account) .woocommerce-notices-wrapper { max-width: 540px; margin-inline: auto; }
.replica-commerce:has(.replica-account) .woocommerce-error, .replica-commerce:has(.replica-account) .woocommerce-message { padding: 16px 20px; border: 1px solid #ead6dd; border-radius: 8px; background: #fff6f8; color: #772347; font-size: 14px; list-style: none; }
@media (max-width: 599px) {
  .replica-commerce:has(.replica-account) { padding: 28px 20px 40px; }
  .replica-account__header { margin-bottom: 24px; }
  .replica-account__card { padding: 24px 20px; border-radius: 12px; box-shadow: none; }
  .replica-account__tabs { margin-bottom: 24px; }
  .replica-account h2 { font-size: 21px; }
  .replica-account__intro { margin-bottom: 22px; }
  .replica-account__options { flex-wrap: wrap; gap: 0 12px; }
}
@media (max-width: 374px) {
  .replica-commerce:has(.replica-account) { padding-inline: 14px; }
  .replica-account__card { padding-inline: 16px; }
  .replica-account__tabs a { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .replica-account *, .replica-account *::before, .replica-account *::after { transition: none !important; animation: none !important; }
}
.replica-account-hub { max-width: 1160px; margin: 0 auto; color: #252525; font-size: 15px; }
.replica-account-hub * { box-sizing: border-box; }
.replica-account-hub__header { margin-bottom: 30px; }
.replica-account-hub__header p { margin: 0 0 10px; color: #a92b67; font-size: 11px; font-weight: 600; letter-spacing: .15em; }
.replica-account-hub__header h1 { margin: 0; font-size: clamp(28px, 4vw, 38px); font-weight: 500; }
.replica-account-hub > .woocommerce { display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: start; gap: 32px; }
.replica-account-hub .woocommerce-notices-wrapper { grid-column: 1 / -1; }
.replica-account-hub .woocommerce-MyAccount-navigation { float: none; width: 100%; border: 1px solid #e9e3df; border-radius: 10px; background: #faf7f5; overflow: hidden; }
.replica-account-hub .woocommerce-MyAccount-navigation ul { margin: 0; padding: 8px; list-style: none; }
.replica-account-hub .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; list-style: none; }
.replica-account-hub .woocommerce-MyAccount-navigation a { display: flex; min-height: 48px; align-items: center; padding: 12px 16px; border-radius: 6px; color: #68625f; font-size: 14px; text-decoration: none; }
.replica-account-hub .woocommerce-MyAccount-navigation .is-active a { background: #fff; color: #a92b67; font-weight: 600; box-shadow: 0 1px 5px rgb(50 35 30 / 5%); }
.replica-account-hub .woocommerce-MyAccount-navigation a:hover { color: #a92b67; }
.replica-account-hub .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 8px; border-top: 1px solid #e9e3df; padding-top: 8px; }
.replica-account-hub .woocommerce-MyAccount-content { float: none; width: 100%; min-width: 0; }
.replica-account-hub__welcome { padding: 30px; border: 1px solid #eee1e6; border-radius: 12px; background: #fcf6f8; }
.replica-account-hub__badge { color: #a92b67; font-size: 11px; letter-spacing: .1em; }
.replica-account-hub h2 { margin: 10px 0 12px; font-size: 26px; font-weight: 500; }
.replica-account-hub__welcome p { max-width: 540px; margin: 0; color: #68625f; line-height: 1.7; }
.replica-account-hub__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 20px; }
.replica-account-hub__card { display: flex; flex-direction: column; padding: 24px 20px; border: 1px solid #e9e3df; border-radius: 10px; color: #252525; text-decoration: none; }
.replica-account-hub__card:hover { border-color: #b96b8d; background: #fffafb; }
.replica-account-hub__card svg { margin-bottom: 20px; color: #a92b67; }
.replica-account-hub__card h3 { margin: 0 0 10px; font-size: 17px; font-weight: 500; }
.replica-account-hub__card p { flex: 1; margin: 0 0 20px; color: #68625f; font-size: 13px; line-height: 1.6; }
.replica-account-hub__card > span { color: #a92b67; font-size: 12px; font-weight: 500; }
.replica-account-hub a:focus-visible, .replica-account-hub button:focus-visible, .replica-account-hub input:focus-visible { outline: 2px solid #a92b67; outline-offset: 3px; }
.replica-account-hub .woocommerce-MyAccount-content form { padding: 24px; border: 1px solid #e9e3df; border-radius: 10px; }
.replica-account-hub .woocommerce-MyAccount-content label { margin-bottom: 6px; font-size: 14px; }
.replica-account-hub .woocommerce-MyAccount-content input:not([type=checkbox]):not([type=hidden]), .replica-account-hub .woocommerce-MyAccount-content select { min-height: 48px; padding: 12px; border: 1px solid #ded8d4; border-radius: 6px; font-size: 16px; }
.replica-account-hub .woocommerce-MyAccount-content .button { display: inline-flex; min-height: 46px; align-items: center; border-radius: 6px; font-size: 14px; text-decoration: none; }
.replica-account-hub .woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.replica-account-hub .woocommerce-Address { padding: 24px; border: 1px solid #e9e3df; border-radius: 10px; }
.replica-account-hub address { font-style: normal; line-height: 1.8; }
.replica-account-hub .wc-block-components-notice-banner, .replica-commerce:has(.replica-account) .wc-block-components-notice-banner { display: flex; gap: 12px; margin: 0 0 20px; padding: 16px; border: 1px solid #ead6dd; border-radius: 8px; background: #fff6f8; color: #772347; font-size: 14px; }
.replica-account-hub .wc-block-components-notice-banner svg, .replica-commerce:has(.replica-account) .wc-block-components-notice-banner svg { width: 22px; height: 22px; flex: 0 0 22px; }
@media (max-width: 989px) {
  .replica-account-hub > .woocommerce { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .replica-account-hub .woocommerce-MyAccount-navigation ul { display: flex; gap: 4px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
  .replica-account-hub .woocommerce-MyAccount-navigation li { flex: 0 0 auto; }
  .replica-account-hub .woocommerce-MyAccount-navigation a { white-space: nowrap; }
  .replica-account-hub .woocommerce-MyAccount-navigation-link--customer-logout { margin: 0; padding: 0; border: 0; }
}
@media (max-width: 599px) {
  .replica-account-hub__cards, .replica-account-hub .woocommerce-Addresses { grid-template-columns: minmax(0, 1fr); }
  .replica-account-hub__welcome { padding: 24px 20px; }
  .replica-account-hub__card { padding: 24px; }
  .replica-account-hub .woocommerce-MyAccount-content form { padding: 20px; }
  .replica-account-hub .woocommerce-MyAccount-content fieldset { min-width: 0; margin: 20px 0; padding: 14px; }
  .replica-account-hub .woocommerce-MyAccount-content .button { justify-content: center; }
}
