/* Offer additions only. The original production styles.css is unchanged. */
[hidden]{display:none!important}
.bundle-preview{max-width:680px;margin:0 auto 36px;text-align:center}
.bundle-preview img{display:block;width:100%;height:auto;border-radius:20px}
.bundle-preview>p,.package-disclaimer{font-size:12px;color:var(--muted);line-height:1.6}
.package-disclaimer{max-width:760px;margin:24px auto 0;text-align:center}
.compact-cta{margin-top:32px}.join-terms{font-size:13px;margin-top:12px;color:var(--muted)}
.price-seal{width:112px;min-width:112px;height:112px;border-radius:50%;background:var(--orange,#ff6b35);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;outline:2px dashed white;outline-offset:-10px}
.price-seal b{font-size:26px}.price-seal span{font-size:13px;font-weight:700}
.price-retention{margin:24px 0}
.vstack li b{text-decoration:none!important;white-space:nowrap}
.price-card{align-self:start}
.compact-footer{display:flex!important;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
@media(max-width:640px){.price-seal{width:92px;min-width:92px;height:92px}.site-header--funnel .wrap{gap:12px}.site-header--funnel .brand{font-size:19px;min-width:0}.site-header--funnel .btn{flex-shrink:0;padding:11px 16px;font-size:14px}.compact-footer{gap:16px}}
/* Keep offer cards inside narrow mobile screens. */
.offer-grid > *, .offer > * { min-width: 0; }
.offer h3 { overflow-wrap: anywhere; }
@media (max-width: 400px) {
  .offer { grid-template-columns: 1fr; gap: 12px; padding: 20px; }
  .offer-grid { grid-template-columns: minmax(0, 1fr); }
}

/* Align content to the section grid, independent of paragraph line lengths. */
.compact-cta { max-width: none; width: 100%; margin-inline: auto; }
.bundle-preview > p { max-width: none; }
.scene { margin-inline: auto; }
.scene > p:not(.compact-cta) { margin-inline: auto; }
.price-hero { align-items: start; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.price-hero > * { min-width: 0; }
.btn-stack .btn { text-align: center; }
#prijs { scroll-margin-top: 96px; }
.offer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.offer h3 { min-height: 2.6em; }
.offer:last-child { grid-column: 1 / -1; }
.offer:last-child h3 { min-height: 0; }
@media (max-width: 1024px) and (min-width: 641px) {
  .offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .offer-grid, .price-hero { grid-template-columns: minmax(0, 1fr); }
  .offer h3 { min-height: 0; }
}
