/* /prp-voor-vrouwen/ : page-only rules (blueprint C4, design-v2 B). Everything else comes from site.css. Weights 400/700 only. */

/* Hero: caption chip on the side photo (hero--sub keeps the figure overflow visible, the chip sits inside the rounded picture) */
.hero--sub .hero__photo .photo-chip{left:14px;bottom:14px}
@media (min-width:768px){.hero--sub .hero__photo .photo-chip{left:18px;bottom:18px}}

/* Split sections: top-aligned variant for text beside a card, media-first variant for 03 */
.split--top{align-items:start}
@media (min-width:1024px){
  .split--media-first .split__media{order:-1}
  .split .section__head{margin-bottom:var(--s-6)}
}
.split__text .prose + .facts{margin-top:var(--s-5)}
.split__media .photo-card picture{display:block;height:100%}
.split__media .photo-card{aspect-ratio:4/3}
.split__media .photo-card img{object-position:50% 40%}

/* 01: the causes card */
.oorzaken__card .list-icon{gap:12px}
.oorzaken__foot{margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--c-teal-soft)}

/* 02: facts row under the prose, timeline below the split */
#wat-doet-prp .section__body{margin-top:var(--s-7)}
@media (min-width:1024px){#wat-doet-prp .section__body{margin-top:var(--s-8)}}

/* 04: short section, the paragraph sits in a white card beside the heading */
#minoxidil .section__head{margin-bottom:0}
#minoxidil .listcard .prose p{font-size:var(--t-body);line-height:1.6}

/* 05: four cases; two per row from 1024, four per row from 1280 */
@media (min-width:1024px){.ba-gallery--vrouwen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1280px){.ba-gallery--vrouwen{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}
#voor-en-na .section__head{margin-bottom:28px}
.ba-gallery__link{margin-top:var(--s-5)}

/* 06: prose card beside the risk box, both top-aligned; the risk box reads as a white card on the mint band */
#niet-geschikt .listcard h3 .icon{background:var(--c-mint);color:var(--c-navy)}
#niet-geschikt .listcard .prose p{font-size:var(--t-body)}
#niet-geschikt .box{background:#fff;border-color:var(--c-rule)}
#niet-geschikt .inline-cta{margin-top:var(--s-6)}

/* 07: practitioners first, the English review beneath them, then the four doctors in one row */
.team__quote{margin-top:var(--s-5)}
.team__quote blockquote{font-weight:700;font-size:var(--t-quote);line-height:1.4;max-width:34ch;color:var(--c-navy);letter-spacing:-.01em}
.team__quote figcaption{margin-top:var(--s-3);display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;color:var(--c-muted);text-transform:none;letter-spacing:0;font-size:var(--t-small);font-weight:400}
.team__quote figcaption > span:not(:last-child)::after{content:"·";margin-left:8px;color:var(--c-muted-2)}
.team-cards--four{margin-top:0}
@media (min-width:600px){.team-cards--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.team-cards--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}

/* 08: note and link beside the price cards */
.kosten__aside .note{margin-top:8px}
.kosten__link{margin-top:var(--s-4)}
@media (min-width:1024px){.kosten__aside{padding-top:12px}}