html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: 600;
}

*, *:after, *:before {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}


:root {
	--brand: #0065b1;
}

::selection {
	background: var(--brand);
	color: #fff;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

::-moz-selection {
	background: var(--brand);
	color: #fff;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background: transparent;
}

::-webkit-scrollbar-thumb {
	background: var(--brand);
	border: 1px solid var(--brand);
	border-radius: 6px;
}

::-webkit-scrollbar-track-piece {
	background: transparent;
}

html, body {
	width: 100%;
	min-height: 100%;
	background: #fff;
	-webkit-text-size-adjust: none;
}

html, body, textarea, input, button, select {
	font-size: 14px;
	font-family: 'Gilroy', sans-serif;
	color: #666;
	outline: 0px;
}

input[type=text], input[type=email], input[type=search], input[type=submit], textarea{
	-webkit-appearance: none;
} 

body {
	-webkit-overflow-scrolling: touch;
	min-height: 100vh;
	overflow: overlay;
	background: #ffffff;
}

body#tinymce {
	background: #fff;
	padding: 10px;
}

ul { 
	padding-left: 40px; 
	list-style: disc outside;
	margin-top: 1em;
	margin-bottom: 1em;
}

ol { 
	padding-left: 40px;
	list-style: decimal outside;
	margin-top: 1em;
	margin-bottom: 1em;
}

img {
	max-width: 100%;
	height: auto;
	border: 0px;
	vertical-align: bottom;
}

a {
	color: var(--brand);
	text-decoration: none;
}

@media (hover) {
	a:hover, .link:hover {
		color: #000;
	}
}

.clr::after {
	content: '';
	display: block;
	clear: both;
}

ul.noli, ul.noli ul, ul.noli li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.max {
	display: block;
	position: relative;
	margin: 0px auto;
    max-width: 1200px;
    width: calc(100% - 40px);
}

h1, h2, h3 {
	display: block;
	font-weight: 600;
	color: #000;
	margin: 0px 0px 15px 0px;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size: 19px;
}

h3 {
	font-size: 16px;
}


.wrapper {
    display: block;
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}




#header {
	display: block;
	position: relative;
	margin: 0 0 50px;
	background: var(--brand) url('../images/tbg.webp') center no-repeat;
	background-size: cover;
	padding: 30px 0;
}

.headerTop {
	display: flex;
	position: relative;
	justify-content: space-between;
	margin: 0 0 20px;
	color: rgb(255 255 255 / 50%);
	font-size: 13px;
}

.headerTop> ul {
	display: flex;
	align-items: center;
	position: RELATIVE;
}

.headerTop> ul> li {
	display: block;
	position: relative;
}

.headerTop> ul> li:not(:last-child) {
	margin: 0 25px 0 0;
}

.headerTop a {
	display: block;
	color: #fff;
	border-bottom: 1px dotted transparent;
}

.headerTop a:hover {
	border-color: #fff;
}

.headerTop .cityToggle {
	display: flex;
	align-items: center;
}

.headerTop .cityToggle a {
	margin-left: 5px;
}

.header {
	display: flex;
	position: relative;
	background: #fff;
	border-radius: 6px;
	z-index: 100;
	box-shadow: 0px 5px 35px rgb(0 0 0 / 15%);
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	height: 89px;
}

a.logo {
	display: flex;
	align-items: center;
}

a.logo> img {
	margin: 0 15px 0 0;
}

a.logo> span {

	flex-direction: column;
	color: #0065b1;
	font-size: 30px;
		font-weight: 600;
}

a.logo> span> b {



	color: #ee3f58;

}

.header ul.nav {
	display: flex;
	position: relative;
	align-items: CENTER;
}

.header ul.nav li {
	display: block;
	position: relative;
}

.header ul.nav li {
	margin: 0;
}

.header ul.nav li a {
	display: block;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	/* background: #999; */
	padding: 10px 20px;
	border-radius: 6px;
}

.header ul.nav li:not(.active) a:hover {
	color: var(--brand);
}

.header ul.nav li.active a {
	background: linear-gradient(270deg, rgb(112 86 255) 0%, rgb(72 45 226) 100%);
	color: #fff;
	text-shadow: 2px 2px 0px rgb(0 0 0 / 21%);
	box-shadow: inset 0px 20px 0px rgb(255 255 255 / 5%), inset 0px -2px 0px rgb(0 0 0 / 8%), 0px 8px 17px -7px rgb(72 45 226 / 42%);
}

form.findForm {display: flex;position: relative;margin: 0 10px 0;background: #fff;border-radius: 0 0 6px 6px;padding: 10px;align-items: center;box-shadow: 0px 5px 35px rgb(0 0 0 / 15%);}

form.findForm> select, form.findForm> .select2 {
	margin: 0 10px 0 0;
	border-radius: 6px;
}

form.findForm> button {
	width: 120px;
}

form.findForm> .select2 {
	width: calc(50% - 10px - 60px) !important;
	height: 40px;
}

form.findForm> .select2 span.selection {display: BLOCK;height: 100%;}

form.findForm> .select2-container .select2-selection--single {
	height: 100%;
}

form.findForm> .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
}

form.findForm> .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
}

.mainDisplay {
	display: block;
	padding: 50px;
	color: #fff;
	position: relative;
}

.mainDisplay img {
	position: absolute;
	bottom: -30px;
	right: 50px;
}

.mainDisplay h1 {
	display: block;
	font-size: 34px;
	line-height: 52px;
	font-weight: 900;
	color: #fff;
	text-shadow: 3px 3px 0px rgb(0 0 0 / 16%);
	margin: 0 0 30px;
}

.mds {
	display: flex;
	align-items: center;
	max-width: 500px;
}

.mds> .item {
	display: flex;
	flex-direction: column;
	margin: 0 20px 0 0;
	border: 1px solid rgb(255 255 255 / 37%);
	border-radius: 6px;
	padding: 15px;
	font-size: 13px;
	font-weight: 300;
}

.mds> .item> b {
	display: block;
	margin: 0 0 10px;
	font-size: 28px;
	font-weight: 900;
	text-shadow: 3px 3px 0px rgb(0 0 0 / 16%);
}



.citysList {
	display: flex;
	position: relative;
	flex-wrap: wrap;
}

.citysList> a {
	display: flex;
	width: 33.333%;
	font-size: 14px;
	font-weight: 500;
	padding: 5px 0;
}

.citysList> a:nth-child(1), .citysList> a:nth-child(2) {
	font-weight: bold;
	font-size: 16px;
}



.construction {
	display: flex;
	position: RELATIVE;
	margin: 0;
	flex-wrap: wrap;
}

.construction> .sidebar {
	display: block;
	width: 240px;
	margin: 0 40px 0 0;
	position: relative;
}

.construction> .content {
	display: BLOCK;
	position: relative;
	width: 100%;
}

.construction> .sidebar + .content {
	width: calc(100% - 280px);
}

