:root {
      --page-bg: #f5f6f8;
      --card-bg: #ffffff;
      --accent: #2a7d8c;
      --accent-dark: #1e5160;
      --text: #2f323a;
      --muted: #6c7a89;
      --border: rgba(23, 36, 50, 0.12);
      --shadow: 0 18px 42px -24px rgba(17, 24, 39, 0.6);
    }


    .body-class {
      box-sizing: border-box;
      margin: 0;
      font-family: "Segoe UI", "Roboto", sans-serif;
      background: var(--page-bg);
      color: var(--text);
      line-height: 1.6;
      padding: 2.75rem 1.5rem;
      display: flex;
      justify-content: center;
    }

    .page {
      width: min(1080px, 100%);
    }

    .page__header {
      margin-bottom: 1.75rem;
    }

    .page__title {
      margin: 0 0 0.35rem;
      font-size: clamp(2.25rem, 3vw, 3rem);
      font-weight: 700;
      color: var(--accent);
      letter-spacing: 0.02em;
    }

    .page__subtitle {
      margin: 0;
      color: var(--muted);
      font-size: 1.05rem;
      max-width: 60ch;
    }

    .page__note {
      margin: 1.5rem 0 2rem;
      background: var(--card-bg);
      border-left: 4px solid var(--accent);
      padding: 1rem 1.25rem;
      border-radius: 0.75rem;
      box-shadow: var(--shadow);
      font-size: 1rem;
    }

    .table-wrapper {
      background: var(--card-bg);
      border-radius: 1.1rem;
      padding: 1.75rem;
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .pricing-table {
      width: 100%;
      border-collapse: collapse;
      color: inherit;
    }

    .pricing-table caption {
      caption-side: top;
      text-align: left;
      font-size: 1.35rem;
      font-weight: 600;
      letter-spacing: 0.015em;
      margin-bottom: 1.5rem;
      color: var(--text);
    }

    .pricing-table thead {
      background: linear-gradient(135deg, rgba(42, 125, 140, 0.95), rgba(30, 81, 96, 0.95));
      color: #ffffff;
    }

    .pricing-table th,
    .pricing-table td {
      padding: 0.9rem 1.15rem;
      text-align: left;
      border-bottom: 1px solid var(--border);
      vertical-align: top;
      font-size: 0.97rem;
    }

    .pricing-table th {
      font-weight: 600;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .pricing-table tbody tr:nth-child(even) {
      background-color: rgba(42, 125, 140, 0.07);
    }

    .pricing-table tbody tr:last-child td {
      border-bottom: none;
    }

    .pricing-table td:first-child {
      word-break: break-word;
      hyphens: auto;
    }

    .pricing-table td:first-child strong {
      color: var(--accent);
      font-size: 1.02rem;
      letter-spacing: 0.01em;
    }

    .pricing-table td:nth-child(2) {
      white-space: nowrap;
      font-variant-numeric: tabular-nums;
    }

    .pricing-table td:nth-child(3),
    .pricing-table td:nth-child(4) {
      font-weight: 600;
      color: var(--accent-dark);
      white-space: nowrap;
      font-variant-numeric: tabular-nums;
    }

    @media (max-width: 900px) {
      .body-class {
        padding: 2rem 1.25rem;
      }

      .table-wrapper {
        padding: 1.5rem;
      }

      .pricing-table th,
      .pricing-table td {
        padding: 0.8rem 0.95rem;
      }
    }

    @media (max-width: 720px) {
      .body-class {
        padding: 1.6rem 1rem;
      }

      .page__subtitle {
        font-size: 0.98rem;
      }

      .page__note {
        font-size: 0.94rem;
        margin: 1.25rem 0 1.5rem;
      }

      .table-wrapper {
        padding: 1.25rem 1.1rem;
        border-radius: 0.9rem;
      }

      .pricing-table thead {
        display: none;
      }

      .pricing-table tbody tr {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.65rem 1rem;
        padding: 1.1rem 0;
      }

      .pricing-table tbody tr:nth-child(even) {
        background-color: transparent;
      }

      .pricing-table tbody tr + tr {
        border-top: 1px solid var(--border);
      }

      .pricing-table tbody tr td {
        padding: 0;
        border: 0;
      }

      .pricing-table tbody tr td:first-child {
        grid-column: 1 / -1;
        margin-bottom: 0.35rem;
      }

      .pricing-table tbody tr td:not(:first-child) {
        display: flex;
        align-items: baseline;
        gap: 0.35rem;
      }

      .pricing-table tbody tr td:nth-child(2)::before {
        content: "минути:";
      }

      .pricing-table tbody tr td:nth-child(3)::before {
        content: "Цена лв.:";
      }

      .pricing-table tbody tr td:nth-child(4)::before {
        content: "Цена в EURO:";
      }
      .pricing-table.engl tbody tr td:nth-child(2)::before {
        content: "Minutes:";
      }

      .pricing-table.engl tbody tr td:nth-child(3)::before {
        content: "Price BGN:";
      }

      .pricing-table.engl tbody tr td:nth-child(4)::before {
        content: "Price EUR:";
      }

      .pricing-table tbody tr td::before {
        display: inline-flex;
        font-size: 0.72rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--muted);
        font-weight: 600;
      }

      .pricing-table tbody tr td.cell-empty {
        display: none;
      }

      .pricing-table td:nth-child(2),
      .pricing-table td:nth-child(3),
      .pricing-table td:nth-child(4) {
        white-space: normal;
        font-size: 0.98rem;
      }
    }

    @media (max-width: 480px) {
      .body-class {
        padding: 1.1rem 0.85rem;
      }

      .page__title {
        font-size: clamp(1.95rem, 7vw, 2.4rem);
      }

      .table-wrapper {
        padding: 1rem 0.9rem;
        border-radius: 0.75rem;
      }

      .pricing-table tbody tr {
        gap: 0.5rem 1rem;
        padding: 0.95rem 0;
      }

      .pricing-table tbody tr td::before {
        font-size: 0.68rem;
      }
    }