/* Shared Watch Klinika brand and header system */
:root {
  --wk-header-ink: #17191d;
  --wk-header-muted: #6e7683;
  --wk-header-line: #e5e5ea;
}
.wk-unified-header {
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--wk-header-line);
}
.wk-unified-header > .wrap,
.wk-unified-header > .cp-header-inner {
  width: min(1200px, calc(100% - 48px));
  min-height: 76px;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.wk-unified-header .logo,
.wk-unified-header a.brand,
.wk-unified-header .cp-brand,
.wk-unified-header .pp-brand,
.ca-brand,
.wa-brand {
  display: flex;
  align-items: center;
  gap: 10px;
}
.wk-unified-header .watchklinika-mark,
.ca-brand .watchklinika-mark,
.wa-brand .watchklinika-mark {
  display: block;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  object-fit: contain;
}
.wk-unified-header .logo > .brand,
.wk-unified-header a.brand > span:not(.care-tag),
.wk-unified-header .logo-wordmark,
.wk-unified-header .brand-wordmark,
.wk-unified-header .pp-brand-lockup,
.wk-unified-header .cp-brand > span,
.ca-brand > span,
.wa-brand > span {
  display: block;
  color: var(--wk-header-ink);
  font-size: 13px;
  font-weight: 750;
  letter-spacing: .08em;
  line-height: 1.12;
  white-space: nowrap;
}
.wk-unified-header .logo small,
.wk-unified-header a.brand small,
.wk-unified-header .logo-wordmark small,
.wk-unified-header .brand-wordmark small,
.wk-unified-header .pp-brand-lockup small,
.wk-unified-header .cp-brand small,
.ca-brand small,
.wa-brand small {
  display: block;
  margin-top: 4px;
  color: var(--wk-header-muted);
  font-size: 7px;
  font-weight: 550;
  letter-spacing: .16em;
  line-height: 1.2;
}
.ca-brand { gap: 10px; }
.ca-brand > span { color: #fff; }
.ca-brand small { color: #aec9e8; }
.wa-brand .watchklinika-mark { filter: brightness(0) invert(1); }
.wa-brand > span { color: #fff; }
.wa-brand small { color: #b6c7d8; }
.wk-unified-header .care-tag,
.wk-unified-header .pp-brand em {
  flex: 0 0 auto;
}
@media (max-width: 760px) {
  .wk-unified-header > .wrap,
  .wk-unified-header > .cp-header-inner {
    width: calc(100% - 32px);
    min-height: 68px;
    gap: 12px;
  }
  .wk-unified-header .watchklinika-mark,
  .ca-brand .watchklinika-mark,
  .wa-brand .watchklinika-mark {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }
  .wk-unified-header .logo > .brand,
  .wk-unified-header a.brand > span:not(.care-tag),
  .wk-unified-header .logo-wordmark,
  .wk-unified-header .brand-wordmark,
  .wk-unified-header .pp-brand-lockup,
  .wk-unified-header .cp-brand > span,
  .ca-brand > span,
  .wa-brand > span {
    font-size: 11px;
  }
  .wk-unified-header .logo small,
  .wk-unified-header a.brand small,
  .wk-unified-header .logo-wordmark small,
  .wk-unified-header .brand-wordmark small,
  .wk-unified-header .pp-brand-lockup small,
  .wk-unified-header .cp-brand small,
  .ca-brand small,
  .wa-brand small {
    font-size: 6px;
  }
}


/* Keep the consent-settings link tidy when a page has no footer. */
#care-cookie-settings-link {
  box-sizing: border-box;
  min-height: 44px !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-radius: 8px;
  background: transparent !important;
  color: #6e7683 !important;
  font: 500 13px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
body > #care-cookie-settings-link {
  display: block !important;
  width: fit-content;
  max-width: calc(100% - 32px);
  margin: 16px auto 20px !important;
  text-align: center;
}
footer #care-cookie-settings-link,
.footer-links #care-cookie-settings-link {
  display: inline-block !important;
  margin: 6px 8px !important;
}
#care-cookie-settings-link:focus-visible {
  outline: 2px solid #0669d9;
  outline-offset: 3px;
}
@media (max-width: 760px) {
  body > #care-cookie-settings-link {
    margin: 12px auto 18px !important;
  }
}


/* Keep the shared navigation ready while the footer stylesheet loads asynchronously. */
.nav .nav-links>a.care-blog-nav{display:inline-flex!important;align-items:center;white-space:nowrap}
@media(max-width:1100px){.nav .nav-links{gap:16px}.nav .nav-links .nav-guide{display:none}}
@media(max-width:760px){
  .nav{height:auto!important}
  .nav .wrap{height:auto;min-height:0;flex-wrap:wrap;padding-block:12px;gap:12px}
  .nav .wrap>.logo{flex:1 1 100%}
  .nav .nav-links{flex:1 1 100%;width:100%;justify-content:space-between;gap:12px}
  .nav .nav-links>a.care-blog-nav{font-size:14px;min-height:38px;padding:8px 6px}
  html{scroll-padding-top:135px}
}

/* Partner portal entry in public Care headers. */
.wk-unified-header .partner-portal-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 11px;border:1px solid #d4e3f8;border-radius:999px;background:#eff6ff;color:#005cb9;font-size:12px;font-weight:650;line-height:1.2;text-decoration:none;white-space:nowrap}
.wk-unified-header .partner-portal-link:hover{background:#e2efff;color:#004f9e}
.nav .nav-links>a.partner-portal-link{display:inline-flex!important;align-items:center;white-space:nowrap}
@media(max-width:760px){
 .nav .nav-links>a.partner-portal-link{font-size:11px;min-height:34px;padding:6px 8px}
 .top.wk-unified-header{height:auto!important;min-height:68px;flex-wrap:wrap;align-content:center}
 .top.wk-unified-header>.wrap{flex-wrap:wrap;row-gap:4px;padding-block:7px}
 .top.wk-unified-header>.partner-portal-link{order:3;flex:1 0 100%;justify-content:flex-end}
 .top.wk-unified-header>.wrap>.partner-portal-link{order:3;flex:1 0 100%;justify-content:flex-end}
}

/* PageSpeed contrast fixes */

/* PageSpeed contrast fixes, scoped to the Care homepage. */
body[data-design-page="home"] #main-content .pricing .badge{background:#0066cc!important;color:#fff!important}
body[data-design-page="home"] #main-content .steps .step-no{color:#493600!important}
body[data-design-page="home"] #care-megoldas .image-caption,
body[data-design-page="home"] #care-megoldas .image-caption .small,
body[data-design-page="home"] #care-megoldas .image-caption .round-mark{color:#4d535b!important}
body[data-design-page="home"] #care-megoldas .image-caption .small{opacity:1!important}
body[data-design-page="home"] #main-content .editorial-copy{color:#202124!important}
body[data-design-page="home"] #main-content .editorial-copy .eyebrow{color:#004f9e!important}
body[data-design-page="home"] #main-content .editorial-copy p{color:#4d5158!important}
body[data-design-page="home"] #main-content .final .eyebrow{color:#e7c47b!important}
body[data-design-page="home"] #main-content .final p{color:#e1e5eb!important}
body[data-design-page="home"] #main-content .final .fine{color:#cbd2dc!important}
body[data-design-page="home"] #main-content .final .assist-link{color:#8abaff!important}
body[data-design-page="home"] a.care-footer-booking{background:#0058c7!important;color:#fff!important}
body[data-design-page="home"] a.care-footer-booking>span{color:#fff!important;opacity:1!important}
body[data-design-page="home"] footer.footer .footer-bottom>p,
body[data-design-page="home"] footer.footer .footer-bottom>span,
body[data-design-page="home"] footer.footer .legal p{color:#535860!important}


/* How-it-works header follows the compact Care card layout. */
body[data-care-page="how-it-works"] .nav.how-header{height:auto;min-height:0;position:sticky;top:0;padding:12px 0 0;background:transparent;border:0;backdrop-filter:none;z-index:40}
body[data-care-page="how-it-works"] .how-header .how-header-inner{width:min(1240px,calc(100% - 40px));height:auto;min-height:0;margin:0 auto;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand language" "links links" "partner partner";align-items:center;gap:10px 14px;padding:18px 22px;background:#fff;border:1px solid #e3e5e9;border-radius:28px;box-shadow:0 10px 35px rgba(24,45,75,.06)}
body[data-care-page="how-it-works"] .how-header .how-brand{grid-area:brand;min-width:0;gap:11px;color:#17191d}
body[data-care-page="how-it-works"] .how-header .how-brand .watchklinika-mark{width:44px;height:44px;flex:0 0 44px}
body[data-care-page="how-it-works"] .how-header .how-brand .brand{font-size:14px;letter-spacing:.09em;white-space:nowrap}
body[data-care-page="how-it-works"] .how-header .how-brand .brand small{font-size:8px;letter-spacing:.18em;color:#707783}
body[data-care-page="how-it-works"] .how-header .care-tag{color:#075fbd;border-color:#d6dce4;font-size:12px;padding-left:11px}
body[data-care-page="how-it-works"] .how-header .how-language{grid-area:language;justify-self:end}
body[data-care-page="how-it-works"] .how-header .care-language-current{height:48px;min-width:84px;border-color:#d6d9df;border-radius:16px;color:#1d1d1f;background:#fff;font-size:14px}
body[data-care-page="how-it-works"] .how-header .how-header-links{grid-area:links;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
body[data-care-page="how-it-works"] .how-header .how-header-blog{font-size:16px;font-weight:600;color:#1d1d1f;padding:10px 8px}
body[data-care-page="how-it-works"] .how-header .how-header-plans{min-height:50px;padding:12px 22px;gap:12px;border-radius:999px;background:#0667c8;color:#fff;font-size:15px;white-space:nowrap}
body[data-care-page="how-it-works"] .how-header .how-header-plans:hover{background:#005bb5}
body[data-care-page="how-it-works"] .how-header .how-header-partner{grid-area:partner;min-height:48px;width:100%;padding:11px 16px;border:1px solid #d4e3f8;border-radius:999px;background:#eff6ff;color:#075fbd;font-size:14px;font-weight:650;text-align:center}
body[data-care-page="how-it-works"] .how-header .how-header-partner:hover{background:#e2efff}
@media(min-width:761px){body[data-care-page="how-it-works"] .how-header .how-header-inner{grid-template-columns:minmax(220px,1fr) auto auto;grid-template-areas:"brand links language" "partner partner partner";gap:10px 18px;padding:14px 20px;border-radius:22px}body[data-care-page="how-it-works"] .how-header .how-header-links{display:flex;gap:22px}body[data-care-page="how-it-works"] .how-header .how-header-blog{font-size:14px}body[data-care-page="how-it-works"] .how-header .how-header-partner{justify-self:start;width:auto;min-width:320px;padding-inline:36px}}
@media(max-width:760px){body[data-care-page="how-it-works"] .nav.how-header{padding-top:10px}body[data-care-page="how-it-works"] .how-header .how-header-inner{width:calc(100% - 40px);min-height:0;padding:16px 17px 17px;row-gap:9px;border-radius:27px}body[data-care-page="how-it-works"] .how-header .how-brand{gap:9px}body[data-care-page="how-it-works"] .how-header .how-brand .watchklinika-mark{width:42px;height:42px;flex-basis:42px}body[data-care-page="how-it-works"] .how-header .how-brand .brand{font-size:12px;letter-spacing:.07em}body[data-care-page="how-it-works"] .how-header .how-brand .brand small{font-size:7px;letter-spacing:.16em}body[data-care-page="how-it-works"] .how-header .care-tag{font-size:11px;padding-left:8px}body[data-care-page="how-it-works"] .how-header .care-language-current{height:44px;min-width:70px;padding-inline:9px;border-radius:15px;font-size:13px}body[data-care-page="how-it-works"] .how-header .how-header-links{gap:8px}body[data-care-page="how-it-works"] .how-header .how-header-blog{padding:9px 7px;font-size:15px}body[data-care-page="how-it-works"] .how-header .how-header-plans{min-height:48px;padding:10px 14px;gap:8px;font-size:13px}body[data-care-page="how-it-works"] .how-header .how-header-partner{min-height:46px;font-size:13px}}
@media(max-width:380px){body[data-care-page="how-it-works"] .how-header .how-header-inner{width:calc(100% - 24px);padding-inline:13px}body[data-care-page="how-it-works"] .how-header .how-brand .brand{font-size:10.5px}body[data-care-page="how-it-works"] .how-header .how-brand .brand small{font-size:6px}body[data-care-page="how-it-works"] .how-header .care-tag{font-size:10px;padding-left:6px}body[data-care-page="how-it-works"] .how-header .care-language-current{min-width:64px}body[data-care-page="how-it-works"] .how-header .how-header-plans{padding-inline:10px;font-size:12px}}


/* Keep the one-time booking navigation from colliding at phone widths. */
@media (max-width: 760px) {
  body[data-booking-mode] nav.top.wk-unified-header {
    box-sizing: border-box;
    width: 100%;
    height: auto !important;
    min-height: 0;
    padding: 10px 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "brand partner" "back back";
    align-items: center;
    gap: 10px 12px;
  }
  body[data-booking-mode] nav.top.wk-unified-header > .brand {
    grid-area: brand;
    min-width: 0;
    gap: 8px;
  }
  body[data-booking-mode] nav.top.wk-unified-header > .back {
    grid-area: back;
    justify-self: start;
    white-space: nowrap;
    padding: 7px 10px;
    font-size: 13px;
  }
  body[data-booking-mode] nav.top.wk-unified-header > .partner-portal-link {
    grid-area: partner;
    justify-self: end;
    max-width: 100%;
    padding: 7px 10px;
    font-size: 12px;
  }
  body[data-booking-mode] footer.footer {
    margin-top: 12px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    font-size: 11px;
  }
  body[data-booking-mode] footer.footer > span,
  body[data-booking-mode] footer.footer > a {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  body[data-booking-mode] footer.footer #care-cookie-settings-link {
    box-sizing: border-box;
    flex: 0 0 auto;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    font-size: 11px !important;
    white-space: nowrap;
  }
}
@media (max-width: 360px) {
  body[data-booking-mode] footer.footer { flex-wrap: wrap; }
}