:root:root {
  --bw-account-surface: #f2f4ed;
  --bw-account-hairline: rgba(6, 64, 45, 0.14);
  --bw-account-measure: 720px;
  --bw-account-title: 36px;
  --bw-account-title-mobile: 28px;
}

.customer-container,
.customer-account__container,
.customers-forgot-password__container,
.customers-addresses-section,
.customer-order-list-wrap,
.order-detail-page {
  background-color: rgb(var(--color-background, 252, 252, 250));
}

.customer-container .customer__title,
.customer-activate-account .customer__title,
.customers-forgot-password__container .customers-forgot-password__title,
.customers-addresses-section .customers-addresses__title,
.customer-order-list-wrap .customer-order-list__empty .empty-title,
.main-page .main-page__title,
.bw-policy > h1,
body #gift-card-page .store-name {
  font-family: var(--bw-font-display);
  font-size: var(--bw-account-title);
  font-style: normal;
  font-weight: 400;
  line-height: 1.15;
  color: var(--bw-ink);
  text-transform: none;
  letter-spacing: 0;
}

@media (max-width: 959px) {
  .customer-container .customer__title,
  .customer-activate-account .customer__title,
  .customers-forgot-password__container .customers-forgot-password__title,
  .customers-addresses-section .customers-addresses__title,
  .customer-order-list-wrap .customer-order-list__empty .empty-title,
  .main-page .main-page__title,
  .bw-policy > h1,
  body #gift-card-page .store-name {
    font-size: var(--bw-account-title-mobile);
  }
}

.customer-container .customer__title,
.customer-activate-account .customer__title,
.customers-forgot-password__container .customers-forgot-password__title {
  margin-block-end: 28px;
}

.customer-account .card__title-text,
.order-detail-page .order-detail__panel .panel__title,
.customer-account .modify-modal__title {
  font-family: var(--bw-font-heading);
  font-weight: 600;
  color: var(--bw-ink);
  letter-spacing: -0.01em;
}

.customer-account .card__item-label,
.customer-account__container .customer-navbar__menu-item,
.order-detail-page .cost__item .cost__label,
.order-detail-page .order-detail__pay-info .pay-info__label,
.order-detail-page .order-detail__product-table thead th,
.customer-order-list-wrap .customer-navbar__menu-item,
body #gift-card-page .gift-card-wrapper .gift-card-info .item .name {
  font-family: var(--bw-font-mono);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--bw-muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.customer-account__container .customer-navbar__menu-item,
.customer-order-list-wrap .customer-navbar__menu-item {
  padding-block-end: 6px;
  opacity: 1;
  transition:
    color var(--bw-dur-brisk) var(--bw-ease-standard),
    border-color var(--bw-dur-brisk) var(--bw-ease-standard);
}

.customer-account__container .customer-navbar__menu-item.active,
.customer-order-list-wrap .customer-navbar__menu-item.active {
  color: var(--bw-ink);
  border-block-end: 2px solid var(--bw-ink);
}

@media (hover: hover) {
  .customer-account__container .customer-navbar__menu-item:hover,
  .customer-order-list-wrap .customer-navbar__menu-item:hover {
    color: var(--bw-ink);
  }
}

.customer-account .card {
  padding-block: 4px 28px;
  background-color: var(--bw-account-surface);
  border: 1px solid var(--bw-account-hairline);
  border-radius: var(--bw-radius-card);
}

@media (max-width: 959px) {
  .customer-account .card {
    padding-block: 2px 20px;
    padding-inline: 20px;
  }
}

.customer-account .card__title {
  border-block-end: 1px solid var(--bw-account-hairline);
}

.customer-account .card__title-tips,
.customer-order-list-wrap .customer-order-item__create-time,
.customer-order-list-wrap .customer-order-item__status,
body #gift-card-page .gift-card-use-box .use-explain,
body #gift-card-page .gift-card-wrapper .gift-card-info .item .content .date-hms {
  color: var(--bw-muted);
  opacity: 1;
}

.customer-account .card__row + .card__row,
.customer-account .card__actions,
.customer-account .card-address__list-item + .card-address__list-item {
  border-block-start: 1px solid var(--bw-account-hairline);
}

.customer-account .card__item-operate {
  color: var(--bw-ink);
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: opacity var(--bw-dur-brisk) var(--bw-ease-standard);
}

@media (hover: hover) {
  .customer-account .card__item-operate:hover {
    opacity: 0.7;
  }
}

