/* Sdílený hero pro kontakt, servis a budoucí informační stránky. */
.hd-info-hero {
  --info-paper: #f3f0e8;
  --info-ink: #171916;
  --info-muted: #5d625a;
  --info-green: #293d34;
  --info-line: #d4d5cb;
  background: var(--info-paper);
  color: var(--info-ink);
  padding: 30px 0 clamp(58px, 6.5vw, 92px);
}
.hd-info-hero__shell { width: min(1280px, calc(100% - 80px)); margin-inline: auto; }
.hd-info-hero__breadcrumbs { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: clamp(48px, 6vw, 76px); color: var(--info-muted); font-size: .8rem; }
.hd-info-hero__grid { display: grid; grid-template-columns: minmax(0, 1.42fr) minmax(340px, .72fr); gap: clamp(48px, 7vw, 100px); align-items: end; }
.hd-info-hero .eyebrow { margin: 0 0 18px; font-size: .69rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.hd-info-hero h1 { max-width: 890px; margin: 0 0 25px; font-size: clamp(3.5rem, 5.5vw, 5.8rem); font-weight: 500; line-height: .98; letter-spacing: -.055em; }
.hd-info-hero__lead { max-width: 720px; margin: 0; font-size: clamp(1.12rem, 1.4vw, 1.36rem); line-height: 1.48; }
.hd-info-hero__intro { max-width: 660px; margin: 15px 0 0; color: var(--info-muted); }
.hd-info-hero__facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 830px; margin: 38px 0 0; border-top: 1px solid var(--info-line); }
.hd-info-hero__facts div { min-width: 0; padding: 18px 18px 0 0; }
.hd-info-hero__facts div + div { padding-left: 18px; border-left: 1px solid var(--info-line); }
.hd-info-hero__facts dt { margin-bottom: 4px; font-size: .88rem; font-weight: 650; line-height: 1.35; }
.hd-info-hero__facts dd { margin: 0; color: var(--info-muted); font-size: .77rem; line-height: 1.42; }
.hd-info-hero__aside { align-self: stretch; display: flex; flex-direction: column; justify-content: center; min-width: 0; background: var(--info-green); color: #fff; padding: clamp(30px, 3.2vw, 46px); }
.hd-info-hero__aside h2 { max-width: 360px; margin: 0 0 20px; font-size: clamp(2rem, 2.7vw, 2.8rem); font-weight: 500; line-height: 1.06; letter-spacing: -.035em; }
.hd-info-hero__aside-text { margin: 0; color: #e0e7e1; font-size: .92rem; line-height: 1.55; }
.hd-info-hero__links { margin-top: 28px; }
.hd-info-hero__links a { display: table; max-width: 100%; overflow-wrap: anywhere; }
.hd-info-hero__links .hd-info-hero__primary-link { margin-bottom: 5px; font-size: clamp(1.45rem, 2vw, 1.9rem); line-height: 1.2; text-decoration: none; white-space: nowrap; }
.hd-info-hero__aside ul { margin: 27px 0 0; padding: 22px 0 0 18px; border-top: 1px solid rgba(255,255,255,.22); color: #e0e7e1; font-size: .82rem; }
.hd-info-hero__aside li + li { margin-top: 7px; }
.hd-info-hero a:focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
@media (max-width: 1000px) {
  .hd-info-hero__shell { width: calc(100% - 48px); }
  .hd-info-hero__grid { grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); gap: 36px; }
  .hd-info-hero h1 { font-size: clamp(3.25rem, 6.5vw, 5rem); }
  .hd-info-hero__facts div { padding-right: 12px; }
  .hd-info-hero__facts div + div { padding-left: 12px; }
}
@media (max-width: 760px) {
  .hd-info-hero { padding-top: 22px; padding-bottom: 50px; }
  .hd-info-hero__shell { width: calc(100% - 40px); }
  .hd-info-hero__breadcrumbs { margin-bottom: 34px; font-size: .75rem; }
  .hd-info-hero__grid { grid-template-columns: 1fr; gap: 28px; }
  .hd-info-hero h1 { font-size: clamp(3.05rem, 13vw, 4.65rem); }
  .hd-info-hero__lead { font-size: 1.08rem; }
  .hd-info-hero__facts { grid-template-columns: 1fr; margin-top: 30px; }
  .hd-info-hero__facts div { padding: 14px 0; }
  .hd-info-hero__facts div + div { padding-left: 0; border-top: 1px solid var(--info-line); border-left: 0; }
  .hd-info-hero__aside { min-height: 0; padding: 27px; }
  .hd-info-hero__aside h2 { max-width: none; font-size: 2.05rem; }
  .hd-info-hero__links .hd-info-hero__primary-link { white-space: normal; }
}

