/* ==========================================================================
   WALKER — Hesap sayfaları (account/*)
   Area stylesheet: loaded after walker.css. Scope rules with the body route class
   or the page wrapper (.walker-account). Reuses foundation tokens/components.
   Look: Playfair page titles, white panels (1px border, radius 30px) for content,
   light-grey surface panels (radius 30–40px) for forms, gold pill buttons, green
   secondary, 52px pill inputs, vertical account menu with a gold active pill
   (horizontal pill bar on phones), Sarabun tables, green / gold status pills.

   INDEX
   A1 Core resets ......... neutralises catalog/view/stylesheet/stylesheet.css account rules
                            ([id^=account-] #content form/table/legend/.form-control …)
   A2 Page frame .......... .walker-account (__head __title-row __meta __body __layout __content)
   A3 Account nav ......... .walker-acc-nav (__user __avatar __who __list __link __sep)  (module/account)
   A4 Auth pages .......... .walker-auth (__head __page-title __lead __content --wide --narrow, __grid, __card,
                            __title, __intro, __submit, __perks, __steps, __badge, __checks, __switch)
   A5 Fields .............. .walker-acc-field (--wide, __control, __label-row), .walker-acc-grid, .walker-acc-password,
                            .walker-acc-choices, .walker-acc-toggle, .walker-acc-actions, .walker-acc-back, .walker-acc-legend
   A6 Panels / info ....... .walker-acc-panel (--table), form.walker-acc-panel (grey surface), .walker-acc-form,
                            .walker-acc-info-grid, .walker-acc-info, .walker-acc-dl
   A7 Status / chips ...... .walker-acc-status--success|info|warning|danger|secondary (--lg), .walker-acc-chip, .walker-acc-stock
   A8 Dashboard ........... .walker-account__hero, .walker-acc-stats, .walker-acc-panels, .walker-acc-recent, .walker-acc-tiles
   A9 Tables .............. .walker-acc-table (--orders = cards on phones; td[data-label] = label rows on phones)
   A10 Order detail ....... .walker-acc-items, .walker-acc-item, .walker-acc-totals, .walker-acc-timeline
   A11 Wishlist ........... .walker-acc-wishlist, .walker-acc-wish
   A12 Addresses .......... .walker-acc-addresses, .walker-acc-addr
   A13 Misc ............... .walker-acc-empty, .walker-acc-pagination, .walker-acc-balance, .walker-acc-newsletter
   ========================================================================== */


/* == A1 Core resets ======================================================== */
#walker-main .walker-account #content {
  max-width: none;
  margin: 0;
  padding-bottom: 0;
}

#walker-main .walker-account #content > form {
  max-width: none;
  margin-bottom: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}

#walker-main .walker-account #content .form-control,
#walker-main .walker-account #content .form-select {
  padding: 12px 24px;
  border-radius: var(--radius-pill);
}

#walker-main .walker-account #content .form-select {
  padding-right: 52px;
}

#walker-main .walker-account #content textarea.form-control {
  padding: 16px 24px;
  border-radius: 20px;
}

#walker-main .walker-account #content legend {
  float: none;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  font-family: var(--font-heading);
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.2;
}

#walker-main .walker-account #content .table {
  margin-bottom: 0;
  border-color: rgb(var(--color-border));
}

#walker-main .walker-account #content .table > thead {
  background: transparent;
  color: inherit;
  font-size: inherit;
}

#walker-main .walker-account #content .table > :not(caption) > * > * {
  padding: 20px 16px;
  border-bottom-color: rgb(var(--color-border));
  background: transparent;
  color: rgb(var(--color-text));
  vertical-align: middle;
}

#walker-main .walker-account #content .table > thead > tr > th {
  padding-top: 18px;
  padding-bottom: 14px;
  color: rgb(var(--color-text-muted));
  font-size: 15px;
  font-weight: 600;
}

/* Bootstrap draws a 2px currentColor rule between thead and tbody */
#walker-main .walker-account #content .table > :not(:first-child) {
  border-top: 0;
}

#walker-main .walker-account #content .table-responsive {
  margin-bottom: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
}

.walker-account fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.walker-account .alert > i {
  display: none;
}

/* In-page alerts: rounded, with a coloured dot */
.walker-account .alert {
  position: relative;
  padding-left: 46px;
  border-radius: 20px;
}

.walker-account .alert::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 22px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgb(var(--color-gold));
}

.walker-account .alert-success::before { background: rgb(var(--color-green)); }
.walker-account .alert-danger::before,
.walker-account .alert-warning::before { background: rgb(var(--color-error)); }

[data-scheme="dark"] .walker-account .alert-success::before { background: rgb(var(--color-gold)); }

.walker-account .alert-dismissible .btn-close {
  top: 50%;
  padding: 10px;
  transform: translateY(-50%);
}

/* Buttons that carry an icon */
.walker-account .btn-walker.btn-walker--nodot,
.walker-account .btn-walker:has(> .walker-icon:first-child) {
  gap: 10px;
}

.walker-account .btn-walker.btn-walker--nodot > .walker-icon {
  margin: 0;
}

/* Required marker */
.walker-acc-req,
.walker-account .required > .form-label::after {
  color: rgb(var(--color-badge));
}

.walker-account .required > .form-label::after {
  content: " *";
}

.walker-account .required > .form-label::before {
  content: none;
}


/* == A2 Page frame ========================================================= */
.walker-account {
  padding-bottom: var(--spaced-section);
}

.walker-account__head {
  padding-bottom: 3rem;
}

.walker-account__head .breadcrumb {
  margin-bottom: 1.75rem;
}

.walker-account__title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem 2rem;
}

.walker-account__title-row .walker-eyebrow {
  margin-bottom: 1rem;
}

.walker-account__title-row .walker-page-head__title,
.walker-account__hero .walker-page-head__title {
  font-size: var(--page-title-size);
  line-height: 1.1;
}

.walker-account__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin: 1rem 0 0;
  color: rgb(var(--color-text-muted));
  font-size: 16px;
}

.walker-account__meta > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.walker-account__meta .walker-icon {
  width: 18px;
  height: 18px;
  color: rgb(var(--color-gold));
}

.walker-account__meta a {
  color: rgb(var(--color-gold));
  font-weight: 600;
}

.walker-account__meta a:hover {
  color: rgb(var(--color-gold-dark));
}

.walker-account__body > .alert {
  margin-bottom: 1.25rem;
}

.walker-account__layout {
  display: flex;
  align-items: flex-start;
  gap: 50px;
}

