/* 1.9.68 — premium device harmony pass */

.afp-builder-shell:not(.afp-shell--mobile) .afp-tier-table,
.afp-builder-shell:not(.afp-shell--mobile) .afp-result-table {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.afp-builder-shell:not(.afp-shell--mobile) .afp-tier-table thead {
  display: table-header-group !important;
}

.afp-builder-shell:not(.afp-shell--mobile) .afp-tier-table tbody,
.afp-builder-shell:not(.afp-shell--mobile) .afp-result-table tbody {
  display: table-row-group !important;
}

.afp-builder-shell:not(.afp-shell--mobile) .afp-tier-table tr,
.afp-builder-shell:not(.afp-shell--mobile) .afp-result-table tr {
  display: table-row !important;
  border: 0 !important;
  padding: 0 !important;
}

.afp-builder-shell:not(.afp-shell--mobile) .afp-tier-table th,
.afp-builder-shell:not(.afp-shell--mobile) .afp-tier-table td,
.afp-builder-shell:not(.afp-shell--mobile) .afp-result-table th,
.afp-builder-shell:not(.afp-shell--mobile) .afp-result-table td {
  display: table-cell !important;
  vertical-align: middle !important;
}

.afp-builder-shell:not(.afp-shell--mobile) .afp-tier-table colgroup {
  display: table-column-group !important;
}

.afp-builder-shell:not(.afp-shell--mobile) .afp-tier-table col {
  display: table-column !important;
}

.afp-builder-shell:not(.afp-shell--mobile) .afp-result-meta-row td:first-child,
.afp-builder-shell:not(.afp-shell--mobile) .afp-result-table tbody tr[data-afp-row="base"] td:first-child,
.afp-builder-shell:not(.afp-shell--mobile) .afp-result-table tbody tr[data-afp-fee-row] td:first-child {
  text-wrap: balance !important;
}

@container afp-shell (max-width: 620px) {
  .afp-widget .afp-submit-row {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .afp-widget .afp-submit-row__actions {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

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

  .afp-widget .afp-submit-row__total strong {
    font-size: clamp(36px, 9vw, 44px) !important;
  }

  .afp-widget .afp-discount-note {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px 16px !important;
  }
}

@container afp-shell (min-width: 431px) and (max-width: 760px) {
  .afp-widget .afp-range-panel {
    padding: 0 14px 14px !important;
  }

  .afp-widget .afp-tier-table thead tr:first-child th {
    padding: 16px 18px !important;
    font-size: 12px !important;
  }

  .afp-widget .afp-tier-table thead tr:nth-child(2) th,
  .afp-widget .afp-tier-table tbody td,
  .afp-widget .afp-result-table td,
  .afp-widget .afp-result-table th {
    padding: 14px 16px !important;
  }

  .afp-widget .afp-tier-table tbody td:first-child {
    font-size: 14px !important;
  }

  .afp-widget .afp-tier-table tbody td:last-child,
  .afp-widget .afp-result-table tbody tr[data-afp-row="base"] td:last-child {
    font-size: 16px !important;
  }

  .afp-widget .afp-result-meta-row td:first-child {
    width: 44% !important;
  }

  .afp-widget .afp-result-meta-row strong {
    font-size: 16px !important;
  }
}

@media (min-width: 431px) and (max-width: 860px) {
  .afp-widget .afp-tier-table,
  .afp-widget .afp-result-table {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  .afp-widget .afp-tier-table thead {
    display: table-header-group !important;
  }

  .afp-widget .afp-tier-table tbody,
  .afp-widget .afp-result-table tbody {
    display: table-row-group !important;
  }

  .afp-widget .afp-tier-table tr,
  .afp-widget .afp-result-table tr {
    display: table-row !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .afp-widget .afp-tier-table th,
  .afp-widget .afp-tier-table td,
  .afp-widget .afp-result-table th,
  .afp-widget .afp-result-table td {
    display: table-cell !important;
    padding: 14px 16px !important;
    vertical-align: middle !important;
  }
}