@import url("checkout-polish-v2.css");
@import url("storefront-final.css");

/* Final MAUZARIS commerce polish: brand signature, notices and payment states. */

/* Turn the small header/footer seal into the same optical language used by the house. */
.mz-brand__mark {
  position: relative;
  overflow: visible;
  border-radius: 54% 46% 54% 46% / 46% 54% 46% 54%;
  color: transparent;
  font-size: 0;
  transform: rotate(45deg);
}

.mz-brand__mark::before,
.mz-brand__mark::after {
  content: '';
  position: absolute;
  display: block;
}

.mz-brand__mark::before {
  inset: 7px;
  border: 1px solid rgba(241,237,227,.24);
  border-radius: 50%;
}

.mz-brand__mark::after {
  top: 6px;
  bottom: 6px;
  left: calc(50% - 1px);
  width: 2px;
  border-radius: 50%;
  background: var(--mz-bronze);
  box-shadow: 0 0 14px rgba(198,166,107,.24);
  transform: rotate(-45deg);
}

/* Checkout is deliberately distraction-free: brand, order, payment. */
body.woocommerce-checkout:not(.woocommerce-order-received) .mz-footer,
body.woocommerce-order-pay .mz-footer {
  display: none;
}

.woocommerce .woocommerce-notices-wrapper,
.woocommerce-page .woocommerce-notices-wrapper {
  margin-bottom: 0;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info,
.woocommerce-page .woocommerce-error {
  border: 1px solid var(--mz-line);
  border-top-color: rgba(198,166,107,.62);
  border-radius: 0;
  background: rgba(21,21,18,.72);
  color: rgba(241,237,227,.66);
  padding: 1rem 1.15rem 1rem 2.7rem;
  font-size: .76rem;
  line-height: 1.7;
}

.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce-page .woocommerce-message::before,
.woocommerce-page .woocommerce-info::before {
  top: 1rem;
  color: var(--mz-bronze);
}

.woocommerce .woocommerce-error::before,
.woocommerce-page .woocommerce-error::before {
  top: 1rem;
  color: #d28a75;
}

.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-info a.button,
.woocommerce-page .woocommerce-message a.button,
.woocommerce-page .woocommerce-info a.button {
  float: right;
  margin: -.25rem 0 -.25rem 1rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--mz-bronze);
  padding: .25rem 0;
  font-size: .58rem;
  font-weight: 500;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.mz-cart-summary .cart_totals > .mz-kicker {
  margin-bottom: .65rem;
}

body.woocommerce-order-pay .mz-nav,
body.woocommerce-order-pay .mz-selection-link {
  display: none;
}

.mz-pay-shell {
  width: min(calc(100% - 40px), var(--mz-max));
  margin-inline: auto;
  padding-block: clamp(3rem,6vw,6rem) clamp(7rem,11vw,11rem);
}

.mz-pay-shell__topline {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  padding-bottom: clamp(2.5rem,5vw,4.5rem);
  border-bottom: 1px solid var(--mz-line);
}

.mz-pay-shell__topline h1 {
  max-width: 900px;
  margin: 1rem 0 0;
  font-family: Georgia,'Times New Roman',serif;
  font-size: clamp(3.8rem,7vw,7.4rem);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: .88;
}

.mz-pay-shell__reference {
  flex: 0 0 auto;
  color: var(--mz-bronze);
  font-family: Georgia,'Times New Roman',serif;
  font-size: clamp(1.3rem,2vw,2rem);
}

.mz-pay-grid {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr);
  gap: clamp(3rem,6vw,6rem);
  align-items: start;
  padding-top: clamp(3rem,5vw,5rem);
}

.mz-pay-section-heading {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--mz-line);
}

.mz-pay-section-heading h2 {
  margin: .7rem 0 0;
  font-family: Georgia,'Times New Roman',serif;
  font-size: clamp(1.9rem,3vw,2.8rem);
  font-weight: 400;
  letter-spacing: -.04em;
}

.mz-pay-table,
.woocommerce .mz-pay-table {
  width: 100%;
  margin: 1rem 0 0;
  border: 0;
  border-collapse: collapse;
  border-radius: 0;
  background: transparent;
}

