/* ============================================================
   posts-v2.css — Pricefox blog redesign (article template v2)
   Ported from pricefox_blog_redesign_prototype_v2.html
   Scoped to the .pf-v2 wrapper so it never touches the 101 old
   articles that still use posts.css.
   ============================================================ */

/* responsive helpers the shared header/footer partials rely on
   (normally live in basic.css/posts.css which this template does not load) */
@media (min-width: 993px){
  .hide-in-desktop{display:none !important}
  .hide-in-s-l-screens{display:none !important}
}
@media (max-width: 992px){
  .hide-in-mobile{display:none !important}
  .hide-inMobile{display:none !important}
}

.pf-v2{
  /* ---- Figma design system tokens (Primitives: Petrol Blue / Warm Orange / Black / Gray / Info / Success / Warning / Error) ---- */
  --blue:#004766; --navy:#002b3d; --blue-2:#003952;
  --orange:#f26e22; --orange-d:#ef611e; --orange-cta:#c34f0c; --orange-tint:#fce2d3;
  --ink:#1d2b33; --muted:#666666; --muted-2:#5f6c73;
  --line:#ccdae0; --tint:#eef6ff; --tint-2:#f5fcff; --bg:#fafbfb;
  --success-bg:#effff1; --success-fg:#0b6b11; --success-border:#bfe6cc;
  --warning-bg:#fffbe6; --warning-border:#ffe58f;
  --error:#d10c0c;
  --radius:14px; --shadow:0 6px 24px rgba(1,46,75,.08); --shadow-lg:0 14px 40px rgba(1,46,75,.14);
  --maxw:1200px; --fscale:1;
  color:var(--ink);background:var(--bg);
  font-family:Helvetica,Arial,sans-serif;line-height:1.62;
  font-size:calc(17px * var(--fscale));-webkit-font-smoothing:antialiased;
}
.pf-v2 *{box-sizing:border-box}
.pf-v2 a{color:var(--blue);text-decoration:none}
.pf-v2 img{max-width:100%}
.pf-v2 .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}

/* ---------- Breadcrumb + hero ---------- */
.pf-v2 .crumb{font-size:13.5px;color:var(--muted);padding:18px 0 6px}
.pf-v2 .crumb ol{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0}
.pf-v2 .crumb li{display:flex;align-items:center}
.pf-v2 .crumb li:not(:last-child)::after{content:"›";margin:0 7px;color:var(--muted)}
.pf-v2 .crumb li[aria-current="page"]{color:var(--muted)}
.pf-v2 .crumb a{color:var(--muted)}
.pf-v2 .crumb a:hover{color:var(--blue)}
.pf-v2 .hero h1{font-size:40px;line-height:1.15;color:var(--navy);margin:6px 0 14px;letter-spacing:-.5px}
.pf-v2 .pill{display:inline-flex;align-items:center;gap:6px;background:var(--tint);color:var(--blue);font-weight:600;font-size:12.5px;padding:5px 11px;border-radius:999px;border:1px solid var(--line)}
@media(max-width:860px){.pf-v2 .hero h1{font-size:29px}}

