.clinic-header{display:block;height:auto;padding:0 4%;background:#fff}
.header-info{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:126px}
.header-info .real-logo{width:110px;height:112px}
.clinic-description{font-size:15px;line-height:1.55;flex-shrink:0}
.clinic-location{display:flex;flex-direction:column;font-size:14px;line-height:1.7}
.clinic-phone{font-size:19px;white-space:nowrap;font-weight:500}
.header-actions{display:flex;gap:18px;align-items:center;flex-shrink:0}
.header-book,.header-prices{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 24px;border-radius:28px;font-size:14px;white-space:nowrap;transition:background .2s,box-shadow .2s}
.header-book{border:2px solid #bcafa3;background:white;color:var(--ink)}
.header-book:hover{background:#f3ede5}
.header-prices{background:linear-gradient(#cdb78c,#aa9061);color:white;border:1px solid transparent;min-width:145px}
.header-prices:hover{box-shadow:0 4px 12px #8a725233}
.clinic-header>.nav{justify-content:center;gap:45px;border-top:1px solid #eee8e0;padding:15px 0}
.clinic-header .mega-panel{top:100%}
.clinic-header>.nav>a,.clinic-header>.nav>.mega>summary{position:relative;isolation:isolate}
.clinic-header>.nav>a::before,.clinic-header>.nav>.mega>summary::before{content:"";position:absolute;inset:-6px -24px;background:var(--cream,#E8EFEB);border-radius:0;opacity:0;z-index:-1;pointer-events:none;transition:opacity .18s ease}
.clinic-header>.nav>a:hover::before,.clinic-header>.nav>a:focus-visible::before,.clinic-header>.nav>.mega>summary:hover::before,.clinic-header>.nav>.mega>summary:focus-visible::before{opacity:1}
@media(max-width:1250px){.clinic-header>.nav>a::before,.clinic-header>.nav>.mega>summary::before{inset:-6px -8px}}
@media(max-width:900px){.clinic-header>.nav>a::before,.clinic-header>.nav>.mega>summary::before{inset:0}}
.clinic-header .mega-panel{grid-template-columns:1fr}
.clinic-header .mega-panel>div:first-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 25px}
@media(max-width:900px){.clinic-header .mega-panel>div:first-child{grid-template-columns:1fr}}
@media(max-width:1250px){.header-info{gap:16px;flex-wrap:wrap;padding:12px 0}.header-info .real-logo{width:90px;height:90px}.clinic-description{font-size:14px}.clinic-location{font-size:13px}.clinic-phone{font-size:17px}.header-actions{gap:10px}.header-book,.header-prices{padding:11px 18px;min-width:0}.clinic-header>.nav{gap:32px}}
@media(min-width:901px) and (max-width:1100px){.header-info{display:grid;grid-template-columns:85px 1fr 1fr;gap:8px 22px}.header-info .brand{grid-row:1/3}.clinic-description{grid-column:2}.clinic-location{grid-column:3;grid-row:1}.clinic-phone{grid-column:2;grid-row:2}.header-actions{grid-column:3;grid-row:2}.header-book,.header-prices{min-height:42px;padding:8px 18px}}
@media(max-width:900px){.clinic-header{position:relative;padding:0 5%}.header-info{display:grid;grid-template-columns:80px 1fr 40px;gap:10px 16px;padding:12px 0 20px}.header-info .brand{grid-row:1;grid-column:1}.header-info .real-logo{height:78px;width:78px}.clinic-description{grid-row:1;grid-column:2;font-size:14px}.header-info .menu-toggle{grid-row:1;grid-column:3}.clinic-location{grid-row:2;grid-column:1/4;font-size:14px}.clinic-phone{grid-row:3;grid-column:1/4;font-size:19px}.header-actions{grid-row:4;grid-column:1/4;gap:12px}.header-book,.header-prices{min-height:44px;flex:1}.clinic-header>.nav{position:absolute;top:100%;left:0;right:0;max-height:65dvh;padding:18px 5%;gap:0;background:#fff;box-shadow:0 12px 20px #38383312}.clinic-header .mega-panel{position:static}.clinic-header .nav a{font-size:15px}}
@media(max-width:360px){.header-info{grid-template-columns:65px 1fr 30px;gap:10px}.header-info .real-logo{width:64px;height:70px}.clinic-description{font-size:12px}.clinic-location{font-size:13px}.header-book,.header-prices{font-size:13px;padding:10px 14px}}

/* Логотип занимает обе строки шапки; разделитель начинается справа от него. */
@media(min-width:901px){
  .clinic-header{--logo-space:204px}
  .header-info{padding-left:var(--logo-space);min-height:126px}
  .header-info .brand{position:absolute;left:4%;top:4px;width:180px;height:172px;display:flex;align-items:center;justify-content:center}
  .header-info .real-logo{display:block;width:180px;height:172px;object-fit:contain}
  .clinic-header>.nav{margin-left:var(--logo-space);justify-content:space-between;gap:24px;padding-inline:max(0px,calc((100% - var(--logo-space) - 1040px)/2))}
  .clinic-header>.nav>a,.clinic-header>.nav>.mega>summary{font-size:18px;white-space:nowrap}
}
@media(min-width:901px) and (max-width:1250px){
  .clinic-header{--logo-space:182px}
  .header-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 20px;min-height:140px;padding-top:12px;padding-bottom:12px}
  .header-info .brand{width:162px;height:180px}
  .header-info .real-logo{width:162px;height:174px}
  .clinic-description{grid-column:1;grid-row:1}
  .clinic-location{grid-column:2;grid-row:1}
  .clinic-phone{grid-column:1;grid-row:2}
  .header-actions{grid-column:2;grid-row:2;flex-wrap:wrap}
  .clinic-header>.nav{gap:22px;flex-wrap:wrap}
}
@media(max-width:900px){
  .header-info{grid-template-columns:104px minmax(0,1fr) 36px;gap:10px 12px}
  .header-info .real-logo{width:104px;height:108px;display:block}
}
@media(max-width:360px){
  .header-info{grid-template-columns:88px minmax(0,1fr) 30px;gap:10px}
  .header-info .real-logo{width:88px;height:96px}
}

/* Увеличиваем знак внутри прежнего блока и улучшаем читаемость шапки. */
.header-info .brand{overflow:hidden}
.header-info .real-logo{transform:scale(1.13)}
.clinic-description{font-size:17px}
@media(min-width:1251px){
  .header-info{justify-content:flex-start;gap:32px}
  .clinic-location,.clinic-phone{margin-left:auto}
}
@media(max-width:1250px){.clinic-description{font-size:16px}}
@media(max-width:360px){.clinic-description{font-size:14px}}
