/* Villa Palmview — v262.css (preview, okt 2026): ontwerpronde voor /celebrations/, /yoga/, /activities/, /practical/, /weddings/ + footer.
   Wordt als laatste stijlblad geladen. Alles hangt onder body.v262 of onder een klasse met 262 in de naam, zodat geen andere pagina geraakt wordt.
   Uitgangspunt (regel 164): witruimte en haarlijnen, geen dozen en schaduwen. Eén kaartstijl, één afronding voor foto's (10px). */

/* ---------- 1. foto's: één afronding, geen schaduw ---------- */
body.v262 .duo-media,
body.v262 figure.ph,
body.v262 .mosaic figure{box-shadow:none;border:0;border-radius:10px}
body.v262 .duo{align-items:center}
body.v262 .duo-media img{aspect-ratio:4/3;object-position:var(--op,50% 50%)}
@media(min-width:821px){
  body.v262 .duo.duo-portrait{grid-template-columns:.82fr 1.18fr}
  body.v262 .duo.duo-portrait.rev{grid-template-columns:1.18fr .82fr}
}
body.v262 .duo.duo-portrait .duo-media img{aspect-ratio:4/5}
body.v262 .dorpen-lead{margin-top:14px;max-width:66ch}
body.v262 .duo-copy h2{margin-bottom:14px}
body.v262 .sec+.sec.sec-flush{padding-top:0}

/* ---------- 2. kenmerken als rustige regel in plaats van knopjes ---------- */
body.v262 .sub-hero .sh-chips{display:flex;flex-wrap:wrap;gap:6px 0;margin:16px 0 22px;padding:0;list-style:none;overflow:hidden}
body.v262 .sub-hero .sh-chips li{position:relative;border:0;border-radius:0;padding:0 50px;margin:0 0 0 -50px;
  font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
body.v262 .sub-hero .sh-chips li::before{content:"";position:absolute;left:14px;top:50%;width:22px;height:1px;margin:0;background:currentColor;opacity:.55}
body.v262 .sub-hero.hero-full .sh-lead a{color:inherit;text-decoration:underline;text-underline-offset:3px}
body.v262 .duo-facts{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:22px 0 0;padding:16px 0 0;
  border-top:1px solid rgba(44,38,32,.14);overflow:hidden}
body.v262 .duo-facts li{position:relative;background:none;border:0;border-radius:0;padding:0 25px;margin:0 0 0 -25px;
  font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
body.v262 .duo-facts li::before{content:"";position:absolute;left:11px;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:currentColor;opacity:.6}

/* ---------- 3. fotokaarten (vervangen de tekstkaarten) ---------- */
.pc262-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,34px);margin-top:32px}
.pc262{margin:0}
.pc262 picture{display:block;border-radius:10px;overflow:hidden;background:var(--sand-deep)}
.pc262 img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:var(--op,50% 50%)}
.pc262 figcaption{padding:16px 2px 0}
.pc262 h3.sub-h{font-family:var(--serif);font-weight:500;font-size:1.3rem;line-height:1.2;margin:0 0 6px}
.pc262 p{margin:0;font-size:.95rem;line-height:1.6;color:var(--ink-soft);max-width:38ch}
@media(max-width:760px){
  .pc262-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:24px;
    margin:26px -24px 0;padding:0 24px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .pc262-grid::-webkit-scrollbar{display:none}
  .pc262{flex:0 0 76%;scroll-snap-align:start}
}

