/* Artboard 09: existing regional typography and components, bounded reading width. */
.mm-v26d .age-regio .age-sections { width: 100%; display: grid; grid-template-columns: minmax(24px,1fr) minmax(0,1024px) minmax(24px,1fr); margin: 32px auto 100px; }
.mm-v26d .age-regio .age-sections > section { grid-column: 2; min-width: 0; margin: 0 0 96px; scroll-margin-top: 130px; }
.mm-v26d .age-regio :is(h1,h2,h3,p,a) { hyphens: none; word-break: normal; overflow-wrap: normal; }
.mm-v26d .age-regio .section-title { max-width: 100%; margin: 0 auto 32px; }
.mm-v26d .age-regio .header-lp__title { max-width: 100%; margin-inline: auto; font-size: clamp(40px,5vw,64px); line-height: 1.1; }
.mm-v26d .age-regio .header-lp__cols { display: grid; grid-template-columns: 1.25fr 1fr; align-items: stretch; gap: 32px; }
.mm-v26d .age-regio .header-lp__media { width: 100%; height: auto; min-height: 400px; position: relative; }
.mm-v26d .age-regio .header-lp__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mm-v26d .age-regio .header-lp__info { min-width: 0; padding: 32px; gap: 24px; }
.mm-v26d .age-regio .green-card__title { font-size: clamp(28px,3vw,38px); line-height: 1.15; }
.mm-v26d .age-regio .age-range { font-weight: 700; color: var(--green-text); margin: 0; }
.mm-v26d .age-regio .green-card__body { font-size: 20px; line-height: 1.55; }
.mm-v26d .age-regio .header-lp__ctas { margin-top: auto; }
.mm-v26d .age-regio .age-text-link { color: var(--purple-dark); text-decoration: underline; text-underline-offset: 5px; font: 700 17px/1.5 var(--font-body); display: inline-block; padding: 10px 0; }
.mm-v26d .age-regio .age-text-link:hover { color: var(--purple); }
.mm-v26d .age-regio .header-lp__ctas .age-text-link { text-align: center; }
.mm-v26d .age-regio .age-discovery-layout { display: grid; grid-template-columns: 1fr 2fr; gap: 32px; align-items: stretch; }
.mm-v26d .age-regio .age-tabs { display: flex; flex-direction: column; gap: 12px; }
.mm-v26d .age-regio .age-tabs button { border: 0; border-left: 4px solid transparent; border-radius: 8px; padding: 16px; background: #f4eef8; color: var(--purple-dark); text-align: left; cursor: pointer; font: 400 16px/1.4 var(--font-body); }
.mm-v26d .age-regio .age-tabs strong { display: block; font-size: 20px; }
.mm-v26d .age-regio .age-tabs button:hover { background: #ece0f3; }
.mm-v26d .age-regio .age-tabs button[aria-selected="true"] { background: var(--purple); color: white; border-left-color: var(--yellow); }
.mm-v26d .age-regio .age-panels { display: grid; min-width: 0; background: var(--yellow-light); border-radius: 16px; padding: 36px; }
.mm-v26d .age-regio .age-panel { grid-area: 1/1; display: flex; flex-direction: column; justify-content: center; gap: 16px; }
.mm-v26d .age-regio .age-panel[hidden] { display: flex !important; visibility: hidden; pointer-events: none; }
.mm-v26d .age-regio .age-panel h3 { margin: 0; font: 400 clamp(28px,3vw,38px)/1.15 var(--font-heading); color: var(--purple-dark); }
.mm-v26d .age-regio .age-panel p { margin: 0; font: 300 20px/1.6 var(--font-body); }
.mm-v26d .age-regio .age-panel .age-panel-range { font-weight: 500; color: var(--purple-dark); }
.mm-v26d .age-regio .age-story { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: stretch; }
.mm-v26d .age-regio .content-block__text { width: auto; min-width: 0; align-items: flex-start; }
.mm-v26d .age-regio .content-block__heading { text-align: left; }
.mm-v26d .age-regio .content-block__heading .section-title { margin: 0; text-align: left; font-size: clamp(30px,3.2vw,42px); line-height: 1.15; }
.mm-v26d .age-regio .content-block__heading .section-subtitle { text-align: left; }
.mm-v26d .age-regio .content-block__body { text-align: left; font: 300 20px/1.6 var(--font-body); }
.mm-v26d .age-regio .content-block__body p { margin: 0 0 20px; }
.mm-v26d .age-regio .content-block__media { position: relative; width: 100%; min-height: 360px; }
.mm-v26d .age-regio .content-block__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.mm-v26d .age-regio #age-junglereis .content-block__media img { object-fit: contain; background: var(--yellow-light); }
.mm-v26d .age-regio .age-usps ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); list-style: none; padding: 0; margin: 0; gap: 32px; }
.mm-v26d .age-regio .age-usps--four ul { grid-template-columns: repeat(2,minmax(0,1fr)); }
.mm-v26d .age-regio .age-usps li { display: flex; align-items: flex-start; gap: 14px; }
.mm-v26d .age-regio .age-usps p { margin: 0; font: 400 19px/1.6 var(--font-body); }
.mm-v26d .age-regio .age-check { border: 2px solid var(--green-text); border-radius: 50%; color: var(--green-text); width: 27px; height: 27px; flex: 0 0 27px; text-align: center; line-height: 23px; margin-top: 3px; }
.mm-v26d .age-regio :is(a,button,[role="tabpanel"]):focus-visible { outline: 3px solid var(--purple); outline-offset: 5px; }
@media(max-width:767px) {
 .mm-v26d .age-regio .age-sections { grid-template-columns: 16px minmax(0,1fr) 16px; margin-top: 24px; }
 .mm-v26d .age-regio .age-sections > section { margin-bottom: 64px; }
 .mm-v26d .age-regio :is(.header-lp__cols,.age-story,.age-discovery-layout) { grid-template-columns: 1fr; gap: 24px; }
 .mm-v26d .age-regio .header-lp__media { min-height: 0; aspect-ratio: 4/3; }
 .mm-v26d .age-regio .age-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
 .mm-v26d .age-regio .age-tabs button { padding: 12px 8px; }
 .mm-v26d .age-regio .age-tabs strong { font-size: 16px; overflow-wrap: anywhere; }
 .mm-v26d .age-regio .age-panels { padding: 24px; }
 .mm-v26d .age-regio .content-block__media { min-height: 0; aspect-ratio: 4/3; }
 .mm-v26d .age-regio .age-usps ul { grid-template-columns: 1fr; gap: 24px; }
 .mm-v26d .age-regio .header-lp__info { padding: 24px; }
}