#walker-main .walker-account__layout > #column-left,
#walker-main .walker-account__layout > #column-right {
  position: sticky;
  top: calc(var(--header-space) + 24px);
  flex: 0 0 300px;
  width: 300px;
  max-width: none;
  padding: 0;
}

.walker-account__layout > #column-left > * + *,
.walker-account__layout > #column-right > * + * {
  margin-top: 20px;
}

.walker-account__content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}

@media (max-width: 1199.98px) {
  .walker-account__layout {
    gap: 32px;
  }

  #walker-main .walker-account__layout > #column-left,
  #walker-main .walker-account__layout > #column-right {
    flex-basis: 260px;
    width: 260px;
  }
}

@media (max-width: 991.98px) {
  .walker-account__head {
    padding-bottom: 2rem;
  }

  .walker-account__head .breadcrumb {
    margin-bottom: 1.25rem;
  }

  .walker-account__layout {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }

  /* The account menu stays visible on phones (core column is d-none below md) */
  #walker-main .walker-account__layout > #column-left,
  #walker-main .walker-account__layout > #column-right {
    position: static;
    display: block !important;
    flex: none;
    width: 100%;
  }
}


/* == A3 Account nav (module/account) ======================================= */
.walker-acc-nav {
  padding: 28px 20px 20px;
  border-radius: var(--radius-panel);
  background: rgb(var(--color-surface));
}

.walker-acc-nav__user {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 4px 14px;
  padding: 0 0 22px;
  border-bottom: 1px solid rgba(var(--color-text), .1);
  color: rgb(var(--color-text));
}

.walker-acc-nav__user:hover {
  color: rgb(var(--color-text));
}

.walker-acc-nav__avatar,
.walker-account__avatar {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgb(var(--color-green));
  color: #fff;
  font-family: var(--font-heading);
  font-size: 19px;
  font-weight: 400;
  letter-spacing: .02em;
}

.walker-acc-nav__who {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.35;
}

.walker-acc-nav__who strong,
.walker-acc-nav__who small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.walker-acc-nav__who strong {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 400;
}

.walker-acc-nav__who small {
  color: rgb(var(--color-text-muted));
  font-size: 14px;
}

.walker-acc-nav__list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.walker-acc-nav__link {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 48px;
  padding: 8px 18px;
  border-radius: var(--radius-pill);
  color: rgb(var(--color-text));
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  transition: background-color var(--duration-default), color var(--duration-default);
}

.walker-acc-nav__link .walker-icon {
  flex: none;
  width: 20px;
  height: 20px;
  color: rgb(var(--color-gold));
  transition: color var(--duration-default);
}

.walker-acc-nav__link:hover {
  background: rgb(var(--color-bg));
  color: rgb(var(--color-gold-dark));
}

.walker-acc-nav__link:focus-visible {
  outline: 2px solid rgb(var(--color-gold));
  outline-offset: 2px;
}

.walker-acc-nav__link.is-active,
.walker-acc-nav__link.is-active:hover {
  background: rgb(var(--color-gold));
  color: rgb(var(--color-on-accent));
}

.walker-acc-nav__link.is-active .walker-icon {
  color: currentColor;
}

.walker-acc-nav__sep {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(var(--color-text), .1);
}

.walker-acc-nav__link--logout {
  color: rgb(var(--color-text-muted));
  font-weight: 500;
}

.walker-acc-nav__link--logout .walker-icon {
  color: rgb(var(--color-text-muted));
}

@media (max-width: 991.98px) {
  .walker-acc-nav {
    padding: 5px;
    border: 1px solid rgba(var(--color-text), .18);
    border-radius: var(--radius-pill);
    background: rgb(var(--color-bg));
  }

  .walker-acc-nav__user {
    display: none;
  }

  .walker-acc-nav__list {
    flex-direction: row;
    gap: 2px;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .walker-acc-nav__list::-webkit-scrollbar {
    display: none;
  }

  .walker-acc-nav__list > li {
    flex: none;
  }

  .walker-acc-nav__link {
    gap: 8px;
    min-height: 42px;
    padding: 6px 16px;
    font-size: 15px;
    white-space: nowrap;
  }

  .walker-acc-nav__link .walker-icon {
    width: 17px;
    height: 17px;
  }

  .walker-acc-nav__link:hover {
    background: rgb(var(--color-surface));
  }

  .walker-acc-nav__sep {
    display: flex;
    align-items: center;
    margin: 0 0 0 4px;
    padding: 0 0 0 4px;
    border-top: 0;
    border-left: 1px solid rgba(var(--color-text), .12);
  }
}


/* == A4 Auth pages (login / register / forgotten / authorize) ============= */
.walker-auth {
  padding-top: var(--page-head-top);
}

.walker-auth__head {
  max-width: 820px;
  margin: 0 auto 3.5rem;
  text-align: center;
}

.walker-auth__breadcrumb {
  justify-content: center;
  margin-bottom: 1.75rem;
}

.walker-auth__page-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: var(--page-title-size);
  font-weight: 400;
  line-height: 1.1;
}

.walker-auth__lead {
  max-width: 40rem;
  margin: 1.25rem auto 0;
  color: rgb(var(--color-text));
  font-size: 18px;
}

.walker-auth__alerts {
  max-width: 1300px;
  margin: 0 auto;
}

.walker-auth__alerts .alert {
  margin-bottom: 1.25rem;
}

#walker-main .walker-account #content.walker-auth__content {
  max-width: 1300px;
  margin: 0 auto;
}

#walker-main .walker-account #content.walker-auth__content--wide {
  max-width: 860px;
}

#walker-main .walker-account #content.walker-auth__content--narrow {
  max-width: 620px;
}

.walker-auth__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 50px;
}

/* Grey surface panels (WooCommerce-style "Giriş yap" / "Hesap oluştur") */
.walker-auth__card {
  --btn-light-bg: var(--color-bg);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 60px 48px 56px;
  border-radius: 40px;
  background: rgb(var(--color-surface));
}

.walker-auth__card > * {
  width: 100%;
}

.walker-auth__card > .walker-eyebrow,
.walker-auth__card > .walker-auth__badge {
  width: auto;
}

.walker-auth__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(2.25rem, 1.8rem + 1.2vw, 3rem);
  font-weight: 400;
  line-height: 1.1;
}

.walker-auth__title--sm {
  font-size: clamp(2rem, 1.7rem + .9vw, 2.5rem);
}

.walker-auth__badge + .walker-auth__title {
  margin-top: 1.5rem;
}

.walker-auth__intro {
  margin: 1rem 0 0;
  color: rgb(var(--color-text));
  font-size: 18px;
}

