/** Shopify CDN: Minification failed

Line 1247:12 Unexpected "{"
Line 1247:21 Expected ":"

**/
.customer__top {
  display: inline-flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 1200px) {
  .customer__top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.customer__top > * {
  text-align: left;
}
.customer__top a {
  display: inline-flex !important;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: rgb(var(--color-foreground-title));
  transition: var(--duration-default);
}
.customer__top a span {
  display: inline-block;
}
.customer__pagination {
  margin-top: 4rem;
}
.customer .page-header {
  margin: 0 0 2.4rem;
  padding: 0;
  text-align: left;
}
@media (min-width: 750px) {
  .customer .page-header {
    margin: 0 0 4rem;
  }
}
.customer .field:not(:first-of-type) {
  margin: 2.4rem 0 0 0;
}
.customer .field input[aria-invalid=true] {
  border-color: rgba(var(--color-error-border));
}
.customer .field--checkbox + .field--checkbox {
  margin-top: 1rem;
}
.customer span.form__message {
  display: flex;
  font-size: 1.5rem;
  margin: 1rem 0 0 0;
}
.customer span.form__message:before {
  content: "*";
  color: rgba(var(--color-error));
  margin-right: 0.2rem;
}
.customer .form__message {
  align-items: flex-start;
  font-size: 1.5rem;
  color: rgba(var(--color-error));
  text-align: left;
  margin: 1rem 0 0;
  font-weight: var(--font-body-weight);
}
.customer .form__message:focus-visible {
  outline: none;
  box-shadow: none;
}
.customer .form__message svg {
  width: 2.6rem;
  height: 2.6rem;
  margin-right: 1rem;
}
.customer .errors ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 0;
  margin: 1.2rem 0 0;
}
.customer .errors ul li {
  display: inline-flex;
  font-size: 1.5rem;
  line-height: 1.4;
  color: rgb(var(--color-error));
  position: relative;
}
.customer .form__errors {
  padding: 2.4rem;
  background-color: rgba(var(--color-error), 0.05);
}

/* Reset password */
.reset-password__wrapper {
  max-width: 44.4rem;
  width: 100%;
  margin: 0 auto;
  padding: 4rem 2rem 5rem;
  text-align: center;
}
.reset-password .title--page {
  text-align: center;
}
.reset-password p {
  margin: 1.6rem 0 0;
}
.reset-password form {
  margin-top: 1.6rem;
}
.reset-password__submit {
  margin-top: 3.2rem !important;
}