/* ---------- 4. fotoraster ---------- */
body.v262 .mosaic.g262{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(190px,25vw,340px);gap:12px}
body.v262 .mosaic.g262 figure:nth-child(n){grid-column:span 4;grid-row:auto}
body.v262 .mosaic.g262 figure picture{display:block;height:100%}
body.v262 .mosaic.g262 figure img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:var(--op,50% 50%)}
@media(min-width:761px){
body.v262 .mosaic.g262[data-n="3"] figure:nth-child(1){grid-column:span 6}
body.v262 .mosaic.g262[data-n="3"] figure:nth-child(n+2){grid-column:span 3}
body.v262 .mosaic.g262[data-n="4"] figure:nth-child(1),
body.v262 .mosaic.g262[data-n="4"] figure:nth-child(4),
body.v262 .mosaic.g262[data-n="5"] figure:nth-child(1){grid-column:span 7}
body.v262 .mosaic.g262[data-n="4"] figure:nth-child(2),
body.v262 .mosaic.g262[data-n="4"] figure:nth-child(3),
body.v262 .mosaic.g262[data-n="5"] figure:nth-child(2){grid-column:span 5}
}
@media(max-width:760px){
  body.v262 .mosaic.g262{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:42vw;gap:8px}
  body.v262 .mosaic.g262 figure:nth-child(n){grid-column:span 1}
  body.v262 .mosaic.g262 figure:nth-child(1),
  body.v262 .mosaic.g262[data-n="4"] figure:nth-child(4){grid-column:span 2;grid-row:span 1}
}

/* ---------- 5. tekstkolommen met een haarlijn (reünies) ---------- */
body.v262 .dorp-grid{gap:26px clamp(24px,3.4vw,48px);margin-top:34px}
body.v262 .dorp-card{background:none;border:0;border-top:1px solid rgba(44,38,32,.32);border-radius:0;padding:18px 0 0}
body.v262 .dorp-card h3{font-size:1.24rem;margin:0 0 8px}
body.v262 .dorp-caveat{margin-top:30px;font-size:.92rem;opacity:1}

/* ---------- 6. filmkader ---------- */
.vstage.vs262{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:clamp(18px,3.2vw,48px);align-items:center;background:var(--ink);color:var(--sand);
  border-radius:14px;padding:clamp(12px,2.2vw,26px)}
