/* Hlavička podle mockupu: logo u levého kraje, kontakty u pravého.
   Šablona design systému je při šířce nad 960 px shlukuje doprostřed. */
@container lb (min-width: 960px) {
  .lb .lb-header__in {
    justify-content: space-between;
    gap: 24px;
  }
}

/* Logo EyeCare: nápis leží pod znakem, při výšce ze šablony by byl drobný. */
.lb .lb-header .lb-logo-img { height: 52px; }
.lb .lb-footer__logos .lb-logo-img { height: 64px; }
@container lb (min-width: 960px) {
  .lb .lb-header .lb-logo-img { height: 68px; }
  .lb .lb-header.is-scrolled .lb-logo-img { height: 54px; }
}

/* Sekce „rezervace“: hlavně kontakt a návštěva, online rezervace (Brelis) jako druhá možnost — na přání klienta. */
.lb .lb-ways { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 12px; }
.lb .lb-way { display: flex; align-items: center; gap: 16px; padding: 14px 16px; background: #fff; border: 1px solid rgba(12,35,64,.12); text-decoration: none; transition: border-color .2s, transform .2s; }
.lb .lb-way:hover { border-color: var(--lb-mint); transform: translateX(3px); }
.lb .lb-way .lb-ico-circle { width: 48px; height: 48px; background: var(--lb-mint); color: var(--lb-db); }
.lb .lb-way small { display: block; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; font-weight: 700; opacity: .7; }
.lb .lb-way b { display: block; font-size: 20px; line-height: 1.3; overflow-wrap: anywhere; }
.lb .lb-way em { display: block; font-style: normal; font-size: 14px; opacity: .7; }
.lb .lb-online { margin-top: 32px; padding-top: 28px; border-top: 1px solid rgba(12,35,64,.15); }
.lb .lb-online h4 { margin: 0 0 8px; font-size: 18px; font-weight: 700; }
.lb .lb-online p { margin: 0 0 18px; }
.lb .lb-online__img { position: relative; margin: 0 0 20px; overflow: hidden; }
.lb .lb-online__img img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: 60% 40%; }
.lb .lb-online__img figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 28px 16px 12px; background: linear-gradient(transparent, rgba(12,35,64,.85)); color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .02em; }
.lb .lb-online__cta { margin: 24px 0 0; }
.lb .lb-online--other { margin-top: 36px; }