/* Customer table */
.order-table {
  width: 100%;
  border-collapse: collapse;
}
.order-table .row {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding: 1.6rem 0;
  background-color: rgb(var(--color-background));
  border-bottom: 0.1rem solid rgb(var(--color-foreground), 0.135);
}
@media (min-width: 1200px) {
  .order-table .row {
    flex-direction: row;
    align-items: center;
    padding: 0;
  }
}
.order-table .row + .row {
  margin-top: 0.2rem;
}
.order-table .row > * {
  display: block;
  padding: 0.8rem 1.2rem;
}
@media (min-width: 1200px) {
  .order-table .row > * {
    padding: 0 1.2rem;
  }
}
.order-table .row > *::before {
  content: attr(data-label);
  display: inline-block;
  max-width: 10rem;
  min-width: 10rem;
  font-size: 1.3rem;
  font-weight: 500;
  color: rgb(var(--color-foreground-secondary));
  margin-right: 2rem;
}
@media (min-width: 1200px) {
  .order-table .row > *::before {
    display: none;
  }
}
@media (min-width: 1200px) {
  .order-table .row > *:first-child {
    width: 18.79%;
  }
}
@media (min-width: 1200px) {
  .order-table .row > *:nth-child(2) {
    width: 21.14%;
  }
}
@media (min-width: 1200px) {
  .order-table .row > *:nth-child(3), .order-table .row > *:nth-child(4) {
    width: 20.63%;
  }
}
@media (min-width: 1200px) {
  .order-table .row > *:last-child {
    width: 18.79%;
    font-weight: 500;
    text-align: right;
    justify-content: flex-end;
  }
}
.order-table .discounts {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 0.8rem;
}
.order-table .discounts__item {
  font-size: 1.2rem;
  color: rgb(var(--color-foreground-secondary));
}
.order-table .discounts__item .icon {
  width: 1.2rem;
  height: 1.2rem;
}
.order-table .thead {
  display: none;
  position: relative;
  background-color: rgb(var(--color-foreground), 0.015);
}
@media (min-width: 1200px) {
  .order-table .thead {
    display: flex;
    height: 5.6rem;
  }
}
.order-table .thead > * {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: left;
  color: rgb(var(--color-foreground-title));
}
.order-table .tbody {
  width: 100%;
  text-decoration: none;
  transition: var(--duration-default);
}
@media (min-width: 1200px) {
  .order-table .tbody {
    height: 5.6rem;
  }
}
.order-table .tbody:hover > * {
  color: rgb(var(--color-foreground-title));
}
.order-table .tbody > * {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: rgba(var(--color-foreground-title), 0.5);
  box-sizing: border-box;
  transition: var(--duration-default);
}
@media (min-width: 1200px) {
  .order-table .tbody > * {
    align-items: flex-start;
  }
}
.order-table--total {
  background-color: rgb(var(--color-foreground), 0.025);
  padding: 1rem 2rem;
  margin-top: 3.2rem;
}
@media (min-width: 1200px) {
  .order-table--total {
    padding: 2.4rem 4rem 4rem;
  }
}
.order-table--total .row {
  min-height: 5.6rem;
  height: auto;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 1.6rem 0;
  background-color: transparent;
}
.order-table--total .row:last-child {
  border-bottom: 0;
}
.order-table--total .row > *:last-child {
  font-weight: 400;
}
.order-table--total .row > span {
  display: inline;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  color: rgb(var(--color-foreground-title));
  padding: 0;
}
.order-table--total .row > span::before {
  display: none;
}
.order-table--total .row > span:nth-child(n+3) {
  color: rgb(var(--color-foreground-secondary));
}
.order-table--total .row > span p {
  margin: 0;
}
.order-table--total .row.bold > span {
  font-weight: 600;
}
@media (min-width: 1200px) {
  .order-table--details .tbody {
    min-height: 7.8rem;
    height: auto;
  }
}
@media (min-width: 1200px) {
  .order-table--details .row > *:not(:first-child) {
    text-align: right;
    justify-content: flex-end;
  }
}
@media (min-width: 1200px) {
  .order-table--details .row > *:first-child {
    width: 24.83%;
  }
}
.order-table--details .row > *:first-child a,
.order-table--details .row > *:first-child p {
  font-size: 1.5rem;
  font-weight: 400;
  text-decoration: none;
}
.order-table--details .row > *:first-child .properties {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  font-size: 1.4rem;
  line-height: 2.1rem;
  color: rgb(var(--color-foreground-secondary));
}
@media (min-width: 1200px) {
  .order-table--details .row > *:nth-child(2) {
    width: 13.42%;
  }
}
.order-table--details .row > *:nth-child(3) {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .order-table--details .row > *:nth-child(3) {
    width: 15.1%;
  }
}
@media (min-width: 1200px) {
  .order-table--details .row > *:nth-child(4) {
    width: 25.16%;
  }
}
@media (min-width: 1200px) {
  .order-table--details .row > *:last-child {
    width: 21.47%;
  }
}
.order-table--details .tbody > * {
  align-self: flex-start;
  color: rgb(var(--color-foreground-title));
  padding: 1.6rem 1.2rem;
}

