/* v248 — /winter-promotions/ richting A "Kies je week" (alleen op de winterpagina's gelinkt).
   Ongewijzigd: teksten, prijzen, formulier, tracking, ankers #offers/#book. */

/* 1. Hero-foto: WebP in twee formaten i.p.v. één jpg van 476 KB (inline --hero wordt overschreven) */
.sub-hero.hero-full{--hero:url('/images/hero-drone-villa-montgo-1600.webp')!important;min-height:min(70svh,680px)}
@media (max-width:900px){.sub-hero.hero-full{--hero:url('/images/hero-drone-villa-montgo-800.webp')!important}}

/* 2. Promoties */
#offers{padding-top:64px}
#offers .dorpen-lead{max-width:60ch}
.wp-card:hover{transform:none}
.wp-card:hover .wp-media img{transform:none}          /* geen hover-zoom (zoals elders sinds v231) */
.wp-media img{transition:none}

/* lange woorden (DE/FR) breken netjes af; voordeelregel als rustig label i.p.v. pil */
.wp-tag,.wp-card h3{overflow-wrap:break-word;hyphens:auto}
.wp-save{border-radius:10px;padding:7px 10px 6px}

/* gsm en tablet: compacte rijen — foto links, alles erbij rechts */
@media (max-width:960px){
  .wp-grid{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(44,38,32,.12)}
  .wp-card{display:grid;grid-template-columns:34% minmax(0,1fr);gap:14px;align-items:start;background:none;
           border:0;border-bottom:1px solid rgba(44,38,32,.12);border-radius:0;box-shadow:none;padding:18px 0;overflow:visible}
  .wp-card.wp-hi{box-shadow:none;border-color:rgba(44,38,32,.12)}
  .wp-media{aspect-ratio:3/4;border-radius:10px}
  .wp-body{padding:0}
  .wp-tag{font-size:.62rem;letter-spacing:.14em;margin:0 0 6px}
  .wp-card h3{font-size:1.08rem;line-height:1.22;margin:0 0 3px}
  .wp-dates{font-size:.84rem}
  .wp-price{font-size:1.5rem;margin:8px 0 3px}
  .wp-ppn{font-size:.78rem}
  .wp-anchor{font-size:.76rem}
  .wp-avail{font-size:.74rem;margin-bottom:4px}
  .wp-body>.wp-btn{margin-top:8px;align-self:flex-start}
}
@media (min-width:701px) and (max-width:960px){
  .wp-card{grid-template-columns:36% minmax(0,1fr);gap:22px;padding:22px 0}
  .wp-media{aspect-ratio:4/3}
}

/* pc: alle vijf op één rij */
@media (min-width:1180px){
  .wp-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
  .wp-card,.wp-card:nth-child(4),.wp-card:nth-child(5){grid-column:auto}
  .wp-media{aspect-ratio:4/3}
  .wp-body{padding:16px 16px 18px}
  .wp-card h3{font-size:1.06rem}
  .wp-tag{letter-spacing:.1em;font-size:.64rem}
  .wp-price{font-size:1.6rem;margin:12px 0 5px}
  .wp-save{align-self:stretch;font-size:.72rem}
  .wp-ppn,.wp-anchor{font-size:.8rem}
  .wp-body>.wp-btn{align-self:stretch;justify-content:center;text-align:center;letter-spacing:.08em;padding-left:10px;padding-right:10px}
}

/* 3. "Inbegrepen": één rustige regel onder de promoties */
#included{padding:44px 0 48px}
#included h2{font-size:clamp(1.1rem,1.6vw,1.3rem);margin:0 0 12px}
#included .quote-incl{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;margin:0 auto;padding:0;list-style:none;max-width:none}
#included .quote-incl li{padding:0 14px;margin:0;font-size:.92rem;border-left:1px solid rgba(44,38,32,.18);background:none}
#included .quote-incl li:first-child{border-left:0}
#included .quote-incl li::before{content:none;display:none}
#included .dorp-caveat{margin-top:10px;font-size:.84rem}
@media (max-width:700px){#included .quote-incl li{border-left:0;padding:2px 0;width:100%}}
#included .eyebrow{justify-content:center}