/* RSN Safety Valbeveiligingssystemen V2 - alle regels uitsluitend binnen .rsn-vs */
.rsn-vs{--vs-green:#02b701;--vs-ink:#202824;--vs-muted:#62756a;--vs-line:#dce7df;--vs-mint:#f2f9f3;color:var(--vs-ink);width:100%;overflow:visible;font-family:inherit}
.rsn-vs *{box-sizing:border-box}.rsn-vs h1,.rsn-vs h2,.rsn-vs h3,.rsn-vs p{margin:0}.rsn-vs h1,.rsn-vs h2,.rsn-vs h3{color:var(--vs-ink);font-weight:800;line-height:1.16}.rsn-vs p{color:var(--vs-muted);line-height:1.55}.rsn-vs a{text-decoration:none}.rsn-vs-wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}.rsn-vs > section{width:100vw;max-width:none;position:relative;left:50%;margin-left:-50vw}.rsn-vs a:focus-visible,.rsn-vs summary:focus-visible{outline:3px solid #02b701;outline-offset:3px}
.rsn-vs-kicker{color:#008f18;letter-spacing:.055em;font-size:11px;font-weight:800}.rsn-vs-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:45px;padding:11px 18px;border-radius:5px;font-size:13px;font-weight:800;text-align:center;transition:background .15s}.rsn-vs-button--primary{color:#fff!important;background:var(--vs-green)}.rsn-vs-button--primary:hover{background:#009600}.rsn-vs-button--outline{color:var(--vs-ink)!important;background:#fff;border:1px solid #2b3830}.rsn-vs-button--dark-outline{color:#fff!important;border:1px solid #e1ece4;background:transparent}.rsn-vs-button--dark-outline:hover{background:rgba(255,255,255,.13)}
/* Compacte hero, in lijn met bestaande RSN systeemtemplates */
.rsn-vs .rsn-vs-hero{background:radial-gradient(ellipse 38% 76% at 78% 53%,#dcefe1 0,#f2f9f3 66%,transparent 72%),linear-gradient(105deg,#f9fcf9,#edf8ef);padding:16px 0 24px;overflow:hidden}.rsn-vs-breadcrumb{display:flex;gap:10px;align-items:center;color:#6d8274;font-size:12px;margin-bottom:10px}.rsn-vs-breadcrumb a{color:#009b18}.rsn-vs-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:30px;min-height:314px}.rsn-vs-hero__copy{max-width:580px;padding-bottom:9px}.rsn-vs-hero__copy h1{font-size:clamp(34px,3.25vw,46px);max-width:550px;letter-spacing:-.036em;margin:12px 0 14px}.rsn-vs-hero__copy p{font-size:15px;max-width:540px}.rsn-vs-hero__actions{display:flex;gap:12px;margin-top:23px;flex-wrap:wrap}.rsn-vs-hero__visual{position:relative;height:320px;isolation:isolate}.rsn-vs-hero__halo{z-index:-1;position:absolute;inset:4% 1%;background:radial-gradient(ellipse at center,#d9f3de 0%,rgba(232,248,235,.7) 50%,transparent 72%)}.rsn-vs-hero__product{position:absolute;object-fit:contain;display:block;width:auto;max-width:none;height:auto;filter:drop-shadow(0 10px 11px rgba(27,51,36,.12));background:transparent}.rsn-vs-hero__product--tripod{height:96%;width:48%;left:27%;bottom:0;z-index:3}.rsn-vs-hero__product--davit{height:73%;width:42%;left:1%;bottom:0;z-index:2}.rsn-vs-hero__product--rescue{height:66%;width:32%;right:0;bottom:0;z-index:1}
/* Kaarten 3 + 2 */
.rsn-vs-categories{padding:34px 0 45px;background:#fff;scroll-margin-top:90px}.rsn-vs-heading{margin-bottom:18px}.rsn-vs-heading h2{font-size:clamp(26px,2.65vw,35px);letter-spacing:-.026em;margin-bottom:8px}.rsn-vs-heading p{font-size:14px}.rsn-vs-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px}.rsn-vs-category{grid-column:span 2;position:relative;isolation:isolate;overflow:hidden;border:1px solid #dce5df;border-radius:9px;background:#fff;box-shadow:0 3px 10px rgba(20,46,30,.045);transition:transform .15s,box-shadow .15s}.rsn-vs-category--wide{grid-column:span 3}.rsn-vs-category:hover,.rsn-vs-category:focus-within{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,46,30,.09)}.rsn-vs-category__full-link{position:absolute;inset:0;z-index:3}.rsn-vs-category__full-link:focus-visible{outline:-3px solid #02b701;outline-offset:-4px}.rsn-vs-category__media{height:175px;background:linear-gradient(145deg,#f4f7f5,#e7f1e9);overflow:hidden;display:flex;align-items:center;justify-content:center}.rsn-vs-category__media img{width:100%;height:100%;object-fit:contain;padding:13px}.rsn-vs-category__placeholder{color:#506457;font-weight:750}.rsn-vs-category__content{padding:15px 17px 16px;display:flex;flex-direction:column;min-height:136px}.rsn-vs-category__content h3{font-size:19px;margin-bottom:6px}.rsn-vs-category__content p{font-size:12.5px;line-height:1.45;max-width:440px;margin-bottom:13px}.rsn-vs-category__cta{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:auto;padding:8px 13px;border-radius:4px;background:var(--vs-green);color:#fff;font-size:12px;font-weight:800}.rsn-vs-category--wide .rsn-vs-category__media{height:164px}
/* Geen interactieve keuzehulp: slechts vijf direct klikbare toepassingsrijen */
.rsn-vs-situations{background:var(--vs-mint);padding:34px 0 39px}.rsn-vs-situations__table{border:1px solid #dbe6df;border-radius:9px;overflow:hidden;background:#fff}.rsn-vs-situations__row{display:grid;grid-template-columns:52px minmax(0,1.65fr) minmax(180px,.95fr) 30px;align-items:center;gap:9px;min-height:48px;padding:6px 16px;border-bottom:1px solid #e5ece7;color:#253029!important;font-size:13px}.rsn-vs-situations__row:last-child{border:0}.rsn-vs-situations__row:hover{background:#f2faf4}.rsn-vs-situations__icon{font-size:20px;color:#009b19;text-align:center}.rsn-vs-situations__row strong{font-size:13px}.rsn-vs-situations__arrow{font-size:22px;color:#00a914;text-align:right}
/* Advies banner */
.rsn-vs-advice{background:var(--vs-mint);padding:2px 0 34px;scroll-margin-top:90px}.rsn-vs-advice__bar{background:#073e2c;background:linear-gradient(100deg,#073b2b,#003324);color:#fff;border-radius:9px;display:flex;gap:18px;align-items:center;padding:23px 25px}.rsn-vs-advice__icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;font-size:33px;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:50%}.rsn-vs-advice__copy{flex:1;min-width:0}.rsn-vs-advice__bar h2{color:#fff;font-size:clamp(21px,2vw,27px);margin-bottom:5px}.rsn-vs-advice__bar p{color:#deede4;font-size:13px}.rsn-vs-advice__actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
/* Vertrouwen */
.rsn-vs-trust{background:#fff;padding:33px 0 20px}.rsn-vs-trust h2{font-size:27px;margin-bottom:16px}.rsn-vs-trust__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rsn-vs-trust__grid>div{display:flex;align-items:center;gap:16px;min-height:72px;padding-right:12px;border-right:1px solid #dce7df}.rsn-vs-trust__grid>div:last-child{border:0}.rsn-vs-trust__grid span{color:#00a914;font-size:28px}.rsn-vs-trust__grid strong{font-size:13px;line-height:1.4}.rsn-vs-trust__grid a{color:inherit;text-decoration:underline}
/* FAQ */
.rsn-vs-faq{background:#fff;padding:18px 0 55px}.rsn-vs-faq__list{border-top:1px solid #dce7df}.rsn-vs-faq__list details{border-bottom:1px solid #dce7df}.rsn-vs-faq__list summary{display:block;list-style:none;cursor:pointer;position:relative;padding:14px 50px 14px 0;font-size:14px;color:var(--vs-ink);font-weight:750}.rsn-vs-faq__list summary::-webkit-details-marker{display:none}.rsn-vs-faq__list summary::after{content:'+';position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:22px;color:#00b314}.rsn-vs-faq__list details[open] summary::after{content:'−'}.rsn-vs-faq__list details p{padding:0 35px 16px 0;font-size:13px;max-width:950px}
@media(max-width:1000px){.rsn-vs-hero__grid{grid-template-columns:1fr 1fr;gap:15px}.rsn-vs-hero__copy h1{font-size:35px}.rsn-vs-category-grid{gap:12px}.rsn-vs-category__media{height:153px}.rsn-vs-category__content{padding:14px}.rsn-vs-advice__bar{flex-wrap:wrap}.rsn-vs-advice__actions{width:100%;padding-left:70px}}
@media(max-width:700px){.rsn-vs-wrap{width:calc(100% - 32px)}.rsn-vs-hero__grid{grid-template-columns:1fr;min-height:0}.rsn-vs-hero__copy h1{font-size:34px}.rsn-vs-hero__visual{height:245px}.rsn-vs-hero__product--tripod{height:95%}.rsn-vs-hero__product--davit{height:70%}.rsn-vs-hero__product--rescue{height:55%}.rsn-vs-categories{padding:33px 0}.rsn-vs-category{grid-column:span 3}.rsn-vs-category--wide{grid-column:span 3}.rsn-vs-category__media,.rsn-vs-category--wide .rsn-vs-category__media{height:155px}.rsn-vs-situations__row{grid-template-columns:30px minmax(0,1fr) 24px;gap:8px}.rsn-vs-situations__row strong{grid-column:2;font-size:12px;color:#09871e}.rsn-vs-situations__arrow{grid-column:3;grid-row:1 / span 2}.rsn-vs-situations__label{font-size:12px}.rsn-vs-trust__grid{grid-template-columns:1fr}.rsn-vs-trust__grid>div{border:0;border-bottom:1px solid #dce7df;padding-bottom:9px}.rsn-vs-advice__icon{display:none}.rsn-vs-advice__actions{padding:0}}
@media(max-width:520px){.rsn-vs-hero__actions{flex-direction:column;align-items:stretch}.rsn-vs-hero__actions .rsn-vs-button{width:100%}.rsn-vs-category{grid-column:span 6}.rsn-vs-category--wide{grid-column:span 6}.rsn-vs-category__media,.rsn-vs-category--wide .rsn-vs-category__media{height:195px}.rsn-vs-advice__bar{padding:22px;flex-direction:column;align-items:stretch}.rsn-vs-advice__actions{flex-direction:column}.rsn-vs-advice__actions .rsn-vs-button{width:100%}.rsn-vs-trust h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.rsn-vs-category,.rsn-vs-button{transition:none}}

/* V2.1: enkele samengestelde hero-afbeelding, behoudt volledige compositie. */
.rsn-vs .rsn-vs-hero__visual { display:flex; align-items:center; justify-content:center; height:320px; }
.rsn-vs .rsn-vs-hero__single-image { display:block; width:100%; height:100%; max-width:100%; object-fit:contain; object-position:center center; background:transparent; }
@media(max-width:700px){
  .rsn-vs .rsn-vs-hero__visual { height:245px; }
}

/* V2.3 – grotere compositie in de hero, zonder extra sectiehoogte. */
@media (min-width: 901px) {
  .rsn-vs .rsn-vs-hero__visual {
    overflow: visible;
  }
  .rsn-vs .rsn-vs-hero__single-image {
    width: 125%;
    height: 125%;
    max-width: none;
    flex: 0 0 auto;
    object-fit: contain;
    transform: translateX(12px);
  }
}
@media (min-width: 701px) and (max-width: 900px) {
  .rsn-vs .rsn-vs-hero__single-image {
    width: 112%;
    height: 112%;
    max-width: none;
    flex: 0 0 auto;
  }
}

/* V2.7 – Categorieknoppen gelijk uitlijnen per rij, op elk schermformaat. */
.rsn-vs .rsn-vs-category-grid {
  align-items: stretch;
}
.rsn-vs .rsn-vs-category {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.rsn-vs .rsn-vs-category__media {
  flex: 0 0 auto;
}
.rsn-vs .rsn-vs-category__content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.rsn-vs .rsn-vs-category__cta {
  margin-top: auto;
}
.rsn-vs .rsn-vs-category__content p {
  margin-bottom: 15px;
}

/* V2.8 – geen decoratieve iconen in situatietabel of adviesblok. */
.rsn-vs .rsn-vs-situations__row {
  grid-template-columns: minmax(0, 1.65fr) minmax(180px, .95fr) 30px;
}
.rsn-vs .rsn-vs-advice__bar { gap: 18px; }
@media (min-width: 701px) and (max-width: 1000px) {
  .rsn-vs .rsn-vs-advice__actions { padding-left: 0; }
}
@media (max-width: 700px) {
  .rsn-vs .rsn-vs-situations__row {
    grid-template-columns: minmax(0, 1fr) 24px;
    gap: 5px 8px;
  }
  .rsn-vs .rsn-vs-situations__row strong { grid-column: 1; grid-row: 2; }
  .rsn-vs .rsn-vs-situations__arrow { grid-column: 2; grid-row: 1 / span 2; }
  .rsn-vs .rsn-vs-advice__actions { padding-left: 0; }
}