@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

a{
	color: #033e8c;
}
*:focus {
    outline: none !important;
    box-shadow: none !important;
}
body{
	background:#F3F6FC;

color: #1E1E1E;
font-family: "Open Sans";
/* font-size: 16px; */
/* font-style: normal; */
/* font-weight: 400; */

}

/* Фоновая «аврора» (body::before) убрана — оставлен стандартный плоский фон body #F3F6FC. */


@media (min-width: 1280px) {
  .container {
    width: 1280px;
  }
}

header{
	 position: relative;
border-radius: 0 0 32px 32px;
border-bottom: 1px solid #FFF;

box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
padding-top:8px;
z-index: 999;
background: rgba(255, 255, 255, .5);
}


header::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;



  backdrop-filter: blur(57px);
  -webkit-backdrop-filter: blur(57px);
  z-index: 0;                         
  pointer-events: none;
}

.header-top {
  position: relative;
  z-index: 1;                            /* над ::before */
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 10px 0;
}


.header-top {
  display: flex;
  justify-content: space-between;
}


.phonebtn a{
	color: #1E1E1E;
text-align: center;
display: flex;
/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.callbtn {
  /* background: radial-gradient(50% 50% at 50% 50%, #3570BE 0%, #033E8C 100%); */
  padding: 2px;
  height: 39px;
  border-radius: 12px;
  margin-top:8px;
}

.callbtn a {
  border-radius: 10px;
  border: 2px solid #FFF;
  border-radius: 12px;
  background: radial-gradient(50% 50% at 50% 50%, #3570BE 0%, #033E8C 100%);
  padding: 7px 18px;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.48px;
  display: block;
  text-align: center;
}


.header-soc{
  display: flex;
  flex-wrap: wrap;
  gap: 4px;                 /* 4px між іконками */
  max-width: 98px;          /* 3×30px + 2×4px = 98px, дає рівно 3 в ряд */
}

.header-soc a{
  flex: 0 0 30px;           /* фіксована ширина 30px */
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-info {
  display: flex;
  gap: 40px;
}

.header-soc img{
  width: 30px;
  height: 30px;
  display: block;
}
.bg-home {
  background: url(/image/catalog/bg-home.png) #f3f6fc center top no-repeat;
  min-height: 650px;
  position: relative;
}
/* Мягкое затухание низа фото в фон (скрывает жёсткий край при компактной высоте) */
.bg-home::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 170px;
  background: linear-gradient(to bottom, rgba(243,246,252,0) 0%, rgba(243,246,252,0.85) 65%, #f3f6fc 100%);
  pointer-events: none;
  z-index: 1;
}
.clin-bg {
  background: url(../image/bg_faq.png) center top no-repeat;
  
}


.collapse.navbar-collapse.navbar-ex1-collapse {
  padding: 0;
}



.heser-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 24px;
  z-index: 1;
  position: relative;
}

.white{
	⁨border-radius: 6px;
border: 1px solid #033E8C;
background: #F6F9FD;
box-shadow: 0 4px 10px 0 rgba(83, 89, 154, 0.20);
}

#search .input-lg {
  height: 40px;
  line-height: 20px;
  padding: 0 10px 0 40px;
  border-radius: 24px;
  background: rgba(3, 62, 140, 0.05);
  
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
letter-spacing: 0.5px;
}


#search .btn-lg {
font-size: 15px;
  line-height: 18px;
  padding: 10px 35px;
  text-shadow: none;
  background: none;
  border: none;
  position: absolute;
  left: -22px;
  box-shadow: none;

}

#search { position: relative; }
.search-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 6px;
  background: #fff;
  border: 1px solid #e5e9f0;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(3, 62, 140, 0.12);
  z-index: 1050;
  max-height: 420px;
  overflow-y: auto;
  padding: 8px 0;
  font-family: "Open Sans", sans-serif;
}
.search-autocomplete__group-title {
  padding: 10px 20px 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #9aa0b4;
}
.search-autocomplete__list {
  list-style: none;
  padding: 0;
  margin: 0 0 6px;
}
.search-autocomplete__item a {
  display: block;
  padding: 8px 20px;
  color: #111;
  font-size: 15px;
  line-height: 1.35;
  text-decoration: none;
}
.search-autocomplete__item a:hover,
.search-autocomplete__item a:focus {
  background: rgba(3, 62, 140, 0.06);
  color: #033E8C;
  text-decoration: none;
}
.search-autocomplete__empty {
  padding: 14px 20px;
  color: #9aa0b4;
  font-size: 14px;
}
.heser-land .btn.btn-link.dropdown-toggle img{margin-right:5px;}
.heser-land .btn.btn-link.dropdown-toggle {
  border-radius: 24px;
  background: rgba(3, 62, 140, 0.05);
  margin-top: -13px;
  padding: 10px 21px;
  color: #033E8C;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}
.home-bock-content{
	max-width:619px;
	padding:32px 0 0 0;
	position:relative;
	z-index:2;
}

.contact-mini{
display: flex;
padding: 16px 24px;
align-items: flex-start;
gap: 16px;
border-radius: 16px;
background: #FFF;
box-shadow: 0 6px 10px 0 rgba(83, 89, 154, 0.10);
}	
.contact-mini__label {
  color: #000;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.phone-input {
  border-radius: 6px;
  background: #F3F6FC;
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.phone-input__country {
  border: none;
  background: none;
  font-size:18px;
}

.phone-input__field {
  border: none;
  background: no-repeat;
}

.channel-picker {
  display: flex;
  gap: 4px;
  margin-top: 6px;
  align-items: center;
}

#callForm1 {
  padding-top: 15px;
}

.contact-mini__btn {
  border-radius: 12px;
  background: #033E8C;
  display: flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 13px;
  border: none;
}

.channel-picker__btn {
 
  display: flex;
  align-items: center;
  margin-top: 7px;
  margin-right:5px;
}


.home-block-title{
	color: #000;

/* Head/H1 */
font-family: "Open Sans";
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 57.6px */
letter-spacing: -0.96px;
}

.home-block-text{
	color: #000;

/* Body/1 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
margin:20px 0 6px;
}
/* Прибираємо зайві вертикальні відступи всередині hero-тексту:
   у контенті з адмінки бувають порожній абзац <p><br></p> та висячий <br> */
.home-block-text p{ margin: 0; }
.home-block-text br{ display: none; }
.home-block-text p:empty{ display: none; }


.block_first-all {
  display: flex;
  margin: 40px 0 0 0;
}

.block_first-title{
	color: var(--Text-primary, #000);

/* Head/H2 */
font-family: "Open Sans";
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.faq-section .panel-body{
	color: #000;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}


#tab2 .title-tab, #tab2 .text-tab, #tab2 .title-item-tabitem-tab, #tab2 .text-item-tab{
	color: #033e8c; z-index: 9;
  position: relative;
}
#tab2 .item-tab{
	border: 1px solid #033e8c;;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
	padding:4px 12px;
	margin-right:8px;
  }
  #search {position:relative; min-width:200px;}
}



.block_first-text{
	
	color: var(--Text-primary, #000);

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
margin:24px 0 32px;
}

.block_first-img-item {
  position: absolute;
}

.block_first-rew{
  width: 100%; /* на всю ширину */
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 в ряд */
  gap: 24px;
  margin: 0 auto;
  max-width: 1200px; /* можна прибрати, якщо треба 100% без обмеження */
}

.block_first-info-item {
  padding: 12px 0 12px 40px;
  color:#3C6FDC;
  
/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
  
}.block_first-info-item span{
	display:block;
	
/* Head/h3 */
font-family: "Open Sans";
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.12px;
}


.home-topcats__grid{
	width: 100%; /* на всю ширину */
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 2 в ряд */
  gap: 12px;
  margin: 0 auto;
  
}

.home-topcats__card{
	border-radius: 20px;
background: #FFF;
padding:16px;
/* тінь на картки */
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
min-height: 240px;
position:relative;
}
/* Hover-анимация карточек снята с боевого 2026-09-21 по просьбе.
   Сохранена: ветка save/topcats-hover-animation (коммит 77374c4) и
   файл _backup/topcats-hover-animation.css — можно вернуть в любой момент. */

.home-topcats__head {
  display: flex;
align-items: center;
}

.home-topcats__title{
  color: #033E8C;


font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.12px;	
margin: 0 0 0 12px;
}


.home-topcats__children {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  
}
.home-topcats__children li a:hover, .home-topcats__head:hover{opacity: .7;}
.home-topcats__children li a {
  color: #033E8C;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #E9ECF2;
  line-height: 150%;
  display: block;
  padding-bottom:6px;
  margin-bottom:10px;
}

.all-topcats{
	position:absolute;
	bottom:16px;
	color: #4174F6;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-decoration:underline;
}

#block_pro-home,.block_pro-home{margin-top:20px;}


.hero-cta{width:100%; background:var(--bg); padding:36px 0}
.hero-cta__wrap{
  max-width:1200px; margin:0 auto; padding:0 16px;
  display:grid; grid-template-columns:1.05fr 1fr; gap:32px; align-items:center;
}
.hero-cta__left{display:flex; align-items:center; gap:24px}
.hero-cta__art{width:190px; height:auto; flex:0 0 auto}
.hero-cta__title{color: var(--Text-primary, #000);

/* Head/H2 */
font-family: "Open Sans";
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: normal;}
.hero-cta__desc{color: var(--Text-primary, #000);

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */}

.hero-cta__art {
  width: 190px;
  height: auto;
  flex: 0 0 auto;

}


.contact-mini2 {
  display: flex;
 gap:16px;
}


.contact-mini2__label {
  color: #000;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 8px;
}


.contact-mini2 .phone-input {
  border-radius: 6px;
  background: #F3F6FC;
  display: flex;
  padding: 12px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 6px;
  background: #FFF;
  margin-bottom:16px;
}


.contact-mini2__btn {
  border-radius: 12px;
  background: #033E8C;
  display: flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
 margin-top: 31px;
  border: none;
  margin-left: 16px;
}
.contact-mini2__note a {text-decoration:underline;}
.contact-mini2__note, .contact-mini2__note a {
  color: rgba(3, 62, 140, 0.70);
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: -3px;
}


.nav-tabs > li > a.item:hover{
	background:#033E8C;
	text-decoration:underline;
	  color: #FFF;
}


.nav-tabs > li.active > a.item, .nav-tabs > li.active > a.item:focus, .nav-tabs > li.active > a.item:hover{
	
	background:#033E8C;
	text-decoration:none;
	  color: #FFF;
	  z-index:105;
}

.nav-tabs > li > a.item {
  --active-color: #033E8C;
  --active-radius: 20px;
  /*  */
  display: block;
  z-index:103;
  width: auto;
  padding: 16px 53px;
  border-radius: 40px 40px 0 0;
  position: relative;
  cursor: pointer;
  color: #FFF;
border:1px solid #033E8C;
/* Текст 1 */
font-family: "Inter", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 32px */
letter-spacing: -0.6px;
background:#033E8C
}

.nav-tabs > li > a.item::before,
.nav-tabs > li > a.item::after {
  content: '';
  
  width: var(--active-radius);
  height: var(--active-radius);
  background-size: calc(var(--active-radius) * 1.5) calc(var(--active-radius) * 1.5);
  position: absolute;
bottom: -1px;
}

.nav-tabs > li > a.item::after {
  background-image: radial-gradient(circle at top right, transparent 44%, var(--active-color) 50%);
  background-position: 100% 0;
right: -20px;
}


.nav-tabs > li > a.item.clur {
  --active-color: #99B7DD;
  --active-radius: 20px;
  /*  */
  display: block;
  
  width: auto;
  padding: 16px 53px;
  border-radius: 40px 40px 0 0;
  position: relative;
  cursor: pointer;
  color: #FFF;
z-index:102;
left:-15px;
/* Текст 1 */
font-family: "Inter", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 32px */
letter-spacing: -0.6px;
background:#99B7DD;
border:1px solid #99B7DD;
}

.chc-itemr {
  border-bottom: 1px solid #d0cdcd;
  padding: 0 0 10px;
}


.nav-tabs > li > a.item.later {
  --active-color: #fff;
  --active-radius: 20px;
  /*  */
  display: block;
  
  width: auto;
  padding: 16px 53px;
  border-radius: 40px 40px 0 0;
  position: relative;
  cursor: pointer;
  color: #033E8C;
z-index:101;
left:-15px;
/* Текст 1 */
font-family: "Inter", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 32px */
letter-spacing: -0.6px;
background:#fff;
border:1px solid #fff;
}



.nav-tabs > li.active > a.item.later, .nav-tabs > li.active > a.item.later:focus, .nav-tabs > li.active > a.item.later:hover{
	
	background:#fff;
	text-decoration:none;
	  color: #033E8C;
	  z-index:105;
}


.nav-tabs > li.active > a.item.clur, .nav-tabs > li.active > a.item.clur:focus, .nav-tabs > li.active > a.item.clur:hover{
	
background: rgb(153, 183, 221);
	text-decoration:none;
	  color: #fff;
	  z-index:105;
}


.tab-content .tab-pane{
  position: relative;
  top: -15px;
  background: #033e8c;
  padding: 40px 0 40px 70px;
  border-radius: 0 56px 56px 56px;
}

.title-tab{
	position: relative;
	color: #FFF;
font-family: "Open Sans";
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 43.2px */
letter-spacing: -0.72px;
margin-bottom:20px;
position: relative;
}
.nav-tabs{border:none;}
.text-tab{
	overflow: hidden;
color: #fff;
text-overflow: ellipsis;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
max-width:473px;
margin-bottom:20px;
height: 120px;
}


.items-tab {
  display: flex;
  gap:8px;
}

#tab3 .text-tab{color:#000; color: #686767;
  z-index: 9;
  position: relative;}

.item-tab {
	 display: flex;
	  gap:24px;
  border-radius: 24px;
 border: 1px solid #033E8C;
  padding:18px;
  max-width:345px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
  backdrop-filter: blur(12px);
}

.title-item-tabitem-tab {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: -0.6px;
  margin-bottom: 8px;
}

.text-item-tab {
  color: #FFF;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.42px;
}

.tab-content .tab-pane.later{  background: #E4EFFC;}
.tab-content .tab-pane.clur{  background: #E5F5F9;}


#tab1::before {
  content: '';
  background: linear-gradient(rgba(3, 62, 139, 0.7), rgba(3, 62, 140, 0.7)), url(../image/bg-tab-3.png) right center no-repeat;
  position: absolute;
  width: 100%;
 height: 100%;
  top: 1px;
  left: 0;
  border-radius: 56px;
  background-size: contain;
}




#tab2{

	min-height:502px;
	padding:40px 0 40px 70px;
	
}


#tab2::before {
  content: '';
 	background: linear-gradient(rgba(109, 151, 205, 0.5), rgb(255, 255, 255)), url(../image/bg-tab-1.png) right center no-repeat;
  position: absolute;
  width: 100%;
 height: 100%;
  top: 1px;
  left: 0;
  border-radius: 0 56px 56px;
  background-size: contain;
}



#tab3{background:none;}

#tab3::before {
  content: '';
 	background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(14, 171, 198, 0.7)), url(../image/bg-tab-2.png) right center no-repeat;
  position: absolute;
  width: 100%;
 height: 100%;
  top: 1px;
  left: 0;
 border-radius: 0 56px 56px;
  background-size: contain;
}

#tab3 .item-tab {
max-width: 360px;
}
#tab3 .title-tab{color: #033E8C;
font-family: "Open Sans";
font-size: 36px;
font-style: normal;
font-weight: 600;

line-height: 120%; /* 43.2px */
letter-spacing: -0.72px;
margin-bottom:20px;}



#tab3 .title-item-tabitem-tab{
color: #033E8C;

font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 32px */
letter-spacing: -0.6px;
}


#tab3 .text-item-tab {
  color: #033E8C;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.42px;
}


.tabs-folder-hero {
  margin-top: 40px;
}


#block_fawor-bg{
	/*background:url(../image/bg_faq.png) center top no-repeat;*/
	background:url(../image/bg_faq2.png) center top no-repeat;
	
	
}

#block_fawor-home {
  margin: 0px auto;
}

#block_fawor-home h3, #block_faq-home h3, #block_blog-home h3{
	
	color: #1E1E1E;

/* Head/H2 */
font-family: "Open Sans";
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom:24px;
}

#block_faq-home{min-height:540px;}
  
.title-clin{margin:16px 0 8.5px 0;}
 .title-clin a{
  color: #000;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.6px;
  
}

.info-clin {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.item-clin {
  width: 411px;
border-radius: 12px;
background: #FFF;

  padding: 16px;
}


.adres-clin {
  color: rgba(33, 39, 104, 0.70);
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  display: flex;
  align-items: center;
}


.rating-clin span{
	color: #1E1E1E;
text-align: center;
display:block;

font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
	
}


.rating-clin {
  width: 30%;
  margin: 25px 0 0 0;
}


.star {
  display: flex;
}


.swiper-pager_f {
  display: flex;
  justify-content: center;
  
  margin-top: 40px;
  gap: 24px;
}


#block_faq-home{margin:20px auto;
	border-radius: 32px;
	padding: 0px 40px 10px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(52px);
}


.panel-heading a {
  color: #000;
  font-family: "Open Sans";
 font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.6px;
  width: 100%;
  display: block;
  position:relative;
}
.faq-section .panel-default > .panel-heading + .panel-collapse > .panel-body {
	font-style: italic;
}

.panel-heading a.collapsed:after{
	content:'+';
	position:absolute;
	right:0;
	font-size: 20px;
}
.panel-heading a:after{
	content:'x';
	position:absolute;
	right:0;
	font-size: 15px;
	
}

.panel-default > .panel-heading{
	border-radius: 6px 6px 0 0;
	border:none;
	background: none;
	padding:14px;
background: #eafbff;
backdrop-filter: blur(5.5px);
margin-top: 10px;

}


.panel {
  margin-bottom: 24px;
 border-radius: 6px;

  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  border: none;
   
}

.panel-body{

	display: flex;
padding: 16px 24px 16px 24px;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
}

#block_blog-home{
	margin:20px auto;
	position: relative;
  z-index: 99;
}