.customer-account .card-account__delete .card__item-operate {
  color: rgb(var(--color-discount, 194, 0, 0));
}

.customer-account .card-address__default {
  font-family: var(--bw-font-mono);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-block: 3px;
  padding-inline: 8px;
  color: var(--bw-ink);
  background-color: var(--bw-lime-pale);
  border-radius: var(--bw-radius-chip);
}

.customer-account .card-account__username-edit input {
  border: 1px solid var(--bw-account-hairline);
  border-radius: var(--input-border-radius, 8px);
}

.customer-account .modify-modal__container {
  border-radius: var(--bw-radius-media);
}

.customer-message-bar .customer-message-bar__item {
  color: var(--bw-ink);
  background: var(--bw-warm);
  border: 1px solid rgba(var(--color-discount, 194, 0, 0), 0.24);
  border-radius: var(--bw-radius-media);
}

.customer-message-bar .customer-message-bar__item-button {
  --color-button-background: var(--color-discount, 194, 0, 0);
  --color-button-text: 252, 252, 250;
}

.customer-order-list-wrap .customer-order-list {
  gap: 16px;
}

.customer-order-list-wrap .customer-order-item {
  padding-block: 24px;
  padding-inline: 24px;
  background-color: var(--bw-account-surface);
  border: 1px solid var(--bw-account-hairline);
  border-radius: var(--bw-radius-card);
  transition:
    background-color var(--bw-dur-brisk) var(--bw-ease-standard),
    border-color var(--bw-dur-brisk) var(--bw-ease-standard);
}

@media (hover: hover) {
  .customer-order-list-wrap .customer-order-item:hover {
    background-color: var(--bw-cream);
    border-color: var(--bw-ink);
  }
}

@media (max-width: 959px) {
  .customer-order-list-wrap .customer-order-list {
    margin: 0;
    background-color: transparent;
  }

  .customer-order-list-wrap .customer-order-item {
    padding-block: 20px;
    padding-inline: 20px;
  }
}

.customer-order-list-wrap .customer-order-item__cover img,
.order-detail-page .product-item__cover > img {
  border-radius: var(--bw-radius-media);
}

.customer-order-list-wrap .customer-order-item__seq,
.order-detail-page .order-detail__seq {
  font-family: var(--bw-font-heading);
  font-weight: 600;
  color: var(--bw-ink);
  letter-spacing: -0.01em;
}

.order-detail-page .order-detail__product-table thead th {
  border-block-end: 1px solid var(--bw-account-hairline);
}

.order-detail-page .cost__block + .cost__block,
.order-detail-page .order-detail__cost {
  border-color: var(--bw-account-hairline);
}

.customers-addresses-section .customers-addresses__title {
  margin-block-end: 32px;
}

.customers-addresses-section .customers-addresses__main .field::after,
.customer-container .field::after,
.customer-activate-account .field::after,
.customers-forgot-password__container .field::after {
  transition: border-color var(--bw-dur-brisk) var(--bw-ease-standard);
}

.customers-addresses-section .customers-addresses__main .field,
.customer-container .field,
.customer-activate-account .field,
.customers-forgot-password__container .field {
  transition:
    background-color var(--bw-dur-brisk) var(--bw-ease-standard),
    color var(--bw-dur-brisk) var(--bw-ease-standard);
}

.customer-container .customer__submit,
.customer-activate-account .customer__submit,
.customers-forgot-password__container .customers-forgot-password__submit .button,
.customers-addresses-section .customers-addresses__actions .button {
  min-height: 55px;
  font-family: var(--bw-font-body);
  font-size: 16px;
  font-weight: 600;
}

.customer-order-list-wrap a.customer-order-item__rebuy,
.order-detail-page a.order-detail__rebuy {
  min-height: 55px;
  font-family: var(--bw-font-body);
  font-size: 16px;
  font-weight: 600;
}

.contact-form .contact-form__button .button {
  min-height: 55px;
  font-family: var(--bw-font-body);
  font-size: 16px;
  font-weight: 600;
}

.customer-container .customer__extra a.button--link,
.customer-container .customer__jump-link a.button--link,
.customers-forgot-password__container a.button--link,
.customer-account__container .customer-navbar a.button--link,
.customer-account .customer__extra a.button--link {
  font-family: var(--bw-font-body);
  color: var(--bw-ink);
  transition: opacity var(--bw-dur-brisk) var(--bw-ease-standard);
}