.walker-auth__form {
  margin-top: 2rem;
}

.walker-auth__card > .walker-auth__form:first-child {
  margin-top: 0;
}

.walker-auth__form .walker-auth__intro:first-child {
  margin-top: 0;
}

.walker-auth__form > .btn-walker,
.walker-auth__card > .btn-walker {
  margin-top: 12px;
  width: auto;
  min-width: 180px;
}

.walker-auth__submit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 28px;
  margin-top: 14px;
}

.walker-auth__card > .walker-auth__submit {
  margin-top: auto;
  padding-top: 2rem;
}

.walker-auth__submit .btn-walker {
  min-width: 180px;
}

.walker-auth__perks {
  margin: 2rem 0 0;
  padding: 0;
  list-style: none;
}

.walker-auth__perks li {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 0;
  font-size: 17px;
  line-height: 1.5;
}

.walker-auth__perk-icon {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgb(var(--color-bg));
  color: rgb(var(--color-gold));
}

.walker-auth__perk-icon .walker-icon {
  width: 22px;
  height: 22px;
}

.walker-auth__checks {
  margin: 8px 0 24px;
}

.walker-auth__checks .form-check-input {
  margin-top: .32em;
}

.walker-auth__checks .form-check + .form-check {
  margin-top: 8px;
}

.walker-auth__checks .form-check-label {
  color: rgb(var(--color-text));
  font-size: 16px;
  line-height: 1.6;
}

.walker-auth__checks .form-check-label a,
.walker-auth__switch a:not(.walker-acc-back) {
  color: rgb(var(--color-gold));
  font-weight: 600;
}

.walker-auth__checks .form-check-label a:hover,
.walker-auth__switch a:not(.walker-acc-back):hover {
  color: rgb(var(--color-gold-dark));
}

.walker-auth__switch {
  margin: 2rem 0 0;
  color: rgb(var(--color-text));
  font-size: 16px;
  text-align: left;
}

.walker-auth__steps {
  margin: 2.25rem 0 0;
  padding: 1.75rem 0 0;
  border-top: 1px solid rgba(var(--color-text), .1);
  list-style: none;
}

.walker-auth__steps li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 6px 0;
  font-size: 16px;
}

.walker-auth__step {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgb(var(--color-bg));
  color: rgb(var(--color-gold));
  font-family: var(--font-heading);
  font-size: 17px;
  font-style: italic;
  font-weight: 600;
}

.walker-auth__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgb(var(--color-bg));
  color: rgb(var(--color-gold));
}

.walker-auth__badge .walker-icon {
  width: 26px;
  height: 26px;
}

.walker-auth__badge--error {
  color: rgb(var(--color-error));
}

.walker-auth__badge--ok {
  background: rgb(var(--color-green));
  color: #fff;
}

/* Inputs on the grey auth / form panels: white pills, hairline border */
.walker-auth__card .form-control:not(.is-invalid),
.walker-auth__card .form-select:not(.is-invalid),
form.walker-acc-panel .form-control:not(.is-invalid),
form.walker-acc-panel .form-select:not(.is-invalid) {
  border-color: rgba(var(--color-text), .14);
}

.walker-auth__card .form-control:not(.is-invalid):hover,
.walker-auth__card .form-select:not(.is-invalid):hover,
form.walker-acc-panel .form-control:not(.is-invalid):hover,
form.walker-acc-panel .form-select:not(.is-invalid):hover {
  border-color: rgba(var(--color-text), .35);
}

.walker-auth__card .form-control:not(.is-invalid):focus,
.walker-auth__card .form-select:not(.is-invalid):focus,
form.walker-acc-panel .form-control:not(.is-invalid):focus,
form.walker-acc-panel .form-select:not(.is-invalid):focus {
  border-color: rgb(var(--color-gold));
}

/* Light (grey) buttons would vanish on grey panels: make them white there */
.walker-auth__card .btn-walker--light,
form.walker-acc-panel .btn-walker--light,
.walker-acc-empty:not(.walker-acc-empty--inline) .btn-walker--light,
.walker-acc-stat .btn-walker--light {
  --btn-bg: var(--color-bg);
  --btn-bg-hover: var(--color-surface-2);
}

@media (max-width: 1199.98px) {
  .walker-auth__grid {
    gap: 24px;
  }

  .walker-auth__card {
    padding: 48px 36px;
  }
}

@media (max-width: 991.98px) {
  .walker-auth__head {
    margin-bottom: 2.25rem;
  }

  .walker-auth__breadcrumb {
    margin-bottom: 1.25rem;
  }

  .walker-auth__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 575.98px) {
  .walker-auth__card {
    padding: 36px 22px 32px;
    border-radius: 30px;
  }

  .walker-auth__submit {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }

  .walker-auth__form > .btn-walker,
  .walker-auth__card > .btn-walker,
  .walker-auth__submit .btn-walker {
    width: 100%;
  }
}


/* == A5 Fields ============================================================= */
.walker-acc-field {
  margin-bottom: 20px;
}

.walker-acc-field .form-label {
  display: block;
  margin-bottom: 8px;
  padding-left: 4px;
  color: rgb(var(--color-text));
  font-size: 16px;
  font-weight: 600;
}

.walker-acc-field__label-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.walker-acc-link {
  color: rgb(var(--color-gold));
  font-size: 16px;
  font-weight: 600;
}

.walker-acc-link:hover {
  color: rgb(var(--color-gold-dark));
}

.walker-acc-field__label-row .walker-acc-link {
  margin-bottom: 8px;
  font-size: 15px;
}

.walker-acc-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 24px;
}

.walker-acc-grid > .mb-3 {
  margin-bottom: 20px !important;
}

.walker-acc-grid--product {
  grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr) minmax(0, .8fr);
}

.walker-acc-field--wide,
.walker-acc-grid > .payment {
  grid-column: 1 / -1;
}

.walker-acc-grid .walker-acc-grid {
  gap: 0 24px;
}

.walker-acc-password {
  position: relative;
}

.walker-acc-password .form-control,
#walker-main .walker-account #content .walker-acc-password .form-control {
  padding-right: 58px;
}

.walker-acc-password__toggle {
  position: absolute;
  top: 26px;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: rgb(var(--color-text));
  transform: translateY(-50%);
  cursor: pointer;
}

.walker-acc-password__toggle:hover,
.walker-acc-password__toggle[aria-pressed="true"] {
  background: rgb(var(--color-surface));
  color: rgb(var(--color-gold-dark));
}

.walker-acc-password__toggle:focus-visible {
  outline: 2px solid rgb(var(--color-gold));
  outline-offset: 1px;
}

