
    .pricing-wrapper {
      max-width: 1100px;
      margin: 0 auto;
      display: grid;
      gap: 1.5rem;
      grid-template-columns: 1fr;
    }

    @media (min-width: 600px) {
      .pricing-wrapper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (min-width: 1025px) {
      .pricing-wrapper {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }

    .pricing-card {
      background: white;
      border: 1px solid #ccc;
      border-radius: 12px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }

    .pricing-card.featured {
      background: #f1f5fa;
      border: 2px solid #0056b3;
    }

    .card-image {
      width: 100%;
      height: 180px;
      object-fit: cover;
      display: block;
    }

    .card-content {
      padding: 1.25rem;
    }

    .package-price {
      font-size: 1.35rem;
      color: #0056b3;
      font-weight: 700;
      margin-bottom: 0.35rem;
    }

    .package-title {
      font-weight: 800;
      font-size: 1.15rem;
      color: #1f2a37;
      margin: 0;
    }

    .package-subtitle {
      font-size: 0.85rem;
      color: #667085;
      margin: 0.35rem 0 1rem;
    }

    .package-divider {
      font-weight: 700;
      color: #0056b3;
      margin: 1rem 0 0.75rem;
      font-size: 1rem;
    }

    .package-addon-title {
      font-weight: 700;
      font-size: 1rem;
      color: #1f2a37;
      margin: 0 0 0.25rem;
    }

    .package-addon-subtitle {
      font-size: 0.9rem;
      color: #667085;
      margin: 0 0 0.85rem;
      font-style: italic;
    }

    .pricing-card ul {
      padding-left: 1.2rem;
      margin: 0;
    }

    .pricing-card li {
      margin-bottom: 0.4rem;
    }
  