/* ---------- byline (E-E-A-T) ---------- */
.pf-v2 .byline-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 26px;padding-top:14px;margin-top:6px;border-top:1px solid var(--line)}
.pf-v2 .byline-row .auth{display:flex;align-items:center;gap:11px;color:var(--ink)}
.pf-v2 .byline-row .auth img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--tint);border:2px solid #fff;box-shadow:0 2px 8px rgba(1,46,75,.12)}
.pf-v2 .byline-row .ai{display:flex;flex-direction:column;line-height:1.25}
.pf-v2 .byline-row .lbl{font-size:11.5px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.pf-v2 .byline-row .ai b{font-size:15px;color:var(--navy)}
.pf-v2 .byline-row .auth:hover .ai b{color:var(--blue);text-decoration:underline}
.pf-v2 .byline-row .role{font-size:12.5px;color:var(--muted)}
.pf-v2 .verifychip{display:inline-flex;align-items:center;gap:5px;background:#eaf7ef;color:#1e8f4e;font-weight:700;font-size:12px;padding:5px 11px;border-radius:999px;width:fit-content}
.pf-v2 .verifychip:hover{background:#27ae60;color:#fff}
/* ---------- meta-row (published / updated / reading time) ---------- */
.pf-v2 .meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:12px 0 14px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.pf-v2 .meta-row .item{display:flex;align-items:center;gap:7px}
.pf-v2 .meta-row .icon-dot{width:20px;height:20px;border-radius:50%;background:var(--tint);display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}

/* ---------- share ---------- */
.pf-v2 .share{display:flex;align-items:center;gap:9px}
.pf-v2 .share .sh-l{font-size:12px;color:var(--muted);font-weight:600}
.pf-v2 .share a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:700;transition:transform .15s}
.pf-v2 .share a:hover{transform:translateY(-2px)}
.pf-v2 .share .fb{background:#1877f2}.pf-v2 .share .x{background:#111}.pf-v2 .share .wa{background:#25d366}.pf-v2 .share .cp{background:var(--muted)}

/* ---------- advertiser disclosure ---------- */
.pf-v2 .disclosure{font-size:12.5px;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 13px;margin-top:14px;line-height:1.45}
.pf-v2 .disclosure b{color:var(--blue-2)}
.pf-v2 .disclosure a{color:var(--blue);font-weight:600}

/* ---------- article toolbar (audio + text-size) ---------- */
.pf-v2 .atoolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px;margin:18px 0 6px}
.pf-v2 .aplayer{display:flex;align-items:center;gap:12px;flex:1;min-width:240px}
.pf-v2 .aplayer .pbtn{width:42px;height:42px;border-radius:50%;border:0;background:var(--blue);color:#fff;font-size:16px;cursor:pointer;display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px rgba(0,68,103,.3)}
.pf-v2 .aplayer .pbtn:hover{background:var(--navy)}
.pf-v2 .aplayer .pinfo{flex:1;min-width:0}
.pf-v2 .aplayer .plbl{font-size:12px;color:var(--muted);font-weight:600}
.pf-v2 .aplayer .plbl b{color:var(--navy)}
.pf-v2 .aplayer .track{height:6px;background:var(--line);border-radius:99px;margin-top:6px;position:relative;cursor:pointer;overflow:hidden}
.pf-v2 .aplayer .track .fill{position:absolute;left:0;top:0;bottom:0;width:0%;background:linear-gradient(90deg,var(--blue),var(--orange));border-radius:99px;transition:width .2s linear}
.pf-v2 .aplayer .time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}
.pf-v2 .aplayer .speed{border:1px solid var(--line);background:#fff;border-radius:8px;font-size:12px;font-weight:700;color:var(--blue);padding:6px 9px;cursor:pointer;font-family:inherit}
.pf-v2 .aplayer .powered{font-size:10.5px;color:var(--muted-2);white-space:nowrap}
.pf-v2 .tsize{display:flex;align-items:center;gap:6px;flex-shrink:0}
.pf-v2 .tsize .tl{font-size:12px;color:var(--muted);font-weight:600}
.pf-v2 .tsize button{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:700;color:var(--blue)}
.pf-v2 .tsize button:hover{background:var(--tint);border-color:var(--blue)}
@media(max-width:560px){.pf-v2 .aplayer .powered{display:none}}

/* ---------- AI chat buttons (GEO) ---------- */
.pf-v2 .aibar{margin:14px 0 8px}
.pf-v2 .aibar .ai-t{font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:9px;display:flex;align-items:center;gap:7px}
.pf-v2 .aibar .ai-btns{display:flex;gap:10px;flex-wrap:wrap}
.pf-v2 .aibtn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-size:13.5px;font-weight:600;color:var(--navy);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.pf-v2 .aibtn:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--blue)}
.pf-v2 .aibtn .ai-ic{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;flex-shrink:0}

/* ---------- 3-col layout ---------- */
.pf-v2 .layout{display:grid;grid-template-columns:230px minmax(0,1fr) 320px;gap:38px;padding:30px 22px 60px}
@media(max-width:1080px){.pf-v2 .layout{grid-template-columns:minmax(0,1fr) 320px}.pf-v2 .toc-col{display:none}}
@media(max-width:860px){.pf-v2 .layout{grid-template-columns:1fr}.pf-v2 .aside-col{display:none}}

/* TOC */
.pf-v2 .toc{position:sticky;top:86px;font-size:14px;background:var(--tint-2);border:1px solid var(--line);border-radius:12px;padding:16px}
.pf-v2 .toc .t{font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.5px;font-size:12px;margin-bottom:12px}
.pf-v2 #TableOfContents{counter-reset:toc}
.pf-v2 #TableOfContents > ul{list-style:none;margin:0;padding:0}
.pf-v2 #TableOfContents > ul > li{counter-increment:toc}
.pf-v2 .toc a,.pf-v2 #TableOfContents a{display:flex;align-items:baseline;gap:8px;color:var(--muted);padding:8px;border-radius:8px;border-left:2px solid transparent;line-height:1.4}
.pf-v2 #TableOfContents > ul > li > a::before{content:counter(toc,decimal-leading-zero);font-weight:400;color:var(--muted);flex-shrink:0}
.pf-v2 .toc a:hover,.pf-v2 .toc a.active,.pf-v2 #TableOfContents a.active{color:var(--blue);background:var(--tint);border-color:var(--orange);font-weight:600}
.pf-v2 #TableOfContents ul ul{list-style:none;margin:0;padding-left:20px}

/* Article body */
.pf-v2 article h2{font-size:26px;color:var(--navy);margin:38px 0 12px;letter-spacing:-.3px;scroll-margin-top:84px}
.pf-v2 article h3{font-size:19px;color:var(--blue-2);margin:24px 0 8px}
.pf-v2 article p{margin:0 0 16px}
.pf-v2 article ul{margin:0 0 16px;padding-left:20px}
.pf-v2 article li{margin-bottom:7px}
.pf-v2 .lead{font-size:19px;color:#33424c}
.pf-v2 article p a.inlink{color:var(--blue);font-weight:600;border-bottom:1.5px solid #bcdcf0}
.pf-v2 article p a.inlink:hover{color:var(--orange);border-color:var(--orange)}
.pf-v2 .keytable{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:15.5px;box-shadow:var(--shadow);border-radius:12px;overflow:hidden}
.pf-v2 .keytable th{background:var(--blue);color:#fff;text-align:left;padding:13px 16px;font-size:14px}
.pf-v2 .keytable td{padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}
.pf-v2 .keytable tr:last-child td{border-bottom:0}
/* markdown tables get the keytable look automatically */
.pf-v2 article table{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:15.5px;box-shadow:var(--shadow);border-radius:12px;overflow:hidden}
.pf-v2 article table th{background:var(--blue);color:#fff;text-align:left;padding:13px 16px;font-size:14px}
.pf-v2 article table td{padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}
.pf-v2 article table tr:last-child td{border-bottom:0}

.pf-v2 .callout{background:var(--tint-2);border:1px solid #d7e9f5;border-left:4px solid var(--blue);border-radius:10px;padding:16px 18px;margin:20px 0;font-size:15.5px}
.pf-v2 .callout b{color:var(--navy)}
.pf-v2 .callout a{color:var(--blue);font-weight:600;white-space:nowrap}
.pf-v2 .callout a:hover{color:var(--orange)}

/* featured picture */
.pf-v2 .picture-section{display:block;margin:22px 0}
.pf-v2 .full-img{width:100%;border-radius:14px;display:block}

/* ---------- in-content conversion card ---------- */
.pf-v2 .convo-card{position:relative;margin:30px 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}
.pf-v2 .convo-card .inner{padding:24px 26px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.pf-v2 .convo-card .txt{flex:1;min-width:230px}
.pf-v2 .convo-card h4{margin:0 0 6px;font-size:21px;line-height:1.25}
.pf-v2 .convo-card .btn{background:var(--orange-cta);color:#fff;font-weight:700;padding:14px 24px;border-radius:11px;white-space:nowrap;font-size:16px;box-shadow:0 6px 18px rgba(242,110,34,.4)}
.pf-v2 .convo-card .btn:hover{background:var(--orange-d)}

/* ---------- cta-banner (default convocard, flat navy — matches Figma "CTA Banner") ---------- */
.pf-v2 .cta-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--navy);color:#fff;border-radius:var(--radius);padding:20px 24px;margin:30px 0;box-shadow:var(--shadow-lg);text-decoration:none;transition:background .15s}
.pf-v2 .cta-banner:hover{background:var(--blue-2)}
.pf-v2 .cta-banner .ctab-label{font-size:12px;opacity:.8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.pf-v2 .cta-banner .ctab-title{font-size:16px;font-weight:600;line-height:1.4}
.pf-v2 .cta-banner .ctab-arrow{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}

/* ---------- takeaways ---------- */
.pf-v2 .takeaways{background:var(--tint);border:1px solid #d2e7f4;border-radius:14px;padding:20px 22px;margin:26px 0}
.pf-v2 .takeaways .tk-t{font-size:16px;font-weight:700;color:var(--navy);margin:0 0 12px;display:flex;align-items:center;gap:8px}
.pf-v2 .takeaways ul{margin:0;padding:0;list-style:none}
.pf-v2 .takeaways li{position:relative;padding:6px 0 6px 30px;font-size:15px;color:#2c3b44;line-height:1.5}
.pf-v2 .takeaways li::before{content:"\2713";position:absolute;left:0;top:7px;color:#fff;background:var(--orange);width:19px;height:19px;border-radius:50%;font-size:11px;font-weight:700;display:grid;place-items:center}

/* ---------- tipbox ---------- */
.pf-v2 .tipbox{background:#fff6ef;border:1px solid #f8d9c2;border-left:4px solid var(--orange);border-radius:10px;padding:15px 18px;margin:24px 0;font-size:15px;line-height:1.55;color:#4a3b30}
.pf-v2 .tipbox .tip-h{font-weight:700;color:var(--orange);display:block;margin-bottom:3px;font-size:13.5px}

/* ---------- read-also ---------- */
.pf-v2 .readalso{display:flex;align-items:center;gap:12px;background:var(--tint-2);border:1px dashed #9fc6e0;border-radius:10px;padding:12px 16px;margin:22px 0;font-size:15px}
.pf-v2 .readalso .ra-tag{background:var(--navy);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:5px 10px;border-radius:7px;white-space:nowrap;flex-shrink:0}
.pf-v2 .readalso a{font-weight:700}

/* ---------- expert quote ---------- */
.pf-v2 .expert{position:relative;background:linear-gradient(120deg,#e8f7ef,#f1fbf5);border:1px solid #cceedd;border-radius:16px;padding:24px 26px;margin:30px 0}
.pf-v2 .expert .eq-head{display:flex;align-items:center;gap:13px;margin-bottom:12px}
.pf-v2 .expert .eq-head img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px rgba(1,46,75,.15)}
.pf-v2 .expert .eq-head .eq-h{font-size:18px;font-weight:700;color:#1e8f4e}
.pf-v2 .expert .eq-quote{font-size:16.5px;line-height:1.6;color:#28453a;font-style:italic;margin:0 0 12px}
.pf-v2 .expert .eq-quote::before{content:"\201C";font-size:42px;color:#8fd3ab;line-height:0;vertical-align:-14px;margin-right:4px}
.pf-v2 .expert .eq-by{font-size:14px;color:#3a6b52}
.pf-v2 .expert .eq-by b{color:#1e6e42}

/* ---------- provider comparison cards ---------- */
.pf-v2 .providers{margin:32px 0}
.pf-v2 .providers .pv-h{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;margin-bottom:14px}
.pf-v2 .providers .pv-h h3{margin:0;font-size:21px;color:var(--navy)}
.pf-v2 .providers .pv-sub{font-size:12.5px;color:var(--muted)}
.pf-v2 .pv-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:12px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;position:relative}
.pf-v2 .pv-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.pf-v2 .pv-card.best{border:2px solid var(--orange)}
.pf-v2 .pv-badge{position:absolute;top:-10px;left:16px;background:var(--orange-cta);color:#fff;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 10px;border-radius:999px}
.pf-v2 .pv-logo{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:20px;color:#fff}
.pf-v2 .pv-name{font-size:16.5px;font-weight:700;color:var(--navy)}
.pf-v2 .pv-rating{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:13px;color:var(--muted)}
.pf-v2 .pv-rating .rstars{color:#f5a623;letter-spacing:1px}
.pf-v2 .pv-rating b{color:var(--navy)}
.pf-v2 .pv-meta{font-size:12.5px;color:var(--muted);margin-top:3px}
.pf-v2 .pv-right{text-align:right}
.pf-v2 .pv-price{font-size:13px;color:var(--muted);line-height:1.2;margin-bottom:8px}
.pf-v2 .pv-price b{display:block;font-size:19px;color:var(--navy)}
.pf-v2 .pv-cta{display:inline-block;background:var(--orange-cta);color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:10px;white-space:nowrap}
.pf-v2 .pv-cta:hover{background:#a6430a}
.pf-v2 .pv-disclaimer{font-size:11.5px;color:var(--muted-2);margin-top:6px;line-height:1.45}
.pf-v2 .pv-disclaimer a{color:var(--blue);font-weight:600}
@media(max-width:560px){
  .pf-v2 .pv-card{grid-template-columns:46px 1fr;gap:12px}
  .pf-v2 .pv-logo{width:46px;height:46px;font-size:17px}
  .pf-v2 .pv-right{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;text-align:left;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
  .pf-v2 .pv-price{margin-bottom:0}
  .pf-v2 .pv-price b{display:inline;font-size:17px;margin-left:4px}
}

/* ---------- visual FAQ accordion ---------- */
.pf-v2 .faq{margin:36px 0 0}
.pf-v2 .faq h2{margin-bottom:14px}
.pf-v2 .faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;box-shadow:var(--shadow);overflow:hidden}
.pf-v2 .faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;background:none;border:0;font-family:inherit;text-align:left;font-size:16px;font-weight:700;color:var(--navy);padding:16px 18px;cursor:pointer}
.pf-v2 .faq-q .ic{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--tint);color:var(--blue);display:grid;place-items:center;font-size:17px;font-weight:700;transition:transform .2s,background .2s}
.pf-v2 .faq-item.open .faq-q .ic{transform:rotate(45deg);background:var(--orange);color:#fff}
.pf-v2 .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease}
.pf-v2 .faq-a p{margin:0;padding:0 18px 18px;font-size:15px;color:#3a4a54;line-height:1.6}

/* ---------- in-body figure ---------- */
.pf-v2 .inbody-fig{margin:26px 0;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:#fff}
.pf-v2 .inbody-fig img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:var(--tint)}
.pf-v2 .inbody-fig figcaption{font-size:13px;color:var(--muted);padding:10px 14px;line-height:1.4}

/* ---------- step-flow infographic ---------- */
.pf-v2 .stepflow{margin:30px 0}
.pf-v2 .stepflow .sf-h{font-size:19px;color:var(--navy);font-weight:700;margin-bottom:16px}
.pf-v2 .sf-grid{display:grid;gap:14px}
.pf-v2 .sf-step{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow)}
.pf-v2 .sf-num{width:52px;height:52px;border-radius:12px;background:var(--tint);color:var(--blue);font-size:24px;font-weight:800;display:grid;place-items:center}
.pf-v2 .sf-step b{color:var(--navy);font-size:15.5px}
.pf-v2 .sf-step p{margin:2px 0 0;font-size:14px;color:var(--muted)}

/* ---------- sources / citations (E-E-A-T) ---------- */
.pf-v2 .sources{margin-top:34px;padding:20px 22px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
.pf-v2 .sources .src-t{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:12px}
.pf-v2 .sources ul{margin:0;padding:0;list-style:none}
.pf-v2 .sources li{padding:7px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.pf-v2 .sources li:last-child{border-bottom:0}
.pf-v2 .sources li a{color:var(--blue-2);font-weight:500}
.pf-v2 .sources li a:hover{color:var(--orange)}
.pf-v2 .sources .editorial{margin:14px 0 0;font-size:14px}
.pf-v2 .sources .editorial a{color:var(--blue);font-weight:700}
.pf-v2 .sources .editorial a:hover{color:var(--orange)}

/* ---------- reviewer bar (E-E-A-T) ---------- */
.pf-v2 .reviewbar{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-left:4px solid #27ae60;border-radius:12px;box-shadow:var(--shadow);padding:13px 18px;margin-top:36px;scroll-margin-top:84px}
.pf-v2 .reviewbar img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(1,46,75,.12)}
.pf-v2 .reviewbar .rb-txt{display:flex;flex-direction:column;gap:1px;line-height:1.32;min-width:0}
.pf-v2 .reviewbar .rb-lbl{font-size:11px;font-weight:700;color:#1e8f4e;text-transform:uppercase;letter-spacing:.4px}
.pf-v2 .reviewbar .rb-main{font-size:14.5px;color:#46555f}
.pf-v2 .reviewbar .rb-main b{color:var(--navy)}
.pf-v2 .reviewbar .rb-date{font-size:12.5px;color:var(--muted)}
.pf-v2 .reviewbar .rb-link{margin-left:auto;flex-shrink:0;font-size:13.5px;font-weight:700;color:var(--blue);white-space:nowrap}
.pf-v2 .reviewbar .rb-link:hover{color:var(--orange)}
@media(max-width:560px){.pf-v2 .reviewbar{flex-wrap:wrap}.pf-v2 .reviewbar .rb-link{margin-left:60px;margin-top:2px}}

/* ---------- end-of-article block ---------- */
.pf-v2 .endblock{margin-top:48px;border-top:3px solid var(--orange);padding-top:30px}
.pf-v2 .endcta{background:linear-gradient(120deg,#013a5c,#012e4b);color:#fff;border-radius:18px;padding:34px 30px;text-align:center;box-shadow:var(--shadow-lg);margin-bottom:34px}
.pf-v2 .endcta h3{margin:0 0 8px;font-size:27px}
.pf-v2 .endcta p{margin:0 auto 20px;color:#cfe2ef;max-width:520px}
.pf-v2 .endcta .btn{display:inline-block;background:var(--orange-cta);color:#fff;font-weight:700;font-size:18px;padding:16px 38px;border-radius:12px;box-shadow:0 8px 22px rgba(242,110,34,.4)}
.pf-v2 .endcta .btn:hover{background:#a6430a}
.pf-v2 .rel-t{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700;margin-bottom:14px}
.pf-v2 .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.pf-v2 .rel-grid{grid-template-columns:1fr}}
.pf-v2 .rel-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column}
.pf-v2 .rel-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pf-v2 .rel-card:hover .rel-thumb img{transform:scale(1.06)}
.pf-v2 .rel-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--tint)}
.pf-v2 .rel-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.pf-v2 .rel-tag{position:absolute;left:10px;bottom:10px;background:rgba(1,46,75,.82);color:#fff;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:5px 11px;border-radius:999px}
.pf-v2 .rel-card h4{margin:0;padding:13px 15px 16px;font-size:15.5px;color:var(--navy);line-height:1.32}
.pf-v2 .rel-card.no-thumb .rel-body{padding:16px}
.pf-v2 .rel-card.no-thumb h4{padding:0;margin-bottom:10px}
.pf-v2 .rel-card .rel-pill{display:inline-block;background:var(--tint);color:var(--blue);font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:10px;border:1px solid var(--line)}
.pf-v2 .rel-card .rel-read{font-size:12.5px;color:var(--blue);font-weight:600}
.pf-v2 .rel-card.no-thumb:hover .rel-read{color:var(--orange)}

/* ---------- sticky aside ---------- */
.pf-v2 .aside{position:sticky;top:86px;display:flex;flex-direction:column;gap:18px}
.pf-v2 .quotebox{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.pf-v2 .quotebox .head{background:linear-gradient(120deg,var(--blue),var(--blue-2));color:#fff;padding:18px 20px}
.pf-v2 .quotebox .head .k{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#9fd0ec;font-weight:700}
.pf-v2 .quotebox .head h3{margin:4px 0 0;font-size:20px;color:#fff}
.pf-v2 .quotebox .body{padding:18px 20px}
.pf-v2 .savehook{background:var(--tint);border-radius:9px;padding:10px 12px;font-size:13px;color:var(--blue-2);margin-bottom:16px;line-height:1.4}
.pf-v2 .savehook b{color:var(--orange)}
.pf-v2 .field{margin-bottom:14px}
.pf-v2 .field label{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:6px}
.pf-v2 .field input,.pf-v2 .field select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:9px;font-size:15px;font-family:inherit;color:var(--ink);background:#fff}
.pf-v2 .field input:focus,.pf-v2 .field select:focus{outline:none;border-color:var(--blue)}
.pf-v2 .seg{display:flex;gap:8px}
.pf-v2 .seg button{flex:1;padding:10px;border:1px solid var(--line);background:#fff;border-radius:9px;font-family:inherit;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}
.pf-v2 .seg button.on{border-color:var(--blue);background:var(--tint);color:var(--blue)}
.pf-v2 .quotebox .submit{width:100%;background:var(--orange-cta);color:#fff;border:0;font-family:inherit;font-weight:700;font-size:16.5px;padding:15px;border-radius:11px;cursor:pointer;box-shadow:0 6px 18px rgba(242,110,34,.35)}
.pf-v2 .quotebox .submit:hover{background:#a6430a}
.pf-v2 .trust{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:12px;color:var(--muted);font-size:12.5px}
.pf-v2 .stars{color:#f5a623;letter-spacing:1px}
.pf-v2 .miniguides{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}
.pf-v2 .miniguides .t{font-weight:700;color:var(--navy);font-size:14px;margin-bottom:10px}
.pf-v2 .miniguides a{display:block;color:var(--blue-2);font-size:14px;padding:7px 0;border-bottom:1px solid var(--line)}
.pf-v2 .miniguides a:last-child{border-bottom:0}
.pf-v2 .miniguides a:hover{color:var(--orange)}

/* ---------- What's trending widget ---------- */
.pf-v2 .trending{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.pf-v2 .trending .tr-h{background:var(--navy);color:#fff;padding:12px 16px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}
.pf-v2 .trending .tr-h .live{width:8px;height:8px;border-radius:50%;background:#ff5a5a;animation:pf-pulse 1.8s infinite}
@keyframes pf-pulse{0%{box-shadow:0 0 0 0 rgba(255,90,90,.5)}70%{box-shadow:0 0 0 8px rgba(255,90,90,0)}100%{box-shadow:0 0 0 0 rgba(255,90,90,0)}}
.pf-v2 .tr-item{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}
.pf-v2 .tr-item:last-child{border-bottom:0}
.pf-v2 .tr-item:hover{background:var(--tint-2)}
.pf-v2 .tr-thumb{width:64px;height:52px;border-radius:9px;object-fit:cover;flex-shrink:0;background:var(--tint)}
.pf-v2 .tr-tx b{font-size:13.5px;color:var(--navy);line-height:1.3;display:block}
.pf-v2 .tr-item:hover .tr-tx b{color:var(--blue)}
.pf-v2 .tr-date{font-size:11.5px;color:var(--muted);margin-top:4px}
.pf-v2 .tr-badge{background:#ff5a5a;color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.4px;margin-right:5px}

/* ---------- mobile sticky bar ---------- */
.pf-v2 .mbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(1,46,75,.12);padding:10px 16px;align-items:center;gap:12px}
.pf-v2 .mbar .mtxt{flex:1;font-size:13.5px;font-weight:600;color:var(--navy);line-height:1.25}
.pf-v2 .mbar .mtxt span{display:block;color:var(--muted);font-weight:400;font-size:12px}
.pf-v2 .mbar a{background:var(--orange-cta);color:#fff;font-weight:700;padding:12px 18px;border-radius:10px;font-size:15px;white-space:nowrap}
@media(max-width:860px){.pf-v2 .mbar{display:flex}.pf-v2{padding-bottom:70px}}

/* ---------- exit-intent lead popup ---------- */
.pf-v2 .exitov{display:none;position:fixed;inset:0;top:0;left:0;width:100vw;height:100vh;z-index:100;background:rgba(1,46,75,.55);align-items:center;justify-content:center;padding:20px}
.pf-v2 .exitov.show{display:flex}
.pf-v2 .exitmodal{background:#fff;border-radius:18px;max-width:440px;width:100%;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;animation:pf-pop .25s ease}
@keyframes pf-pop{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
.pf-v2 .exitmodal .xhead{background:linear-gradient(120deg,var(--blue),var(--blue-2));color:#fff;padding:24px 26px}
.pf-v2 .exitmodal .xhead h3{margin:0 0 6px;font-size:23px}
.pf-v2 .exitmodal .xhead p{margin:0;color:#cfe2ef;font-size:14.5px}
.pf-v2 .exitmodal .xbody{padding:22px 26px}
.pf-v2 .exitmodal .xbtn{display:block;width:100%;text-align:center;background:var(--orange-cta);color:#fff;font-weight:700;font-size:17px;padding:15px;border-radius:11px;border:0;font-family:inherit;cursor:pointer;box-shadow:0 6px 18px rgba(242,110,34,.35)}
.pf-v2 .exitmodal .xbtn:hover{background:#a6430a}
.pf-v2 .exitmodal .xsmall{text-align:center;font-size:12.5px;color:var(--muted);margin-top:12px}
.pf-v2 .exitmodal .xclose{position:absolute;top:12px;right:14px;background:rgba(255,255,255,.2);color:#fff;border:0;width:30px;height:30px;border-radius:50%;font-size:16px;cursor:pointer;z-index:2}

/* ============================================================
   Drag-and-drop content blocks — CTA button + Note (with variants)
   ============================================================ */
.pf-v2 .pf-cta-wrap{margin:24px 0}
.pf-v2 .pf-cta-left{text-align:left}
.pf-v2 .pf-cta-center{text-align:center}
.pf-v2 .pf-cta-btn{display:inline-block;font-weight:700;font-size:16px;padding:14px 28px;border-radius:11px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}
.pf-v2 .pf-cta-btn:hover{transform:translateY(-2px)}
.pf-v2 .pf-cta-primary{background:var(--orange-cta);color:#fff;box-shadow:0 6px 18px rgba(242,110,34,.35)}
.pf-v2 .pf-cta-primary:hover{background:#a6430a}
.pf-v2 .pf-cta-secondary{background:#fff;color:var(--blue);border:2px solid var(--blue)}
.pf-v2 .pf-cta-secondary:hover{background:var(--tint)}
.pf-v2 .pf-cta-dark{background:var(--navy);color:#fff}
.pf-v2 .pf-cta-dark:hover{background:var(--blue-2)}
/* Note box */
.pf-v2 .pf-note{display:flex;gap:12px;border-radius:10px;padding:14px 16px;margin:22px 0;font-size:15px;line-height:1.55;border:1px solid;border-left-width:4px}
.pf-v2 .pf-note-ic{font-size:18px;line-height:1.4;flex-shrink:0}
.pf-v2 .pf-note-h{display:block;font-weight:700;margin-bottom:3px;font-size:13.5px;text-transform:uppercase;letter-spacing:.3px}
.pf-v2 .pf-note-body p:last-child{margin-bottom:0}
.pf-v2 .pf-note-info{background:#f0f8ff;border-color:#bcdcf0;color:#2c3b44}
.pf-v2 .pf-note-info .pf-note-h{color:var(--blue)}
.pf-v2 .pf-note-warning{background:var(--warning-bg);border-color:var(--warning-border);color:#5a3a2a}
.pf-v2 .pf-note-warning .pf-note-h{color:#c2410c}
.pf-v2 .pf-note-success{background:var(--success-bg);border-color:var(--success-border);color:#264a34}
.pf-v2 .pf-note-success .pf-note-h{color:var(--success-fg)}
.pf-v2 .pf-note-tip{background:#fff6ef;border-color:#f8d9c2;color:#4a3b30}
.pf-v2 .pf-note-tip .pf-note-h{color:var(--orange)}

/* ============================================================
   Testimonial quote block
   ============================================================ */
.pf-v2 .pf-testi{display:flex;gap:22px;background:var(--tint-2);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:12px;padding:24px;margin:28px 0}
.pf-v2 .pf-testi-who{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:96px;flex-shrink:0}
.pf-v2 .pf-testi-av{width:60px;height:60px;border-radius:50%;overflow:hidden;background:var(--tint)}
.pf-v2 .pf-testi-av img{width:100%;height:100%;object-fit:cover}
.pf-v2 .pf-testi-name{font-size:14px;font-weight:700;color:var(--navy)}
.pf-v2 .pf-testi-role{font-size:12px;color:var(--muted)}
.pf-v2 .pf-testi-body{flex:1;min-width:0}
.pf-v2 .pf-testi-mark{font-size:40px;color:var(--blue);line-height:1;font-weight:700;display:block}
.pf-v2 .pf-testi-quote{font-size:15.5px;line-height:1.6;color:#2c3b44;margin:4px 0 0}
@media(max-width:560px){.pf-v2 .pf-testi{flex-direction:column;align-items:center;text-align:center}.pf-v2 .pf-testi-body{text-align:left}}

/* ============================================================
   Multi-badge category row (πάνω από τον τίτλο)
   ============================================================ */
.pf-v2 .badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.pf-v2 .badges .pill{margin:0}

/* ============================================================
   providers layout="cards" — pricing cards grid variant
   ============================================================ */
.pf-v2 .providers-cards .pv-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.pf-v2 .providers-cards .pv-list{grid-template-columns:1fr}}
.pf-v2 .pv-card-grid{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);position:relative;transition:transform .15s,box-shadow .15s}
.pf-v2 .pv-card-grid:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.pf-v2 .pv-card-grid.best{border:2px solid var(--orange-cta)}
.pf-v2 .pv-card-grid .pv-logo{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:16px;color:#fff;margin-bottom:12px}
.pf-v2 .pv-card-grid .pv-plantitle{display:inline-block;background:var(--tint);color:var(--blue);font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:10px;width:fit-content}
.pf-v2 .pv-card-grid .pv-amount{font-size:24px;font-weight:800;color:var(--navy);margin-bottom:6px}
.pf-v2 .pv-card-grid .pv-plan{font-size:12.5px;color:var(--muted);margin-bottom:14px}
.pf-v2 .pv-card-grid .pv-cta-block{display:block;width:100%;text-align:center;background:var(--orange-cta);color:#fff;font-weight:700;font-size:14px;padding:11px;border-radius:10px}
.pf-v2 .pv-card-grid .pv-cta-block:hover{background:#a6430a}

/* ============================================================
   convocard variant="flat" — light side-banner style CTA
   ============================================================ */
.pf-v2 .convo-flat{background:var(--line);border:none;box-shadow:none;color:var(--ink)}
.pf-v2 .convo-flat .inner{align-items:center;gap:24px}
.pf-v2 .convo-flat h4{color:var(--navy)}
.pf-v2 .convo-flat p{color:#33424c;max-width:320px}
.pf-v2 .eyebrow-flat{color:var(--blue) !important}
.pf-v2 .btn-flat{display:inline-block;background:var(--orange-cta);color:#fff;font-weight:700;padding:11px 20px;border-radius:9px;font-size:14.5px;margin-top:14px;box-shadow:none}
.pf-v2 .btn-flat:hover{background:#a6430a}
.pf-v2 .convo-icon{font-size:48px;flex-shrink:0;width:96px;height:96px;display:grid;place-items:center;background:#fff;border-radius:16px}
@media(max-width:640px){.pf-v2 .convo-flat .inner{flex-direction:column;text-align:center}.pf-v2 .convo-flat p{max-width:none}}