/* Pricing page. Prefixed pr- per the agency page standard so nothing here
   can reach the homepage or the service pages. */

.pr-table-wrap{
  margin:0 0 2.4em;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--surface);
}

.pr-table{
  width:100%;
  min-width:520px;
  border-collapse:collapse;
  font-size:.97rem;
}

.pr-table caption{
  caption-side:top;
  text-align:left;
  padding:16px 20px 12px;
  font-size:.74rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink-soft);
  border-bottom:1px solid var(--line);
}

.pr-table thead th{
  text-align:left;
  padding:13px 20px;
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:600;
  color:var(--ink-soft);
  background:var(--bg-2);
  border-bottom:1px solid var(--line);
  white-space:nowrap;
}
.pr-table thead th:not(:first-child){text-align:right}

.pr-table tbody th{
  text-align:left;
  padding:15px 20px;
  font-weight:500;
  color:var(--forest-deep);
}

.pr-table tbody td{
  padding:15px 20px;
  text-align:right;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

.pr-table tbody tr + tr th,
.pr-table tbody tr + tr td{border-top:1px solid var(--line)}

.pr-table tbody tr:hover th,
.pr-table tbody tr:hover td{background:var(--bg)}

.pr-save{color:var(--ink-soft);font-size:.88rem}
.pr-launch{font-weight:600;color:var(--forest-deep)}

/* Appointment-length list */
.pr-appt{list-style:none;margin:0 0 1.6em;padding:0;max-width:34em}
.pr-appt li{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:12px 0;
  border-bottom:1px solid var(--line);
}
.pr-appt li:last-child{border-bottom:0}
.pr-appt span{color:var(--ink-soft)}
.pr-appt strong{font-weight:500;white-space:nowrap}

@media (max-width:560px){
  /* Fit the phone screen instead of making visitors swipe sideways for the package column */
  .pr-table{font-size:.86rem;min-width:0}
  .pr-table caption{padding:13px 12px 10px}
  .pr-table thead th{white-space:normal;letter-spacing:.06em;line-height:1.3}
  .pr-table thead th,
  .pr-table tbody th,
  .pr-table tbody td{padding:11px 8px}
  .pr-table thead th:first-child,
  .pr-table tbody th{padding-left:12px}
  .pr-table thead th:last-child,
  .pr-table tbody td:last-child{padding-right:12px}
}