/* 1.9.70 — premium mobile table restore */

@container afp-shell (max-width: 520px) {
  .afp-builder-shell .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-range-toggle__title {
    width: 100% !important;
    min-width: 0 !important;
  }

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

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

  .afp-builder-shell .afp-tier-table,
  .afp-builder-shell .afp-result-table {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,249,245,.98) 100%) !important;
    box-shadow: 0 12px 26px rgba(41, 28, 21, .032) !important;
  }

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

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

  .afp-builder-shell .afp-tier-table col:first-child {
    width: 46% !important;
  }

  .afp-builder-shell .afp-tier-table col:last-child {
    width: 54% !important;
  }

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

  .afp-builder-shell .afp-tier-table tbody,
  .afp-builder-shell .afp-result-table tbody {
    display: table-row-group !important;
    padding: 0 !important;
  }

  .afp-builder-shell .afp-tier-table tr,
  .afp-builder-shell .afp-result-table tr {
    display: table-row !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .afp-builder-shell .afp-tier-table th,
  .afp-builder-shell .afp-tier-table td,
  .afp-builder-shell .afp-result-table th,
  .afp-builder-shell .afp-result-table td {
    display: table-cell !important;
    min-width: 0 !important;
    padding: 15px 14px !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid rgba(230, 216, 207, .74) !important;
    border-bottom: 1px solid rgba(230, 216, 207, .74) !important;
    vertical-align: middle !important;
    background-clip: padding-box !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }

  .afp-builder-shell .afp-tier-table th:last-child,
  .afp-builder-shell .afp-tier-table td:last-child,
  .afp-builder-shell .afp-result-table th:last-child,
  .afp-builder-shell .afp-result-table td:last-child {
    border-right: 0 !important;
  }

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

  .afp-builder-shell .afp-tier-table thead tr:first-child th {
    display: table-cell !important;
    width: auto !important;
    padding: 18px 18px 16px !important;
    border-right: 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,.94) 100%) !important;
    color: var(--afp-accent, #b56c52) !important;
    font-size: clamp(16px, 5vw, 18px) !important;
    line-height: 1.14 !important;
    letter-spacing: -.01em !important;
    font-weight: 900 !important;
    text-transform: none !important;
    text-align: left !important;
  }

  .afp-builder-shell .afp-tier-table thead tr:first-child th[colspan] {
    width: 100% !important;
  }

  .afp-builder-shell .afp-tier-table thead tr:nth-child(2) th {
    display: table-cell !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    background: rgba(255, 252, 249, .96) !important;
    color: color-mix(in srgb, var(--afp-muted, #8f7a70) 92%, white 8%) !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    letter-spacing: .17em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
  }

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

  .afp-builder-shell .afp-tier-table tbody td:last-child {
    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;
  }

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

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

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

  .afp-builder-shell .afp-result-meta-row td,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-row="base"] td,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-fee-row] td {
    background: transparent !important;
  }

  .afp-builder-shell .afp-result-meta-row td:first-child,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-row="base"] td:first-child,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-fee-row] td:first-child {
    width: 42% !important;
    color: color-mix(in srgb, var(--afp-muted, #8f7a70) 90%, white 10%) !important;
    font-size: 10px !important;
    line-height: 1.22 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  .afp-builder-shell .afp-result-meta-row td:last-child,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-row="base"] td:last-child,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-fee-row] td:last-child {
    width: 58% !important;
    text-align: right !important;
    white-space: nowrap !important;
    color: var(--afp-text, #2a201b) !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
  }

  .afp-builder-shell .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: clamp(15px, 4.6vw, 17px) !important;
    line-height: 1.2 !important;
  }

  .afp-builder-shell .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;
  }
}

@container afp-shell (max-width: 380px) {
  .afp-builder-shell .afp-tier-table thead tr:first-child th,
  .afp-builder-shell .afp-tier-table th,
  .afp-builder-shell .afp-tier-table td,
  .afp-builder-shell .afp-result-table th,
  .afp-builder-shell .afp-result-table td {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

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

  .afp-builder-shell .afp-tier-table tbody td:first-child,
  .afp-builder-shell .afp-tier-table tbody td:last-child,
  .afp-builder-shell .afp-result-meta-row td:last-child,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-row="base"] td:last-child,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-fee-row] td:last-child,
  .afp-builder-shell .afp-result-meta-row strong {
    font-size: 14px !important;
  }

  .afp-builder-shell .afp-result-meta-row td:first-child,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-row="base"] td:first-child,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-fee-row] td:first-child {
    width: 40% !important;
    font-size: 9.5px !important;
    letter-spacing: .12em !important;
  }

  .afp-builder-shell .afp-result-meta-row td:last-child,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-row="base"] td:last-child,
  .afp-builder-shell .afp-result-table tbody tr[data-afp-fee-row] td:last-child {
    width: 60% !important;
  }
}
