/* Шапка shypager.kz в стиле kbp.kz (.kbph): логотип, разделы, переключатель RU/ҚАЗ, меню на телефоне.
   Одна на главной (Tilda), «О портале» и страницах сервисов. Своя область имен .kbph — Tilda не задевается. */
@font-face{font-family: 'Geologica';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/assets/shypager-svc/fonts/geologica-cyrillic-ext-2bcd3c98.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/assets/shypager-svc/fonts/geologica-cyrillic-44317364.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/assets/shypager-svc/fonts/geologica-latin-ext-33644ebd.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: 'Geologica';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/assets/shypager-svc/fonts/geologica-latin-0df4fc8d.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
.kbph{position:sticky;top:0;z-index:9990;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid #e2e8eb;font-family:'Geologica',system-ui,sans-serif}
.kbph *{box-sizing:border-box}
.kbph-wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:28px;height:68px}
.kbph-logo{display:block;flex:none}
.kbph-logo img{height:24px;width:auto;display:block}
.kbph-nav{display:flex;gap:24px;margin-left:auto;font:500 15px/1 'Geologica',system-ui,sans-serif}
.kbph-nav a{text-decoration:none;color:#2b3a45;white-space:nowrap}
.kbph-nav a:hover,.kbph-nav a.on{color:#007E90}
.kbph-lang{display:flex;border:1px solid #e2e8eb;border-radius:99px;font:600 12px/1 'Geologica',system-ui,sans-serif;overflow:hidden;flex:none}
.kbph-lang a{padding:7px 10px;text-decoration:none;color:#5d6b73}
.kbph-lang a.on{background:#15232E;color:#fff}
.kbph-menu{display:none;position:relative}
.kbph-menu summary{list-style:none;cursor:pointer}
.kbph-menu summary::-webkit-details-marker{display:none}
.kbph-burger{width:40px;height:40px;border-radius:12px;border:1px solid #e2e8eb;background:#fff;display:grid;place-items:center}
.kbph-burger span,.kbph-burger span:before,.kbph-burger span:after{display:block;width:16px;height:2px;background:#15232E;position:relative;content:''}
.kbph-burger span:before{position:absolute;top:-5px}
.kbph-burger span:after{position:absolute;top:5px}
.kbph-panel{position:absolute;right:0;top:48px;min-width:240px;background:#fff;border:1px solid #e2e8eb;border-radius:14px;padding:8px;box-shadow:0 16px 40px rgba(21,35,46,.12);display:grid}
.kbph-panel a{padding:12px 14px;border-radius:10px;text-decoration:none;font:500 15px/1.2 'Geologica',system-ui,sans-serif;color:#15232E}
.kbph-panel a:hover,.kbph-panel a.on{background:#f3f6f7}
@media (max-width:1239px){.kbph-wrap{gap:20px}.kbph-nav{gap:18px;font-size:14px}}
@media (max-width:980px){.kbph-nav{display:none}.kbph-lang{margin-left:auto}.kbph-menu{display:block}}
@media (max-width:640px){.kbph-wrap{padding:0 16px;height:60px;gap:12px}.kbph-logo img{height:20px}}