.vstage.vs262 .vframe{width:100%;height:auto;max-width:none;aspect-ratio:1/1;margin:0;border-radius:8px;box-shadow:none;background:#141110}
.vstage.vs262 .vtap-ico{display:none}
.vs262-play{position:absolute;left:50%;top:50%;z-index:3;width:84px;height:84px;margin:-42px 0 0 -42px;padding:0;border:0;border-radius:50%;
  background:rgba(255,253,249,.94);cursor:pointer;display:grid;place-items:center;transition:opacity .2s ease,transform .2s ease}
.vs262-play::before{content:"";margin-left:6px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #2C2620}
.vs262-play:hover{transform:scale(1.05)}
.vs262-play:focus-visible{outline:3px solid #fff;outline-offset:4px}
.vs262.is-playing .vs262-play{opacity:0}
.vs262.is-playing .vs262-play::before{margin-left:0;width:6px;height:24px;border-width:0 7px;border-style:solid;border-color:transparent #2C2620}
.vs262.is-playing .vs262-play:focus-visible,.vs262.is-playing .vframe:hover .vs262-play{opacity:1}
.vs262-list{display:flex;flex-direction:column;margin:0;padding:0}
.vs262-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:center;width:100%;min-height:44px;
  padding:12px 10px;border:0;border-top:1px solid rgba(244,239,230,.16);border-radius:0;background:none;color:inherit;
  font:inherit;text-align:left;cursor:pointer;transition:background .15s ease}
.vs262-item:first-child{border-top:0}
.vs262-item img{display:block;width:76px;height:76px;object-fit:cover;border-radius:6px;opacity:.62;transition:opacity .15s ease}
.vs262-item span{font-family:var(--serif);font-style:italic;font-size:1.04rem;line-height:1.35;opacity:.72}
.vs262-item:hover{background:rgba(244,239,230,.06)}
.vs262-item:hover img,.vs262-item[aria-current="true"] img{opacity:1}
.vs262-item[aria-current="true"] span{opacity:1}
.vs262-item[aria-current="true"]{background:rgba(244,239,230,.09)}
.vs262-item:focus-visible{outline:2px solid var(--sand);outline-offset:-2px}
@media(max-width:820px){
  .vstage.vs262{grid-template-columns:1fr;gap:10px;padding:10px;border-radius:12px}
  .vs262-list{flex-direction:row;gap:8px}
  .vs262-item{display:block;flex:1 1 0;padding:0;border:0;border-radius:6px;overflow:hidden;background:none}
  .vs262-item img{width:100%;height:auto;aspect-ratio:1/1;border-radius:6px}
  .vs262-item span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .vs262-item[aria-current="true"]{background:none;outline:2px solid var(--sand);outline-offset:-2px}
  .vs262-play{width:72px;height:72px;margin:-36px 0 0 -36px}
}
/* trouwfilm (YouTube): zelfde kader, volle inhoudsbreedte */
body.v262 .w256-film{max-width:none;margin:28px 0 0;background:var(--ink);border-radius:14px;padding:clamp(10px,1.6vw,18px)}
body.v262 .w256-yt,body.v262 .w256-film iframe{border-radius:8px}
body.v262 .w256-play{width:84px;height:84px;margin:-42px 0 0 -42px;transition:transform .2s ease}
body.v262 .w256-play::before{left:34px;top:29px;border-width:13px 0 13px 21px}
body.v262 .w256-yt:hover .w256-play{transform:scale(1.05)}
body.v262 .w256-yt:focus-visible{outline:3px solid #fff;outline-offset:-6px}
body.v262 .w256-film-cap{margin:12px 4px 2px;color:rgba(244,239,230,.72);font-size:.8rem}
@media(prefers-reduced-motion:reduce){.vs262-play,body.v262 .w256-play,.vs262-item,.vs262-item img{transition:none}}

/* ---------- 7. reviews: één groot citaat, twee kleinere eronder; gecentreerd, bronregel ongewijzigd (regels 165 en 174) ---------- */
.rvs.rvs262 .rvs-row.r262{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,5vw,72px);margin-top:34px}
.rvs.rvs262 .r262 blockquote{margin:0;padding:0;border:0;text-align:center}
.rvs.rvs262 .r262 blockquote.r262-lead{grid-column:1/-1;max-width:56ch;margin:0 auto}
.rvs.rvs262 .r262 blockquote.r262-lead p{font-size:clamp(1.18rem,2vw,1.58rem);line-height:1.45}
.rvs.rvs262 .r262 blockquote.r262-more{margin-top:clamp(30px,4vw,46px);padding-top:26px;border-top:1px solid rgba(44,38,32,.16)}
.rvs.rvs262 .r262 blockquote.r262-more p{font-size:1.04rem;max-width:44ch;margin:0 auto}
@media(max-width:820px){
  .rvs.rvs262 .rvs-row.r262{grid-template-columns:1fr;margin-top:26px}
  .rvs.rvs262 .r262 blockquote.r262-more{margin-top:22px;padding-top:22px}
}

/* ---------- 8. "in het kort" ---------- */
body.v262 .kort262{padding:clamp(34px,4.2vw,54px) 0}
body.v262 .kort262 .wrap{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:8px clamp(24px,4vw,64px);align-items:start}
body.v262 .kort262 .wrap::before{content:"";grid-column:1/-1;height:1px;background:rgba(44,38,32,.14);margin-bottom:clamp(22px,3vw,34px)}
body.v262 .kort262 .eyebrow{margin:4px 0 0}
body.v262 .kort262 .geo-fact{max-width:74ch;margin:0;padding:0;border:0;font-size:.95rem;line-height:1.7;color:var(--ink-soft)}
@media(max-width:760px){body.v262 .kort262 .wrap{grid-template-columns:1fr}}

/* ---------- 9. golf: één regel ---------- */
body.v262 .golf262{padding:0}
body.v262 .golf262-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px clamp(24px,4vw,64px);align-items:end;
  padding:clamp(28px,3.6vw,44px) 0;border-top:1px solid rgba(44,38,32,.14);border-bottom:1px solid rgba(44,38,32,.14)}
body.v262 .golf262 .eyebrow{margin-bottom:8px}
body.v262 .golf262 h2{font-size:clamp(1.5rem,2.6vw,2.05rem);margin:0}
body.v262 .golf262 p.golf262-line{margin:0;max-width:52ch;color:var(--ink-soft)}
body.v262 .golf262 p.golf262-line a{color:var(--ink);text-underline-offset:3px}
@media(max-width:760px){body.v262 .golf262-in{grid-template-columns:1fr;align-items:start}}

/* ---------- 10. kerncijfers (info & voorwaarden) ---------- */
.kf262{background:var(--sand-deep);border-top:1px solid rgba(44,38,32,.07);border-bottom:1px solid rgba(44,38,32,.07)}
.kf262 ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0}
.kf262 li{padding:24px clamp(12px,1.8vw,24px) 22px;border-left:1px solid rgba(44,38,32,.12)}
.kf262 li:first-child{border-left:0;padding-left:0}
.kf262 b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(1.55rem,2.5vw,2.05rem);line-height:1.05;color:var(--ink);
  font-variant-numeric:tabular-nums;white-space:nowrap}
