/* ---------------------------------------------------------------
   Tariff / pricing tables
   Same shape language as the card grids: 18px radius, 1px border,
   layered shadow. No hover lift - these are data tables, not links.
   --------------------------------------------------------------- */

.tariff-card {
  background: #fff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 18px;
  overflow: hidden;              /* clips the table to the rounded corners */
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .04),
    0 10px 28px -14px rgba(15, 23, 42, .18);
}

/* the theme's own card chrome would fight the above */
.tariff-card.card { border-radius: 18px; }

.tariff-card > .card-header {
  background: #fff;
  border-bottom: 1px solid rgba(15, 23, 42, .07);
  padding: 1.05rem 1.25rem;
  border-radius: 0;
}

.tariff-card > .card-header h4,
.tariff-card > .card-header h3 {
  letter-spacing: .02em;
  color: #1f2937;
}

/* table sits flush inside the rounded panel */
.tariff-card .table { margin-bottom: 0; }

.tariff-card .table > :not(caption) > * > * {
  padding: .8rem 1.25rem;
  border-bottom-color: rgba(15, 23, 42, .06);
}

.tariff-card .table thead th {
  background: #f8fafc;
  font-weight: 600;
  color: #475569;
  border-bottom-color: rgba(15, 23, 42, .08);
}

/* no stray divider under the final row - the panel edge ends it */
.tariff-card .table > tbody > tr:last-child > * { border-bottom: 0; }

.tariff-card .table > tbody > tr:hover > * { background: rgba(247, 14, 136, .03); }

@media (max-width: 575.98px) {
  .tariff-card { border-radius: 16px; }
  .tariff-card .table > :not(caption) > * > * { padding: .7rem .9rem; }
}