/* Register */
.register .button--primary.register__create-acc {
  min-width: 24.4rem;
}
.register span.register__message-terms {
  display: none;
}
.register .field__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.8rem;
}
@media (min-width: 990px) {
  .register .field__wrapper {
    flex-direction: row;
  }
}
.register .field__wrapper > * {
  width: 100%;
}
.register .field__wrapper > *:not(:first-of-type) {
  margin: 0;
}
@media (min-width: 990px) {
  .register .field__wrapper > * {
    width: calc(50% - 0.4rem);
  }
}

/* Login */
.login {
  padding-top: 3rem;
}
@media (min-width: 990px) {
  .login {
    padding-top: 0;
  }
}
.login .page-header {
  border-bottom: 0;
  padding: 0;
  margin: 0;
  text-align: left;
}
.login__wrapper {
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--color-background));
}
@media (min-width: 990px) {
  .login__wrapper {
    flex-direction: row;
    min-height: calc(100vh - 13rem);
  }
}
.login__col {
  position: relative;
}
.login__col:first-child {
  width: 100%;
  height: 0;
  padding-top: 70%;
  position: relative;
  overflow: hidden;
}
@media (min-width: 750px) {
  .login__col:first-child {
    padding-top: 40%;
  }
}
@media (min-width: 990px) {
  .login__col:first-child {
    width: 50%;
    height: auto;
    padding-top: 0;
    border-radius: 0 var(--border-radius-button) var(--border-radius-button) 0;
  }
}
@media (min-width: 1600px) {
  .login__col:first-child {
    width: 65.4%;
  }
}
.login__col:first-child img,
.login__col:first-child svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
}
.login__col:last-child {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgb(var(--color-background));
  padding: 0 2rem;
  order: -1;
}
@media (min-width: 990px) {
  .login__col:last-child {
    width: 50%;
    padding: 0 6.4rem;
    order: 1;
  }
}
@media (min-width: 1600px) {
  .login__col:last-child {
    width: 34.6%;
  }
}
.login__placeholder {
  background-color: rgba(0, 0, 0, 0.5);
  fill: rgb(255, 255, 255);
}
.login__reset, .login__form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  padding: 1rem 0 3rem;
  position: relative;
  z-index: 4;
}
@media (min-width: 990px) {
  .login__reset, .login__form {
    padding: 5.6rem 0;
  }
}
.login__guest {
  width: 100%;
  padding: 3rem 0;
  flex-grow: 1;
}
.login form {
  margin-top: 2.5rem;
}
@media (min-width: 990px) {
  .login form {
    margin-top: 4.8rem;
  }
}
.login .button.login__forgot-password {
  display: inline-block;
  text-transform: capitalize;
  color: rgb(var(--color-foreground-secondary));
  font-size: 1.5rem;
  margin-top: 1.2rem;
}
.login .button.login__forgot-password span {
  display: inline-block;
}
.login__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2.4rem;
  margin-top: 2.4rem;
}
@media (min-width: 990px) {
  .login__buttons {
    align-items: center;
  }
}
.login__buttons--space-between {
  flex-direction: column;
}
@media (min-width: 990px) {
  .login__buttons--space-between {
    flex-direction: row;
    justify-content: space-between;
  }
}
.login .button--primary.login__sign-in {
  min-width: 15.6rem;
}
.login__create-acc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
}
@media (min-width: 990px) {
  .login__create-acc {
    justify-content: flex-end;
  }
}
.login__create-acc .button--simple {
  display: inline-block;
  text-transform: capitalize;
  font-size: 1.5rem;
}
.login__create-acc .button--simple span {
  display: inline-block;
}