.walker-acc-password__toggle .walker-icon {
  width: 20px;
  height: 20px;
}

.walker-acc-inline {
  display: flex;
  gap: 10px;
}

.walker-acc-inline > .form-control {
  flex: 1 1 auto;
  min-width: 0;
}

.walker-acc-inline > .btn-walker {
  flex: none;
  min-height: 52px;
}

/* Radio groups as pills (return reason, invoice type, opened, affiliate payment) */
.walker-acc-choices {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.walker-acc-choices .form-check {
  position: relative;
  min-height: 0;
  margin: 0;
  padding: 0;
}

.walker-acc-choices .form-check-input {
  position: absolute;
  top: 50%;
  left: 18px;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.walker-acc-choices .form-check-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 22px;
  border: 1px solid rgba(var(--color-text), .2);
  border-radius: var(--radius-pill);
  background: rgb(var(--color-input-bg));
  color: rgb(var(--color-text));
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: border-color var(--duration-default), background-color var(--duration-default), color var(--duration-default);
}

.walker-acc-choices .form-check-label::before {
  content: "";
  flex: none;
  width: 10px;
  height: 10px;
  border: 1px solid rgba(var(--color-text), .4);
  border-radius: 50%;
  transition: background-color var(--duration-default), border-color var(--duration-default);
}

.walker-acc-choices .form-check-label:hover {
  border-color: rgb(var(--color-gold));
}

.walker-acc-choices .form-check-input:checked + .form-check-label {
  border-color: rgb(var(--color-green));
  background: rgb(var(--color-green));
  color: #fff;
}

.walker-acc-choices .form-check-input:checked + .form-check-label::before {
  border-color: rgb(var(--color-gold));
  background: rgb(var(--color-gold));
}

.walker-acc-choices .form-check-input:focus-visible + .form-check-label {
  outline: 2px solid rgb(var(--color-gold));
  outline-offset: 2px;
}

.walker-acc-choices.is-invalid .form-check-label,
.walker-acc-choices .form-check-input.is-invalid + .form-check-label,
.walker-acc-choices .form-check-label.is-invalid {
  border-color: rgba(var(--color-error), .7);
  color: rgb(var(--color-text));
}

.walker-acc-switch-row .form-check {
  margin: 4px 0 0;
}

.walker-acc-agree {
  margin-top: 20px;
}

.walker-acc-agree .form-check-label a,
.walker-acc-form .form-check-label a {
  color: rgb(var(--color-gold));
  font-weight: 600;
}

.walker-acc-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0;
  padding: 20px 26px;
  border-radius: 20px;
  background: rgb(var(--color-bg));
  cursor: pointer;
}

.walker-acc-toggle__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.walker-acc-toggle__text strong {
  font-size: 18px;
  font-weight: 600;
}

.walker-acc-toggle__text small {
  overflow: hidden;
  color: rgb(var(--color-text-muted));
  font-size: 15px;
  text-overflow: ellipsis;
}

.walker-acc-toggle .form-switch {
  min-height: 28px;
}

.walker-acc-toggle .form-switch .form-check-input {
  width: 52px;
  height: 30px;
  margin-top: 0;
}

.walker-acc-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 30px;
  padding-top: 26px;
  border-top: 1px solid rgba(var(--color-text), .1);
}

.walker-acc-actions--start {
  justify-content: flex-start;
  margin-top: 8px;
  padding-top: 0;
  border-top: 0;
}

.walker-acc-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgb(var(--color-gold));
  font-size: 16px;
  font-weight: 600;
}

.walker-acc-back .walker-icon {
  width: 18px;
  height: 18px;
  transition: transform var(--duration-default) var(--ease);
}

.walker-acc-back:hover {
  color: rgb(var(--color-gold-dark));
}

.walker-acc-back:hover .walker-icon {
  transform: translateX(-3px);
}

/* The divider sits on the legend: a fieldset border would wrap around a rendered legend */
.walker-acc-fieldset + .walker-acc-fieldset {
  margin-top: 16px;
}

#walker-main .walker-account #content .walker-acc-fieldset + .walker-acc-fieldset > .walker-acc-legend {
  padding-top: 30px;
  border-top: 1px solid rgba(var(--color-text), .1);
}

#walker-main .walker-account #content .walker-acc-legend,
.walker-acc-legend {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 22px;
  font-family: var(--font-heading);
  font-size: 1.625rem;
  font-weight: 400;
}

.walker-acc-legend__no {
  color: rgb(var(--color-gold));
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 600;
}

.walker-acc-autocomplete {
  position: relative;
}

.walker-acc-autocomplete .dropdown-menu {
  width: 100%;
}

@media (max-width: 575.98px) {
  .walker-acc-grid,
  .walker-acc-grid--product {
    grid-template-columns: minmax(0, 1fr);
  }

  .walker-acc-actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .walker-acc-actions > .btn-walker {
    width: 100%;
  }

  .walker-acc-actions > .walker-acc-back {
    justify-content: center;
  }

  .walker-acc-actions--start {
    flex-direction: row;
  }

  .walker-acc-inline {
    flex-direction: column;
  }
}


/* == A6 Panels / info ====================================================== */
/* Content panels: white, hairline border, radius 30px */
.walker-acc-panel {
  padding: 40px;
  border: 1px solid rgb(var(--color-border));
  border-radius: var(--radius-panel);
  background: rgb(var(--color-bg));
}

/* Form panels: grey surface, white pill inputs */
form.walker-acc-panel,
#walker-main .walker-account #content > form.walker-acc-panel {
  padding: 48px;
  border: 0;
  border-radius: var(--radius-panel);
  background: rgb(var(--color-surface));
}

.walker-acc-panel--table {
  padding: 8px 36px;
}

.walker-acc-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  margin-bottom: 14px;
}

.walker-acc-panel__title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: clamp(1.625rem, 1.4rem + .6vw, 2rem);
  font-weight: 400;
  line-height: 1.2;
}

.walker-acc-form {
  max-width: 920px;
}

.walker-acc-form--narrow {
  max-width: 600px;
}

#walker-main .walker-account #content > form.walker-acc-form {
  max-width: 920px;
}

#walker-main .walker-account #content > form.walker-acc-form--narrow {
  max-width: 600px;
}

.walker-acc-form__intro {
  margin-bottom: 30px;
}

.walker-acc-form__intro p {
  max-width: 42rem;
  margin: 10px 0 0;
  color: rgb(var(--color-text));
  font-size: 17px;
}

.walker-acc-form__intro p:first-child {
  margin-top: 0;
}

.walker-acc-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.walker-acc-info {
  padding: 32px 36px;
}