@media (hover: hover) {
  .customer-container .customer__extra a.button--link:hover,
  .customer-container .customer__jump-link a.button--link:hover,
  .customers-forgot-password__container a.button--link:hover,
  .customer-account__container .customer-navbar a.button--link:hover,
  .customer-account .customer__extra a.button--link:hover {
    opacity: 0.7;
  }
}

.customer-container .customer__tab span,
.customers-forgot-password__container .customers-forgot-password__tab ol > li > a {
  font-family: var(--bw-font-body);
  color: var(--bw-muted);
}

.customer-container .customer__tab span.active,
.customers-forgot-password__container .customers-forgot-password__tab ol > li.active > a {
  color: var(--bw-ink);
}

.main-password .main__content {
  border: 1px solid var(--bw-account-hairline);
  border-radius: var(--bw-radius-card);
}

.main-password .main__content .block-heading {
  font-family: var(--bw-font-display);
  font-weight: 400;
  color: var(--bw-ink);
  letter-spacing: 0;
}

.main-password .main__content .rte {
  font-family: var(--bw-font-body);
  color: var(--bw-muted);
}

.bw-policy {
  padding-block: 80px 100px;
}

.bw-policy > h1 {
  margin-block: 0 32px;
}

.bw-policy > h1,
.bw-policy > .rte {
  max-width: var(--bw-account-measure);
  margin-inline: auto;
}

.bw-policy > .rte {
  font-family: var(--bw-font-body);
  color: var(--bw-ink);
}

.bw-policy > .rte h2,
.bw-policy > .rte h3,
.bw-policy > .rte h4,
.main-page .main-page__content h2,
.main-page .main-page__content h3,
.main-page .main-page__content h4 {
  font-family: var(--bw-font-heading);
  font-weight: 600;
  line-height: 1.25;
  color: var(--bw-ink);
  letter-spacing: -0.01em;
}

.bw-policy > .rte h2,
.main-page .main-page__content h2 {
  margin-block: 40px 12px;
  font-size: 24px;
}

.bw-policy > .rte h3,
.main-page .main-page__content h3 {
  margin-block: 32px 10px;
  font-size: 20px;
}

.bw-policy > .rte h4,
.main-page .main-page__content h4 {
  margin-block: 24px 8px;
  font-size: 18px;
}

.bw-policy > .rte > :first-child,
.main-page .main-page__content > :first-child {
  margin-block-start: 0;
}

.bw-policy > .rte p,
.bw-policy > .rte ul,
.bw-policy > .rte ol {
  margin-block: 0 18px;
}

.bw-policy > .rte li {
  margin-block-end: 8px;
}

@media (max-width: 959px) {
  .bw-policy {
    padding-block: 40px 56px;
  }

  .bw-policy > h1 {
    margin-block-end: 20px;
  }
}

.main-page .main-page__content {
  max-width: var(--bw-account-measure);
  margin-inline: auto;
  font-family: var(--bw-font-body);
  color: var(--bw-ink);
}

body #gift-card-page .gift-card-status,
body #gift-card-page .gift-card-wrapper .gift-card-info .item .content {
  font-family: var(--bw-font-body);
  color: var(--bw-ink);
}

body #gift-card-page .gift-card-status {
  font-weight: 400;
}

body #gift-card-page .gift-card-wrapper {
  background: var(--bw-account-surface);
  border: 1px solid var(--bw-account-hairline);
  border-radius: var(--bw-radius-media);
  box-shadow: none;
}

body #gift-card-page .gift-card-wrapper .gift-card-box .gift-card-code {
  font-family: var(--bw-font-mono);
  font-weight: 600;
  color: var(--bw-ink);
  letter-spacing: 0.06em;
  background: rgba(252, 252, 250, 0.92);
  border: 1px dashed var(--bw-ink);
  border-radius: var(--bw-radius-media);
}

body #gift-card-page .gift-card-use-box .btn-use {
  min-height: 55px;
  font-family: var(--bw-font-body);
  font-size: 16px;
  font-weight: 600;
  color: var(--bw-cream);
  background: var(--bw-ink);
  border-radius: var(--bw-radius-pill);
  transition:
    transform var(--bw-dur-fast) var(--bw-ease-standard),
    background-color var(--bw-dur-brisk) var(--bw-ease-standard),
    color var(--bw-dur-brisk) var(--bw-ease-standard);
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body #gift-card-page .gift-card-use-box .btn-use:hover {
    transform: translateY(var(--bw-lift-sm));
  }
}

body #gift-card-page .gift-card-use-box .btn-use:active {
  transform: scale(var(--bw-press));
}