/* Account */
.account__subtitle {
  font-weight: 500;
  margin: 0 0 1.6rem;
}
.account__wrapper {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media (min-width: 750px) {
  .account__wrapper {
    gap: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .account__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .account__left {
    width: calc(67.3% - 1.6rem);
  }
}
.account__right {
  align-self: flex-start;
}
@media (min-width: 1200px) {
  .account__right {
    width: calc(32.7% - 1.6rem);
  }
}
.account__order-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6rem;
  margin: 0 0 1.6rem;
}
.account__order-info h6 {
  margin: 0;
}
.account__order-info span {
  font-size: 1.4rem;
  font-weight: 500;
  border-radius: 0.4rem;
  padding: 0.4rem 1.6rem;
  color: rgba(var(--color-foreground-title));
  border: 0.1rem solid rgb(var(--color-border));
  background-color: rgba(var(--color-foreground), 0.001);
}

/* Account addresses list */
.account-address {
  padding: 3rem 2rem;
  border-radius: 0.5rem;
  background-color: rgb(var(--color-foreground), 0.025);
}
@media (min-width: 990px) {
  .account-address {
    padding: 4rem;
  }
}
.account-address__item {
  font-size: 1.6rem;
  color: rgba(var(--color-foreground-title));
}
.account-address__item:not(.account-address__item-name):not(:last-child)::after {
  content: ", ";
}
.account-address__item-name {
  font-weight: 500;
  margin-bottom: 0.8rem;
}
.account-address__link {
  min-width: 24.5rem !important;
  display: inline-flex !important;
  padding: 0 3.4rem !important;
  margin-top: 3.2rem;
  font-size: 1.5rem !important;
}

/* Account without order/addresses */
.account-none {
  padding: 3rem 2rem;
  background-color: rgb(var(--color-foreground), 0.025);
}
@media (min-width: 990px) {
  .account-none {
    height: 100%;
    min-height: 27.4rem;
    padding: 6.4rem 3rem;
  }
}
.account-none__wrapper {
  max-width: 338px;
  margin: 0 auto;
  text-align: center;
}
.account-none__content {
  margin: 1.6rem 0 0;
}
.account-none h6 {
  font-weight: 500;
  margin: 0;
}
.account-none__text {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: rgb(var(--color-foreground-title), 0.6);
  margin-top: 0.8rem;
}
@media (min-width: 750px) {
  .account-none__text {
    font-size: 1.6rem;
  }
}
.account-none__button {
  min-width: 18.4rem !important;
  margin-top: 3.2rem;
  padding: 0 3.2rem !important;
  font-size: 1.5rem !important;
}
.account-none__button--address {
  min-width: 20.2rem !important;
}
.account-none .icon-account-order-none {
  width: 3.2rem;
  height: 3.2rem;
  color: rgb(var(--color-foreground));
}
.account-none .icon-account-address-none {
  width: 3.2rem;
  height: 3.2rem;
  color: rgb(var(--color-foreground));
}
.account-none--address {
  width: 100%;
}

#customer_login_guest button {
  margin-top: 0;
}

#recover {
  display: none;
}
#recover:target {
  display: flex;
}
#recover:target + div {
  display: none;
}

/* Activate account page */
.activate .page-header {
  margin: 0;
}
.activate__container {
  padding-top: 80px;
  padding-bottom: 80px;
}
.activate__outer {
  max-width: 80rem;
  width: 100%;
}
.activate__subtitle {
  text-align: left;
}
.activate__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6rem;
  margin-top: 2.4rem;
}

[data-scheme=dark] .addresses input:not(input[type=checkbox]),
[data-scheme=dark] .addresses .select select {
  background-color: rgb(var(--color-background-input)) !important;
}
[data-scheme=dark] .addresses input:not(input[type=checkbox]):hover,
[data-scheme=dark] .addresses .select select:hover {
  background-color: rgb(var(--color-background-input-hover)) !important;
}

