/* Blue Recovery affiliate productkaarten — luxe-look op wit (BRAFF v1.0.0)
   Palet uit bluerecovery-design: ink #0b2b3c, navy #023a5e/#035486, muted #5b6b77,
   haarlijn #e3ecf3, zachte ondergrond #fafcfe/#f4f8fb, accent-cyaan #1bc1ff. */

.brp{background:#fff;border:1px solid #e3ecf3;border-radius:16px;padding:26px 28px;margin:30px 0;box-shadow:0 1px 2px rgba(11,43,60,.04),0 10px 28px -18px rgba(11,43,60,.14)}
.brp--win{border-color:#c9e9fb;box-shadow:0 1px 2px rgba(3,84,134,.06),0 14px 34px -18px rgba(3,84,134,.22)}

/* kop */
.brp__head{display:flex;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px solid #eef3f7;margin-bottom:18px}
.brp__num{font-size:2.1rem;font-weight:200;line-height:1;color:#98a7b3;letter-spacing:.02em;padding-top:2px}
.brp--win .brp__num{color:#1bc1ff}
.brp__heading{flex:1;min-width:0}
.brp__eyebrow{margin:0 0 3px !important;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#035486}
.brp__title{margin:0 !important;padding:0 !important;font-size:1.25rem;line-height:1.3;color:#0b2b3c}
.brp__chip{flex:none;display:inline-flex;align-items:baseline;gap:2px;background:#f4f8fb;border:1px solid #e3ecf3;border-radius:999px;padding:7px 14px;color:#023a5e;white-space:nowrap}
.brp__chip b{font-size:1.05rem;font-weight:800}
.brp__chip span{font-size:.75rem;color:#5b6b77}

/* beeld | specs */
.brp__grid{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:22px;align-items:center;margin-bottom:16px}
.brp__media{margin:0 !important;background:#fafcfe;border:1px solid #eef3f7;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center}
.brp__media img{max-width:100%;height:auto;max-height:220px;object-fit:contain;mix-blend-mode:multiply}
.brp__specs{margin:0;display:flex;flex-direction:column}
.brp__spec{display:flex;justify-content:space-between;gap:14px;padding:9px 2px;border-bottom:1px solid #eef3f7}
.brp__spec:last-child{border-bottom:0}
.brp__spec dt{font-size:.82rem;font-weight:600;color:#5b6b77;margin:0}
.brp__spec dd{font-size:.88rem;color:#0b2b3c;margin:0;text-align:right}

/* intro */
.brp__intro p{margin:0 0 10px;font-size:.95rem;line-height:1.65;color:#38505f}
.brp__intro p:last-child{margin-bottom:0}

/* voordelen / nadelen */
.brp__procons{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0 2px}
.brp__list h4{margin:0 0 8px !important;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.brp__list--pros h4{color:#1c7a4e}
.brp__list--cons h4{color:#8a5a44}
.brp__list ul{list-style:none;margin:0 !important;padding:0 !important}
.brp__list li{position:relative;padding:4px 0 4px 24px;font-size:.9rem;line-height:1.5;color:#38505f}
.brp__list--pros li::before{content:"\2713";position:absolute;left:0;top:4px;font-weight:700;color:#1c8a5a}
.brp__list--cons li::before{content:"\00d7";position:absolute;left:0;top:3px;font-weight:700;color:#b4573f}

/* score-opbouw balkjes */
.brp__bars{margin:14px 0 4px;padding:14px 16px;background:#fafcfe;border:1px solid #eef3f7;border-radius:12px}
.brp__bar{display:grid;grid-template-columns:130px 1fr 30px;align-items:center;gap:12px;padding:4px 0}
.brp__bar .k{font-size:.78rem;font-weight:600;color:#5b6b77}
.brp__bar .track{height:6px;border-radius:999px;background:#e3ecf3;overflow:hidden}
.brp__bar .track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#035486,#1bc1ff)}
.brp__bar .v{font-size:.8rem;font-weight:700;color:#023a5e;text-align:right}

/* CTA */
.brp__cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.brp__own{font-size:.78rem;color:#5b6b77}
.brp-btn,.brp-btn:visited{display:inline-flex;align-items:center;gap:8px;background:#035486;color:#fff !important;font-weight:700;font-size:.92rem;line-height:1;padding:14px 26px;border-radius:999px;text-decoration:none !important;border:0;box-shadow:0 6px 16px -8px rgba(3,84,134,.5);transition:background .15s ease,transform .15s ease}
.brp-btn:hover{background:#023a5e;color:#fff !important;transform:translateY(-1px)}
.brp-btn--own,.brp-btn--own:visited{background:#0b2b3c}
.brp-btn--own:hover{background:#023a5e}
.brp-btn__ext{font-size:.85em;opacity:.8}
.brp-ctabar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:18px 0}
.brp-ctabar__sub{font-size:.78rem;color:#5b6b77}

/* ===== VA-blokken in BR-look: trust-strip, verdict-hero, disclosure, quickpick ===== */

.brv-trust{display:flex;flex-wrap:wrap;gap:.9em 1.8em;justify-content:center;padding:.9em 1.4em;margin:0 0 2em;border-top:1px solid #e3ecf3;border-bottom:1px solid #e3ecf3;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:#5b6b77}
.brv-trust strong{color:#0b2b3c;font-weight:600;margin-right:.35em}

.brv-verdict{background:#0b2b3c;color:#eaf3f9;border-radius:18px;overflow:hidden;margin:0 0 3em;box-shadow:0 18px 44px -22px rgba(11,43,60,.55)}
.brv-verdict__inner{display:grid;grid-template-columns:1fr 340px;align-items:stretch}
.brv-verdict__body{padding:2.6em 2.6em 2.2em}
.brv-verdict__eyebrow{margin:0 0 1.1em !important;font-size:.74rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:#1bc1ff;display:flex;align-items:center;gap:.5em}
.brv-verdict__star{color:#1bc1ff;font-size:1.05em}
.brv-verdict__title{margin:0 0 .45em !important;padding:0 !important;font-size:2rem;line-height:1.12;font-weight:800;letter-spacing:-.01em;color:#fff}
.brv-verdict__tagline{margin:0 0 1.5em !important;font-size:1.02rem;color:#c6dbe8;max-width:38ch;line-height:1.5}
.brv-verdict__cta{margin:0 0 1em;display:flex;flex-wrap:wrap;gap:.6em;align-items:center}
.brv-verdict__footnote{margin:0 !important;font-size:.82rem;color:#8fa9ba;font-style:italic;max-width:48ch}
.brv-verdict__media{background:#fff;display:flex;align-items:center;justify-content:center;padding:1.8em}
.brv-verdict__media img{max-width:100%;height:auto;display:block;object-fit:contain}
.brp-btn--verdict,.brp-btn--verdict:visited{background:#1bc1ff;color:#0b2b3c !important;box-shadow:0 8px 20px -8px rgba(27,193,255,.5)}
.brp-btn--verdict:hover{background:#5fd4ff;color:#0b2b3c !important}

.brv-disclosure{font-size:.82rem;color:#5b6b77;font-style:italic;line-height:1.55;margin:0 0 2.4em !important;padding:0 0 0 1em;border-left:2px solid #e3ecf3;max-width:64ch}
.brv-disclosure__mark{color:#035486;font-style:normal;margin-right:.3em;font-weight:700}

/* Quickpick — getint paneel met duidelijke hairlines (VA-niveau, BR-tinten) */
.brv-quickpick{background:linear-gradient(180deg,#eaf3fa 0%,#e2eef7 100%);border:1px solid #c6dcEB;border-radius:16px;padding:1.9em 2.1em;margin:0 0 2.4em;box-shadow:0 1px 2px rgba(11,43,60,.05),0 12px 30px -22px rgba(3,84,134,.35)}
.brv-quickpick__title{margin:0 0 .9em !important;padding:0 0 .7em !important;font-size:1.3rem;font-weight:800;color:#0b2b3c;letter-spacing:-.01em;border-bottom:2px solid #0b2b3c}
.brv-quickpick__list{list-style:none;margin:0 !important;padding:0 !important}
.brv-quickpick__list li{padding:.8em 0;border-bottom:1px solid #c9dcea;font-size:.95rem;line-height:1.65;color:#243c4b}
.brv-quickpick__list li:last-child{border-bottom:none;padding-bottom:.1em}
.brv-quickpick__list strong{color:#0b2b3c;font-weight:800}
.brv-quickpick__list a,.brv-quickpick__list a:visited{color:#0b2b3c !important;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:#1bc1ff}
.brv-quickpick__list a:hover{color:#035486 !important;text-decoration-color:#035486}

/* prijsklassen (VA-pricecards) */
.brv-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 2.2em}
.brv-tier{background:#fff;border:1px solid #e3ecf3;border-radius:14px;padding:18px 20px}
.brv-tier--mid{border-color:#c9e9fb;box-shadow:0 10px 26px -18px rgba(3,84,134,.25)}
.brv-tier__label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#035486;margin-bottom:2px}
.brv-tier__range{font-size:1.25rem;font-weight:800;color:#0b2b3c;margin-bottom:6px}
.brv-tier p{margin:0 !important;font-size:.85rem;line-height:1.55;color:#5b6b77}

/* sub-ranglijsten */
.brv-subranks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 2.2em}
.brv-subrank{background:#fafcfe;border:1px solid #eef3f7;border-radius:14px;padding:16px 20px}
.brv-subrank h3{margin:0 0 8px !important;padding:0 !important;font-size:.95rem;font-weight:700;color:#0b2b3c}
.brv-subrank ol{margin:0 !important;padding-left:20px !important}
.brv-subrank li{font-size:.88rem;line-height:1.6;color:#38505f;padding:2px 0}
.brv-subrank a,.brv-subrank a:visited{color:#035486 !important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#1bc1ff}
.brv-subrank a:hover{color:#023a5e !important}

/* top 10 in een oogopslag */
/* Glance-tabel — VA-niveau: donkere kop, zebra-rijen, stevige nummers, outlined knop */
.brv-glance-wrap{overflow-x:auto;margin:0 0 2.4em;border:1px solid #c6dceb;border-radius:14px;box-shadow:0 1px 2px rgba(11,43,60,.05),0 12px 30px -22px rgba(3,84,134,.3)}
.brv-glance{width:100%;border-collapse:collapse;margin:0 !important;font-size:.92rem}
.brv-glance thead th{background:#0b2b3c;color:#e8f4fb;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-align:left;padding:14px 16px}
.brv-glance td{padding:13px 16px;border-bottom:1px solid #dce9f2;vertical-align:middle;background:#fff}
.brv-glance tbody tr:nth-child(even) td{background:#f2f8fc}
.brv-glance tbody tr:hover td{background:#e8f2f9}
.brv-glance tr:last-child td{border-bottom:0}
.brv-glance__num{width:48px;font-weight:300;font-size:1.3rem;color:#5b7385;text-align:center;font-variant-numeric:tabular-nums}
.brv-glance__prod{display:flex;align-items:center;gap:14px}
.brv-glance__prod img{width:58px;height:58px;object-fit:contain;background:#fff;border:1px solid #dce9f2;border-radius:8px;padding:4px;flex:none}
.brv-glance__prod strong{display:block;color:#0b2b3c;font-size:.95rem;font-weight:700;line-height:1.3}
.brv-glance__prod span{display:block;color:#5b6b77;font-size:.8rem;margin-top:3px}
.brv-glance__cat{color:#26404f;white-space:nowrap;font-size:.88rem}
.brv-glance__go{text-align:right}
.brv-glance__go a,.brv-glance__go a:visited{display:inline-block;border:1.5px solid #0b2b3c;color:#0b2b3c !important;font-weight:700;font-size:.84rem;padding:9px 18px;border-radius:6px;text-decoration:none !important;white-space:nowrap;transition:background .15s ease,color .15s ease}
.brv-glance__go a:hover{background:#0b2b3c;color:#fff !important}

/* beste per categorie kaarten */
/* Beste-per-categorie — kaarten met meer contrast en outlined knop (VA-niveau) */
.brv-cats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 2.4em}
.brv-cat{background:#fff;border:1px solid #c6dceb;border-top:4px solid #0b2b3c;border-radius:12px;padding:22px 24px;box-shadow:0 1px 2px rgba(11,43,60,.05),0 12px 28px -20px rgba(3,84,134,.3);display:flex;flex-direction:column;align-items:flex-start}
.brv-cat__eyebrow{margin:0 0 6px !important;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#035486}
.brv-cat__title{margin:0 0 7px !important;font-size:1.12rem;font-weight:800;color:#0b2b3c;line-height:1.3;letter-spacing:-.01em}
.brv-cat__text{margin:0 0 14px !important;font-size:.88rem;line-height:1.6;color:#42596a}
.brv-cat__link,.brv-cat__link:visited{display:inline-block;margin-top:auto;border:1.5px solid #0b2b3c;color:#0b2b3c !important;font-weight:700;font-size:.84rem;padding:8px 16px;border-radius:6px;text-decoration:none !important;transition:background .15s ease,color .15s ease}
.brv-cat__link:hover{background:#0b2b3c;color:#fff !important}

/* uitklapbare FAQ — zelfde look als de brd-faq accordion op categoriepagina's:
   losse witte kaarten, vraag links, ronde blauwe +/− rechts */
.brfaq{margin:18px 0 2em}
.brfaq .brfaq__item{background:#fff;border:1px solid #e3ecf3;border-radius:14px;margin-top:12px;box-shadow:0 2px 10px rgba(3,84,134,.05);overflow:hidden}
.brfaq .brfaq__item summary{display:block;position:relative;padding:18px 56px 18px 22px;cursor:pointer;list-style:none;transition:background .15s ease;text-align:left}
.brfaq .brfaq__item summary::-webkit-details-marker{display:none}
.brfaq .brfaq__item summary:hover,.brfaq .brfaq__item[open] summary{background:#f4f8fb}
.brfaq .brfaq__item summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:28px;height:28px;line-height:26px;text-align:center;font-size:22px;color:#fff;background:#035486;border-radius:50%}
.brfaq .brfaq__item[open] summary::after{content:"\2212";background:#1bc1ff}
.brfaq .brfaq__q{display:block;margin:0 !important;padding:0 !important;font-size:1.06rem !important;font-weight:600 !important;color:#0b2b3c !important;line-height:1.4 !important;text-align:left !important;text-transform:none !important;letter-spacing:normal !important;font-family:inherit !important}
.brfaq__chev{display:none}
.brfaq .brfaq__a{padding:2px 22px 20px}
.brfaq .brfaq__a p{margin:0 !important;font-size:.95rem;line-height:1.7;color:#38505f}

/* Verder lezen — vierkante tegels naar alle koopgidsen (zelfde kaarttaal als brv-cat) */
.brv-more{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 2.4em}
.brv-more__tile,.brv-more__tile:visited{aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px 14px;background:#fff;border:1px solid #c6dceb;border-top:4px solid #0b2b3c;border-radius:12px;box-shadow:0 1px 2px rgba(11,43,60,.05),0 12px 28px -20px rgba(3,84,134,.3);text-decoration:none !important;color:#0b2b3c !important;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.brv-more__tile:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(11,43,60,.06),0 18px 32px -18px rgba(3,84,134,.45);border-color:#035486}
.brv-more__eyebrow{display:block;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#035486;margin-bottom:8px}
.brv-more__title{display:block;font-size:1.02rem;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:#0b2b3c}
.brv-more__sub{display:block;font-size:.8rem;line-height:1.45;color:#42596a;margin-top:6px}
.brv-more__cta{display:inline-block;margin-top:12px;font-size:.8rem;font-weight:700;color:#035486;border-bottom:2px solid #1bc1ff;line-height:1.25}
@media (max-width:900px){.brv-more{grid-template-columns:repeat(3,1fr)}}

/* mobiel */
@media (max-width:640px){
  .brp{padding:18px 16px;border-radius:14px}
  .brp__grid{grid-template-columns:1fr;gap:14px}
  .brp__media img{max-height:190px}
  .brp__procons{grid-template-columns:1fr;gap:10px}
  .brp__bar{grid-template-columns:104px 1fr 26px}
  .brp__head{gap:12px}
  .brp__num{font-size:1.6rem}
  .brp-btn{width:100%;justify-content:center}
  .brv-verdict__inner{grid-template-columns:1fr}
  .brv-verdict__body{padding:1.8em 1.4em 1.5em}
  .brv-verdict__title{font-size:1.5rem}
  .brv-verdict__media{order:-1;padding:1.2em}
  .brv-verdict__media img{max-height:230px}
  .brv-trust{gap:.5em 1.2em;font-size:.72rem}
  .brv-quickpick{padding:1.2em 1.1em}
  .brv-tiers{grid-template-columns:1fr}
  .brv-subranks{grid-template-columns:1fr}
  .brv-cats{grid-template-columns:1fr}
  .brv-more{grid-template-columns:repeat(2,1fr);gap:10px}
  .brv-more__tile{padding:14px 10px}
  .brv-more__sub{display:none}
  .brv-more__title{font-size:.92rem}
  .brv-glance__cat{display:none}
  .brv-glance thead th:nth-child(3){display:none}
}

/* 1.3.3 (26-09): vaste beeldmaat. Het thema (reset.css img, Elementor .elementor img) zet height:auto
   en laadt NA dit bestand, dus een smalle flesfoto rekte de verdict-kaart en de tabelrij uit. */
.brv-glance .brv-glance__prod img{width:58px !important;height:58px !important;max-width:none !important}
.brv-verdict .brv-verdict__media img{width:auto !important;height:auto !important;max-width:100%;max-height:360px;mix-blend-mode:multiply}
.brp .brp__media img{width:auto !important;height:auto !important;max-height:220px}
@media (max-width:640px){
  .brv-verdict .brv-verdict__media img{max-height:230px}
  .brp .brp__media img{max-height:190px}
}