/* Compact navigation for the Care how-it-works page. */
body[data-care-page="how-it-works"] .care-how-header{
 position:sticky;top:0;z-index:40;width:100%;margin:0;
 background:rgba(255,255,255,.96);border-bottom:1px solid #e8e8ed;
 box-shadow:0 2px 12px rgba(20,35,55,.025);
 -webkit-backdrop-filter:saturate(160%) blur(18px);backdrop-filter:saturate(160%) blur(18px)
}
body[data-care-page="how-it-works"] .care-how-header-inner{
 width:min(1320px,calc(100% - 96px));min-height:72px;margin:0 auto;padding:0;
 display:flex;align-items:center;gap:24px
}
body[data-care-page="how-it-works"] .care-how-brand{
 display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0;margin-right:auto
}
body[data-care-page="how-it-works"] .care-how-brand .watchklinika-mark{
 display:block;width:38px;height:38px;flex:0 0 38px;object-fit:contain
}
body[data-care-page="how-it-works"] .care-how-brand .brand{
 display:block;color:#1d1d1f;font-size:12px;font-weight:700;letter-spacing:.075em;line-height:1.15;white-space:nowrap
}
body[data-care-page="how-it-works"] .care-how-brand .brand small{
 display:block;margin-top:4px;color:#737985;font-size:6.5px;font-weight:550;letter-spacing:.16em;line-height:1.2
}
body[data-care-page="how-it-works"] .care-how-brand .care-tag{
 flex:0 0 auto;padding-left:12px;border-left:1px solid #dce0e6;color:#06c;font-size:11px;font-weight:600;letter-spacing:.1em;line-height:20px
}
body[data-care-page="how-it-works"] .care-how-links{display:flex;align-items:center;gap:24px}
body[data-care-page="how-it-works"] .care-how-links>a,
body[data-care-page="how-it-works"] .care-how-mobile-links>a{
 display:inline-flex;align-items:center;min-height:44px;color:#36383d;font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap
}
body[data-care-page="how-it-works"] .care-how-links>a:hover,
body[data-care-page="how-it-works"] .care-how-mobile-links>a:hover{color:#06c}
body[data-care-page="how-it-works"] .care-how-links>a.care-how-plans,
body[data-care-page="how-it-works"] .care-how-mobile-links>a.care-how-plans{
 justify-content:center;gap:10px;min-height:40px;padding:9px 17px;border:1px solid transparent;
 border-radius:999px;background:#06c;color:#fff;font-weight:550
}
body[data-care-page="how-it-works"] .care-how-links>a.care-how-plans:hover,
body[data-care-page="how-it-works"] .care-how-mobile-links>a.care-how-plans:hover{background:#005bb5;color:#fff}
body[data-care-page="how-it-works"] .care-how-plans svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-care-page="how-it-works"] .care-how-header .care-language{flex:0 0 auto}
body[data-care-page="how-it-works"] .care-how-header .care-language-current{
 height:40px;min-width:62px;padding:0 12px;border:1px solid #e0e3e8;border-radius:999px;background:#fff;color:#36383d;
 font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.025em
}
body[data-care-page="how-it-works"] .care-how-header .care-language-menu{top:calc(100% + 12px)}
body[data-care-page="how-it-works"] .care-how-header .care-language-menu a{min-height:44px;display:flex;align-items:center}
body[data-care-page="how-it-works"] .care-how-mobile{display:none}
body[data-care-page="how-it-works"] .care-how-mobile>summary{
 display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;list-style:none;
 border:0;border-radius:10px;background:transparent;color:#1d1d1f;cursor:pointer;-webkit-tap-highlight-color:transparent
}
body[data-care-page="how-it-works"] .care-how-mobile>summary::-webkit-details-marker{display:none}
body[data-care-page="how-it-works"] .care-how-mobile>summary::marker{content:""}
body[data-care-page="how-it-works"] .care-how-mobile>summary:focus-visible{outline:3px solid #0071e3;outline-offset:3px}
body[data-care-page="how-it-works"] .care-how-mobile>summary svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
body[data-care-page="how-it-works"] .care-how-mobile .menu-close{display:none}
body[data-care-page="how-it-works"] .care-how-mobile[open]>summary{background:#f5f5f7}
body[data-care-page="how-it-works"] .care-how-mobile[open] .menu-lines{display:none}
body[data-care-page="how-it-works"] .care-how-mobile[open] .menu-close{display:block}
body[data-care-page="how-it-works"] .care-how-mobile:not([open]) .care-how-mobile-links{display:none}
/* The header now occupies its own space, so the hero no longer needs an overlay offset. */
body[data-care-page="how-it-works"] .how-hero{min-height:650px;padding:28px 0 44px}
body[data-care-page="how-it-works"] .how-hero .hero-copy{padding:48px 0}
@media(max-width:959px){
 body[data-care-page="how-it-works"] .care-how-header-inner{width:calc(100% - 40px);min-height:64px;gap:8px}
 body[data-care-page="how-it-works"] .care-how-links{display:none}
 body[data-care-page="how-it-works"] .care-how-mobile{display:block;flex:0 0 auto;position:static}
 body[data-care-page="how-it-works"] .care-how-mobile-links{
  position:absolute;top:calc(100% + 8px);left:20px;right:20px;z-index:45;
  display:grid;gap:4px;padding:12px;border:1px solid #e2e5eb;border-radius:16px;background:#fff;
  box-shadow:0 16px 40px rgba(20,35,55,.12);max-height:calc(100dvh - 96px);overflow:auto
 }
 body[data-care-page="how-it-works"] .care-how-mobile-links>a{min-height:46px;padding:10px 12px;border-radius:9px;font-size:14px;white-space:normal}
 body[data-care-page="how-it-works"] .care-how-mobile-links>a:hover{background:#f5f8fc}
 body[data-care-page="how-it-works"] .care-how-mobile-links>a.care-how-plans{min-height:46px;margin-top:4px}
 body[data-care-page="how-it-works"] .care-how-brand{gap:8px}
 body[data-care-page="how-it-works"] .care-how-brand .watchklinika-mark{width:34px;height:34px;flex-basis:34px}
 body[data-care-page="how-it-works"] .care-how-brand .brand{font-size:11px;letter-spacing:.055em}
 body[data-care-page="how-it-works"] .care-how-header .care-language-current{min-width:54px;padding:0 9px}
}
@media(max-width:760px){
 html:has(body[data-care-page="how-it-works"]){scroll-padding-top:80px}
 body[data-care-page="how-it-works"] .how-hero{min-height:0;padding:24px 0 34px!important}
 body[data-care-page="how-it-works"] .how-hero .hero-copy{padding:24px 0 8px!important}
}
@media(max-width:600px){
 body[data-care-page="how-it-works"] .care-how-brand .care-tag{display:none}
}
@media(max-width:380px){
 body[data-care-page="how-it-works"] .care-how-header-inner{width:calc(100% - 28px);gap:6px}
 body[data-care-page="how-it-works"] .care-how-brand .brand{font-size:10px}
 body[data-care-page="how-it-works"] .care-how-brand .brand small{font-size:6px}
 body[data-care-page="how-it-works"] .care-how-mobile-links{left:14px;right:14px}
}