.walker-acc-info--wide {
  grid-column: 1 / -1;
}

.walker-acc-info__title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  color: rgb(var(--color-text));
  font-family: var(--font-heading);
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.2;
}

.walker-acc-info__title .walker-icon {
  flex: none;
  width: 22px;
  height: 22px;
  color: rgb(var(--color-gold));
}

.walker-acc-info__body {
  font-size: 17px;
  line-height: 1.7;
}

.walker-acc-info__lead {
  margin: 0 0 12px;
  font-family: var(--font-heading);
  font-size: 1.375rem;
}

.walker-acc-info__note {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgb(var(--color-border));
  font-size: 16px;
}

.walker-acc-dl {
  margin: 0;
}

.walker-acc-dl > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 0;
  border-top: 1px solid rgb(var(--color-border));
  font-size: 16px;
}

.walker-acc-dl > div:first-child {
  border-top: 0;
  padding-top: 0;
}

.walker-acc-dl dt {
  color: rgb(var(--color-text-muted));
  font-weight: 400;
}

.walker-acc-dl dd {
  margin: 0;
  font-weight: 600;
  text-align: right;
}

.walker-acc-muted {
  margin: 0;
  color: rgb(var(--color-text-muted));
}

@media (max-width: 767.98px) {
  .walker-acc-info-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 575.98px) {
  .walker-acc-panel,
  .walker-acc-info,
  form.walker-acc-panel,
  #walker-main .walker-account #content > form.walker-acc-panel {
    padding: 28px 20px;
    border-radius: 24px;
  }

  .walker-acc-panel--table {
    padding: 4px 20px;
  }
}


/* == A7 Status / chips ===================================================== */
.walker-acc-status {
  --status-bg: var(--color-surface);
  --status-fg: var(--color-text);
  --status-dot: var(--color-text-muted);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 4px 14px;
  border-radius: var(--radius-pill);
  background: rgb(var(--status-bg));
  color: rgb(var(--status-fg));
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.walker-acc-status::before {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgb(var(--status-dot));
}

/* Completed / delivered: green */
.walker-acc-status--success {
  --status-bg: var(--color-green);
  --status-fg: 255, 255, 255;
  --status-dot: var(--color-gold);
}

/* Pending / waiting: gold */
.walker-acc-status--warning {
  --status-bg: var(--color-gold);
  --status-fg: var(--color-on-accent);
  --status-dot: var(--color-on-accent);
}

/* Processing / shipped / returns: soft gold */
.walker-acc-status--info {
  --status-bg: var(--color-gold-soft);
  --status-fg: var(--color-text);
  --status-dot: var(--color-gold);
}

.walker-acc-status--danger {
  --status-bg: var(--color-surface);
  --status-fg: var(--color-error);
  --status-dot: var(--color-error);
}

[data-scheme="dark"] .walker-acc-status--danger {
  --status-fg: 240, 120, 105;
  --status-dot: 240, 120, 105;
}

.walker-acc-status--lg {
  min-height: 40px;
  padding: 6px 20px;
  font-size: 15px;
}

.walker-acc-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 3px 12px;
  border-radius: var(--radius-pill);
  background: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}

.walker-acc-chip .walker-icon {
  width: 14px;
  height: 14px;
}

.walker-acc-chip--dark {
  background: rgb(var(--color-green));
  color: #fff;
}

.walker-acc-chip--yellow {
  background: rgb(var(--color-gold));
  color: rgb(var(--color-on-accent));
}

.walker-acc-chip--muted {
  color: rgb(var(--color-text-muted));
}

.walker-acc-stock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.walker-acc-stock::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.walker-acc-stock--in { color: rgb(var(--color-success)); }
.walker-acc-stock--out { color: rgb(var(--color-error)); }

[data-scheme="dark"] .walker-acc-stock--in { color: rgb(var(--color-gold)); }


/* == A8 Dashboard ========================================================== */
.walker-account__hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px 32px;
}

.walker-account__avatar {
  width: 104px;
  height: 104px;
  font-size: 38px;
}

.walker-account__hero-text {
  flex: 1 1 320px;
  min-width: 0;
}

.walker-account__hero-text .walker-eyebrow {
  margin-bottom: .75rem;
}

.walker-account__hero-text .walker-page-head__title {
  overflow-wrap: anywhere;
}

.walker-account__email {
  margin: .5rem 0 0;
  color: rgb(var(--color-text-muted));
  overflow-wrap: anywhere;
}

.walker-account__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.walker-acc-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.walker-acc-stat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-height: 170px;
  padding: 30px 32px;
  border-radius: var(--radius-panel);
  background: rgb(var(--color-surface));
  color: rgb(var(--color-text));
  transition: background-color var(--duration-default), transform var(--duration-default) var(--ease);
}

.walker-acc-stat:hover {
  background: rgb(var(--color-surface-2));
  color: rgb(var(--color-text));
  transform: translateY(-2px);
}

.walker-acc-stat__value {
  font-family: var(--font-heading);
  font-size: clamp(2.75rem, 2.2rem + 1.4vw, 3.75rem);
  font-weight: 400;
  line-height: 1;
}

.walker-acc-stat__label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgb(var(--color-text));
  font-size: 17px;
  font-weight: 600;
}

.walker-acc-stat__label .walker-icon {
  flex: none;
  width: 20px;
  height: 20px;
  color: rgb(var(--color-gold));
}

.walker-acc-panels {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  gap: 20px;
  margin-top: 10px;
}

.walker-acc-recent {
  margin: 0;
  padding: 0;
  list-style: none;
}

.walker-acc-recent__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto 18px;
  align-items: center;
  gap: 18px;
  padding: 18px 0;
  border-top: 1px solid rgb(var(--color-border));
  color: rgb(var(--color-text));
}

.walker-acc-recent li:first-child .walker-acc-recent__row {
  border-top: 0;
}

.walker-acc-recent__row:hover {
  color: rgb(var(--color-text));
}