/* Addresses */
.addresses .page-header {
  border-bottom: none;
}
@media (min-width: 750px) {
  .addresses .page-header {
    margin-bottom: 0;
    padding-bottom: 4rem;
  }
}
.addresses h2 {
  font-weight: 500;
  text-align: left;
  margin: 0 0 4rem;
}
.addresses .address-add-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3.2rem;
  margin-top: 3.2rem;
}
.addresses .address-add-show,
.addresses .address-add-item {
  min-width: auto;
  padding: 0 3.2rem;
}
.addresses .address-add-new {
  border-radius: 0;
  margin-bottom: 4rem;
}
@media (min-width: 750px) {
  .addresses .address-add-new {
    margin-bottom: 2.4rem;
  }
}
.addresses .address-add-new span {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.addresses .address-cancel,
.addresses .button-address-delete {
  font-size: 1.5rem;
  font-weight: 500;
  color: rgb(var(--color-foreground-secondary));
}
.addresses .address-edit-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3.2rem;
  margin-top: 3.2rem;
}
.addresses .button-address-edit {
  min-width: 20rem;
  font-size: 1.6rem;
}
.addresses .address-add-item {
  min-width: 20rem;
  padding: 0 3.5rem;
}
.addresses ul {
  list-style: none;
  padding-left: 0;
}
.addresses ul p {
  margin-bottom: 0;
}
.addresses li > button {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media (min-width: 750px) {
  .addresses li > button:first-of-type {
    margin-top: 3rem;
  }
}
.addresses li > button + button {
  margin-top: 0;
}
.addresses li[data-address] > h2 {
  margin: 0 0 2rem 0;
}
.addresses form {
  display: grid;
  align-items: flex-start;
  gap: 2.4rem;
}
@media (min-width: 990px) {
  .addresses form {
    gap: 0.8rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "a1 a1 a2 a2 a3 a3" "a4 a4 a5 a5 a8 a8" "a6 a6 a6 a6 a6 a6" "a7 a7 a7 a7 a7 a7" "a9 a9 a9 a10 a10 a10" "a11 a11 a11 a11 a11 a11" "a12 a12 a12 a12 a12 a12";
  }
}
@media (min-width: 990px) {
  .addresses form div:nth-of-type(1) {
    grid-area: a1;
  }
}
@media (min-width: 990px) {
  .addresses form div:nth-of-type(2) {
    grid-area: a2;
  }
}
@media (min-width: 990px) {
  .addresses form div:nth-of-type(3) {
    grid-area: a3;
  }
}
@media (min-width: 990px) {
  .addresses form div:nth-of-type(4) {
    grid-area: a4;
  }
}
@media (min-width: 990px) {
  .addresses form div:nth-of-type(5) {
    grid-area: a5;
  }
}
@media (min-width: 990px) {
  .addresses form div:nth-of-type(6) {
    grid-area: a6;
  }
}
@media (min-width: 990px) {
  .addresses form div:nth-of-type(7) {
    grid-area: a7;
  }
}
@media (min-width: 990px) {
  .addresses form div:nth-of-type(8) {
    grid-area: a8;
  }
}
@media (min-width: 990px) {
  .addresses form div:nth-of-type(9) {
    grid-area: a9;
  }
}
@media (min-width: 990px) {
  .addresses form div:nth-of-type(10) {
    grid-area: a10;
  }
}
@media (min-width: 990px) {
  .addresses form div:nth-of-type(11) {
    grid-area: a11;
  }
}
.addresses form button + button {
  margin-top: 0;
}
.addresses form .field:not(:first-of-type) {
  margin: 0;
}
.addresses .field input[type=text][required] + label:after {
  left: 0;
}
.addresses input:not(input[type=checkbox]) {
  background-color: rgb(253, 253, 253) !important;
}
.addresses input:not(input[type=checkbox]):hover {
  background-color: rgb(var(--color-background-input-hover)) !important;
}
.addresses .select select {
  min-height: 5.4rem;
  background-color: rgb(253, 253, 253);
}
.addresses .select select + svg {
  top: unset;
  bottom: 2rem;
}
.addresses .select select ~ label {
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: none;
  color: rgb(var(--color-foreground));
  padding-bottom: 1rem;
}
.addresses [data-expand=false] {
  display: none !important;
}
.addresses [data-expand=true] {
  display: block !important;
}
.addresses [data-expand=true].account-none--address {
  display: flex !important;
}
.addresses .address-edit-form {
  display: none;
  margin-bottom: 2.4rem;
}
.addresses .address-edit-form.active {
  display: block;
}
.addresses .address-add-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.addresses .address-add-form__item {
  width: 100%;
  background-color: rgb(var(--color-foreground), 0.025);
  border-radius: 0.5rem;
  padding: 4rem 2rem;
  margin-bottom: 2.4rem;
}
@media (min-width: 750px) {
  .addresses .address-add-form__item {
    padding: 4rem;
  }
}
.addresses .address-add-form__inner {
  max-width: 85.2rem;
}
.addresses .address-add-form__inner h2 {
  margin: 0;
  font-weight: 500;
}
.addresses .address-add-default-check {
  position: relative;
  display: inline-flex;
  align-self: flex-start;
  font-size: 1.4rem;
  color: rgb(var(--color-foreground-title));
}
.addresses .address-add-default-check label {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-grow: 1;
  word-break: break-word;
}
.addresses .address-add-default-check label::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 0.2rem;
  border: 0.1rem solid rgb(var(--color-border));
  background-color: rgb(var(--color-background));
  transition: border-color var(--duration-default);
}
.addresses .address-add-default-check label .icon-checkmark {
  position: absolute;
  left: 0.4rem;
  top: calc(50% - 0.4rem);
  z-index: 5;
  visibility: hidden;
  fill: #fff;
  transform: scale(0.9);
}
.addresses .address-add-default-check > input[type=checkbox] {
  position: absolute;
  opacity: 1;
  width: 2.4rem;
  height: 2.4rem;
  top: 0;
  left: 2rem;
  z-index: -1;
  appearance: none;
}
.addresses .address-add-default-check > input[type=checkbox]:checked + label::before {
  border-color: rgb(var(--color-button));
  background-color: rgb(var(--color-button));
}
.addresses .address-add-default-check > input[type=checkbox]:checked + label span {
  color: rgb(var(--color-foreground));
}
.addresses .address-add-default-check > input[type=checkbox]:checked + label .icon-checkmark {
  visibility: visible;
}