.kf262 span{display:block;margin-top:8px;font-size:.84rem;line-height:1.45;color:var(--ink-soft)}
@media(max-width:900px){
  .kf262 ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kf262 li{padding:18px 14px 16px 0;border-left:0;border-top:1px solid rgba(44,38,32,.12)}
  .kf262 li:nth-child(-n+2){border-top:0}
  .kf262 li:nth-child(even){padding-left:16px;border-left:1px solid rgba(44,38,32,.12)}
  .kf262 li:last-child:nth-child(odd){grid-column:1/-1}
  .kf262 b{white-space:normal}
}

/* ---------- 11. uitklapbare onderwerpen ---------- */
body.v262 .acc262-wrap{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,72px);align-items:start}
body.v262 .acc262-photo{position:sticky;top:96px;margin:0;border-radius:10px;overflow:hidden;background:var(--sand-deep)}
body.v262 .acc262-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:var(--op,50% 50%)}
.acc262{border-bottom:1px solid rgba(44,38,32,.16)}
.acc262-item{border-top:1px solid rgba(44,38,32,.16);scroll-margin-top:96px}
.acc262-item>summary{display:block;list-style:none;cursor:pointer;padding:20px 0}
.acc262-item>summary::-webkit-details-marker{display:none}
.acc262-item>summary .acc262-eb{display:block;margin-bottom:5px;font-family:var(--sans);font-size:.72rem;line-height:1.5;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}
body.v262 .acc262-item>summary h2,body.v262 .acc262-item>summary h3{position:relative;margin:0;padding-right:44px;font-family:var(--serif);font-weight:400;
  font-size:clamp(1.22rem,1.9vw,1.5rem);line-height:1.22;letter-spacing:-.01em}
.acc262-item>summary .plus{position:absolute;right:0;top:50%;margin-top:-11px;width:22px;height:22px;transition:transform .25s var(--vp-ease,ease)}
.acc262-item>summary .plus::before,.acc262-item>summary .plus::after{content:"";position:absolute;left:50%;top:50%;background:var(--zellige)}
.acc262-item>summary .plus::before{width:14px;height:1.6px;transform:translate(-50%,-50%)}
.acc262-item>summary .plus::after{width:1.6px;height:14px;transform:translate(-50%,-50%)}
.acc262-item[open]>summary .plus{transform:rotate(135deg)}
.acc262-item>summary:focus-visible{outline:2px solid var(--zellige);outline-offset:4px}
.acc262-item>summary:hover h2,.acc262-item>summary:hover h3{color:var(--zellige)}
.acc262-item>summary:hover .acc262-eb{color:var(--ink-soft)}
.acc262-body{padding:2px 40px 26px 0}
.acc262-body>:first-child{margin-top:0!important}
.acc262-body p{max-width:64ch;color:var(--ink-soft)}
body.v262 .acc262-body .tick{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px 26px;margin-top:0!important}
body.v262 .acc262-body p+.tick,body.v262 .acc262-body .tick+p{margin-top:16px!important}
body.v262 .acc262-body .duo-facts{margin-top:18px}
body.v262 .acc262-body .aud-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin-top:0}
body.v262 .acc262-body .aud{background:none;border:0;border-radius:0;box-shadow:none;padding:0}
body.v262 .acc262-body .aud:hover{box-shadow:none}
body.v262 .acc262-body .uk-arch{margin-top:20px;justify-content:flex-start}
@media(max-width:900px){
  body.v262 .acc262-wrap{grid-template-columns:1fr;gap:26px}
  body.v262 .acc262-photo{position:static}
  body.v262 .acc262-photo img{aspect-ratio:16/10}
  .acc262-body{padding-right:0}
  body.v262 .acc262-body .aud-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.acc262-item>summary .plus{transition:none}}
