/* Service packages & pricing page (Request 10). Colours come from the active CMS theme (lib/brand.php CSS variables). */
.pr-page{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;color:rgb(var(--c-primary-900));background:rgb(var(--c-neutral-50))}
.pr-page [hidden]{display:none!important}
.pr-wrap{max-width:80rem;margin:0 auto;padding:0 1rem}
@media (min-width:640px){.pr-wrap{padding:0 1.5rem}}
@media (min-width:1024px){.pr-wrap{padding:0 2rem}}
.pr-body{padding-top:2rem;padding-bottom:4rem}
.pr-sr{position:absolute!important;left:0;top:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pr-kicker{margin:0 0 .35rem;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--c-secondary-700))}
.pr-h2{margin:0;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.2;font-weight:900;letter-spacing:-.015em;color:rgb(var(--c-primary-900))}
.pr-h2 i{color:rgb(var(--c-secondary-600));font-size:.85em}
.pr-h3{margin:0;font-size:1.15rem;line-height:1.3;font-weight:900;color:rgb(var(--c-primary-900));display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.pr-h3 i{color:rgb(var(--c-secondary-600))}
.pr-muted{margin:.35rem 0 0;font-size:.85rem;color:rgb(var(--c-neutral-600));font-weight:500}
.pr-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;font-weight:800;color:rgb(var(--c-primary-700));text-decoration:none;border-bottom:1.5px solid rgb(var(--c-primary-200));padding-bottom:1px;white-space:nowrap}
.pr-link:hover{color:rgb(var(--c-primary-900));border-color:rgb(var(--c-primary-700))}

