/* Selected prototype components; existing navigation and catalogue controls remain native. */
:root {
	--medreg-ink: #203b3b;
	--medreg-muted: #738281;
	--medreg-green: #147a70;
	--medreg-line: #e0e7e4;
	--medreg-bg: #f6f8f6;
	--medreg-soft: #eef5f1;
}
body { background-color: var(--medreg-bg) !important; color: var(--medreg-ink); }
body a { color: var(--medreg-green); }
body .cookie { background-color: var(--medreg-soft); }
body .header-phone::before {
	background-image: url('../img/catalog/phone.svg');
	background-size: 22px 22px;
	filter: none;
}
body .seemap {
	background-image: url('../img/catalog/map.svg');
	background-size: 22px 24px;
}
body.page-template-newlisting .mobile-buttons-filter-nonfloating .seemap::before,
body.page-template-newlisting .mobile-buttons-filter-compare .seemap::before { background: url('../img/catalog/map.svg') no-repeat center / contain; filter: none; }
body header .logo a { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
body header .logo img { width: 174px; height: auto; max-height: 48px; max-width: none; object-fit: contain; border-radius: 0; }
body header .logo a > .logo__tagline {
	display: block; margin: 0; color: var(--medreg-green);
	font: 500 11px/1.4 Inter, "Segoe UI", Arial, sans-serif;
	letter-spacing: .05px; white-space: nowrap;
}
body .spinner .dot1, body .spinner .dot2 {
	background-color: var(--medreg-green);
	box-shadow: 0 0 3px 3px rgba(20, 122, 112, .12);
}
body .preloader { background: rgba(32, 59, 59, .16); }
body footer .btn_blue, body footer .btn_blue:visited, body footer .btn_blue:hover { color: #fff !important; }
.medreg-intro, body .card-item-ver-3.medreg-card { font-family: Inter, "Segoe UI", Arial, sans-serif; }
body [fill="#4e47ff"], body [fill="#4E47FF"], body [fill="#2196F3"] { fill: var(--medreg-green); }
body [stroke="#4e47ff"], body [stroke="#4E47FF"], body [stroke="#2196F3"] { stroke: var(--medreg-green); }
body a:focus-visible, body button:focus-visible, body input:focus-visible {
	outline: 3px solid #73b8a9; outline-offset: 4px;
}
.page-template-newlisting .cap.medreg-intro { background: transparent; padding: 0; margin: 0 0 28px; }
.page-template-newlisting .medreg-intro > .container {
	display: flex; align-items: center; justify-content: space-between; gap: 32px;
	background: transparent; border: 0; box-shadow: none; padding-top: 39px; padding-bottom: 28px;
}
.page-template-newlisting .medreg-intro.has-photo > .container { position: relative; isolation: isolate; min-height: 310px; }
.page-template-newlisting .medreg-intro.has-photo > .container::before {
	content: ''; display: block; position: absolute; z-index: -1; pointer-events: none;
	top: 0; right: 0; bottom: 0; width: 57%; height: auto; max-height: none; max-width: none;
	background-image: linear-gradient(90deg, var(--medreg-bg) 0%, rgba(246,248,246,.9) 12%, rgba(246,248,246,0) 50%), linear-gradient(0deg, var(--medreg-bg) 0%, rgba(246,248,246,0) 25%, rgba(246,248,246,0) 80%, var(--medreg-bg) 100%), linear-gradient(rgba(20,122,112,.22), rgba(20,122,112,.22)), var(--medreg-intro-image);
	background-position: center, center, center, center 44%; background-size: cover; background-repeat: no-repeat;
	border-radius: 0 24px 24px 0;
}
.page-template-newlisting .medreg-intro.has-photo .cap-left { max-width: 650px; }
.page-template-newlisting .medreg-intro > .container::before,
.page-template-newlisting .medreg-intro .cap-left::after { display: none; }
.page-template-newlisting .medreg-intro .cap-left {
	flex: 1 1 auto; width: auto; max-width: 780px; padding: 0; margin: 0;
	background: transparent; border: 0; border-radius: 0; box-shadow: none; backdrop-filter: none;
}
.medreg-eyebrow { color: var(--medreg-green); font-size: 10px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; }
.page-template-newlisting .medreg-intro .h1 {
	color: var(--medreg-ink); font-size: 40px; font-weight: 650; line-height: 1.16;
	letter-spacing: -1.4px; margin: 12px 0 17px;
}
.page-template-newlisting .medreg-intro .info-ver-3,
.page-template-newlisting .medreg-intro .info-ver-3 p {
	color: var(--medreg-muted); font-size: 15px; line-height: 1.7; margin: 0;
	max-height: none; overflow: visible; padding: 0; background: none;
}
.page-template-newlisting .medreg-intro .info-ver-3-outer { padding: 0; margin: 0; }
.page-template-newlisting .medreg-intro .info-ver-3::after { display: none; }
.page-template-newlisting .medreg-intro .cap-right { flex: 0 1 260px; padding: 23px 30px; margin: 0; border: 0; border-left: 1px solid var(--medreg-line); }
.page-template-newlisting .medreg-intro .cap-right:empty { display: none; }
body .card-item-ver-3.medreg-card {
	position: relative; display: block; padding: 0; margin: 0 0 18px; overflow: hidden;
	background: #fff; border: 1px solid var(--medreg-line); border-radius: 14px;
	box-shadow: 0 3px 12px rgba(32,59,59,.025); color: var(--medreg-ink);
	font-size: 13px; line-height: 1.55;
}
.medreg-card *, .medreg-card *::before, .medreg-card *::after { box-sizing: border-box; }
.medreg-card .medreg-card-main { position: relative; padding: 25px 150px 23px 25px; }
.medreg-card .medreg-card-top { display: flex; align-items: center; gap: 15px; margin-bottom: 23px; }
.medreg-card .medreg-test-icon { display: block; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 13px; overflow: hidden; background: var(--medreg-soft); }
.medreg-card .medreg-test-icon img { display: block; width: 100%; height: 100%; object-fit: contain; margin: 0; }
.medreg-card .medreg-card-title { flex: 1; min-width: 0; }
.medreg-card h2 { margin: 0 0 4px; font-size: 25px; line-height: 1.2; letter-spacing: -.7px; font-weight: 650; overflow-wrap: anywhere; }
.medreg-card h2 a { color: var(--medreg-ink); text-decoration: none; }
.medreg-card h2 a:hover { color: var(--medreg-green); }
.medreg-card .medreg-subtitle { font-size: 11px; color: var(--medreg-muted); }
.medreg-card .medreg-tag { align-self: flex-start; padding: 5px 8px; font-size: 9px; color: #738276; background: #f4f7f3; border: 1px solid #e6ece3; border-radius: 5px; white-space: nowrap; }
.medreg-card .medreg-summary { display: grid; grid-template-columns: 122px minmax(0,1fr); gap: 14px; margin: 11px 0; }
.medreg-card .medreg-label { color: var(--medreg-muted); font-size: 11px; font-weight: 400; }
.medreg-card .medreg-summary p, .medreg-card .medreg-technical p { margin: 0; padding: 0; color: var(--medreg-ink); font-size: 13px; line-height: 1.55; }
.medreg-card .medreg-technical { display: grid; grid-template-columns: 1fr 1.25fr; gap: 25px; margin-top: 20px; padding-top: 17px; border-top: 1px solid #edf0eb; }
.medreg-card .medreg-technical .medreg-label { font-size: 9px; letter-spacing: 1px; text-transform: uppercase; }
.medreg-card .medreg-technical p { margin: 5px 0 2px; font-size: 12px; }
.medreg-card .medreg-technical small { color: var(--medreg-muted); font-size: 10px; }
.medreg-card .medreg-registration { display: grid; grid-template-columns: 1fr 1.25fr; align-items: baseline; gap: 25px; margin-top: 14px; color: #738276; font-size: 10px; }
.medreg-card .medreg-registration > span { min-width: 0; overflow-wrap: anywhere; }
.medreg-card .medreg-registration strong { font-weight: 400; }
.medreg-card .medreg-patient-stat { position: absolute; top: 50%; right: 25px; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; gap: 7px; width: 100px; text-align: center; font-size: 11px; color: #65796e; }
.medreg-card .medreg-patient-ring { position: relative; display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 50%; background: conic-gradient(var(--medreg-green) 0 var(--share),#e6eee8 var(--share) 100%); }
.medreg-card .medreg-patient-ring.is-pending { background: #e6eee8; }
.medreg-card .medreg-patient-ring::after { content: ''; position: absolute; inset: 7px; border-radius: 50%; background: #fff; }
.medreg-card .medreg-patient-ring strong { z-index: 1; font-size: 21px; letter-spacing: -.6px; color: var(--medreg-green); }
.medreg-card .medreg-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 25px; border-top: 1px solid var(--medreg-line); background: #fbfcfa; }
.medreg-card .medreg-video { display: flex; align-items: center; gap: 9px; color: var(--medreg-green); font-size: 11px; text-decoration: none; }
.medreg-card .medreg-video small { display: block; color: var(--medreg-muted); font-size: 9px; }
.medreg-card .medreg-video-pending { color: var(--medreg-muted); }
.medreg-card .medreg-play { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border: 1px solid #dce7de; border-radius: 50%; font-size: 9px; }
.medreg-card .medreg-card-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-left: auto; }
body .medreg-card .medreg-detail, body .medreg-card .medreg-card-actions .btn_blue {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; height: auto;
	padding: 10px 15px; margin: 0; width: auto; border: 1px solid var(--medreg-green); border-radius: 6px;
	background: var(--medreg-green); color: #fff; font: inherit; font-size: 11px; font-weight: 500; line-height: 1.4; text-decoration: none; cursor: pointer;
}
body .medreg-card .medreg-detail:hover, body .medreg-card .medreg-card-actions .btn_blue:hover { background: #11665e; border-color: #11665e; color: #fff; }
@media (max-width: 1100px) {
	.page-template-newlisting .medreg-intro.has-photo > .container { min-height: 0; }
	.page-template-newlisting .medreg-intro.has-photo > .container::before { display: none; }
	.medreg-card .medreg-card-main { padding-right: 125px; }
	.medreg-card .medreg-patient-stat { right: 14px; width: 92px; }
	.medreg-card .medreg-tag { display: none; }
	.medreg-card h2 { font-size: 23px; }
	.medreg-card .medreg-card-footer { flex-wrap: wrap; }
}
@media (max-width: 700px) {
	.page-template-newlisting .medreg-intro.has-photo > .container { min-height: 0; }
	.page-template-newlisting .medreg-intro.has-photo > .container::before { display: none; }
	.page-template-newlisting .medreg-intro > .container { padding-top: 28px; padding-bottom: 22px; }
	.page-template-newlisting .medreg-intro .h1 { font-size: 32px; letter-spacing: -1px; }
	.page-template-newlisting .medreg-intro .info-ver-3, .page-template-newlisting .medreg-intro .info-ver-3 p { font-size: 13px; }
	.page-template-newlisting .medreg-intro .cap-right { display: none; }
	.medreg-card .medreg-card-main { padding: 18px; }
	.medreg-card .medreg-card-top { gap: 11px; padding-right: 82px; min-height: 100px; align-items: flex-start; flex-wrap: wrap; }
	.medreg-card .medreg-test-icon { width: 43px; height: 43px; flex-basis: 43px; }
	.medreg-card .medreg-card-title { flex-basis: 100%; }
	.medreg-card h2 { font-size: 21px; }
	.medreg-card .medreg-summary { grid-template-columns: 1fr; gap: 2px; margin: 12px 0; }
	.medreg-card .medreg-summary p { font-size: 12px; }
	.medreg-card .medreg-technical { gap: 14px; grid-template-columns: 1fr 1.2fr; margin-top: 16px; }
	.medreg-card .medreg-technical p { font-size: 11px; }
	.medreg-card .medreg-registration { grid-template-columns: 1fr 1.2fr; gap: 14px; }
	.medreg-card .medreg-patient-stat { top: 25px; right: 16px; transform: none; width: 76px; font-size: 10px; gap: 5px; }
	.medreg-card .medreg-patient-ring { width: 62px; height: 62px; }
	.medreg-card .medreg-patient-ring strong { font-size: 19px; }
	.medreg-card .medreg-patient-ring::after { inset: 6px; }
	.medreg-card .medreg-card-footer { padding: 12px 18px; }
	.medreg-card .medreg-card-actions { gap: 6px; flex-wrap: wrap; }
	body .medreg-card .medreg-detail, body .medreg-card .medreg-card-actions .btn_blue { padding: 9px 11px; font-size: 10px; }
}
@media (max-width: 767px) {
	body header .logo img { width: 140px; max-height: 40px; }
	body .header-phone a { background-image: url('../img/catalog/phone.svg'); filter: none; }
}
@media (max-width: 380px) {
	.medreg-card .medreg-card-actions { width: 100%; }
	.medreg-card .medreg-card-actions > * { flex: 1; }
}
