/* Independent lower-section gallery: no image is reused from the main catalogue. */
.story-gallery{min-width:0}
.story-gallery .gallery-stage{aspect-ratio:4/3;border:1px solid #b8d5ef;background:linear-gradient(145deg,#eaf5ff,#f7efff);box-shadow:0 24px 60px #071a3a2b}
.story-gallery .gallery-stage:after{content:"Y31 KIDS SMARTWATCH";font-size:11px;letter-spacing:.13em;background:linear-gradient(135deg,#06142f,#0b438d);box-shadow:0 8px 22px #00143452}
.story-gallery .gallery-stage img{width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;background:#eef6ff}
@media(max-width:560px){.story-gallery .gallery-stage{border-radius:20px}.story-gallery .gallery-stage:after{left:10px;bottom:10px;font-size:10px}}

.watch-colours{padding:55px max(20px,calc((100% - 1180px)/2));background:linear-gradient(180deg,#edf6ff,#f7faff)}
.watch-colours-heading{text-align:center;margin:0 auto 26px;max-width:680px}
.watch-colours-heading h2{margin:0;color:#06142f;font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:-.04em}
.watch-colours-heading>p:not(.eyebrow){margin:11px 0 0;color:#53617a;font-size:14px}
.watch-colour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.watch-colour-card{overflow:hidden;margin:0;border:1px solid #d7e7f7;border-radius:24px;background:#fff;box-shadow:0 18px 45px #06142f15}
.watch-colour-image{aspect-ratio:1/1;padding:14px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f5ff,#fff)}
.watch-colour-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.watch-colour-card>div:last-child{padding:16px 18px 19px}
.watch-colour-card span{font-size:9px;font-weight:950;letter-spacing:.16em;color:#0873ac}
.watch-colour-card h3{margin:4px 0 0;color:#06142f;font-size:20px}
.black-card .watch-colour-image{background:linear-gradient(145deg,#bfe6ff,#f4fbff)}
.pink-card .watch-colour-image{background:linear-gradient(145deg,#fff1f7,#fff)}
.blue-card .watch-colour-image{background:linear-gradient(145deg,#e6f8ff,#f3f0ff)}
@media(max-width:720px){.watch-colours{padding:38px 14px}.watch-colour-grid{grid-template-columns:1fr}.watch-colour-card{display:grid;grid-template-columns:45% 55%;align-items:center}.watch-colour-card>div:last-child{padding:16px}.watch-colour-image{width:100%;aspect-ratio:1/1}.watch-colour-card h3{font-size:18px}}
.section-order-actions{width:min(100%,760px);margin:26px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.section-order-actions .btn{width:100%}
.section-order-actions .whatsapp svg{width:23px;height:23px;fill:currentColor}
.benefit-actions{grid-column:1/-1;margin-top:10px}
.story-actions{grid-template-columns:1fr;margin:20px 0 0}
@media(max-width:560px){.section-order-actions{grid-template-columns:1fr}.story-actions{grid-template-columns:1fr}}

/* Readability pass: stronger contrast and comfortable sizing on every screen. */
body{font-size:16px;color:#06142f;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.top-cta{border:0;white-space:nowrap;box-shadow:0 8px 22px #00000038;font-size:13px}
.brand b{font-size:15px;font-weight:950}
.brand small{font-size:12px;font-weight:700;color:#a9e7ff}
.eyebrow{font-size:12px;font-weight:950;line-height:1.4}
.intro{font-size:17px;font-weight:550;color:#344761}
.features b{font-size:15px;font-weight:900}
.features span{font-size:13px;font-weight:560;color:#40536d;line-height:1.55}
.pricing del{font-size:17px}.pricing span{font-size:11px;font-weight:950}
.confirmation{font-size:13px;font-weight:700;color:#40536d;line-height:1.45}
.btn{font-size:14px;font-weight:950;line-height:1.25}
.trust-row{font-size:12px;font-weight:850;color:#344e68;line-height:1.45}
.watch-colours-heading>p:not(.eyebrow){font-size:15px;font-weight:600;color:#40536d}
.watch-colour-card span{font-size:11px}.watch-colour-card h3{font-size:21px;font-weight:950}
.benefit-band h2{font-size:21px;font-weight:950}
.benefit-band p{font-size:14px;font-weight:560;line-height:1.65;color:#d8e9fb}
.story p:not(.eyebrow){font-size:16px;font-weight:560;color:#40536d}
.contact-section>p:not(.eyebrow){font-size:15px;font-weight:560;color:#d8e6f6}
footer{font-size:12px;font-weight:650;color:#c0d0e3}
.online{font-size:11px;font-weight:900}.online b{font-size:12px}
.modal-card header p{font-size:13px;font-weight:600;color:#e4f1ff}
.selected small{font-size:11px}.selected strong{font-size:14px;font-weight:900}.selected b{font-size:14px}
form label{font-size:14px;font-weight:900}form input{font-size:16px}.form-error{font-size:13px}.modal-submit{font-size:15px}.privacy{font-size:11px;font-weight:650}
@media(max-width:560px){
  body{font-size:15px}.top-cta{font-size:11px;padding:11px 13px}.brand b{font-size:12px}
  .intro{font-size:16px}.features b{font-size:15px}.features span{font-size:13px}
  .btn{font-size:13px}.trust-row{font-size:12px}.benefit-band p{font-size:14px}
  .modal-card header p{font-size:12px}form label{font-size:13px}.privacy{font-size:11px}
}
