/**
 * NECOX — Paketler / Fiyatlandirma Sayfasi (page-pricing.css)
 *
 * v3.68.8 — Tasarim HTML'iyle (page-pricing.html) birebir CSS uyumu saglandi.
 * Tum ayarlar K2 panelinden ezilebilir; defaultlar tasarim degerleri ile esit.
 *
 * Tasarim dili: Fraunces serif basliklar + Inter govde + lacivert/sari + buyuk radius (20px).
 */

/* ═══════════════════════════════════════════════════════════
   TEMEL DEGISKENLER (defaultlar — admin paneli ezer)
   ═══════════════════════════════════════════════════════════ */
.necox-pp {
    /* Boyutlar */
    --pp-max-w: var(--necox-pp-max-width, 1200px);
    --pp-radius: var(--necox-pp-radius, 20px);
    --pp-card-pad-v: var(--necox-pp-card-pad-v, 32px);
    --pp-card-pad-h: var(--necox-pp-card-pad-h, 28px);
    --pp-card-gap: var(--necox-pp-card-gap, 24px);

    /* Sayfa zemini */
    --pp-page-bg: var(--necox-pp-page-bg, #fafafa);
    --pp-page-gradient: var(--necox-pp-page-gradient, none);

    /* Hero baslik */
    --pp-hero-title-font: var(--necox-pp-hero-title-font, var(--necox-title-font, 'Fraunces', serif));
    --pp-hero-title-size: var(--necox-pp-hero-title-size, 48px);
    --pp-hero-title-weight: var(--necox-pp-hero-title-weight, 600);
    --pp-hero-title-color: var(--necox-pp-hero-title-color, #2A3254);
    --pp-hero-title-em-color: var(--necox-pp-hero-title-em-color, #FFCC04);
    --pp-hero-title-em-bg: var(--necox-pp-hero-title-em-bg, #2A3254);

    /* Hero alt baslik */
    --pp-hero-sub-size: var(--necox-pp-hero-sub-size, 17px);
    --pp-hero-sub-color: var(--necox-pp-hero-sub-color, #6A6A6A);

    /* Period toggle */
    --pp-period-bg: var(--necox-pp-period-bg, #ffffff);
    --pp-period-border: var(--necox-pp-period-border, #EAEAEA);
    --pp-period-active-bg: var(--necox-pp-period-active-bg, #2A3254);
    --pp-period-active-color: var(--necox-pp-period-active-color, #ffffff);
    --pp-period-inactive-color: var(--necox-pp-period-inactive-color, #6A6A6A);
    --pp-period-save-bg: var(--necox-pp-period-save-bg, #FFCC04);
    --pp-period-save-color: var(--necox-pp-period-save-color, #2A3254);

    /* Aktif paket banner */
    --pp-banner-icon-bg: var(--necox-pp-banner-icon-bg, #FFCC04);
    --pp-banner-icon-color: var(--necox-pp-banner-icon-color, #2A3254);
    --pp-banner-bg: var(--necox-pp-banner-bg, linear-gradient(145deg, rgba(255,204,4,0.08), rgba(255,204,4,0.04)));
    --pp-banner-border: var(--necox-pp-banner-border, rgba(255,204,4,0.4));
    --pp-banner-title-color: var(--necox-pp-banner-title-color, #2A3254);
    --pp-banner-text-color: var(--necox-pp-banner-text-color, #6A6A6A);
    --pp-banner-action-color: var(--necox-pp-banner-action-color, #2A3254);

    /* Kart (normal) */
    --pp-card-bg: var(--necox-pp-card-bg, #ffffff);
    --pp-card-shadow: var(--necox-pp-card-shadow, 0 8px 24px rgba(42, 50, 84, 0.08));
    --pp-card-shadow-hover: var(--necox-pp-card-shadow-hover, 0 20px 60px rgba(42, 50, 84, 0.15));

    /* Populer kart */
    --pp-popular-bg: var(--necox-pp-popular-bg, linear-gradient(160deg, #2A3254 0%, #3A4470 100%));
    --pp-popular-text-color: var(--necox-pp-popular-text-color, #ffffff);
    --pp-popular-shadow: var(--necox-pp-popular-shadow, 0 24px 60px rgba(42, 50, 84, 0.25));
    --pp-popular-stripe: var(--necox-pp-popular-stripe, #FFCC04);
    --pp-popular-badge-bg: var(--necox-pp-popular-badge-bg, #FFCC04);
    --pp-popular-badge-color: var(--necox-pp-popular-badge-color, #2A3254);
    --pp-popular-badge-shadow: var(--necox-pp-popular-badge-shadow, 0 6px 16px rgba(255,204,4,0.4));

    /* Paket ismi/aciklama */
    --pp-name-font: var(--necox-pp-name-font, var(--necox-title-font, 'Fraunces', serif));
    --pp-name-size: var(--necox-pp-name-size, 24px);
    --pp-name-weight: var(--necox-pp-name-weight, 600);
    --pp-name-color: var(--necox-pp-name-color, #2A3254);
    --pp-desc-color: var(--necox-pp-desc-color, #6A6A6A);
    --pp-desc-size: var(--necox-pp-desc-size, 13px);

    /* Fiyat */
    --pp-price-font: var(--necox-pp-price-font, var(--necox-title-font, 'Fraunces', serif));
    --pp-price-size: var(--necox-pp-price-size, 56px);
    --pp-price-weight: var(--necox-pp-price-weight, 700);
    --pp-price-color: var(--necox-pp-price-color, #2A3254);
    --pp-price-popular-color: var(--necox-pp-price-popular-color, #FFCC04);
    --pp-price-currency-color: var(--necox-pp-price-currency-color, #6A6A6A);
    --pp-price-period-color: var(--necox-pp-price-period-color, #6A6A6A);
    --pp-price-old-color: var(--necox-pp-price-old-color, #6A6A6A);
    --pp-price-free-color: var(--necox-pp-price-free-color, #25D366);

    /* Ozellikler */
    --pp-feat-size: var(--necox-pp-feat-size, 14px);
    --pp-feat-color: var(--necox-pp-feat-color, #2A3254);
    --pp-feat-strong-color: var(--necox-pp-feat-strong-color, #2A3254);
    --pp-feat-divider: var(--necox-pp-feat-divider, rgba(0,0,0,0.06));

    /* CTA */
    --pp-cta-bg: var(--necox-pp-cta-bg, #ffffff);
    --pp-cta-color: var(--necox-pp-cta-color, #2A3254);
    --pp-cta-border: var(--necox-pp-cta-border, #2A3254);
    --pp-cta-hover-bg: var(--necox-pp-cta-hover-bg, #2A3254);
    --pp-cta-hover-color: var(--necox-pp-cta-hover-color, #ffffff);
    --pp-cta-pop-bg: var(--necox-pp-cta-pop-bg, #FFCC04);
    --pp-cta-pop-color: var(--necox-pp-cta-pop-color, #2A3254);
    --pp-cta-pop-hover-bg: var(--necox-pp-cta-pop-hover-bg, #ffd633);
    --pp-cta-radius: var(--necox-pp-cta-radius, 12px);
    --pp-cta-pad-v: var(--necox-pp-cta-pad-v, 14px);
    --pp-cta-size: var(--necox-pp-cta-size, 15px);

    /* Karsilastirma tablosu */
    --pp-compare-bg: var(--necox-pp-compare-bg, #ffffff);
    --pp-compare-radius: var(--necox-pp-compare-radius, 16px);
    --pp-compare-thead-bg: var(--necox-pp-compare-thead-bg, linear-gradient(145deg, #2A3254 0%, #3A4470 100%));
    --pp-compare-thead-color: var(--necox-pp-compare-thead-color, #ffffff);
    --pp-compare-section-bg: var(--necox-pp-compare-section-bg, #f8f9fb);
    --pp-compare-section-color: var(--necox-pp-compare-section-color, #2A3254);
    --pp-compare-row-border: var(--necox-pp-compare-row-border, #EAEAEA);
    --pp-compare-row-color: var(--necox-pp-compare-row-color, #6A6A6A);
    --pp-compare-check-color: var(--necox-pp-compare-check-color, #16a34a);
    --pp-compare-cross-color: var(--necox-pp-compare-cross-color, #cbd5e1);

    /* SSS */
    --pp-faq-card-bg: var(--necox-pp-faq-card-bg, #ffffff);
    --pp-faq-card-radius: var(--necox-pp-faq-card-radius, 12px);
    --pp-faq-question-color: var(--necox-pp-faq-question-color, #2A3254);
    --pp-faq-answer-color: var(--necox-pp-faq-answer-color, #6A6A6A);
    --pp-faq-icon-color: var(--necox-pp-faq-icon-color, #2A3254);

    /* Footer notu */
    --pp-footer-color: var(--necox-pp-footer-color, #6A6A6A);
    --pp-footer-border: var(--necox-pp-footer-border, #EAEAEA);
}

/* ═══════════════════════════════════════════════════════════
   SAYFA ZEMINI
   ═══════════════════════════════════════════════════════════ */
.necox-pp {
    background: var(--pp-page-bg);
    background-image: var(--pp-page-gradient);
    color: #2A3254;
    line-height: 1.5;
    min-height: 60vh;
    padding-bottom: 60px;
}

/* ═══════════════════════════════════════════════════════════
   HERO
   ═══════════════════════════════════════════════════════════ */
.necox-pp__hero {
    text-align: center;
    padding: 64px 24px 48px;
    max-width: 800px;
    margin: 0 auto;
}
.necox-pp__hero-title {
    font-family: var(--pp-hero-title-font);
    font-size: var(--pp-hero-title-size);
    font-weight: var(--pp-hero-title-weight);
    line-height: 1.1;
    margin: 0 0 16px;
    letter-spacing: -1px;
    color: var(--pp-hero-title-color);
}
.necox-pp__hero-title em {
    font-style: italic;
    color: var(--pp-hero-title-em-color);
    background: var(--pp-hero-title-em-bg);
    padding: 0 12px;
    border-radius: 8px;
}
.necox-pp__hero-sub {
    font-size: var(--pp-hero-sub-size);
    color: var(--pp-hero-sub-color);
    line-height: 1.6;
    margin: 0;
}

/* ═══════════════════════════════════════════════════════════
   PERIOD TOGGLE
   ═══════════════════════════════════════════════════════════ */
.necox-pp__period {
    display: inline-flex;
    background: var(--pp-period-bg);
    border: 1px solid var(--pp-period-border);
    border-radius: 999px;
    padding: 4px;
    margin: 24px auto 0;
    box-shadow: 0 8px 24px rgba(42, 50, 84, 0.08);
}
.necox-pp__period-btn {
    border: none;
    background: transparent;
    padding: 10px 24px;
    border-radius: 999px;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    color: var(--pp-period-inactive-color);
    transition: all 0.2s;
}
.necox-pp__period-btn.is-active {
    background: var(--pp-period-active-bg);
    color: var(--pp-period-active-color);
}
.necox-pp__period-save {
    background: var(--pp-period-save-bg);
    color: var(--pp-period-save-color);
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    margin-left: 8px;
}

/* ═══════════════════════════════════════════════════════════
   AKTIF PAKET BANNER
   ═══════════════════════════════════════════════════════════ */
.necox-pp__active-banner {
    max-width: var(--pp-max-w);
    margin: 32px auto 0;
    padding: 18px 24px;
    background: var(--pp-banner-bg);
    border: 1px solid var(--pp-banner-border);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.necox-pp__active-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--pp-banner-icon-bg);
    color: var(--pp-banner-icon-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.necox-pp__active-text {
    flex: 1;
}
.necox-pp__active-text strong {
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
    color: var(--pp-banner-title-color);
}
.necox-pp__active-text span {
    font-size: 13px;
    color: var(--pp-banner-text-color);
}
.necox-pp__active-action {
    color: var(--pp-banner-action-color);
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
    flex-shrink: 0;
}
.necox-pp__active-action:hover {
    text-decoration: underline;
}

/* ═══════════════════════════════════════════════════════════
   PAKET KARTLARI (3 KOLON GRID)
   ═══════════════════════════════════════════════════════════ */
.necox-pp__empty {
    max-width: var(--pp-max-w);
    margin: 48px auto;
    padding: 48px 24px;
    text-align: center;
    color: var(--pp-desc-color);
}
.necox-pp__cards {
    max-width: var(--pp-max-w);
    margin: 48px auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--pp-card-gap);
    align-items: stretch;
}

/* PAKET KARTI - normal */
.necox-pp__card {
    background: var(--pp-card-bg);
    border-radius: var(--pp-radius);
    padding: var(--pp-card-pad-v) var(--pp-card-pad-h);
    box-shadow: var(--pp-card-shadow);
    position: relative;
    display: flex;
    flex-direction: column;
    transition: all 0.25s;
}
.necox-pp__card:hover {
    transform: translateY(-6px);
    box-shadow: var(--pp-card-shadow-hover);
}

/* PAKET KARTI - populer (gradient + scale) */
.necox-pp__card.is-popular {
    background: var(--pp-popular-bg);
    color: var(--pp-popular-text-color);
    box-shadow: var(--pp-popular-shadow);
    transform: scale(1.04);
}
.necox-pp__card.is-popular::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--pp-popular-stripe), #ffd633, var(--pp-popular-stripe));
    border-radius: var(--pp-radius) var(--pp-radius) 0 0;
}

/* POPULER BADGE */
.necox-pp__pop-badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--pp-popular-badge-bg);
    color: var(--pp-popular-badge-color);
    padding: 6px 18px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--pp-popular-badge-shadow);
    white-space: nowrap;
}

/* PAKET ISIM & ACIKLAMA */
.necox-pp__name {
    font-family: var(--pp-name-font);
    font-size: var(--pp-name-size);
    font-weight: var(--pp-name-weight);
    color: var(--pp-name-color);
    margin: 0 0 6px;
}
.necox-pp__card.is-popular .necox-pp__name {
    color: var(--pp-popular-text-color);
}
.necox-pp__desc {
    font-size: var(--pp-desc-size);
    color: var(--pp-desc-color);
    margin: 0 0 24px;
    min-height: 40px;
}
.necox-pp__card.is-popular .necox-pp__desc {
    color: rgba(255, 255, 255, 0.7);
}

/* FIYAT */
.necox-pp__price {
    margin-bottom: 24px;
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}
.necox-pp__price-old {
    font-size: 18px;
    text-decoration: line-through;
    color: var(--pp-price-old-color);
}
.necox-pp__card.is-popular .necox-pp__price-old {
    color: rgba(255, 255, 255, 0.5);
}
.necox-pp__price-amount {
    font-family: var(--pp-price-font);
    font-size: var(--pp-price-size);
    font-weight: var(--pp-price-weight);
    line-height: 1;
    color: var(--pp-price-color);
}
.necox-pp__card.is-popular .necox-pp__price-amount {
    color: var(--pp-price-popular-color);
}
.necox-pp__price-currency {
    font-size: 18px;
    font-weight: 600;
    color: var(--pp-price-currency-color);
}
.necox-pp__card.is-popular .necox-pp__price-currency {
    color: rgba(255, 255, 255, 0.7);
}
.necox-pp__price-period {
    width: 100%;
    font-size: 13px;
    color: var(--pp-price-period-color);
    margin-top: 4px;
}
.necox-pp__card.is-popular .necox-pp__price-period {
    color: rgba(255, 255, 255, 0.7);
}
.necox-pp__free {
    font-family: var(--pp-price-font);
    font-size: 36px;
    font-weight: 700;
    color: var(--pp-price-free-color);
}

/* OZELLIKLER LISTESI */
.necox-pp__features {
    list-style: none;
    flex: 1;
    margin: 0 0 24px;
    padding: 0;
}
.necox-pp__features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 0;
    font-size: var(--pp-feat-size);
    color: var(--pp-feat-color);
    border-bottom: 1px dashed var(--pp-feat-divider);
}
.necox-pp__card.is-popular .necox-pp__features li {
    color: rgba(255, 255, 255, 0.85);
    border-bottom-color: rgba(255, 255, 255, 0.1);
}
.necox-pp__features li::before {
    content: '';
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(34, 197, 94, 0.15);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='3' stroke-linecap='round'><polyline points='20 6 9 17 4 12'/></svg>");
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 2px;
}
.necox-pp__card.is-popular .necox-pp__features li::before {
    background-color: rgba(255, 204, 4, 0.2);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23FFCC04' stroke-width='3' stroke-linecap='round'><polyline points='20 6 9 17 4 12'/></svg>");
}
.necox-pp__features li strong {
    color: var(--pp-feat-strong-color);
}
.necox-pp__card.is-popular .necox-pp__features li strong {
    color: var(--pp-popular-stripe);
}

/* CTA BUTONU */
.necox-pp__cta {
    width: 100%;
    padding: var(--pp-cta-pad-v) 20px;
    border-radius: var(--pp-cta-radius);
    border: 2px solid var(--pp-cta-border);
    background: var(--pp-cta-bg);
    color: var(--pp-cta-color);
    font-family: inherit;
    font-size: var(--pp-cta-size);
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    text-align: center;
    display: block;
    box-sizing: border-box;
}
.necox-pp__cta:hover {
    background: var(--pp-cta-hover-bg);
    color: var(--pp-cta-hover-color);
}
.necox-pp__card.is-popular .necox-pp__cta {
    background: var(--pp-cta-pop-bg);
    border-color: var(--pp-cta-pop-bg);
    color: var(--pp-cta-pop-color);
}
.necox-pp__card.is-popular .necox-pp__cta:hover {
    background: var(--pp-cta-pop-hover-bg);
    border-color: var(--pp-cta-pop-hover-bg);
}
.necox-pp__cta.is-active {
    opacity: 0.7;
    cursor: not-allowed;
}

/* ═══════════════════════════════════════════════════════════
   KARSILASTIRMA TABLOSU
   ═══════════════════════════════════════════════════════════ */
.necox-pp__compare {
    max-width: var(--pp-max-w);
    margin: 80px auto;
    padding: 0 24px;
}
.necox-pp__compare-head {
    text-align: center;
    margin-bottom: 32px;
}
.necox-pp__compare-head h2 {
    font-family: var(--necox-title-font, 'Fraunces', serif);
    font-size: 36px;
    font-weight: 600;
    margin: 0 0 8px;
    color: var(--pp-name-color);
}
.necox-pp__compare-head p {
    color: var(--pp-desc-color);
    font-size: 15px;
    margin: 0;
}
.necox-pp__compare-table {
    width: 100%;
    background: var(--pp-compare-bg);
    border-radius: var(--pp-compare-radius);
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(42, 50, 84, 0.08);
    border-collapse: collapse;
}
.necox-pp__compare-table thead {
    background: var(--pp-compare-thead-bg);
}
.necox-pp__compare-table thead th {
    color: var(--pp-compare-thead-color);
    padding: 24px 16px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}
.necox-pp__compare-table thead th:first-child {
    text-align: left;
    padding-left: 24px;
    width: 40%;
}
.necox-pp__compare-table thead th .cmp-name {
    font-family: var(--necox-title-font, 'Fraunces', serif);
    font-size: 18px;
    display: block;
    margin-bottom: 4px;
}
.necox-pp__compare-table thead th .cmp-price {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.75);
    font-weight: 400;
}
.necox-pp__compare-table tbody tr {
    border-top: 1px solid var(--pp-compare-row-border);
}
.necox-pp__compare-table tbody tr:hover {
    background: rgba(42, 50, 84, 0.02);
}
.necox-pp__compare-table tbody td {
    padding: 14px 16px;
    text-align: center;
    font-size: 14px;
}
.necox-pp__compare-table tbody td:first-child {
    text-align: left;
    padding-left: 24px;
    color: var(--pp-compare-row-color);
    font-weight: 500;
}
.necox-pp__compare-table .cmp-cross {
    color: var(--pp-compare-cross-color);
    font-size: 18px;
}
.necox-pp__compare-table tr.cmp-section {
    background: var(--pp-compare-section-bg);
    font-weight: 600;
    color: var(--pp-compare-section-color);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
}
.necox-pp__compare-table tr.cmp-section td {
    padding: 12px 16px !important;
    text-align: left !important;
}

/* ═══════════════════════════════════════════════════════════
   SSS (FAQ ACCORDION)
   ═══════════════════════════════════════════════════════════ */
.necox-pp__faq {
    max-width: 800px;
    margin: 80px auto;
    padding: 0 24px;
}
.necox-pp__faq h2 {
    font-family: var(--necox-title-font, 'Fraunces', serif);
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    margin: 0 0 32px;
    color: var(--pp-name-color);
}
.necox-pp__faq-item {
    background: var(--pp-faq-card-bg);
    border-radius: var(--pp-faq-card-radius);
    margin-bottom: 12px;
    box-shadow: 0 2px 8px rgba(42, 50, 84, 0.04);
    overflow: hidden;
}
.necox-pp__faq-q {
    width: 100%;
    background: none;
    border: none;
    padding: 18px 24px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: inherit;
    font-weight: 600;
    font-size: 15px;
    color: var(--pp-faq-question-color);
    text-align: left;
}
.necox-pp__faq-q::after {
    content: '+';
    font-size: 22px;
    color: var(--pp-faq-icon-color);
    transition: transform 0.2s;
}
.necox-pp__faq-item.is-open .necox-pp__faq-q::after {
    transform: rotate(45deg);
}
.necox-pp__faq-a {
    padding: 0 24px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    color: var(--pp-faq-answer-color);
    font-size: 14px;
    line-height: 1.7;
}
.necox-pp__faq-item.is-open .necox-pp__faq-a {
    padding: 0 24px 18px;
    max-height: 400px;
}

/* ═══════════════════════════════════════════════════════════
   FOOTER NOTU
   ═══════════════════════════════════════════════════════════ */
.necox-pp__footer-note {
    text-align: center;
    padding: 32px 24px;
    color: var(--pp-footer-color);
    font-size: 13px;
    border-top: 1px solid var(--pp-footer-border);
    margin-top: 60px;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
    .necox-pp__cards {
        grid-template-columns: 1fr;
    }
    .necox-pp__card.is-popular {
        transform: none;
    }
    .necox-pp__hero-title {
        font-size: 36px;
    }
    .necox-pp__active-banner {
        flex-wrap: wrap;
    }
    .necox-pp__compare-table {
        font-size: 13px;
    }
    .necox-pp__compare-table thead th {
        padding: 16px 8px;
    }
    .necox-pp__compare-table tbody td {
        padding: 12px 8px;
    }
}

@media (max-width: 600px) {
    .necox-pp__hero {
        padding: 40px 20px 32px;
    }
    .necox-pp__hero-title {
        font-size: 28px;
    }
    .necox-pp__hero-sub {
        font-size: 15px;
    }
    .necox-pp__active-banner {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
    .necox-pp__compare-head h2 {
        font-size: 28px;
    }
    .necox-pp__faq h2 {
        font-size: 26px;
    }
}