.items-blog{
	/* display:flex; */
	/* gap:20px; */
	/* justify-content: space-between; */
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.item-blog{
	border-radius: 20px;
background: #FFF;

padding: 16px;

box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
}
.cat-blog a{
color: var(--Text-primary, #000);

font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}
.cat-blog {
  margin: 20px 0 12px 0;
  border-radius: 6px;
  background: #FCF5D2;
  padding: 4px 8px;
  display: inline-block;
}
.item-blog h4{margin:0; border-bottom: 1px solid rgba(3, 62, 140, 0.20); padding:0 0 16px 0;}
.item-blog h4 a{
	color: #033E8C;
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
letter-spacing: -0.2px;


}
.caption-blog span{
	display:block;
	color: var(--Text-primary, #000);

margin-bottom:6px;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.caption-blog {
  display: flex;
  gap: 16px;
  margin-top:12px;
}


.all-blog{
	color: #033E8C;
padding:8px 16px;
border-radius: 12px;
background: #FFF;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
height:40px;
border: 1px solid #033E8C;
}
.top-blog {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.right-form-footer{
	width: 50%;
}
.left-form-footer{
	width: 50%;
	border-radius: 56px;
background: #FFF;
padding:60px;
}

.title-form-footer{
color: #000;
margin-bottom:24px;

font-family: "Open Sans";
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.text-form-footer{
	color: #000;
margin-bottom:117px;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
margin-top:0;
}


.items-form-footer{display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 в ряд */
 

gap: 16px;}
.item-form-footer{
	padding:12px 12px;
	 position:relative;
  border-radius: 24px;
}
.first{background: #F4FAF6;}
.secon{
background: rgba(103, 65, 255, 0.05);}
.thre{
background: rgba(3, 62, 140, 0.05);}
.four{
background: rgba(239, 207, 28, 0.05);}

.info-form-footer{
	color: #033E8C;
margin-top:6px;
/* Body/1 */
font-family: "Open Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
position:relative;
z-index:10;
}

.num-form-footer{position:absolute; right:0;
	color: #EAF0EC;
font-family: "Open Sans";
font-size: 155.345px;
font-style: normal;
font-weight: 700;
line-height: 90%; /* 139.811px */
letter-spacing: -4.66px;
top:-16px;
z-index:9;
}


.form-footer {
 border-radius: 26px;
  border: 1px solid #FFF;
  /*background: rgba(255, 255, 255, 0.90);*/
background:rgb(236, 250, 251);
  display: flex;
  gap: 60px;
  justify-content: start;
  align-items: center;
}

.ask-form{
	padding: 0px 0;
}

.ask-form input[type="tel"]{border:none; background:none; }
.ask-form input[type="text"], .ask-form input[type="email"]{border:none;
padding: 14px 18px;
width:100%;
margin-bottom:16px;
border-radius: 8px;
}

.ask-form .phone-country {
  border: none;
  background: none;
}

.ask-form label {
  display: block;
  color: #000;
padding: 0 0 0 14px;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}


.bg-footer:before{
	/* content:""; */
	width:100%;
	height:1190px;
	/* background:url(../image/bg-footer.png) center top no-repeat; */
	display:inline-block;
	position:absolute;
	top: -50px;
	z-index: 9
}
.bg-footer{
	position:relative;
	background:none;
}
/* Фиолетовый градиент за футером — по центру и чуть выше кромки футера (bleed вверх). */
.bg-footer::before{
	content:"";
	position:absolute;
	left:0; right:0;
	top:-160px;
	bottom:0;
	z-index:-1;
	pointer-events:none;
	background:
		radial-gradient(1200px 820px at 50% 94%, rgba(168,150,246,0.55), transparent 66%),
		radial-gradient(1000px 620px at 50% 30%, rgba(190,178,246,0.30), transparent 70%);
}

.bg-footer .container, .ic-review-bg  {
  position: relative;
z-index: 10}

.righr-form-footer {
  width: 50%;
  padding-right:60px;
}

.reww{
	height:300px;
}
.phone-field {
  display: flex;
padding: 0 18px;
  border-radius: 8px;
background: #FFF;
margin-bottom:16px;
}


.f-label {
  color: #000;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  padding-left: 14px;
}

.channels {
  display: flex;
  margin:5px 0 16px;
  align-items: center;
}

.channels label{
  margin:0 11px 0 5px

}

.ask-form textarea{
	border-radius: 8px;
background: #FFF;
width:100%;
border:none;
padding: 12px;
}


.checkline {
  margin: 16px 0;
}

.btn-send:hover{opacity:.7;}
.btn-send {
  border-radius: 12px;
  background: #033E8C;
  border: navajowhite;
  color: #FFF;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 12px 80px;
}


footer{
	margin:80px 0 0px 0;
	padding: 0 0 40px 0;
}

.left-footer > div{
	margin-bottom:15px;
}


.adres-footer {
  display: flex;
  gap: 8px;
  color: #1E1E1E;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}

.texts-footer span{
	color: #1E1E1E;
text-align: center;

/* Label/2 */
font-family: "Open Sans";
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 14px */
display:block;
}
.texts-footer a {
  color: #1E1E1E;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}


.phone-footer {
  display: flex;
  gap: 8px;
}


.rigth-footer{
	
}


.all-footer {
  display: flex;
  justify-content: space-between;
}


.all-botom-f {
  display: flex;
  justify-content: space-between;
}

.left-botom-f{
	max-width:395px;
}




.breadcrumb {
	background:none;
	border:none;margin:15px 0 0px;
	padding: 5px 0 0;
	position: relative;
  /* z-index: 99; */
}

.breadcrumb a{
	color: rgba(3, 62, 140, 0.50);
text-align: center;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.breadcrumb > li:last-child::after{
	display:none;
}
.breadcrumb > li::after {
  content: '';
  display: block;
  position: absolute;
  top: 8px;
  right: -5px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #033E8C80;
  border-bottom: 1px solid #033E8C80;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.clin-top{
	margin-bottom:25px;
	display:flex;
	align-items: center;

}
.clin-top h1{
	color: #033E8C;

font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 57.6px */
letter-spacing: -0.96px;
padding-top: 0;
  margin-top: 0;
}


.left-clin-top {
  width: 50%;
}
.right-clin-top{
	display:flex;
	justify-content: end;
  width: 50%;
}

.rey-clin {
  color: #1E1E1E;
  text-align: center;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
  display: flex;
  flex-direction: column;
  max-width: 150px;
  justify-content: center;
  align-items: center;
  padding:0 16px;
}


.tot-rew-clin{
	padding: 0 16px;
	border-left:1px solid #53599A4D;
	border-right:1px solid #53599A4D;
	color: #53599A;
text-align: center;

/* Label/1 */
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
text-align:center;
}

.tot-rew-clin span{
	color: #1E1E1E;
text-align: center;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}






.clinic-tabs{
  display:flex; 
    border-bottom: 1px solid #53599A4D;
	justify-content: space-between;
  gap:22px; 
  margin: 20px 0 0;
}
.clinic-tabs a{
padding: 2px 15px 6px 15px;
  color: #1E1E1E;
text-align:center;
	border-bottom: 1px solid #fff;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
min-width: 150px;
line-height: 150%; /* 24px */
}
.clinic-tabs a:hover{
	border-bottom: 1px solid #033E8C;
}

.clinic-inform{
	border-radius: 32px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(50px);
padding:40px;
}


/* ===== Галерея ===== */
.clinic-gallery{
  margin: 0 0 40px;
  display:grid; grid-template-columns:2fr 1fr 1fr;
  grid-auto-rows:160px; gap:12px;
}
.g-item{display:block; border-radius:10px; overflow:hidden; background:#eef3fb; border:1px solid #e3ecf6}
.g-item img{width:100%; height:100%; object-fit:cover; display:block}
.g-lg{grid-row:span 2}

.clinic-about {
	margin-bottom:40px;
}
.clinic-about h2{
	color: #1E1E1E;

margin-bottom:16px;
font-family: "Open Sans";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}


details {
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(12px);
  margin-bottom: 6px;
  padding: 14px 16px;
  padding: 14px 16px;
  align-items: flex-start;
  gap: 16px;
  cursor:pointer;
  position:relative;
  align-self: stretch;
}

.acc-body{
	margin-top:10px;
	padding:10px 0 10px;
	border-top: 1px solid #C7CDE0;
	font-size: 14px;
}

details:after{
	content: '+';
  position: absolute;
  right: 26px;
  top: 13px;
  font-size: 22px;
}
details[open]::after {
  content: '−'; /* мінус при відкритті */
}

.clinic-infa{max-width: 700px;
  margin: 20px auto;
justify-content: space-around;
display:flex;
align-items:center;}

.icon-infa {
  position: absolute;
}

.texr-infa {
	padding:10px 0  0 44px;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  background: linear-gradient(91deg, #203C76 -4.57%, #3C6FDC 44.47%);
    background-clip: border-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



.texr-infa span{display:block;
font-family: "Open Sans";
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.12px;
}

.clinic-price{
	padding: 20px 40px;
	margin:0px 0;
	border-radius: 56px;
border: 2px solid #FFF;
background: rgba(249, 252, 255, 0.70);
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
backdrop-filter: blur(22px);


	
}

.title-price-clin{
	margin-bottom:8px;
	color: #1E1E1E;

/* Head/H2 */
font-family: "Open Sans";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.title-price-clin span{
	display:block;
	
color: rgba(3, 62, 140, 0.50);
text-overflow: ellipsis;




padding: 4px 0 0;
/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.paked-card__badge{display:none;}
.col-sm-6.col-price+.col-sm-6.col-price{margin:0 0 0 10px;}
.col-sm-6.col-price {
	width: 49%;
	padding:24px;
  border-radius: 24px;
  background: #F9FCFD;
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
}


.proc-row:hover{background:#f8fbff}


.proc-list{list-style:none; margin:0; padding:0;}

.proc-row {
  display: flex;
  justify-content: space-between;
  margin-bottom:12px;
  padding:8px 8px;
}

.proc-name{
	overflow: hidden;
color: #000;
text-overflow: ellipsis;
max-width: 70%;
/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.proc-more{
  display:inline-grid; place-items:center;
  width:26px; height:26px;
  border-radius:8px;
  border:1px solid #dfe6f5;
  background:#f5f8ff;
  color:#7f8fb0;
}

.proc-right{display:flex; align-items:center; gap:8px}
.proc-price{
 overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}


.proc-row:nth-child(odd) {
  border-radius: 4px;
background: rgba(3, 62, 140, 0.04);
}

.proc-row:nth-child(even) {
  border-radius: 4px;
}



.price-items{margin-top:24px;}

.info-pr {
  overflow: hidden;
  color: rgba(3, 62, 140, 0.50);
  text-overflow: ellipsis;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 24px;
}

.clinic-doct{
	margin:20px 0 0px 0;
	
}

.title-doct {
  color: #1E1E1E;
  font-family: "Open Sans";
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  max-width: 480px;
}


/* ===== FILTER CHIPS ===== */
.filters-chips{
  display:flex; flex-wrap:wrap; gap:8px; margin:40px 0;
}
.chip{
	padding: 8px 16px;
border-radius: 8px;
border: 1px solid #4174F6;
background: #FFF;
padding:8px 16x;
box-shadow: 0 3px 15px 0 rgba(83, 89, 154, 0.20);
overflow: hidden;
color: #4174F6;
text-overflow: ellipsis;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
letter-spacing: -0.64px;
border-color:#fff
}
.chip:hover{background:#033E8C; color:#fff;}
.chip.active{background:#033E8C; color:#fff; border-color:#033E8C}



.doctors-grid .col-sm-4{margin-bottom:20px}
.doc-card{

}
.doc-card:hover{background:#f8fbff}

.doc-media{display:flex; gap:12px;
 border-radius: 12px;
background: #FFF;
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
padding:16px;
min-height: 256px;
}

.doc-main{flex:1; min-width:0}

.doc-name {
  color: #000;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.6px;
  margin-bottom:12px;
  min-height: 56px;
}

.doc-rating{display:flex; align-items:center; gap:8px; 
color: #1E1E1E;
text-align: center;
margin-bottom:16px;
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */

}
.rate-num{font-weight:700; color:#4c5e80}
.stars svg{fill:#cfd8ea}
.stars svg.on{fill:#ffc846}

.doc-badge{
 border-radius: 4px;
  background: #DBF5EC;
  padding: 6px 8px;
  color: #1E1E1E;
  text-align: left;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom:8px;
  letter-spacing: -0.56px;
}
.doc-bottmo a{
	color: #000;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.doc-bottmo{border-radius: 4px;
background: #EFF4F8;
padding:6px 8px;
color: #000;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.doc-meta{color:#5a6d8c; font-size:12.5px; margin-bottom:6px}
.doc-clinic{font-size:12.5px; color:#5a6d8c}
.doc-clinic a{color:#0b5cff; text-decoration:none}
.doc-clinic a:hover{text-decoration:underline}

/* ===== Responsive ===== */
@media (max-width:991px){
  .hero-title{font-size:26px}
}
@media (max-width:767px){
  .hero-title{font-size:22px}
  .doc-photo{width:92px;height:92px}
}


 #block_blog-home .product-product.top-blog h3 {
  max-width: 500px;
  color: #1E1E1E;

/* Head/h3 */
font-family: "Open Sans";
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.12px;
}


.clinic-accordion summary {
  font-size: 15px;
  font-weight: bold;
}





/* ========== MC1 namespace ========== */
.mc1 {
    --mc1-bg: #f5fbf7;
    --mc1-card: #ffffff;
    --mc1-text: #0b1b25;
    --mc1-sub: #5a6b79;
    --mc1-primary: #1e8e5a;
    --mc1-accent: #2a69ff;
    --mc1-br: #e7eef3;
    --mc1-radius: 18px
}
.mc1 {
    padding: 0
}
.mc1__container {
    max-width: 1250px;
    margin: 0 auto;
    background: var(--mc1-card);
   border-radius: 32px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(50px);
    display: grid;
    grid-template-columns: 1.1fr.9fr 1fr;
    gap: 40px;
    padding: 40px
}

.mc1__left {
    display: flex;
    flex-direction: column;
    gap: 16px
}
.mc1__title {
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
    color: var(--mc1-text);
    font-weight: 700
}
.mc1__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}
.mc1-chip {
   border-radius: 8px;
border: 1px solid rgba(3, 62, 140, 0.10);
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(12px);
padding:8px 16px;
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;


font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.mc1__facts {
  display:flex;
    gap: 8px;
	justify-content: space-between;
	align-items: center;
}
.mc1-fact {
  padding: 10px 8px;
  min-width: 81px;
text-align: center;}


.mc1-fact__label {
color: var(--Text-primary, #000);

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.mc1-fact__value {
   color: #1E1E1E;
text-align: center;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.mc1-fact__stars {
    display: flex;
    gap: 4px
}
.mc1-star {
    width: 18px;
    height: 18px;
    fill: #d9e2ec
}
.mc1-star--full {
    fill: #ffb300
}
.mc1-link {
    color: var(--mc1-accent);
    text-decoration: none
}
.mc1__langs {
    display: flex;
    gap: 5px;
    flex-wrap: wrap
}
.mc1-lang {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    
    padding: 4px 8px;
    font-size: 12px
}
.mc1__cta {
    
    margin-top: 6px
}
.mc1__cta svg {margin-right:5px;}

.mc1-btn {
    border: 0;
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 600;
    cursor: pointer
}
.mc1-btn--primary {
   color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(37, 211, 102, 0.60);
  background: rgba(37, 211, 102, 0.15);
  backdrop-filter: blur(12px);
  overflow: hidden;
color: #000;
text-overflow: ellipsis;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
margin-bottom:16px;
}

.mc1__badges {
  display: flex;
  gap: 12px;
}

.mc1-btn--accent {
    background: #033e8c;
    color: #fff;
    border-radius: 12px;
    padding: 12px 16px;
    font-size: 14px;
    letter-spacing: -0.56px;
    font-family: 'Open Sans', sans-serif;
    align-self: flex-start;
    border: none;
	width: 100%;
    cursor: pointer;
}
.mc1__badges img {
    height: 50px;
    filter: grayscale(.1);
    opacity: .9
}

.mc1__avatar {
    display: flex;
    justify-content: center;
   
}
.mc1-avatar {
   
}
.mc1-avatar img {
    width: 100% ;
    height: 100% ;
    object-fit: cover;
    border-radius: 50 %
}

.mc1__right {
    display: flex;
    width: 100%;
}
.mc1-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
}
.mc1-form__fields {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mc1-form__label {
    font-size: 12px;
    color: var(--mc1-sub);
}
.mc1-input {
    width: 100%;
    background: rgba(3, 62, 140, 0.1);
    border: none;
    border-radius: 12px;
    padding: 12px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: -0.56px;
    color: #033e8c;
    outline: none;
    box-sizing: border-box;
}
.mc1-input::placeholder {
    color: rgba(7, 34, 99, 0.6);
}
.mc1-input:focus {
    box-shadow: 0 0 0 2px rgba(3, 62, 140, 0.3);
}
.mc1-textarea {
    height: 80px;
    resize: vertical;
}
.mc1-phone-row {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(3, 62, 140, 0.1);
    border-radius: 12px;
    padding: 12px;
    box-sizing: border-box;
}
.mc1-flag-sel {
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(3, 62, 140, 0.1);
    border-radius: 6px;
    padding: 4px 6px;
    cursor: pointer;
    flex-shrink: 0;
    user-select: none;
}
.mc1-flag-sel__flag {
    font-size: 14px;
    line-height: 1;
}
.mc1-flag-sel__arrow {
    flex-shrink: 0;
}
.mc1-input--phone {
    background: transparent;
    border-radius: 0;
    padding: 0;
    flex: 1;
    min-width: 0;
    box-shadow: none !important;
}
.mc1-contact-how {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mc1-contact-how__label {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.56px;
    color: #033e8c;
    margin: 0;
}
.mc1-social-row {
    display: flex;
    gap: 24px;
    align-items: center;
}
.mc1-social-opt {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.mc1-social-opt input[type="radio"] {
    display: none;
}
.mc1-social-opt__check {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid rgba(3, 62, 140, 0.1);
    background: #fff;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
    box-sizing: border-box;
}
.mc1-social-opt input[type="radio"]:checked + .mc1-social-opt__check {
    background: #033e8c;
    border-color: #033e8c;
    box-shadow: inset 0 0 0 3px #fff;
}
.mc1-social-opt__icon {
    width: 40px;
    height: 40px;
    border-radius: 56px;
    background: rgba(3, 62, 140, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}
.mc1-social-opt__icon svg {
    width: 40px;
    height: 40px;
    display: block;
}

/* Responsive */
 @ media(max-width: 1024px) {
    .mc1__container {
        grid-template-columns: 1fr 1fr;
        gap: 20px
    }
    .mc1__avatar {
        order: -1
    }
}
 @ media(max-width: 680px) {
    .mc1 {
        padding: 16px
    }
    .mc1__container {
        grid-template-columns: 1fr;
        padding: 18px
    }
    .mc1__facts {
        grid-template-columns: 1fr
    }
    .mc1-avatar {
        width: 200px;
        height: 200px;
        margin: 0 auto
    }
}


.bg-toper-mc{
	margin-top:40px;
}

.breadcrumb > li:first-child{
	padding-left:0;
}

.mc1.mc1--light {
 position: relative;      /* щоб абсолютно позиціонувати псевдоелемент */
  
}


.mc1.mc1--light::before {
  content: "";
  position: absolute;
  z-index: -1;             /* позаду контенту .mc1 */
  pointer-events: none;

  /* робимо елемент більшим за блок */
  inset: -100px 0;           /* виступає на 100px з усіх боків; підберіть під себе */

  /* тут ваш фон */
  background: url(../image/bg_doc.png) center -175px no-repeat;
  background-size: auto;   /* або cover/contain за потреби */
}


.mc2-block{
	margin:20px 0 0 0;
}

.mc2-title{
	color: #1E1E1E;

margin-bottom:18px;

font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.mc2{
margin-bottom: 40px;
color: #1E1E1E;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}


.mc2-content{
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;          /* скільки рядків показувати у згорнутому стані */
  line-height: 1.5;               /* 150% як у вас */
max-height: 75px;    /* fallback для старих браузерів */
}


.mc2-content::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height:48px;
 
  pointer-events: none;
}


.mc2-content.is-expanded{
  -webkit-line-clamp: unset;
  max-height: none;
}
.mc2-content.is-expanded::after{ display:none; }
.mc2-readmore svg{margin-left:6px;}
.mc2-readmore{
  margin-top:10px;
  background: transparent;
  border: 0;
  padding: 0;
  color: #0070F3;                 

  cursor: pointer;

  color: #419047;


font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
}
.mc2-readmore:focus{  }





/* ====== ROOT ====== */
.paked {
	margin: 0px 0;
	⁨
	color: #1E1E1E;


font-family: "Open Sans";

}

.paked__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	align-items:center;
}

.paked__title {
	max-width:408px;
	color: #1E1E1E;

margin-bottom:40px;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -1.12px;
}

.paked__all {
	color: #033E8C;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
	text-decoration: none;
	
	padding: 8px 16px;
	border:1px solid #fff;
	
	border-radius: 12px;
background: #FFF;
}

.paked__all:hover {
	background: #f4f6ff;
}

.paked__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

@media (max-width: 1024px) {
	.paked__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.paked__grid {
		grid-template-columns: 1fr;
	}
}

/* ====== CARD ====== */
.paked-card {
	border-radius: 24px;
background: #FFF;
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.paked-card__media {
	position: relative;
	padding:8px;
	
}

.paked-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 20px;
}

.paked-card__badge {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 36px;
	height: 36px;
	border: none;
	border-radius: 50%;
	background: rgba(0, 0, 0, .55);
	
	place-items: center;
	cursor: pointer;
}

.paked-card__badge .ic {
	width: 18px;
	height: 18px;
	fill: #fff;
	opacity: .9;
}

.paked-card__body {
	padding: 0 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 8px;
}

.paked-card__row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
}

.paked-card__name {
	color: #000;


margin: 0;
padding:0;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.paked-card__price {
color: #000;


font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.paked-card__cln{
	border-radius: 8px;
background: #EFF4F8;
padding:8px;
display:flex;
gap:8px;
}
.img_cln img{max-width:100%;}
.img_cln img{
	border-radius: 8px;

}

.paked-card__clinic {
	color: #033E8C;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  padding-bottom:8px;
}

.paked-card__clinic:hover {
	text-decoration: none;
}

.paked-card__rating {
	display: flex;
	
	margin-top: 8px;
}

.paked-card .star {
	width: 16px;
	height: 16px;
	fill: #d9dde8;
}

.paked-card .star.is-full {
	fill: #FFC107;
}

.paked-card__meta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.meta__label {
 
  color: #000;
 margin-bottom:2px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}


.meta:first-child {
  border-right: 1px solid rgba(83, 89, 154, 0.30);
  padding-right:40px;
}

.meta__val a {
	color: #033E8C;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.meta__val {
  color: #033E8C;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}

.meta__val a:hover {
	text-decoration: underline;
}

details.paked-card__details {
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(12px);
  margin-bottom: 6px;
  padding: 14px 16px;
  padding: 14px 16px;
  align-items: flex-start;
  gap: 16px;
  cursor: pointer;
  position: relative;
  align-self: stretch;
  border-radius: 8px;
  background: rgba(3, 62, 140, 0.04);
}

.paked-card__details summary {
	
  cursor: pointer;
  color: #2b6adf;
  font-weight: 600;
  overflow: hidden;
  color: #033E8C;
  text-overflow: ellipsis;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  display: flex;
  justify-content: space-between;
   list-style: none;
  position: relative;
   appearance: none;
  -webkit-appearance: none;
  
}



.paked-card__details summary::-webkit-details-marker { display: none; }

/* Сучасний Firefox */
.paked-card__details summary::marker { content: ""; }

/* Дуже старий Firefox */
.paked-card__details summary::-moz-list-bullet { font-size: 0; color: transparent; }


/* ваша SVG-іконка як фон псевдоелемента */
.paked-card__details summary::after{
  content:"";
  position:absolute;
  right:0; top:50%;
  width:24px; height:24px;
  transform: translateY(-50%);
  background-repeat:no-repeat;
  background-size:contain;
  /* data-URI з точно вашим SVG (колір та фон збережені) */
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<rect width='24' height='24' rx='6' fill='%23033E8C' fill-opacity='0.2'/>\
<path d='M18 9L12 15L6 9' stroke='%23033E8C' stroke-linecap='round'/>\
</svg>");
  transition: transform .25s ease;
}

/* при відкритті — повертаємо стрілку вгору */
.paked-card__details[open] summary::after{
  transform: translateY(-50%) rotate(180deg);
}

.paked-card__list {
	margin: 8px 0 0;
	padding-left: 18px;
}

.paked-card__btn {
	margin-top: 4px;
	border-radius: 16px;
background: #033E8C;
	color: #fff;
	border: none;
	
	padding: 12px 16px;
	
	cursor: pointer;
	overflow: hidden;
color: #FFF;
text-overflow: ellipsis;


font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.paked-card__btn:hover {
	background: #0d57e3;
}

#afterbefor {
  background: rgba(3, 62, 140, 0.05);
  padding: 40px 0;
}


.man-credits {
	position: relative;
  z-index: 99;
	padding: 24px;
	margin: 24px 0;
}

.man-credits__inner {
display: flex;
justify-content: space-between;
}

@media (max-width: 768px) {
	.man-credits__inner {
		grid-template-columns: 1fr;
	}

	.divider {
		display: none;
	}
	
	.stars-m .star {
  color: #d7dee8;
  font-size: 14px;
}

.scard__rtext {
	font-size: 14px;
}
	
}

.credit {
 width: 40%;
}

.credit__label {
  font-weight: 700;
  margin-bottom: 24px;
  color: var(--Text-primary, #000);

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
letter-spacing: -0.2px;}

.credit__row {
	display: grid;
	grid-template-columns: 90px 1fr;
	gap: 14px;
}

.credit__avatar img {
	
	border-radius: 50%;
	object-fit: cover;
}

.credit__name {
  color: var(--Text-primary, #000);

  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.2px;
}

.credit__label.rewer{
	color: var(--Text-primary, #000);

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.credit__role {
  color: #4a86c5;
  margin: 6px 0 12px;
  color: #033E8C;
  font-family: "Open Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
letter-spacing: -0.48px;}

.credit__bio {
	color: var(--Text-primary, #000);
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.divider {
	width: 1px;
	align-self: stretch;
	background: rgba(0, 0, 0, 0.2);
}

.hotels__title{margin-top:0;}



.title-doct.indoc{
 
  max-width: 537px;
}


 .topindoc{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom:40px;
}



/* list  doc */

.doc_list-body {
	
}


.doc_list {
	background: url(../image/doc_l_bg.png) center 88px no-repeat;
	
	
	
}
.doc_list_top{display: flex;
position: relative;
padding-bottom: 20px;
}

.doc_list__text {
	flex: 1;
	z-index:99;
	max-width:600px;
	
}

.doc_list__title {
	color: #000;
margin: 40px 0 0;
  padding: 0;
  display: block;

font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 120%; 
letter-spacing: -0.96px;
}

.doc_list__link {
	color: #033E8C;
margin:24px 0 35px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 145%; 
letter-spacing: -0.16px;
  display: block;
  text-decoration: underline;
}

.doc_list__desc {
	color: #000;


font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; 
letter-spacing: -0.6px;
margin-bottom:24px;
}

.doc_list__btn:hover{
	color: #FFF;
	opacity:.7
}
.doc_list__btn, .doc_list__btn:focus {
	border-radius: 12px;
background: #033E8C;
color: #FFF;


font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
	padding: 12px 32px;
	
	
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
}



.doc_list__image {
  position: absolute;
  right:-100px;
}

.doc_list__image img {
	
}


.doc_list__specialties {
	border-radius:56px;
	
	

border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(50px);
	
	
	padding: 40px;
	
	
	z-index:100;
	position:relative;
}


.doc_list__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
	border-radius: 20px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
padding:18px;

box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
}

.doc_list__item {
	
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 8px 10px;
}
.doc_list__item img{margin-right:5px}
.doc_list__item a {
  overflow: hidden;
  color: #000;
  border-bottom: 1px solid rgba(83, 89, 154, 0.30);
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  padding:6.5px 0;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}


.doc_list__more {
	overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;
margin-top:16px;
/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
	cursor: pointer;
	text-align: center;
	
}


/* Responsive */
@media (max-width: 992px) {
	.doc_list {
		flex-direction: column;
		text-align: left;
	}

	.doc_list__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.doc_list__title {
		font-size: 30px;
	}

	.doc_list__grid {
		grid-template-columns: 1fr;
	}
}






.doc_list__specialties {
  position: relative;
  margin-bottom: 40px;
}

/* Висота блоку з напрямками — показуємо лише “3 рядки” */
.doc_list__grid {
  max-height: 110px; /* підібрати під свій дизайн, щоб було ~3 ряди */
  overflow: hidden;
  transition: max-height 0.3s ease;
    position: relative;
}

.doc_list__item.do-wide {
  margin-top: 25px;
}

.doc_list__specialties--expanded .doc_list__item.do-wide {
  margin-top: 0;
}

.doc_list__specialties--expanded .doc_list__grid::after {
  display:none;
}

.doc_list__grid.more::after {
content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  height: 39px;
  pointer-events: none;
  background: linear-gradient( to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) );
  opacity: 1;
  transition: opacity 0.3s ease;
}




/* Коли розгорнуто – прибираємо обмеження по висоті та прозорий низ */
.doc_list__specialties.doc_list__specialties--expanded .doc_list__grid {
  max-height: 9999px; /* фактично всі рядки */
}

.doc_list__specialties.doc_list__specialties--expanded::after {
  opacity: 0;
}




.ms-stat {
  margin: 20px 0 40px 0;
  position: relative;
  z-index: 10;
}

.ms-stat__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 60px;
}

.ms-stat__item {
  flex: 1 1 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #0F4FBF;
  height: 62px;
  justify-content: center;
  padding: 12px 0 0 40px;
}

/* Діагональний роздільник між елементами */
.ms-stat__item::after {
  content: "";
  position: absolute;
  top: 10px;
  right: -30px;
  width: 1px;
  height: 80px;
  background: rgba(15, 79, 191, 0.12);
  transform: rotate(18deg);
}

.ms-stat__item--last::after {
  display: none;
}

.ms-stat__icon {
  margin-bottom: 8px;
position:absolute;
left: 0;
}

.ms-stat__icon img {
  display: block;
 
  height: auto;
}

.ms-stat__number {
  font-size: 25px;
  line-height: 1.1;
  font-weight: 600;
  color: #0F4FBF;
  margin-bottom: 4px;
}

.ms-stat__text {
 color: #2A4C7F;
 background: linear-gradient(91deg, #203C76 -4.57%, #3C6FDC 44.47%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

/* Адаптив */
@media (max-width: 991px) {
  .ms-stat__inner {
    gap: 30px;
  }

  .ms-stat__item::after {
    right: -18px;
    height: 70px;
  }
}

@media (max-width: 768px) {
  .ms-stat__inner {
    flex-wrap: wrap;
    justify-content: center;
  }

  .ms-stat__item {
    flex: 0 0 45%;
    margin-bottom: 20px;
  }

  .ms-stat__item::after {
    display: none;
  }
}

@media (max-width: 480px) {
  .ms-stat__item {
    flex: 0 0 100%;
    align-items: center;
    text-align: center;
  }

  .ms-stat__item::after {
    display: none;
  }
}



/* Обгортка секції */
.ms-docfilter {
  padding: 40px  30px 0;
  
}



/* Верхня частина */
.ms-docfilter__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
}

.ms-docfilter__title {
  font-size: 25px;
  line-height: 1.3;
  font-weight: 600;
  color: #101828;
  max-width: 720px;

  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

/* Кнопка сортування */


.ms-docfilter__sort-caret {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #667085;
}

/* Рядок фільтрів */
.ms-docfilter__filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

.ms-docfilter__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ms-docfilter__label {
  font-size: 13px;
  color: #667085;
}

/* Контроли фільтрів */
.ms-docfilter__control {
  width: 100%;
  border-radius: 999px;
  border: 1px solid #d0d7e6;
  background: #f5f7fc;
  padding: 8px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: #98a2b3;
  min-width: 150px;
}

.ms-docfilter__control.ms-docfilter__sort {
  border: 1px solid #d0d7e6;
  ⁨border-radius: 12px;
background: #FFF;
  padding: 8px 16px;
 
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #344054;
  cursor: pointer;
}

.ms-docfilter__control--text {
  justify-content: space-between;
}

.ms-docfilter__control-icon {
  flex: 0 0 auto;
}

.ms-docfilter__control-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.ms-docfilter__control-icon svg {
  width: 16px;
  height: 16px;
  display: block;
}

.ms-docfilter__control-icon--search svg path {
  fill: #033E8C; /* можна змінити під свій бренд */
  opacity: 0.8;
}
.ms-docfilter__control-placeholder {
  flex: 1 1 auto;
  text-align: left;
}

.ms-docfilter__control-value {
  flex: 1 1 auto;
  text-align: left;
  color: #344054;
}

.ms-docfilter__control-caret {
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #667085;
}

/* Нижня частина: розширені фільтри + теги + лічильник */
.ms-docfilter__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
}

.ms-docfilter__bottom-left {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Кнопка "Розширені фільтри" */
.ms-docfilter__advanced {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  border: none;
  padding: 10px 18px;
  cursor: pointer;
  background: #0046b7;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}

.ms-docfilter__advanced-icon {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,0.6);
  position: relative;
}

/* простий "ікон-фільтр" */
.ms-docfilter__advanced-icon::before,
.ms-docfilter__advanced-icon::after {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  height: 2px;
  border-radius: 99px;
  background: rgba(255,255,255,0.9);
}

.ms-docfilter__advanced-icon::before {
  top: 4px;
}

.ms-docfilter__advanced-icon::after {
  bottom: 4px;
}

/* Теги */
.ms-docfilter__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ms-docfilter__tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #e5edff;
  color: #1d4ed8;
  font-size: 13px;
}

.ms-docfilter__tag-close {
  border: none;
  background: transparent;
  font-size: 14px;
  line-height: 1;
  padding: 0 0 0 2px;
  cursor: pointer;
  color: #64748b;
}

/* Лічильник праворуч внизу */
.ms-docfilter__count {
  font-size: 13px;
  color: #98a2b3;
}

/* Адаптивність */
@media (max-width: 991px) {
  .ms-docfilter__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .ms-docfilter__filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .ms-docfilter__filters {
    grid-template-columns: 1fr;
  }

  .ms-docfilter__bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .ms-docfilter__count {
    align-self: flex-end;
  }
}


/* Обгортка селекта */
.ms-docfilter__select {
  position: relative;
}

/* Випадаюче меню */
.ms-docfilter__dropdown {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #d0d7e6;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
  z-index: 50;
  display: none;
  max-height: 260px;
  overflow-y: auto;
}

.ms-docfilter__dropdown ul {
  list-style: none;
  margin: 0;
  padding: 6px 0;
}

.ms-docfilter__dropdown li {
  padding: 8px 14px;
  font-size: 14px;
  color: #344054;
  cursor: pointer;
}

.ms-docfilter__dropdown li:hover {
  background: #f3f6ff;
}

/* Стан відкритого селекта */
.ms-docfilter__select.is-open .ms-docfilter__dropdown {
  display: block;
}

#packages .ms-docfilter__bottom {
  
  margin-top: 26px;
}




.ms-docfilter__select--open .ms-docfilter__dropdown {
  display: block;
}

.ms-docfilter__select.ms-docfilter__select--open .ms-docfilter__control {
  border-color: #2563eb;
  background: #ffffff;
}

/* Якщо вибрано значення — робимо текст темнішим */
.ms-docfilter__control.ms-docfilter__control--selected .ms-docfilter__control-text {
  color: #344054;
}





/* Обгортка списку */
.ms-doc-list {

}

.ms-doc-list__item {
  
}

/* Картка лікаря */
.ms-doc-card {
  display: flex;
  gap: 24px;
  background: #f8fbff;
border-radius: 24px;
border: 2px solid #FFF;
background: rgba(243, 246, 252, 0.10);
box-shadow: 0 3px 6px 0 #FFF inset;
padding:32px;
margin-bottom: 20px;
}

/* Колонки */
.ms-doc-card__left {
  flex: 0 0 260px;
}

.ms-doc-card__center {
  flex: 1 1 auto;
  min-width: 0;
}

.ms-doc-card__right {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Фото лікаря */
.ms-doc-card__photo {
  border-radius: 24px;
  overflow: hidden;
  height:420px;
 
}

.ms-doc-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Заголовок */
.ms-doc-card__name {
 color: #033E8C;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
  margin: 0 0 4px;
}

/* Бейджі */
.ms-doc-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.ms-doc-card__badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.2;
}

.ms-doc-card__badge--light {

  color: #1E1E1E;
  font-size: 14px;

  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  border-radius: 8px;
  background: rgba(3, 62, 140, 0.10);
  padding: 6px 12px;
}
.ms-doc-card__badge--success svg{
	margin:0 8px 0 0px;
}
.ms-doc-card__badge--success {
  border-radius: 8px;
border: 1px solid rgba(37, 211, 102, 0.60);
background: rgba(37, 211, 102, 0.15);
backdrop-filter: blur(12px);

  
  color: #000;



font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* Теги спеціалізацій */
.ms-doc-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.ms-doc-card__tag {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
}

.ms-doc-card__tag--outline {
 border-radius: 8px;
border: 1px solid rgba(3, 62, 140, 0.10);
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(12px);
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* Мови */
.ms-doc-card__languages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  font-size: 13px;
  color: #475569;
  margin-bottom: 12px;
}

.ms-doc-card__languages-label {
font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  display: flex;
  align-items: center;
}
.ms-doc-card__flag img{
	margin:0 8px 0 0;
}
.ms-doc-card__flag {
  padding: 2px 8px;
  border-radius: 999px;
  
}

/* Опис + "читати далі" */
.ms-doc-card__body {
  font-size: 14px;
  color: #1f2933;
  margin-bottom: 16px;
}

.ms-doc-card__desc {
  margin: 0 0 4px;
}

.ms-doc-card__read-more {
  border: none;
  background: transparent;
  color: #0054d7;
  font-size: 13px;
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.ms-doc-card__read-more-icon {
  font-size: 10px;
}

/* Блок з цінами */
.ms-doc-card__price-select {

border-radius: 6px;
  background: rgba(3, 62, 140, 0.80);
  overflow: hidden;
  color: #FFF;
  text-overflow: ellipsis;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  padding: 4px 8px;
  

}

.ms-doc-card__price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
    border-radius: 12px;
  background: #ECF1FB;
  margin-bottom: 8px;
  padding: 8px 16px;
  overflow: hidden;
color: #000;
text-overflow: ellipsis;



}

.ms-doc-card__price-row--bottom {
  margin-bottom: 0;
}

.ms-doc-card__price-label {

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.ms-doc-card__price-select select {
  min-width: 150px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid #c1cff0;
  background: #ffffff;
  font-size: 13px;
}

.ms-doc-card__price-box {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  overflow: hidden;
  background: #0054d7;
}

.ms-doc-card__price-value {
  padding: 6px 14px;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
}

.ms-doc-card__price-currency {
  border: none;
  background: #003f9c;
  color: #ffffff;
  width: 38px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/* Кнопки дій */
.ms-doc-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.ms-doc-card__btn {
  border-radius: 999px;
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;
  border: none;
}

.ms-doc-card__btn--primary {
  background: #0054d7;
  color: #ffffff;
}

.ms-doc-card__btn--ghost {
  background: transparent;
  color: #0054d7;
  border: 1px solid #c1cff0;
}

/* Права колонка: клініка */
.ms-doc-card__clinic {
  font-size: 13px;
  color: #475569;
}

.ms-doc-card__clinic-location {
  margin-bottom: 4px;
}




.ms-doc-card__body {
  position: relative;
}

.ms-doc-card__desc {
  max-height: 110px;      
  overflow: hidden;
  transition: max-height 0.25s ease;
}


.ms-doc-card__body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 26px; /* щоб не перекривати кнопку */
  height: 20px;
  pointer-events: none;
  background: linear-gradient(
      to bottom,
      rgba(248, 251, 255, 0),
      rgba(248, 251, 255, 1)
  );
  opacity: 1;
  transition: opacity 0.25s ease;
}


.ms-doc-card__body.ms-doc-card__body--expanded .ms-doc-card__desc {
  max-height: 1000px; 
}

.ms-doc-card__body.ms-doc-card__body--expanded::after {
  opacity: 0;
}


.ms-doc-card__read-more {
  border: none;
  background: transparent;
  
  cursor: pointer;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #419047;



font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}


.ms-doc-card__read-more-icon {
  display: inline-block;
  transition: transform 0.2s ease;
  display: flex;
}

.ms-doc-card__body.ms-doc-card__body--expanded .ms-doc-card__read-more-icon {
  transform: rotate(180deg);
}





.ms-doc-card__clinic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 11px;
  font-size: 14px;
  line-height: 1.4;
}


.ms-doc-card__clinic-location {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #1a1a1a;
  min-width: 205px;
}

.ms-doc-card__clinic-location svg {
  flex-shrink: 0;
}


.ms-doc-card__clinic-locationin {
  display: flex;
  flex-direction: column;
  gap: 4px;
}


.ms-doc-card__clinic-link {
  color: #033E8C;
  font-weight: 500;
  text-decoration: none;
}

.ms-doc-card__clinic-link:hover {
  text-decoration: underline;
}


.ms-doc-card__rating {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #444;
}


.ms-doc-card__rating-value {
  display: inline-flex;
  align-items: center;
  gap: 4px;
font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}

.ms-doc-card__rating-value svg {
  width: 18px;
  height: 18px;
}


.ms-doc-card__rating {
  margin-left: 11px;
  padding-left: 11px;
  border-left: 1px solid #E0E0E0;
  min-height: 40px;
}


.ms-doc-card__rating-count {
color: #033E8C;
text-align: center;

font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
  font-weight: 500;
  text-align: center;
}


@media (max-width: 767px) {
  .ms-doc-card__clinic {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .ms-doc-card__rating + .ms-doc-card__rating {
    margin-left: 8px;
    padding-left: 8px;
  }
}

/* Відгук */
.ms-doc-card__review {
  padding: 16px 0 11px;
  border-top: 1px solid rgba(83, 89, 154, 0.30);

}

.ms-doc-card__review-head {
  display: flex;
  gap: 10px;
  margin-bottom: 6px;
}

.ms-doc-card__review-avatar {
  flex: 0 0 64px;
  height: 64px;
  border-radius: 50%;
  overflow: hidden;
}

.ms-doc-card__review-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ms-doc-card__review-meta {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  justify-content: space-between;
}

.ms-doc-card__review-name {
color: var(--Text-primary, #000);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
margin-bottom:4px;
}
.ms-doc-card__review-name svg{
	margin-left:10px;
}
.ms-doc-card__review-btn {
border-radius: 24px;
background: rgba(3, 62, 140, 0.10);
display:flex;
padding: 4px 8px;
align-items: center;
gap: 4px;
border:none;
color: #1E1E1E;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}

.ms-doc-card__review-date {
color: rgba(33, 39, 104, 0.70);
text-align: right;
font-size: 10px;
font-style: normal;
font-weight: 400;
max-width: 50px;
line-height: 140%; /* 14px */
}

.ms-doc-card__review-rating {
 margin-top: 8px;
}

.ms-doc-card__review-text {
overflow: hidden;
color: var(--Text-primary, #000);
text-overflow: ellipsis;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* Результати роботи */
.ms-doc-card__results-title {
  margin-bottom: 6px;
  color: var(--Text-primary, #000);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom:12px;
 
}

.ms-doc-card__results-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
}

.ms-doc-card__result-item {
 
  border-radius: 8px;

}

/* Адаптив */
@media (max-width: 1024px) {
  .ms-doc-card {
    flex-direction: column;
  }

  .ms-doc-card__left,
  .ms-doc-card__right {
    flex: 1 1 auto;
  }

  .ms-doc-card__photo {
    height: auto;
  }

  .ms-doc-card__right {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .ms-doc-card__clinic,
  .ms-doc-card__review,
  .ms-doc-card__results {
    flex: 1 1 100%;
  }
}

@media (max-width: 600px) {
  .ms-doc-card {
    padding: 16px;
  }

  .ms-doc-card__name {
    font-size: 20px;
  }

  .ms-doc-card__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .ms-doc-card__left {
    order: -1;
  }
}




.bg_faq_q{
	background:url(../image/bg_faq2.png) center 10% no-repeat;
	background-size: cover;
}

.noneifo {
  font-size: 18px;
  text-align: center;
  background: #000;
  background: rgba(255, 255, 255, 0.60);
  padding: 18px;
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
  border-radius: 15pc;
  padding: 50px;
}


.ms-docfilter_filte_count {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.blog-filter-row {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}
.blog-filter-row .blog-filter-btn {
  flex: 0 0 auto;
}
.blog-filter-btn .ms-docfilter__advanced {
  width: 100%;
  white-space: nowrap;
}

.ms-docfilter-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #dde7ff;      /* світло-блакитний фон */
  font-size: 13px;
  line-height: 1.3;
}

.ms-docfilter-tag__label {
  margin-right: 6px;
  padding: 6px 12px;
}

.ms-docfilter-tag__close {
  border: 0;
  background: none;
  padding: 0;
  line-height: 1;
  font-size: 22px;
  cursor: pointer;
}



.ms-docfilter_bottom {
  display: flex;
  justify-content: space-between;

  margin: 16px 0 18px;
}



.doc_list__image.incat{
  position: absolute;
  right: -100px;
  top: -217px;
  z-index: -1;
}

.doc_list.incat {
  background:none;
}



.ms-helpmodal__content {
  border-radius: 20px;
  overflow: hidden;
  border: none;
}

.ms-helpmodal__close {
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 2;
}

.ms-helpmodal__left {
  background: #f6f8ff;
  padding: 30px 25px;
  height: 100%;
  border-radius: 20px 0 0 20px;
}

.ms-helpmodal__right {
  padding: 30px 25px;
}

.ms-helpmodal__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}

.ms-helpmodal__text {
  margin-bottom: 25px;
}

.ms-helpsteps__item {
  background: #ffffff;
  border-radius: 16px;
  padding: 12px 14px;
  margin-bottom: 10px;
  position: relative;
}

.ms-helpsteps__num {
  position: absolute;
  right: 10px;
  bottom: 0;
  font-size: 38px;
  font-weight: 700;
  color: rgba(0,0,0,0.06);
}

.ms-helpsteps__body {
  position: relative;
  z-index: 1;
}

.ms-helpsteps__title {
  font-weight: 600;
  margin-bottom: 4px;
}

.ms-helpsteps__desc {
  font-size: 12px;
  color: #666;
}

.ms-helpform__contacts .btn {
  border-radius: 50%;
  width: 34px;
  height: 34px;
  padding: 0;
  text-align: center;
  line-height: 34px;
  margin-right: 5px;
}

.ms-helpform__contact-icon {
  font-size: 14px;
}

.ms-helpform__agree {
  margin-top: 10px;
  margin-bottom: 20px;
}

.ms-helpform__actions .btn-primary {
  min-width: 140px;
  border-radius: 25px;
}

.ms-helpform__actions .btn-link {
  color: #666;
}

/* трохи скруглень для всієї модалки */
.ms-helpmodal .modal-dialog {
  margin-top: 40px;
}


@media (min-width: 992px) {
  .modal-lg {
    width: 1200px;
  }
}

.modal-backdrop {
 background: rgba(0, 17, 39, 0.30);

}

.modal-backdrop.in {
  opacity: 1; /* щоби не перекривався прозорістю Bootstrap */
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}


.ms-dr{
	margin:40px 0 40px 0;
}

.ms-dr .title-price-clin{
	display: flex;
  justify-content: space-between;
  align-items: center;
}

.totale-proc-columns{
	border-radius: 16px;
background: #033E8C;
padding:8px 16px;
margin:24px 0;
display:flex;
justify-content: space-between;
  align-items: center;
}

.left-proc-columns{
	color: #FFF;
max-width:280px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; 
}

.right-proc-columns{
	
	display:flex;
justify-content: space-between;
  align-items: center;
  gap:20px;
	
}

.uite-text{
	overflow: hidden;
color: #FFF;
text-overflow: ellipsis;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.uite {
  display: flex;
  gap: 10px;
  align-items: center;
}

.uite-img {
  display: flex;
  align-items: center;
}



.pkg-section {
  padding: 0px 0;
  background: #f5f8fd;
  margin-bottom: 40px;
}

.pkg-section__inner {

  
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); /* 4 в ряд */
  gap: 20px;
}

.pkg-card {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(10, 58, 129, 0.08);
  overflow: hidden;
  width: 100%;
  max-width: 360px;
  display: flex;
  flex-direction: column;
}

.pkg-card__image-wrap {
  position: relative;
  overflow: hidden;
}

.pkg-card__image {
  display: block;
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.pkg-card__fav-btn {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  color: #0054d1;
}

.pkg-card__body {
  padding: 16px 18px 10px;
}

.pkg-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.pkg-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #111827;
}

.pkg-card__price {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
}

/* Клініка */
.pkg-card__clinic {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-bottom: 12px;
}

.pkg-card__clinic-thumb {
  flex: 0 0 50px;
  height: 50px;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 10px;
}

.pkg-card__clinic-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pkg-card__clinic-info {
  display: flex;
  flex-direction: column;
}

.pkg-card__clinic-name {
  font-size: 14px;
  font-weight: 500;
  color: #0054d1;
  margin-bottom: 4px;
}

.pkg-card__rating {
  font-size: 14px;
  color: #f6b800;
}

.pkg-card__rating-star--muted {
  color: #e5e7eb;
}

/* Мета */
.pkg-card__meta {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #e5e7eb;
  margin-bottom: 14px;
}

.pkg-card__meta-col {
  flex: 1;
}

.pkg-card__meta-label {
  font-size: 11px;
  color: #9ca3af;
  margin-bottom: 2px;
}

.pkg-card__meta-value {
  font-size: 13px;
  color: #0054d1;
  text-decoration: none;
}

/* Select */
.pkg-card__select-row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 8px;
}

.pkg-card__select-label {
  font-size: 13px;
  color: #111827;
}

.pkg-card__select-wrap {
  position: relative;
}

.pkg-card__select {
  width: 100%;
  padding: 8px 30px 8px 10px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  font-size: 13px;
  appearance: none;
  background-color: #f9fafb;
}

.pkg-card__select-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
  color: #6b7280;
}

/* Футер */
.pkg-card__footer {
  padding: 10px 18px 16px;
}

.pkg-card__cta-btn {
  width: 100%;
  border: none;
  border-radius: 999px;
  padding: 12px 18px;
  background: #0054d1;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

/* Респонсив */
@media (max-width: 991px) {
  .pkg-section__inner {
    justify-content: center;
  }
}

@media (max-width: 600px) {
  .pkg-card {
    max-width: 100%;
  }
}





/* Обгортка */
.paked-card__details {
  border-radius: 10px;
  background: #f9fafb;
  padding: 10px 12px;
}

/* Кнопка-заголовок */
.paked-card__summary {
  width: 100%;
  padding: 0;
  border: none;
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

/* Текст */
.paked-card__summary-text {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
}

.paked-card__summary-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><rect width='24' height='24' rx='6' fill='%23033E8C' fill-opacity='0.2'/><path d='M18 9L12 15L6 9' stroke='%23033E8C' stroke-linecap='round'/></svg>");

  transition: transform .25s ease;
}



.paked-card__details--open .paked-card__summary-icon {
  transform: rotate(180deg);
}
/* Контент за замовчуванням схований */
.paked-card__content {
  margin-top: 8px;
  font-size: 13px;
  color: #4b5563;
  display: none;
}

/* Коли відкрито — показати контент і зробити мінус (забрати вертикальну лінію) */
.paked-card__details--open .paked-card__content {
  display: block;
}

.paked-card__details--open .paked-card__summary-icon::after {
  opacity: 0;
}


.bg-clinics{
	position:relative;
}

.bg-clinics::before {
  content: "";
  background: url(../image/bg_clin.png) center top no-repeat;
    background-size: auto;
  position: absolute;
  width: 100%;
  height: 1274px;
  background-size: cover;
  top: -450px;
}

.all-clin{
	margin:40px 0;
}

.title-clin{
	min-height: 62px;
	color: #033E8C;
text-align: center;

/* Head/H1 */
font-family: "Open Sans";
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 57.6px */
letter-spacing: -0.96px;
margin: 0 auto 40px auto;
}




.cline-card {
  display: flex;
  gap: 24px;
border-radius: 24px;
border: 1px solid #FFF;
background: rgba(243, 246, 252, 0.10);
padding:32px;
margin-bottom:20px;
background:#fff;
}

/* ліва колонка */
.cline-card__photo {
  flex: 0 0 350px;
border-radius: 12px;

  overflow: hidden;
}

.cline-card__photo-img {
  display: block;
  width: 100%;
 border-radius: 12px;
  object-fit: cover;
}

/* центральна частина */
.cline-card__main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cline-card__header {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cline-card__title {
	padding: 0;
  margin: 0 0 10px;
}
.cline-card__title a{
color: #033E8C;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 1.15;
letter-spacing: -1.12px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: calc(2 * 1.15em);
word-break: break-word;
}

.cline-card__location {
  display: inline-flex;
  font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
color: rgba(3, 62, 140, 0.70);
}

.cline-card__location-icon {
margin-right:5px;
}

.cline-card__desc {
overflow: hidden;
max-height: 85px;
  overflow: hidden;
  transition: max-height 0.25s ease;


font-size: 14px;
  color: #1f2933;
}
.ms-doc-card__body--expanded .cline-card__desc{max-height:1000px;}

.ms-doc-card__body--expanded .cline-card__desc::after{
	display:none;
}
.cline-card__desc::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 25px;
  height: 25px;
  pointer-events: none;
  background: linear-gradient( to bottom, rgba(248, 251, 255, 0), rgba(248, 251, 255, 1) );
  opacity: 1;
  transition: opacity 0.25s ease;
}

.cline-card__read-more {
cursor: pointer;
  color: #419047;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  border: none;
  text-align: left;
  background: no-repeat;

}

/* послуги */
.cline-card__services {
 
}

.cline-card__service-row a{
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  padding: 0px 0 8px;
  font-size: 14px;
  gap: 12px;
  border-bottom: 1px solid rgba(3, 62, 140, 0.10);
  margin-bottom:10px;
}

.cline-card__service-row a:hover{
opacity:.7
}

.cline-card__service-row:nth-child(odd) {
  
}

.cline-card__service-name {
  color: #111827;
}

.cline-card__service-price {
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.cline-card__service-more {
fill: rgba(3, 62, 140, 0.05);
  border: none;
  padding: 0;
  margin: 0;
  background: none;
  height: 22px;

}

/* кнопки */
.cline-card__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex-direction: column;
}

.cline-card__btn {
  border-radius: 999px;
  padding: 12px 16px;
 overflow: hidden;
color: #FFF;
text-overflow: ellipsis;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
  border: 1px solid transparent;
  cursor: pointer;
 
  border-radius: 12px;
background: #033E8C;
}

.cline-card__btn--primary {
  background: #033E8C;
  color: #ffffff;
  
}

.cline-card__btn--primary:hover {
  background: #1d4ed8;
}

.cline-card__btn--outline {
  background: #ffffff;
  color: #033E8C;
 border-radius: 12px;
border: 1px solid #033E8C;
}

.cline-card__btn--outline:hover {
  background: #eff6ff;
}

/* права колонка */
.cline-card__side {
  flex: 0 0 300px;
  display: flex;
  flex-direction: column;

}

/* рейтинг */
.cline-card__rating-block {
padding-bottom:17px;
}

.cline-card__rating-top {
  display: flex;
  align-items: center;
  border-right: 1px solid;
  justify-content: start;
width: 50%;
}

.cline-card__rating-score {
 color: #1E1E1E;
text-align: center;
margin-right:12px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */

}

.cline-card__rating-stars {
  color: #facc15;
  font-size: 16px;
}
.cline-card__rating-count a{
	color: #033E8C;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.cline-card__rating-count {
  margin-top: 4px;
  color: #1E1E1E;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
  text-align: center;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap:12px;
}

.cline-card__tags {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.cline-tag {
font-size: 11px;
  color: #4b5563;
  border-radius: 24px;
  background: rgba(3, 62, 140, 0.10);
  color: #1E1E1E;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
padding:4px 14px;
}

/* експерт */
.cline-card__expert {
  display: flex;
  gap: 10px;
  padding: 17px 0px;
border-top: 1px solid rgba(83, 89, 154, 0.30);
}

.cline-card__expert-avatar {
  flex: 0 0 64px;
  height: 64px;
  border-radius: 999px;
  overflow: hidden;
}

.cline-card__expert-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cline-card__expert-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cline-card__expert-label {
 color: #033E8C;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}

.cline-card__expert-name a{
color: var(--Text-primary, #000);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
margin:4px 0 12px;
}

.cline-card__expert-exp {
  color: #6b7280;
  border-radius: 24px;
  background: rgba(3, 62, 140, 0.10);
  padding: 4px 8px;
  color: #1E1E1E;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.48px;
}

/* відгук */
.cline-card__review {
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  font-size: 12px;
}

.cline-card__review-header {
  display: flex;
  gap: 10px;
}

.cline-card__review-avatar {
  flex: 0 0 40px;
  height: 40px;
  border-radius: 999px;
  overflow: hidden;
}

.cline-card__review-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cline-card__review-meta {
  flex: 1;
}

.cline-card__review-name {
  font-weight: 600;
}

.cline-card__review-country {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-top: 2px;
}

.cline-card__review-tag {
  padding: 2px 6px;
  border-radius: 999px;
  background: #f3f4ff;
  font-size: 11px;
}

.cline-card__review-stars {
  margin-top: 4px;
  color: #facc15;
}

.cline-card__review-text {
  margin-top: 8px;
  color: #4b5563;
}

.cline-card__review-date {
  margin-top: 6px;
  color: #9ca3af;
  font-size: 11px;
}

/* міні-фото внизу справа */
.cline-card__thumbs {
  display: flex;
  gap: 8px;
  margin-top: 6px;
}

.cline-card__thumb-img {
  width:64px;
  height: 62px;
  border-radius: 8px;
  object-fit: cover;
}

.cline-card__rating-block_irema {
  display: flex;
}


/* адаптив */
@media (max-width: 992px) {
  .cline-card {
    flex-direction: column;
  }

  .cline-card__photo {
    flex: 0 0 auto;
    /* height: 220px; */
  }

  .cline-card__side {
    flex: 0 0 auto;
  }
}

@media (max-width: 640px) {
  .cline-card {
    padding: 16px;
  }

  .cline-card__buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .cline-card__service-row {
    grid-template-columns: 1fr auto;
  }

  .cline-card__service-more {
    display: none;
  }
}




.ms-doc-card__review-name img {
  max-width:15px;
}


.ms-doc-card__review-name span {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 15px;
}


.ic-review-bg{

margin-bottom:40px; 
}
.ic-reviews {

 padding:40px 0
}

/* Заголовок */
.ic-reviews__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  
  padding:0 0 24px;
max-width:810px;

}

.ic-reviews__title {
color: #1E1E1E;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.ic-reviews__add-btn {
  border-radius: 8px;
border: 1px solid #033E8C;
padding:8px 16px;
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
background:none;
}

.ic-reviews__add-btn:hover {
  background: #fff;
}

/* ===== REVIEW MODAL ===== */
.rv-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(3,17,44,.55);
  backdrop-filter: blur(3px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.rv-modal-overlay.is-open { opacity: 1; pointer-events: auto; }
.rv-modal {
  background: #fff;
  border-radius: 20px;
  padding: 40px 44px;
  width: 90%;
  max-width: 700px;
  max-height: 92vh;
  overflow-y: auto;
  position: relative;
  box-shadow: 0 24px 64px rgba(3,17,44,.18);
}
.rv-modal__close {
  position: absolute;
  top: 16px; right: 20px;
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 1px solid #e0e7f0;
  background: #f5f7fc;
  font-size: 22px;
  cursor: pointer;
  color: #344054;
  display: flex; align-items: center; justify-content: center;
}
.rv-modal__close:hover { background: #e5edff; }
.rv-modal__head { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 24px; }
.rv-modal__title { font-size: 22px; font-weight: 700; color: #101828; }
.rv-modal__illustration { width: 120px; flex-shrink: 0; }

.rv-form__author {
  font-size: 15px;
  font-weight: 600;
  color: #101828;
  margin-bottom: 16px;
}
.rv-form__error  { background:#fff0f0; border:1px solid #f5c0c0; border-radius:8px; padding:10px 14px; color:#c0392b; font-size:14px; margin-bottom:16px; }
.rv-form__success{ background:#f0fff4; border:1px solid #b7ebc7; border-radius:8px; padding:10px 14px; color:#27ae60; font-size:14px; margin-bottom:16px; }
.rv-form__field  { margin-bottom: 14px; position: relative; }
.rv-form__row    { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
.rv-form__input,
.rv-form__textarea,
.rv-form__select {
  width: 100%; border: 1px solid #d0d7e6; border-radius: 10px;
  padding: 11px 16px; font-size: 14px; color: #344054;
  background: #f8faff; outline: none; box-sizing: border-box; appearance: none;
}
.rv-form__input:focus,.rv-form__textarea:focus,.rv-form__select:focus { border-color:#0046b7; background:#fff; }
.rv-form__field--select::after { content:''; position:absolute; right:14px; top:50%; transform:translateY(-50%); border:5px solid transparent; border-top-color:#667085; pointer-events:none; }
.rv-form__textarea { resize: vertical; min-height: 90px; }
.rv-form__upload-btn { display:inline-flex; align-items:center; gap:6px; margin-top:8px; padding:7px 14px; border-radius:8px; border:1px solid #d0d7e6; background:#f5f7fc; font-size:13px; color:#667085; cursor:pointer; }
.rv-form__upload-btn:hover { border-color:#0046b7; color:#0046b7; }
.rv-form__file-name { margin-left:10px; font-size:13px; color:#0046b7; }
.rv-form__input--icon { padding-left:42px; }
.rv-form__input--like    { background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 8H14.388L15.511 4.633C15.713 4.025 15.611 3.351 15.236 2.831C14.861 2.311 14.253 2 13.612 2H12C11.703 2 11.422 2.132 11.231 2.36L6.531 8H4C2.897 8 2 8.897 2 10V19C2 20.103 2.897 21 4 21H17.307C18.019 21 18.661 20.567 18.931 19.903L21.937 12.351C21.979 12.239 22 12.12 22 12V10C22 8.897 21.103 8 20 8Z' fill='%23419047'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:14px center; }
.rv-form__input--dislike { background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 3H6.693C5.97 3 5.328 3.434 5.057 4.097L2.063 11.649C2.021 11.761 2 11.88 2 12V14C2 15.103 2.897 16 4 16H9.612L8.49 19.367C8.288 19.975 8.39 20.649 8.765 21.169C9.14 21.689 9.746 22 10.388 22H12C12.297 22 12.578 21.868 12.769 21.64L17.469 16H20C21.103 16 22 15.103 22 14V5C22 3.897 21.103 3 20 3Z' fill='%2353599A'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:14px center; }
.rv-form__rating-wrap { text-align:center; margin:20px 0 24px; }
.rv-form__rating-label { font-size:14px; color:#667085; margin-bottom:12px; }
.rv-form__stars { display:flex; justify-content:center; gap:6px; }
.rv-star { background:none; border:none; cursor:pointer; padding:0; line-height:0; }
.rv-form__submit { width:100%; padding:13px; border-radius:10px; border:none; background:#0046b7; color:#fff; font-size:15px; font-weight:600; cursor:pointer; }
.rv-form__submit:hover { background:#0037a0; }
.rv-modal__login { display:flex; flex-direction:column; align-items:center; padding:20px 0 10px; text-align:center; }
.rv-modal__login-title { font-size:20px; font-weight:700; color:#101828; margin:16px 0 8px; }
.rv-modal__login-text  { font-size:14px; color:#667085; margin-bottom:24px; }
.rv-modal__login-btn { display:inline-block; padding:12px 32px; border-radius:10px; background:#0046b7; color:#fff; font-size:15px; font-weight:600; text-decoration:none; }
.rv-modal__login-btn:hover { background:#0037a0; color:#fff; }
@media (max-width:600px) {
  .rv-modal { padding:24px 18px; }
  .rv-form__row { grid-template-columns:1fr; }
  .rv-modal__illustration { display:none; }
}

/* Верхній блок */
.ic-reviews__top {
  display: flex;
  gap: 32px;
  align-items: stretch;
  margin-bottom: 32px;
}

.ic-reviews__summary {
  flex: 1 1 60%;
  
  
  

}

.ic-reviews__allimg{
		border-top: 1px solid rgba(83, 89, 154, 0.10);
border-bottom: 1px solid rgba(83, 89, 154, 0.10);
padding:24px 0;
margin-bottom:24px;
}

.ic-reviews__titleimg{

	color: var(--Text-primary, #000);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
margin-bottom:8px;
}

.ic-reviews__illustration {
  flex: 1 1 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ic-reviews__illustration img {
  max-width: 100%;
  height: auto;
}

/* Фото/відео зверху */
.ic-reviews__media-strip {
  display: flex;
  gap: 8px;
  margin-bottom: 18px;
}

.ic-reviews__media-thumb {
  width: 88px;
  height: 87px;
  border-radius: 10px;
  overflow: hidden;
  background: #e3e7f3;
  font-size: 12px;
  color: #3c4c6b;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ic-reviews__media-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ic-reviews__media-more {
  background: #dde5ff;
  font-weight: 600;
}

/* Рейтинг */
.ic-reviews__rating-row {
  display: flex;
  gap: 24px;
  align-items: center;
}

.ic-reviews__rating-circles {
  max-width: 255px;
  padding:0 50px 0 0;
  margin:0 50px 0 0;
border-right: 1px solid rgba(83, 89, 154, 0.10);
display: flex;
  flex-direction: column;
  align-items: center;
}

.ic-reviews__rating-stars {
  display: flex;
  align-items: center;
  gap: 4px;
}


.ic-reviews__rating-circle {
  width: 110px;
  height: 110px;
  border-radius: 50%;
   border: 6px solid #419047;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

.ic-reviews__rating-value {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  color: #1d2433;
}

.ic-reviews__rating-label {
  font-size: 13px;
  color: #69738b;
}

.ic-reviews__rating-bars {
  flex: 1;
}

.ic-reviews__rating-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 12px;
  color: #47516b;
}

.ic-reviews__rating-bar-label {
color: #419047;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.ic-reviews__rating-bar-track {
  flex: 1;
  height: 6px;
  border-radius: 30px;
background: rgba(135, 214, 141, 0.20);
  overflow: hidden;
}

.ic-reviews__rating-bar-fill {
  height: 100%;
	border-radius: 10px;
  background: #419047;
}

.ic-reviews__rating-bar-percent {
  width: 40px;
  text-align: right;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.48px;
}

/* Підзаголовок рейтингу */
.ic-reviews__rating-footer {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  flex-direction: column;
  
  align-items: center;
color: #53599A;
text-align: center;


font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}

.ic-reviews__rating-status {
color: #1E1E1E;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.ic-reviews__rating-count {
  color: #7c859c;
}

/* Теги */
.ic-reviews__tags {
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ic-reviews__tag {
  padding: 4px 8px;
 border-radius: 24px;
background: rgba(83, 89, 154, 0.10);
color: #1E1E1E;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}

/* Список відгуків */
.ic-reviews__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Картка відгуку */
.ic-review-card {

 border-top: 1px solid #0047A499;
  padding: 24px 0px;
  
}

/* Верх картки */
.ic-review-card__top {
  display: flex;
  gap: 24px;
  margin-bottom: 10px;
}

.ic-review-card__avatar-wrap {
  width: 64px;
  height: 64px;
  border-radius: 16px;
  overflow: hidden;
  flex-shrink: 0;
}

.ic-review-card__avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 56px;
}

.ic-review-card__head {
  flex: 1;
  display: flex;
  justify-content: space-between;
}

.ic-review-card__name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.rev-card__category {
  border-radius: 24px;
  background: rgba(83, 89, 154, 0.10);
  padding: 4px 8px;
  margin-left: 16px;
}

.ic-review-card__name {
  color: var(--Text-primary, #000);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.ic-review-card__flag {
  width: 20px;
  height: 14px;
  border-radius: 3px;
  object-fit: cover;
}

.ic-review-card__source {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  border-radius: 999px;
 color: var(--Text-primary, #000);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.ic-review-card__source-icon {
  width: 14px;
  height: 14px;
}

/* Лікар */
.ic-review-card__doctor-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 13px;
  margin-bottom: 4px;
}

.ic-review-card__doctor-name {
  color: #3c4c6b;
}

.ic-review-card__doctor-label {
  padding: 2px 8px;
  border-radius: 999px;
  background: #edf1ff;
  font-size: 11px;
  color: #4a5680;
}

/* Мета: дата + зірки */
.ic-review-card__meta-row {
  display: flex;
  align-items: center;
  gap: 12px;
color: var(--Text-primary, #000);
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 16.8px */
    flex-direction: column;
}

.ic-review-card__stars {
  color: #ffb400;
  letter-spacing: 1px;
}

/* Текст */
.ic-review-card__body {
  margin-top: 13px;
}

.ic-review-card__text {
  margin: 0 0 12px;
 overflow: hidden;
color: var(--Text-primary, #000);
text-overflow: ellipsis;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.ic-review-card__more-btn {
  margin-top: 4px;
  padding: 0;
color: #419047;
font-size: 16px;
border:none;
background:none;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
  cursor: pointer;
}

/* Фото в самому відгуку */
.ic-review-card__photos {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ic-review-card__photo {
  width: 80px;
  height: 60px;
  border-radius: 10px;
  overflow: hidden;
  background: #e3e7f3;
}

.ic-review-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Плюси/мінуси */
.ic-review-card__bullets {
  margin: 12px 0 0;
  padding-left: 16px;
  font-size: 13px;
  border-top: 1px solid rgba(83, 89, 154, 0.10);
  padding:12px 0 0;
}

.ic-review-card__bullet {
  margin-bottom: 4px;
  color: var(--Text-primary, #000);
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
list-style:none;  
display: flex;
  gap: 10px;
}


/* Футер картки */
.ic-review-card__footer {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #edf0fb;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  font-size: 12px;
}

.ic-review-card__footer-col {
  min-width: 200px;
}

.ic-review-card__footer-label {
  color: #7c859c;
  margin-bottom: 2px;
}

.ic-review-card__footer-value {
  color: #333c52;
  font-weight: 500;
}

/* Низ: кнопка + пагінація */
.ic-reviews__bottom {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ic-reviews__show-more {
  padding: 8px 20px;
  border-radius: 999px;
  border: 1px solid #d3ddff;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
  color: #2f6bff;
}

.ic-reviews__pagination {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ic-reviews__page {
  min-width: 30px;
  height: 30px;
  padding: 0 6px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
}

.ic-reviews__page--active {
  background: #2f6bff;
  color: #ffffff;
  border-color: #2f6bff;
}

.ic-reviews__page-dots {
  font-size: 14px;
  color: #7c859c;
}

/* Адаптив */
@media (max-width: 991px) {
  .ic-reviews__top {
    flex-direction: column;
  }

  .ic-reviews__illustration {
    order: -1;
  }
}

@media (max-width: 600px) {
  .ic-review-card__top {
    flex-direction: row;
  }

  .ic-reviews {
    padding: 16px 12px 24px;
  }
}




.ic-review-card__coordinator {
  padding: 12px 0 0;
  margin: 12px 0 0;
  border-top: 1px solid rgba(83, 89, 154, 0.10);
  color: var(--Text-primary, #000);
  
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.ic-review-card__coordinator span{
	color: #53599A;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}




/* Мегаменю Inside Clinics */
.ic-mega-nav > .ic-mega {
  /* position: static;  */
  z-index:9999
}

.ic-mega__dropdown {
  left: 0;
  right: 0;
  padding: 20px 30px;
  border-top: 0;
  margin-top: 0;
}

@media (min-width: 768px) {
  .ic-mega__dropdown {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, visibility .2s ease;
  }

  .ic-mega:hover > .ic-mega__dropdown,
  .ic-mega.open > .ic-mega__dropdown {
    opacity: 1;
    visibility: visible;
  }
}

/* Колонки всередині */
.ic-mega__col {
  margin-bottom: 15px;
}

.ic-mega__title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
  text-transform: none;
}

.ic-mega__list li {
  margin-bottom: 4px;
}

.ic-mega__list a {
  display: block;
  font-size: 13px;
  text-decoration: none;
  padding: 2px 0;
}

.ic-mega__list a:hover {
  text-decoration: underline;
}

/* На мобільному — як звичайний дропдаун */
@media (max-width: 767px) {
  .ic-mega-nav .dropdown-menu.ic-mega__dropdown {
    position: static;
    width: 100%;
    box-shadow: none;
  }

  .ic-mega__dropdown .col-sm-3 {
    width: 100%;
  }
}


#clinioks {
  position: relative;
  z-index: 99;
}
.clin-alldoc_title{
	display:flex;
	justify-content: space-between;
	align-items:center;
}
.clin-alldoc_title a{
	border-radius: 12px;
background: #FFF;
padding:8px 16px;
color: #033E8C;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; max-height: 41px;
}

.clin-alldoc_title a:hover{
	opacity:0.7
}

.titlealldoc{
	color: #1E1E1E;

/* Head/H2 */
font-family: "Open Sans";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom:20px;
max-width:700px;
}


.pagin {
  display: flex;
  justify-content: center;
}

.pagin ul{
	 display: flex;
	 gap:5px;
}
.pagin .pagination > li > span{
	border:none;
	border:1px solid #033E8C;
border-radius: 8px;
background: #033E8C;
	color: #fff;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px; 
}
.pagination > li > a:hover{
background: #033E8C;
	color: #fff;	
}
.pagination > li > a{
	color: #333;
	border:1px solid #033E8C;
border-radius: 8px;
background: #fff;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.pagin .pagination > li:last-child > a, .pagin .pagination > li:last-child > span {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

/* Многоточие в пагинации — не кнопка: без рамки/заливки/ховера, обычный курсор */
.pagin .pagination > li.ellipsis > span,
.pagination > li.ellipsis > span {
  border: none;
  background: transparent;
  color: #9aa4b2;
  cursor: default;
  pointer-events: none;
  letter-spacing: 0;
}
.pagin .pagination > li.ellipsis > span:hover,
.pagination > li.ellipsis > span:hover {
  background: transparent;
  color: #9aa4b2;
}


#menu{
	position:relative;
	 z-index: 99999;
}
/*меню */
.navbar-nav > li {
  position: relative;
}

.submenu {
  display: none;
  position: absolute;
  top: 100%;          /* рівень 2 виходить під "Клініки" */
  left: 0;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  min-width: 220px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  z-index: 99999;
}

/* 3-й і 4-й рівень з’їжджають вправо */
.level-3 {
  top: 0;
  left: 100%;
}

.level-4 {
  top: 0;
  left: 100%;
}

/* показувати підменю при наведенні */
.navbar-nav li:hover > .submenu {
  display: block;
}

/* стилі для пунктів */
.submenu li a {
  display: block;
  padding: 6px 18px;
  white-space: nowrap;
}
.submenu li a:hover {
  background: #f5f5f5;
}


.submenu li.has-sub a{display: flex; align-items: center;
  justify-content: space-between;}
  
  
  .ic-medassist-section {
  position:relative;
  z-index:999;
  padding: 40px 0px 80px;
 
}

.ic-medassist-inner {
  max-width: 1160px;
  margin: 0 auto;
}



/* ===== Верхній блок ===== */

.ic-medassist-top {
  display: flex;
  gap: 40px;
  align-items: center;
  margin-bottom: 70px;
}

.ic-medassist-top-illustration {
  flex: 0 0 40%;
  max-width: 47%;
}

.ic-medassist-illu-placeholder {
  width: 100%;
  min-height: 260px;


  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;

}

.ic-medassist-top-content {
  flex: 1;
}

.ic-medassist-title-main {
color: #033E8C;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin:0 0 24px;
padding:0;
}

.ic-medassist-subtitle-main {
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;
font-size: 16px;
margin-bottom:60px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.ic-medassist-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.ic-medassist-benefit-card {
  flex: 1 1 220px;
  max-width: 260px;
  background: #ffffff;
  border-radius: 18px;
  padding: 16px 16px;
  box-shadow: 0 10px 30px rgba(18, 52, 107, 0.06);
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.ic-medassist-benefit-card--wide {
  max-width: none;
  flex-basis: 100%;
  max-width: 370px;
  margin: 0 auto;
}

.ic-medassist-benefit-icon {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  background: #e4edff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #0f63f6;
  flex-shrink: 0;
}

.ic-medassist-benefit-title {
display: flex;
  align-items: center;
  color: #033E8C;

font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
letter-spacing: -0.2px;
}

.ic-medassist-benefit-desc {
color: #033E8C;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* ===== Нижній блок ===== */

.ic-medassist-bottom-header {
  margin-bottom: 36px;
}

.ic-medassist-title-secondary {
  margin: 0;
 color: #033E8C;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.ic-medassist-bottom-body {
  display: flex;
  gap: 40px;
  align-items: stretch;
}

.ic-medassist-steps {
  flex: 1 1 60%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.ic-medassist-step-card {
 border-radius: 24px;
border: 1px solid #FFF;
background: rgba(253, 254, 254, 0.20);
box-shadow: 0 16px 22px 0 rgba(3, 62, 140, 0.10);
backdrop-filter: blur(12px);
padding: 16px;
position:relative;
}

.ic-medassist-step-number {
  width: 34px;
  height: 34px;
  border-radius: 200px;
border: 0.5px solid #FFF;
background: #FFF;
backdrop-filter: blur(10px);
color: #033E8C;
text-align: center;
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 32px */
letter-spacing: -0.6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  position: absolute;
  top: -17px;
  left: -13px;
}

.ic-medassist-step-title svg{
	width:40px;
	margin-right:12px;
}
.ic-medassist-step-title {
 color: #033E8C;
margin-bottom:16px;
display:flex;
align-items:center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
letter-spacing: -0.2px;
}

.ic-medassist-step-desc {
color: #033E8C;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.ic-medassist-bottom-illustration {
  flex: 0 0 32%;
  display: flex;
  align-items: center;
  max-width: 40%;
}

.ic-medassist-illu-placeholder--steps {
  min-height: 260px;
}

/* ===== Адаптив ===== */

@media (max-width: 991px) {
  .ic-medassist-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .ic-medassist-top-illustration {
    width: 100%;
  }

  .ic-medassist-bottom-body {
    flex-direction: column;
  }

  .ic-medassist-bottom-illustration {
    order: -1;
    margin-bottom: 18px;
  }
}

@media (max-width: 768px) {
  .ic-medassist-section {
    padding: 40px 15px 50px;
  }

  .ic-medassist-title-main {
    font-size: 24px;
  }

  .ic-medassist-title-secondary {
    font-size: 20px;
  }

  .ic-medassist-benefits {
    flex-direction: column;
  }

  .ic-medassist-benefit-card,
  .ic-medassist-benefit-card--wide {
    max-width: 100%;
    flex-basis: 100%;
  }

  .ic-medassist-steps {
    grid-template-columns: 1fr;
  }
}


.hero-cta, .content_bottom{
	position:relative;
	z-index:999;
}


#block_first-home, .typo {
 
  z-index: 99;
  position: relative;
}



.ic-coord-section {
  background: #eef3fb;
  padding: 40px 0px 80px;
 
  color: #1e2a3c;
}

.ic-coord-inner {
  max-width: 1160px;
  margin: 0 auto;
}

/* Заголовок */

.ic-coord-header {
  text-align: center;
  margin-bottom: 40px;
}

.ic-coord-kicker {
color: var(--Text-primary, #000);
text-align: center;


margin-bottom:16px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

.ic-coord-title {
color: var(--Text-primary, #000);
text-align: center;

margin-bottom:16px;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.ic-coord-subtitle {
color: var(--Text-primary, #000);
text-align: center;

margin-bottom:40px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}

/* Сітка карток */

.ic-coord-grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

/* Картка */

.ic-coord-card {
  background: #ffffff;
  border-radius: 26px;
  padding: 16px;
  box-shadow: 0 20px 40px rgba(24, 52, 109, 0.09);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
border: 1px solid #FFF;
background: rgba(255, 255, 255, 0.60);
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
backdrop-filter: blur(5px);
}

.ic-coord-name {
color: #000;
text-align: center;
margin: 0 0 12px;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.ic-coord-photo-wrap {
  width: 132px;
  height: 132px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 12px;

}

.ic-coord-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ic-coord-role {
border-radius: 8px;
margin-bottom: 12px;
border: 1px solid rgba(3, 62, 140, 0.10);
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(12px);
padding:6px 12px;
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* Рейтинг */

.ic-coord-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 18px;
}

.ic-coord-rating-score {
  font-size: 14px;
  color: #364265;
}

.ic-coord-rating-stars {
  font-size: 14px;
}

.ic-coord-star {
  color: #d8dde8;
  margin-left: 1px;
}

.ic-coord-star--active {
  color: #ffc24b;
}

/* Блок досвіду/пацієнтів */

.ic-coord-meta {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom:12px;
 
}

.ic-coord-meta-item {
  text-align: left;
  flex: 1;
}
.ic-coord-meta-item:first-child{
	border-radius: 4px;
background: #DBF5EC;
padding:6px 8px;
text-align: center;
}

.ic-coord-meta-item:last-child{
border-radius: 4px;
background: #EFF4F8;
padding:6px 8px;
text-align: center;
}
.ic-coord-meta-label {
  display: block;
color: var(--Text-primary, #000);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
  margin-bottom: 2px;
}

.ic-coord-meta-value {
  display: block;
color: var(--Text-primary, #000);

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

/* Мови */

.ic-coord-langs {
  margin-top: auto;
  
  display: flex;
  gap: 10px;
  color: #1E1E1E;
text-align: center;

font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.ic-coord-lang {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* Адаптив */

@media (max-width: 1199px) {
  .ic-coord-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .ic-coord-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .ic-coord-section {
    padding: 50px 12px 60px;
  }

  .ic-coord-title {
    font-size: 22px;
  }

  .ic-coord-grid {
    grid-template-columns: 1fr;
  }
}

#information-contact h1{
	text-align:center;
	color: var(--Text-primary, #000);
text-align: center;

/* Head/H1 */
font-family: "Open Sans";
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 57.6px */
letter-spacing: -0.96px;
}
.text_l iframe {
border-radius: 40px;}
.text_l{
	margin:40px 0 80px;
}


.footer_menus {
    margin-bottom:24px;
}

.footer_menus__box {
 max-width:695px;
    margin: 0 auto;
 
    
    padding: 40px;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;

   border-radius: 26px;
background: #FFF;

/* тінь на картки */
box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
}

.footer_menu h4 {
   color: #000;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
letter-spacing: -0.2px;
}

.footer_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer_menu li {
    margin-bottom: 5px;
}

.footer_menu a {
   color: rgba(0, 0, 0, 0.80);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer_menu a:hover {
    color: #111;
}


.footer_menu:last-child {
  min-width: 230px;
}


.bloger {
    padding: 40px 0;
	position: relative;
	z-index: 999;
}




.treatbox{
  padding: 40px 16px;
  background: #f4f7ff; /* як на скріні */
}

.treatbox__card{
  max-width: 780px;
  margin: 0 auto;
  background: #fff;
  border-radius: 28px;
  padding: 36px 40px 28px;
  box-shadow: 0 24px 80px rgba(15, 23, 42, .08);
}

.treatbox__title{
  text-align:center;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 16px;
  color:#0f172a;
}

.treatbox__subtitle{
  text-align:center;
  font-size: 18px;
  font-weight: 700;
  margin: 18px 0 12px;
  color:#0f172a;
}

/* Select */
.treatbox__select{
  position: relative;
  display:flex;
  align-items:center;
  background:#f2f6ff;
  border-radius: 14px;
  padding: 0 44px 0 42px;
  height: 44px;
}

.treatbox__selectEl{
  width:100%;
  border:0;
  background:transparent;
  outline:none;
  font-size: 14px;
  color:#1e3a8a;
  appearance:none;
}

.treatbox__icon{
  position:absolute;
  left:14px;
  color:#1e3a8a;
  opacity:.9;
  display:flex;
}

.treatbox__chev{
  position:absolute;
  right:14px;
  color:#1e3a8a;
  opacity:.9;
  display:flex;
}

/* Pills */
.treatbox__pills{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap: 12px;
}

.treatbox__pill{
  position: relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 14px;
  border-radius: 14px;
  background:#f2f6ff;
  border: 1px solid #e6eeff;
  cursor:pointer;
  user-select:none;
}

.treatbox__pill input{
  width: 14px; height: 14px;
  accent-color:#0b4dbb;
}

.treatbox__pill span{
  font-size: 13px;
  color:#334155;
}

.treatbox__pill:has(input:checked){
  background:#0b4dbb;
  border-color:#0b4dbb;
}
.treatbox__pill:has(input:checked) span{
  color:#fff;
}

/* Search */
.treatbox__search{
  position: relative;
  display:flex;
  align-items:center;
  background:#f2f6ff;
  border-radius: 14px;
  height: 44px;
  padding-left: 42px;
}

.treatbox__input{
  width:100%;
  border:0;
  background:transparent;
  outline:none;
  font-size: 14px;
  color:#0f172a;
  padding-right: 14px;
}
.treatbox__input::placeholder{ color:#93a3b8; }

/* Chips */
.treatbox__chips{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  justify-content:center;
  padding-top: 8px;
}

.treatbox__chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 12px;
  border-radius: 14px;
  background:#f2f6ff;
  border:1px solid #e6eeff;
  cursor:pointer;
  user-select:none;
}

.treatbox__chip input{
  width: 14px; height: 14px;
  accent-color:#0b4dbb;
}

.treatbox__chip span{
  font-size: 13px;
  color:#334155;
}

.treatbox__chip:has(input:checked){
  background:#0b4dbb;
  border-color:#0b4dbb;
}
.treatbox__chip:has(input:checked) span{ color:#fff; }

.treatbox__more{
  padding: 10px 14px;
  border-radius: 14px;
  border:1px solid #0b4dbb;
  background:#fff;
  color:#0b4dbb;
  font-size: 13px;
  cursor:pointer;
}

/* Toggles */
.treatbox__toggles{
  display:flex;
  flex-wrap:wrap;
  gap: 12px;
  justify-content:center;
  padding-top: 8px;
}

.treatbox__toggle{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background:#f2f6ff;
  border:1px solid #e6eeff;
  cursor:pointer;
  user-select:none;
}

.treatbox__toggle input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.treatbox__switch{
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background:#c7d2fe;
  position:relative;
  flex: 0 0 auto;
  transition:.2s ease;
}
.treatbox__switch:before{
  content:"";
  width: 16px; height: 16px;
  border-radius:50%;
  background:#fff;
  position:absolute;
  top:2px; left:2px;
  transition:.2s ease;
  box-shadow: 0 6px 16px rgba(15, 23, 42, .18);
}
.treatbox__toggle:has(input:checked) .treatbox__switch{
  background:#0b4dbb;
}
.treatbox__toggle:has(input:checked) .treatbox__switch:before{
  left: 16px;
}

.treatbox__toggleText{
  font-size: 13px;
  color:#334155;
}

/* CTA */
.treatbox__cta{
  display:flex;
  justify-content:center;
  margin-top: 16px;
}

.treatbox__btn{
  padding: 10px 18px;
  border-radius: 10px;
  border: 2px solid #0b4dbb;
  background:#fff;
  color:#0b4dbb;
  font-weight: 700;
  cursor:pointer;
}

.treatbox__note{
  margin: 14px 0 0;
  font-size: 11px;
  color:#93a3b8;
  text-align:center;
  line-height: 1.5;
}

/* Responsive */
@media (max-width: 640px){
  .treatbox__card{ padding: 26px 16px 20px; border-radius: 22px; }
}




@media (max-width: 768px){
	.trustpilot, .header-soc {
  display: none;
}

#logo {
  width: 50%;
  margin: 0;
}


#menu .btn-navbar {
  font-size: 15px;
  font-stretch: expanded;
  color: #033E8C;
 
  border: none;
  box-shadow: none;
  margin: 0;
 display: flex;
    align-items: center;
    gap: 12px;
  border-radius: 12px;
  background: rgba(3, 62, 140, 0.05);
  padding: 10px 21px;
}

.phonebtn {
  display: none;
}

.heser-search {
  display: none;
  flex-shrink: 0;
}



.navbar-header {

  max-width: 120px;
    display: flex;
    align-items: center;

}#menu {margin:0;}

#menu #category{
	color: #033E8C;
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
padding: 0;
    margin: 0;
}
	
.items-blog, .home-topcats__grid  {
	grid-template-columns: repeat(1, 1fr);
}


.left-form-footer {
  display: none;
}

.righr-form-footer {
  width: 100%;
  padding: 16px;
}
	
}



.blag_diag{
border-radius: 8px;
  border: 1px solid rgba(3, 62, 140, 0.10);
  background: rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(12px);
  display: inline-block;
  overflow: hidden;
  color: #033E8C;
  text-overflow: ellipsis;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  padding: 6px 12px;
}

.mc1__facts.blage{
	justify-content: start;
	gap: 25px;
}
.blage .mc1-fact:first-child{
	border-right:1px solid rgba(83, 89, 154, 0.30);
	padding-right:45px
}
.mc1-fact-infor {
  color: #000;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
letter-spacing: -0.56px;

}


.more_blago_title {
  color: #1E1E1E;
  font-family: "Open Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.2px;
}


.more_blago_text {
  color: #1E1E1E;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
  margin-top:8px;
}


.uic-sumcard{
  display:flex;
  align-items:center;
  gap:22px;
  flex-direction: column;
  justify-content: center;
  padding:14px 18px;
  border-radius:14px;
  width: 100%;
 
}

.uic-sumcard__icons{
  display:flex;
  align-items:center;
  gap:22px;
}

.uic-sumcard__icon{
  width:64px;
  height:64px;
  border-radius:999px;
  background:#eef1f4;
  display:flex;
  align-items:center;
  justify-content:center;
}

.uic-sumcard__img{
  width:32px;
  height:32px;
  display:block;
}

.uic-sumcard__meta{
  text-align:center;
  line-height:1.15;
}

.uic-sumcard__days{
  font-size:16px;
  font-weight:500;
  color:#222;
  margin-bottom:4px;
}

.uic-sumcard__label{
  font-size:14px;
  font-weight:500;
  color:#1a66ff;
  text-decoration:none;
}

.uic-sumcard__label:hover{
  text-decoration:underline;
}



.uic-treat{
 
}

.uic-treat__title{
  margin:0 0 16px;
  font-size:22px;
  font-weight:700;
  color:#111827;
}

.uic-treat__wrap{
  position:relative;
  padding-bottom: 70px;
}

.uic-treat__viewport{
  overflow:hidden;
  
}

.uic-treat__track{
  /* display:flex; */
  /* gap:26px; */
  /* scroll-snap-type: x mandatory; */
  /* overflow-x:auto; */

  /* scroll-behavior:smooth; */
  /* -webkit-overflow-scrolling: touch; */
}
.uic-treat__track::-webkit-scrollbar{ height: 0; }

.uic-treat__card{
  flex: 0 0 calc((100% - 52px) / 3);
  min-width: 320px;
  background:#fff;
  border-radius:18px;
 
  scroll-snap-align:start;
  overflow:hidden;
}

.uic-treat__media{
  padding: 6px;
  background: transparent;
}
.uic-treat__photo{
  width:100%;
  height: 205px;
  object-fit:cover;
  border-radius:14px;
  display:block;
}

.uic-treat__body{
  padding: 10px 14px 12px;
}

.uic-treat__topline{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  padding: 2px 2px 8px;
}

.uic-treat__name{
color: #000;

font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.uic-treat__price{
color: #000;

/* Body/1 */
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;
}

.uic-treat__clinic{
  display:flex;
  gap:10px;
  align-items:center;
  padding: 10px 10px;
  background:#eef3f8;
  border-radius:12px;
}

.uic-treat__clinic-ava{
width: 89px;
  height: 56px;
  border-radius: 10px;
  overflow: hidden;
  flex: 0 0 89px;
}
.uic-treat__clinic-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.uic-treat__clinic-title{
  display:inline-block;
color: #033E8C;

/* Body/2 */
font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.uic-treat__clinic-title:hover{ text-decoration:underline; }

.uic-treat__rating{
  margin-top:4px;
  display:flex;
  gap:2px;
  line-height:1;
}
.uic-treat__star{
  font-size:12px;
  color:#cbd5e1;
}
.uic-treat__star--on{
  color:#f6c338;
}

.uic-treat__bottom{
  margin-top:10px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding: 6px 4px 2px;
}

.uic-treat__kv{
  flex:1 1 0;
  text-align: center;
  min-height:60px;
}
.uic-treat__k{
color: #000;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.uic-treat__v{
color: #033E8C;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.uic-treat__link{
  color:#033E8C;
  text-decoration:none;
}
.uic-treat__link:hover{ text-decoration:underline; }

.uic-treat__sep{
  width:1px;
  height:34px;
  background:#e5e7eb;
  flex:0 0 1px;
  margin-top:2px;
}

/* arrows (right bottom like screenshot) */
.uic-treat__nav{
  position:absolute;
  right: 16px;
 bottom: -4px;
  display:flex;
  gap:10px;
  z-index:3;
}

.uic-treat__btn{
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid #2b6cff;
  background:#ffffff;
  color:#2b6cff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  line-height:1;
}
.uic-treat__btn:hover{
  background:#2b6cff;
  color:#fff;
}

/* dots/progress bottom left */
.uic-treat__pager{
  display:flex;
  gap:8px;
  align-items:center;
  padding: 10px 6px 0;
}

.uic-treat__dot{
  width:42px;
  height:5px;
  border-radius:999px;
  background:#c7d3e6;
  cursor:pointer;
  border:0;
  padding:0;
}
.uic-treat__dot.is-active{
  background:#2b6cff;
}

/* responsive: 2 cards */
@media (max-width: 1024px){
  .uic-treat__card{ flex-basis: calc((100% - 26px) / 2); }
}

/* responsive: 1 card */
@media (max-width: 640px){
  .uic-treat__card{ flex-basis: 100%; }
  .uic-treat__nav{ right: 10px; }
}


.cyhildre{
	font-size: 25px;
	margin-bottom:10px;
	margin-top:10px;
}



.blago {

  position: relative;
  z-index: 99;
}

.blago__container{
 margin-bottom:40px;
}

.blago__title{
  margin:0 0 6px;
  font-size:22px;
  line-height:1.2;
  font-weight:700;
  color:#111;
  margin-bottom: 25px;
}

.blago__subtitle{
  margin:0 0 16px;
  font-size:13px;
  line-height:1.4;
  color:#222;
}

.blago__carousel{
  overflow:hidden;
}

.blago__track{
  align-items:center;
}

.blago__slide{
  width:auto;              /* важливо для slidesPerView:'auto' */
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
}

.blago__slide img{
  display:block;
  height:56px;             /* підганяй під свій макет */
  width:auto;
}



/* ===== Block ===== */
.uch-heroes{

  padding:28px 0 22px;
}
.uch-heroes__container{}
.uch-heroes__title{margin:0 0 28px;font-size:26px;line-height:1.15;font-weight:700;color:#111;}

.uch-heroes__filters{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:26px;
  align-items:end;
}
@media (max-width: 980px){
  .uch-heroes__filters{grid-template-columns:1fr;gap:14px;}
  .uch-heroes__title{font-size:26px;}
}
.uch-heroes__label{margin:0 0 8px;font-size:14px;color:#2b2b2b;font-weight:500;}

/* ===== Range ===== */
.uch-heroes__field--range .uch-heroes__label{margin-bottom:10px;}
.uch-heroes__range-badges{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.uch-heroes__badge{font-size:12px;color:#2b3a55;background:#e1e7f2;padding:4px 10px;border-radius:999px;}
.uch-heroes__range-ui{position:relative;height:22px;display:flex;align-items:center;}
.uch-heroes__range-track{position:absolute;left:0;right:0;height:4px;background:#cfd8ea;border-radius:999px;}
.uch-heroes__range-fill{position:absolute;height:4px;background:#0d3b8c;border-radius:999px;left:0;width:40%;}
.uch-heroes__range-input{
  -webkit-appearance:none;appearance:none;
  width:100%;height:22px;background:transparent;position:absolute;left:0;margin:0;
  pointer-events:none;
}
.uch-heroes__range-input::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;pointer-events:auto;
  width:18px;height:18px;background:#0d3b8c;border-radius:50%;
  box-shadow:0 6px 16px rgba(13,59,140,.25);
  border:2px solid #fff;
}
.uch-heroes__range-input::-moz-range-thumb{
  pointer-events:auto;width:18px;height:18px;background:#0d3b8c;border-radius:50%;
  border:2px solid #fff;box-shadow:0 6px 16px rgba(13,59,140,.25);
}
#uchRangeMax{z-index:3;}
#uchRangeMin{z-index:2;}

/* ===== Dropdown ===== */
.uch-heroes-dd{position:relative;}
.uch-heroes-dd__control{
  width:100%;
  height:52px;
  border:0;
  border-radius:999px;
  background:#eef2f9;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
  cursor:pointer;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.uch-heroes-dd__control:focus{
  outline:none;
  box-shadow: 0 0 0 3px rgba(0,82,204,.18), inset 0 1px 0 rgba(255,255,255,.7);
}
.uch-heroes-dd__value{
  color:#9db2d8;
  font-size:15px;
  flex:1;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.uch-heroes-dd.is-selected .uch-heroes-dd__value{color:#1b2a4a;font-weight:500;}
.uch-heroes-dd.is-open .uch-heroes-dd__control{
  box-shadow: 0 0 0 3px rgba(0,82,204,.14), inset 0 1px 0 rgba(255,255,255,.7);
}

/* panel */
.uch-heroes-dd__panel{
  position:absolute;
  left:0; right:0;
  top:calc(100% + 10px);
  background:#fff;
  border-radius:18px;
  box-shadow:0 18px 40px rgba(15,35,75,.12);
  padding:10px;
  display:none;
  z-index:150;
}
.uch-heroes-dd.is-open .uch-heroes-dd__panel{display:block;}

/* search inside */
.uch-heroes-dd__search{
  display:flex;
  align-items:center;
  gap:10px;
  background:#f2f5fb;
  border-radius:14px;
  padding:10px 12px;
  margin-bottom:8px;
}
.uch-heroes-dd__input{
  border:0;
  background:transparent;
  outline:none;
  font-size:14px;
  width:100%;
  color:#1b2a4a;
}
.uch-heroes-dd__input::placeholder{color:#9db2d8;}

/* list */
.uch-heroes-dd__list{
  list-style:none;
  margin:0;
  padding:0;
  max-height:210px;
  overflow:auto;
}
.uch-heroes-dd__item{
  padding:10px 12px;
  border-radius:12px;
  cursor:pointer;
  font-size:14px;
  color:#1b2a4a;
}
.uch-heroes-dd__item:hover,
.uch-heroes-dd__item.is-active{
  background:#eef4ff;
}
.uch-heroes-dd__empty{
  padding:10px 12px;
  font-size:13px;
  color:#8aa0c8;
}

/* icons (pure css) */
.uch-heroes-dd__ico{
  width:22px;height:22px;display:inline-block;position:relative;flex:0 0 22px;
}
.uch-heroes-dd__ico--search:before{
  content:"";position:absolute;inset:0;margin:auto;
  width:12px;height:12px;border:2px solid #0d3b8c;border-radius:50%;
  top:2px;left:2px;
}
.uch-heroes-dd__ico--search:after{
  content:"";position:absolute;width:8px;height:2px;background:#0d3b8c;
  transform:rotate(45deg);right:2px;bottom:4px;border-radius:2px;
}
.uch-heroes-dd__ico--chev:before{
  content:"";position:absolute;width:8px;height:8px;
  border-right:2px solid #0d3b8c;border-bottom:2px solid #0d3b8c;
  transform:rotate(45deg);right:6px;top:7px;opacity:.85;
}



.uch-statbar{
  position: relative;
  height: 34px;
  border-radius: 12px;
  background: #edf1f8;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 0 14px;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
   grid-column: 1 / -1; 
}

.uch-statbar__track{
  position: absolute;
  inset: 0;
}

.uch-statbar__fill{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(90deg, #7bd3ff 0%, #9a7bff 55%, #c0a3ff 100%);
  opacity: .95;
}

.uch-statbar__left{
  position: relative;
  z-index: 2;
  font-size: 12px;
  color: #1d2b44;
  padding-left: 2px;
  white-space: nowrap;
}

.uch-statbar__right{
  position: relative;
  z-index: 2;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1d2b44;
  font-size: 12px;
  white-space: nowrap;
}

.uch-statbar__icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(255,255,255,.55);
}

.uch-statbar__icon svg{display:block}





/* Коментарі */
#charityComments .chc-grid{display:grid;grid-template-columns:1fr 420px;gap:18px;align-items:start}
#charityComments .chc-title{margin:0 0 12px;font-weight:800}
#charityComments .chc-item{display:grid;grid-template-columns:72px 1fr 140px;gap:14px;padding:14px;border-radius:16px;margin-bottom:12px}
#charityComments .chc-ava{width:56px;height:56px;border-radius:50%;object-fit:cover}
#charityComments .chc-name{font-weight:700; color: 

/* Body/1 */
font-family: "Open Sans";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 28px */
letter-spacing: -0.6px;}
#charityComments .chc-country img{margin-right:10px}
#charityComments .chc-country{opacity:.75;font-size:12px;margin-top:2px; color: var(--Text-primary, #000);

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;}
#charityComments .chc-date{opacity:.7;font-size:12px;text-align:right;margin-top:4px}

#charityComments .chc-text{margin-top:10px;opacity:.9;line-height:1.45;overflow:hidden;



font-family: "Open Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
#charityComments .chc-text.is-open{max-height:none}
#charityComments .chc-more{margin-top:8px;background:none;border:0;color:#2e7d32;cursor:pointer;padding:0;font-size:13px}

#charityComments .chc-actions{display:flex;justify-content:center;margin:14px 0}
#charityComments .chc-btn-more{padding:10px 14px;border-radius:10px;border:1px solid #cfd8e3;background:#fff;cursor:pointer}

#charityComments .chc-formbox{background:#fff;border-radius:20px;padding:16px}
#charityComments .chc-inp,#charityComments .chc-ta,#charityComments .chc-sel{width:100%;border:0;background:#eef3fb;border-radius:12px;padding:12px 12px;margin-bottom:10px}
#charityComments .chc-row{}
#charityComments .chc-submit{margin-top:6px;padding:12px 14px;border-radius:12px;border:0;background:#0b3a8d;color:#fff;cursor:pointer}
#charityComments .chc-msg{margin-top:10px;font-size:13px;opacity:.8}

@media(max-width:980px){
  #charityComments .chc-grid{grid-template-columns:1fr}
  #charityComments .chc-item{grid-template-columns:72px 1fr}
  #charityComments .chc-right{display:none}
}


#charityComments {
  margin-bottom: 0px;
}
.chc-title{font-size:22px;}


/* ====== UNIQUE STYLES: ub-don-* ====== */
.ub-don-section{
 padding: 0px 0px;
}
.ub-don-wrap{
 
}

.ub-don-card{
border-radius: 24px;
border: 2px solid #FFF;
background: rgba(243, 246, 252, 0.10);
box-shadow: 0 3px 6px 0 #FFF inset;
  overflow: hidden;
}

.ub-don-card__grid{
  display: grid;
  grid-template-columns: 260px 1fr 360px;
  gap: 32px;
  padding: 18px;
  align-items: stretch;
}

/* LEFT IMAGE */
.ub-don-card__media{
  border-radius: 14px;
  overflow: hidden;

}
.ub-don-card__img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  min-height: 180px;
}

/* CENTER */
.ub-don-card__body{
  padding: 2px 0;
}
.ub-don-card__titleRow{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
.ub-don-card__title{
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 600;
color: #033E8C;


}
.ub-don-card__flag{
  font-size: 18px;
  margin-left:10px;
  vertical-align: middle;
}

.ub-don-card__flag img{

  margin-top: -5px;
}

.ub-don-card__tagRow{ margin: 12px 0 15px; }
.ub-don-card__tag{
border-radius: 8px;
border: 1px solid rgba(3, 62, 140, 0.10);
background: rgba(255, 255, 255, 0.60);
backdrop-filter: blur(12px);
padding:6px 12px;
overflow: hidden;
color: #033E8C;
text-overflow: ellipsis;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
margin:6px 0 12px;
}

.ub-don-card__text{
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.45;
  color: #4b5d7a;
  max-width: 520px;
}

/* PROGRESS */
.ub-don-card__progress{ margin: 4px 0 12px; }
.ub-don-card__progressTop{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 6px;
  gap: 10px;
}
.ub-don-card__sum{
  font-size: 12px;
  color: #0f2f6a;
  font-weight: 800;
  background: #eaf2ff;
  border: 1px solid rgba(15,47,106,.12);
  padding: 4px 8px;
  border-radius: 10px;
}
.ub-don-card__goal{
  font-size: 12px;
  color: #6a7ea3;
  font-weight: 700;
}
.ub-don-card__bar{
  height: 10px;
  border-radius: 999px;
  background: #e6efff;
  border: 1px solid rgba(15,47,106,.10);
  overflow: hidden;
}
.ub-don-card__barFill{
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #2f7bff, #8a6cff);
}

/* ACTIONS */
.ub-don-card__actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.ub-don-card__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid rgba(47,123,255,.35);
  background: #ffffff;
  color: #1b57c7;
  font-weight: 800;
  font-size: 13px;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(47,123,255,.10);
  transition: transform .12s ease, box-shadow .12s ease;
}
.ub-don-card__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(47,123,255,.16);
}

/* Social pills */
.ub-don-card__social{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ub-don-card__soc{
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;

}
.ub-don-card__soc--ig:hover, .ub-don-card__soc--ig:focus{
	opacity:.7;
}

.ub-don-card__soc--ig{ color: #d62976; }
.ub-don-card__soc--tt{ color: #111; }
.ub-don-card__soc--yt{ color: #ff0000; }

/* RIGHT SIDE */
.ub-don-card__side{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 6px;
}

.ub-don-card__meta{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-top: 4px;
}
.ub-don-card__metaItem{
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 35%;
}
.ub-don-card__metaIcon{
  width: 30px;
  height: 30px;


  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.ub-don-card__metaText{ min-width: 0; }
.ub-don-card__metaTop{
 font-size: 14px;
  font-style: normal;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.ub-don-card__metaSub{
color: #033E8C;
text-align: center;

/* Label/1 */
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}

.ub-don-card__line{
	width:1px;
height:100%;
background:rgba(83, 89, 154, 0.30);

}

/* Thumbs */
.ub-don-card__thumbs{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}
.ub-don-card__thumbGrid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  flex: 1;
}
.ub-don-card__thumb{
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 10px;
  object-fit: cover;
  display: block;
  border: 1px solid rgba(15,47,106,.10);
}

.ub-don-card__daysLeft{
width:100%;
text-align:center;
}
.ub-don-card__daysNum{
color: #1E1E1E;
text-align: center;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}
.ub-don-card__daysLbl{
color: #033E8C;
text-align: center;

/* Label/1 */
font-family: "Open Sans";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.48px;
}


.ub-status {
  width: 100%;
  max-width: 900px;
  margin: 20px auto;
}

.ub-status__track {
  position: relative;
  height: 40px;
border-radius: 12px;
border-bottom: 1px solid rgba(83, 89, 154, 0.10);
background: rgba(3, 62, 140, 0.05);

  overflow: hidden;
  padding: 4px;
  box-sizing: border-box;
}

.ub-status__fill {
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(90deg, #5bbcff 0%, #b6a5ff 100%);
  display: flex;
  align-items: center;
  padding-left: 16px;
  box-sizing: border-box;
}

.ub-status__value {
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.ub-status__value--left {
overflow: hidden;
color: #000;
text-overflow: ellipsis;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.ub-status__value--right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
color: #000;
text-overflow: ellipsis;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
}

.mc1-avatar img {
  width:320px;
  height: 320px;
  object-fit: cover;
  
  border-radius: 10%;
}


.ub-don-wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ub-don-card__photos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.ub-don-card__ph img {
  object-fit: cover;
  width: 80px;
  height: 80px;
  border-radius: 10px;
}



/* ====== RESPONSIVE ====== */
@media (max-width: 1020px){
  .ub-don-card__grid{
    grid-template-columns: 240px 1fr;
    grid-template-areas:
      "media body"
      "side  side";
  }
  .ub-don-card__media{ grid-area: media; }
  .ub-don-card__body{ grid-area: body; }
  .ub-don-card__side{ grid-area: side; padding-left: 0; }
}

@media (max-width: 720px){
  .ub-don-card__grid{
    grid-template-columns: 1fr;
    gap: 12px;
	
	display: flex;
    flex-direction: column;
  }
  .ub-don-card__thumbGrid{
    grid-template-columns: repeat(6, 1fr);
  }
  .ub-don-card__thumbs{
    flex-direction: column;
    align-items: stretch;
  }
  .ub-don-card__daysLeft{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .ub-don-card__daysLbl{ margin: 0; }
}

.heser-btn-mob, .heser-search-mob{display:none;}


.ub-don-card__tagRow button {
  font-size: 15px;
  padding: 5px 15px;
  margin-left: 15px;
  border-radius: 8px;
}

.mc1-btn.mc1-btn--secondary.mc1-btn--inactive {
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #E5BF0099;
  background: rgba(255, 255, 0, 0.2);
}


.mc1-btn.mc1-btn--secondary.mc1-btn--close {
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #E5000099;
  background: rgba(255, 0, 0, 0.2);
}

.blag_le {
  display: flex;
  gap: 10px;
}

.blag_le .mc1-btn{
	
	  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;

  background: rgba(255, 0, 0, 0.2);
  padding: 4px 12px;
  margin: 0;

}

@media (max-width: 768px){	
	.heser-btn-mob, .heser-search-mob{display: flex; gap: 5px;
    margin-top: -10px;}
	.ub-don-card__daysNum {
  order: 2;
}
	
	.blag_le {
  display: flex;
  gap: 10px;
  justify-content: center;
}
	
	
	.heser-btn-mob a{
		z-index: 1;
  position: relative;
border-radius: 12px;
border: 1px solid #033E8C;
background: #F6F9FD;
box-shadow: 0 4px 10px 0 rgba(83, 89, 154, 0.20);
padding: 9px 21px;
border-radius: 12px;
/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;
	}
	
	
	.heser-btn-mob a:hover{
		color:#F6F9FD;
		background:#033E8C;
	}
	
	.tabs-folder-hero ul.nav.nav-tabs {
    display: flex;
  
  
  }
  
  
  #block_tab-home .tab-content {
  margin-top: 23px;
}


.tabs-folder-hero ul.nav.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  border-bottom: 1px solid #9999;
  padding: 0 0 10px;
  margin: 0 0 10px;
  width: 33%;
    text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}
	.tabs-folder-hero ul.nav.nav-tabs > li.active{ border-bottom: 2px solid #033e8c;}
	.nav-tabs > li.active > a.item, .nav-tabs > li.active > a.item:focus, .nav-tabs > li.active > a.item:hover, .nav-tabs > li > a.item.clur, .nav-tabs > li > a.item.later, .nav-tabs > li > a.item{
		background: none;
    color: #033e8c;
    font-size:13px;
    margin: 0;
    margin-bottom: 0px;
    padding: 0 15px;
    border: none;
	text-decoration:none;
	color: #033e8c;
    left: auto;
   }
   
   .nav-tabs > li.active > a.item{
	   font-weight:700;
	   color: #033e8c;
   }
   
	#tab1::before{
		background:none;
	}
	 #tab2 {
    background: #f0fbff;
    padding: 25px;
  }
  
  #tab3 {
    background: none;
    padding: 25px;
    background: #e0fcff;
  }
  
  .nav-tabs > li.active > a.item.clur, .nav-tabs > li.active > a.item.clur:focus, .nav-tabs > li.active > a.item.clur:hover, .nav-tabs > li.active > a.item.later, .nav-tabs > li.active > a.item.later:focus, .nav-tabs > li.active > a.item.later:hover{
	  background:none;
	  color: #033e8c;
  }
  
  .item-tab{
	  height:125px;
	  align-items:center;
  }
	
	.items-tab{
		flex-direction: column;
	}
	.tab-content .tab-pane {
		padding: 25px 25px;
  border-radius: 16px;
	}
	
	.tabs-folder-hero .nav-tabs > li a:after{display:none;}
	
	
	.hero-cta__wrap{
		display: block;
	}
	.hero-cta__desc{
		display: none;
	}
	.contact-mini2 {
 
  flex-direction: column;
}
.contact-mini2__btn{
	width:100%;
	margin:0;
}
.hero-cta__left{
	margin-bottom: 5px;
}
#block_fawor-home h3{
	margin-bottom: 10px;
	margin-top: 0;
}
.swiper-pager_f {
	margin-top: 10px;
}

.ub-don-card__tagRow {
 
  display: flex;
  flex-direction: column;
  margin: 0;
}
.ub-don-card__tagRow button{margin-left:0; text-align: left;
margin-bottom:10px;}
	
	
	.all-footer {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.footer_menus__box{
	grid-template-columns: repeat(1, 1fr);
	padding: 10px 0px 20px 25px;
	gap: 0;
}

.all-botom-f {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 10px;
}

.bg-footer::before{background:none;}
	
#block_faq-home {	
max-width: 100%;
margin: 5px;
padding: 0px 10px;
}
.doc_list__image.incat {
  position: absolute;
  right: 0;
  top: -165px;
  z-index: -1;
  width: 100%;
}

.title-tab, #tab3 .title-tab {
	font-size: 22px;
	margin-bottom: 10px;
}

#tab2::before{
	background: rgba(109, 151, 205, 0.5);
	border-radius: 16px;
}

#tab3::before{
	background: #e0fcff;
	border-radius: 16px;
}

.text-tab{
	margin-bottom: 10px;
	line-height: 115%;
}

.top-blog{
	flex-direction: column;
}
.mc1__container{
	padding: 20px 20px 0;
	gap: 10px;
}

.blage .mc1-fact:first-child {
	width: 50%;
}

.uic-sumcard{gap: 10px;}

#block_blog-home h3 {
	margin-bottom: 4px;
}
 #block_blog-home h3 {
	 font-size: 18px;
	 margin-top: 0;
 }

.all-blog{
margin-bottom: 10px;
    font-size: 14px;
    padding: 4px 14px;
    height: 31px;

    border: 1px solid;
    margin-top: 9px;
}

.hero-cta{
	padding: 20px 0 0;
}

.uic-treat__body {
  padding: 0px 14px 12px;
}

.btn-send{
	width: 100%;
}

.uic-treat__wrap{
	padding-bottom:0;
}
.uic-treat__bottom{
	margin-top:0;
	padding-top:0;
	height: 40px;
}

}

.uic-treat__head {
  position: relative;
}


.mc2 .panel {
  margin-bottom: 10px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
  border: none;
}

.mc2 .panel-default > .panel-heading {
  border-radius: 6px;
  
}


@media (max-width: 884px){
.clinic-tabs{
	display:none;
}
.mc1__container{
	grid-template-columns: 1fr;
}
.mc1__title{
	text-align:center;
}
.mc1__left{
	order:1;
}

.mc1__avatar{
	order:0;
}

.mc1__right{
	order:4;
}

.uch-statbar{
	order:3;
	margin-top: 15px;
}

.uic-treat {
  position: relative;
}

.swiper-container-horizontal > .swiper-pagination-bullets{
	display: none;
}

.header-top {
	padding: 0 10px;
	margin-bottom: 15px;
}
#form-language .dropdown-menu{
	left: -82px;
}

.doc_list__image img{
	max-width:100%;
}

.cyhildre, .blago__title{
font-size: 22px;
}
.uch-heroes__title{font-size: 22px;}
.doc_list__btn{
	width: 100%;
  text-align: center;
}
.doc_list__desc {
  font-size: 15px;
}
	
}




.modal{
	z-index: 100050;
}


/* ===== THANKS MODAL (Bootstrap 3) ===== */
.ub-thx-modal .modal-dialog.ub-thx-modal__dialog{
  width: 440px;
  max-width: calc(100% - 24px);
  margin: 8vh auto;
}

/* ===== liquid glass ===== */
.ub-thx-modal .modal-content.ub-thx-modal__content{
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 32px;
  background: rgba(11,79,168,.62); /* фірмовий синій напівпрозорий — білий текст читається на будь-якому фоні */
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%);
  box-shadow: 0 28px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.4);
  position: relative;
  overflow: hidden;
}
/* fallback when backdrop-filter is unsupported */
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))){
  .ub-thx-modal .modal-content.ub-thx-modal__content{ background: #0b4fa8; }
}

.ub-thx-modal__glow{
  position: absolute;
  top: -30px; left: -20px; right: -20px; height: 70px;
  background: rgba(255,255,255,.35);
  filter: blur(18px);
  pointer-events: none;
}

.ub-thx-modal .modal-body.ub-thx-modal__body,
.ub-thx-modal__body{
  position: relative;
  padding: 34px 30px 26px;
  text-align: center;
}

.ub-thx-modal__check{
  width: 58px; height: 58px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: rgba(29,158,117,.95);
  border: 1px solid rgba(255,255,255,.5);
  display: flex; align-items: center; justify-content: center;
}
.ub-thx-modal__check svg{ width: 30px; height: 30px; }

.ub-thx-modal__title{
  font-size: 25px;
  line-height: 1.15;
  font-weight: 700;
  color: #fff;
  margin: 0 0 8px;
}

.ub-thx-modal__badge{
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 13.5px; font-weight: 600; color: #fff;
  background: rgba(255,255,255,.2);
  padding: 7px 14px; border-radius: 20px;
  margin-bottom: 20px;
}
.ub-thx-modal__badge svg{ width: 15px; height: 15px; }

.ub-thx-modal__steps{
  display: flex; flex-direction: column; gap: 9px;
  margin-bottom: 20px; text-align: left;
}
.ub-thx-modal__step{
  display: flex; align-items: center; gap: 12px;
  background: rgba(255,255,255,.13);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 15px; padding: 11px 14px;
}
.ub-thx-modal__step-ico{
  flex: none; width: 30px; height: 30px; border-radius: 50%;
  background: rgba(255,255,255,.92);
  display: flex; align-items: center; justify-content: center;
}
.ub-thx-modal__step-ico svg{ width: 17px; height: 17px; }
.ub-thx-modal__step-txt{ font-size: 13.5px; line-height: 1.3; color: #fff; }

.ub-thx-modal__or{ display: flex; align-items: center; gap: 10px; margin-bottom: 13px; }
.ub-thx-modal__or::before,
.ub-thx-modal__or::after{ content: ""; flex: 1; height: 1px; background: rgba(255,255,255,.3); }
.ub-thx-modal__or span{ font-size: 12.5px; color: rgba(255,255,255,.85); white-space: nowrap; }

.ub-thx-modal__msgs{ display: flex; gap: 8px; margin-bottom: 20px; }
.ub-thx-modal__msg{
  flex: 1; display: flex; align-items: center; justify-content: center;
  text-decoration: none; color: #fff; font-size: 13.5px; font-weight: 600;
  height: 44px; border-radius: 13px;
}
.ub-thx-modal__msg--wa{ background: rgba(37,211,102,.92); }
.ub-thx-modal__msg--tg{ background: rgba(34,158,217,.95); }
.ub-thx-modal__msg--vb{ background: rgba(115,96,242,.92); }
.ub-thx-modal__msg:hover{ filter: brightness(1.06); }

.ub-thx-modal__btn{
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; height: 50px; border: 0; border-radius: 14px;
  background: rgba(255,255,255,.94); color: #0A3A63;
  font-weight: 600; font-size: 15px; text-decoration: none; cursor: pointer;
}
.ub-thx-modal__btn svg{ width: 19px; height: 19px; }
.ub-thx-modal__btn:hover{ filter: brightness(0.97); }
.ub-thx-modal__btn:active{ transform: translateY(1px); }

.ub-thx-modal__privacy{
  margin-top: 13px;
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: rgba(255,255,255,.7);
}
.ub-thx-modal__privacy svg{ width: 14px; height: 14px; }

.ub-thx-modal__close{
  position: absolute;
  top: 14px; right: 16px;
  width: 34px; height: 34px;
  border: 0;
  background: rgba(255,255,255,.22);
  border-radius: 50%;
  font-size: 20px; line-height: 34px;
  color: #fff; cursor: pointer; z-index: 2;
}
.ub-thx-modal__close:hover{ background: rgba(255,255,255,.35); }

/* Backdrop */
.ub-thx-modal.modal .modal-backdrop,
.modal-backdrop.in{ opacity: .55; }

/* Mobile */
@media (max-width: 480px){
  .ub-thx-modal .modal-dialog.ub-thx-modal__dialog{ margin: 5vh auto; }
  .ub-thx-modal .modal-content.ub-thx-modal__content{ border-radius: 26px; }
  .ub-thx-modal__body{ padding: 28px 18px 22px; }
  .ub-thx-modal__title{ font-size: 22px; }
}

#carousel_f .title-clin{
	margin: 0 auto 10px auto;
}

#block_fawor-home .swiper-viewport {
  margin: 0 0 20px;
}

@media (max-width: 768px){


.gal__wrap {
  border-radius: 26px;
  border: 2px solid #FFF;
  background: rgba(249, 252, 255, 0.70);
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
  backdrop-filter: blur(22px);
  padding: 10px 10px;
  margin: 20px 0;
}


footer {
	margin: 20px 0 0px 0;
}

.mc2 {
margin-bottom: 20px;
}


.home-bock-content {
  max-width: 619px;
  padding: 14px 0 0 0;
}
.home-block-title {
	font-size: 26px;
	padding-left: 10px;
  
}
.bg-home {

background-size: contain;
background-position-y: 18px;
  
}
.block_first-text{
	margin: 10px 0 20px;
}
.block_first-rew{
	gap: 10px;
}
.home-block-text{
	font-size: 15px;
	margin: 16px 0 6px;
}

.contact-mini{
	flex-direction: column;
}
.contact-mini__col.contact-mini__col--phone, .contact-mini__col.contact-mini__col--channels, .contact-mini__col.contact-mini__col--action, .contact-mini__col.contact-mini__col--action button{
  width: 100%;
}

.channel-picker__btn {

  margin-left: 10px;
}

.c-sm-6:first-child {
  display: none;
}

.bg-home {
	min-height: 0px;
	background: none;
}

.block_first-all{
	margin: 0px 0 0 0;
}

.block_first-title{
	font-size: 20px;
	padding-left: 10px;
  }
}

.block_first-text{
	font-size: 14px;
}

.block_first-info-item{
	font-size: 14px;
}

#block_fawor-home {
  margin: 0px auto;
}

#block_fawor-home {
  margin: 20px auto;
}




/* .ic-reviews__rating-row, .ic-reviews__header { */
	/* flex-direction: column; */
/* } */

.ic-reviews__rating-circles{
	padding: 0;
  margin: 0;
  border: none;
}

.ic-review-card__name-row {
	flex-direction: column;
  align-items: start;
}
.ic-review-card__meta-row {
	font-size: 10px;
	min-width: 109px;
    margin-top: 9px;
}

.ic-review-card__source{
	font-size:12px;
	padding:0;
}

.rev-card__category{
	margin: 0 0 5px;
}

.ic-review-card__stars svg{
	width: 15px;
}


.kons.breadcrumb {
background: rgba(255, 255, 255, .8);
margin: 0px 0 40px;
}

.bg-toper-mc {
  margin-top: 10px;
}


  .clinic-tabs {
    display: flex;
 
    align-items: start;
    overflow: auto;
    width: 100%;
    border: none;
    margin: 20px 0 0px;
  }
  
  
  .clinic-tabs a {
  padding: 2px 5px 0px 5px;
  color: #1E1E1E;
  text-align: center;
  border-bottom: 1px solid #fff;
  font-family: "Open Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  min-width: auto;
  line-height: 150%;
  display: block;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 10px;
  border: none;
  
}



  .clinic-tabs.fixeted {
    position: fixed;
	padding-left: 10px;
    top: 0;
    left: 0;
    width: 100%;
	margin:0;
    z-index: 999;
    background: #fff;
	border-bottom: 1px solid #FFF;
 box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1);
  }

  .clinic-tabs a.active{
	  color: #033E8C;
    text-align: center;
    border-bottom: 2px solid #033E8C;
  }
  
  #search {
  margin-bottom: 10px;
  width: 100%;
}

.mnav-item-blag{
	
	margin:0 auto;
	max-width:250px;
	border-radius:6px;
}

.mnav-link.white {
  ⁨border-radius: 6px;
  border: 1px solid #033E8C;
  background: #F6F9FD;
  box-shadow: 0 4px 10px 0 rgba(83, 89, 154, 0.20);
  border-radius: 15px;
  margin: 10px 0;
  width: 200px;
  text-align: center;
  display: block;
}

/* .doc_list__image.incat{display:none;} */

  
  
}
  
  
.mnav{display:none;}  
  
  /* overlay */
.mnav-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,.45);
  opacity:0; pointer-events:none;
  transition:opacity .25s ease;
  z-index:9998;
}
.mnav__title img {
  max-width: 150px;
}
/* panel */
.mnav{
  position:fixed; top:0; left:0; height:100dvh;
  width:min(86vw, 360px);
  background:#fff;
  transform:translateX(-105%);
  transition:transform .28s ease;
  z-index:9999;
  display:flex; flex-direction:column;
  box-shadow:0 10px 30px rgba(0,0,0,.22);
  border-radius: 0 15px 15px 0;
}

.mnav__head{
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 14px;
 
}
.mnav__title{font-weight:800;font-size:16px;}
.mnav__close{border:0;background:transparent;cursor:pointer;font-size:18px;width:36px;height:36px;border-radius:10px;}

.mnav__body{overflow:auto; padding:6px 0;}
.mnav-list, .mnav-sublist{list-style:none;margin:0;padding:0;}
.mnav-item{border-bottom:1px solid rgba(0,0,0,.06);}

.mnav-link{
  display:flex;
  padding:14px 14px;
  text-decoration:none;
  color:#111;
  font-weight:700;
}

/* toggles */
.mnav-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 14px;
  border:0;
  background:transparent;
  cursor:pointer;
  font:inherit;
  font-weight:800;
  color:#111;
}
.mnav-toggle--lvl2{
  font-weight:700;
  padding:12px 14px;
}

.mnav-chev{transition:transform .2s ease; opacity:.7;}

/* panels */
.mnav-sub{padding:0 8px 12px 8px;}
.mnav-sub--lvl3{padding:6px 0 10px 0;}

/* links lvl2 */
.mnav-sublink{
  display:block;
  padding:10px 12px;
  margin:4px 6px;
  border-radius:10px;
  text-decoration:none;
  color:#111;
  font-weight:650;
  background:rgba(0,0,0,.03);
}

/* links lvl3 */
.mnav-sublink--lvl3{
  background:rgba(0,0,0,.02);
  font-weight:600;
  padding:9px 12px;
  margin:3px 18px;         /* відступ для 3 рівня */
  border-left:2px solid rgba(0,0,0,.10);
  border-radius:8px;
}

/* open state */
body.mnav-open{overflow:hidden;}
body.mnav-open .mnav{transform:translateX(0);}
body.mnav-open .mnav-overlay{opacity:1; pointer-events:auto;}

/* active/open (JS додає клас) */
.mnav-item.is-open > .mnav-toggle .mnav-chev,
.mnav-subitem.is-open > .mnav-toggle .mnav-chev{
  transform:rotate(180deg);
}


.header-soc-mob {
  margin: 10px auto;
}

.trustpilot-mob {
  text-align: center;
  margin-top: 10px;
}


.heser-search-mob {
  display: flex;
  margin: 0 10px;
}



.channels .channels__btn {
  padding-left: 0;
}



@media (max-width: 768px) {
	
	.breadcrumb {
 
  overflow-x: auto;
  white-space: nowrap;
  padding-bottom: 5px;
}
	
	
	.doc_list__image{
		display:none;
	}

.doc_list__link{
	margin: 10px 0 15px;
	font-size: 15px;
}

.doc_list__specialties {
  border-radius: 0;
  border: none;
  background: none;
  backdrop-filter: blur(50px);
  padding: 0px;
  z-index: 100;
  position: relative;
}

.ms-stat__inner{
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
}

.ms-stat {
	margin: 20px 0 10px 0;
}

.ms-docfilter {
  padding: 10px 15px;
}

.ms-docfilter__title {
	font-size: 20px;
}
..ms-docfilter__select{
	display:none;
}

.ms-docfilter__select.ms-docfilter__select--sort {
  display: none;
}

.doc_list__title{margin:10px 0 0; font-size:26px;}	

.ms-docfilter__filters {
   
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 20px;
  }
  
  
  .ms-docfilter__advanced {
	  width:100%;
  }
  
  .ms-docfilter__bottom-left {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

 .ms-doc-card__clinic {
 flex-direction: row;
 }
 
 .mc1-form {
	 width:100%;
 }
 
 .mc1-form .mc1-input{ width: 100%;}
.mc2-title {

  font-size: 20px;

}

.paked {
margin: 0px 0;
}

.paked__head {
  flex-direction: column;
}


.paked__title {
	margin-bottom: 0px;
	font-size: 20px;
}

.pkg-section {
padding: 0px 0;
margin-bottom:20px;}

.pkg-section__inner {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.col-sm-6.col-price + .col-sm-6.col-price {
  margin: 0 0 0 0px;
  padding: 0;
  border-radius: 0;
}

.col-sm-6.col-price {
width: 100%;
 margin: 0 0 0 0px;
  padding: 0;
}

.clinic-price {
	border-radius: 15px;
}

.title-price-clin {
	font-size: 20px;
}
#afterbefor {
	padding: 10px 0;
}
.loc {
  padding: 10px 0;
}
.hotels {
  padding: 10px 0;
}

.topindoc {
	margin-bottom: 10px;
}

#block_blog-home .product-product.top-blog h3 {
	font-size: 20px;
	text-align: center;
}

.credit {
  width: 100%;
}
.man-credits {
	margin:0;
	padding: 0 24px 24px;
}

.ic-review-bg {margin-bottom: 10px;}

.ic-reviews {
    padding: 16px 12px 0;
    margin: 0;
  }

.title-doct.indoc, .titlealldoc{
	font-size: 20px;
    margin-bottom: 10px;
    text-align: center;
}
.topindoc, .clin-alldoc_title {
	flex-direction: column;
}
.clinic-doct {
  margin: 10px 0 10px 0;
}

.befaft-title{
	font-size:20px;
	margin-bottom: 10px;
}
.typo__wrap {padding: 0 0 10px;}
.paked__all {
	margin-bottom: 15px;
}
.title-price-clin span {
	font-size: 13px;
	padding-top:10px;
}

.info-pr {
margin-top: 5px;
font-size: 12px;	
}

.proc-name,
.proc-price {
	font-size: 13px;
}
.clinic-price {
	padding:10px 15px;
}
.ic-reviews__illustration {
  display: none;
}

.swiper-viewport {
margin: 0 0 10px!important;
}

.title-clin{
	font-size:26px;
	padding:0 15px;
}
.all-clin {
  margin: 20px 15px;
}
.clen.ms-stat {
    margin: 10px 15px;
  }

  .man-credits__inner {
    grid-template-columns: 1fr;
    flex-direction: column;
    gap: 20px;
  }
  
  .ms-docfilter__head {
	  margin-bottom: 10px;
  }


.clinic-inform {border-radius:15px; padding: 10px;}


.clinic-gallery {
  margin: 0 0 40px;
  display: grid;
  grid-template-columns: 4fr;
  grid-auto-rows: 160px;
  gap: 12px;
}

.left-clin-top, .right-clin-top { 
  width: 100%;
  justify-content: space-around;
}
.clin-top h1 {
	text-align: center;
	font-size: 26px;
}
.adres-clin {
	justify-content: center;
}
.tag {
  display: none;
}

.tot-rew-clin {
	width: 50%;
	border-right: none;
}

.clin-top {
 flex-direction: column;  gap: 10px;	
}
}


@media (max-width: 768px) {
.left-clin-top h1{margin-top:20px;}}




.cline-card__photo-wrap {
  flex: 0 0 350px;
position:relative
}

.cline-card__sticker--top {
border-radius: 12px 12px 0 0;
border-top: 1px solid #2B05C3;
border-right: 1px solid #2B05C3;
border-left: 1px solid #2B05C3;
background: linear-gradient(90deg, rgba(43, 5, 195, 0.85) 0%, rgba(43, 5, 195, 0.85) 100%);
backdrop-filter: blur(3.5px);
overflow: hidden;
color: #FFF;
text-overflow: ellipsis;

/* Body/3 */
font-family: "Open Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: -0.56px;

  position: absolute;
  width: 100%;
}

.cline-card__sticker-top-inner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  justify-content: center;
}

.cline-card__sticker-top-icon {
  width: 18px;
  height: 18px;
  object-fit: contain;
  flex: 0 0 18px;
}

.cline-card__sticker-top-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cline-card__photo-img {
  display: block;
  width: 100%;
  height: auto;
}

.cline-card__sticker--bottom {
color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 0 0 18px 18px;
  position: absolute;
  bottom: 0;
background: rgba(16, 51, 156, 0.7);
backdrop-filter: blur(3.5px);
}

.cline-card__sticker-bottom-left {
  flex: 0 0 34%;
}

.cline-card__sticker-bottom-right {
  flex: 1 1 auto;
  text-align: left;
}

.cline-card__sticker-bottom-desc1 {
color: #FFF;
  font-family: "Open Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.56px;
}

.cline-card__sticker-bottom-desc2 {
color: #FFF;

/* Head/h4 */
font-family: "Open Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
letter-spacing: -0.2px;
}



.breadcrumb li:last-child a {
  color: #043f8e;
  font-weight: 500;
  cursor: text;
}


.adres-clin svg {
  margin-right: 5px;
}

.loc__addr svg {
  margin-right: 5px;
  width: 34px;
}


.scard__rate {
  display: flex;
  gap: 8px;
  align-items: center;
  position: relative;
  top: -105px;
  background: rgba(0, 0, 0, .7);
  padding: 3px 5px;
  border-radius: 12px;
  color: #fff;
}

/* полоска низ сайту*/

.mob-0tab {
  position: fixed;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border-radius: 20px;
  background: rgba(11,79,168,.62);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  box-shadow: 0 -6px 30px rgba(10,40,90,.28), inset 0 1px 0 rgba(255,255,255,.45);
  height: 60px;
  width: auto;
  max-width: 70vw;
  margin-left: auto;
  margin-right: auto;
  z-index: 999999999;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 24px;
  gap: 16px;
  box-sizing: border-box;
  transform: translateY(0);
  transition: transform .45s cubic-bezier(.22,.61,.36,1);
}
/* fallback bg without backdrop-filter */
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))){
  .mob-0tab{ background: #0b4fa8; }
}
/* slide-up reveal */
.mob-0tab.is-hidden{ transform: translateY(120%); }

.mob-0tab .mmtaber{ display: flex; flex-direction: row; align-items: center; gap: 16px; flex: 1; }

.mob-0tab__lead{ display: flex; align-items: center; gap: 10px; flex: 1 1 auto; min-width: 0; }
/* длинный title не должен распирать бар: контейнер = ширина бара, заголовок обрезается «…» */
.mob-0tab > .container{ width: 100%; max-width: none; min-width: 0; padding: 0; margin: 0; }
.mob-0tab .mmtaber{ min-width: 0; }

.mob-0tab__title {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.15;
}

.mob-0tab__form {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}

.mob-0tab__input {
  height: 42px;
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  padding: 0 14px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  outline: none;
  width: 225px;
  transition: background .2s, border-color .2s, box-shadow .2s;
}
.mob-0tab__input::placeholder { color: rgba(255,255,255,0.75); }
.mob-0tab__input:focus { background: rgba(255,255,255,0.24); border-color: rgba(255,255,255,.6); box-shadow: 0 0 0 3px rgba(255,255,255,.18); }

.mob-0tab__phone-wrap {
  display: flex;
  align-items: center;
  height: 42px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 11px;
  overflow: hidden;
  flex-shrink: 0;
  width: 225px;
  transition: background .2s, border-color .2s, box-shadow .2s;
}
.mob-0tab__phone-wrap:focus-within { background: rgba(255,255,255,0.24); border-color: rgba(255,255,255,.6); box-shadow: 0 0 0 3px rgba(255,255,255,.18); }

.mob-0tab__flag {
  background: transparent;
  border: none;
  border-right: 1px solid rgba(255,255,255,0.25);
  color: #fff;
  height: 100%;
  padding: 0 8px 0 10px;
  font-size: 16px;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  flex-shrink: 0;
}

.mob-0tab__phone-input {
  background: transparent;
  border: none;
  color: #fff;
  height: 100%;
  padding: 0 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  flex: 1;
  min-width: 0;
  outline: none;
}
.mob-0tab__phone-input::placeholder { color: rgba(255,255,255,0.75); }

/* Кастомна кнопка-селектор країни всередині нижнього бара */
.mob-0tab__phone-wrap .ic-cc__btn {
  height: 100%;
  padding: 0 9px 0 10px;
  color: #fff;
  border-right-color: rgba(255,255,255,0.25);
}
.mob-0tab__phone-wrap .ic-cc__btn .ic-cc__abbr { font-size: 13px; }

.mob-0tab__channel-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.mob-0tab__channel {
  height: 42px;
  border-radius: 11px;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(255, 255, 255, 0.16);
  color: #fff;
  padding: 0 36px 0 14px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  width: 225px;
  transition: background .2s, border-color .2s, box-shadow .2s;
}
.mob-0tab__channel:focus { background: rgba(255,255,255,0.24); border-color: rgba(255,255,255,.6); box-shadow: 0 0 0 3px rgba(255,255,255,.18); }
.mob-0tab__channel option { color: #033E8C; background: #fff; }

.mob-0tab__channel-caret {
  position: absolute;
  right: 12px;
  pointer-events: none;
  display: flex;
  align-items: center;
}

.mob-0tab__btn {
  height: 44px;
  border-radius: 12px;
  background: #fff;
  color: #0B4FA8;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  border: none;
  padding: 0 22px;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  width: 225px;
  max-width: 100%;
  transition: background .15s, color .15s, transform .1s;
}
.mob-0tab__btn:hover { background: #e8f0ff; }
.mob-0tab__btn:active { transform: translateY(1px); }

/* десктоп 1101–1500: 4 поля по 225px не влезали в 70vw — бар шире, поля уже, чтобы осталось место заголовку */
@media (min-width: 1101px) { .mob-0tab{ max-width: max(70vw, 1100px); } }
@media (min-width: 1101px) and (max-width: 1500px) {
  .mob-0tab__input,
  .mob-0tab__phone-wrap,
  .mob-0tab__channel-wrap,
  .mob-0tab__channel { width: 185px; }
  .mob-0tab__btn { width: auto; }
}

@media (max-width: 1100px) {
  .mob-0tab__input,
  .mob-0tab__phone-wrap,
  .mob-0tab__channel-wrap { display: none; }
  .mob-0tab .mmtaber{ justify-content: space-between; }
  .mob-0tab__form { flex: 0 0 auto; justify-content: flex-end; }
  /* моб.: снять десктопные ограничения — бар во всю ширину (отступы 10px), кнопка по контенту */
  .mob-0tab{ max-width: none; }
  .mob-0tab__btn{ width: auto; }
}

@media (max-width: 600px) {
  .mob-0tab { padding: 0 14px; gap: 10px; height: 64px; }
  .mob-0tab__title { font-size: 14px; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
  .mob-0tab__btn { font-size: 13px; padding: 0 16px; }
}

@media (max-width: 768px) {

.mmtaber {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero-cta__art {
  width: 130px;
  height: auto;
  flex: 0 0 auto;
}
.hero-cta__title {
  color: var(--Text-primary, #000);
  font-family: "Open Sans";
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

 .hero-cta__desc {
    display: block;
    font-size: 13px;
  }
.doc_list__grid {
  max-height: 151px;
  overflow: hidden;
  transition: max-height 0.3s ease;
  position: relative;
}  
  
  .doc_list__specialties.doc_list__specialties--expanded .doc_list__grid {
max-height: 246px;
  overflow: auto;
}



  

}

.mmtaber {
  display: flex;
  flex-direction: row;
  align-items: center;
}


.ms-docfilter__inner {
  position: relative;
  z-index: 9999;
}

.contact-mini__col.contact-mini__col--phone {
  max-width: 228px;
}


.contact-mini__col.contact-mini__col--action {
  padding-top: 15px;
}



/* ── Top-categories slider ── */

.topcats-swiper-viewport {
  position: relative;
  overflow: hidden;
}

.topcats-swiper-viewport .swiper-container {
  overflow: hidden;
}

/* Grid всередині одного слайду — 4 колонки × 2 рядки */
.home-topcats__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}

/* Кнопки пагінації — такий самий стиль як у featured */
.topcats-pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}

.topcats-pager .pager_f-button-next,
.topcats-pager .pager_f-button-prev {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}

.topcats-pager .pager_f-button-next:hover,
.topcats-pager .pager_f-button-prev:hover {
  opacity: 0.75;
}

.topcats-pager .pager_f-button-next.swiper-button-disabled,
.topcats-pager .pager_f-button-prev.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

/* Пагінаційні точки */
.swiper-pagination.carousel_topcats {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 12px;
}

.swiper-pagination.carousel_topcats .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
 
  opacity: 1;
  cursor: pointer;
}

.swiper-pagination.carousel_topcats .swiper-pagination-bullet-active {
  background: #212768;
}

/* ── Адаптив ── */
@media (max-width: 1024px) {
  .home-topcats__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 756px) {
  .home-topcats__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .home-topcats__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}


/* =================================================================
   home-tabs-perfect — pixel-perfect tabs
   Desktop: 1440px page / 1280px container
   Prefix: home-tabs-perfect__
   ================================================================= */

.home-tabs-perfect,
.home-tabs-perfect * {
  box-sizing: border-box;
}

.home-tabs-perfect {
  width: 100%;
  padding: 60px 0 0;
  font-family: "Open Sans", sans-serif;
}

/* ── Контейнер 1280px ── */
.home-tabs-perfect__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 80px;
}

/* =================================================================
   TAB NAV — folder-tab стиль
   ================================================================= */
.home-tabs-perfect__nav {
  display: flex;
  align-items: flex-end;
  gap: 0;
  position: relative;
  z-index: 2;
}

.home-tabs-perfect__nav-btn {
  position: relative;
  flex: 0 0 auto;
  padding: 14px 44px;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.3px;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 20px 20px 0 0;
  background: rgba(3, 62, 140, 0.07);
  color: rgba(3, 62, 140, 0.45);
  transition: background 0.2s, color 0.2s;
  z-index: 1;
}

.home-tabs-perfect__nav-btn:hover {
  background: rgba(3, 62, 140, 0.14);
  color: #033E8C;
}

/* ── Кнопка 1 активна — темно-синя ── */
.home-tabs-perfect__nav-btn[data-tab="1"].home-tabs-perfect__nav-btn--active {
  background: #033E8C;
  color: #fff;
  z-index: 3;
}
.home-tabs-perfect__nav-btn[data-tab="1"].home-tabs-perfect__nav-btn--active::after {
  content: '';
  position: absolute;
  bottom: -3px; left: 0; right: 0;
  height: 5px;
  background: #033E8C;
  z-index: 4;
}

/* ── Кнопка 2 активна — синій градієнт ── */
.home-tabs-perfect__nav-btn[data-tab="2"].home-tabs-perfect__nav-btn--active {
  background: #1035a0;
  color: #fff;
  z-index: 3;
}
.home-tabs-perfect__nav-btn[data-tab="2"].home-tabs-perfect__nav-btn--active::after {
  content: '';
  position: absolute;
  bottom: -3px; left: 0; right: 0;
  height: 5px;
  background: #1035a0;
  z-index: 4;
}

/* ── Кнопка 3 активна — світла ── */
.home-tabs-perfect__nav-btn[data-tab="3"].home-tabs-perfect__nav-btn--active {
  background: #f0f5ff;
  color: #033E8C;
  border: 1.5px solid #dce5f5;
  border-bottom: none;
  z-index: 3;
}
.home-tabs-perfect__nav-btn[data-tab="3"].home-tabs-perfect__nav-btn--active::after {
  content: '';
  position: absolute;
  bottom: -3px; left: 0; right: 0;
  height: 5px;
  background: #f0f5ff;
  z-index: 4;
}

/* =================================================================
   CONTENT — обгортка панелей
   ================================================================= */
.home-tabs-perfect__content {
  position: relative;
  z-index: 1;
}

/* =================================================================
   ПАНЕЛІ — базові
   ================================================================= */
.home-tabs-perfect__panel {
  display: none;
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: 52px 56px;
  min-height: 460px;
}

.home-tabs-perfect__panel--active {
  display: block;
}

/* Куток під активною кнопкою зрізаємо */
.home-tabs-perfect[data-active="1"] .home-tabs-perfect__panel--active {
  border-top-left-radius: 0;
}
.home-tabs-perfect[data-active="3"] .home-tabs-perfect__panel--active {
  border-top-right-radius: 0;
}

/* =================================================================
   ПАНЕЛЬ 1 — темно-синя (#033E8C)
   ================================================================= */
.home-tabs-perfect__panel--1 {
  background: #033E8C;
  color: #fff;
}
/* Декоративний glow */
.home-tabs-perfect__panel--1::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 70% 80% at 90% 35%, rgba(100,160,255,0.28) 0%, transparent 60%),
    radial-gradient(ellipse 40% 50% at 5%  90%, rgba(0,5,40,0.40) 0%, transparent 70%);
}

/* =================================================================
   ПАНЕЛЬ 2 — синій градієнт
   ================================================================= */
.home-tabs-perfect__panel--2 {
  background: linear-gradient(135deg, #0d2d94 0%, #1c4db8 50%, #5c7fe4 100%);
  color: #fff;
}
.home-tabs-perfect__panel--2::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse 60% 70% at 82% 50%,
    rgba(52, 201, 226, 0.25) 0%, transparent 65%);
}

/* =================================================================
   ПАНЕЛЬ 3 — світла
   ================================================================= */
.home-tabs-perfect__panel--3 {
  background: #f0f5ff;
  color: #1a2650;
  border: 1.5px solid #dce5f5;
}
.home-tabs-perfect__panel--3::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse 55% 65% at 92% 88%,
    rgba(129, 247, 255, 0.38) 0%, rgba(38, 241, 119, 0.14) 45%, transparent 70%);
}

/* =================================================================
   INNER — дворядковий лейаут панелі
   ================================================================= */
.home-tabs-perfect__panel-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* ── Ряд 1: заголовок + ілюстрація ── */
.home-tabs-perfect__panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.home-tabs-perfect__panel-text-col {
  flex: 0 1 56%;
}

/* ── Заголовок ── */
.home-tabs-perfect__title {
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.72px;
  margin: 0 0 20px;
  color: inherit;
}

/* ── Опис ── */
.home-tabs-perfect__text {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  color: inherit;
  opacity: 0.82;
  max-width: 480px;
}

/* Panel 3: темний колір тексту */
.home-tabs-perfect__panel--3 .home-tabs-perfect__title { color: #033E8C; }
.home-tabs-perfect__panel--3 .home-tabs-perfect__text  { color: #1a2650; opacity: 0.8; }

/* ── Ілюстрація (права колонка) ── */
.home-tabs-perfect__panel-illus {
  flex: 0 0 42%;
  align-self: stretch;
  position: relative;
  min-height: 220px;
}

.home-tabs-perfect__image {
  position: absolute;
  bottom: -52px;
  right: -56px;
  max-width: 112%;
  max-height: 360px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* =================================================================
   ITEMS — ряд карток (3 або 4 в рядок)
   ================================================================= */
.home-tabs-perfect__items {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 12px;
}

/* ── Картка ── */
.home-tabs-perfect__item {
  flex: 1;
  display: flex;
  flex-direction: row;       /* ГОРИЗОНТАЛЬНО: іконка | текст */
  align-items: flex-start;
  gap: 16px;
  padding: 18px 20px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
}

/* ── Панель 3: інший border і фон картки ── */
.home-tabs-perfect__panel--3 .home-tabs-perfect__item {
  border-color: rgba(3, 62, 140, 0.12);
  background: rgba(3, 62, 140, 0.03);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 6px 18px 0 rgba(3, 62, 140, 0.06);
}

/* ── Іконка (SVG або PNG) ── */
.home-tabs-perfect__item-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  object-fit: contain;
  margin-top: 2px;
}

/* ── Бейдж-номер (панель 2) ── */
.home-tabs-perfect__item-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  flex-shrink: 0;
  margin-top: 2px;
}

/* ── Текстовий блок всередині картки ── */
.home-tabs-perfect__item-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.home-tabs-perfect__item-title {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.3px;
  margin: 0;
  color: #fff;
}

.home-tabs-perfect__item-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: -0.15px;
  margin: 0;
  color: rgba(255, 255, 255, 0.75);
}

/* Panel 3 — темні кольори тексту карток */
.home-tabs-perfect__panel--3 .home-tabs-perfect__item-title { color: #033E8C; }
.home-tabs-perfect__panel--3 .home-tabs-perfect__item-desc  { color: rgba(3, 62, 140, 0.65); }

/* =================================================================
   CTA BUTTON (якщо буде використано)
   ================================================================= */
.home-tabs-perfect__button {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 40px;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: #fff;
  color: #033E8C;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  transition: background 0.2s, box-shadow 0.2s;
}
.home-tabs-perfect__button:hover {
  background: #e8f0ff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

/* =================================================================
   TABLET — 769px – 1024px
   ================================================================= */
@media (max-width: 1024px) {
  .home-tabs-perfect__container {
    padding: 0 32px;
  }

  .home-tabs-perfect__nav-btn {
    font-size: 14px;
    padding: 13px 28px;
  }

  .home-tabs-perfect__panel {
    padding: 40px 36px;
    min-height: 380px;
  }

  .home-tabs-perfect__title {
    font-size: 28px;
  }

  /* Ілюстрацію ховаємо, вона заважає */
  .home-tabs-perfect__panel-illus {
    display: none;
  }

  .home-tabs-perfect__items {
    gap: 8px;
  }

  .home-tabs-perfect__item {
    padding: 14px 16px;
    gap: 12px;
  }
}

/* =================================================================
   MOBILE — ≤ 768px
   ================================================================= */
@media (max-width: 768px) {
  .home-tabs-perfect {
    padding: 24px 0 0;
  }

  .home-tabs-perfect__container {
    padding: 0 16px;
  }

  /* Горизонтальний скрол для кнопок */
  .home-tabs-perfect__nav {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 0;
  }
  .home-tabs-perfect__nav::-webkit-scrollbar { display: none; }

  .home-tabs-perfect__nav-btn {
    flex: 0 0 auto;
    font-size: 13px;
    padding: 11px 16px;
    white-space: nowrap;
    border-radius: 14px 14px 0 0;
  }

  .home-tabs-perfect__panel {
    border-radius: 16px !important; /* скидаємо corner-trim на mobile */
    padding: 28px 20px;
    min-height: unset;
  }

  /* Відновлюємо corner тільки для таба 1 на mobile */
  .home-tabs-perfect[data-active="1"] .home-tabs-perfect__panel--active {
    border-top-left-radius: 0 !important;
  }

  .home-tabs-perfect__panel-inner { gap: 24px; }

  .home-tabs-perfect__panel-header {
    flex-direction: column;
    gap: 0;
  }

  .home-tabs-perfect__panel-illus { display: none; }

  .home-tabs-perfect__title {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .home-tabs-perfect__text { font-size: 14px; }

  /* Картки стають колонкою */
  .home-tabs-perfect__items {
    flex-direction: column;
    gap: 10px;
  }

  /* Картка залишається горизонтальною (іконка | текст) */
  .home-tabs-perfect__item {
    flex-direction: row;
    align-items: flex-start;
    padding: 14px 16px;
    gap: 14px;
  }

  .home-tabs-perfect__item-icon {
    width: 36px;
    height: 36px;
  }

  .home-tabs-perfect__item-num {
    min-width: 28px;
    height: 28px;
    font-size: 13px;
  }

  .home-tabs-perfect__item-title { font-size: 14px; }
  .home-tabs-perfect__item-desc  { font-size: 13px; }
}
/* =================================================================
   medhome-tabs — pixel-perfect tabs (Figma: M76IEzeATOV8mx9Q5pTYKu)
   Desktop frame: 1440px page / 1280px container
   Prefix: medhome-tabs__
   ================================================================= */

.medhome-tabs,
.medhome-tabs * {
  box-sizing: border-box;
}

.medhome-tabs {
  width: 100%;
  font-family: "Open Sans", sans-serif;
}

/* ── Контейнер 1280px ── */
.medhome-tabs__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
}

/* =================================================================
   NAV — три пілюлі, фіксована ширина, left-aligned
   Позиції з Figma (1300px frame → 1280px):
     pill 1: left=0,   pill 2: left=285px,  pill 3: left=570px
   ================================================================= */
.medhome-tabs__nav {
  position: relative;
  height: 60px;
  z-index: 2;
}

.medhome-tabs__pill {
  position: absolute;
  bottom: 0;
  width: 300px;
  height: 60px;
  padding: 0 30px 0 26px;
  display: inline-flex;
  align-items: center;
  font-family: "Inter", "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.6px;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 20px 20px 0 0;
  z-index: 1;
  transition: opacity 0.22s;
}

/* Кожна пілюля ЗАВЖДИ має свій колір (як в активному стані) */
.medhome-tabs__pill:nth-child(1) { left: 0;     background: #040f2f; color: #fff; }
.medhome-tabs__pill:nth-child(2) { left: 285px; background: #0d2d94; color: #fff; }
.medhome-tabs__pill:nth-child(3) {
  left: 570px;
  background: #eef4ff;
  color: #033e8c;
  border: 1px solid #d0defc;
  border-bottom: none;
}

/* Неактивні пілюлі — трохи затемнені */
.medhome-tabs__pill:not(.medhome-tabs__pill--active) { opacity: 0.55; }
.medhome-tabs__pill:hover:not(.medhome-tabs__pill--active) { opacity: 0.75; }

/* Активна пілюля — повна яскравість, над панеллю */
.medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1),
.medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2),
.medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3) {
  opacity: 1;
  z-index: 3;
}

/* =================================================================
   FOLDER-TAB ARCS — ввігнуті кутики між пілюлею і панеллю
   Техніка: radial-gradient(circle at top right/left, transparent 44%, PANEL_COLOR 50%)
   Розмір arc: 20px, background-size: 30px (1.5×)
   ================================================================= */

/* Спільні властивості для всіх arc pseudo-elements */
.medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1)::after,
.medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::before,
.medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::after,
.medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::before,
.medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: 30px 30px;
  bottom: -1px;
  z-index: 4;
}

/* ── Tab 1: тільки права arc ── */
.medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1)::after {
  right: -20px;
  background-image: radial-gradient(circle at top right, transparent 44%, #040f2f 50%);
  background-position: 100% 0;
}

/* ── Tab 2: ліва arc ── */
.medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::before {
  left: -20px;
  background-image: radial-gradient(circle at top left, transparent 44%, #0d2d94 50%);
  background-position: 0 0;
}
/* ── Tab 2: права arc ── */
.medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::after {
  right: -20px;
  background-image: radial-gradient(circle at top right, transparent 44%, #0d2d94 50%);
  background-position: 100% 0;
}

/* ── Tab 3: ліва arc ── */
.medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::before {
  left: -20px;
  background-image: radial-gradient(circle at top left, transparent 44%, #eef4ff 50%);
  background-position: 0 0;
}
/* ── Tab 3: права arc ── */
.medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::after {
  right: -20px;
  background-image: radial-gradient(circle at top right, transparent 44%, #eef4ff 50%);
  background-position: 100% 0;
}

/* =================================================================
   PANELS
   margin-top: -2px закриває щілину між пілюлею і панеллю
   ================================================================= */
.medhome-tabs__panels {
  position: relative;
  z-index: 1;
  margin-top: -2px;
}

.medhome-tabs__panel {
  display: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 502px;
  border-radius: 0 56px 56px;
  padding: 40px 70px;
}

.medhome-tabs__panel--active {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 60px;
}

/* =================================================================
   ПАНЕЛЬ 1 — суцільний темно-navy (точне співпадання з пілюлею)
   ================================================================= */
.medhome-tabs__panel--1 {
  background: #040f2f;
  color: #fff;
}
.medhome-tabs__panel--1::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 65% 80% at 88% 30%, rgba(80, 140, 255, 0.30) 0%, transparent 60%),
    radial-gradient(ellipse 45% 55% at 8% 85%, rgba(2, 5, 35, 0.50) 0%, transparent 70%);
}

/* =================================================================
   ПАНЕЛЬ 2 — суцільний синій (точне співпадання з пілюлею)
   ================================================================= */
.medhome-tabs__panel--2 {
  background: #0d2d94;
  color: #fff;
}
.medhome-tabs__panel--2::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 55% 70% at 85% 50%, rgba(52, 201, 226, 0.25) 0%, transparent 65%),
    radial-gradient(ellipse 40% 50% at 8% 50%, rgba(10, 30, 120, 0.40) 0%, transparent 70%),
    linear-gradient(135deg, transparent 0%, rgba(56, 112, 224, 0.45) 100%);
}

/* =================================================================
   ПАНЕЛЬ 3 — суцільний світлий (точне співпадання з пілюлею)
   ================================================================= */
.medhome-tabs__panel--3 {
  background: #eef4ff;
  color: #033e8c;
  border: 1px solid #d0defc;
}
.medhome-tabs__panel--3::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse 55% 65% at 90% 85%,
    rgba(129, 247, 255, 0.40) 0%, rgba(38, 241, 119, 0.16) 45%, transparent 72%);
}

/* =================================================================
   ІЛЮСТРАЦІЯ — абсолютна, права сторона
   ================================================================= */
.medhome-tabs__illus {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 54%;
  max-width: 710px;
  pointer-events: none;
  z-index: 0;
}

.medhome-tabs__illus img {
  width: 100%;
  height: auto;
  display: block;
  mix-blend-mode: soft-light;
  opacity: 0.85;
}

.medhome-tabs__panel--3 .medhome-tabs__illus img {
  mix-blend-mode: normal;
  opacity: 0.65;
}

/* =================================================================
   КОНТЕНТ ПАНЕЛІ
   ================================================================= */
.medhome-tabs__panel-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.medhome-tabs__title {
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.72px;
  margin: 0;
  color: inherit;
}

.medhome-tabs__subtitle {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 24px 0 0;
  color: inherit;
  opacity: 0.85;
  max-width: 373px;
}

.medhome-tabs__panel--3 .medhome-tabs__title { color: #033e8c; }
.medhome-tabs__panel--3 .medhome-tabs__subtitle { color: #033e8c; opacity: 0.75; }

.medhome-tabs__title--wide {
  max-width: 651px;
}

/* =================================================================
   КАРТКИ — рядок (flex row)
   ================================================================= */
.medhome-tabs__cards {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
}

.medhome-tabs__cards--steps {
  gap: 24px;
}

.medhome-tabs__card {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.20);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
}

.medhome-tabs__panel--3 .medhome-tabs__card {
  border-color: rgba(3, 62, 140, 0.14);
  background: rgba(255, 255, 255, 0.50);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 8px 22px 0 rgba(3, 62, 140, 0.07);
}

.medhome-tabs__card-icon {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.medhome-tabs__card-icon img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  display: block;
}

.medhome-tabs__card-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.medhome-tabs__card-title {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.6px;
  color: #fff;
}

.medhome-tabs__card-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.42px;
  color: rgba(255, 255, 255, 0.80);
}

.medhome-tabs__panel--3 .medhome-tabs__card-title { color: #033e8c; }
.medhome-tabs__panel--3 .medhome-tabs__card-desc  { color: rgba(3, 62, 140, 0.70); }

/* =================================================================
   КРОК (Panel 2) — картка з бейджем-номером
   ================================================================= */
.medhome-tabs__step {
  flex: 1;
  position: relative;
  padding-top: 25px;
  padding-left: 8px;
}

.medhome-tabs__step-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.20);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
  height: 100%;
}

.medhome-tabs__step-badge {
  position: absolute;
  top: 0;
  left: -16px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.10);
  border: 0.5px solid rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.6px;
  color: #fff;
  z-index: 2;
}

.medhome-tabs__step-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

.medhome-tabs__step-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  object-fit: contain;
}

.medhome-tabs__step-title {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.6px;
  color: #fff;
  flex: 1;
}

.medhome-tabs__step-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.42px;
  color: rgba(255, 255, 255, 0.80);
}

/* =================================================================
   TABLET — 769px – 1024px
   ================================================================= */
@media (max-width: 1024px) {
  .medhome-tabs__container {
    padding: 0;
  }

  .medhome-tabs__nav {
    height: 52px;
  }

  .medhome-tabs__pill {
    width: 240px;
    height: 52px;
    font-size: 16px;
    padding: 0 20px;
  }

  .medhome-tabs__pill:nth-child(1) { left: 0; }
  .medhome-tabs__pill:nth-child(2) { left: 220px; }
  .medhome-tabs__pill:nth-child(3) { left: 440px; }

  .medhome-tabs__panel {
    padding: 32px 40px;
    min-height: 420px;
    border-radius: 0 40px 40px;
  }

  .medhome-tabs__title {
    font-size: 28px;
  }

  .medhome-tabs__illus {
    width: 45%;
    opacity: 0.6;
  }

  .medhome-tabs__cards,
  .medhome-tabs__cards--steps {
    gap: 8px;
  }

  .medhome-tabs__card {
    gap: 16px;
    padding: 14px;
  }

  .medhome-tabs__card-title {
    font-size: 16px;
  }
}

/* =================================================================
   MOBILE — ≤ 768px
   ================================================================= */
@media (max-width: 768px) {
  .medhome-tabs__nav {
    height: auto;
    position: static;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 6px;
    padding: 0 16px;
  }

  .medhome-tabs__nav::-webkit-scrollbar { display: none; }

  .medhome-tabs__pill {
    position: static;
    width: auto;
    height: 46px;
    font-size: 14px;
    padding: 0 18px;
    border-radius: 14px 14px 0 0;
    white-space: nowrap;
    flex: 0 0 auto;
    /* Inactive pills on mobile: slight background so they're tappable */
    background: rgba(3, 62, 140, 0.06);
    color: rgba(3, 62, 140, 0.45);
  }

  /* Active pill colors on mobile */
  .medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1) {
    background: #040f2f;
    color: #fff;
  }
  .medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2) {
    background: #0d2d94;
    color: #fff;
  }
  .medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3) {
    background: #eef4ff;
    color: #033e8c;
    border: 1px solid #d0defc;
    border-bottom: none;
  }

  /* Скидаємо всі arc pseudo-elements на mobile */
  .medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1)::before,
  .medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1)::after,
  .medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::before,
  .medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::after,
  .medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::before,
  .medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::after {
    content: none;
  }

  .medhome-tabs__panels {
    margin-top: 0;
  }

  .medhome-tabs__panel {
    border-radius: 0 20px 20px !important;
    padding: 28px 20px;
    min-height: unset;
    gap: 28px;
  }

  .medhome-tabs__panel-content {
    gap: 28px;
  }

  .medhome-tabs__title {
    font-size: 22px;
  }

  .medhome-tabs__subtitle {
    font-size: 14px;
    max-width: 100%;
    margin-top: 12px;
  }

  .medhome-tabs__illus {
    display: none;
  }

  .medhome-tabs__cards,
  .medhome-tabs__cards--steps {
    flex-direction: column;
    gap: 10px;
  }

  .medhome-tabs__card {
    gap: 14px;
    padding: 14px 16px;
  }

  .medhome-tabs__card-icon,
  .medhome-tabs__card-icon img {
    width: 40px;
    height: 40px;
  }

  .medhome-tabs__card-title {
    font-size: 16px;
  }

  .medhome-tabs__card-desc {
    font-size: 13px;
  }

  .medhome-tabs__step {
    padding-top: 20px;
    padding-left: 6px;
  }

  .medhome-tabs__step-badge {
    width: 38px;
    height: 38px;
    font-size: 16px;
    left: -10px;
    top: 0;
  }

  .medhome-tabs__step-inner {
    padding: 16px;
    gap: 16px;
  }

  .medhome-tabs__step-title {
    font-size: 16px;
  }

  .medhome-tabs__step-desc {
    font-size: 13px;
  }
}
/* =================================================================
   medhome-tabs — pixel-perfect tabs (Figma: M76IEzeATOV8mx9Q5pTYKu)
   Desktop frame: 1440px page / 1280px container
   Prefix: medhome-tabs__
   ================================================================= */

.medhome-tabs,
.medhome-tabs * {
  box-sizing: border-box;
}

.medhome-tabs {
  width: 100%;
  font-family: "Open Sans", sans-serif;
}

/* ── Контейнер 1280px ── */
.medhome-tabs__container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
}

/* =================================================================
   NAV — три пілюлі, фіксована ширина, left-aligned
   Позиції з Figma (1300px frame → 1280px):
     pill 1: left=0,   pill 2: left=285px,  pill 3: left=570px
   ================================================================= */
.medhome-tabs__nav {
  position: relative;
  height: 60px;
  z-index: 2;
}

.medhome-tabs__pill {
  position: absolute;
  bottom: 2px;
  width: 300px;
  height: 60px;
  padding: 0 30px 0 26px;
  display: inline-flex;
  align-items: center;
  font-family: "Inter", "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.6px;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 20px 20px 0 0;
  z-index: 1;
  transition: opacity 0.22s;
}

/* Кожна пілюля ЗАВЖДИ має свій колір (як в активному стані) */
.medhome-tabs__pill:nth-child(1) { left: 0;     background: #033d8e; color: #fff; }
.medhome-tabs__pill:nth-child(2) { left: 285px; background: #6c95cb; color: #fff; }
.medhome-tabs__pill:nth-child(3) {
  left: 570px;
  background: #eef4ff;
  color: #033e8c;
  border: 1px solid #d0defc;
  border-bottom: none;
}

/* Неактивні пілюлі — трохи затемнені */
.medhome-tabs__pill:not(.medhome-tabs__pill--active) { opacity: 1; }
.medhome-tabs__pill:hover:not(.medhome-tabs__pill--active) { opacity: 0.75; }

/* Активна пілюля — повна яскравість, над панеллю */
.medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1),
.medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2),
.medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3) {
  opacity: 1;
  z-index: 3;
}

/* =================================================================
   FOLDER-TAB ARCS — ввігнуті кутики між пілюлею і панеллю
   Техніка: radial-gradient(circle at top right/left, transparent 44%, PANEL_COLOR 50%)
   Розмір arc: 20px, background-size: 30px (1.5×)
   ================================================================= */

/* Спільні властивості для всіх arc pseudo-elements */
.medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1)::after,
.medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::before,
.medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::after,
.medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::before,
.medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-size: 30px 30px;
  bottom: -1px;
  z-index: 4;
}

/* ── Tab 1: тільки права arc ── */
.medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1)::after {
  right: -20px;
  background-image: radial-gradient(circle at top right, transparent 44%, #033d8e 50%);
  background-position: 100% 0;
}

/* ── Tab 2: ліва arc ── */
.medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::before {
  left: -20px;
  background-image: radial-gradient(circle at top left, transparent 44%, #6c95cb 50%);
  background-position: 0 0;
}
/* ── Tab 2: права arc ── */
.medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::after {
  right: -20px;
  background-image: radial-gradient(circle at top right, transparent 44%, #6c95cb 50%);
  background-position: 100% 0;
}

/* ── Tab 3: ліва arc ── */
.medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::before {
  left: -20px;
  background-image: radial-gradient(circle at top left, transparent 44%, #eef4ff 50%);
  background-position: 0 0;
}
/* ── Tab 3: права arc ── */
.medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::after {
  right: -20px;
  background-image: radial-gradient(circle at top right, transparent 44%, #eef4ff 50%);
  background-position: 100% 0;
}

/* =================================================================
   PANELS
   margin-top: -2px закриває щілину між пілюлею і панеллю
   ================================================================= */
.medhome-tabs__panels {
  position: relative;
  z-index: 1;
  margin-top: -2px;
}

.medhome-tabs__panel {
  display: none;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 502px;
  border-radius: 0 56px 56px;
  padding: 40px 70px;
}

.medhome-tabs__panel--active {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 60px;
}

/* =================================================================
   ПАНЕЛЬ 1 — суцільний темно-navy (точне співпадання з пілюлею)
   ================================================================= */
.medhome-tabs__panel--1 {
  background: #033d8e;
  color: #fff;
}
.medhome-tabs__panel--1::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 65% 80% at 88% 30%, rgba(80, 140, 255, 0.30) 0%, transparent 60%),
    radial-gradient(ellipse 45% 55% at 8% 85%, rgba(2, 5, 35, 0.50) 0%, transparent 70%);
}

/* =================================================================
   ПАНЕЛЬ 2 — суцільний синій (точне співпадання з пілюлею)
   ================================================================= */
.medhome-tabs__panel--2 {
  background: #6c95cb;
  color: #fff;
}
.medhome-tabs__panel--2::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 55% 70% at 85% 50%, rgba(52, 201, 226, 0.20) 0%, transparent 65%),
    radial-gradient(ellipse 40% 50% at 8% 50%, rgba(10, 30, 120, 0.25) 0%, transparent 70%);
}

/* =================================================================
   ПАНЕЛЬ 3 — суцільний світлий (точне співпадання з пілюлею)
   ================================================================= */
.medhome-tabs__panel--3 {
  background: #eef4ff;
  color: #033e8c;
  border: 1px solid #d0defc;
}
.medhome-tabs__panel--3::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse 55% 65% at 90% 85%,
    rgba(129, 247, 255, 0.40) 0%, rgba(38, 241, 119, 0.16) 45%, transparent 72%);
}

/* =================================================================
   ІЛЮСТРАЦІЯ — абсолютна, права сторона
   ================================================================= */
.medhome-tabs__illus {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 54%;
  max-width: 710px;
  pointer-events: none;
  z-index: 0;
}

.medhome-tabs__illus img {
  width: 100%;
  height: auto;
  display: block;
  mix-blend-mode: soft-light;
  opacity: 0.85;
}

.medhome-tabs__panel--3 .medhome-tabs__illus img {
  mix-blend-mode: normal;
  opacity: 0.65;
}

/* =================================================================
   КОНТЕНТ ПАНЕЛІ
   ================================================================= */
.medhome-tabs__panel-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.medhome-tabs__title {
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.72px;
  margin: 0;
  color: inherit;
}

.medhome-tabs__subtitle {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 24px 0 0;
  color: inherit;
  opacity: 0.85;
  max-width: 373px;
}

.medhome-tabs__panel--3 .medhome-tabs__title { color: #033e8c; }
.medhome-tabs__panel--3 .medhome-tabs__subtitle { color: #033e8c; opacity: 0.75; }

.medhome-tabs__title--wide {
  max-width: 651px;
}

/* =================================================================
   КАРТКИ — рядок (flex row)
   ================================================================= */
.medhome-tabs__cards {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 8px;
}

.medhome-tabs__cards--steps {
  gap: 24px;
}

.medhome-tabs__card {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 24px;
  padding: 18px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.20);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
}

.medhome-tabs__panel--3 .medhome-tabs__card {
  border-color: rgba(3, 62, 140, 0.14);
  background: rgba(255, 255, 255, 0.50);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: 0 8px 22px 0 rgba(3, 62, 140, 0.07);
}

.medhome-tabs__card-icon {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.medhome-tabs__card-icon img {
  width: 56px;
  height: 56px;
  object-fit: contain;
  display: block;
}

.medhome-tabs__card-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.medhome-tabs__card-title {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.6px;
  color: #fff;
}

.medhome-tabs__card-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.42px;
  color: rgba(255, 255, 255, 0.80);
}

.medhome-tabs__panel--3 .medhome-tabs__card-title { color: #033e8c; }
.medhome-tabs__panel--3 .medhome-tabs__card-desc  { color: rgba(3, 62, 140, 0.70); }

/* =================================================================
   КРОК (Panel 2) — картка з бейджем-номером
   ================================================================= */
.medhome-tabs__step {
  flex: 1;
  position: relative;
  padding-top: 25px;
  padding-left: 8px;
}

.medhome-tabs__step-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.20);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 10px 25px 0 rgba(83, 89, 154, 0.10);
  height: 100%;
}

.medhome-tabs__step-badge {
  position: absolute;
  top: 0;
  left: -16px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.10);
  border: 0.5px solid rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.6px;
  color: #fff;
  z-index: 2;
}

.medhome-tabs__step-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

.medhome-tabs__step-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  object-fit: contain;
}

.medhome-tabs__step-title {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.6px;
  color: #fff;
  flex: 1;
}

.medhome-tabs__step-desc {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.42px;
  color: rgba(255, 255, 255, 0.80);
}

/* =================================================================
   TABLET — 769px – 1024px
   ================================================================= */
@media (max-width: 1024px) {
  .medhome-tabs__container {
    padding: 0;
  }

  .medhome-tabs__nav {
    height: 52px;
  }

  .medhome-tabs__pill {
    width: 240px;
    height: 52px;
    font-size: 16px;
    padding: 0 20px;
  }

  .medhome-tabs__pill:nth-child(1) { left: 0; }
  .medhome-tabs__pill:nth-child(2) { left: 220px; }
  .medhome-tabs__pill:nth-child(3) { left: 440px; }

  .medhome-tabs__panel {
    padding: 32px 40px;
    min-height: 420px;
    border-radius: 0 40px 40px;
  }

  .medhome-tabs__title {
    font-size: 28px;
  }

  .medhome-tabs__illus {
    width: 45%;
    opacity: 0.6;
  }

  .medhome-tabs__cards,
  .medhome-tabs__cards--steps {
    gap: 8px;
  }

  .medhome-tabs__card {
    gap: 16px;
    padding: 14px;
  }

  .medhome-tabs__card-title {
    font-size: 16px;
  }
}

/* =================================================================
   MOBILE — ≤ 768px
   ================================================================= */
@media (max-width: 768px) {
  .medhome-tabs__nav {
    height: auto;
    position: static;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 6px;
    padding: 0 16px;
  }

  .medhome-tabs__nav::-webkit-scrollbar { display: none; }

  .medhome-tabs__pill {
    position: static;
    width: auto;
    height: 46px;
    font-size: 14px;
    padding: 0 18px;
    border-radius: 14px 14px 0 0;
    white-space: nowrap;
    flex: 0 0 auto;
    /* Inactive pills on mobile: slight background so they're tappable */
    background: rgba(3, 62, 140, 0.06);
    color: rgba(3, 62, 140, 0.45);
  }

  /* Active pill colors on mobile */
  .medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1) {
    background: #033d8e;
    color: #fff;
  }
  .medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2) {
    background: #0d2d94;
    color: #fff;
  }
  .medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3) {
    background: #eef4ff;
    color: #033e8c;
    border: 1px solid #d0defc;
    border-bottom: none;
  }

  /* Скидаємо всі arc pseudo-elements на mobile */
  .medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1)::before,
  .medhome-tabs[data-active="1"] .medhome-tabs__pill:nth-child(1)::after,
  .medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::before,
  .medhome-tabs[data-active="2"] .medhome-tabs__pill:nth-child(2)::after,
  .medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::before,
  .medhome-tabs[data-active="3"] .medhome-tabs__pill:nth-child(3)::after {
    content: none;
  }

  .medhome-tabs__panels {
    margin-top: 0;
  }

  .medhome-tabs__panel {
    border-radius: 0 20px 20px !important;
    padding: 28px 20px;
    min-height: unset;
    gap: 28px;
  }

  .medhome-tabs__panel-content {
    gap: 28px;
  }

  .medhome-tabs__title {
    font-size: 22px;
  }

  .medhome-tabs__subtitle {
    font-size: 14px;
    max-width: 100%;
    margin-top: 12px;
  }

  .medhome-tabs__illus {
    display: none;
  }

  .medhome-tabs__cards,
  .medhome-tabs__cards--steps {
    flex-direction: column;
    gap: 10px;
  }

  .medhome-tabs__card {
    gap: 14px;
    padding: 14px 16px;
  }

  .medhome-tabs__card-icon,
  .medhome-tabs__card-icon img {
    width: 40px;
    height: 40px;
  }

  .medhome-tabs__card-title {
    font-size: 16px;
  }

  .medhome-tabs__card-desc {
    font-size: 13px;
  }

  .medhome-tabs__step {
    padding-top: 20px;
    padding-left: 6px;
  }

  .medhome-tabs__step-badge {
    width: 38px;
    height: 38px;
    font-size: 16px;
    left: -10px;
    top: 0;
  }

  .medhome-tabs__step-inner {
    padding: 16px;
    gap: 16px;
  }

  .medhome-tabs__step-title {
    font-size: 16px;
  }

  .medhome-tabs__step-desc {
    font-size: 13px;
  }
}


/* =========================================================
   Hero-форма — Liquid Glass (варіант B, синє тоноване скло)
   ========================================================= */
.contact-mini.contact-mini--glass{
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  max-width: 460px;
  padding: 16px 20px;
  border-radius: 18px;
  background: rgba(11, 79, 168, 0.62);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  border: 1px solid rgba(255,255,255,.30);
  box-shadow: 0 20px 40px rgba(10,40,90,.28), inset 0 1px 0 rgba(255,255,255,.45);
}

/* Заголовок / підзаголовок усередині картки */
.contact-mini--glass .contact-mini__head{ margin-bottom: 10px; }
.contact-mini--glass .contact-mini__title{
  margin: 0 0 3px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -.4px;
  line-height: 1.2;
}
.contact-mini--glass .contact-mini__sub{
  margin: 0;
  color: rgba(255,255,255,.82);
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  line-height: 1.35;
}

/* Колонки — на всю ширину */
.contact-mini--glass .contact-mini__col{ width: 100%; }
.contact-mini--glass .contact-mini__col--channels{ margin-top: 10px; }

/* Лейбли */
.contact-mini--glass .contact-mini__label{
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  margin-bottom: 5px;
  display: block;
}

/* Поле телефону */
.contact-mini--glass .phone-input{
  border-radius: 10px;
  padding: 10px 12px;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.40);
}
.contact-mini--glass .phone-input__country{ color: #fff; }
.contact-mini--glass .phone-input__field{
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
}
.contact-mini--glass .phone-input__field::placeholder{ color: rgba(255,255,255,.62); }

/* Канали-чіпи з текстом — усі в один ряд */
.contact-mini--glass .channel-picker{
  flex-wrap: nowrap;
  gap: 6px;
  margin-top: 0;
}
.contact-mini--glass .channel-picker__input{
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.contact-mini--glass .channel-picker__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 0;
  padding: 7px 10px;
  border-radius: 999px;
  cursor: pointer;
  white-space: nowrap;
  flex: 1 1 auto;
  min-width: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  color: #fff;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.40);
  transition: .15s;
}
.contact-mini--glass .channel-picker__btn svg{ width: 15px; height: 15px; flex: none; }
.contact-mini--glass .channel-picker__btn:hover{ border-color: #fff; }
.contact-mini--glass .channel-picker__txt{ line-height: 1; }

/* Активний чіп (обраний канал) */
.contact-mini--glass .channel-picker__input:checked + .channel-picker__btn{
  background: rgba(255,255,255,.92);
  border-color: #fff;
  color: #033E8C;
}
/* Іконка «Дзвінок» стає синьою на активному білому фоні */
.contact-mini--glass #ch-call:checked + label svg{ stroke: #033E8C; }

/* Кнопка */
.contact-mini--glass .contact-mini__btn{
  width: 100%;
  margin-top: 12px;
  border-radius: 12px;
  padding: 12px 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #033E8C;
  background: linear-gradient(180deg,#ffffff,#eaf1fb);
  box-shadow: 0 10px 22px rgba(0,0,0,.22);
  transition: .15s;
}
.contact-mini--glass .contact-mini__btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(0,0,0,.30);
}
.contact-mini--glass .contact-mini__btn:disabled{ opacity: .7; transform: none; }

/* Примітки */
.contact-mini--glass .contact-mini__after{
  margin: 10px 0 6px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255,255,255,.80);
}
.contact-mini--glass .contact-mini__note{
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: rgba(255,255,255,.78);
}
.contact-mini--glass .contact-mini__note a{
  color: #fff;
  text-decoration: underline;
}

/* Адаптив */
@media (max-width: 767px){
  .contact-mini.contact-mini--glass{
    max-width: none;
    padding: 18px 16px;
  }
  /* на телефоні чіпи переносяться (2×2), щоб текст не обрізався */
  .contact-mini--glass .channel-picker{ flex-wrap: wrap; }
  .contact-mini--glass .channel-picker__btn{ flex: 0 1 auto; }
}


/* =========================================================
   Кастомний селектор країни для телефону (hero-форма)
   Компактний список зі скролом + пошук, флаг + абревіатура
   ========================================================= */
.contact-mini--glass .phone-input{ position: relative; }

.ic-cc__btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: 0;
  border-right: 1px solid rgba(120,130,150,.35);
  padding: 0 9px 0 0;
  margin: 0;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  color: inherit;
  line-height: 1;
}
.contact-mini--glass .ic-cc__btn{ color: #fff; border-right-color: rgba(255,255,255,.35); }
/* Флаг — картинка (емодзі-прапори не відображаються на Windows) */
.ic-cc__flag{
  width: 20px;
  height: 15px;
  border-radius: 2px;
  object-fit: cover;
  display: block;
  flex: none;
  box-shadow: 0 0 0 1px rgba(0,0,0,.12);
}
.ic-cc__btn .ic-cc__abbr{ font-size: 14px; font-weight: 600; letter-spacing: .2px; }
.ic-cc__caret{ font-size: 9px; opacity: .75; }

/* Панель — суцільний синій (без backdrop-filter: вкладений blur усередині
   скляної картки не рендериться в Chrome) */
.ic-cc__panel{
  position: fixed;
  z-index: 9999;
  width: 244px;
  max-width: calc(100vw - 24px);
  background: #0e4f9e;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 12px;
  box-shadow: 0 16px 38px rgba(6,26,60,.40);
  padding: 8px;
}
.ic-cc__search{
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.30);
  border-radius: 8px;
  padding: 8px 10px;
  margin-bottom: 6px;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  background: rgba(255,255,255,.14);
  outline: none;
}
.ic-cc__search::placeholder{ color: rgba(255,255,255,.6); }
.ic-cc__search:focus{ border-color: rgba(255,255,255,.6); }

/* Список + стилізований скрол під фон */
.ic-cc__list{
  max-height: 236px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.45) transparent;
}
.ic-cc__list::-webkit-scrollbar{ width: 8px; }
.ic-cc__list::-webkit-scrollbar-track{ background: transparent; }
.ic-cc__list::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.35);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
.ic-cc__list::-webkit-scrollbar-thumb:hover{
  background: rgba(255,255,255,.55);
  background-clip: padding-box;
}

.ic-cc__item{
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 7px 8px;
  border-radius: 8px;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  color: #fff;
}
.ic-cc__item:hover{ background: rgba(255,255,255,.14); }
.ic-cc__item .ic-cc__abbr{ min-width: 30px; font-weight: 600; color: #fff; }
.ic-cc__item .ic-cc__dial{ margin-left: auto; color: rgba(255,255,255,.7); font-variant-numeric: tabular-nums; }

/* Верхнее меню: все чипы в один ряд, высота кнопок как раньше */
@media (min-width: 768px) {
  .heser-menu .navbar-nav { white-space: nowrap; }
  .heser-menu .navbar-nav > li { float: none; display: inline-block; vertical-align: middle; }
}

/* Нижняя строка: кастомный дропдаун канала с иконками мессенджеров */
.mob-0tab .mob-cc{ display:flex; align-items:center; text-align:left; }
.mob-0tab .mob-cc__label{ display:inline-flex; align-items:center; gap:8px; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.mob-0tab .mob-cc__label svg{ width:16px; height:16px; flex:none; }
.mob-0tab .mob-cc__label .mob-cc__t{ overflow:hidden; text-overflow:ellipsis; }
.mob-cc-list{ position:absolute; left:0; right:0; bottom:calc(100% + 8px); margin:0; padding:6px; list-style:none; background:#fff; border-radius:12px; box-shadow:0 12px 32px rgba(10,40,90,.28); display:none; z-index:1000000000; max-height:264px; overflow:auto; }
.mob-cc-list.is-open{ display:block; }
.mob-cc-list li{ display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:8px; cursor:pointer; color:#0B3D82; font-family:"Open Sans",sans-serif; font-size:14px; font-weight:600; white-space:nowrap; }
.mob-cc-list li:hover{ background:#eef4ff; }
.mob-cc__ic{ display:inline-flex; flex:none; }
.mob-cc__ic svg{ width:18px; height:18px; display:block; }

/* Бирюзовый градиент за блоком FAQ (Figma) — крупный гладкий wash, site-wide */
#block_faq-home{
  background:
    radial-gradient(1300px 720px at 8% 40%, rgba(88,210,192,0.42), transparent 60%),
    radial-gradient(1100px 620px at 100% 95%, rgba(150,232,208,0.34), transparent 62%);
}

/* ===== Калькулятор: еле заметный пульсирующий glow + стеклянный блик (liquid glass).
   Только эта кнопка (по href information_id=7). Откат: удалить этот блок. ===== */
.navbar-nav a.white[href*="information_id=7"],.navbar-nav a.is-calc{
  animation: calc-glow 5.5s ease-in-out infinite;
}
@keyframes calc-glow{
  0%, 100%{
    box-shadow: 0 4px 10px rgba(83,89,154,0.20),
                0 0 8px rgba(90,160,240,0.40),
                0 0 16px rgba(120,180,255,0.20),
                inset 0 1px 0 rgba(255,255,255,0.65);
  }
  50%{
    box-shadow: 0 4px 10px rgba(83,89,154,0.20),
                0 0 26px rgba(90,160,240,0.95),
                0 0 50px rgba(120,180,255,0.62),
                inset 0 1px 0 rgba(255,255,255,0.95);
  }
}
@media (prefers-reduced-motion: reduce){
  .navbar-nav a.white[href*="information_id=7"],.navbar-nav a.is-calc{ animation: none; }
}

/* Sticky-хедер только на десктопе (≥1100px). Моб. версия не трогается.
   Класс ic-fixed и отступ-компенсатор ставит JS в header.twig. Откат: удалить блок + скрипт. */
@media (min-width: 1100px){
  header.ic-fixed{
    position: fixed; top: 0; left: 0; right: 0;
    z-index: 9000;                       /* всегда над контентом (модалки 9999 остаются выше) */
    background: rgba(255,255,255,0.72);  /* плотнее — контент не просвечивает */
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
  }
  .clinic-tabs.fixeted{ top: var(--ic-header-h, 0px); }
  .ms-docfilter__inner{ z-index: 900; }   /* фильтр — под липким хедером */
}

/* ===== Пакетные предложения: бирюзовый glow (как у калькулятора, но teal).
   Только эта кнопка (по href route=product/packages). Откат: удалить блок. ===== */
.navbar-nav a[href*="route=product/packages"],.navbar-nav a.is-packages{
  animation: pkg-glow 5.5s ease-in-out infinite;
}
@keyframes pkg-glow{
  0%, 100%{
    box-shadow: 0 4px 10px rgba(83,89,154,0.20),
                0 0 8px rgba(56,210,200,0.40),
                0 0 16px rgba(120,235,220,0.20),
                inset 0 1px 0 rgba(255,255,255,0.65);
  }
  50%{
    box-shadow: 0 4px 10px rgba(83,89,154,0.20),
                0 0 26px rgba(56,210,200,0.95),
                0 0 50px rgba(120,235,220,0.62),
                inset 0 1px 0 rgba(255,255,255,0.95);
  }
}
@media (prefers-reduced-motion: reduce){
  .navbar-nav a[href*="route=product/packages"],.navbar-nav a.is-packages{ animation: none; }
}

/* ===== Пакети — premium-картка (.pkgc) — редизайн 2026-09-22 ===== */
.pkgc{background:#fff;border:1px solid #E7EDF6;border-radius:22px;box-shadow:0 8px 24px rgba(16,24,40,.08);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.pkgc:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(16,24,40,.16)}
.pkgc__hero{position:relative;aspect-ratio:16/9;background:#dbe6f7;overflow:hidden}
.pkgc__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.pkgc__badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;background:#0FA36B;color:#fff;font-size:12.5px;font-weight:700;padding:6px 11px;border-radius:10px;box-shadow:0 4px 12px rgba(15,163,107,.35);z-index:2}
.pkgc__fav{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 4px 12px rgba(16,24,40,.18);cursor:pointer;padding:0;z-index:2}
.pkgc__heart--fill{display:none}
.pkgc__fav.is-active .pkgc__heart--line{display:none}
.pkgc__fav.is-active .pkgc__heart--fill{display:block}
.pkgc__body{padding:16px;display:flex;flex-direction:column;gap:14px;flex:1}
.pkgc__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.pkgc__name{font-size:20px;font-weight:700;line-height:1.2;color:#16244e;letter-spacing:-.2px;margin:0}
.pkgc__price{flex-shrink:0;text-align:right;white-space:nowrap;font-size:24px;font-weight:800;color:#033E8C;letter-spacing:-.5px;display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.pkgc__unit{font-size:11.5px;font-weight:400;color:#5a6b86}
.pkgc__entity{display:flex;align-items:center;gap:12px;background:#F4F7FB;border-radius:14px;padding:10px 12px;text-decoration:none;min-height:72px}
.pkgc__ava{width:56px;height:56px;border-radius:12px;flex-shrink:0;object-fit:cover;display:grid;place-items:center}
.pkgc__ava--clinic{background:linear-gradient(135deg,#3b6fc4,#5b8fe0)}
.pkgc__ava--doc{background:linear-gradient(135deg,#12876e,#38c0a4)}
.pkgc__entity-t{min-width:0;flex:1;display:flex;flex-direction:column}
.pkgc__entity-name{font-size:15px;font-weight:700;color:#16244e;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkgc__entity-sub{font-size:12.5px;color:#5a6b86;margin-top:2px}
.pkgc__chev{flex-shrink:0;color:#a9b6cd;display:flex}
.pkgc__chips{display:flex;flex-wrap:wrap;gap:8px}
.pkgc__chip{display:inline-flex;align-items:center;gap:6px;background:#eef3fb;color:#16244e;font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:10px;min-height:32px}
.pkgc__chip svg{flex-shrink:0;color:#0b57d0}
.pkgc__acc{border:1px solid #E7EDF6;border-radius:14px;overflow:hidden}
.pkgc__acc-sum{display:flex;align-items:center;gap:10px;padding:12px;cursor:pointer;background:#fff;width:100%;border:none;font-family:inherit;text-align:left}
.pkgc__acc-ic{color:#0b57d0;flex-shrink:0;display:flex}
.pkgc__acc-t{flex:1;min-width:0}
.pkgc__acc-t b{display:block;font-size:14px;font-weight:700;color:#16244e}
.pkgc__acc-prev{display:block;font-size:12.5px;color:#5a6b86;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkgc__acc-chev{color:#9aa6bd;transition:transform .25s;display:flex;flex-shrink:0}
.pkgc__acc-content{padding:2px 14px 14px;font-size:13.5px;color:#2b3b57;line-height:1.5}
.paked-card__details--open .pkgc__acc-prev{display:none}
.paked-card__details--open .pkgc__acc-chev{transform:rotate(180deg)}
.pkgc__cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:linear-gradient(91deg,#203C76,#3C6FDC);color:#fff;border:none;font-family:inherit;font-size:15px;font-weight:700;padding:14px;border-radius:14px;cursor:pointer;box-shadow:0 10px 22px rgba(35,64,120,.28)}
.pkgc__cta:hover{filter:brightness(1.04)}
@media (prefers-reduced-motion: reduce){ .pkgc{transition:none} }
.pkgc__name{min-width:0;overflow-wrap:break-word;font-size:19px}
.pkgc__price{font-size:22px}

/* ===== Пакети — premium-картка: нові елементи з табу «Картка на сайті» (2026-09-22) ===== */
.pkgc__loc{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;background:rgba(16,24,40,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:999px;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkgc__title{min-width:0;flex:1}
.pkgc__subtitle{margin:6px 0 0;font-size:13px;line-height:1.35;color:#5a6b86}
.pkgc__price--sale{background:#EEF3FB;border-radius:14px;padding:8px 10px 6px;gap:3px}
.pkgc__timer{display:inline-flex;align-items:center;gap:4px;background:#F0463C;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:7px;letter-spacing:0;white-space:nowrap}
.pkgc__old{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#8a97ad;letter-spacing:0}
.pkgc__disc{background:#FDE3E1;color:#E0362C;font-size:11.5px;font-weight:700;padding:2px 7px;border-radius:999px}
.pkgc__now{display:block}
.pkgc__hl{display:flex;align-items:center;gap:10px;background:#E8F6EF;color:#155c3d;font-size:13px;font-weight:600;line-height:1.35;padding:10px 12px;border-radius:12px}
.pkgc__hl-ic{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#0FA36B;display:grid;place-items:center}
.pkgc__rate{display:flex;align-items:center;gap:4px;font-size:12.5px;color:#5a6b86;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pkgc__rate b{color:#16244e;font-weight:700}
.pkgc__star{flex-shrink:0}
.pkgc__list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.pkgc__list li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#2b3b57;line-height:1.35}
.pkgc__tick{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#DDF3E8;display:grid;place-items:center;margin-top:1px}
.pkgc__acc-content .pkgc__list{padding-left:0}

/* =========================================================
   Форма заявки (футер + модалка «Допомога») — Liquid Glass
   Ліва панель — синє тоноване скло (як hero і «Дякуємо»),
   права — світле матове скло з полями. (2026-09-22)
   ========================================================= */
.form-footer.form-footer--glass{
  position: relative;
  gap: 0;
  align-items: stretch;
  padding: 12px;
  border-radius: 36px;
  background: rgba(255,255,255,.26);
  border: 1px solid rgba(255,255,255,.6);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  box-shadow: 0 30px 70px rgba(10,43,74,.16), inset 0 1px 0 rgba(255,255,255,.9);
}
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))){
  .form-footer.form-footer--glass{ background: #f2f9fc; }
}

/* ---- Ліва панель: синє скло ---- */
.form-footer--glass .left-form-footer{
  position: relative;
  overflow: hidden;
  flex: 0 0 46%;
  width: auto;
  display: flex;
  flex-direction: column;
  padding: 44px 40px 40px;
  border-radius: 28px;
  background:
    radial-gradient(420px 260px at 100% 0%, rgba(140,185,255,.30), transparent 70%),
    radial-gradient(360px 300px at 0% 100%, rgba(150,120,255,.22), transparent 70%),
    linear-gradient(160deg, rgba(11,79,168,.58), rgba(3,62,140,.42));
  border: 1px solid rgba(255,255,255,.45);
  box-shadow: 0 14px 34px rgba(3,62,140,.18), inset 0 1px 0 rgba(255,255,255,.55);
}
/* блік зверху — «рідке» скло */
.form-footer--glass .left-form-footer::before{
  content: "";
  position: absolute;
  top: -40px; left: -20px; right: -20px; height: 90px;
  background: rgba(255,255,255,.22);
  filter: blur(22px);
  pointer-events: none;
}
.form-footer--glass .title-form-footer{
  position: relative;
  color: #fff;
  text-shadow: 0 1px 2px rgba(3,30,80,.25);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.5px;
  margin: 0 0 14px;
}
.form-footer--glass .text-form-footer{
  position: relative;
  color: rgba(255,255,255,.94);
  text-shadow: 0 1px 2px rgba(3,30,80,.25);
  font-size: 16px;
  line-height: 1.55;
  margin: 0 0 32px;
}
.form-footer--glass .items-form-footer{
  position: relative;
  margin-top: auto;
  gap: 12px;
}
.form-footer--glass .item-form-footer{
  min-height: 128px;
  padding: 16px;
  border-radius: 20px;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
  transition: background .2s, transform .2s;
}
.form-footer--glass .item-form-footer:hover{ background: rgba(255,255,255,.18); transform: translateY(-2px); }
.form-footer--glass .icon-form-footer{
  width: 44px; height: 44px;
  border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.94);
  box-shadow: 0 6px 14px rgba(3,30,80,.18);
}
.form-footer--glass .icon-form-footer svg{ width: 26px; height: 26px; }
.form-footer--glass .num-form-footer{
  top: 14px; right: 14px;
  width: 28px; height: 28px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  color: #fff;
  border: 1px solid rgba(255,255,255,.4);
  background: rgba(255,255,255,.1);
}
.form-footer--glass .info-form-footer{
  margin-top: 14px;
  color: #fff;
  text-shadow: 0 1px 2px rgba(3,30,80,.3);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.2px;
}

/* ---- Права панель: форма ---- */
.form-footer--glass .righr-form-footer{
  flex: 1 1 auto;
  width: auto;
  padding: 36px 40px 32px 44px;
}
.form-footer--glass .ask-form label,
.form-footer--glass .f-label{
  display: block;
  padding: 0 0 0 2px;
  margin: 0 0 6px;
  color: #0A2B4A;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
}
.form-footer--glass .ask-form input[type="text"],
.form-footer--glass .ask-form input[type="email"],
.form-footer--glass .ask-form textarea,
.form-footer--glass .phone-field{
  width: 100%;
  margin: 0 0 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(11,79,168,.16);
  box-shadow: 0 1px 2px rgba(10,43,74,.04);
  color: #0A2B4A;
  font-size: 15px;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
.form-footer--glass .ask-form input[type="text"],
.form-footer--glass .ask-form input[type="email"]{ padding: 13px 16px; }
.form-footer--glass .ask-form textarea{ display: block; padding: 12px 16px; min-height: 88px; resize: vertical; }
.form-footer--glass .phone-field{
  display: flex;
  align-items: center;
  padding: 0 0 0 14px;
}
.form-footer--glass .ask-form input[type="tel"]{
  flex: 1 1 auto;
  min-width: 0;
  padding: 13px 14px 13px 12px;
  color: #0A2B4A;
  font-size: 15px;
  outline: none;
}
.form-footer--glass .ic-cc__btn{ color: #0A2B4A; border-right-color: rgba(11,79,168,.18); }
.form-footer--glass .ask-form input::placeholder,
.form-footer--glass .ask-form textarea::placeholder{ color: #8a9bb0; }
.form-footer--glass .ask-form input[type="text"]:focus,
.form-footer--glass .ask-form input[type="email"]:focus,
.form-footer--glass .ask-form textarea:focus,
.form-footer--glass .phone-field:focus-within{
  outline: none;
  background: #fff;
  border-color: #0B4FA8;
  box-shadow: 0 0 0 4px rgba(11,79,168,.12);
}

/* Месенджери — чіпи з назвою */
.form-footer--glass .channels{
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}
.form-footer--glass .channels__input{
  position: absolute;
  opacity: 0;
  width: 1px; height: 1px;
  pointer-events: none;
}
.form-footer--glass .ask-form .channels__btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 5px 16px 5px 5px;
  border-radius: 999px;
  cursor: pointer;
  color: #0A2B4A;
  font-size: 14px;
  font-weight: 600;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(11,79,168,.16);
  transition: .15s;
}
.form-footer--glass .channels__btn svg{ width: 30px; height: 30px; flex: none; }
.form-footer--glass .channels__btn:hover{ border-color: rgba(11,79,168,.45); background: #fff; }
.form-footer--glass .channels__input:checked + .channels__btn{
  background: #fff;
  border-color: #0B4FA8;
  color: #0B4FA8;
  box-shadow: 0 0 0 3px rgba(11,79,168,.14);
}
.form-footer--glass .channels__input:focus-visible + .channels__btn{ box-shadow: 0 0 0 3px rgba(11,79,168,.35); }

/* Чекбокс згоди */
.form-footer--glass .ask-form .checkline{
  position: relative;
  display: block;
  margin: 2px 0 18px;
  padding: 0 0 0 30px;
  color: #3d5670;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.45;
  cursor: pointer;
}
.form-footer--glass .checkline input[type="checkbox"]{
  position: absolute;
  left: 0; top: 0;
  width: 20px; height: 20px;
  margin: 0;
  opacity: 0;
}
.form-footer--glass .checkline__box{
  position: absolute;
  left: 0; top: 0;
  width: 20px; height: 20px;
  border-radius: 6px;
  background: #fff;
  border: 1.5px solid rgba(11,79,168,.35);
  transition: .15s;
}
.form-footer--glass .checkline input:checked + .checkline__box{
  background: #0B4FA8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
  border-color: #0B4FA8;
}
.form-footer--glass .checkline input:focus-visible + .checkline__box{ box-shadow: 0 0 0 3px rgba(11,79,168,.3); }
.form-footer--glass .checkline a{ color: #0B4FA8; text-decoration: underline; text-underline-offset: 2px; }

/* Кнопка */
.form-footer--glass .btn-send{
  width: 100%;
  padding: 15px 20px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  background: linear-gradient(180deg, #1d62c4 0%, #033E8C 100%);
  box-shadow: 0 12px 26px rgba(3,62,140,.30), inset 0 1px 0 rgba(255,255,255,.28);
  transition: transform .15s, box-shadow .15s;
}
.form-footer--glass .btn-send:hover{ opacity: 1; transform: translateY(-1px); box-shadow: 0 16px 30px rgba(3,62,140,.36), inset 0 1px 0 rgba(255,255,255,.28); }
.form-footer--glass .btn-send:disabled{ opacity: .7; transform: none; }

/* «+ Добавить email или вопрос» + рядок довіри під кнопкою */
.form-footer--glass .ask-more{
  display: inline-block;
  margin: -4px 0 14px;
  padding: 2px 0;
  border: 0;
  background: none;
  color: #0B4FA8;
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
}
.form-footer--glass .ask-more:hover{ text-decoration: underline; text-underline-offset: 2px; }
.form-footer--glass .ask-more[hidden]{ display: none; }
.form-footer--glass .ask-extra{ animation: askExtraIn .2s ease-out; }
@keyframes askExtraIn{ from{ opacity: 0; transform: translateY(-4px); } to{ opacity: 1; transform: none; } }
.form-footer--glass .ask-trust{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 18px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.form-footer--glass .ask-trust li{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #3d5670;
  font-size: 13px;
  font-weight: 600;
}
.form-footer--glass .ask-trust svg{ color: #1D9E75; flex: none; }

/* ---- Модалка «Допомога» ---- */
.ms-helpmodal .modal-dialog.modal-lg{ width: auto; max-width: 1080px; margin: 40px auto; padding: 0 12px; }
.ms-helpmodal .form-footer.form-footer--glass{ background: rgba(245,250,253,.34); } /* сторінка під модалкою просвічує крізь розмите скло */
.form-footer__close{
  position: absolute;
  top: 18px; right: 18px;
  z-index: 5;
  width: 38px; height: 38px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #0A2B4A;
  background: rgba(255,255,255,.8);
  border: 1px solid rgba(11,79,168,.14);
  cursor: pointer;
  transition: .15s;
}
.form-footer__close:hover{ background: #fff; color: #0B4FA8; }

/* ---- Адаптив ---- */
@media (max-width: 991px){
  .form-footer.form-footer--glass{ flex-direction: column; }
  .form-footer--glass .left-form-footer{ flex: none; padding: 32px 28px; }
  .form-footer--glass .righr-form-footer{ padding: 28px 22px 24px; }
  .form-footer--glass .items-form-footer{ grid-template-columns: repeat(4, 1fr); }
  .form-footer--glass .item-form-footer{ min-height: 0; }
}
@media (max-width: 768px){
  .form-footer.form-footer--glass{ padding: 8px; border-radius: 26px; }
  .form-footer--glass .left-form-footer{ display: flex; padding: 24px 20px 22px; border-radius: 20px; }
  .form-footer--glass .title-form-footer{ font-size: 22px; margin-bottom: 8px; padding-right: 36px; }
  .form-footer--glass .text-form-footer{ font-size: 14px; margin: 0; }
  .form-footer--glass .items-form-footer{ display: none; }
  .form-footer--glass .righr-form-footer{ width: 100%; padding: 20px 12px 16px; }
  .form-footer--glass .ask-form .channels__btn{ flex: 1 1 0; justify-content: center; padding-right: 10px; font-size: 13px; }
  .form-footer--glass .channels__btn svg{ width: 26px; height: 26px; }
  .ms-helpmodal .modal-dialog.modal-lg{ margin: 12px auto; padding: 0 8px; }
  .form-footer__close{ top: 16px; right: 16px; background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.35); color: #fff; }
}

/* Строк пакета — плашка на фото (праворуч знизу, навпроти локації). Було чіпом під лікарем. */
.pkgc__term{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.94);color:#16244e;font-size:12.5px;font-weight:700;padding:6px 11px;
  border-radius:999px;box-shadow:0 4px 12px rgba(16,24,40,.18);z-index:2;white-space:nowrap}
.pkgc__term svg{color:#0b57d0;flex-shrink:0}

/* hero-cta «Сделайте первый шаг…»: на 769–1199px (планшет / большой зум)
   форма (мин. ~640px) не влезала в колонку — кнопка уезжала за экран.
   В этом диапазоне ставим форму под заголовок. */
@media (min-width: 769px) and (max-width: 1199px) {
  .hero-cta__wrap { grid-template-columns: 1fr; gap: 20px; }
  .hero-cta__left { justify-content: center; }
  .contact-mini2-right { max-width: 720px; width: 100%; margin: 0 auto; }
  .contact-mini2 .contact-mini2__row:first-child { flex: 1 1 auto; }
}

/* ===== Липкая навигация по якорям (клиника / врач), liquid glass.
   Разметка .ic-anchors в product.twig и manufacturer_info.twig, логика в javascript/ic-anchors.js.
   Стекло 25% + blur 20px, активный пункт — синий 85% (контраст белого текста ≥ 4.5:1).
   Старый .clinic-tabs не трогаем — он ещё используется на странице благотворительности.
   Откат: удалить блок + вернуть старую разметку из _backup/20260923_010604-anchor-nav. ===== */
.ic-anchors{ position: relative; display: flex; justify-content: center; margin: 20px 0 8px; }
.ic-anchors__bar{
  display: flex; align-items: center; max-width: 100%;
  padding: 3px; border-radius: 999px;
  background: rgba(255,255,255,.25);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255,255,255,.6);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 2px 10px rgba(3,62,140,.06);
}
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))){
  .ic-anchors__bar{ background: rgba(255,255,255,.92); }
}
.ic-anchors.is-stuck .ic-anchors__bar{
  position: fixed; left: 50%; transform: translateX(-50%);
  max-width: calc(100vw - 28px);
  z-index: 8990;                         /* под липкой шапкой (9000) и модалками */
}
.ic-anchors__nav{
  position: relative; display: flex; min-width: 0;
  overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch;
}
.ic-anchors__nav::-webkit-scrollbar{ display: none; }
.ic-anchors__nav a{
  position: relative; z-index: 1; flex: 0 0 auto; white-space: nowrap;
  padding: 7px 16px; border-radius: 999px;
  font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 1.5;
  color: rgba(20,24,40,.86); text-decoration: none;
  transition: color .25s;
}
.ic-anchors__nav a:hover{ color: #033E8C; text-decoration: none; }
.ic-anchors__nav a:focus-visible{ outline: 2px solid #033E8C; outline-offset: -2px; }
.ic-anchors__nav a.is-active{ color: #fff; font-weight: 600; }
.ic-anchors__ind{
  position: absolute; top: 0; left: 0; height: 100%; width: 0;
  border-radius: 999px; opacity: 0;
  background: rgba(11,79,168,.85);
  border: 1px solid rgba(255,255,255,.4);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  transition: transform .35s cubic-bezier(.3,1.2,.4,1), width .35s cubic-bezier(.3,1.2,.4,1), opacity .2s;
  pointer-events: none;
}
.ic-anchors__rate{ margin-left: 6px; font-weight: 600; }
.ic-anchors__star{ color: #E0A100; margin-right: 2px; }
.ic-anchors__nav a.is-active .ic-anchors__star{ color: #FFD466; }

/* CTA: только на широких экранах; на мобильном заявку ведёт нижний бар .mob-0tab */
.ic-anchors__cta{
  flex: 0 0 auto; white-space: nowrap; overflow: hidden;
  max-width: 0; padding: 7px 0; margin-left: 0; opacity: 0;
  border: 0; border-radius: 999px;
  background: #0F7A5F; color: #fff;
  font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 600; line-height: 1.5;
  cursor: pointer; pointer-events: none;
  transition: max-width .4s ease, padding .4s ease, margin .4s ease, opacity .3s, background .2s;
}
.ic-anchors__cta.is-shown{ max-width: 260px; padding: 7px 18px; margin-left: 4px; opacity: 1; pointer-events: auto; }
.ic-anchors__cta:hover{ background: #0B6650; }
.ic-anchors__cta:focus-visible{ outline: 2px solid #033E8C; outline-offset: 2px; }
@media (max-width: 1099px){ .ic-anchors__cta{ display: none; } }

@media (max-width: 768px){
  .ic-anchors{ justify-content: flex-start; margin: 14px 0 6px; }
  .ic-anchors__nav a{ padding: 11px 16px; }          /* цель под палец ≈ 44px */
  .ic-anchors__nav{                                    /* затухание справа — подсказка, что листается */
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
    mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
  }
  .ic-anchors__nav.is-end{ -webkit-mask-image: none; mask-image: none; }
}
@media (prefers-reduced-motion: reduce){
  .ic-anchors__ind, .ic-anchors__cta, .ic-anchors__nav a{ transition: none; }
}

/* «Ціна дійсна до …» — межа дії ціни під самою ціною */
.pkgc__valid{display:block;font-size:11px;font-weight:600;color:#6b7a94;letter-spacing:0;margin-top:2px;white-space:nowrap}
.pkgc__price--sale .pkgc__valid{color:#5a6b86}

/* Верх картки: заголовку — місце, ціні — компактність.
   Термін дії ціни й таймер переїхали під заголовок окремим рядком. */
.pkgc__top{gap:10px;align-items:flex-start}
.pkgc__title{flex:1 1 auto;min-width:0}
.pkgc__name{overflow-wrap:break-word;word-break:normal;hyphens:manual}
.pkgc__price{flex:0 0 auto;max-width:42%;font-size:21px;gap:1px}
.pkgc__price--sale{padding:6px 9px 5px}
.pkgc__old{font-size:12.5px}
.pkgc__deadline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:-4px}
.pkgc__deadline .pkgc__timer{flex-shrink:0}
.pkgc__valid{display:inline;font-size:11.5px;font-weight:600;color:#6b7a94;white-space:normal}

/* Картка нижча приблизно на 11% без втрати вигляду:
   фото трохи панорамніше, менші проміжки, компактніші блоки клініки й лікаря. */
.pkgc__hero{aspect-ratio:2/1}
.pkgc__body{padding:14px;gap:11px}
.pkgc__entity{min-height:64px;padding:8px 10px;gap:10px}
.pkgc__ava{width:48px;height:48px;border-radius:11px}
.pkgc__ava svg{width:21px;height:21px}
.pkgc__acc-sum{padding:10px 12px}
.pkgc__acc-content{padding:2px 12px 12px}
.pkgc__cta{padding:12px;font-size:14.5px}
.pkgc__deadline{margin-top:-2px}

/* Другий прохід: прибираємо повітря всередині блоків, шрифти лишаємо читабельними */
.pkgc__body{gap:10px}
.pkgc__hero{aspect-ratio:2.1/1}
.pkgc__name{font-size:18px;line-height:1.18}
.pkgc__subtitle{margin-top:4px;font-size:12.5px;line-height:1.3}
.pkgc__entity{min-height:0}
.pkgc__entity-t{gap:1px}
.pkgc__rate{margin-top:1px;font-size:12px}
.pkgc__entity-sub{margin-top:0;font-size:12px}
.pkgc__entity-name{font-size:14.5px}
.pkgc__acc-sum{padding:9px 12px}
.pkgc__acc-t b{font-size:13.5px}
.pkgc__acc-prev{margin-top:1px}
.pkgc__deadline{margin-top:-3px}
.pkgc__timer{padding:2px 7px}
.pkgc__cta{padding:11px}


/* =================================================================
   home-dirs — блок «Направления» на главной (2026-09-23)
   Заменил слайдер .home-topcats (его стили выше больше не используются).
   Карточка = уровень 1 каталога: название в одну строку + «X клиник ·
   Y заболеваний». Тот же компонент планируется для заболеваний/процедур
   (у процедур вторая строка «X клиник · от $Y», цена — .home-dirs__meta-price).
   Лента: grid по колонкам + scroll-snap, листается «страницами».
   ================================================================= */
.home-dirs{--rows:4;--cols:3;--gap:12px;color:#033E8C;font-family:"Open Sans",sans-serif;margin:8px 0 0}
.home-dirs__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 20px}
.home-dirs__title{margin:0;font-size:32px;font-weight:700;letter-spacing:-1.12px;line-height:1.15;color:#033E8C}
.home-dirs__lead{margin:8px 0 0;display:flex;align-items:center;gap:8px;font-size:16px;line-height:1.4;color:#033E8C}
.home-dirs__lead-ic{flex:0 0 28px;height:28px;border-radius:50%;background:#E3F5EC;color:#1E9E6A;display:grid;place-items:center}
.home-dirs__lead b{font-weight:700}

.home-dirs__body{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(0,1fr);gap:var(--gap);align-items:stretch}

.home-dirs__track{list-style:none;margin:-12px -12px -24px;padding:12px 12px 24px;   /* место под тень карточек (снизу больше — тень падает вниз) */
  display:grid;grid-auto-flow:column;grid-template-rows:repeat(var(--rows),auto);
  grid-auto-columns:calc((100% - (var(--cols) - 1)*var(--gap)) / var(--cols));
  gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 12px;
  scrollbar-width:none;overscroll-behavior-x:contain}
/* Правый padding = gap, поэтому следующая страница начинается ровно за краем
   ленты и не видна — clip-path не нужен (он резал тени резкой линией). */
.home-dirs__track::-webkit-scrollbar{display:none}
.home-dirs__track li{scroll-snap-align:start;min-width:0;margin:0;padding:0;display:flex}

/* Плитка тянется на высоту ряда: рядом с карточкой координатора ряды
   делят её высоту, и низ плиток совпадает с низом карточки. Все плитки
   при этом одной высоты; без карточки сбоку — просто min-height. */
.home-dirs__tile{flex:1;display:flex;align-items:center;gap:9px;min-height:72px;padding:10px 12px;
  background:#FFF;border-radius:16px;box-shadow:0 6px 16px 0 rgba(83,89,154,.10);
  text-decoration:none;color:#033E8C;border:1px solid transparent;transition:border-color .15s}
.home-dirs__tile:hover,.home-dirs__tile:focus{border-color:#C9D7FB;color:#033E8C;text-decoration:none}
.home-dirs__tile:focus-visible{outline:2px solid #4174F6;outline-offset:2px}
.home-dirs__icon{flex:0 0 40px;height:40px;border-radius:12px;background:#EEF3FE;display:grid;place-items:center}
.home-dirs__icon img{width:26px;height:26px;object-fit:contain}
.home-dirs__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
/* 1-я строка — название, строго одна строка; 2-я — факты, серым */
.home-dirs__name,.home-dirs__meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* на сайте Open Sans подключён только 400/700 — 600 рисуется как 700, отсюда плотный трекинг */
.home-dirs__name{font-size:16px;font-weight:600;line-height:22px;letter-spacing:-.45px}
.home-dirs__meta{font-size:14px;line-height:20px;color:#5B6B86;min-height:20px}
.home-dirs__meta-price{color:#1E9E6A}

/* Карточка врача-координатора */
.home-dirs__doc{position:relative;overflow:hidden;border-radius:20px;padding:20px;color:#fff;
  background:linear-gradient(160deg,#0A4FAE 0%,#033E8C 55%,#022E6B 100%);box-shadow:0 10px 25px 0 rgba(83,89,154,.10);
  display:flex;flex-direction:column;gap:12px}
.home-dirs__doc::after{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle,rgba(65,116,246,.55),transparent 70%);pointer-events:none}
.home-dirs__doc-badge{align-self:flex-start;display:inline-flex;align-items:center;font-size:12px;font-weight:600;
  letter-spacing:.2px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.14)}
.home-dirs__doc-title{margin:0;font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-.4px;color:#fff;text-wrap:balance}
.home-dirs__doc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.35}
.home-dirs__doc-list li{display:flex;gap:8px;align-items:flex-start;margin:0}
.home-dirs__doc-list svg{flex:0 0 16px;margin-top:2px;color:#8FE3BC}
.home-dirs__doc-cta{margin-top:auto;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}
.home-dirs__doc-btn{display:flex;justify-content:center;align-items:center;gap:8px;
  font:700 15px/1.25 "Open Sans",sans-serif;text-align:center;text-wrap:balance;color:#033E8C;background:#fff;
  border:0;border-radius:12px;padding:12px 14px;text-decoration:none;cursor:pointer}
.home-dirs__doc-btn:hover,.home-dirs__doc-btn:focus{background:#EEF3FE;color:#033E8C;text-decoration:none}
.home-dirs__doc-btn svg{flex:0 0 16px}
.home-dirs__doc-note{font-size:12px;opacity:.75;text-align:center}

/* Стрелки — как у прежнего слайдера */
.home-dirs__pager{display:flex;align-items:center;gap:12px}
.home-dirs__count{font-size:15px;color:#5B6B86;min-width:52px;text-align:center;font-variant-numeric:tabular-nums}
.home-dirs__btn{width:48px;height:48px;padding:0;border:1.5px solid #F1F1F1;background:#fff;border-radius:12px;
  display:grid;place-items:center;cursor:pointer;color:#000;transition:opacity .2s,border-color .2s}
.home-dirs__btn:hover{border-color:#C9D7FB}
.home-dirs__btn:disabled{opacity:.3;cursor:default}
.home-dirs__pager--bottom{display:none;justify-content:center;margin-top:6px}

/* Карточка координатора сбоку — только при контейнере 1280 (≥1400px).
   Уже (контейнер Bootstrap 1170 и меньше) — баннером под плитками,
   иначе длинные названия не влезают в одну строку. */
@media (max-width:1399px){
  .home-dirs{--rows:3;--cols:3}
  .home-dirs__body{grid-template-columns:1fr}
  .home-dirs__doc{display:grid;grid-template-columns:1fr auto;grid-template-areas:"badge btn" "title btn" "list btn";
    column-gap:24px;row-gap:10px;padding:20px 24px;margin-top:8px}
  .home-dirs__doc-badge{grid-area:badge;justify-self:start}
  .home-dirs__doc-title{grid-area:title}
  .home-dirs__doc-list{grid-area:list;flex-direction:row;flex-wrap:wrap;gap:6px 16px}
  .home-dirs__doc-cta{grid-area:btn;align-self:center;margin-top:0}
}
@media (max-width:1024px){
  .home-dirs{--rows:4;--cols:2}
  .home-dirs__tile{min-height:68px}
  .home-dirs__name{font-size:15px}
}
@media (max-width:640px){
  .home-dirs{--rows:4;--cols:1;--gap:8px}
  .home-dirs__title{font-size:24px}
  .home-dirs__lead{font-size:14px;align-items:flex-start}
  .home-dirs__lead-ic{flex-basis:24px;height:24px}
  .home-dirs__head{margin-bottom:14px}
  .home-dirs__head .home-dirs__pager{display:none}
  .home-dirs__pager--bottom{display:flex}
  /* колонка ~88% ширины — край следующей виден справа и подсказывает свайп */
  .home-dirs__track{grid-auto-columns:88%}
  .home-dirs__tile{min-height:64px;padding:8px 12px;border-radius:12px}
  .home-dirs__icon{flex:0 0 34px;height:34px;border-radius:10px}
  .home-dirs__icon img{width:24px;height:24px}
  .home-dirs__doc{display:flex;padding:18px 16px;gap:12px;margin-top:6px}
  .home-dirs__doc-title{font-size:18px}
  .home-dirs__doc-list{flex-direction:column;gap:6px;font-size:13px}
  .home-dirs__doc-note{display:none}
  .home-dirs__doc-cta{align-self:stretch}
  .home-dirs__doc-btn{white-space:nowrap;font-size:14px;padding:13px 12px}
}

/* ===== Блок «питання-відповіді»: єдина картка в лікаря та клініки.
   Вигляд узятий з блока на головній (#block_faq-home): скло зі скругленням
   і два бірюзові радіальні градієнти. Усередині лишається штатне оформлення
   details/summary теми — там уже є плюс-мінус і білі рядки, дублювати не треба.
   Відкат: видалити цей блок і клас ic-faq-card у двох шаблонах. ===== */
.ic-faq-card {
  margin: 20px auto;
  padding: 16px 40px 24px;
  border-radius: 32px;
  border: 1px solid #FFF;
  background-color: rgba(255, 255, 255, 0.60);
  background-image:
    radial-gradient(1300px 720px at 8% 40%, rgba(88, 210, 192, 0.42), transparent 60%),
    radial-gradient(1100px 620px at 100% 95%, rgba(150, 232, 208, 0.34), transparent 62%);
  backdrop-filter: blur(52px);
}

.ic-faq-card details:last-child {
  margin-bottom: 0;
}

/* Глобальний індикатор + / − стоїть абсолютно праворуч (details:after),
   тому при переносі рядка текст питання заповзав під нього. */
.ic-faq-card summary {
  padding-right: 26px;
}

@media (max-width: 767px) {
  .ic-faq-card {
    margin: 12px auto;
    padding: 12px 12px 16px;
    border-radius: 20px;
  }
}