/* zelfde vorm zonder foto (bruiloften: hoe het werkt) */
body.v262 .acc262.acc262-solo{max-width:840px;margin-top:26px}

/* ---------- 12. vergelijking (reken het na) ---------- */
body.v262 .cmp262-lead{max-width:66ch;margin-top:14px;color:var(--ink-soft)}
.cmp262-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:30px;border-top:1px solid rgba(44,38,32,.32)}
.cmp262-col{padding:20px clamp(16px,2.4vw,30px) 22px 0;border-left:1px solid rgba(44,38,32,.14)}
.cmp262-col+.cmp262-col{padding-left:clamp(16px,2.4vw,30px)}
.cmp262-col:first-child{border-left:0}
.cmp262-col h3{font-family:var(--serif);font-weight:500;font-size:1.24rem;margin:0 0 8px}
.cmp262-col p{margin:0;font-size:.95rem;line-height:1.6;color:var(--ink-soft)}
.cmp262-col.is-us{background:var(--white);padding-right:clamp(16px,2.4vw,30px);box-shadow:inset 0 3px 0 var(--zellige)}
.cmp262-col.is-us p{color:var(--ink)}
body.v262 .cmp262-foot{max-width:66ch;margin-top:22px;font-size:.92rem;color:var(--ink-soft)}
@media(max-width:760px){
  .cmp262-grid{grid-template-columns:1fr}
  .cmp262-col,.cmp262-col+.cmp262-col{padding:16px 0 18px;border-left:0;border-top:1px solid rgba(44,38,32,.14)}
  .cmp262-col:first-child{border-top:0}
  .cmp262-col.is-us{padding:16px 16px 18px}
}

/* ---------- 13. afsluitende oproep: wat je mag verwachten ---------- */
body.v262 .cta-band .cb262-note{margin:16px auto 0;max-width:46ch;font-size:.84rem;letter-spacing:.02em;color:rgba(255,253,249,.88);text-shadow:0 1px 14px rgba(0,0,0,.4)}

/* ---------- 15. vragen: zelfde raster en zelfde haarlijnen als de uitklapbare onderwerpen ---------- */
body.v262 .faq .faq-wrap{max-width:var(--maxw,1180px);display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  grid-template-rows:auto 1fr;column-gap:clamp(28px,5vw,72px)}
body.v262 .faq .faq-wrap>.eyebrow{grid-column:1;grid-row:1}
body.v262 .faq .faq-wrap>h2{grid-column:1;grid-row:2;align-self:start}
body.v262 .faq .faq-wrap>div{grid-column:2;grid-row:1/span 2;margin-top:0!important;border-bottom:1px solid rgba(44,38,32,.16)}
body.v262 .faq .faq-item{background:none;border:0;border-top:1px solid rgba(44,38,32,.16);border-radius:0;margin:0}
body.v262 .faq .faq-q{padding:20px 0;font-family:var(--serif);font-weight:400;font-size:clamp(1.12rem,1.6vw,1.3rem);line-height:1.3;letter-spacing:-.01em}
body.v262 .faq .faq-q:hover{color:var(--zellige)}
body.v262 .faq .faq-a p{padding:0 40px 22px 0;max-width:64ch}
@media(max-width:900px){
  body.v262 .faq .faq-wrap{display:block}
  body.v262 .faq .faq-wrap>div{margin-top:22px!important}
  body.v262 .faq .faq-a p{padding-right:0}
}

