/*
 * Maison Mits shopping typography
 * The display type remains editorial; transactional information is deliberately
 * larger, darker and less widely tracked so it can be read at a glance.
 */

.announcement,
.promise-strip p,
.button,
.intro-copy a,
.text-button,
.filters button,
.product-explore,
.product-offer-label,
.product-buy button,
.whatsapp-checkout,
.product-whatsapp,
.builder-progress,
.builder-footer > div span {
  font-size: 10px;
}

.button,
.intro-copy a,
.text-button,
.product-explore,
.product-offer-label,
.whatsapp-checkout,
.product-whatsapp {
  letter-spacing: 0.12em;
}

.filters button {
  min-height: 40px;
  padding: 11px 18px;
  letter-spacing: 0.11em;
}

.combo-top p,
.combo-size {
  font-size: 10px;
  line-height: 1.45;
}

.combo-content > p:not(.combo-size) {
  color: #c5bdb5;
  font-size: 16px;
  line-height: 1.45;
}

.price-line {
  gap: 17px;
  align-items: end;
}

.regular-price,
.detail-regular-price,
.product-price-old {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
}

.regular-price {
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
}

.regular-price small,
.detail-regular-price small,
.product-price-old small {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: var(--sans);
  font-size: 8px;
  line-height: 1.2;
}

.regular-price small {
  color: #aaa198;
}

.price-line s {
  color: #c6bdb4;
  font-size: 14px;
  line-height: 1.2;
  text-decoration-thickness: 1px;
}

.price-line strong {
  font-size: 32px;
  line-height: 1;
}

.combo-content .text-button {
  font-size: 10px;
}

.mood-tile small {
  color: #6d645b;
  font-size: 9px;
  line-height: 1.35;
}

.mood-tile p {
  color: #514941;
  font-size: 14px;
  line-height: 1.45;
}

.gender-filter-wrap > span,
.result-summary p,
.result-summary button {
  color: #625950;
  font-size: 9px;
  line-height: 1.4;
}

.product-identity {
  min-height: 31px;
  color: #684927;
  font-size: 10px;
  line-height: 1.4;
}

.product-identity span {
  color: #635b53;
  font-size: 8px;
}

.inspired {
  color: #5f5951;
  font-size: 15px;
  line-height: 1.4;
}

.identity-line {
  color: #302b27;
  font-size: 15px;
  line-height: 1.45;
}

.product-explore {
  min-height: 30px;
  font-size: 10px;
  line-height: 1.35;
}

.product-offer-label {
  color: #6d4b27;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.4;
}

.product-buy button {
  min-height: 58px;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-size: 10px;
  line-height: 1.2;
}

.product-size {
  flex: 0 0 auto;
  font-weight: 600;
}

.product-price {
  gap: 6px;
  align-items: center;
  font-variant-numeric: tabular-nums;
}

.product-price-old {
  gap: 3px;
  color: #625b53;
}

.product-price-old small {
  color: #766e65;
  font-size: 7px;
}

.product-price s {
  color: #6e665d;
  font-size: 10px;
  line-height: 1.2;
  text-decoration-thickness: 1px;
}

