/* 1.9.71 — premium mobile table harmony */

.afp-builder-shell.afp-shell--mobile .afp-range-toggle {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: start !important;
  justify-items: start !important;
  gap: 12px !important;
}

.afp-builder-shell.afp-shell--mobile .afp-range-toggle__title {
  width: 100% !important;
  min-width: 0 !important;
}

.afp-builder-shell.afp-shell--mobile .afp-range-toggle__action {
  margin-left: 0 !important;
  justify-self: start !important;
  align-self: start !important;
}

.afp-builder-shell.afp-shell--mobile .afp-range-panel {
  padding: 0 12px 12px !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table,
.afp-builder-shell.afp-shell--mobile .afp-result-table {
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  border: 1px solid rgba(230, 216, 207, .84) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,249,245,.98) 100%) !important;
  box-shadow: 0 12px 28px rgba(41, 28, 21, .035) !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table {
  display: block !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table colgroup,
.afp-builder-shell.afp-shell--mobile .afp-tier-table col {
  display: none !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table thead,
.afp-builder-shell.afp-shell--mobile .afp-tier-table tbody,
.afp-builder-shell.afp-shell--mobile .afp-result-table tbody {
  display: block !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table thead tr:first-child {
  display: block !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table thead tr:first-child th {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 18px 18px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(230, 216, 207, .74) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,239,233,.95) 100%) !important;
  color: var(--afp-accent, #b56c52) !important;
  font-size: clamp(16px, 5.3vw, 18px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.01em !important;
  text-transform: none !important;
  font-weight: 900 !important;
  text-align: left !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table thead tr:nth-child(2) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table thead tr:nth-child(2) th {
  display: flex !important;
  align-items: center !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-right: 1px solid rgba(230, 216, 207, .74) !important;
  border-bottom: 1px solid rgba(230, 216, 207, .74) !important;
  background: rgba(255, 252, 249, .96) !important;
  color: color-mix(in srgb, var(--afp-muted, #8f7a70) 90%, white 10%) !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table thead tr:nth-child(2) th:last-child {
  justify-content: flex-end !important;
  border-right: 0 !important;
  text-align: right !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table tbody tr {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table tbody td {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  padding: 18px 16px !important;
  border: 0 !important;
  border-right: 1px solid rgba(230, 216, 207, .74) !important;
  border-bottom: 1px solid rgba(230, 216, 207, .74) !important;
  background: transparent !important;
  box-shadow: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table tbody td:first-child {
  justify-content: flex-start !important;
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
  color: var(--afp-text, #2a201b) !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table tbody td:last-child {
  justify-content: flex-end !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-size: 15px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  color: var(--afp-text, #2a201b) !important;
  border-right: 0 !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table tbody tr:last-child td {
  border-bottom: 0 !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table tbody td:last-child .afp-range-price-unit {
  white-space: nowrap !important;
  color: color-mix(in srgb, var(--afp-muted, #8f7a70) 82%, white 18%) !important;
  font-weight: 800 !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table tbody tr.is-current td {
  background: linear-gradient(180deg, rgba(251,244,239,.98) 0%, rgba(247,236,229,.95) 100%) !important;
}

.afp-builder-shell.afp-shell--mobile .afp-tier-table tbody tr.is-current td:first-child {
  box-shadow: inset 4px 0 0 var(--afp-accent, #b56c52) !important;
}

.afp-builder-shell.afp-shell--mobile .afp-result-table {
  display: block !important;
  background: linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,250,246,.98) 100%) !important;
}

.afp-builder-shell.afp-shell--mobile .afp-result-table tbody tr {
  display: grid !important;
  grid-template-columns: minmax(120px, .96fr) minmax(0, 1.04fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.afp-builder-shell.afp-shell--mobile .afp-result-table td,
.afp-builder-shell.afp-shell--mobile .afp-result-table th {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 17px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(230, 216, 207, .72) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.afp-builder-shell.afp-shell--mobile .afp-result-table tr > td:first-child,
.afp-builder-shell.afp-shell--mobile .afp-result-table tr > th:first-child {
  border-right: 1px solid rgba(230, 216, 207, .72) !important;
  justify-content: flex-start !important;
  text-align: left !important;
  color: color-mix(in srgb, var(--afp-muted, #8f7a70) 88%, white 12%) !important;
  font-size: 10px !important;
  line-height: 1.18 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: none !important;
  text-wrap: balance !important;
}

.afp-builder-shell.afp-shell--mobile .afp-result-table tr > td:last-child,
.afp-builder-shell.afp-shell--mobile .afp-result-table tr > th:last-child {
  justify-content: flex-end !important;
  text-align: right !important;
  color: var(--afp-text, #2a201b) !important;
  white-space: nowrap !important;
  font-size: clamp(15px, 4.9vw, 18px) !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
}

.afp-builder-shell.afp-shell--mobile .afp-result-meta-row td {
  background: linear-gradient(180deg, rgba(255,252,249,.96) 0%, rgba(248,240,234,.9) 100%) !important;
}

.afp-builder-shell.afp-shell--mobile .afp-result-table tbody tr[data-afp-row="base"] td:first-child,
.afp-builder-shell.afp-shell--mobile .afp-result-table tbody tr[data-afp-fee-row] td:first-child {
  letter-spacing: .08em !important;
  font-size: 11px !important;
  color: color-mix(in srgb, var(--afp-muted, #8f7a70) 86%, white 14%) !important;
}

.afp-builder-shell.afp-shell--mobile .afp-result-table tbody tr:last-child td,
.afp-builder-shell.afp-shell--mobile .afp-result-table tbody tr:last-child th {
  border-bottom: 0 !important;
}

.afp-builder-shell.afp-shell--mobile .afp-result-meta-row strong {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: flex-end !important;
  gap: .08em !important;
  width: 100% !important;
  white-space: nowrap !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.afp-builder-shell.afp-shell--mobile .afp-result-meta-row em {
  font-style: normal !important;
  color: color-mix(in srgb, var(--afp-muted, #8f7a70) 80%, white 20%) !important;
  font-weight: 800 !important;
}

.afp-builder-shell.afp-shell--mobile .afp-submit-row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.afp-builder-shell.afp-shell--mobile .afp-submit-row__actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.afp-builder-shell.afp-shell--mobile .afp-submit-row__actions > .button,
.afp-builder-shell.afp-shell--mobile .afp-submit-row__actions > .afp-add-to-cart.single_add_to_cart_button.button.alt,
.afp-builder-shell.afp-shell--mobile .afp-submit-row__actions > .afp-checkout-button.button {
  width: 100% !important;
}

.afp-builder-shell.afp-shell--tiny .afp-tier-table thead tr:first-child th,
.afp-builder-shell.afp-shell--tiny .afp-tier-table thead tr:nth-child(2) th,
.afp-builder-shell.afp-shell--tiny .afp-tier-table tbody td,
.afp-builder-shell.afp-shell--tiny .afp-result-table td,
.afp-builder-shell.afp-shell--tiny .afp-result-table th {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.afp-builder-shell.afp-shell--tiny .afp-tier-table thead tr:first-child th {
  font-size: 15px !important;
}

.afp-builder-shell.afp-shell--tiny .afp-tier-table tbody td:first-child,
.afp-builder-shell.afp-shell--tiny .afp-tier-table tbody td:last-child,
.afp-builder-shell.afp-shell--tiny .afp-result-table tr > td:last-child,
.afp-builder-shell.afp-shell--tiny .afp-result-table tr > th:last-child {
  font-size: 14px !important;
}

.afp-builder-shell.afp-shell--tiny .afp-result-table tbody tr {
  grid-template-columns: minmax(106px, .98fr) minmax(0, 1.02fr) !important;
}

.afp-builder-shell.afp-shell--tiny .afp-result-table tr > td:first-child,
.afp-builder-shell.afp-shell--tiny .afp-result-table tr > th:first-child {
  font-size: 9.5px !important;
  letter-spacing: .11em !important;
}