/* ---------------------------------------------------------------- buttons */
.pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.85rem;padding:0 1.25rem;border-radius:.9rem;border:1.5px solid transparent;font:inherit;font-size:.88rem;font-weight:800;line-height:1.15;cursor:pointer;text-decoration:none;text-align:center;transition:background-color .15s,border-color .15s,transform .15s,box-shadow .15s}
.pr-btn:hover{transform:translateY(-1px)}
.pr-btn-primary{background:rgb(var(--c-primary-900));color:#fff;box-shadow:0 6px 18px -8px rgb(var(--c-primary-900)/.6)}
.pr-btn-primary:hover{background:rgb(var(--c-primary-950))}
.pr-btn-accent{background:rgb(var(--c-secondary-500));color:rgb(var(--c-primary-950));box-shadow:0 8px 20px -8px rgb(var(--c-secondary-600)/.7)}
.pr-btn-accent:hover{background:rgb(var(--c-secondary-400))}
.pr-btn-light{background:#fff;color:rgb(var(--c-primary-900))}
.pr-btn-light:hover{background:rgb(var(--c-secondary-50))}
.pr-btn:focus-visible,.pr-tab:focus-visible,.pr-chip:focus-visible,.pr-switch:focus-visible,.pr-link:focus-visible,.pr-th-cta:focus-visible,.pr-faq summary:focus-visible,.pr-check input:focus-visible,.pr-table-wrap:focus-visible{outline:3px solid rgb(var(--c-secondary-500));outline-offset:2px}

/* ---------------------------------------------------------------- notes bar + VAT switch */
.pr-notes{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin-bottom:1.5rem;padding:.8rem 1.1rem;border-radius:1rem;background:#fff;border:1px solid rgb(var(--c-primary-100))}
.pr-notes-list{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;margin:0;padding:0;list-style:none;font-size:.8rem;font-weight:700;color:rgb(var(--c-neutral-700))}
.pr-notes-list i{color:rgb(var(--c-primary-600));margin-right:.2rem}
.pr-switch{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .4rem;border:0;background:none;font:inherit;font-size:.8rem;font-weight:800;color:rgb(var(--c-primary-900));cursor:pointer;border-radius:.6rem}
.pr-switch-track{position:relative;width:2.5rem;height:1.4rem;border-radius:999px;background:rgb(var(--c-neutral-300));transition:background-color .15s;flex:none}
.pr-switch-dot{position:absolute;top:.2rem;left:.2rem;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0/.3);transition:transform .15s}
.pr-switch[aria-checked="true"] .pr-switch-track{background:rgb(var(--c-primary-700))}
.pr-switch[aria-checked="true"] .pr-switch-dot{transform:translateX(1.1rem)}

/* ---------------------------------------------------------------- group tabs */
.pr-tabs{display:flex;gap:.5rem;margin:0 0 1.75rem;padding:.35rem;border-radius:1.1rem;background:#fff;border:1px solid rgb(var(--c-primary-100));overflow-x:auto;scrollbar-width:thin}
.pr-tab{display:inline-flex;align-items:center;gap:.5rem;flex:none;min-height:2.75rem;padding:0 1rem;border-radius:.8rem;font-size:.86rem;font-weight:800;color:rgb(var(--c-primary-900));text-decoration:none;white-space:nowrap;transition:background-color .15s,color .15s}
.pr-tab i{color:rgb(var(--c-secondary-600))}
.pr-tab:hover{background:rgb(var(--c-primary-50))}
.pr-tab[aria-current="true"]{background:rgb(var(--c-primary-900));color:#fff}
.pr-tab[aria-current="true"] i{color:rgb(var(--c-secondary-400))}
.pr-tab-count{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;font-size:.7rem;background:rgb(var(--c-primary-100));color:rgb(var(--c-primary-900))}
.pr-tab[aria-current="true"] .pr-tab-count{background:rgb(255 255 255/.2);color:#fff}

/* ---------------------------------------------------------------- category */
.pr-cat{scroll-margin-top:7rem}
.pr-cat+.pr-cat{margin-top:3.5rem;padding-top:3rem;border-top:1px solid rgb(var(--c-primary-100))}
.pr-js .pr-cat+.pr-cat{margin-top:0;padding-top:0;border-top:0}
.pr-cat-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.pr-cat-head>div{max-width:46rem}
.pr-cat-tagline{margin:.5rem 0 0;font-size:1rem;font-weight:700;color:rgb(var(--c-primary-800))}
.pr-cat-desc{margin:.4rem 0 0;font-size:.9rem;line-height:1.6;color:rgb(var(--c-neutral-700))}

/* ---------------------------------------------------------------- package cards */
.pr-cards{display:grid;gap:1.25rem;grid-template-columns:1fr;align-items:stretch}
@media (min-width:640px){.pr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pr-cards{grid-template-columns:repeat(min(var(--pr-n,3),3),minmax(0,1fr))}}
@media (min-width:1280px){.pr-cards{grid-template-columns:repeat(var(--pr-n,3),minmax(0,1fr))}}
@media (min-width:1024px) and (max-width:1279px){.pr-cards[style*="--pr-n: 4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pr-cards[style*="--pr-n: 1"]{grid-template-columns:minmax(0,26rem)}}
.pr-card{position:relative;display:flex;flex-direction:column;gap:.7rem;padding:1.6rem 1.4rem 1.4rem;border-radius:1.4rem;background:#fff;border:1px solid rgb(var(--c-primary-100));box-shadow:0 1px 2px rgb(15 23 42/.04),0 12px 32px -20px rgb(var(--c-primary-900)/.35);scroll-margin-top:7rem;transition:border-color .2s,box-shadow .2s,transform .2s}
.pr-card:hover{border-color:rgb(var(--c-primary-300));transform:translateY(-2px)}
.pr-card.is-featured{border:2px solid rgb(var(--c-secondary-500));background:linear-gradient(180deg,rgb(var(--c-secondary-50)),#fff 38%);box-shadow:0 1px 2px rgb(15 23 42/.04),0 22px 44px -22px rgb(var(--c-secondary-700)/.55)}
.pr-card:target{box-shadow:0 0 0 4px rgb(var(--c-secondary-400)/.6)}
.pr-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;border-radius:999px;background:rgb(var(--c-secondary-500));color:rgb(var(--c-primary-950));font-size:.7rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.pr-badge-sm{font-size:.62rem;padding:.2rem .5rem;margin-bottom:.3rem}
.pr-card-name{margin:0;font-size:1.3rem;font-weight:900;letter-spacing:-.01em;color:rgb(var(--c-primary-900))}
.pr-card-tagline{margin:-.3rem 0 0;font-size:.86rem;font-weight:600;color:rgb(var(--c-neutral-600));line-height:1.45}
.pr-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .45rem;margin-top:.35rem}
.pr-price-line{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.3rem}
.pr-price-prefix{font-size:.82rem;font-weight:800;color:rgb(var(--c-neutral-600))}
.pr-price-amt{font-size:clamp(1.6rem,2.6vw,2rem);font-weight:900;letter-spacing:-.02em;color:rgb(var(--c-primary-900));font-variant-numeric:tabular-nums}
.pr-price-sep{font-size:1.2rem;font-weight:800;color:rgb(var(--c-neutral-500))}
.pr-price-cycle{font-size:.82rem;font-weight:800;color:rgb(var(--c-neutral-600))}
.pr-price:not(.pr-price-sm) .pr-price-cycle{flex-basis:100%}
.pr-price:not(.pr-price-sm) .pr-price-line:has(.pr-price-sep) .pr-price-amt{font-size:clamp(1.25rem,1.9vw,1.5rem)}
.pr-price-quote{font-size:1.45rem;font-weight:900;color:rgb(var(--c-primary-900))}
.pr-price-was{flex-basis:100%;font-size:.82rem;font-weight:700;color:rgb(var(--c-neutral-500))}
.pr-was-amt{text-decoration:line-through}
.pr-price-sm{margin-top:.2rem;justify-content:center}
.pr-price-sm .pr-price-amt{font-size:1.02rem}
.pr-price-sm .pr-price-quote{font-size:.9rem}
.pr-price-sm .pr-price-prefix,.pr-price-sm .pr-price-cycle{font-size:.7rem}
.pr-price-sm .pr-price-sep{font-size:.9rem}
.pr-vat-short{margin:-.45rem 0 0;font-size:.72rem;font-weight:700;color:rgb(var(--c-neutral-500))}
.pr-recurring,.pr-delivery{display:flex;gap:.5rem;align-items:flex-start;margin:0;font-size:.82rem;font-weight:700;color:rgb(var(--c-primary-800));line-height:1.45}
.pr-recurring i,.pr-delivery i{margin-top:.2rem;color:rgb(var(--c-secondary-600))}
.pr-card-cta{margin-top:.4rem;width:100%}
.pr-card-desc{margin:0;font-size:.84rem;line-height:1.6;color:rgb(var(--c-neutral-700))}
.pr-hl{display:grid;gap:.5rem;margin:.2rem 0 0;padding:.9rem 0 0;border-top:1px dashed rgb(var(--c-primary-100));list-style:none}
.pr-hl li{display:flex;gap:.55rem;font-size:.85rem;font-weight:600;line-height:1.45;color:rgb(var(--c-neutral-800))}
.pr-hl i{flex:none;margin-top:.15rem;width:1.1rem;height:1.1rem;border-radius:50%;display:grid;place-items:center;font-size:.6rem;background:rgb(var(--c-primary-50));color:rgb(var(--c-primary-700))}
.pr-card.is-featured .pr-hl i{background:rgb(var(--c-secondary-100));color:rgb(var(--c-secondary-800))}
.pr-card-more{margin-top:auto;padding-top:.6rem;align-self:flex-start}

/* ---------------------------------------------------------------- comparison table */
.pr-compare{margin-top:2.75rem;scroll-margin-top:6rem}
.pr-compare-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.pr-compare-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}
.pr-pick{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.pr-pick-label{font-size:.78rem;font-weight:800;color:rgb(var(--c-neutral-600))}
.pr-chip{min-height:2.25rem;padding:0 .8rem;border-radius:999px;border:1.5px solid rgb(var(--c-primary-200));background:#fff;font:inherit;font-size:.78rem;font-weight:800;color:rgb(var(--c-primary-800));cursor:pointer}
.pr-chip[aria-pressed="true"]{background:rgb(var(--c-primary-900));border-color:rgb(var(--c-primary-900));color:#fff}
.pr-chip[aria-pressed="true"]::before{content:"\2713\00a0"}
.pr-check{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:800;color:rgb(var(--c-primary-900));cursor:pointer;min-height:2.25rem}
.pr-check input{width:1.1rem;height:1.1rem;accent-color:rgb(var(--c-primary-800))}
.pr-table-wrap{position:relative;overflow-x:auto;border-radius:1.2rem;border:1px solid rgb(var(--c-primary-100));background:#fff;box-shadow:0 10px 30px -22px rgb(var(--c-primary-900)/.4)}
.pr-table{width:100%;min-width:calc(11rem + var(--pr-cols,3) * 9rem);border-collapse:separate;border-spacing:0;font-size:.85rem}
.pr-table th,.pr-table td{padding:.8rem .9rem;border-bottom:1px solid rgb(var(--c-primary-50));text-align:center;vertical-align:middle}
.pr-table thead th{background:#fff;vertical-align:bottom;border-bottom:2px solid rgb(var(--c-primary-100))}
.pr-th-feat,.pr-td-feat{position:sticky;left:0;z-index:2;text-align:left!important;background:#fff;min-width:11rem;width:30%;box-shadow:1px 0 0 rgb(var(--c-primary-100))}
.pr-th-feat{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--c-neutral-500))}
.pr-th-pkg{min-width:9rem}
.pr-th-pkg.is-featured,.pr-table td.is-featured{background:rgb(var(--c-secondary-50))}
.pr-th-pkg.is-featured{box-shadow:inset 0 3px 0 rgb(var(--c-secondary-500))}
.pr-th-name{display:block;font-size:.98rem;font-weight:900;color:rgb(var(--c-primary-900))}
.pr-th-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:.55rem;min-height:2.2rem;padding:0 .85rem;border-radius:.7rem;background:rgb(var(--c-primary-900));color:#fff;font-size:.75rem;font-weight:800;text-decoration:none}
.pr-th-cta:hover{background:rgb(var(--c-primary-950))}
.pr-th-pkg.is-featured .pr-th-cta{background:rgb(var(--c-secondary-500));color:rgb(var(--c-primary-950))}
.pr-group th{position:sticky;left:0;text-align:left;padding:.6rem .9rem;background:rgb(var(--c-primary-50));font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--c-primary-800));border-bottom:1px solid rgb(var(--c-primary-100))}
.pr-feat-label{display:block;font-weight:800;color:rgb(var(--c-primary-900))}
.pr-feat-help{display:block;margin-top:.15rem;font-size:.74rem;font-weight:500;color:rgb(var(--c-neutral-600));line-height:1.4}
.pr-table tbody tr[data-pr-row]:hover th,.pr-table tbody tr[data-pr-row]:hover td{background:rgb(var(--c-primary-50)/.6)}
.pr-ic-yes{font-size:1.1rem;color:rgb(var(--c-primary-700))}
.pr-ic-no{font-size:.95rem;color:rgb(var(--c-neutral-400))}
.pr-ic-part{font-size:1.05rem;color:rgb(var(--c-secondary-600))}
.pr-ic-unset{color:rgb(var(--c-neutral-400));font-weight:800}
.pr-cell-text{display:block;margin-top:.15rem;font-size:.8rem;font-weight:700;color:rgb(var(--c-neutral-800))}
.pr-table td>.pr-cell-text:first-child{margin-top:0}
.pr-table [data-col].is-hidden{display:none}
.pr-table tr.is-same{display:none}
.pr-no-diff{margin:.8rem 0 0;font-size:.82rem;font-weight:700;color:rgb(var(--c-neutral-600))}
@media (min-width:1024px){
  .pr-table-wrap{overflow:visible}
  .pr-table thead th{position:sticky;top:5rem;z-index:3}
  .pr-table thead .pr-th-feat{z-index:4}
  .pr-table thead th:first-child{border-top-left-radius:1.2rem}
  .pr-table thead th:last-child{border-top-right-radius:1.2rem}
}

/* ---------------------------------------------------------------- extras + FAQ */
.pr-block{margin-top:2.5rem}
.pr-block .pr-h3{margin-bottom:1rem}
.pr-addons{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}
@media (min-width:768px){.pr-addons{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pr-addon{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border-radius:1rem;background:#fff;border:1px solid rgb(var(--c-primary-100))}
.pr-addon-main{min-width:0}
.pr-addon-name{display:block;font-size:.9rem;font-weight:800;color:rgb(var(--c-primary-900))}
.pr-addon-desc{display:block;margin-top:.15rem;font-size:.78rem;font-weight:500;color:rgb(var(--c-neutral-600));line-height:1.45}
.pr-addon-price{flex:none;text-align:right;font-size:.88rem;font-weight:900;color:rgb(var(--c-primary-800));font-variant-numeric:tabular-nums;max-width:45%}
.pr-addon-unit{font-size:.75rem;font-weight:700;color:rgb(var(--c-neutral-600))}
.pr-faqs{display:grid;gap:.6rem}
.pr-faq{border-radius:1rem;background:#fff;border:1px solid rgb(var(--c-primary-100))}
.pr-faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3rem;padding:.8rem 1.1rem;font-size:.9rem;font-weight:800;color:rgb(var(--c-primary-900));cursor:pointer;list-style:none;border-radius:1rem}
.pr-faq summary::-webkit-details-marker{display:none}
.pr-faq summary i{flex:none;color:rgb(var(--c-secondary-600));transition:transform .2s}
.pr-faq[open] summary i{transform:rotate(180deg)}
.pr-faq-a{padding:0 1.1rem 1rem;font-size:.86rem;line-height:1.65;color:rgb(var(--c-neutral-700))}

/* ---------------------------------------------------------------- help band, empty state, footnote */
.pr-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;margin-top:3.5rem;padding:1.8rem;border-radius:1.5rem;background:linear-gradient(120deg,rgb(var(--c-primary-900)),rgb(var(--c-primary-950)));color:#fff}
.pr-help .pr-h2{color:#fff;font-size:clamp(1.25rem,2.2vw,1.6rem)}
.pr-help p{margin:.4rem 0 0;max-width:42rem;font-size:.9rem;line-height:1.6;color:rgb(255 255 255/.88)}
.pr-empty{max-width:40rem;margin:1rem auto;padding:2.5rem 1.5rem;text-align:center;border-radius:1.5rem;background:#fff;border:1px solid rgb(var(--c-primary-100))}
.pr-empty p{margin:.75rem 0 1.5rem;font-size:.95rem;line-height:1.6;color:rgb(var(--c-neutral-700))}
.pr-empty-icon{display:inline-grid;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:1rem;border-radius:1rem;background:rgb(var(--c-primary-50));color:rgb(var(--c-primary-700));font-size:1.4rem}
.pr-footnote{margin:1.5rem 0 0;font-size:.78rem;line-height:1.6;color:rgb(var(--c-neutral-600))}

/* ---------------------------------------------------------------- contact page: selected package */
.pr-selected{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.1rem;border-radius:1rem;background:rgb(var(--c-secondary-50));border:1.5px solid rgb(var(--c-secondary-300))}
.pr-selected-k{display:block;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:rgb(var(--c-secondary-800))}
.pr-selected-n{display:block;margin-top:.15rem;font-size:.95rem;font-weight:900;color:rgb(var(--c-primary-900))}
.pr-selected-p{display:block;margin-top:.1rem;font-size:.8rem;font-weight:700;color:rgb(var(--c-primary-800))}
.pr-selected a{font-size:.75rem;font-weight:800;color:rgb(var(--c-primary-700));text-decoration:underline}

/* ---------------------------------------------------------------- services page link */
.pr-srv-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;border-radius:.9rem;background:rgb(var(--c-primary-50));border:1px solid rgb(var(--c-primary-100));text-decoration:none;color:rgb(var(--c-primary-900));font-size:.78rem;font-weight:800}
.pr-srv-link:hover{border-color:rgb(var(--c-primary-400))}
.pr-srv-link small{display:block;font-size:.7rem;font-weight:700;color:rgb(var(--c-secondary-800))}

@media (prefers-reduced-motion:reduce){.pr-card,.pr-btn,.pr-switch-dot,.pr-faq summary i{transition:none}.pr-card:hover,.pr-btn:hover{transform:none}}
@media print{.pr-tabs,.pr-compare-tools,.pr-switch,.pr-help{display:none!important}.pr-js .pr-cat[hidden]{display:block!important}}
@media (max-width:639px){
  .pr-th-feat,.pr-td-feat{min-width:8.25rem;width:auto}
  .pr-th-pkg{min-width:7.5rem}
  .pr-table{min-width:calc(8.25rem + var(--pr-cols,3) * 7.5rem)}
  .pr-table th,.pr-table td{padding:.7rem .6rem}
}