.product-price strong {
  font-family: var(--serif);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.note-pyramid span,
.product-profile span,
.delivery-note > span,
.product-occasions > span {
  color: #675f57;
  font-size: 10px;
  line-height: 1.35;
}

.product-profile strong {
  font-size: 15px;
  line-height: 1.45;
}

.product-occasions i {
  color: #3f3933;
  font-size: 11px;
}

.product-detail-buy-head s {
  color: #655e57;
  font-size: 13px;
  text-decoration-thickness: 1px;
}

.detail-regular-price {
  margin-left: 2px;
}

.detail-regular-price small {
  color: #766e66;
  font-size: 8px;
}

.product-detail-buy-head > span {
  font-size: 9px;
}

.size-selector button {
  min-height: 60px;
  font-size: 11px;
}

.size-selector small {
  font-size: 17px;
}

.product-detail-actions .button,
.product-whatsapp {
  min-height: 56px;
  font-size: 10px;
}

.product-trust strong {
  font-size: 10px;
  line-height: 1.35;
}

.product-trust p {
  color: #5b544d;
  font-size: 13px;
  line-height: 1.45;
}

.delivery-note p {
  color: #3d3833;
  font-size: 15px;
}

.product-disclaimer {
  color: #6a625a;
  font-size: 11px;
}

.cart-items p {
  color: #5c554e;
  font-size: 13px;
}

.cart-summary > p {
  font-size: 12px;
}

.whatsapp-checkout {
  min-height: 58px;
  font-size: 10px;
}

.cart-summary small {
  color: #5f5851;
  font-size: 12px;
  line-height: 1.45;
}

.builder-progress,
.builder-grid p,
.builder-footer > div span {
  font-size: 9px;
}

.builder-grid small {
  font-size: 12px;
}

@media (max-width: 700px) {
  .announcement {
    font-size: 8px;
    line-height: 1.45;
  }

  .promise-strip p {
    font-size: 8px;
    line-height: 1.45;
  }

  .combo-card {
    min-height: 468px;
  }

  .combo-top p,
  .combo-size {
    font-size: 8px;
    line-height: 1.45;
  }

  .combo-top p {
    max-width: 92px;
  }

  .combo-content > p:not(.combo-size) {
    min-height: 47px;
    font-size: 12px;
    line-height: 1.4;
  }

  .regular-price small {
    font-size: 7px;
  }

  .price-line s {
    font-size: 10px;
  }

  .price-line strong {
    font-size: 23px;
  }

  .combo-content .text-button {
    min-height: 26px;
    font-size: 8px;
    line-height: 1.35;
  }

  .mood-tile small {
    font-size: 8px;
  }

  .mood-tile p {
    font-size: 11.5px;
    line-height: 1.4;
  }

  .gender-filter-wrap > span,
  .result-summary p,
  .result-summary button {
    font-size: 8px;
  }

  .gender-filter-wrap .filters button {
    min-height: 42px;
    font-size: 9px;
  }

  .product-identity {
    min-height: 39px;
    font-size: 8px;
    line-height: 1.45;
  }

  .product-identity span {
    font-size: 7px;
  }

  .inspired {
    min-height: 37px;
    font-size: 11.5px;
    line-height: 1.35;
  }

  .identity-line {
    min-height: 52px;
    font-size: 11.5px;
    line-height: 1.4;
  }

  .product-explore {
    min-height: 28px;
    margin-bottom: 16px;
    font-size: 8px;
  }

  .product-offer-label {
    font-size: 8px;
  }

  .product-buy button {
    min-height: 54px;
    padding: 10px 9px;
    font-size: 9px;
  }

  .product-price {
    gap: 5px;
  }

  .product-price-old {
    display: grid;
    gap: 0;
    text-align: right;
  }

  .product-price-old small {
    font-size: 6.5px;
  }

  .product-price s {
    font-size: 9px;
  }

  .product-price strong {
    font-size: 14px;
  }

  .product-detail-identity,
  .note-pyramid span,
  .product-profile span,
  .delivery-note > span,
  .product-occasions > span {
    font-size: 9px;
  }

  .product-occasions i {
    font-size: 10px;
  }

  .product-detail-buy-head > span {
    font-size: 8px;
  }

  .size-selector button {
    min-height: 58px;
    font-size: 10px;
  }

  .size-selector small {
    font-size: 16px;
  }

  .product-detail-actions .button,
  .product-whatsapp {
    font-size: 9px;
  }

  .product-trust strong {
    font-size: 9px;
  }

  .product-trust p {
    font-size: 12.5px;
  }

  .whatsapp-checkout {
    font-size: 9px;
  }

  .builder-progress,
  .builder-grid p,
  .builder-footer > div span,
  .builder-footer .button {
    font-size: 8px;
  }
}

@media (max-width: 360px) {
  .combo-content h3 {
    font-size: 19px;
  }

  .combo-content .text-button {
    letter-spacing: 0.05em;
    font-size: 7.5px;
  }

  .product-info h3 {
    font-size: 21px;
  }

  .product-buy button {
    gap: 5px;
    padding-right: 7px;
    padding-left: 7px;
  }

  .product-price strong {
    font-size: 13px;
  }
}