.quickAppointment {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 9000;
	display: grid;
	gap: 8px;
	width: 270px;
	padding: 16px;
	background: #fff;
	border: 1px solid #e5e1ff;
	border-radius: 14px;
	box-shadow: 0 14px 45px rgba(45, 28, 145, .22);
}
.quickAppointmentText { display: flex; flex-direction: column; line-height: 1.25; }
.quickAppointmentText strong { color: #222; font-size: 16px; }
.quickAppointmentText span { color: #777; font-size: 13px; margin-top: 3px; }
.quickAppointmentPhone { color: #3f2bdf; font-size: 18px; font-weight: 700; }
.quickAppointmentButton {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	border-radius: 8px;
	background: #432ce4;
	color: #fff !important;
	font-weight: 600;
}
@media(max-width: 767px) {
	.quickAppointment { right: 12px; bottom: 12px; width: auto; left: 12px; grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: 10px 12px; column-gap: 10px; row-gap: 2px; }
	.quickAppointmentText { grid-column: 1; grid-row: 1; }
	.quickAppointmentText span { display: none; }
	.quickAppointmentText strong { font-size: 14px; }
	.quickAppointmentPhone { display: block; grid-column: 1; grid-row: 2; font-size: 16px; line-height: 1.2; white-space: nowrap; }
	.quickAppointmentButton { grid-column: 2; grid-row: 1 / span 2; height: 36px; padding: 0 14px; font-size: 13px; }
}

.mainDisplayItem {
	display: block;
	position: relative;
	margin: 0 0 100px;
}

h2.contitle {
	display: block;
	font-size: 28px;
	font-weight: 600;
	color: #000;
	margin: 0 0 30px;
}




.mainDoctorItem {
	display: block;
	text-align: center;
}

.mainDoctorItem .image, .mainDoctorItem .imageClinic {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 100%;
	border: 1px solid rgb(0 0 0 / 11%);
	margin: 0px auto 20px;
}

.mainDoctorItem .imageClinic {
	width: 100%;
	border-radius: 6px;
	padding: 10px;
	height: initial;
}

.mainDoctorItem .imageClinic img {
	max-width: 150px;
	max-height: 100px;
}

.context {
	display: block;
	position: relative;
	color: #666;
}

.context> p {
	display: BLOCK;
	margin: 0 0 20px;
}

.context p:last-child {
	margin: 0;
}







/**************************************************************************************************** DOC DOC OUT STYLES ***************************************/
span.metroCricle {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 0 3px 0 0;
}

form.searchForm {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #e7e7e7;
	border-radius: 6px;
	background: #fff;
	padding: 25px;
	justify-content: space-between;
	margin: 0 0 30px;
	padding-bottom: 0;
	background: #fff;
	box-shadow: 0px 5px 35px rgb(0 0 0 / 11%);
	border: 2px solid var(--brand);
	border-radius: 6px;
}

form.searchForm.loader::after {
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 50%) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOmF1dG87YmFja2dyb3VuZDojZmZmO2Rpc3BsYXk6YmxvY2s7IiB3aWR0aD0iNThweCIgaGVpZ2h0PSI1OHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPg0KPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYjY0N2MwIiBzdHJva2Utd2lkdGg9IjgiIHN0cm9rZS1kYXNoYXJyYXk9IjQyLjc2NDgyMTM3MDQ0MjcxIDQyLjc2NDgyMTM3MDQ0MjcxIiBkPSJNMjQuMyAzMEMxMS40IDMwIDUgNDMuMyA1IDUwczYuNCAyMCAxOS4zIDIwYzE5LjMgMCAzMi4xLTQwIDUxLjQtNDAgQzg4LjYgMzAgOTUgNDMuMyA5NSA1MHMtNi40IDIwLTE5LjMgMjBDNTYuNCA3MCA0My42IDMwIDI0LjMgMzB6IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0eWxlPSJ0cmFuc2Zvcm06c2NhbGUoMC44KTt0cmFuc2Zvcm0tb3JpZ2luOjUwcHggNTBweCI+DQogIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIxcyIga2V5VGltZXM9IjA7MSIgdmFsdWVzPSIwOzI1Ni41ODg5MjgyMjI2NTYyNSI+PC9hbmltYXRlPg0KPC9wYXRoPg0KPC9zdmc+) center no-repeat;
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    backdrop-filter: blur(1.5px);
}


.searchForm> .sfLeft, .searchForm> .sfRight {
    width: calc(50% - 10px);
}

.searchForm> .sfFull {
    width: 100%;
    display: block;
    position: relative;
    padding: 15px 0 0;
}

.searchForm> .sfSort {
	display: flex;
	align-items: center;
	position: relative;
	border-top: 1px solid #e7e7e7;
	margin: 15px -25px 0;
	padding: 25px 25px 10px;
	flex-grow: 1;
}

.searchForm .sfItem {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 0 10px;
	position: relative;
}

.searchForm .sfItem.sfRow {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    height: initial;
    min-height: 40px;
}

.searchForm .sfItem .select2-container .select2-selection--single, .searchForm .sfItem .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 40px;
    line-height: 40px;
}

.searchForm .sfItem .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.searchForm .sfItem input[type="text"] {
    height: 40px;
    font-size: 14px;
    border-radius: 6px;
    padding: 0 8px;
    color: #444;
}

.searchForm .cityInfo {height: 40px;}

.searchForm .cityInfo span {
    color: #666;
    font-size: 13px;
}

.searchForm .cityInfo a {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}

label.checkLabel {
    display: block;
    position: relative;
    margin: 0 15px 0 0;
}

label.checkLabel:last-child {
    margin: 0;
}

label.checkLabel> input {
    display: none;
}

label.checkLabel> span {
    font-size: 14px;
    color: #444;
    cursor: pointer;
    display: block;
    padding: 7px 7px 7px 24px;
}

label.checkLabel> span::before, label.checkLabel> span::after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid #aaa;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    border-radius: 6px;
}

label.checkLabel> span::after {
    opacity: 0;
}

label.checkLabel> input:checked + span::after {
	opacity: 1;
	width: 10px;
	height: 10px;
	background: var(--brand);
	border: 0;
	margin: 2px 0 0 2px;
}

label.checkLabel> input:checked + span::before {
    border-color: var(--brand);
}