.walker-acc-recent__id {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.walker-acc-recent__id strong {
  font-size: 18px;
  font-weight: 700;
}

.walker-acc-recent__row:hover .walker-acc-recent__id strong {
  color: rgb(var(--color-gold-dark));
}

.walker-acc-recent__id small {
  color: rgb(var(--color-text-muted));
  font-size: 15px;
}

.walker-acc-recent__total {
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
}

.walker-acc-recent__chevron {
  width: 18px;
  height: 18px;
  color: rgb(var(--color-gold));
  transition: transform var(--duration-default) var(--ease);
}

.walker-acc-recent__row:hover .walker-acc-recent__chevron {
  transform: translateX(3px);
}

.walker-acc-address {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-top: 6px;
  font-size: 17px;
  line-height: 1.7;
}

.walker-acc-address > span:last-child {
  display: flex;
  flex-direction: column;
  color: rgb(var(--color-text-muted));
}

.walker-acc-address strong {
  color: rgb(var(--color-text));
  font-weight: 700;
}

.walker-acc-address__icon,
.walker-acc-tile__icon,
.walker-acc-empty__icon,
.walker-acc-balance__icon,
.walker-acc-newsletter__icon {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgb(var(--color-surface));
  color: rgb(var(--color-gold));
}

.walker-acc-address__icon .walker-icon,
.walker-acc-tile__icon .walker-icon,
.walker-acc-balance__icon .walker-icon {
  width: 22px;
  height: 22px;
}

.walker-acc-shortcuts {
  margin-top: 3.5rem;
}

.walker-acc-section-title {
  margin: 0 0 1.75rem;
  font-family: var(--font-heading);
  font-size: clamp(2rem, 1.6rem + 1.2vw, 2.75rem);
  font-weight: 400;
  line-height: 1.15;
}

.walker-acc-tiles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.walker-acc-tile {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 112px;
  padding: 24px 28px;
  border: 1px solid rgb(var(--color-border));
  border-radius: var(--radius-panel);
  background: rgb(var(--color-bg));
  color: rgb(var(--color-text));
  transition: border-color var(--duration-default), background-color var(--duration-default);
}

.walker-acc-tile:hover {
  border-color: rgb(var(--color-gold));
  color: rgb(var(--color-text));
}

.walker-acc-tile__icon {
  width: 56px;
  height: 56px;
  transition: background-color var(--duration-default), color var(--duration-default);
}

.walker-acc-tile:hover .walker-acc-tile__icon {
  background: rgb(var(--color-gold));
  color: rgb(var(--color-on-accent));
}

.walker-acc-tile__text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.walker-acc-tile__text strong {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.walker-acc-tile__text small {
  color: rgb(var(--color-text-muted));
  font-size: 15px;
  line-height: 1.45;
}

.walker-acc-tile__arrow {
  flex: none;
  width: 20px;
  height: 20px;
  color: rgb(var(--color-gold));
  transition: transform var(--duration-default) var(--ease);
}

.walker-acc-tile:hover .walker-acc-tile__arrow {
  transform: translateX(4px);
}

.walker-acc-tile--muted {
  border-color: transparent;
  background: rgb(var(--color-surface));
}

.walker-acc-tile--muted .walker-acc-tile__icon {
  background: rgb(var(--color-bg));
}

@media (max-width: 1199.98px) {
  .walker-acc-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .walker-acc-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .walker-acc-panels {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 575.98px) {
  .walker-account__hero {
    gap: 16px 18px;
  }

  .walker-account__avatar {
    width: 64px;
    height: 64px;
    font-size: 24px;
  }

  .walker-account__hero-text {
    flex-basis: calc(100% - 84px);
  }

  .walker-account__hero-actions {
    width: 100%;
  }

  .walker-account__hero-actions .btn-walker {
    flex: 1 1 0;
    padding-right: 12px;
    padding-left: 12px;
  }

  .walker-acc-stats {
    gap: 12px;
  }

  .walker-acc-stat {
    min-height: 128px;
    padding: 22px 20px;
    gap: 16px;
    border-radius: 24px;
  }

  .walker-acc-stat__label {
    font-size: 15px;
  }

  .walker-acc-tiles {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .walker-acc-tile {
    min-height: 0;
    padding: 18px 20px;
    border-radius: 24px;
  }

  .walker-acc-tile__icon {
    width: 48px;
    height: 48px;
  }

  .walker-acc-recent__row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 12px;
  }

  .walker-acc-recent__row .walker-acc-status {
    grid-row: 2;
    justify-self: start;
  }

  .walker-acc-recent__total {
    grid-row: 1;
    grid-column: 2;
  }

  .walker-acc-recent__chevron {
    display: none;
  }
}


/* == A9 Tables ============================================================= */
.walker-acc-table {
  width: 100%;
  font-family: var(--font-body);
}

.walker-acc-table > tbody > tr:last-child > * {
  border-bottom: 0;
}

.walker-acc-table > thead > tr > th:first-child,
.walker-acc-table > tbody > tr > td:first-child {
  padding-left: 0 !important;
}

.walker-acc-table > thead > tr > th:last-child,
.walker-acc-table > tbody > tr > td:last-child {
  padding-right: 0 !important;
}

.walker-acc-table > tbody > tr {
  transition: background-color var(--duration-default);
}

.walker-acc-table a:not(.btn-walker) {
  color: rgb(var(--color-text));
}

.walker-acc-table__id {
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
}

a.walker-acc-table__id:hover {
  color: rgb(var(--color-gold-dark)) !important;
}

.walker-acc-table__sub {
  display: block;
  margin-top: 2px;
  color: rgb(var(--color-text-muted));
  font-size: 15px;
}

.walker-acc-table__name {
  display: block;
  font-weight: 600;
}

.walker-acc-table__mono,
.walker-acc-table__total {
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
}

.walker-acc-table__mono {
  color: rgb(var(--color-text-muted));
  font-weight: 400;
}

.walker-acc-table__action .btn-walker {
  white-space: nowrap;
}

.walker-acc-table__empty > td {
  padding: 40px 0 !important;
  color: rgb(var(--color-text-muted));
  text-align: center;
}

.walker-acc-thumbs {
  display: flex;
  align-items: center;
  padding-left: 10px;
}

.walker-acc-thumbs__item,
.walker-acc-thumbs__more {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  margin-left: -10px;
  overflow: hidden;
  border-radius: 50%;
  background: rgb(var(--color-tile));
  box-shadow: 0 0 0 3px rgb(var(--color-bg));
}

.walker-acc-thumbs__item img {
  width: 100%;
  height: 100%;
  padding: 7px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.walker-acc-thumbs__item.is-returned {
  opacity: .45;
}

.walker-acc-thumbs__more {
  background: rgb(var(--color-surface-2));
  color: rgb(var(--color-text));
  font-size: 14px;
  font-weight: 700;
}

.walker-acc-table__products .walker-acc-table__sub {
  margin-top: 8px;
}

.walker-acc-table-wrap {
  overflow-x: auto;
}

@media (max-width: 767.98px) {
  .walker-acc-table > thead {
    display: none;
  }

  .walker-acc-table,
  .walker-acc-table > tbody {
    display: block;
  }

  .walker-acc-table > tbody > tr {
    display: block;
    padding: 18px 0;
    border-bottom: 1px solid rgb(var(--color-border));
  }

  .walker-acc-table > tbody > tr:last-child {
    border-bottom: 0;
  }

  #walker-main .walker-account #content .walker-acc-table > tbody > tr > td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 5px 0 !important;
    border: 0;
    text-align: right;
  }

  .walker-acc-table > tbody > tr > td[data-label]::before {
    content: attr(data-label);
    flex: none;
    color: rgb(var(--color-text-muted));
    font-size: 15px;
    font-weight: 600;
    text-align: left;
  }

  .walker-acc-table > tbody > tr > td.walker-acc-table__action {
    justify-content: flex-end;
    padding-top: 10px !important;
  }

  .walker-acc-table > tbody > tr.walker-acc-table__empty > td {
    justify-content: center;
  }

  /* Orders / returns: compact cards */
  .walker-acc-table--orders > tbody > tr {
    display: grid;
    grid-template-areas:
      "main status"
      "prod prod"
      "total action";
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px 16px;
    padding: 22px 0;
  }

  #walker-main .walker-account #content .walker-acc-table--orders > tbody > tr > td {
    display: block;
    padding: 0 !important;
    text-align: left;
  }

  .walker-acc-table--orders .walker-acc-table__main { grid-area: main; }
  .walker-acc-table--orders .walker-acc-table__status { grid-area: status; justify-self: end; }
  .walker-acc-table--orders .walker-acc-table__products { grid-area: prod; }
  .walker-acc-table--orders .walker-acc-table__total { grid-area: total; justify-self: start; text-align: left !important; }
  .walker-acc-table--orders .walker-acc-table__action { grid-area: action; justify-self: end; }
}


/* == A10 Order detail ====================================================== */
.walker-acc-items-panel {
  padding-bottom: 36px;
}

.walker-acc-items__head,
.walker-acc-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px 130px 190px;
  align-items: center;
  gap: 20px;
}

.walker-acc-items__head {
  padding: 4px 0 14px;
  border-bottom: 1px solid rgb(var(--color-border));
  color: rgb(var(--color-text-muted));
  font-size: 15px;
  font-weight: 600;
}

.walker-acc-item {
  padding: 22px 0;
  border-bottom: 1px solid rgb(var(--color-border));
}

.walker-acc-item__product {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
}

.walker-acc-item__media {
  display: block;
  flex: none;
  width: 88px;
  height: 110px;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: rgb(var(--color-tile));
}

.walker-acc-item__media img {
  width: 100%;
  height: 100%;
  padding: 8px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.walker-acc-item.is-returned .walker-acc-item__media {
  opacity: .5;
}

.walker-acc-item__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}

.walker-acc-item__name {
  color: rgb(var(--color-text));
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
}

.walker-acc-item__name:hover {
  color: rgb(var(--color-gold-dark));
}

.walker-acc-item__meta {
  margin: 0;
  padding: 0;
  color: rgb(var(--color-text-muted));
  font-size: 15px;
  list-style: none;
}

.walker-acc-item__meta .invalid-feedback {
  padding-left: 0;
}

.walker-acc-item__info > .invalid-feedback {
  margin-top: 0;
  padding-left: 0;
}

.walker-acc-item__qty {
  color: rgb(var(--color-text-muted));
  font-size: 16px;
  white-space: nowrap;
}

.walker-acc-item__total {
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
}

.walker-acc-item__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.walker-acc-totals {
  width: 100%;
  max-width: 400px;
  margin: 24px 0 0 auto;
}

.walker-acc-totals__row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 6px 0;
  font-size: 16px;
}

