.stroller-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.stroller-page .skip-link{position:fixed;top:-100px;left:12px;z-index:1000;padding:12px;background:#fff;color:var(--ink);border-radius:12px}
.stroller-page .skip-link:focus{top:12px}
.stroller-page h1{font-size:clamp(2rem,3.5vw,3.15rem);font-weight:800;line-height:1.09;letter-spacing:-.025em;margin:0 0 26px;overflow-wrap:anywhere}
.stroller-page h2{font-size:clamp(1.8rem,3vw,2.7rem);font-weight:800;line-height:1.14;letter-spacing:-.015em;margin:0 0 24px;overflow-wrap:anywhere}
.stroller-page h3{font-size:clamp(1.25rem,2.3vw,1.8rem);font-weight:800;line-height:1.2;margin:0 0 14px;overflow-wrap:anywhere}
.stroller-page p{font-size:1.08rem;line-height:1.6;color:var(--muted);margin:0 0 18px}
.stroller-page figure{margin:0;min-width:0}
.stroller-page img{display:block;max-width:100%}
.stroller-page .stroller-title-brand{display:block;color:var(--teal-dark);margin-bottom:.22em}
.stroller-page .stroller-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;padding-block:38px 70px}
.stroller-page .stroller-hero-copy{min-width:0}
.stroller-page .stroller-hero-lead{font-size:clamp(1.15rem,1.65vw,1.36rem);line-height:1.45;color:var(--ink);font-weight:700;max-width:570px;margin-bottom:10px}
.stroller-page .stroller-preview{display:block;font-size:.98rem;font-weight:800;color:var(--teal-dark);margin-bottom:18px}
.stroller-page .stroller-hero-photo img{width:100%;height:600px;object-fit:cover;object-position:center 53%;border-radius:var(--radius-lg);box-shadow:0 16px 40px rgba(32,37,45,.12)}
.stroller-page .btn{min-height:48px;white-space:normal;text-align:center;justify-content:center;line-height:1.35}
.stroller-page .stroller-cafe{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(32px,8vw,112px);align-items:center;padding-block:26px 80px;border-bottom:1px solid rgba(47,128,133,.15)}
.stroller-page .stroller-cafe-copy{max-width:540px}
.stroller-page .stroller-cafe-copy p{font-size:1.2rem;line-height:1.55}
.stroller-page .stroller-film{width:min(100%,310px);justify-self:center}
.stroller-page .stroller-video-surface{display:block;width:100%;margin:0;padding:0;border:0;border-radius:var(--radius-lg);appearance:none;background:transparent;box-shadow:0 14px 36px rgba(32,37,45,.12);cursor:pointer;line-height:0}
.stroller-page .stroller-video-surface:focus-visible{outline:3px solid var(--teal);outline-offset:6px}
.stroller-page .stroller-video-surface video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:inherit;background:var(--cream);pointer-events:none}
.stroller-page .stroller-journey{padding-block:72px 80px}
.stroller-page .stroller-journey>h2{max-width:660px;margin-bottom:38px}
.stroller-page .stroller-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,7vw,90px);align-items:center}
.stroller-page .stroller-scene p{max-width:470px;margin:0}
.stroller-page .stroller-scene figure{width:100%;max-width:460px}
.stroller-page .stroller-scene--seat figure{max-width:300px;justify-self:center}
.stroller-page .stroller-scene--seat img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;border-radius:var(--radius-lg)}
.stroller-page .stroller-scene--cradle{margin-top:40px;direction:rtl}
.stroller-page .stroller-scene--cradle>*{direction:ltr}
.stroller-page .stroller-scene--cradle figure{justify-self:end;max-width:560px}
.stroller-page .stroller-scene--cradle img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:var(--radius-lg)}
.stroller-page .stroller-adapter-copy{max-width:760px;margin:36px auto 0;padding-top:26px;border-top:1px solid rgba(47,128,133,.2);text-align:center;font-size:1.05rem}
.stroller-page .stroller-music-band{background:linear-gradient(130deg,var(--mint-soft),var(--cream));padding-block:70px}
.stroller-page .stroller-music{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,6vw,84px);align-items:center}
.stroller-page .stroller-music-copy{min-width:0;max-width:620px}
.stroller-page .stroller-music-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-lg)}
.stroller-page .stroller-text-link{display:inline-block;color:var(--teal-dark);font-size:1rem;font-weight:800;text-underline-offset:4px;line-height:1.4;padding-block:10px}
.stroller-page .stroller-text-link:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.stroller-page .stroller-sounds{margin-top:30px;padding-top:26px;border-top:1px solid rgba(47,128,133,.2)}
.stroller-page .home-sounds-label{font-size:1rem;text-align:left;margin-bottom:8px;color:var(--ink)}
.stroller-page .stroller-sounds-hint{font-size:.94rem;margin-bottom:20px}
.stroller-page .home-sounds-bar{border:0;border-radius:0;padding:0;min-height:48px;background:transparent;justify-content:flex-start}
.stroller-page .home-sound-options{width:100%;max-width:530px;gap:14px;justify-items:center}
.stroller-page .home-sound-button{max-width:48px;min-width:48px;min-height:48px}
.stroller-page .sound-labels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:530px;font-size:.72rem;text-align:center;margin:12px 0 0;line-height:1.35;color:var(--muted)}
.stroller-page .sound-labels span{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.stroller-page .stroller-operation{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,7vw,96px);align-items:center;padding-block:76px 52px}
.stroller-page .stroller-operation ol{list-style:none;padding:0;margin:30px 0 0}
.stroller-page .stroller-operation li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;padding-block:20px;border-top:1px solid rgba(47,128,133,.2)}
.stroller-page .stroller-step-number{font-size:1rem;font-weight:800;line-height:1.6;color:var(--teal-dark);padding-top:2px}
.stroller-page .stroller-operation li h3{font-size:1.15rem;line-height:1.35;margin-bottom:8px}
.stroller-page .stroller-operation li p{font-size:1rem;margin:0}
.stroller-page .stroller-quality{padding-bottom:40px}
.stroller-page .stroller-quality ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:28px 0;list-style:none;border-top:1px solid rgba(47,128,133,.2);border-bottom:1px solid rgba(47,128,133,.2)}
.stroller-page .stroller-quality li{color:var(--teal-dark);font-size:.98rem;font-weight:800;line-height:1.4;overflow-wrap:anywhere}
.stroller-page .ryb-trial{background:rgba(223,244,237,.7);align-items:flex-start;margin-top:10px;margin-bottom:60px}
.stroller-page .ryb-trial .eyebrow{color:var(--teal-dark)}
.stroller-page .ryb-trial>.btn{max-width:270px;min-height:48px;justify-content:center}
.stroller-page .footer{margin-bottom:28px}
@media(max-width:820px){
 .stroller-page .stroller-hero{grid-template-columns:minmax(0,1fr);gap:26px;padding-block:28px 52px}
 .stroller-page .stroller-hero-copy{max-width:680px}
 .stroller-page .stroller-hero-photo img{height:390px;object-position:center 54%}
 .stroller-page .stroller-cafe,.stroller-page .stroller-music,.stroller-page .stroller-operation{grid-template-columns:minmax(0,1fr);gap:28px}
 .stroller-page .stroller-cafe{padding-block:20px 52px}
 .stroller-page .stroller-cafe-copy{max-width:none}
 .stroller-page .stroller-journey{padding-block:52px}
 .stroller-page .stroller-scene{gap:26px}
 .stroller-page .stroller-scene--seat figure{max-width:260px}
 .stroller-page .stroller-music-band{padding-block:48px}
 .stroller-page .stroller-music-photo{width:min(100%,360px);justify-self:center}
 .stroller-page .stroller-operation{padding-block:52px 34px}
 .stroller-page .stroller-quality ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media(max-width:560px){
 .stroller-page .container{width:calc(100% - 28px)}
 .stroller-page h1{font-size:clamp(1.8rem,7.1vw,2.2rem);margin-bottom:18px;hyphens:manual}
 .stroller-page h2{font-size:1.85rem;margin-bottom:18px;hyphens:auto}
 .stroller-page h3{font-size:1.4rem;hyphens:auto}
 .stroller-page p{font-size:1rem;line-height:1.6}
 .stroller-page .stroller-hero{padding-top:22px;gap:24px}
 .stroller-page .stroller-hero-lead{font-size:1.1rem;margin-bottom:8px}
 .stroller-page .stroller-preview{font-size:.94rem;margin-bottom:16px}
 .stroller-page .stroller-hero .btn{width:100%}
 .stroller-page .stroller-hero-photo img{height:340px;object-position:center 57%}
 .stroller-page .stroller-cafe-copy p{font-size:1.08rem}
 .stroller-page .stroller-scene{grid-template-columns:minmax(0,1fr);gap:22px}
 .stroller-page .stroller-scene--cradle{direction:ltr;margin-top:34px}
 .stroller-page .stroller-scene figure,.stroller-page .stroller-scene--cradle figure{max-width:none;justify-self:stretch}
 .stroller-page .stroller-scene--seat figure{width:min(100%,270px);justify-self:center}
 .stroller-page .stroller-adapter-copy{text-align:left;font-size:1rem;margin-top:28px;padding-top:22px}
 .stroller-page .stroller-music{gap:32px}
 .stroller-page .stroller-sounds{margin-top:22px}
 .stroller-page .home-sound-options,.stroller-page .sound-labels{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;max-width:290px}
 .stroller-page .sound-labels{display:none}
 .stroller-page .home-sound-button{width:48px}
 .stroller-page .stroller-operation li{grid-template-columns:28px minmax(0,1fr);gap:14px}
 .stroller-page .stroller-quality ul{gap:24px 18px}
 .stroller-page .stroller-quality li{font-size:.92rem;hyphens:auto}
 .stroller-page .ryb-trial{margin-bottom:38px}
 .stroller-page .ryb-trial>.btn{max-width:none;align-self:stretch;text-align:center}
}
@media(prefers-reduced-motion:reduce){.stroller-page .btn,.stroller-page .stroller-video-surface{transition:none}}

/* Revision 3: only the non-music groups change. The V2 cascade above stays intact. */
.stroller-page .stroller-quality ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:0;padding:0;border:0}
.stroller-page .stroller-quality li{display:flex;align-items:center;min-height:88px;padding:18px 0;border-bottom:1px solid rgba(47,128,133,.2);font-size:1rem;line-height:1.5}
.stroller-page .stroller-operation .stroller-film figcaption{font-size:.95rem;line-height:1.45;font-weight:700;color:var(--teal-dark);text-align:center;margin-top:12px}
.stroller-page .ryb-trial>.btn{width:auto;max-width:none;min-width:132px;align-self:center;flex:0 0 auto}
@media(min-width:821px){
 .stroller-page .stroller-hero h1{font-size:clamp(1.8rem,3vw,2.35rem)}
 .stroller-page .stroller-hero .stroller-keyword{white-space:nowrap}
 .stroller-page .stroller-hero,.stroller-page .stroller-cafe,.stroller-page .stroller-journey,.stroller-page .stroller-operation,.stroller-page .stroller-quality,.stroller-page .ryb-trial{width:min(1000px,calc(100% - 40px))}
 .stroller-page .stroller-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;padding-block:30px 46px}
 .stroller-page .stroller-hero-photo img{height:500px}
 .stroller-page .stroller-cafe{width:min(900px,calc(100% - 40px));grid-template-columns:minmax(0,1fr) 280px;gap:40px;padding-block:16px 46px}
 .stroller-page .stroller-cafe .stroller-film,.stroller-page .stroller-operation .stroller-film{width:280px}
 .stroller-page .stroller-journey{padding-block:46px 48px}
 .stroller-page .stroller-journey>h2{margin-bottom:28px}
 .stroller-page .stroller-scene{width:min(840px,100%);margin-inline:auto;gap:40px}
 .stroller-page .stroller-scene--seat{grid-template-columns:280px minmax(0,1fr)}
 .stroller-page .stroller-scene--seat figure{max-width:280px;justify-self:start}
 .stroller-page .stroller-scene--cradle{grid-template-columns:420px minmax(0,1fr);margin-top:30px}
 .stroller-page .stroller-scene--cradle figure{max-width:420px}
 .stroller-page .stroller-adapter-copy{margin-top:28px;padding-top:20px}
 .stroller-page .stroller-operation{width:min(900px,calc(100% - 40px));grid-template-columns:minmax(0,1fr) 280px;gap:40px;padding-block:48px 32px}
 .stroller-page .stroller-operation ol{margin-top:22px}
 .stroller-page .stroller-operation li{padding-block:16px}
 .stroller-page .stroller-quality{width:min(840px,calc(100% - 40px));padding-bottom:30px}
 .stroller-page .ryb-trial{margin-top:6px;margin-bottom:42px;gap:32px}
}
@media(max-width:560px){
 .stroller-page .stroller-quality ul{grid-template-columns:minmax(0,1fr);gap:0}
 .stroller-page .stroller-quality li{min-height:64px;padding:16px 0;font-size:.98rem}
 .stroller-page .ryb-trial>.btn{align-self:flex-start}
}

