/* ==========================================================================
   Rover Nature — PDP concept "Tallow" — ronde 2 (aanvullingen + overrides)
   Laadt NA pdp-tallow.css. Bevat alleen wat in ronde 2 is bijgekomen:
     · garantie-schakelaar (data-guar + body.guarantee-on)
     · proofrow (vervangt de sterrenregel zolang er geen echte reviews zijn)
     · lege-staat voor het reviewblok
   ========================================================================== */

/* ---------- concept ribbon met garantie-toggle ---------- */
.concept{display:flex;align-items:center;gap:10px}
.concept__btn{border:1px solid rgba(255,255,255,.55);color:#fff;font-family:var(--h);font-size:9px;
  font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;
  transition:background .2s ease,color .2s ease}
.concept__btn:hover{background:#fff;color:var(--wine)}

/* ==========================================================================
   GARANTIE-SCHAKELAAR
   Alles wat bij de 30-dagen-garantie hoort heeft data-guar. Staat
   body.guarantee-on niet aan, dan verdwijnt het hele verhaal in één keer:
   announcement bar, regel onder de ATC-knop, accordion-item, trust-tegel,
   voor/na-voetnoot, FAQ-vraag, het garantieblok en de slotregel.
   ========================================================================== */
body:not(.guarantee-on) [data-guar]{display:none!important}
body:not(.guarantee-on) .trust__grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){body:not(.guarantee-on) .trust__grid{grid-template-columns:1fr 1fr}}

/* ---------- proofrow: niet-verzonnen bewijs i.p.v. sterren ---------- */
.proofrow{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin-bottom:22px;
  font-family:var(--h);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.proofrow span{display:inline-flex;align-items:center;gap:7px}
.proofrow svg{width:14px;height:14px;flex:none;color:var(--gold)}
.proofrow .sep{opacity:.3}
.proofrow a{border-bottom:1px solid var(--line);text-transform:none;letter-spacing:.02em;
  font-weight:600;font-family:var(--b);font-size:13px}
.proofrow a:hover{border-color:var(--ink)}

/* ---------- regel(s) onder de ATC-knop ---------- */
.atc-sub{gap:6px 18px}
.atc-sub span{display:inline-flex;align-items:center;gap:7px}

/* ==========================================================================
   REVIEWS — lege staat (geen verzonnen reviews in dit concept)
   ========================================================================== */
.revsoon{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch}
@media(max-width:880px){.revsoon{grid-template-columns:1fr}}
.revcta{background:var(--ink);color:var(--cream);padding:clamp(26px,3vw,38px);display:grid;
  gap:16px;align-content:center;border:1px solid var(--gold)}
.revcta h3{color:var(--cream);font-size:22px}
.revcta p{font-size:14.5px;line-height:1.65;opacity:.82;margin:0}
.revcta .btn{width:auto;justify-self:start}
.revcta__list{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:13.5px;opacity:.82}
.revcta__list li{display:flex;gap:9px;align-items:flex-start;line-height:1.5}
.revcta__list svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--gold)}

.revskels{display:grid;gap:14px}
.revskel{background:var(--cream);border:1px dashed rgba(16,16,16,.28);padding:22px 24px;
  display:grid;gap:11px;position:relative}
.revskel__tag{position:absolute;top:-10px;right:16px;background:var(--wine);color:#fff;
  font-family:var(--h);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  padding:4px 8px}
.revskel__row{display:flex;align-items:center;gap:12px}
.revskel__av{width:42px;height:42px;border-radius:99px;flex:none}
.revskel__stars{color:rgba(16,16,16,.22);font-size:14px;letter-spacing:2px}
.revskel__bar{height:9px;background:rgba(16,16,16,.08)}
.revskel__bar--80{width:80%}
.revskel__bar--60{width:60%}
.revskel__bar--40{width:40%}

/* ---------- bouwnotitie: alleen zichtbaar in dit concept ---------- */
.devnote{border:1px dashed var(--wine);background:rgba(114,47,56,.07);padding:18px 22px;
  font-size:13.5px;line-height:1.7;margin:30px auto 0;max-width:880px}
.devnote b{font-family:var(--h)}
.sec--dark .devnote{background:rgba(198,171,116,.08);border-color:var(--gold);color:var(--beige)}