button.totalResult {
    display: flex;
    align-items: center;
    position: relative;
    border: 0;
    cursor: pointer;
    background: linear-gradient(90deg, #F84784 0%, #7348FF 100%);
    color: #fff;
    font-size: 14px;
    height: 46px;
    padding: 0 30px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 15px;
    text-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
    box-shadow: 0px 11px 30px -13px rgb(180 71 195 / 49%);
    transition: all 0.2s;
}

button.totalResult> span {
    margin: 0 0 0 4px;
    font-weight: 600 !important;
    font-size: 15px !important;
}

button.totalResult:not(:disabled):hover {
    box-shadow: 0px 11px 30px 0px rgb(180 71 195 / 49%);
    text-shadow: 0px 1px 4px rgb(0 0 0 / 25%), 0px 0px 8px #fff;
}

button.totalResult:disabled {
    opacity: 0.5;
    background: linear-gradient(90deg, #202020 0%, #303030 100%);
}

.searchForm> .sfSort> span {
    font-size: 13px;
    color: #444;
    margin: 0 10px 10px 0;
    display: block;
    height: 30px;
    display: flex;
    align-items: center;
}

.searchForm> .sfSort> a {
    display: flex !important;
    font-size: 13px;
    margin: 0 10px 10px 0;
    height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 6px;
    background: #f5f5f5;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    -webkit-text-fill-color: initial;
    transition: all 0.15s;
    color: #333;
}

.searchForm> .sfSort> a.active {
    background: var(--brand);
    color: #fff;
}

.searchForm> .sfSort> a:not(.active):hover {
    background: #ebebeb;
}




.doctorsList {
    display: block;
    position: relative;
}

.doctorItem {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    background: #fff;
    padding: 25px;
    justify-content: space-between;
    margin: 0 0 30px;
}

.doctorItem> .diImage {
    display: flex;
    flex-direction: column;
    width: 100px;
}

.doctorItem> .diImage> a.diImageImage {
    display: block;
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100%;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 26%);
    margin: 0 0 10px;
}

.doctorItem> .diImage> a.diImageImage> img {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80px;
}

.docpage__page {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.doctorItem> .diInfo {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    padding: 25px 30px;
    border-right: 1px solid #e7e7e7;
    margin: -25px 0;
    width: calc(100% - 500px);
}

.doctorItem> .diZapis {
    display: flex;
    flex-direction: column;
    padding: 0 0 0 25px;
    width: 400px;
    font-size: 14px;
    line-height: 19px;
    color: #444;
}


.doctorItem> .diInfo> a.diName {
    display: block !important;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 15px;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    -webkit-text-fill-color: initial;
    transition: all 0.15s;
    color: #000;
    background: transparent;
}

.doctorItem> .diInfo> a.diName:hover {
	color: var(--brand);
}

.doctorItem> .diInfo> .diSpecials {
    display: block;
    align-items: center;
    margin: 0 0 12px;
    color: #666;
    font-size: 13px;
}

.doctorItem> .diInfo> .diExperienceYear {
    font-size: 13px;
    color: #666;
    margin: 0 0 15px;
}

.doctorItem> .diInfo> .diSpecials> span:not(:last-child)::after {
    content: ',';
}

.doctorItem> .diInfo> .diPrice {
    display: block;
    margin: 0 0 15px;
    font-size: 15px;
    font-weight: 600;
    flex-grow: 1;
}

.doctorItem> .diInfo> .diPhone {
    display: flex;
    font-size: 13px;
    color: #666;
    align-items: center;
}

.doctorItem> .diInfo> .diPrice + .diPhone {
    flex-grow: 1;
    align-items: flex-end;
}

.doctorItem> .diInfo> .diPhone> span {
    font-size: 13px;
    margin: 0 6px 0 0;
}

.doctorItem> .diInfo> .diPhone> a {
    font-size: 15px;
}

.rating {
	display: block;
	width: 100px;
	height: 18px;
	background: url('../images/ratinggray.svg') 0 0 no-repeat;
	position: relative;
	background-size: 100px;
	margin: 0 0 12px;
}

.rating> .rat {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/rating.svg') 0 0 no-repeat;
    height: 18px;
    background-size: 100px;
}

.diRating {
    display: flex;
    flex-direction: COLUMN;
    padding: 15px 0 0;
    align-items: center;
    text-align: center;
    font-size: 14px;
    color: #444;
}

.ratingInfo {
    font-size: 12px;
}

.diZapis> .clinicInfo {
    display: flex;
    flex-direction: column;
    padding: 30px 0 0;
    flex-grow: 1;
    justify-content: flex-end;
    font-size: 13px;
}

.diZapis> .clinicInfo> .cName {
    color: #333;
}

.diZapis> .clinicInfo> .cInfo {
    color: #818181;
    font-size: 12px;
}



.diControls {
    display: block;
    position: relative;
}

.diControls .text-small {
    font-size: 13px;
    color: #818181;
    margin: 0 0 5px;
    display: block;
}

select[name="toggleClinic"] {
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 30px 0 10px;
    font-size: 14px;
    color: #333;
    border-radius: 6px;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

select[name="toggleClinic"] option {
    text-align: initial;
    font-size: 14px;
    color: #333;
}

.podselectClinic {
	display: block;
	position: relative;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	background: #f7f7f7;
}

.podselectClinic::before {
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHRpdGxlPmlvbmljb25zLXY1LWE8L3RpdGxlPjxwb2x5bGluZSBwb2ludHM9IjExMiAxODQgMjU2IDMyOCA0MDAgMTg0IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMDAwO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2Utd2lkdGg6NDhweCIvPjwvc3ZnPg==) center no-repeat;
    background-size: 16px;
}

.diControls> .blockClinicZapis {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: flex-start;
    margin: 20px 0 0;
}

.diControls> .blockClinicZapis:first-child, .diControls> .blockClinicZapis.oneClinic {
    margin: 0;
}

.diControls> .blockClinicZapis> .diOz {
    display: block;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.diControls> .blockClinicZapis .diButton button, .itemButton button {
	display: flex;
	align-items: center;
	position: relative;
	border: 0;
	cursor: pointer;
	background: var(--brand);
	color: #fff;
	height: 38px;
	padding: 0 25px;
	border-radius: 6px;
	font-weight: 600;
	font-size: 14px;
	text-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	box-shadow: 0px 11px 30px -13px rgb(65 44 224 / 0%);
	transition: all 0.2s;
}

@media(hover) {
	.diControls> .blockClinicZapis .diButton button:hover, .itemButton button:hover {
		box-shadow: 0px 11px 30px -13px rgb(65 44 224);
		text-shadow: 0px 1px 4px rgb(0 0 0 / 25%), 0px 0px 8px #fff;
	}
}

.diControls> .blockClinicZapis .diButton.dbeach {
    display: flex;
    margin: 0 0 -8px;
    flex-wrap: wrap;
}

.diControls> .blockClinicZapis .diButton.dbeach button {
    padding: 0 13px;
    margin: 0 8px 8px 0;
}

.page-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-nav> span, .page-nav> a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 5px;
	height: 36px;
	min-width: 36px;
	border: 1px solid #e7e7e7;
	border-radius: 6px;
	-webkit-background-clip: initial;
	-webkit-text-fill-color: initial;
	background: #fff;
	color: #888;
	font-size: 13px;
	font-weight: 600;
	padding: 2px 6px 0;
}

.page-nav> a {color: var(--brand);}

.page-nav> span.current-page {
    color: #fff;
    background: var(--brand);
    border: 0;
}

.page-nav> a:hover {
    border-color: #7348FF;
}

.page-nav> span:not(.current-page) {
    opacity: 0.7;
}


span.select2.select2-container {
    width: 100% !important;
}

.doctorPage .doctorItem> .diImage {
	width: 200px;
}

.doctorPage .doctorItem> .diImage> a.diImageImage {
	width: 200px;
	height: 200px;
	border-radius: 6px;
	height: initial;
}

.doctorPage .doctorItem> .diImage> a.diImageImage> img {
	max-width: 100%;
	position: initial;
	top: initial;
	left: initial;
	transform: initial;
}

.doctorPage .doctorItem> .diInfo {
	width: calc(100% - 600px);
}

.doctorPage .doctorItem> .diInfo.diFull {
	border: 0;
	width: calc(100% - 200px);
}

.doctorPage .doctorItem> .diInfo> .diPrice {
	flex-grow: initial;
}

.doctorPage .doctorItem> .diInfo> .diPhone {
	flex-grow: 1;
	align-items: flex-end;
}

.doctorItem> .diInfo> .diControls {
	margin: 0 0 20px;
}

.doctorItem> .diInfo> .clinicInfo {
	display: block;
	position: relative;
	font-size: 13px;
	line-height: 18px;
}

/************************************************** Modal ************************************************/
.text_cont .smodalContent a {
    background: initial;
    background-image: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    -webkit-text-fill-color: initial;
}

.sform {
    display: flex;
    position: relative;
    opacity: 0;
    animation: fadeInLeft .5s ease-in-out .9s forwards;
}

.sform> form {
    display: block;
    position: relative;
    width: 500px;
    height: 66px;
}

.sform> form> input {
    -webkit-appearance: none;
    border: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    padding: 2px 200px 0 30px;
    font-size: 15px;
    box-shadow: 0px 20px 44px 0px rgb(45 41 80 / 10%);
    background: #fff;
}

.sform> form> button {
    width: 190px;
    position: absolute;
    top: 5px;
    right: 5px;
}

.sform> form> input::placeholder {
    color: #eeeeee;
}

.sform> form> input:disabled {
    background: linear-gradient(45deg, #eeffed 30%, #fff 100%);
}

.sform> form> .error, .sform> .error {
    display: block;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    background: rgb(255 64 64 / 29%);
    border-radius: 100px;
    padding: 12px 30px;
    color: #000000;
    font-size: 13px;
    margin: 0 0 20px;
}

.sform> .error {
    position: relative;
    top: initial;
}

#smodal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.8);
    z-index: 99999;
}

.smodal {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 50px 0;
    max-height: 100vh;
    overflow-y: overlay;
    align-items: baseline;
    justify-content: center;
    -webkit-overflow-scrolling: touch;
}

.smodalContent {
    display: flex;
    width: calc(100% - 40px);
    max-width: 600px;
    background: #fff;
    margin: auto;
    padding: 25px 50px;
    flex-direction: column;
    position: relative;
    box-shadow: 0px 10px 100px -30px rgb(78 0 232 / 37%);
    align-items: center;
    border-radius: 6px;
}

.maxModal {
    display: block;
    position: relative;
    min-width: 100%;
}

.smodal.Contact .maxModal {
    max-width: 360px;
    width: 100%;
}

.smodalContent a.smodalClose {
    display: flex !important;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 17px;
    right: 17px;
    z-index: 1;
    border-radius: 100%;
    background-color: #d5d5d5;
    transition: background-color 0.1s;
    opacity: 0;
    animation: fadeInRight .5s ease-in-out .5s forwards;
}

a.smodalClose:hover {
    background-color: var(--brand);
}

.smodalContent> .maxModal> .title {
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 20px;
    opacity: 0;
    animation: fadeInLeft .5s ease-in-out .3s forwards;
}

.sform {
    display: flex;
    flex-direction: column;
    position: relative;
    opacity: 0;
    animation: fadeInLeft .5s ease-in-out .5s forwards;
}

.sform> .item, .sform> .itemSwitcher, .sform> .itemCheckbox, .sform> .itemButton {
    display: flex;
    flex-direction: column;
    margin: 0 0 20px;
}

.sform> .itemButton:last-child {
    margin: 0;
}

.sform> .item:last-child {
    margin: 0;
}

.sform> .item:only-child {
    margin: -15px 0 0;
}

.sform> .item> label {
    display: block;
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 7px;
    color: #444444;
}

.sform> .item> input[type="text"], .sform> .item> input[type="password"], .sform> .item> input[type="email"] {
    width: 100%;
    height: 40px;
    border: 0px;
    border: 1px solid #d5d5d5;
    transition: border-color 0.15s;
    font-weight: 400;
    font-size: 14px;
    color: #444444;
    border-radius: 0;
    padding: 0 10px;
    border-radius: 3px;
    background: #fdf8fc;
}

.sform> .item> input[type="text"]::placeholder, .sform> .item> input[type="password"]::placeholder, .sform> .item> input[type="email"]::placeholder {
    color: #afafaf;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    padding: 0;
}

.sform> .item> input[type="text"]:focus, .sform> .item> input[type="password"]:focus, .sform> .item> input[type="email"]:focus {
    border-color: var(--brand);
}

.sform> .itemSwitcher {
    display: flex;
    width: 100%;
    background: #fdf8fc;
    border-radius: 3px;
    position: relative;
    padding: 2px;
    flex-direction: row;
    height: 40px;
}

.sform> .itemSwitcher> label {
    display: flex;
    width: 50%;
    cursor: pointer;
}

.sform> .itemSwitcher> label> input {
    display: none;
}

.sform> .itemSwitcher> label> span {
    font-size: 14px;
    color: #999999 !important;
    transition: all 0.15s;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.sform> .itemSwitcher> label:hover> input:not(:checked) + span {
    color: var(--brand);
}

.sform> .itemSwitcher> label> input:checked + span {
    background-color: #fff;
    box-shadow: 0px 6px 12px -4px rgb(0 0 0 / 13%);
    color: #000 !important;
}

.sform> .item> .beforeSelect {
    width: 100%;
    height: 40px;
    position: relative;
    border-radius: 3px;
    background: #fdf8fc;
    border: 1px solid #d5d5d5;
}

.beforeSelect::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: calc(50% - 6px);
    background: url('../images/select.svg') center no-repeat;
}

.beforeSelect> select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background: transparent;
    font-size: 16px;
    color: #444444;
    text-align: left;
    padding: 0 10px;
    font-size: 14px;
}

.beforeSelect> select option {
    color: #444444;
    text-align: left;
    font-size: 14px;
}

.sform> .itemCheckbox> label {
    display: block;
    position: relative;
    cursor: pointer;
}

.sform> .itemCheckbox> label> input {
    display: none;
}

.sform> .itemCheckbox> label> span {
    display: block;
    position: relative;
    padding: 0 0 0 25px;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #999999;
}

.sform> .itemCheckbox> label> span a {
    font-size: 13px;
    color: var(--brand);
    text-decoration: underline;
}

.sform> .itemCheckbox> label> span a:hover {
    color: #444;
}

.sform> .itemCheckbox> label> span::before, .sform> .itemCheckbox> label> span::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #d5d5d5;
    transition: all 0.15s;
}