.walker-acc-totals__row dt {
  color: rgb(var(--color-text-muted));
  font-weight: 400;
}

.walker-acc-totals__row dd {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
}

.walker-acc-totals__row.is-grand {
  align-items: baseline;
  margin-top: 10px;
  padding-top: 16px;
  border-top: 1px solid rgb(var(--color-border));
}

.walker-acc-totals__row.is-grand dt {
  color: rgb(var(--color-text));
  font-family: var(--font-heading);
  font-size: 24px;
}

.walker-acc-totals__row.is-grand dd {
  font-size: 20px;
  font-weight: 700;
}

.walker-acc-timeline {
  margin: 0;
  padding: 0;
  list-style: none;
}

.walker-acc-timeline__item {
  position: relative;
  padding: 0 0 24px 32px;
}

.walker-acc-timeline__item::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: rgb(var(--color-text-soft));
}

.walker-acc-timeline__item::after {
  content: "";
  position: absolute;
  top: 26px;
  bottom: 2px;
  left: 5px;
  width: 1px;
  background: rgb(var(--color-border));
}

.walker-acc-timeline__item:last-child {
  padding-bottom: 0;
}

.walker-acc-timeline__item:last-child::after {
  content: none;
}

.walker-acc-timeline__item:last-child::before {
  background: rgb(var(--color-gold));
  box-shadow: 0 0 0 5px rgba(var(--color-gold), .22);
}

.walker-acc-timeline__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 16px;
}

.walker-acc-timeline__status {
  font-size: 18px;
  font-weight: 700;
}

.walker-acc-timeline__date {
  color: rgb(var(--color-text-muted));
  font-size: 15px;
}

.walker-acc-timeline__comment {
  margin-top: 6px;
  color: rgb(var(--color-text-muted));
  font-size: 16px;
}

.walker-acc-timeline + .walker-acc-pagination {
  margin-top: 16px;
}

@media (max-width: 1199.98px) {
  .walker-acc-items__head {
    display: none;
  }

  .walker-acc-item {
    grid-template-areas:
      "product product"
      "qty total"
      "actions actions";
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px 16px;
  }

  .walker-acc-item:first-of-type {
    border-top: 1px solid rgb(var(--color-border));
  }

  .walker-acc-item__product { grid-area: product; }
  .walker-acc-item__qty { grid-area: qty; padding-left: 108px; }
  .walker-acc-item__total { grid-area: total; }
  .walker-acc-item__actions { grid-area: actions; flex-direction: row; flex-wrap: wrap; padding-left: 108px; }
}

@media (max-width: 575.98px) {
  .walker-acc-item__media {
    width: 72px;
    height: 90px;
  }

  .walker-acc-item__qty,
  .walker-acc-item__actions {
    padding-left: 0;
  }

  .walker-acc-item__actions .btn-walker {
    flex: 1 1 0;
  }

  .walker-acc-totals {
    max-width: none;
  }
}