/* Review 4: the site's existing Nunito, colours, buttons and music section remain shared. */
.stroller-page--v4 .stroller-hero{padding-block:44px 36px;gap:48px}
.stroller-page--v4 .stroller-hero .eyebrow{color:var(--teal-dark);font-size:.9rem;font-weight:800;margin-bottom:20px}
.stroller-page--v4 .stroller-title-brand{font-size:.47em;letter-spacing:.01em;margin-bottom:18px}
.stroller-page--v4 .stroller-hero h1{font-size:clamp(2rem,3.6vw,3.15rem);line-height:1.09;margin-bottom:24px}
.stroller-page--v4 .stroller-hero .stroller-keyword{white-space:normal}
.stroller-page--v4 .stroller-hero-lead{font-weight:600;font-size:1.18rem;line-height:1.6;margin-bottom:16px}
.stroller-page--v4 .stroller-preview{font-size:1rem;line-height:1.5;margin-bottom:24px}
.stroller-page--v4 .stroller-hero-photo img{height:560px;object-position:center 51%;box-shadow:0 12px 36px #20252d14}
.stroller-page--v4 .stroller-quality{padding-bottom:8px}
.stroller-page--v4 .stroller-quality li{min-height:70px}
.stroller-page--v4 .stroller-operation{padding-top:44px}
.stroller-page--v4 .stroller-cafe{padding-top:40px;margin-top:12px;border-top:1px solid #2f808526;border-bottom:0}
.stroller-page--v4 .stroller-film-hint{font-size:.88rem;color:var(--muted);margin-top:22px}
.stroller-page--v4 .stroller-explainer,.stroller-page--v4 .stroller-faq,.stroller-page--v4 .stroller-links{width:min(1000px,calc(100% - 40px));padding-block:46px}
.stroller-page--v4 .stroller-explainer{max-width:840px;border-top:1px solid #2f808526;border-bottom:1px solid #2f808526}
.stroller-page--v4 .stroller-explainer .eyebrow{font-size:.86rem;color:var(--teal-dark);font-weight:800}
.stroller-page--v4 .stroller-explainer h2{font-size:2.1rem}
.stroller-page--v4 .stroller-facts h3{font-size:1.25rem}
.stroller-page--v4 .stroller-facts dl{margin:0}
.stroller-page--v4 .stroller-facts dl>div{padding:12px 0;border-top:1px solid #2f808526}
.stroller-page--v4 .stroller-facts dt{font-weight:800;color:var(--teal-dark);font-size:.9rem}
.stroller-page--v4 .stroller-facts dd{margin:4px 0 0;line-height:1.5;color:var(--muted)}
.stroller-page--v4 .stroller-faq{max-width:840px}
.stroller-page--v4 .stroller-faq details{border-bottom:1px solid #2f80852e}
.stroller-page--v4 .stroller-faq summary{cursor:pointer;font-weight:800;color:var(--ink);font-size:1.06rem;line-height:1.5;min-height:56px;padding:20px 32px 20px 0;list-style:none;position:relative}
.stroller-page--v4 .stroller-faq summary::-webkit-details-marker{display:none}
.stroller-page--v4 .stroller-faq summary:after{content:'+';position:absolute;right:4px;top:18px;color:var(--teal-dark);font-size:1.35rem}
.stroller-page--v4 .stroller-faq details[open] summary:after{content:'−'}
.stroller-page--v4 .stroller-faq summary:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.stroller-page--v4 .stroller-faq details p{padding:0 24px 12px 0;max-width:730px}
.stroller-page--v4 .stroller-links{padding-top:10px;padding-bottom:38px}
.stroller-page--v4 .stroller-links h2{font-size:1.5rem;margin-bottom:14px}
.stroller-page--v4 .stroller-links p{max-width:680px}
.stroller-page--v4 .stroller-links nav{display:flex;flex-wrap:wrap;gap:8px 30px}
@media(min-width:821px){
 .stroller-page--v4 .stroller-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);width:min(1120px,calc(100% - 48px))}
 .stroller-page--v4 .stroller-hero h1{font-size:clamp(2rem,3.2vw,2.7rem)}
 .stroller-page--v4 .stroller-hero .stroller-keyword{white-space:nowrap}
}
@media(max-width:820px){
 .stroller-page--v4 .stroller-hero{padding-block:28px;gap:24px}
 .stroller-page--v4 .stroller-hero-photo img{height:440px}
 .stroller-page--v4 .stroller-explainer{grid-template-columns:1fr;gap:28px}
 .stroller-page--v4 .stroller-cafe{margin-top:0}
}
@media(max-width:560px){
 .stroller-page--v4 .stroller-hero h1{font-size:clamp(1.85rem,8.2vw,2.5rem)}
 .stroller-page--v4 .stroller-hero .eyebrow{font-size:.82rem;margin-bottom:16px}
 .stroller-page--v4 .stroller-title-brand{font-size:.5em;margin-bottom:14px}
 .stroller-page--v4 .stroller-hero-lead{font-size:1.06rem;line-height:1.55}
 .stroller-page--v4 .stroller-hero-photo img{height:350px}
 .stroller-page--v4 .stroller-explainer,.stroller-page--v4 .stroller-faq,.stroller-page--v4 .stroller-links{width:calc(100% - 28px);padding-block:32px}
 .stroller-page--v4 .stroller-explainer h2{font-size:1.8rem}
 .stroller-page--v4 .stroller-faq summary{font-size:1rem;padding-block:18px}
 .stroller-page--v4 .stroller-links nav{display:grid;gap:4px}
 .stroller-page--v4 .stroller-links{padding-top:0}
}