
/* Homepage makeover from the supplied reference. Only applies to the homepage. */
.page-home-redesign{background:#fbfaf8;color:#0a3d70;font-family:Arial,Helvetica,sans-serif}
.page-home-redesign .top{background:#fbfaf8}
.page-home-redesign .head{min-height:96px;gap:28px}
.page-home-redesign .head .logo{color:#0877bd;font-size:36px;letter-spacing:-1.2px}
.page-home-redesign .head .logo span{color:#e12664}
.page-home-redesign .head .logo i{display:inline-block;font-size:0;letter-spacing:0;width:28px;height:40px;margin-left:4px;vertical-align:middle;background:radial-gradient(circle at 5px 5px,#e12664 2.2px,transparent 2.7px),radial-gradient(circle at 13px 10px,#e12664 2.2px,transparent 2.7px),radial-gradient(circle at 19px 17px,#e12664 2.2px,transparent 2.7px),radial-gradient(circle at 19px 26px,#e12664 2.2px,transparent 2.7px),radial-gradient(circle at 13px 34px,#e12664 2.2px,transparent 2.7px),radial-gradient(circle at 5px 39px,#e12664 2.2px,transparent 2.7px)}
.page-home-redesign .brand-note{display:none}
.page-home-redesign .head-info{border-left:1px solid #e7e9ed;padding-left:20px;gap:12px;font-size:15px}
.page-home-redesign .head-info>b{font-size:30px;line-height:1;color:#0f5894}
.page-home-redesign .head-info strong{font-size:15px;color:#0e3c6c;line-height:1.3;font-weight:500}
.page-home-redesign .head-info small{font-size:15px;color:#0e3c6c;line-height:1.3;margin-top:2px}
.page-home-redesign .nav{background:#fbfaf8}
.page-home-redesign .nav a{font-size:13px}
.home-menu-button{display:none;border:0;cursor:pointer;background:#eaf4ff;color:#135c98;border-radius:50%;padding:12px;width:56px;height:56px;align-items:center;justify-content:center}
.home-menu-button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.home-main{max-width:1200px;margin:0 auto;padding:17px 22px 36px}
.showcase-home{max-width:100%}
.home-visual{height:490px;position:relative;overflow:hidden;border-radius:30px;background-color:#fbfaf8;background-image:var(--hero-image);background-position:center 54%;background-size:cover}
.home-copy{position:relative;z-index:1;padding:44px 48px;width:56%;max-width:570px}
.home-copy h1{font-size:clamp(38px,4.2vw,58px);line-height:1.12;letter-spacing:-1.1px;font-weight:800;color:#073d70;margin:0 0 23px}
.home-copy p{font-size:clamp(18px,2vw,24px);line-height:1.37;color:#47657f;margin:0}
.home-cta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:21px 12px 0}
.home-cta a{min-height:72px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;border-radius:20px;font-size:23px;text-decoration:none;text-align:center;padding:0 24px;font-weight:500}
.home-cta svg{width:27px;height:27px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.home-primary{background:#238ed5;color:#fff;box-shadow:0 3px 8px #084b7720}
.home-secondary{border:1.3px solid #238ed5;color:#116aaa;background:#fff}
.cta-arrow{text-align:right;font-size:29px;font-weight:300}
.home-services{margin:32px 14px 0}
.home-services h2{font-size:37px;font-weight:800;letter-spacing:-1px;margin:0 0 19px;color:#083d70}
.home-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-service-link{display:flex;align-items:center;text-decoration:none;color:#0a4276;background:#fff;border-radius:21px;padding:17px 16px;gap:12px;min-height:108px;box-shadow:0 1px 5px #163e5310;transition:transform .16s ease,box-shadow .16s ease}
.home-service-link:hover{transform:translateY(-2px);box-shadow:0 8px 22px #163e5317}
.home-service-icon{flex:0 0 59px;width:59px;height:59px;border-radius:50%;background:#edf7fe;display:grid;place-items:center;color:#165a95}
.home-service-icon svg{width:37px;height:37px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.home-service-name{font-size:16px;font-weight:bold;line-height:1.4;flex:1}
.home-service-arrow{font-size:25px;line-height:1;color:#2798da;font-weight:300;margin-left:auto}
.home-contact-banner{margin:30px 0 0;background:#eaf6ff;border-radius:20px;display:flex;align-items:center;justify-content:center;min-height:112px;padding:18px 30px}
.home-contact-banner>a{display:flex;align-items:center;gap:16px;text-decoration:none;color:#0a4276;width:50%;min-width:0}
.banner-phone{border-right:1px solid #badbec;justify-content:flex-end;padding-right:30px}
.banner-address{padding-left:30px}
.banner-phone strong{font-size:clamp(18px,2.5vw,27px);white-space:nowrap}
.banner-address>span:last-child{font-size:15px;line-height:1.35}
.banner-address small{display:block;font-size:15px;margin-top:2px}
.banner-circle{background:#f8fcff;border-radius:50%;width:55px;height:55px;flex:0 0 55px;display:grid;place-items:center;color:#1878bf}
.banner-circle svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.page-home-redesign footer{margin-top:12px}
@media(max-width:1000px){.page-home-redesign .head{gap:16px}.page-home-redesign .head-phone,.page-home-redesign .head .btn{display:none}.page-home-redesign .head-info.hours{display:none}.home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-visual{height:510px}.home-copy{width:64%}.home-main{padding:10px 18px 36px}}
@media(max-width:760px){
 .page-home-redesign .head{min-height:clamp(75px,14.4vw,94px);flex-wrap:nowrap;gap:clamp(9px,2.6vw,18px);padding:0}
 .page-home-redesign .head.wrap{width:calc(100% - clamp(28px,10vw,76px))}
 .page-home-redesign .head .logo{font-size:clamp(21px,5.35vw,35px);letter-spacing:-.5px}
 .page-home-redesign .head .logo i{transform:scale(.82);transform-origin:left center;width:clamp(12px,3.8vw,25px);margin-left:0}
 .page-home-redesign .head-info{flex:1;min-width:0;padding-left:clamp(9px,2.7vw,18px);gap:clamp(5px,1.1vw,12px)}
 .page-home-redesign .head-info>b{font-size:clamp(19px,4.7vw,30px)}
 .page-home-redesign .head-info strong,.page-home-redesign .head-info small{font-size:clamp(9px,2.35vw,15px);line-height:1.4;white-space:nowrap}
 .page-home-redesign .head-info small{margin-top:0}
 .home-menu-button{display:flex;flex:0 0 clamp(39px,8.3vw,56px);width:clamp(39px,8.3vw,56px);height:clamp(39px,8.3vw,56px);padding:clamp(8px,1.7vw,12px)}
 .home-menu-button svg{width:100%;height:100%}
 .page-home-redesign .nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:5;background:#fff;box-shadow:0 15px 25px #173e5e22;border:0}
 .page-home-redesign .nav.is-open{display:block}
 .page-home-redesign .navinner{height:auto;max-height:70vh;overflow:auto;display:flex;flex-direction:column;gap:0;align-items:stretch;padding:7px 0 14px}
 .page-home-redesign .nav a{font-size:16px;padding:12px 8px;white-space:normal}
 .page-home-redesign .nav a.active:after{height:2px}
 .home-main{max-width:680px;padding:0 clamp(14px,2.35vw,16px) 24px}
 .home-visual{height:clamp(394px,80vw,515px);border-radius:clamp(20px,3.8vw,28px);background-position:center center;background-size:100% 100%}
 .home-copy{width:65%;padding:clamp(24px,5.2vw,34px) 0 0 clamp(21px,3.6vw,24px)}
 .home-copy h1{font-size:clamp(26px,6.2vw,40px);line-height:1.16;letter-spacing:-.5px;margin-bottom:clamp(12px,2.7vw,19px)}
 .home-copy p{font-size:clamp(13px,3.1vw,20px);line-height:1.36;color:#4d6a82}
 .home-cta{display:flex;flex-direction:column;gap:clamp(10px,1.9vw,13px);margin:clamp(16px,3vw,20px) clamp(10px,1.9vw,13px) 0}
 .home-cta a{height:clamp(52px,11.6vw,75px);min-height:0;grid-template-columns:clamp(28px,5.2vw,35px) 1fr clamp(28px,5.2vw,35px);border-radius:clamp(14px,3.7vw,24px);padding:0 clamp(19px,4.7vw,30px);font-size:clamp(16px,3.55vw,23px)}
 .home-cta svg{width:clamp(20px,4.1vw,27px);height:clamp(20px,4.1vw,27px)}
 .home-services{margin:clamp(27px,4.9vw,33px) clamp(10px,2vw,14px) 0}
 .home-services h2{font-size:clamp(25px,5.6vw,36px);margin:0 0 clamp(14px,2.3vw,17px)}
 .home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.9vw,13px)}
 .home-service-link{height:clamp(94px,18.7vw,120px);min-height:0;gap:clamp(7px,2vw,14px);padding:clamp(10px,2.3vw,15px);border-radius:clamp(15px,3.7vw,24px)}
 .home-service-icon{flex:0 0 clamp(48px,11.2vw,74px);width:clamp(48px,11.2vw,74px);height:clamp(48px,11.2vw,74px)}
 .home-service-icon svg{width:64%;height:64%}
 .home-service-name{font-size:clamp(12px,2.75vw,18px)}
 .home-service-arrow{font-size:clamp(18px,3.8vw,25px)}
 .home-contact-banner{min-height:clamp(88px,17.1vw,110px);margin:clamp(24px,4.7vw,30px) 0 0;padding:clamp(14px,2.9vw,18px) clamp(9px,2.7vw,18px);border-radius:clamp(16px,3vw,20px)}
 .home-contact-banner>a{gap:clamp(8px,2.2vw,16px)}
 .banner-phone{padding-right:clamp(8px,2.1vw,16px)}
 .banner-address{padding-left:clamp(8px,2.1vw,16px)}
 .banner-phone strong{font-size:clamp(12px,3.35vw,22px)}
 .banner-address>span:last-child,.banner-address small{font-size:clamp(9px,2.25vw,14px)}
 .banner-circle{flex:0 0 clamp(38px,9vw,58px);width:clamp(38px,9vw,58px);height:clamp(38px,9vw,58px)}
 .banner-circle svg{width:55%;height:55%}
 .page-home-redesign footer{margin-top:14px}
}
@media(max-width:430px){
 .page-home-redesign .head.wrap{width:calc(100% - 22px)}
 .page-home-redesign .head{gap:6px}
 .page-home-redesign .head .logo{font-size:clamp(18px,5.2vw,24px)}
 .page-home-redesign .head .logo i{transform:scale(.61);width:13px}
 .page-home-redesign .head-info{padding-left:7px;gap:5px}
 .page-home-redesign .head-info>b{font-size:20px}
 .page-home-redesign .head-info strong,.page-home-redesign .head-info small{font-size:clamp(8px,2.45vw,10px)}
 .home-menu-button{flex-basis:39px;width:39px;height:39px}
 .home-copy{width:71%;padding-left:19px}
 .home-visual{background-size:auto 100%;background-position:50% center}
 .home-service-link{padding:9px;gap:7px}
 .home-service-icon{flex:0 0 45px;width:45px;height:45px}
 .home-service-name{font-size:12px}
 .home-service-arrow{font-size:19px}
 .banner-phone strong{font-size:12px;letter-spacing:-.4px}
 .banner-circle{flex:0 0 34px;width:34px;height:34px}
 .home-contact-banner>a{gap:6px}
}

@media(max-width:760px){.home-copy .ref-line{display:block}.home-copy h1 .ref-line,.home-copy p .ref-line{white-space:nowrap}}

/* Верхняя надпись о метро на главной. Адрес остаётся внизу и на странице контактов. */
.page-home-redesign .head-info:has(.home-travel-claim) {min-width:0; flex:1.6; align-items:center}
.page-home-redesign .head-info .home-travel-claim {font-size:clamp(19px,1.9vw,24px);font-weight:800;line-height:1.22;letter-spacing:-.35px;color:#0b4276;white-space:normal;overflow-wrap:normal}
@media(max-width:1000px) {
 .page-home-redesign .head-info .home-travel-claim {font-size:clamp(17px,2.3vw,22px)}
}
@media(max-width:760px) {
 .page-home-redesign .head.wrap {display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'logo menu' 'claim claim';column-gap:12px;row-gap:8px;min-height:0;padding:13px 0 12px}
 .page-home-redesign .head .logo {grid-area:logo;justify-self:start}
 .page-home-redesign .head-info:has(.home-travel-claim) {grid-area:claim;width:100%;margin:0;padding:10px 12px;gap:10px;background:#eaf5fe;border:0;border-radius:13px;align-items:center}
 .page-home-redesign .head-info .home-travel-claim {font-size:clamp(17px,3.2vw,22px);font-weight:800;line-height:1.3;white-space:normal}
 .page-home-redesign .head-info>b {font-size:24px;flex:0 0 auto}
 .page-home-redesign .home-menu-button {grid-area:menu;justify-self:end}
}
@media(max-width:430px) {
 .page-home-redesign .head-info:has(.home-travel-claim) {padding:11px 12px}
 .page-home-redesign .head-info .home-travel-claim {font-size:17px;line-height:1.3}
}
/* Give the new metro headline breathing room on desktop; opening hours remain in footer. */
@media(min-width:1001px){
 .page-home-redesign .head-info.hours {display:none}
 .page-home-redesign .head-info:has(.home-travel-claim) {flex:1 1 480px}
}

/* Пятая карточка ЭКГ с фотографией, присланной владельцем. */
.home-service-link .home-service-icon:has(.ecg-thumb){background:#eaf5fe;overflow:hidden;flex-shrink:0}
.home-service-link .ecg-thumb{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
@media(min-width:1001px){.home-service-grid:has(.ecg-thumb){grid-template-columns:repeat(3,minmax(0,1fr))}}


/* OCT 2026 REVIEW: metro notice reduced by exactly 15% at all breakpoints. */
.page-home-redesign .head-info .home-travel-claim{font-size:clamp(16.15px,1.615vw,20.4px)}
@media(max-width:1000px){.page-home-redesign .head-info .home-travel-claim{font-size:clamp(14.45px,1.955vw,18.7px)}}
@media(max-width:760px){
 .page-home-redesign .head-info .home-travel-claim{font-size:clamp(14.45px,2.72vw,18.7px)}
 .page-home-redesign .home-primary{font-size:clamp(18.4px,4.0825vw,26.45px)}
 .page-home-redesign .banner-phone{width:57%}
 .page-home-redesign .banner-address{width:43%}
 .page-home-redesign .banner-phone strong{font-size:clamp(13.8px,3.8525vw,23.5px)}
}
@media(max-width:430px){
 .page-home-redesign .head-info .home-travel-claim{font-size:14.45px}
 .page-home-redesign .banner-phone strong{font-size:13.8px;letter-spacing:-.55px}
}
/* Circular crops of the two new photos in homepage service cards. */
.home-service-link .home-service-icon:has(.service-photo-thumb){overflow:hidden;background:#eaf5fe}
.home-service-link .service-photo-thumb{width:100%;height:100%;display:block;object-fit:cover;object-position:center}

/* Approved revision: lighter homepage title without changes to other headings. */
.page-home-redesign .home-copy h1{font-weight:400;letter-spacing:-.7px;}
@media(max-width:760px){.page-home-redesign .home-copy h1{font-weight:400;letter-spacing:-.35px;}}


/* Service card descriptions — match the supplied reference text without changing images or links. */
.page-home-redesign .home-service-link{
  position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  height:auto;min-height:208px;gap:11px;padding:16px 17px;
}
.page-home-redesign .home-service-icon{flex:0 0 64px;width:64px;height:64px}
.page-home-redesign .home-service-text{display:flex;flex-direction:column;gap:7px;width:100%;min-width:0}
.page-home-redesign .home-service-name{flex:initial;font-size:16px;line-height:1.33;font-weight:700;padding-right:15px}
.page-home-redesign .home-service-description{display:block;color:#52718b;font-size:13px;line-height:1.42;font-weight:400;overflow-wrap:break-word}
.page-home-redesign .home-service-arrow{position:absolute;right:16px;top:23px;margin:0;font-size:24px}
@media(max-width:760px){
 .page-home-redesign .home-service-link{height:auto;min-height:201px;gap:10px;padding:14px}
 .page-home-redesign .home-service-icon{flex-basis:58px;width:58px;height:58px}
 .page-home-redesign .home-service-name{font-size:14px;line-height:1.3;padding-right:0}
 .page-home-redesign .home-service-description{font-size:12px;line-height:1.4}
 .page-home-redesign .home-service-arrow{right:15px;top:16px;font-size:22px}
}
@media(max-width:430px){
 .page-home-redesign .home-service-link{min-height:212px;padding:11px 12px;gap:9px}
 .page-home-redesign .home-service-icon{flex-basis:52px;width:52px;height:52px}
 .page-home-redesign .home-service-name{font-size:13.5px;line-height:1.32}
 .page-home-redesign .home-service-description{font-size:11.75px;line-height:1.43}
 .page-home-redesign .home-service-arrow{right:12px;top:12px;font-size:21px}
}


/* New reception hero. Preserves the original service cards and all other page blocks. */
.page-home-redesign .home-visual {
  background:linear-gradient(105deg,#e5f5ff 0%,#dbf1ff 55%,#bde4f7 100%);
  border-radius:26px; height:490px; isolation:isolate; overflow:hidden;
}
.page-home-redesign .home-visual::before {
  content:""; position:absolute; z-index:0; top:0; bottom:0; right:0; width:57%;
  background-image:var(--hero-image); background-repeat:no-repeat;
  background-size:contain; background-position:right center;
  -webkit-mask-image:linear-gradient(to right,transparent,black 10%);
  mask-image:linear-gradient(to right,transparent,black 10%);
}
.page-home-redesign .home-visual::after {
  content:"";position:absolute;z-index:0;pointer-events:none;inset:0;
  background:linear-gradient(90deg,rgba(226,245,255,.95) 0%,rgba(226,245,255,.78) 37%,transparent 63%);
}
.page-home-redesign .home-copy{width:55%;max-width:670px;position:relative;z-index:1;padding:54px 0 30px 42px}
.page-home-redesign .home-copy .home-eyebrow{margin:0 0 17px;font-weight:750;font-size:23px;letter-spacing:.1px;color:#046eb8}
.page-home-redesign .home-copy h1{margin:0 0 21px;font-weight:400;letter-spacing:-.7px;font-size:clamp(30px,3.0vw,43px);line-height:1.18;color:#063d74}
.page-home-redesign .home-copy .home-lead{margin:0;color:#345c7c;font-size:clamp(17px,1.53vw,21px);line-height:1.48;max-width:580px}
@media(max-width:1000px){
 .page-home-redesign .home-copy{width:58%;padding:40px 0 20px 29px}
 .page-home-redesign .home-copy h1{font-size:clamp(29px,4.3vw,42px)}
 .page-home-redesign .home-copy .home-eyebrow{font-size:20px}
 .page-home-redesign .home-visual::before{width:54%;}
}
@media(max-width:760px){
 .page-home-redesign .home-visual{height:550px;border-radius:22px;background:linear-gradient(180deg,#e1f3ff 0%,#d5edfc 52%,#c4e9fa 100%)}
 .page-home-redesign .home-visual::before{top:auto;bottom:0;left:0;right:0;width:100%;height:47%;background-size:contain;background-position:center bottom;-webkit-mask-image:none;mask-image:none}
 .page-home-redesign .home-visual::after{background:linear-gradient(180deg,#e1f3ff 0%,#d7efff 45%,rgba(215,239,255,0) 54%)}
 .page-home-redesign .home-copy{width:100%;max-width:none;padding:25px 20px 0}
 .page-home-redesign .home-copy .home-eyebrow{font-size:17px;margin-bottom:12px}
 .page-home-redesign .home-copy h1{font-size:clamp(25px,5.4vw,35px);line-height:1.15;margin-bottom:12px;letter-spacing:-.35px;}
 .page-home-redesign .home-copy .home-lead{font-size:clamp(13.5px,3.1vw,18px);line-height:1.43;max-width:100%}
}
@media(max-width:430px){
 .page-home-redesign .home-visual{height:470px}
 .page-home-redesign .home-visual::before{height:51%}
 .page-home-redesign .home-copy{padding:20px 16px 0}
 .page-home-redesign .home-copy .home-eyebrow{font-size:16px;margin-bottom:11px}
 .page-home-redesign .home-copy h1{font-size:26px;line-height:1.17;margin-bottom:11px}
 .page-home-redesign .home-copy .home-lead{font-size:13.5px;line-height:1.43}
}

.page-home-redesign .home-copy h1 br{display:block;content:""}

/* The user-approved nurse photograph, preserving the existing page content. */
.page-home-redesign .home-visual {
  background:#dbefff;
  isolation:isolate;
}
.page-home-redesign .home-visual::before {
  inset:0;
  width:100%;height:100%;
  background-image:var(--hero-image);
  background-repeat:no-repeat;
  background-position:center 28%;
  background-size:cover;
  -webkit-mask-image:none;
  mask-image:none;
}
.page-home-redesign .home-visual::after {
  background:linear-gradient(90deg,rgba(225,244,255,.35) 0%,rgba(225,244,255,.12) 39%,transparent 64%);
}
@media(max-width:760px) {
  .page-home-redesign .home-visual {
    background:linear-gradient(180deg,#e5f5ff 0%,#d4eefe 48%,#d4eefe 100%);
  }
  .page-home-redesign .home-visual::before {
    top:auto;bottom:0;left:0;right:0;
    width:100%;height:53%;
    background-position:64% 37%;
    background-size:cover;
  }
  .page-home-redesign .home-visual::after {
    background:linear-gradient(180deg,#e5f5ff 0%,#e5f5ff 43%,rgba(229,245,255,0) 55%);
  }
}
@media(max-width:430px) {
  .page-home-redesign .home-visual::before {height:53%;background-position:64% 37%}
}


/* Approved metro accent experiment: keep the word «всего» blue, highlight travel time in the CITILAB raspberry tone. */
.page-home-redesign .head-info .home-travel-claim {font-weight:500}
.page-home-redesign .head-info .home-travel-claim .metro-time {
  color:#e12664;
  font-weight:800;
  font-size:1.15em;
  white-space:nowrap;
}