/* ---------- 16. tekstkolommen (waar foto's niets toevoegen) ---------- */
.tc262{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px clamp(24px,3.4vw,48px);margin-top:34px}
.tc262-col{border-top:1px solid rgba(44,38,32,.32);padding-top:18px}
.tc262-col h3.sub-h{font-family:var(--serif);font-weight:500;font-size:1.24rem;margin:0 0 8px}
.tc262-col p{margin:0;font-size:.95rem;line-height:1.6;color:var(--ink-soft);max-width:40ch}
@media(max-width:760px){.tc262{grid-template-columns:1fr}}
body.v262 .acc262-nest{margin-top:30px}

/* ---------- 17. retraites en gezinnen: bestaande kaarten in dezelfde stijl (geen schaduw, één afronding) ---------- */
body.v262 .ret-day,body.v262 .ret-sc{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
body.v262 .ret-day figure,body.v262 .ret-sc figure{border-radius:10px;overflow:hidden;background:var(--sand-deep)}
body.v262 .ret-day-t,body.v262 .ret-sc-t{padding:14px 2px 0}
body.v262 .ret-sc h3,body.v262 .ret-day h3{font-size:1.2rem}
body.v262 .ret-scards{gap:34px clamp(18px,2.6vw,34px)}
body.v262 .cyc-price .cyc-price-in{box-shadow:none;border-radius:12px}
body.v262 .ret-wide{border-radius:10px}
body.v262 .f239-anchor .f239-doubt{box-shadow:none;border-radius:12px}
body.v262 .gr-photos figure,body.v262 .gr-photos img{box-shadow:none}
#famfilm .vstage.vs262.square .vframe,.vstage.vs262.square .vframe{width:100%;height:auto;margin:0}
body.v262 .f236-qa .faq-item{background:none;border:0;border-top:1px solid rgba(44,38,32,.16);border-radius:0;margin:0}
body.v262 .f236-qa .faq-item:last-child{border-bottom:1px solid rgba(44,38,32,.16)}
body.v262 .f236-qa .faq-q{padding:20px 0;font-family:var(--serif);font-weight:400;font-size:clamp(1.12rem,1.6vw,1.3rem);line-height:1.3;letter-spacing:-.01em}
body.v262 .f236-qa .faq-a p{padding-left:0;padding-right:40px}
body.v262 .f236-qa .faq-a blockquote{margin-left:0}

/* ---------- 18. winterpromoties: drie feestverblijven naast elkaar, twee maandverblijven breed eronder ---------- */
body.v262 .wp-card{box-shadow:none;border-radius:12px}
body.v262 .wp-card.wp-hi{box-shadow:inset 0 3px 0 var(--zellige)}
body.v262 .wp-media{border-radius:0}
@media(min-width:961px){
  body.v262 .wp-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
  body.v262 .wp-card:nth-child(n){grid-column:span 2}
  body.v262 .wp-media{aspect-ratio:3/2}
  body.v262 .wp-body{padding:20px 22px 22px}
  body.v262 .wp-card h3{font-size:1.3rem;line-height:1.2}
  body.v262 .wp-tag{font-size:.68rem;letter-spacing:.14em}
  body.v262 .wp-price{font-size:2rem;margin:12px 0 5px}
  body.v262 .wp-ppn,body.v262 .wp-anchor{font-size:.86rem}
  body.v262 .wp-body>.wp-btn{align-self:flex-start}
  body.v262 .wp-card:nth-child(n+4){grid-column:span 3;display:grid;grid-template-columns:42% minmax(0,1fr);align-items:stretch}
  body.v262 .wp-card:nth-child(n+4) .wp-media{aspect-ratio:auto;height:100%;min-height:260px}
  body.v262 .wp-card:nth-child(n+4) .wp-media picture,body.v262 .wp-card:nth-child(n+4) .wp-media img{height:100%}
}

/* ---------- 19. gsm-audit (12 okt): lichtere hero, leesbare kleine tekst, grotere tikdoelen, kortere pagina's ---------- */
@media(max-width:820px){
  body.v262 .sub-hero.hero-full[style*="--hero-m"]{--hero:var(--hero-m)!important}
  body.v262 .sub-hero .sh-chips li,body.v262 .duo-facts li{font-size:.76rem}
  body.v262 .rvs.rvs262 cite{font-size:.76rem}
  body.v262 .wp-tag{font-size:.75rem;letter-spacing:.1em}
  body.v262 .wp-avail,body.v262 .wp-save{font-size:.78rem}
  body.v262 .glf-dn{font-size:.76rem}
  body.v262 .wp-x{display:inline-flex;align-items:center;min-height:44px;margin:0}
  body.v262 .duo.duo-portrait .duo-media img{aspect-ratio:1/1}
  /* dagen en ruimtes (retraites): veegbare rij in plaats van een lange stapel */
  body.v262 .ret-days,body.v262 .ret-scards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:24px;
    margin-left:-24px;margin-right:-24px;padding:0 24px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.v262 .ret-days::-webkit-scrollbar,body.v262 .ret-scards::-webkit-scrollbar{display:none}
  body.v262 .ret-day,body.v262 .ret-sc{flex:0 0 76%;scroll-snap-align:start}
}
@media(max-width:560px){
  /* eerste scherm: de foto moet te zien zijn — kenmerken staan al in de cijferbalk eronder (prijs blijft) */
  body.v262 .sub-hero.hero-full .sh-chips li:not(.cyc-chip-price){display:none}
  body.v262 .sub-hero.hero-full .sh-chips{margin:10px 0 16px}
  body.v262 .sub-hero.hero-full .sh-chips li.cyc-chip-price{padding:0;margin:0}
  body.v262 .sub-hero.hero-full .sh-chips li.cyc-chip-price::before{content:none}
  body.v262 .sub-hero.hero-full::before{background:linear-gradient(180deg,rgba(20,17,14,.34) 0%,rgba(20,17,14,.06) 26%,rgba(20,17,14,.5) 58%,rgba(20,17,14,.84) 100%),var(--hero) center/cover no-repeat}
}

/* ---------- 20. wie slaapt waar (/villa/): per vleugel foto, naam en meteen de kamers met hun bedden ---------- */
body.v262 .ws262{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);margin:clamp(26px,3vw,40px) 0 24px}
body.v262 .ws262-col{min-width:0}
body.v262 .ws262 .vh-tile{display:block}
body.v262 .ws262 .vh-ph{aspect-ratio:4/5;border-radius:10px}
body.v262 .ws262 .vh-ph::after{content:none}
body.v262 .ws262 .vh-nm{position:static;display:block;padding:16px 0 0;color:var(--ink)}
body.v262 .ws262 .vh-nm i{display:block;margin-bottom:4px;font:normal .72rem var(--sans);letter-spacing:.22em;color:var(--zellige);opacity:1}
body.v262 .ws262 .vh-nm b{display:block;font:400 clamp(1.25rem,1.9vw,1.55rem)/1.15 var(--serif);letter-spacing:-.01em}
body.v262 .ws262 .vh-mt{margin:8px 0 0;padding:0;border:0;font-size:.86rem;line-height:1.5;color:var(--ink-soft)}
body.v262 .ws262 .vh-tile[aria-current="true"] .vh-ph{box-shadow:none;outline:1px solid var(--ink);outline-offset:4px}
body.v262 .ws262 .vh-tile[aria-current="true"] .vh-mt{font-weight:400}
body.v262 .ws262-rooms{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid rgba(44,38,32,.32)}
body.v262 .ws262 .a2-ovr{display:block;min-height:44px;padding:11px 0 10px;border:0;border-bottom:1px solid rgba(44,38,32,.12);text-decoration:none;color:var(--ink)}
body.v262 .ws262 .a2-ovn{display:block;font-family:var(--serif);font-size:1.06rem;line-height:1.3}
body.v262 .ws262 .a2-ovb{display:block;margin-top:2px;font-size:.84rem;line-height:1.45;color:var(--ink-soft)}
body.v262 .ws262 .a2-ovs{display:block;font-size:.76rem;line-height:1.45;color:var(--ink-soft);opacity:.85}
body.v262 .ws262 .a2-ovr:hover .a2-ovn{color:var(--zellige)}
body.v262 .ws262 .a2-ovr:focus-visible{outline:2px solid var(--zellige);outline-offset:2px}
body.v262 .vh-casnote{margin:0;padding:0;border:0;max-width:78ch;font-size:.92rem;line-height:1.6;color:var(--ink-soft)}
body.v262 .vh-casnote strong{font-weight:400}
body.v262 .ws262-plan{margin:14px 0 clamp(36px,4.4vw,60px)}
body.v262 .ws262-plan a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(44,38,32,.32)}
body.v262 .ws262-plan a:hover{border-bottom-color:var(--ink)}
@media(max-width:959px){
  body.v262 .ws262{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:24px;margin-left:-24px;margin-right:-24px;padding:4px 24px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.v262 .ws262::-webkit-scrollbar{display:none}
  body.v262 .ws262-col{flex:0 0 72%;scroll-snap-align:start}
}
@media(min-width:560px) and (max-width:959px){body.v262 .ws262-col{flex-basis:44%}}
@media(min-width:960px){
  body.v262 .ws262 .vh-nm b{min-height:2.3em}
  body.v262 .ws262 .vh-mt{min-height:3em}
}

/* ---------- 21. eindcontrole (12 okt): donker blok op /villa/, leesbaarheid op de gsm-hero ---------- */
body.v262 .atlas2~#s1 .duo-facts{border-top-color:rgba(244,239,230,.22)}
body.v262 .atlas2~#s1 .duo-facts li{color:rgba(244,239,230,.86)}
body.v262 .sub-hero.hero-full .eyebrow{text-shadow:0 1px 12px rgba(0,0,0,.6)}

/* ---------- v263: activities — avondblok en de vier golfbanen op één rij ---------- */
body.v262 .eve263 .golf262-in{border-bottom:0}
body.v262 .golf263{grid-column:1/-1;list-style:none;margin:clamp(12px,1.8vw,20px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(44,38,32,.14)}
body.v262 .golf263 li{margin:0;padding:16px 20px 0 0;display:flex;flex-direction:column;gap:3px}
body.v262 .golf263 li+li{padding-left:20px;border-left:1px solid rgba(44,38,32,.14)}
body.v262 .golf263 b{font-family:var(--serif);font-weight:400;font-size:1.1rem;line-height:1.25;color:var(--ink)}
body.v262 .golf263 span{font-size:.82rem;color:var(--ink-soft)}
body.v262 .golf262 p.golf263-note{grid-column:1/-1;margin:14px 0 0;max-width:none;font-size:.9rem;color:var(--ink-soft)}
body.v262 .golf262 p.golf263-note a{color:var(--ink);text-underline-offset:3px}
@media(max-width:760px){
  body.v262 .golf263{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.v262 .golf263 li{padding:14px 12px 12px 0}
  body.v262 .golf263 li+li{padding-left:0;border-left:0}
  body.v262 .golf263 li:nth-child(even){padding-left:14px;border-left:1px solid rgba(44,38,32,.14)}
  body.v262 .golf263 li:nth-child(n+3){border-top:1px solid rgba(44,38,32,.14)}
}