/* Vrouwveiliger – Methode V-pagina */
body:has(.method-hero) .site-header {
  position: relative;
  top: auto;
  color: #fff;
  background: var(--vv-blue-dark);
  backdrop-filter: none;
}
body:has(.method-hero) .site-logo img { width: 280px; }

.method-hero { background:#eef5f8; padding:84px 0; }
.method-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); gap:56px; align-items:start; }
.method-hero h1 { max-width:760px; margin:12px 0 24px; font-size:clamp(36px,3.2vw,48px); line-height:1.12; }
.method-hero__intro { max-width:720px; margin:0; font-size:20px; line-height:1.55; }
.method-hero__image { display:block; width:100%; height:auto; max-height:none; object-fit:contain; }

.method-introduction { background:#fff; }
.method-introduction__inner { max-width:900px; }
.method-introduction h2 { margin:10px 0 24px; }
.method-introduction p:last-child { margin-bottom:0; font-size:1.12rem; line-height:1.65; }

/* Alle inhoudssecties gebruiken dezelfde vaste verticale maatvoering. */
.method-introduction,
.method-phase,
.method-ai,
.method-privacy { padding-top:84px; padding-bottom:84px; }

.method-phase { background:#f5f9fb; }
.method-phase:nth-of-type(even) { background:#fff; }
.method-phase__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.9fr); gap:56px; align-items:start; }
.method-phase--reverse .method-phase__visual { order:2; }
.method-phase--reverse .method-phase__content { order:1; }
.method-phase__visual { width:100%; }
.method-phase__visual img { display:block; width:100%; height:auto; max-width:none; max-height:none; margin:0; object-fit:contain; }
.method-phase__placeholder { width:100%; min-height:280px; border:2px dashed #c8d2d8; border-radius:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:#fff; color:#17324d; padding:32px; }
.method-phase__placeholder span { font-size:1.35rem; font-weight:700; }
.method-phase__placeholder small { margin-top:10px; font-size:1rem; color:#667785; }
.method-phase__label { margin:0 0 10px; color:#e96728; font-size:.96rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.method-phase__content h2 { margin:0 0 24px; font-size:clamp(36px,3.2vw,48px); line-height:1.12; }
.method-phase__content>p:not(.method-phase__label):not(.method-phase__components) { font-size:1.06rem; line-height:1.65; }
.method-phase__components { margin:26px 0 0; font-weight:700; color:#17324d; }
.method-phase__outcome { margin-top:30px; padding:24px 26px; border-left:5px solid #e96728; background:#fff; box-shadow:0 10px 30px rgba(17,49,73,.07); }
.method-phase__outcome h3 { margin:0 0 8px; font-size:1.08rem; }
.method-phase__outcome p { margin:0; line-height:1.55; }

.method-ai { background:#eaf3f7; }
.method-ai__inner { max-width:900px; }
.method-ai h2 { margin:10px 0 24px; }
.method-ai p:last-child { margin-bottom:0; font-size:1.1rem; line-height:1.65; }
.method-privacy { background:#fff; }
.method-privacy h2 { margin-bottom:38px; }
.method-privacy .privacy-grid { margin-top:0; }

.method-cta { background:var(--vv-orange); color:#fff; padding:48px 0; }
.method-cta__inner { display:flex; justify-content:space-between; align-items:center; gap:48px; }
.method-cta h2 { max-width:760px; margin:0; color:#fff; }
.method-cta__actions { display:flex; gap:14px; flex-shrink:0; }

@media(max-width:900px){
  body:has(.method-hero) .site-logo img{width:190px}
  .method-hero,.method-introduction,.method-phase,.method-ai,.method-privacy{padding-top:58px;padding-bottom:58px}
  .method-hero__grid,.method-phase__grid{grid-template-columns:1fr;gap:42px}
  .method-phase--reverse .method-phase__visual,.method-phase--reverse .method-phase__content{order:initial}
  .method-phase__visual{order:1!important}.method-phase__content{order:2!important}
  .method-phase__placeholder{min-height:240px}
  .method-cta__inner{display:block}.method-cta__actions{margin-top:28px;flex-wrap:wrap}
}
@media(max-width:600px){
  .method-hero__grid,.method-phase__grid{gap:32px}
  .method-hero h1,.method-phase__content h2{font-size:clamp(34px,9vw,44px)}
  .method-hero__intro{font-size:18px}
  .method-phase__placeholder{min-height:210px;border-radius:10px}
  .method-phase__outcome{padding:20px}
  .method-cta{padding:48px 0}.method-cta__actions{display:grid}.method-cta__actions .button{width:100%;text-align:center}
}


/* P4 – Methode V als terugkerende cyclus */
.method-hero__visual { display:flex; flex-direction:column; gap:18px; }
.method-hero__loop { display:flex; align-items:flex-start; gap:8px; max-width:540px; margin:2px 0 0 auto; padding:0; border:0; background:transparent; color:#506575; box-shadow:none; font-size:.96rem; line-height:1.5; }
.method-hero__loop-icon { flex:0 0 auto; color:#e96728; font-size:1.2rem; font-weight:800; line-height:1.35; }

.method-cycle-section { background:#eaf3f7; padding-top:84px; padding-bottom:84px; }
.method-cycle-section__inner { max-width:1120px; }
.method-cycle-section h2 { max-width:850px; margin:10px 0 22px; }
.method-cycle-section__intro { max-width:880px; margin:0 0 38px; font-size:1.08rem; line-height:1.65; }
.method-cycle { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; position:relative; }
.method-cycle__phase { position:relative; min-height:116px; padding:22px 20px; border:1px solid #d6e1e7; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(17,49,73,.05); }
.method-cycle__phase:not(:last-child)::after { content:'→'; position:absolute; z-index:2; right:-30px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:28px; height:28px; border:1px solid #d6e1e7; border-radius:50%; background:#f5f9fb; color:#17324d; font-weight:700; }
.method-cycle__number { display:inline-flex; align-items:baseline; justify-content:center; min-width:42px; margin-bottom:12px; padding:5px 9px; border-radius:999px; background:#fff1e8; color:#e96728; font-weight:800; }
.method-cycle__number sub { font-size:.72em; line-height:1; }
.method-cycle__phase strong { display:block; color:#17324d; font-size:1.08rem; }
.method-cycle__return { display:flex; align-items:flex-start; justify-content:center; gap:8px; max-width:900px; margin:28px auto 0; padding:0; border:0; background:transparent; color:#17324d; text-align:center; font-weight:700; line-height:1.55; }
.method-cycle__return-icon { flex:0 0 auto; color:#e96728; font-size:1.2rem; font-weight:800; line-height:1.35; }
.method-cycle__closing { max-width:880px; margin:26px 0 0; padding-left:18px; border-left:4px solid #e96728; color:#34495a; line-height:1.6; }

@media(max-width:900px){
  .method-cycle-section{padding-top:58px;padding-bottom:58px}
  .method-cycle{grid-template-columns:1fr 1fr;gap:30px 32px}
  .method-cycle__phase:nth-child(2)::after{display:none}
}
@media(max-width:600px){
  .method-hero__loop{margin-left:0;max-width:none}
  .method-cycle{grid-template-columns:1fr;gap:34px}
  .method-cycle__phase{min-height:auto}
  .method-cycle__phase:not(:last-child)::after{content:'↓';display:grid;right:auto;left:50%;top:auto;bottom:-31px;transform:translateX(-50%)}
  .method-cycle__return{justify-content:flex-start;text-align:left;margin-top:26px}
}