.address-list {
  display: flex;
  flex-direction: column;
}
.address-list__item {
  background-color: rgb(var(--color-foreground), 0.025);
  border-radius: 0.5rem;
  padding: 4rem 2rem;
}
@media (min-width: 750px) {
  .address-list__item {
    padding: 4rem;
  }
}
.address-list__item-wrapper {
  margin-bottom: 2.4rem;
}
.address-list__item-wrapper--default {
  order: -1;
}

.address-list-lines {
  width: 100%;
}
@media (min-width: 750px) {
  .address-list-lines {
    max-width: 85.2rem;
  }
}
.address-list-lines__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 24px;
  border-bottom: 0.1rem solid rgb(var(--color-border));
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
}
.address-list-lines__item span {
  font-size: 1.6rem;
}
.address-list-lines__item span:first-child {
  max-width: 140px;
  width: 100%;
  font-weight: 500;
  color: rgb(var(--color-foreground-title));
}
.address-list-lines__value {
  color: rgb(var(--color-foreground-title));
}
/* 只在桌面端重寫訂單詳情表格的 6 欄寬度與對齊 */
@media (min-width: 1200px) {
  /* 專門針對 order-table--details，避免影響其它客戶列表 */
  .order-table.order-table--details .row {
    flex-direction: row;
    align-items: center;
  }

  /* 第一列：IMAGE，固定約 12% 寬，靠左 */
  .order-table.order-table--details .row > *:first-child {
    width: 12%;
    text-align: left;
    justify-content: flex-start;
  }

  /* 第二列：Product，佔最大空間，靠左 */
  .order-table.order-table--details .row > *:nth-child(2) {
    width: 40%;
    text-align: left;
  }

  /* 第三 / 四 / 五列：SKU、Price、Quantity，居中 */
  .order-table.order-table--details .row > *:nth-child(3),
  .order-table.order-table--details .row > *:nth-child(4),
  .order-table.order-table--details .row > *:nth-child(5) {
    width: 12%;
    text-align: center;
    justify-content: center;
  }

  /* 第六列：Total，靠右 */
  .order-table.order-table--details .row > *:nth-child(6) {
    width: 12%;
    text-align: right;
    justify-content: flex-end;
    font-weight: 500;
  }
}