/* == A11 Wishlist ========================================================== */
.walker-acc-wishlist {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.walker-acc-wish {
  padding: 18px;
  border: 1px solid rgb(var(--color-border));
  border-radius: var(--radius-panel);
  background: rgb(var(--color-bg));
  transition: border-color var(--duration-default);
}

.walker-acc-wish:hover {
  border-color: rgba(var(--color-gold), .6);
}

.walker-acc-wish__form {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
}

.walker-acc-wish__media {
  position: relative;
  display: block;
  width: 120px;
  aspect-ratio: var(--ratio-product);
  overflow: hidden;
  border-radius: var(--radius-card);
  background: rgb(var(--color-tile));
}

.walker-acc-wish__media img {
  width: 100%;
  height: 100%;
  padding: 10px;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform .5s var(--ease);
}

.walker-acc-wish:hover .walker-acc-wish__media img {
  transform: scale(1.05);
}

.walker-acc-wish__badge {
  position: absolute;
  top: 8px;
  left: 8px;
  min-height: 22px;
  padding: 2px 10px;
  font-size: 12px;
}

.walker-acc-wish__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.walker-acc-wish__name {
  color: rgb(var(--color-text));
  font-size: 19px;
  font-weight: 600;
  line-height: 1.3;
}

.walker-acc-wish__name:hover {
  color: rgb(var(--color-gold-dark));
}

.walker-acc-wish__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  color: rgb(var(--color-text-muted));
  font-size: 15px;
}

.walker-acc-wish__price {
  margin-top: 4px;
}

.walker-acc-wish__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-right: 12px;
}

@media (max-width: 575.98px) {
  .walker-acc-wish {
    padding: 14px;
    border-radius: 24px;
  }

  .walker-acc-wish__form {
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 14px 16px;
  }

  .walker-acc-wish__media {
    width: 88px;
  }

  .walker-acc-wish__name {
    font-size: 17px;
  }

  .walker-acc-wish__actions {
    grid-column: 1 / -1;
    padding-right: 0;
  }

  .walker-acc-wish__actions > button {
    flex: 1 1 auto;
  }
}


/* == A12 Addresses ========================================================= */
.walker-acc-addresses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.walker-acc-addr {
  display: flex;
  flex-direction: column;
  padding: 34px 36px 30px;
  border: 1px solid rgb(var(--color-border));
  border-radius: var(--radius-panel);
  background: rgb(var(--color-bg));
}

.walker-acc-addr.is-default {
  border-color: rgb(var(--color-gold));
}

.walker-acc-addr__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-bottom: 14px;
}

.walker-acc-addr__name {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.2;
}

.walker-acc-addr__badges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
}

.walker-acc-addr__body {
  flex: 1 1 auto;
  color: rgb(var(--color-text));
  font-size: 17px;
  line-height: 1.7;
}

.walker-acc-addr__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgb(var(--color-border));
}

@media (max-width: 767.98px) {
  .walker-acc-addresses {
    grid-template-columns: minmax(0, 1fr);
  }

  .walker-acc-addr {
    padding: 26px 22px;
    border-radius: 24px;
  }
}


/* == A13 Misc ============================================================== */
.walker-acc-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 72px 28px;
  border-radius: var(--radius-panel);
  background: rgb(var(--color-surface));
  text-align: center;
}

.walker-acc-empty__icon {
  width: 76px;
  height: 76px;
  background: rgb(var(--color-bg));
}

.walker-acc-empty__icon .walker-icon {
  width: 30px;
  height: 30px;
}

.walker-acc-empty p {
  max-width: 32rem;
  margin: 24px 0 0;
  color: rgb(var(--color-text));
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 1.3rem + .6vw, 1.875rem);
  line-height: 1.3;
}

.walker-acc-empty .btn-walker {
  margin-top: 28px;
}

.walker-acc-empty--inline {
  padding: 24px 0 8px;
  background: transparent;
}

.walker-acc-empty--inline .walker-acc-empty__icon {
  width: 56px;
  height: 56px;
  background: rgb(var(--color-surface));
}

.walker-acc-empty--inline .walker-acc-empty__icon .walker-icon {
  width: 24px;
  height: 24px;
}

.walker-acc-empty--inline p {
  margin-top: 16px;
  color: rgb(var(--color-text-muted));
  font-family: var(--font-body);
  font-size: 17px;
}

.walker-acc-empty--inline .btn-walker {
  margin-top: 20px;
}

.walker-acc-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
}

.walker-acc-pagination:empty {
  display: none;
}

.walker-acc-pagination__results {
  margin-left: auto;
  color: rgb(var(--color-text-muted));
  font-size: 15px;
}

.walker-acc-balance {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  padding: 26px 32px;
  border-radius: var(--radius-panel);
  background: rgb(var(--color-surface));
}

.walker-acc-balance__icon {
  background: rgb(var(--color-bg));
}

.walker-acc-balance__label {
  color: rgb(var(--color-text));
  font-size: 17px;
  font-weight: 600;
}

.walker-acc-balance__value {
  margin-left: auto;
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
}

.walker-acc-newsletter {
  max-width: 680px;
}

#walker-main .walker-account #content > form.walker-acc-newsletter {
  max-width: 680px;
}

.walker-acc-newsletter__hero {
  margin-bottom: 24px;
}

.walker-acc-newsletter__icon {
  width: 64px;
  height: 64px;
  background: rgb(var(--color-gold));
  color: rgb(var(--color-on-accent));
}

.walker-acc-newsletter__icon .walker-icon {
  width: 26px;
  height: 26px;
}

.walker-acc-newsletter__title {
  margin: 24px 0 0;
  font-family: var(--font-heading);
  font-size: clamp(2rem, 1.6rem + 1.1vw, 2.625rem);
  font-weight: 400;
  line-height: 1.15;
}

.walker-acc-newsletter__hero p {
  margin: 12px 0 0;
  color: rgb(var(--color-text));
  font-size: 17px;
}

.walker-acc-checklist {
  margin: 0 0 26px;
  padding: 0;
  list-style: none;
}

.walker-acc-checklist li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 7px 0;
  font-size: 17px;
}

.walker-acc-checklist .walker-icon {
  flex: none;
  width: 20px;
  height: 20px;
  color: rgb(var(--color-gold));
}

.walker-acc-danger {
  border-color: rgba(var(--color-error), .45);
  color: rgb(var(--color-error));
}

.walker-acc-danger:hover,
.walker-acc-danger:focus-visible {
  border-color: rgb(var(--color-error));
  color: rgb(var(--color-error));
}

.walker-acc-payment-methods {
  display: flex;
  flex-direction: column;
  gap: 14px;
}