/* /prijzen (publiek): statische component-CSS, los gehouden zodat het gecachet + gzip wordt. */
    .pr-hero { position:relative; overflow:hidden; color:#fff; padding: clamp(2.8rem,5vw,4.2rem) 0;
        background: var(--sjk-grad-navy); }
    .pr-hero h1 { color:#fff; }
    .pr-hero p { color: rgba(255,255,255,.75); max-width:640px; }

    .pr-section { padding: clamp(2.4rem,5vw,3.6rem) 0; }

    /* Maand/jaar-toggle */
    .pr-toggle { display:inline-flex; background: var(--sjk-lavendel); border:1px solid var(--sjk-lijn);
        border-radius:999px; padding:.25rem; gap:.2rem; }
    .pr-toggle button { border:0; background:transparent; border-radius:999px; padding:.45rem 1.1rem;
        font-weight:700; color: var(--sjk-grijs); cursor:pointer; font-size:.92rem; }
    .pr-toggle button { transition: background .22s var(--sjk-ease-out), color .22s ease, transform .18s var(--sjk-ease-spring); }
    .pr-toggle button.on { background:#fff; color: var(--sjk-diep); box-shadow: var(--sjk-el-1); transform: translateY(-1px); }
    .pr-save { color: var(--sjk-koraal-diep); font-weight:700; font-size:.85rem; }

    /* Tier-kaarten */
    .pt-card { background:#fff; border:1px solid var(--sjk-lijn); border-radius: var(--sjk-radius-card);
        padding:1.6rem; height:100%; display:flex; flex-direction:column; box-shadow: var(--sjk-el-1);
        transition: transform .25s var(--sjk-ease-out), box-shadow .25s var(--sjk-ease-out); }
    .pt-card:hover { transform: translateY(-6px); box-shadow: var(--sjk-el-4); }
    .pt-card.pop { border-color: var(--sjk-koraal-diep); box-shadow: 0 14px 34px -10px rgba(242,86,79,.35); position:relative; }
    .pt-card.pop::after { content:""; position:absolute; inset:-1px; border-radius:inherit; z-index:-1;
        background: var(--sjk-grad-warm); filter: blur(18px); opacity:.28;
        animation: potGlow 3.4s var(--sjk-ease-inout) infinite; }
    @keyframes potGlow { 0%,100%{ opacity:.20; } 50%{ opacity:.40; } }
    @media (prefers-reduced-motion: reduce) { .pt-card.pop::after { animation:none; } }
    .pt-badge { position:absolute; top:-.8rem; left:50%; transform:translateX(-50%);
        background: var(--sjk-koraal-diep); color:#fff; font-weight:700; font-size:.75rem; padding:.25rem .8rem; border-radius:999px; }
    .pt-name { font-weight:800; color: var(--sjk-diep); font-size:1.2rem; }
    .pt-tag { color: var(--sjk-grijs); font-size:.9rem; min-height:2.4em; }
    .pt-price { font-weight:800; color: var(--sjk-diep); font-size:2rem; letter-spacing:-.02em; margin-top:.6rem; }
    .pt-price small { font-size:.9rem; font-weight:600; color: var(--sjk-grijs); }
    .pt-note { color: var(--sjk-grijs); font-size:.8rem; min-height:1.1em; }
    .pt-price .yr { display:none; }
    .pricing-wrap.yearly .pt-price .mo { display:none; }
    .pricing-wrap.yearly .pt-price .yr { display:inline; }
    /* Actie: doorgestreepte normale prijs + badge */
    .pt-offer { display:inline-block; background: var(--sjk-koraal-diep); color:#fff; font-weight:800;
        font-size:.72rem; letter-spacing:.01em; padding:.18rem .6rem; border-radius:999px; margin-bottom:.5rem; }
    /* Actie geldt alleen bij per jaar: badge + doorgestreepte prijs alleen in de jaarweergave */
    .pt-offer-line, .pt-was { display:none; }
    .pricing-wrap.yearly .pt-offer-line, .pricing-wrap.yearly .pt-was { display:block; }
    .pt-was { color: var(--sjk-grijs); font-size:.9rem; margin-top:.15rem; }
    .pt-was s { opacity:.8; }
    /* Bespaar-percentage: alleen zichtbaar bij per jaar */
    .pt-disc { display:none; color: var(--sjk-koraal-diep); font-weight:700; font-size:.82rem; margin-top:.3rem; }
    .pricing-wrap.yearly .pt-disc { display:block; }
    .pt-cta { margin-top:1.1rem; }

    /* Kenmerken per tier — maakt elke kaart op zichzelf duidelijk */
    .pt-divider { height:1px; background: var(--sjk-lijn); margin:1.2rem 0; }
    .pt-feats { list-style:none; padding:0; margin:0; display:grid; gap:.6rem; }
    .pt-feats li { position:relative; padding-left:1.7rem; font-size:.92rem; color: var(--sjk-inkt); line-height:1.35; }
    .pt-feats li svg { position:absolute; left:0; top:.1rem; color: var(--sjk-koraal-diep); }
    .pt-feats li.muted { color: var(--sjk-grijs); }
    .pt-feats-head { font-size:.76rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em;
        color: var(--sjk-grijs); margin-bottom:.2rem; }

    /* Knoppen onder de vergelijktabel — strak, gelijk, per tier */
    table.pr-table tfoot td { border-top:2px solid var(--sjk-lijn); padding:1.1rem .75rem; background:#fff; }
    table.pr-table tfoot td.pm-feat { background:#fff; }
    .pr-foot-btn { display:flex; align-items:center; justify-content:center; gap:.4rem; width:100%;
        border-radius: var(--sjk-radius-btn); padding:.6rem .5rem; font-weight:700; font-size:.9rem;
        text-decoration:none; transition: transform .15s var(--sjk-ease-out), box-shadow .15s ease, background .15s ease; }
    .pr-foot-btn:hover { transform: translateY(-2px); }
    .pr-foot-btn.solid { color:#fff; background: var(--sjk-koraal-diep); box-shadow: var(--sjk-el-koraal); }
    .pr-foot-btn.solid:hover { color:#fff; box-shadow: 0 14px 26px -8px rgba(242,86,79,.5); }
    .pr-foot-btn.outline { color: var(--sjk-koraal-diep); background:#fff; border:1.5px solid var(--sjk-koraal-diep); }
    .pr-foot-btn.outline:hover { color: var(--sjk-koraal-diep); background: var(--sjk-rozetint); }
    .pr-foot-btn.ghost { color: var(--sjk-indigo); background:#fff; border:1.5px solid var(--sjk-lijn); }
    .pr-foot-btn.ghost:hover { color: var(--sjk-indigo); border-color: var(--sjk-indigo); }

    /* Vergelijktabel */
    .pr-table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--sjk-lijn); border-radius: var(--sjk-radius-card); }
    table.pr-table { width:100%; min-width:780px; border-collapse:collapse; background:#fff; }
    table.pr-table th, table.pr-table td { padding:.85rem 1rem; text-align:center; border-top:1px solid var(--sjk-lijn); }
    table.pr-table thead th { position:sticky; top:0; background:#fff; z-index:2; color: var(--sjk-diep); font-weight:800; border-top:0; }
    table.pr-table th.pm-feat, table.pr-table td.pm-feat { text-align:left; position:sticky; left:0; background:#fff; z-index:1;
        font-weight:600; color: var(--sjk-inkt); min-width:250px; }
    table.pr-table .pm-group td { background: var(--sjk-lavendel); font-weight:800; color: var(--sjk-diep); text-align:left; }
    .pm-yes { color: var(--sjk-koraal-diep); font-weight:800; font-size:1.05rem; }
    .pm-no { color: var(--sjk-lijn); font-weight:800; }
    .pm-txt { font-weight:600; color: var(--sjk-inkt); font-size:.9rem; }
    .pm-soon { display:inline-block; background: var(--sjk-lavendel); color: var(--sjk-indigo); font-weight:700;
        font-size:.72rem; padding:.15rem .5rem; border-radius:999px; }
    table.pr-table tfoot td { border-top:1px solid var(--sjk-lijn); padding:1rem; }

    /* Mobiele vergelijking: uitklapbaar per pakket i.p.v. een krappe brede tabel */
    .pr-compare-mobile { display:none; }
    .pr-cmp-card { border:1px solid var(--sjk-lijn); border-radius: var(--sjk-radius-card); background:#fff; margin-bottom:.7rem; overflow:hidden; }
    .pr-cmp-card > summary { list-style:none; cursor:pointer; padding:.9rem 1.1rem; font-weight:800; color: var(--sjk-diep);
        display:flex; align-items:center; justify-content:space-between; }
    .pr-cmp-card > summary::-webkit-details-marker { display:none; }
    .pr-cmp-card > summary::after { content:"▾"; color: var(--sjk-grijs); transition: transform .2s; }
    .pr-cmp-card[open] > summary::after { transform: rotate(180deg); }
    .pr-cmp-card[open] > summary { border-bottom:1px solid var(--sjk-lijn); }
    .pr-cmp-group { background: var(--sjk-lavendel); font-weight:800; color: var(--sjk-diep); font-size:.82rem;
        padding:.4rem 1.1rem; }
    .pr-cmp-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.55rem 1.1rem;
        border-top:1px solid var(--sjk-lijn); font-size:.92rem; }
    .pr-cmp-row > span:first-child { color: var(--sjk-inkt); }
    .pr-cmp-row > span:last-child { flex-shrink:0; }
    @media (max-width: 767.98px) {
        .pr-table-wrap { display:none; }
        .pr-compare-mobile { display:block; }
    }