/* 圖片固定 100x100 */
.order-table.order-table--details .cell--image .order-item__thumb-image {
  display: block;
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 4px;
}

/* 產品標題去掉下划線、靠左 */
.order-table.order-table--details .product-name a {
  text-decoration: none;
}
/* ====== 手機端訂單詳情：縮小欄位間距 ====== */
@media screen and (max-width: 749px) {

  /* 每列之間的整體間距縮小 */
  .order-table--details .row.tbody {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  /* 每個 cell（IMAGE / PRODUCT / SKU / PRICE / QTY / TOTAL）的內距縮小 */
  .order-table--details .row.tbody > .cell {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin: 0 !important;
  }

  /* 產品標題與屬性：也縮小上下距離 */
  .order-table--details .product-name {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .order-table--details .properties span {
    line-height: 1.2 !important;
  }

    /* data-label（SKU / Price / Quantity / Total 的標題）手機端間距縮小 */
  .order-table.order-table--details .row.tbody  {
    font-size: 11px;
  }
  .order-table .row > *::before {
  content: attr(data-label);
  display: inline-block;
  max-width: 6rem;
  min-width: 6rem;
  margin-right: 2rem;
}
.order-table--details .cell--product .product-name a,
  .order-table--details .cell--product .product-name p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;   /* ← 限制 2 行 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 14px;
  }
}
/* 手機端：總計區(Subtotal/Shipping/Discount/Total) 標題 + 金額同一行顯示 */
@media screen and (max-width: 749px) {
  /* 只針對 order-table--total 下面帶 bold 的行，不影響地址那行 */
  .order-table--total .row.tbody.bold {
    flex-direction: row;              /* 原本是 column，改成橫向排 */
    align-items: center;
    justify-content: space-between;   /* 左標題右金額 */
  }

  .order-table--total .row.tbody.bold > span {
    display: inline-flex;
    align-items: baseline;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  /* 手機端這幾行不需要 data-label 再生成一個標題，否則會重複 */
  .order-table--total .row.tbody.bold > span[data-label]::before {
    content: none !important;
  }
  .order-table.order-table--details .cell--image .order-item__thumb-image {
  display: block;
  width: 120px;
  height: 120px;
  object-fit: cover;
  border-radius: 4px;
}
}
/* 手機端：Tax(稅) 行，標題 + 金額同一行 */
@media screen and (max-width: 749px) {
  .order-table--total .row.tbody #RowTax {
    display: inline-flex;
    align-items: baseline;
  }

  .order-table--total .row.tbody #RowTax,
  .order-table--total .row.tbody #RowTax + span {
    flex-direction: row;
    justify-content: space-between;
  }

  /* 移除 data-label 偽標題，不重複 */
  .order-table--total .row.tbody #RowTax + span::before {
    content: none !important;
  }
}
/* 手機端：訂單匯總區一行排列，但排除 billing + shipping 地址 */
@media screen and (max-width: 749px) {

  .order-table--total .row.tbody:not(.order-row--address):not(.order-table__address) {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 4px 0;
  }

  .order-table--total .row.tbody:not(.order-row--address):not(.order-table__address) > span:first-child {
    flex: 1 1 auto;
  }

  .order-table--total .row.tbody:not(.order-row--address):not(.order-table__address) > span:last-child {
    flex: 0 0 auto;
    text-align: right;
  }

  .order-table--total .row.tbody:not(.order-row--address):not(.order-table__address) > span[data-label]::before {
    content: none !important;
  }
}
@media screen and (max-width: 749px) {
  .section-{{ section.id }} .order-table--details .row.thead {
    display: none !important;
  }
}