.sform> .itemCheckbox> label> span::after {
    border: 0px;
    background: url('../images/check.svg') center no-repeat;
    opacity: 0;
}

.sform> .itemCheckbox> label> input:checked + span::before {
    border-color: transparent;
    background-color: var(--brand);
}

.sform> .itemCheckbox> label> input:checked + span::after {
    opacity: 1;
}

.sform> .itemButton {
    align-items: center;
}

.sform> .item.forgot {
    margin-top: -10px;
    padding-bottom: 10px;
    font-size: 14px;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
}

.modalDoctor {
    display: flex;
    position: relative;
    margin: 0 -50px 30px;
    background: #f6f5ff;
    padding: 25px 50px;
    border: 1px solid #dad5ff;
    border-width: 1px 0;
}

.modalDoctor> .mdLeft {
    display: flex;
    flex-direction: column;
    min-width: 100px;
    margin: 0 20px 0 0;
    opacity: 0;
    animation: fadeInLeft .5s ease-in-out .5s forwards;
    justify-content: center;
}

.modalDoctor> .mdLeft> .mdDoctorImage {
    display: block;
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 100%;
    box-shadow: 0px 0px 13px rgb(0 0 0 / 3%);
    background: #fff;
}

.modalDoctor> .mdLeft> .mdDoctorImage> img {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80px;
}

.modalDoctor> .mdRight {
    display: flex;
    position: relative;
    flex-direction: column;
    font-size: 14px;
    color: #444;
    line-height: 19px;
    opacity: 0;
    animation: fadeInLeft .5s ease-in-out .5s forwards;
    justify-content: center;
}

.modalDoctor> .mdRight> .mdDoctorName {
    font-size: 16px;
    font-weight: 600;
    color: #444;
    margin: 0 0 5px;
}

.modalDoctor> .mdRight> .mdDoctorInfo {
    font-size: 13px;
    margin: 0 0 10px;
    color: #999;
    line-height: 16px;
}

.modalDoctor> .mdRight> .mdDoctorPrice {
    margin: 0 0 10px;
    color: #444;
}

.modalDoctor> .mdRight> .mdDoctorClinic, .modalDoctor> .mdRight> .mdDoctorClinicAddress {
}
/************************************************** END Modal ************************************************/


/**************************************************************************************************** END DOC DOC OUT STYLES ***************************************/



















#footer {
	display: block;
	position: relative;
	background: #424242;
	margin: 100px 0 0;
}

.mainDisplayItem:first-child {
	margin-top: 60px;
}

.mainDisplayItem:last-child {
	margin-bottom: 0;
}

