/* OneKids Pro only: neutral surfaces, clear hierarchy and original product artwork. */
.okpro,.okpro-footer{--pro-ink:#18324f;--pro-muted:#52657c;--pro-accent:#1769cc;--pro-line:#e1e8f0;font-family:"Open Sans",Roboto,Arial,sans-serif;color:var(--pro-ink);font-size:16px;line-height:1.75;overflow-wrap:anywhere}
.okpro *,.okpro-footer *{box-sizing:border-box}
.okpro :where(h1,h2,h3,p,figure,ul),.okpro-footer p{margin:0}
.okpro .okpro-container,.okpro-footer .okpro-container{width:min(1080px,calc(100% - 64px));margin-inline:auto}
.okpro :is(a,button):focus-visible,.okpro-footer a:focus-visible{outline:3px solid #2678d9;outline-offset:5px}
.okpro .okpro-hero{background:linear-gradient(110deg,#101d36ed,#14233abd),#18253b url("../onekids/wordpress/8f44025ad988024234c52d2fcfd7d693121161cd62ef3906ba5464c8e5b670b8.jpg") center/cover no-repeat}
.okpro .okpro-hero__inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:38px}
.okpro .okpro-hero__copy{min-width:0;padding-block:18px}
.okpro .okpro-brand{margin-bottom:17px;color:#b3d5ff;font-size:14px;font-weight:700;letter-spacing:.2em;line-height:1.5}
.okpro h1{max-width:520px;color:#fff;font:700 clamp(32px,3.6vw,50px)/1.24 Roboto,Arial,sans-serif;letter-spacing:-.02em;text-wrap:balance}
.okpro .okpro-downloads{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.okpro .okpro-store{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:11px 18px;border:1px solid #ffffff12;border-radius:12px;color:#182231;background:#ffdf7e;text-align:left;text-decoration:none;white-space:nowrap;transition:background-color .18s,box-shadow .18s}
.okpro .okpro-store--google{color:#fff;background:#1769cc}
.okpro .okpro-store svg{width:29px;height:34px;fill:currentColor;flex:0 0 auto}
.okpro .okpro-store span{display:grid;gap:3px;line-height:1.25}
.okpro .okpro-store small{font-size:11px;font-weight:400}
.okpro .okpro-store strong{font-size:16px;letter-spacing:.3px}
.okpro .okpro-store:hover{background:#ffe8a3;box-shadow:0 6px 20px #0002}
.okpro .okpro-store--google:hover{background:#125db7}
.okpro .okpro-montage{display:block;justify-self:center;width:min(100%,420px);height:auto;max-width:100%;filter:drop-shadow(0 16px 22px #0003)}
.okpro .okpro-guide{padding-block:60px;background:#fff}
.okpro .okpro-guide h2{max-width:880px;margin:0 auto 32px;color:var(--pro-ink);font:700 24px/1.5 "Open Sans",Arial,sans-serif;letter-spacing:0;text-align:center;text-wrap:balance}
.okpro .okpro-guide h2::after{content:"";display:block;width:48px;height:3px;margin:18px auto 0;border-radius:2px;background:#4c9ce6}
.okpro .okpro-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:32px;padding-inline:24px}
.okpro .okpro-phone{justify-self:center;min-width:0;width:100%;max-width:288px;padding:7px;border:1px solid #e0e7ef;border-radius:17px;background:#fff;box-shadow:0 8px 24px #233c5810}
.okpro .okpro-phone img{display:block;width:100%;max-width:100%;height:auto;border:0;border-radius:10px}
.okpro .okpro-phone .article-image-viewer-host{display:block;width:100%;border-radius:10px}
.okpro .okpro-guide__details{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;margin-top:32px}
.okpro .okpro-details-card{min-width:0;padding:24px 26px;border:1px solid var(--pro-line);border-radius:18px;background:#fff;box-shadow:0 4px 16px #233c5805}
.okpro .okpro-details-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--pro-ink);font-size:16px;line-height:1.5;font-weight:700}
.okpro .okpro-details-title svg{width:23px;height:23px;flex:0 0 auto;fill:#fff;stroke:var(--pro-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.okpro .okpro-positions{color:#3e536b;font-size:15px;line-height:1.75}
.okpro .okpro-positions ul{padding:0;list-style:none}
.okpro .okpro-positions li{margin:0;padding:9px 0;border-bottom:1px solid #edf1f6}
.okpro .okpro-positions li:first-child{padding-top:0}
.okpro .okpro-positions li:last-child{padding-bottom:0;border-bottom:0}
.okpro .okpro-details-note{display:grid;grid-template-columns:24px minmax(0,1fr);align-content:start;gap:13px;min-width:0;padding:24px 26px;border:1px solid #dce8f6;border-radius:18px;background:#f3f7fd}
.okpro .okpro-note-icon{width:24px;height:24px;margin-top:1px;fill:none;stroke:var(--pro-accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.okpro .okpro-note{color:#3e536b;font-size:15px;line-height:1.9}
.okpro .okpro-note span{display:block;margin-bottom:12px;color:var(--pro-ink);font-size:16px;font-weight:700;line-height:1.5}
.okpro .okpro-note span+br{display:none}
.okpro .okpro-guide--staff{background:#f7f9fc}
.okpro .okpro-guide--staff h2::after{background:#e7887f}
.okpro .okpro-guide--staff .okpro-phone{border-color:#e3e7ee}
.okpro .okpro-guide--staff .okpro-details-note{border-color:#eadfdb;background:#fdf6f2}
.okpro .okpro-guide--staff .okpro-note-icon{stroke:#a46448}
.okpro .okpro-guideline{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:12px;margin-top:22px;padding:18px 22px;border:1px solid #dfe7f1;border-radius:14px;background:#edf3fa}
.okpro .okpro-guideline svg{width:22px;height:22px;margin-top:2px;fill:none;stroke:#557698;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.okpro .okpro-general-note{color:#4a6078;font-size:14px;line-height:1.8;font-style:normal;text-align:left}
.okpro-footer{padding-block:34px 30px;border-top:1px solid #e1e8f0;background:linear-gradient(#ffffffe8,#ffffffe8),#f2f5fa url("../onekids/pro/footer-background.jpeg") center/cover no-repeat;text-align:center}
.okpro-footer .okpro-footer__brand{display:inline-block;color:#1b477b;font:700 27px/1.5 Roboto,Arial,sans-serif;letter-spacing:.02em;text-decoration:none}
.okpro-footer p{margin-top:8px;color:#52657c;font-size:14px;line-height:1.75}
.okpro-footer .okpro-footer__note{margin:10px auto 0;max-width:680px;font-size:13px;line-height:1.8;font-style:normal}
.okpro-footer .okpro-footer__note span{margin-left:4px}
.okpro-footer .okpro-footer__stores{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0 18px}
.okpro-footer .okpro-footer__stores a{display:flex;align-items:center;min-height:44px;border-radius:6px}
.okpro-footer .okpro-footer__stores img{display:block;width:135px;max-width:100%;height:auto}
.okpro-footer .okpro-footer__copyright{color:#52657c;font-size:12px;line-height:1.7;text-decoration:none}
.okpro-footer .okpro-footer__copyright:hover{text-decoration:underline}
@media(max-width:1000px){
 .okpro .okpro-hero__inner{gap:32px}
 .okpro h1{font-size:36px}
 .okpro .okpro-store{gap:9px;padding-inline:13px}
 .okpro .okpro-store strong{font-size:14px}
 .okpro .okpro-store svg{width:25px}
 .okpro .okpro-phones{gap:22px;padding-inline:0}
 .okpro .okpro-guide h2{font-size:22px}
}
@media(max-width:820px){
 .okpro .okpro-hero__inner{grid-template-columns:minmax(0,1fr);gap:10px;padding-block:32px 25px}
 .okpro .okpro-hero__copy{text-align:center;padding-block:0}
 .okpro h1{max-width:580px;margin-inline:auto;font-size:clamp(30px,5vw,38px)}
 .okpro .okpro-brand{margin-bottom:12px}
 .okpro .okpro-downloads{justify-content:center;margin-top:24px}
 .okpro .okpro-montage{width:min(100%,340px)}
 .okpro .okpro-guide__details{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:28px}
 .okpro .okpro-guide{padding-block:42px}
}
@media(max-width:600px){
 .okpro .okpro-container,.okpro-footer .okpro-container{width:calc(100% - 36px)}
 .okpro .okpro-hero__inner{padding-block:30px 20px}
 .okpro h1{font-size:clamp(29px,7.3vw,35px);line-height:1.3}
 .okpro .okpro-brand{font-size:12px;letter-spacing:.18em}
 .okpro .okpro-downloads{gap:10px;margin-top:23px}
 .okpro .okpro-store{min-height:57px;padding:9px 12px;gap:9px}
 .okpro .okpro-store strong{font-size:14px;letter-spacing:0}
 .okpro .okpro-store small{font-size:10px}
 .okpro .okpro-montage{width:min(100%,310px)}
 .okpro .okpro-guide{padding-block:36px}
 .okpro .okpro-guide h2{margin-bottom:26px;font-size:19px;line-height:1.6}
 .okpro .okpro-guide h2::after{margin-top:13px}
 .okpro .okpro-phones{grid-template-columns:minmax(0,1fr);gap:22px;padding-inline:14px}
 .okpro .okpro-phone{max-width:280px;padding:6px;border-radius:15px}
 .okpro .okpro-guide__details{gap:16px;margin-top:26px}
 .okpro .okpro-details-card{padding:21px}
 .okpro .okpro-details-note{padding:21px;gap:10px;grid-template-columns:22px minmax(0,1fr)}
 .okpro .okpro-details-title{margin-bottom:14px}
 .okpro .okpro-note-icon{width:22px;height:22px}
 .okpro .okpro-positions,.okpro .okpro-note{font-size:14px;line-height:1.9}
 .okpro .okpro-note span{font-size:15px}
 .okpro .okpro-guideline{gap:10px;padding:17px;grid-template-columns:20px minmax(0,1fr)}
 .okpro .okpro-general-note{font-size:13px}
 .okpro-footer{padding-block:29px 25px}
 .okpro-footer .okpro-footer__brand{font-size:25px}
 .okpro-footer .okpro-footer__stores img{width:128px}
 .okpro-footer .okpro-footer__note span{margin-left:0}
}
@media(max-width:360px){
 .okpro .okpro-downloads{gap:8px}
 .okpro .okpro-store{padding-inline:10px;gap:7px}
 .okpro .okpro-store svg{width:23px}
 .okpro .okpro-store strong{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.okpro .okpro-store{transition:none}}