/* Figma Tabjes: tilted labels, faded inactive states and a light panel. */
.mm-v26d .age-regio .age-discovery-layout { grid-template-columns: 280px minmax(0,1fr); align-items: start; }
.mm-v26d .age-regio .age-tabs { gap: 32px; padding: 8px 6px; }
.mm-v26d .age-regio .age-tabs button { display:flex; flex-direction:column; align-items:flex-start; gap:8px; border:0; padding:0; background:none; border-radius:0; opacity:.25; transition:opacity .25s; }
.mm-v26d .age-regio .age-tabs button:is(:hover,:focus-visible,[aria-selected="true"]) { background:none; color:var(--purple-dark); opacity:1; }
.mm-v26d .age-regio .age-tabs strong { font:700 24px/32px var(--font-heading); background:var(--yellow-cta); color:var(--purple-dark); padding:4px 6px; border-radius:6px; transform:rotate(5deg); }
.mm-v26d .age-regio .age-tabs button > span { font:700 24px/32px var(--font-heading); margin-left:12px; padding:4px 6px; border-radius:6px; background:var(--purple); color:white; }
.mm-v26d .age-regio .age-panels { background:rgba(255,206,45,.1); border:1px solid white; box-shadow:0 0 10px 4px rgba(0,0,0,.05); border-radius:12px; padding:40px; }
.mm-v26d .age-regio .age-panel { justify-content:flex-start; opacity:1; transition:opacity .3s; }
.mm-v26d .age-regio .age-panel[hidden] { opacity:0; }
.mm-v26d .age-regio .age-panel h3 { font-size:40px; }
.mm-v26d .age-regio .age-dots { display:flex; justify-content:center; gap:4px; margin-top:32px; }
.mm-v26d .age-regio .age-dots button { width:36px; height:36px; display:grid; place-items:center; border:0; background:none; cursor:pointer; padding:0; }
.mm-v26d .age-regio .age-dots button::before { content:""; width:12px; height:12px; border:1px solid var(--purple); border-radius:50%; }
.mm-v26d .age-regio .age-dots button[aria-current="true"]::before { background:var(--purple-dark); }
@media(min-width:768px) {
 .mm-v26d .age-regio #age-ontwikkeling .content-block__media { grid-column:1; grid-row:1; }
 .mm-v26d .age-regio #age-ontwikkeling .content-block__text { grid-column:2; grid-row:1; }
}
.mm-v26d .age-regio #age-ontwikkeling .content-block__media { align-self:center; min-height:0; aspect-ratio:1; overflow:hidden; border-radius:30% 70% 70% 30% / 30% 30% 70% 70%; animation:org-morphBlob 16s ease-in-out infinite; }
.mm-v26d .age-regio #age-ontwikkeling .content-block__media img { border-radius:0; }
/* Figma 468:2392: checkmarks directly on one tinted surface. */
.mm-v26d .age-regio .age-sections > .age-usps { grid-column:1 / -1; position:relative; background:#ede7ef; padding:80px max(24px, calc((100% - 1024px) / 2)) 96px; border-radius:0; overflow:hidden; }
.mm-v26d .age-regio .age-usps::after { content:""; position:absolute; bottom:-40px; left:-10%; width:120%; height:64px; border-radius:50% 50% 0 0; background:white; pointer-events:none; }
.mm-v26d .age-regio .age-sections > .age-usps--four { background:#d9f2ea; }
.mm-v26d .age-regio .age-usps > .section-title { font-size:clamp(30px,3.5vw,44px); line-height:1.15; margin-bottom:36px; }
.mm-v26d .age-regio .age-usps ul { gap:28px 32px; }
.mm-v26d .age-regio .age-usps li { padding:0; background:none; border-radius:0; gap:12px; }
.mm-v26d .age-regio .age-usps p { color:var(--purple-dark); font-size:19px; line-height:1.5; }
.mm-v26d .age-regio .age-check { width:22px; height:22px; flex-basis:22px; line-height:18px; font-size:15px; background:none; border:1.5px solid var(--green-text); }
@media(max-width:767px) {
 .mm-v26d .age-regio .age-discovery-layout { grid-template-columns:1fr; }
 .mm-v26d .age-regio .age-tabs { gap:20px 12px; }
 .mm-v26d .age-regio .age-tabs strong { font-size:18px; line-height:24px; overflow-wrap:normal; }
 .mm-v26d .age-regio .age-tabs button > span { font-size:18px; line-height:24px; margin-left:6px; }
 .mm-v26d .age-regio .age-panels { padding:24px; }
 .mm-v26d .age-regio .age-panel h3 { font-size:32px; }
 .mm-v26d .age-regio .age-sections > .age-usps { padding:48px 24px 64px; }
}
@media(prefers-reduced-motion:reduce) {
 .mm-v26d .age-regio #age-ontwikkeling .content-block__media { animation:none; }
 .mm-v26d .age-regio :is(.age-panel,.age-tabs button) { transition:none; }
}

/* Junglereis: existing friends animation above a gently morphing brand backdrop. */
.mm-v26d .age-regio #age-junglereis .age-friends-scene { align-self:center; aspect-ratio:1; min-height:0; isolation:isolate; overflow:visible; background:none; }
.mm-v26d .age-regio .age-friends-blob { position:absolute; inset:5%; z-index:-1; background:#ede3f5; border-radius:30% 70% 70% 30% / 30% 30% 70% 70%; animation:org-morphBlob 16s ease-in-out infinite, age-friends-colour 20s ease-in-out infinite; }
.mm-v26d .age-regio #age-junglereis .age-friends-scene img { object-fit:contain; background:none; }
.mm-v26d .age-regio .age-friends-scene img[hidden] { display:none; }
.mm-v26d .age-regio .age-friends-scene .bso-lottie { position:absolute; inset:0; width:100%; height:100%; opacity:0; }
@keyframes age-friends-colour { 0%,100% { background:#ede3f5; } 33% { background:#d9f2ea; } 66% { background:#fff0b2; } }
@media(prefers-reduced-motion:reduce) { .mm-v26d .age-regio .age-friends-blob { animation:none; } }

/* Hero follows the shared page-wrapper + club content inset, never reading width. */
.mm-v26d .age-regio .age-sections > .age-hero { grid-column:1 / -1; width:min(100%,var(--max-page)); justify-self:center; padding-inline:var(--px-mobile); box-sizing:border-box; }
@media(min-width:768px) { .mm-v26d .age-regio .age-sections > .age-hero { padding-inline:calc(var(--px-tablet) + 32px); } }
@media(min-width:1024px) { .mm-v26d .age-regio .age-sections > .age-hero { padding-inline:calc(var(--px-desktop) + 48px); } }