.footer {
	display: flex;
	justify-content: space-between;
	position: relative;
	color: rgb(255 255 255 / 48%);
	font-size: 14px;
	margin: 50px -15px;
}

.footer a {
	color: #fff;
	border-bottom: 1px dotted transparent;
}

.footer> .item {
	display: flex;
	flex-direction: COLUMN;
	position: relative;
	margin: 0 15px;
}

.footer> .item> b {
	display: block;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 15px;
}

.footer> .item> ul li {
	margin: 10px 0;
}

.footer a:not(.logo):hover {
	border-color: #fff;
}

.footer a.logo> span> b {
	color: #fff;
}

.footer a.logo {margin: 0px 0 31px;}

.footer> .item .info {
	display: block;
	line-height: 28px;
	margin: -4px 0 0;
}

ul.uk-breadcrumb {
	margin: 20px 10px -10px;
}

.uk-breadcrumb > * > * {
	font-size: 13px;
	color: #fff;
	font-weight: 300;
}

.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
	font-size: 12px;
	color: #fff;
	margin: 0 15px 0 calc(15px - 4px);
}

.uk-breadcrumb > :last-child > span, .uk-breadcrumb > :last-child > a:not([href]) {
	color: rgb(255 255 255 / 55%);
}

h1.pageTitle {
	display: block;
	margin: 0 0 25px;
	font-size: 28px;
	font-weight: 800;
}


a.mainPartnersItem {
    border: 1px solid #ebebeb;
    border-radius: 6px;
}

@media(hover) {
	a.mainPartnersItem:hover {
		border-color: var(--brand);
	}
}

.categoryItemBlock .name {
	font-weight: 500;
	color: #333;
}

.pageConHeader {
	margin: 0 0 35px;
}


.btitle {
	display: block;
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 900;
	color: #000;
}

.uk-grid-margin + .btitle {
	margin-top: 50px;
}

.uk-breadcrumb > * > a:hover {
	color: #fff;
	border-bottom: 1px dotted;
}

.sideItem {
	display: block;
	position: relative;
	padding: 15px;
	background: #fff;
	box-shadow: 0px 5px 35px rgb(0 0 0 / 11%);
	border-top: 2px solid var(--brand);
	border-radius: 6px;
}

.sideTitle {
	display: block;
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: 600;
	color: #000;
	display: flex;
	justify-content: space-between;
}

.sideTitle> .uk-icon {
	display: none;
}






































#imodal {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	text-align: left;
}

.imodal {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: baseline;
	justify-content: center;
	overflow: auto;
	max-height: 100%;
	padding: 40px 0;
	background: linear-gradient(45deg, rgb(67 44 228 / 82%) 0%, rgb(78 57 229 / 51%) 100%);
	cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAABa1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+kjy6FAAAAeHRSTlMABhkYAdMWFdfS+hNJyvnth4YH/UqnZ4WI+FTr9/US/KryJFbDzCyzLrAMUkjsU0uEG7tlEe7W2Ef2RgsKqMbJ+4FqllDxuB3HeeSrz3hZ0WnQd+PidlzhpOom875MlFGyK7HZLQ1Vg1sjayIcTxpsHkSmaLqXZFdShrvvAAACQElEQVRIx9WWVXfjMBCF5W2cZO0wYwNtk7ThpMzMzLjMzHt//ua0ji1bhp59q55GI3+WdGdGEiEPpw2FYsWxEUEYcT7zuYasv7fVt+KgWiobspkTfTyQmY2WC8McN1yo+deDwF7CBLi8Bs5OmrSreXgMtPJGxOkVLtqc1stFksjt6u/CB5z36o2IYeCtzo5svyG0jeaPCFhiGT/SLuNdhtJoaH1/IbjMpPzuwalGqyv8MZc/gpxKN9s1zq2CHMYvVQRx0WuFiFXUqEl4tK1zaR8Himp1nMkR7B+w09/ZB/q7ZuAIikJbOJFtN3iKsfNwy50dzHTN1/HMF9nveAznI7rTIw+tBVNTkunCLLUUilEThMxhXLJiiBI9RksQH/ySVcRTosMwBElgULJe4jlhGZYgr+CULC+0cewIxfMq6e5+haRkecDUVYdhCRJA3BjprIrSmkX+Y2FjKLDb71HF9K6V5O0XUWYJTR7ctjeyyEqE1DFnGCXmFazrESzjxmT3EE5lmkQ3E9XMt+DEdNfO4vA+yb+BsHLk4Pg+JbaJilLIe/hpXchfsU0dfzUkRSvC4cUy3W/hhxWSxaqqn88hYk4sYuW95i5CZtmMqM/jndbXQDpkTNykscBeFksQDNe2OI8neldSAwjr6ubIQmeO27abQ3WfqbbABy9W+ozmz7eAo51PtGttYxNY/WgiTPkACM75EiWR48RSIubuXOLbny2eCq6ZFP1UmAhXbNa5NDXufzHq9Xiqo4PRyekH9JL6Bz3ae53SF4bAAAAAAElFTkSuQmCC'), pointer;
	-webkit-overflow-scrolling: touch;
}

.modal {
	display: none;
	position: relative;
	z-index: 2;
	width: fit-content;
	max-width: 600px;
	background: #fff;
	margin: auto;
	color: #555;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	padding: 30px 50px;
	cursor: initial;
	border-radius: 6px;
	box-shadow: 0px 30px 120px -45px rgb(53 0 86 / 75%);
}

.modal.couponView {
    width: 100%;
    max-width: 800px;
    padding: 0;
}

.modalTitle {
    display: flex;
    flex-direction: column;
    margin: 0 0 20px;
}

.modalTitle> img {
    max-width: 140px;
    max-height: 80px;
    margin: 0 0 15px;
}

.modalTitle> span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.modalBodyText {
    display: block;
}

.modalBodyText> p {
    display: block;
    margin: 0 0 15px;
}

.modalBodyText> p:last-child {
    margin: 0;
}

a.mclose {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
	z-index: 99;
}


.jsModal .sad {
    display: flex;
    flex-direction: COLUMN;
    align-items: center;
    text-align: center;
    font-size: 15px;
    line-height: 22px;
}

.jsModal .sad> img {
    width: 90px;
    margin: 0 0 15px;
}

.ya-share2__container {
    z-index: 99999;
}



.sortabc a {
	font-size: 14px;
	font-weight: 600;
}


.uk-button {
	border-radius: 6px;
}


/************************************************** Panels ************************************************/
.panelsClose {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(67 44 228 / 55%);
	z-index: 9998;
	backdrop-filter: blur(4px);
}

.panelsClose svg {
	width: 32px;
	height: initial;
	position: absolute;
	top: 15px;
	left: 335px;
	display: none;
	cursor: pointer;
}

.panelsClose.two svg {
	left: initial;
	right: 335px;
}


.leftPanel, .rightPanel {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 320px;
	background: #fff;
	z-index: 9999;
	box-shadow: 0px 0px 50px rgb(0 0 0 / 34%);
	padding: 15px;
	transform: translate(-400px, 0);
	transition: all 0.3s;
}

.rightPanel {
	left: initial;
	right: 0;
	transform: translate(400px, 0);
}

.leftPanel.active, .rightPanel.active {
	transform: translate(0, 0);
}

.maxPanel {
	display: block;
	position: relative;
	max-height: 100%;
	overflow-x: hidden;
	overflow-y: overlay;
	min-height: 100%;
	padding: 0 10px;
}

ul.mcat {
	display: flex;
	flex-direction: column;
	position: relative;
	margin: -10px 0;
}

ul.mcat> li {
	display: block;
}