.woocommerce .mz-pay-table th,
.woocommerce .mz-pay-table td {
  padding: 1rem 0;
  border: 0;
  border-bottom: 1px solid var(--mz-line);
  background: transparent;
  color: rgba(241,237,227,.62);
}

.woocommerce .mz-pay-table thead th {
  color: rgba(241,237,227,.34);
  font-size: .52rem;
  font-weight: 500;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.woocommerce .mz-pay-table .product-quantity,
.woocommerce .mz-pay-table .product-total,
.woocommerce .mz-pay-table .product-subtotal {
  text-align: right;
}

.woocommerce .mz-pay-table tbody .product-name {
  color: var(--mz-text);
  font-family: Georgia,'Times New Roman',serif;
  font-size: 1rem;
}

.woocommerce .mz-pay-table .wc-item-meta {
  margin: .5rem 0 0;
  padding: 0;
  color: rgba(241,237,227,.38);
  font-family: Arial,Helvetica,sans-serif;
  font-size: .68rem;
  list-style: none;
}

.woocommerce .mz-pay-table tfoot th,
.woocommerce .mz-pay-table tfoot td {
  color: rgba(241,237,227,.48);
  font-size: .74rem;
  font-weight: 400;
}

.mz-pay-payment {
  position: sticky;
  top: 104px;
  padding: 1.5rem;
  border: 1px solid var(--mz-line);
  background: rgba(21,21,18,.6);
}

.woocommerce-order-pay #payment {
  margin-top: 1rem;
  border-radius: 0;
  background: transparent;
}

.woocommerce-order-pay #payment .wc_payment_methods {
  margin: 0;
  padding: 0;
  border: 0;
}

.woocommerce-order-pay #payment .wc_payment_method {
  padding: 1rem 0;
  border-bottom: 1px solid var(--mz-line);
}

.woocommerce-order-pay #payment .wc_payment_method > label {
  color: var(--mz-text);
  font-size: .7rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.woocommerce-order-pay #payment div.payment_box {
  margin: .85rem 0 0;
  border: 1px solid var(--mz-line);
  border-radius: 0;
  background: rgba(11,11,10,.56);
  color: rgba(241,237,227,.56);
}

.woocommerce-order-pay #payment div.payment_box::before {
  display: none;
}

.woocommerce-order-pay #payment iframe {
  width: 100% !important;
  max-width: 100%;
  border: 0;
}

.woocommerce-order-pay #payment .form-row {
  margin: 1.25rem 0 0;
  padding: 1.25rem 0 0;
  border-top: 1px solid var(--mz-line);
}

.woocommerce-order-pay #place_order {
  width: 100%;
  min-height: 54px;
  margin-top: 1rem;
  border: 1px solid var(--mz-bronze);
  border-radius: 0;
  background: var(--mz-bronze);
  color: #17120b;
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.woocommerce-order-pay #payment .woocommerce-privacy-policy-text,
.woocommerce-order-pay #payment .woocommerce-terms-and-conditions-wrapper {
  color: rgba(241,237,227,.4);
  font-size: .68rem;
  line-height: 1.7;
}

.woocommerce-order-pay #payment a {
  color: var(--mz-bronze);
}

@media (max-width: 980px) {
  .mz-pay-grid {
    grid-template-columns: 1fr;
  }

  .mz-pay-payment {
    position: static;
  }
}

@media (max-width: 680px) {
  .mz-pay-shell {
    width: min(calc(100% - 28px),var(--mz-max));
    padding-top: 2rem;
  }

  .mz-pay-shell__topline {
    align-items: flex-start;
    flex-direction: column;
  }

  .mz-pay-shell__topline h1 {
    font-size: clamp(3.4rem,17vw,5.8rem);
  }

  .mz-pay-payment {
    padding: 1.15rem;
  }

  .woocommerce .woocommerce-message a.button,
  .woocommerce .woocommerce-info a.button,
  .woocommerce-page .woocommerce-message a.button,
  .woocommerce-page .woocommerce-info a.button {
    float: none;
    display: block;
    width: fit-content;
    margin: .65rem 0 0;
  }
}