@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900&display=swap');
/* ===== malé zdraví — design styles ===== */

  :root{
    --pink:#E5097F; --pink-600:#C80570; --pink-700:#A8055E;
    --pink-50:#FDEAF4; --pink-100:#FBD7E9;
    --lime:#9FCC3B; --lime-600:#84B025; --lime-50:#F2F8E2;
    --ink:#23232C; --muted:#6E6E7A; --line:#ECECF1; --soft:#F7F7FA;
    --white:#fff;
    --accent:var(--pink); --accent-600:var(--pink-600);
    --radius:18px; --radius-lg:26px;
    --head:'Nunito',sans-serif; --body:'Nunito',sans-serif;
    --shadow-sm:0 2px 10px rgba(35,35,44,.06);
    --shadow:0 16px 44px -20px rgba(35,35,44,.30);
    --shadow-pink:0 18px 40px -18px rgba(229,9,127,.55);
    --maxw:1200px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0; font-family:var(--body); color:var(--ink); background:var(--white);
    font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{font-family:var(--head); line-height:1.1; margin:0; font-weight:800; letter-spacing:-.01em;}
  p{margin:0;}
  a{color:inherit; text-decoration:none;}
  img{max-width:100%; display:block;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
  .eyebrow{font-size:13px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--accent);}
  .btn{
    display:inline-flex; align-items:center; gap:9px; font-family:var(--head);
    font-weight:800; font-size:16px; padding:14px 26px; border-radius:999px;
    border:2px solid transparent; cursor:pointer; transition:.18s ease; white-space:nowrap;
  }
  .btn svg{width:18px; height:18px;}
  .btn-primary{background:var(--accent); color:#fff; box-shadow:var(--shadow-pink);}
  .btn-primary:hover{background:var(--accent-600); transform:translateY(-2px);}
  .btn-lime{background:var(--lime); color:#fff;}
  .btn-lime:hover{background:var(--lime-600); transform:translateY(-2px);}
  .btn-ghost{background:#fff; color:var(--ink); border-color:var(--line);}
  .btn-ghost:hover{border-color:var(--accent); color:var(--accent);}
  .btn-white{background:#fff; color:var(--accent);}
  .btn-white:hover{transform:translateY(-2px); box-shadow:0 14px 30px -16px rgba(0,0,0,.4);}

  /* ---------- top bar ---------- */
  .topbar{background:var(--soft); border-bottom:1px solid var(--line); font-size:14.5px;}
  .topbar .wrap{display:flex; align-items:center; justify-content:space-between; min-height:44px; gap:18px;}
  .topbar .left{display:flex; align-items:center; gap:22px; color:var(--muted);}
  .topbar .item{display:flex; align-items:center; gap:8px; white-space:nowrap;}
  .topbar .item svg{width:15px; height:15px; color:var(--accent);}
  .topbar .item b{color:var(--ink); font-weight:800;}
  .topbar .right{display:flex; align-items:center; gap:14px; color:var(--muted);}
  .lang{display:flex; gap:4px; align-items:center;}
  .lang a{padding:3px 7px; border-radius:7px; font-weight:700; font-size:13px;}
  .lang a.on{background:var(--accent); color:#fff;}

  /* ---------- header ---------- */
  header.site{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.86); backdrop-filter:blur(14px); border-bottom:1px solid var(--line);}
  header.site .wrap{display:flex; align-items:center; justify-content:space-between; min-height:84px; gap:18px;}
  .logo{display:flex; align-items:center; gap:13px;}
  .logo .mark{width:46px; height:46px; flex:none; position:relative;}
  .logo .txt{white-space:nowrap;}
  .logo .txt .name{font-family:var(--head); font-weight:900; font-size:27px; letter-spacing:-.02em; line-height:1;}
  .logo .txt .name .g{color:#9a9aa6;}
  .logo .txt .name .p{color:var(--accent);}
  .logo .txt .tag{font-size:11.5px; font-weight:800; color:var(--accent); letter-spacing:.02em; margin-top:3px;}
  nav.main{display:flex; align-items:center; gap:2px;}
  nav.main a{
    font-family:var(--head); font-weight:700; font-size:14.5px; color:#4a4a55;
    padding:9px 11px; border-radius:10px; transition:.16s; position:relative; white-space:nowrap;
  }
  nav.main a:hover{color:var(--accent); background:var(--pink-50);}
  nav.main a.active{color:var(--accent);}
  nav.main a.kariera{color:var(--lime-600);}
  nav.main a.kariera:hover{background:var(--lime-50); color:var(--lime-600);}
  .header-cta{display:flex; align-items:center; gap:10px;}
  .burger{display:none; border:none; background:none; cursor:pointer; padding:8px;}
  .burger span{display:block; width:24px; height:2.5px; background:var(--ink); border-radius:2px; margin:5px 0;}

  /* ---------- hero ---------- */
  .hero{position:relative; padding:40px 0 0;}
  .slides{position:relative;}
  .slide{display:none; opacity:1;}
  .slide.on{display:block;}

  .slide-inner{display:grid; grid-template-columns:1.05fr 1fr; gap:38px; align-items:center;}
  .hero-copy .eyebrow{margin-bottom:16px; display:block;}
  .hero-copy h1{font-size:clamp(34px,4.6vw,58px); font-weight:900;}
  .hero-copy h1 .hl{color:var(--accent);}
  .hero-copy p.lead{font-size:19px; color:var(--muted); margin-top:18px; max-width:30em;}
  .hero-actions{display:flex; gap:12px; margin-top:30px; flex-wrap:wrap;}
  .hero-trust{display:flex; gap:26px; margin-top:30px; flex-wrap:wrap;}
  .hero-trust .t{display:flex; align-items:center; gap:10px; font-size:14.5px; color:var(--muted);}
  .hero-trust .t b{display:block; color:var(--ink); font-size:21px; font-family:var(--head); line-height:1;}
  .hero-trust .t .ic{width:38px;height:38px;border-radius:11px;background:var(--pink-50);color:var(--accent);display:grid;place-items:center;flex:none;}
  .hero-trust .t .ic svg{width:19px;height:19px;}

  .hero-media{position:relative;}
  image-slot.hero-img{width:100%; height:440px; border-radius:var(--radius-lg); box-shadow:var(--shadow);}
  .hero-badge{
    position:absolute; left:-18px; bottom:26px; background:#fff; border-radius:16px;
    box-shadow:var(--shadow); padding:14px 18px; display:flex; align-items:center; gap:12px; max-width:230px;
  }
  .hero-badge .dot{width:42px;height:42px;border-radius:12px;background:var(--lime-50);color:var(--lime-600);display:grid;place-items:center;flex:none;}
  .hero-badge .dot svg{width:22px;height:22px;}
  .hero-badge b{font-family:var(--head); font-size:15px;}
  .hero-badge span{font-size:13px; color:var(--muted);}

  .hero-controls{display:flex; align-items:center; gap:16px; margin-top:26px;}
  .dots{display:flex; gap:9px;}
  .dots button{width:10px;height:10px;border-radius:50%;border:none;background:var(--line);cursor:pointer;padding:0;transition:.2s;}
  .dots button.on{background:var(--accent); width:30px; border-radius:6px;}
  .arrows{display:flex; gap:8px; margin-left:auto;}
  .arrows button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;transition:.16s;}
  .arrows button:hover{border-color:var(--accent); color:var(--accent);}
  .arrows svg{width:18px;height:18px;}

  /* ---------- hero variant: overlay ---------- */
  body[data-hero="overlay"] .slide-inner{display:block; position:relative;}
  body[data-hero="overlay"] .hero-media{position:absolute; inset:0;}
  body[data-hero="overlay"] image-slot.hero-img{height:540px;}
  body[data-hero="overlay"] .hero-media::after{content:""; position:absolute; inset:0; border-radius:var(--radius-lg); background:linear-gradient(100deg,rgba(168,5,94,.92) 0%,rgba(229,9,127,.78) 38%,rgba(229,9,127,.05) 75%);}
  body[data-hero="overlay"] .hero-copy{position:relative; z-index:2; padding:64px 0 64px 56px; max-width:560px; color:#fff;}
  body[data-hero="overlay"] .hero-copy h1, body[data-hero="overlay"] .hero-copy h1 .hl{color:#fff;}
  body[data-hero="overlay"] .hero-copy p.lead{color:rgba(255,255,255,.92);}
  body[data-hero="overlay"] .hero-copy .eyebrow{color:#fff;}
  body[data-hero="overlay"] .hero-trust .t{color:rgba(255,255,255,.9);}
  body[data-hero="overlay"] .hero-trust .t b{color:#fff;}
  body[data-hero="overlay"] .hero-trust .t .ic{background:rgba(255,255,255,.18); color:#fff;}
  body[data-hero="overlay"] .hero-badge{display:none;}

  /* ---------- hero variant: minimal ---------- */
  body[data-hero="minimal"] .hero{background:var(--soft); padding:42px 0 0; border-radius:0;}
  body[data-hero="minimal"] image-slot.hero-img{height:400px; box-shadow:var(--shadow-sm); border:8px solid #fff;}
  body[data-hero="minimal"] .hero-copy h1{font-size:clamp(32px,4.2vw,52px);}
  body[data-hero="minimal"] .hero-badge{box-shadow:var(--shadow-sm);}
  body[data-hero="minimal"] .hero-after{height:42px;}

  /* ---------- section frame ---------- */
  section.block{padding:88px 0;}
  .sec-head{text-align:center; max-width:680px; margin:0 auto 52px;}
  .sec-head .eyebrow{display:block; margin-bottom:14px;}
  .sec-head h2{font-size:clamp(28px,3.4vw,42px);}
  .sec-head h2 .hl{color:var(--accent);}
  .sec-head p{color:var(--muted); margin-top:14px; font-size:18px;}

  /* reasons */
  .reasons{background:var(--soft);}
  .reasons-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:18px;}
  .reason{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:26px 22px; text-align:left; transition:.2s; position:relative; overflow:hidden;}
  .reason:hover{transform:translateY(-6px); box-shadow:var(--shadow); border-color:transparent;}
  .reason .num{font-family:var(--head); font-weight:900; font-size:15px; color:var(--accent); background:var(--pink-50); width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:18px;}
  .reason:nth-child(even) .num{color:var(--lime-600); background:var(--lime-50);}
  .reason h3{font-size:18px; margin-bottom:8px;}
  .reason p{font-size:14.5px; color:var(--muted); line-height:1.55;}

  /* services */
  .serv-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .serv{border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden; background:#fff; transition:.2s; display:flex; flex-direction:column;}
  .serv:hover{box-shadow:var(--shadow); transform:translateY(-5px);}
  .serv image-slot{width:100%; height:188px;}
  .serv .body{padding:24px 24px 26px;}
  .serv .tag{font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--lime-600);}
  .serv h3{font-size:21px; margin:10px 0 9px;}
  .serv p{font-size:15px; color:var(--muted);}
  .serv .more{margin-top:16px; font-family:var(--head); font-weight:800; color:var(--accent); display:inline-flex; align-items:center; gap:7px; font-size:15px; white-space:nowrap;}
  .serv .more svg{width:16px;height:16px; transition:.18s;}
  .serv:hover .more svg{transform:translateX(4px);}

  /* CTA band */
  .ctaband{background:linear-gradient(115deg,var(--pink-600),var(--pink)); color:#fff; border-radius:var(--radius-lg); padding:54px 56px; display:grid; grid-template-columns:1.4fr 1fr; gap:40px; align-items:center; position:relative; overflow:hidden;}
  .ctaband::before{content:""; position:absolute; right:-60px; top:-60px; width:260px;height:260px;border-radius:50%; background:rgba(255,255,255,.10);}
  .ctaband::after{content:""; position:absolute; right:120px; bottom:-90px; width:200px;height:200px;border-radius:50%; background:var(--lime); opacity:.30;}
  .ctaband h2{font-size:clamp(26px,3vw,38px); color:#fff; position:relative;}
  .ctaband p{color:rgba(255,255,255,.92); margin-top:12px; font-size:18px; position:relative; max-width:34em;}
  .ctaband .actions{display:flex; gap:14px; justify-content:flex-end; position:relative; flex-wrap:wrap;}
  .ctaband .actions{flex-direction:column;}

  /* locations */
  .loc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .loc{border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:#fff; transition:.2s;}
  .loc:hover{box-shadow:var(--shadow); transform:translateY(-4px);}
  .loc image-slot{width:100%; height:150px;}
  .loc .body{padding:22px;}
  .loc h3{font-size:19px; display:flex; align-items:center; gap:9px;}
  .loc h3 svg{width:18px;height:18px;color:var(--accent);}
  .loc .row{display:flex; align-items:flex-start; gap:10px; margin-top:12px; font-size:14.5px; color:var(--muted);}
  .loc .row svg{width:16px;height:16px;color:var(--lime-600);margin-top:3px;flex:none;}
  .loc .body .btn{margin-top:18px; width:100%; justify-content:center; font-size:14.5px; padding:11px;}

  /* footer */
  footer.site{background:#1e1e26; color:#c9c9d2; padding:64px 0 28px; margin-top:6px;}
  .foot-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:40px;}
  footer .logo .txt .name .g{color:#cfcfd8;}
  footer h4{color:#fff; font-size:15px; letter-spacing:.04em; text-transform:uppercase; margin-bottom:18px; font-weight:800;}
  footer a.fl{display:block; color:#a9a9b4; padding:6px 0; font-size:15px; transition:.15s;}
  footer a.fl:hover{color:#fff;}
  footer .fcontact{display:flex; align-items:center; gap:10px; padding:7px 0; font-size:15px;}
  footer .fcontact svg{width:16px;height:16px;color:var(--accent);}
  .foot-about{font-size:14.5px; line-height:1.7; color:#9b9ba6; margin-top:16px; max-width:30em;}
  .foot-bottom{border-top:1px solid #34343f; margin-top:44px; padding-top:24px; display:flex; justify-content:space-between; gap:16px; font-size:13.5px; color:#83838f; flex-wrap:wrap;}

  /* image-slot label styling */
  image-slot{--ph-bg:var(--soft);}

  /* responsive */
  @media(max-width:1024px){
    /* nav collapses into a full-width dropdown panel toggled by the burger */
    nav.main{
      display:flex; flex-direction:column; align-items:stretch; gap:2px; margin:0;
      position:absolute; top:100%; left:0; right:0;
      background:#fff; border-bottom:1px solid var(--line); box-shadow:var(--shadow);
      padding:12px 18px 18px;
      transform:translateY(-10px); opacity:0; visibility:hidden; pointer-events:none;
      transition:transform .22s ease, opacity .22s ease;
    }
    body.nav-open nav.main{transform:translateY(0); opacity:1; visibility:visible; pointer-events:auto;}
    nav.main a{font-size:16px; padding:13px 12px; border-radius:10px;}
    .burger{display:block;}
    .burger span{transition:transform .2s ease, opacity .2s ease;}
    body.nav-open .burger span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
    body.nav-open .burger span:nth-child(2){opacity:0;}
    body.nav-open .burger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
    .reasons-grid{grid-template-columns:repeat(2,1fr);}
    .serv-grid,.loc-grid{grid-template-columns:repeat(2,1fr);}
    .foot-grid{grid-template-columns:1fr 1fr;}
    .topbar .item.hours{display:none;}
  }
  @media(max-width:760px){
    .wrap{padding:0 16px;}
    /* compact header so it never overflows / gets cut off */
    .logo .txt .tag{display:none;}
    .logo .txt .name{font-size:24px;}
    .logo{gap:10px;}
    .header-cta{gap:8px;}
    .header-cta .btn-primary{padding:11px 18px; font-size:15px;}
    .slide-inner{grid-template-columns:1fr;}
    .hero-media{order:-1;}
    .hero-badge{left:0;}
    body[data-hero="overlay"] .hero-copy{padding:40px 24px;}
    .ctaband{grid-template-columns:1fr; padding:38px 24px;}
    .ctaband .actions{justify-content:flex-start;}
    .reasons-grid,.serv-grid,.loc-grid{grid-template-columns:1fr;}
    .foot-grid{grid-template-columns:1fr;}
    .topbar{font-size:13px;}
    .topbar .wrap{gap:10px;}
    .topbar .left{gap:14px;}
    .topbar .item.email{display:none;}
    header.site .wrap{min-height:70px;}
    section.block{padding:60px 0;}
    .sec-head{margin-bottom:36px;}
  }
  @media(max-width:430px){
    .topbar .item svg{display:none;}
    .header-cta .btn-primary{padding:10px 15px;}
    .logo .txt .name{font-size:22px;}
  }

/* ===== image placeholders + real images ===== */
.img-ph{background:var(--soft);border:2px dashed var(--line);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);overflow:hidden;}
.img-ph span{font-size:13px;font-weight:700;letter-spacing:.02em;padding:14px 18px;max-width:80%;line-height:1.4;}
.img-ph.has-img{border:none;}
.img-ph.has-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;}
.serv .img-ph,.loc .img-ph{border-radius:0;}
.serv .img-ph{height:188px;} .loc .img-ph{height:150px;}
.hero-img.img-ph{width:100%;height:440px;box-shadow:var(--shadow);}
body[data-hero="overlay"] .hero-img.img-ph{height:540px;}
body[data-hero="minimal"] .hero-img.img-ph{height:400px;box-shadow:var(--shadow-sm);border:8px solid #fff;}
/* ===== hide TranslatePress floating switcher (we use the header CZ/EN toggle) ===== */
#trp-floater-ls, .trp-floater-ls, #trp-floater-ls-language-list, [id^="trp-floater"],
.trp-language-switcher, .trp-language-switcher-container, #trp-switcher-dropdown-list,
.trp-floater, [class*="trp-language-switcher"]{display:none!important;}
/* header lang toggle active state */
.lang a.on{background:var(--accent);color:#fff;}