ul.mcat> li> a {
	display: block;
	font-size: 16px;
	color: var(--brand);
	font-weight: 600;
	padding: 10px 0;
}

ul.mcat> li.active> a {
	color: #000;
}

@media(hover) {
	ul.mcat> li:hover> a {
		color: #000;
	}
}

/************************************************** END Panels ************************************************/


button.openMobileNav {
	display: none;
}

ul.mcat> li.m767 {
	display: none;
}



/************************************************** Fonts ************************************************/
@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-ExtraBold.eot');
    src: local('Gilroy ExtraBold'), local('Gilroy-ExtraBold'),
        url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
        url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-Heavy.eot');
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
        url('../fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Heavy.woff') format('woff'),
        url('../fonts/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-LightItalic.eot');
    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
        url('../fonts/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-LightItalic.woff') format('woff'),
        url('../fonts/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-ThinItalic.eot');
    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
        url('../fonts/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ThinItalic.woff') format('woff'),
        url('../fonts/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-BlackItalic.eot');
    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
        url('../fonts/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-BlackItalic.woff') format('woff'),
        url('../fonts/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-BoldItalic.eot');
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url('../fonts/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-BoldItalic.woff') format('woff'),
        url('../fonts/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-SemiBold.eot');
    src: local('Gilroy SemiBold'), local('Gilroy-SemiBold'),
        url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-SemiBold.woff') format('woff'),
        url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-UltraLightItalic.eot');
    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
        url('../fonts/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-UltraLightItalic.woff') format('woff'),
        url('../fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-SemiBoldItalic.eot');
    src: local('Gilroy SemiBold Italic'), local('Gilroy-SemiBoldItalic'),
        url('../fonts/Gilroy-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-Light.eot');
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Light.woff') format('woff'),
        url('../fonts/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-MediumItalic.eot');
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url('../fonts/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-MediumItalic.woff') format('woff'),
        url('../fonts/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-ExtraBoldItalic.eot');
    src: local('Gilroy ExtraBold Italic'), local('Gilroy-ExtraBoldItalic'),
        url('../fonts/Gilroy-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Gilroy-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Regular.woff') format('woff'),
        url('../fonts/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-HeavyItalic.eot');
    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
        url('../fonts/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-HeavyItalic.woff') format('woff'),
        url('../fonts/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-Medium.eot');
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-RegularItalic.eot');
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url('../fonts/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-RegularItalic.woff') format('woff'),
        url('../fonts/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-UltraLight.eot');
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url('../fonts/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-UltraLight.woff') format('woff'),
        url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-Bold.eot');
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Bold.woff') format('woff'),
        url('../fonts/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-Thin.eot');
    src: local('Gilroy Thin'), local('Gilroy-Thin'),
        url('../fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Thin.woff') format('woff'),
        url('../fonts/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
	font-display: swap;
    src: url('../fonts/Gilroy-Black.eot');
    src: local('Gilroy Black'), local('Gilroy-Black'),
        url('../fonts/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Black.woff') format('woff'),
        url('../fonts/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


/************************************************** END Fonts ************************************************/

/* Doctor search map */
.resultViewSwitch { display: inline-flex; gap: 4px; margin: 0 0 18px; padding: 4px; border-radius: 12px; background: #f1f2f8; }
.resultViewSwitch button { min-width: 104px; height: 40px; padding: 0 20px; border: 0; border-radius: 9px; background: transparent; color: #57586a; font: inherit; font-weight: 600; cursor: pointer; }
.resultViewSwitch button.active { background: #422be1; color: #fff; box-shadow: 0 4px 12px rgba(66,43,225,.22); }
.doctorsMapShell { margin-bottom: 32px; }
.doctorsMapToolbar { display: flex; align-items: center; gap: 16px; margin-bottom: 14px; }
.findNearestDoctors { min-height: 44px; padding: 0 20px; border: 0; border-radius: 10px; background: #e92767; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.findNearestDoctors:disabled { opacity: .65; cursor: wait; }
.doctorsMapStatus { color: #6c6d7c; font-size: 14px; }
.doctorsMapLayout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; min-height: 620px; overflow: hidden; border: 1px solid #e5e6ee; border-radius: 16px; background: #fff; box-shadow: 0 10px 32px rgba(42,37,82,.08); }
.doctorsMap { width: 100%; min-height: 620px; background: #eef0f5; z-index: 1; }
.doctorsMap.empty::before { content: 'Нет данных для отображения'; display: grid; place-items: center; height: 100%; color: #777; }
.nearestDoctorsPanel { min-width: 0; padding: 22px 18px; overflow: auto; border-left: 1px solid #e8e8ef; }
.nearestDoctorsPanel h2 { margin: 0 0 8px; font-size: 21px; }
.nearestDoctorsHint { margin: 0 0 18px; color: #747584; font-size: 14px; line-height: 1.45; }
.nearestDoctorsList { display: grid; gap: 8px; }
.nearestDoctorItem { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: start; gap: 9px; padding: 11px 9px; border-radius: 10px; color: #262633; text-decoration: none; transition: background .15s ease; }
.nearestDoctorItem:hover { background: #f3f1ff; text-decoration: none; }
.nearestDoctorItem strong { display: block; margin-bottom: 3px; font-size: 14px; line-height: 1.3; }
.nearestDoctorItem small { display: block; color: #777887; font-size: 12px; line-height: 1.35; }
.nearestDoctorItem > b { color: #422be1; font-size: 13px; white-space: nowrap; }
.nearestDoctorNumber { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #ebe8ff; color: #422be1; font-size: 12px; font-weight: 700; }
.mapDoctorPopup { display: grid; gap: 4px; min-width: 220px; line-height: 1.35; }
.mapDoctorPopup strong { font-size: 15px; }
.mapDoctorPopup span { color: #666; font-size: 12px; }
.mapDoctorPopup .mapPopupPrice { margin-top: 3px; font-weight: 700; }
.mapDoctorPopup a { display: inline-flex; justify-content: center; margin-top: 7px; padding: 8px 11px; border-radius: 7px; background: #422be1; color: #fff; font-weight: 600; text-decoration: none; }
@media (max-width: 900px) {
  .doctorsMapLayout { grid-template-columns: 1fr; min-height: 0; }
  .doctorsMap { min-height: 58vh; }
  .nearestDoctorsPanel { max-height: 440px; border-top: 1px solid #e8e8ef; border-left: 0; }
}
@media (max-width: 600px) {
  .resultViewSwitch { display: flex; }
  .resultViewSwitch button { flex: 1; min-width: 0; }
  .doctorsMapToolbar { align-items: stretch; flex-direction: column; gap: 8px; }
  .findNearestDoctors { width: 100%; }
  .doctorsMap { min-height: 480px; }
}

/* Crawlable city/speciality navigation */
.seoLinkSection { margin: 36px 0; padding: 28px; border-radius: 16px; background: #f7f7fb; }
.seoLinkSection h2 { margin: 0 0 18px; font-size: 24px; }
.seoLinkGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.seoLinkGrid a { display: flex; flex-direction: column; gap: 3px; padding: 13px 15px; border: 1px solid #e5e5ef; border-radius: 10px; background: #fff; color: #242434; text-decoration: none; }
.seoLinkGrid a:hover { border-color: #422be1; color: #422be1; }
.seoLinkGrid span { color: #777887; font-size: 12px; }
.dataUpdated { max-width: 330px; color: #777887; font-size: 12px; line-height: 1.4; }
.dataTrustNotice { margin: 0 0 22px; padding: 14px 16px; border-left: 3px solid #422be1; border-radius: 0 8px 8px 0; background: #f7f7fb; color: #5f6070; font-size: 13px; line-height: 1.5; }
@media (max-width: 800px) { .seoLinkGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .seoLinkSection { padding: 20px 16px; } .seoLinkGrid { grid-template-columns: 1fr; } }
.medicalArticleMeta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 28px;
	margin: 0 0 24px;
	padding: 16px 20px;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	background: #f8fafc;
	font-size: 14px;
}
.diseaseArticleSection { margin-top: 44px; scroll-margin-top: 24px; }
.medicalArticle { max-width: 900px; line-height: 1.72; }
.medicalArticle h2 { margin: 36px 0 14px; line-height: 1.25; }
.medicalArticle h3 { margin: 26px 0 10px; line-height: 1.3; }
.medicalArticle p, .medicalArticle ul, .medicalArticle ol { margin: 0 0 16px; }
.medicalArticle li { margin-bottom: 8px; }
.medicalArticleToc, .medicalArticleAlert {
	margin: 22px 0;
	padding: 18px 20px;
	border-radius: 12px;
	background: #f4f3ff;
}
.medicalArticleAlert { border-left: 4px solid #e5484d; background: #fff5f5; }
.medicalArticleSources { font-size: 14px; color: #596273; }
.medicalFaq { max-width: 900px; margin-top: 36px; }
.medicalFaq details { border-top: 1px solid #e5e7eb; padding: 16px 0; }
.medicalFaq summary { cursor: pointer; font-weight: 600; }
.medicalFaq p { margin: 12px 0 0; }
@media (max-width: 767px) {
	.medicalArticle { line-height: 1.62; }
	.medicalArticle h2 { margin-top: 30px; }
	.medicalArticleMeta, .medicalArticleToc, .medicalArticleAlert { padding: 14px 16px; }
}

/* Modern interface layer — shared by every public page. */
.site-modern {
	--brand: #0878f9;
	--brand-deep: #3d2bdc;
	--ink: #10234a;
	--muted: #65708a;
	--line: #dce6f5;
	--surface: #ffffff;
	--surface-soft: #f4f7fc;
	background: #f7f9fd;
	color: var(--ink);
}
.site-modern .max { max-width: 1280px; }
.site-modern h1, .site-modern h2, .site-modern h3 { color: var(--ink); letter-spacing: -.02em; }
.site-modern #header {
	margin: 0 0 42px;
	padding: 18px 0 30px;
	background: linear-gradient(118deg, #3927d7 0%, #3834e8 47%, #0878f9 100%);
	box-shadow: 0 10px 35px rgba(43, 45, 170, .13);
}
.site-modern .headerTop { margin-bottom: 14px; color: rgba(255,255,255,.72); }
.site-modern .headerTop a { color: #fff; }
.site-modern .headerContacts { display: flex; align-items: center; gap: 26px; }
.site-modern .headerPhone { font-weight: 700; letter-spacing: .01em; }
.site-modern .header {
	height: 78px;
	padding: 0 22px;
	border: 1px solid rgba(255,255,255,.65);
	border-radius: 16px 16px 10px 10px;
	box-shadow: 0 16px 45px rgba(29,31,116,.2);
}
.site-modern a.logo > span { font-size: 27px; font-weight: 800; letter-spacing: -.04em; }
.site-modern .header ul.nav li a { padding: 11px 15px; border-radius: 10px; font-size: 15px; }
.site-modern form.findForm {
	margin: 0 12px;
	padding: 12px;
	border-radius: 0 0 14px 14px;
	box-shadow: 0 14px 40px rgba(29,31,116,.18);
}
.site-modern form.findForm > button,
.site-modern .uk-button-primary,
.site-modern .diButton button {
	border: 0;
	border-radius: 9px;
	background: linear-gradient(135deg, #0878f9, #0865e8);
	box-shadow: 0 8px 18px rgba(8,120,249,.2);
	font-weight: 700;
	text-transform: none;
}
.site-modern form.findForm > button:hover,
.site-modern .uk-button-primary:hover,
.site-modern .diButton button:hover { background: #075fcf; color: #fff; transform: translateY(-1px); }
.site-modern .select2-container--default .select2-selection--single,
.site-modern .uk-input,
.site-modern .uk-select,
.site-modern select {
	border-color: var(--line);
	border-radius: 9px;
	background: #fff;
}
.site-modern .uk-breadcrumb { margin: 20px 10px 0; }
.site-modern .uk-breadcrumb > * > * { color: rgba(255,255,255,.78); font-size: 13px; }
.site-modern .uk-breadcrumb > :last-child > * { color: #fff; }
.site-modern .construction { align-items: flex-start; }
.site-modern .construction > .sidebar {
	padding: 20px;
	border: 1px solid var(--line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(34,54,92,.06);
}
.site-modern .pageConHeader {
	margin-bottom: 24px;
	padding: 28px 30px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: linear-gradient(135deg, #fff 0%, #f7f9ff 100%);
}
.site-modern h1.pageTitle { margin-bottom: 12px; font-size: clamp(30px, 4vw, 44px); line-height: 1.08; font-weight: 800; }
.site-modern .context { color: #44506a; font-size: 16px; line-height: 1.65; }
.site-modern .categoryItemBlock .name { color: var(--ink); font-weight: 700; }
.site-modern .mainPartnersItem,
.site-modern .uk-card-default {
	border: 1px solid var(--line);
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 9px 24px rgba(34,54,92,.05);
}
.site-modern .mainPartnersItem { transition: border-color .2s, transform .2s, box-shadow .2s; }
.site-modern .mainPartnersItem:hover {
	border-color: #a9c9f8;
	box-shadow: 0 14px 32px rgba(8,120,249,.12);
	transform: translateY(-2px);
}
.site-modern form.searchForm {
	margin-bottom: 22px;
	padding: 20px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(34,54,92,.06);
}
.site-modern .searchForm > .sfSort {
	margin: 18px -20px -20px;
	padding: 16px 20px;
	border-top: 1px solid var(--line);
	border-radius: 0 0 16px 16px;
	background: var(--surface-soft);
}
.site-modern .searchForm > .sfSort > a { border-radius: 8px; }
.site-modern .searchForm > .sfSort > a.active { background: var(--brand); color: #fff; }
.site-modern .doctorItem {
	margin-bottom: 18px;
	padding: 22px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(34,54,92,.055);
	transition: border-color .2s, box-shadow .2s;
}
.site-modern .doctorItem:hover { border-color: #b8d3fa; box-shadow: 0 15px 34px rgba(8,120,249,.1); }
.site-modern .doctorItem > .diImage > a.diImageImage,
.site-modern .doctorItem > .diImage > a.diImageImage > img { border-radius: 13px; }
.site-modern .doctorItem > .diInfo > a.diName { color: var(--ink); font-size: 18px; font-weight: 800; }
.site-modern .doctorItem > .diInfo > .diSpecials { color: #50617c; }
.site-modern .doctorItem > .diInfo > .diPhone > a { color: var(--brand); font-weight: 800; }
.site-modern .doctorItem > .diZapis { border-color: var(--line); }
.site-modern .diButton button { min-height: 42px; padding: 0 20px; color: #fff; }
.site-modern .podselectClinic select { width: 100%; min-height: 40px; padding: 0 10px; }
.site-modern .page-nav > a,
.site-modern .page-nav > span { border-radius: 8px; }
.site-modern #footer { margin-top: 70px; background: #10234a; }
.site-modern .footer { padding: 40px 0; }
.site-modern .footer a { color: rgba(255,255,255,.8); }
.site-modern .footer > .item > b, .site-modern .footer .info { color: #fff; }

/* Home */
.site-modern .mainDisplay { min-height: 330px; padding: 48px 420px 30px 24px; }
.site-modern .mainHeroCopy { max-width: 650px; }
.site-modern .mainDisplay h1 { margin-bottom: 14px; color: #fff; font-size: clamp(34px, 4.3vw, 54px); line-height: 1.06; text-shadow: none; }
.site-modern .mainDisplay p { max-width: 620px; color: rgba(255,255,255,.86); font-size: 18px; line-height: 1.5; }
.site-modern .mainHeroActions { display: flex; gap: 12px; margin: 24px 0; }
.site-modern .mainHeroActions a { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; padding: 0 22px; border-radius: 10px; font-weight: 700; }
.site-modern .mainHeroPrimary { background: #fff; color: #3024c8; }
.site-modern .mainHeroSecondary { border: 1px solid rgba(255,255,255,.55); color: #fff; }
.site-modern .mds { gap: 10px; }
.site-modern .mds > .item { margin: 0; border-color: rgba(255,255,255,.25); border-radius: 10px; background: rgba(255,255,255,.08); }
.site-modern .homeBenefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 0 0 50px; }
.site-modern .homeBenefit { display: flex; gap: 14px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.site-modern .homeBenefitIcon { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 12px; background: #edf5ff; color: var(--brand); font-size: 22px; font-weight: 800; }
.site-modern .homeBenefit div { display: flex; flex-direction: column; gap: 4px; }
.site-modern .homeBenefit strong { color: var(--ink); font-size: 16px; }
.site-modern .homeBenefit div span { color: var(--muted); line-height: 1.4; }
.site-modern .mainDisplayItem { margin-bottom: 64px; }
.site-modern .sectionHeading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.site-modern .sectionHeading h2 { margin: 4px 0 0; }
.site-modern .sectionHeading > a { font-weight: 700; }
.site-modern .sectionEyebrow { color: var(--brand); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.site-modern .mainDoctorItem { border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 9px 24px rgba(34,54,92,.05); }
.site-modern .mainDoctorItem h3 { color: var(--ink); }
.site-modern .homeHelp { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 10px; padding: 30px; border-radius: 18px; background: linear-gradient(135deg, #eef5ff, #f2efff); }
.site-modern .homeHelp h2 { margin: 6px 0 8px; font-size: 28px; }
.site-modern .homeHelp p { margin: 0; color: var(--muted); font-size: 16px; }
.site-modern .homeHelpActions { display: flex; align-items: center; gap: 16px; flex: 0 0 auto; }
.site-modern .homeHelpPhone { color: var(--ink); font-size: 20px; font-weight: 800; white-space: nowrap; }

/* Medical content */
.site-modern .dataTrustNotice { padding: 15px 18px; border: 1px solid #cfe0fb; border-left: 4px solid var(--brand); border-radius: 10px; background: #f3f7ff; color: #56647d; }
.site-modern .medicalArticleLead {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.site-modern .diseaseArticleSection { padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.site-modern .medicalArticle { max-width: 850px; color: #33415d; font-size: 17px; line-height: 1.72; }
.site-modern .medicalArticle h2 { color: var(--ink); font-size: 28px; }
.site-modern .medicalArticle h3 { color: var(--ink); font-size: 21px; }
.site-modern .medicalArticleToc { border: 1px solid #d8e5fb; background: #f6f9ff; }
.site-modern .medicalArticleAlert { border: 1px solid #ffd4d6; border-left: 4px solid #ef3d4d; background: #fff4f5; }
.site-modern .medicalFaq details { margin-bottom: 9px; padding: 15px 18px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.site-modern .diseaseModeTabs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
	margin: 0 0 24px;
	padding: 6px;
	border: 1px solid var(--line);
	border-radius: 13px;
	background: #eef4fc;
}
.site-modern .diseaseModeTabs button,
.site-modern .diseaseModeTabs a {
	display: flex;
	min-height: 46px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 0;
	border-radius: 9px;
	background: transparent;
	color: #24518e;
	font: inherit;
	font-weight: 800;
	cursor: pointer;
}
.site-modern .diseaseModeTabs button.active {
	background: linear-gradient(135deg, #0878f9, #0865e8);
	color: #fff;
	box-shadow: 0 8px 18px rgba(8,120,249,.2);
}
.site-modern .diseaseModeTabs span { min-width: 25px; padding: 2px 7px; border-radius: 20px; background: rgba(255,255,255,.22); }
.site-modern .diseasePane[hidden] { display: none !important; }
.site-modern .diseaseDoctorsPane { scroll-margin-top: 20px; }

@media (max-width: 1023px) {
	.site-modern .mainDisplay { padding-right: 280px; }
	.site-modern .header ul.nav li a { padding: 10px; }
	.site-modern .homeBenefits { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
	.site-modern { background: #fff; }
	.site-modern #header { margin-bottom: 24px; padding: 12px 0 22px; }
	.site-modern .max { width: calc(100% - 24px); }
	.site-modern .headerTop { margin-bottom: 10px; }
	.site-modern .headerContacts { width: 100%; justify-content: space-between; gap: 12px; }
	.site-modern .headerPhone { font-size: 13px; }
	.site-modern .header { height: 62px; padding: 0 14px; border-radius: 13px 13px 8px 8px; }
	.site-modern a.logo > span { font-size: 20px; }
	.site-modern form.findForm { margin: 0 6px; padding: 9px; }
	.site-modern form.findForm > .select2:first-of-type { width: 100% !important; }
	.site-modern .mainDisplay { min-height: 0; padding: 28px 6px 10px; }
	.site-modern .mainDisplay h1 { font-size: 34px; line-height: 1.08; }
	.site-modern .mainDisplay p { font-size: 16px; }
	.site-modern .mainHeroActions { display: grid; grid-template-columns: 1fr 1fr; }
	.site-modern .mainHeroActions a { padding: 0 12px; font-size: 13px; }
	.site-modern .homeBenefits { margin-bottom: 38px; }
	.site-modern .homeBenefit { padding: 16px; }
	.site-modern .sectionHeading { align-items: center; }
	.site-modern .sectionEyebrow { display: none; }
	.site-modern .mainDisplayItem { margin-bottom: 44px; }
	.site-modern .pageConHeader { padding: 22px 18px; border-radius: 13px; }
	.site-modern h1.pageTitle { font-size: 31px; }
	.site-modern form.searchForm { padding: 15px; border-radius: 13px; }
	.site-modern .searchForm > .sfSort { margin: 15px -15px -15px; padding: 14px 15px; }
	.site-modern .doctorItem { padding: 15px; border-radius: 13px; }
	.site-modern .doctorItem > .diInfo > a.diName { font-size: 17px; }
	.site-modern .diseaseArticleSection { padding: 22px 17px; }
	.site-modern .medicalArticleLead { -webkit-line-clamp: 3; }
	.site-modern .diseaseModeTabs { position: sticky; top: 8px; z-index: 30; margin-bottom: 18px; }
	.site-modern .diseaseModeTabs button, .site-modern .diseaseModeTabs a { min-height: 44px; font-size: 13px; }
	.site-modern .medicalArticle { font-size: 16px; line-height: 1.68; }
	.site-modern .medicalArticle h2 { font-size: 24px; }
	.site-modern .homeHelp { align-items: stretch; flex-direction: column; padding: 22px 18px; }
	.site-modern .homeHelpActions { align-items: stretch; flex-direction: column; }
	.site-modern .homeHelpPhone { font-size: 19px; }
	.site-modern #footer { margin-top: 50px; }
}
@media (max-width: 424px) {
	.site-modern .mainHeroActions { grid-template-columns: 1fr; }
	.site-modern .mds { display: none; }
	.site-modern a.logo > span { font-size: 18px; }
}