html {
scroll-behavior: smooth;
}
body.lab-prices-page .hero {
height: auto;
min-height: auto;
min-width: 0;
padding-top: var(--menu-offset);
padding-bottom: 42px;
overflow: visible;
}
body.lab-prices-page .header {
position: relative;
top: auto;
left: auto;
right: auto;
z-index: 3;
margin-bottom: 28px;
}
body.lab-prices-page .nav {
background: var(--menu-fill);
border: none;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
body.lab-prices-page .content-block {
min-width: 0;
min-height: 320px;
margin-top: 0 !important;
margin-bottom: 40px !important;
align-items: flex-start;
gap: 24px;
padding-bottom: 16px;
}
body.lab-prices-page .content-block:has(.breadcrumb) {
padding-top: 58px;
}
body.lab-prices-page .hero-content {
flex: 1 1 100%;
min-width: 0;
flex: 1 1 auto;
}
body.lab-prices-page .hero-content.lab-prices-catalog-hero {
width: min(70%, 860px);
max-width: min(70%, 860px);
}
body.lab-prices-page .lab-prices-catalog-hero .hero-content__description {
max-width: 550px;
}
body.lab-prices-page .lab-prices-catalog-hero .lab-prices-stats-grid,
body.lab-prices-page .lab-prices-catalog-hero .lab-prices-hero__switcher,
body.lab-prices-page .lab-prices-catalog-hero .lab-prices-hero__popular {
width: 100%;
}
body.lab-prices-page .breadcrumb {
display: inline-flex;
flex: 0 0 auto;
margin-bottom: 16px;
}
body.lab-prices-page .lab-prices-hero__eyebrow:empty {
display: none;
}
body.lab-prices-page .breadcrumb__list {
display: flex;
align-items: center;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
flex-wrap: wrap;
gap: 0;
font-size: 13px;
line-height: 1;
}
body.lab-prices-page .breadcrumb__item {
display: flex;
align-items: center;
list-style: none;
}
body.lab-prices-page .breadcrumb__sep {
padding: 0 8px;
color: #9CA3AF;
font-size: 13px;
list-style: none;
user-select: none;
}
body.lab-prices-page .breadcrumb__link {
color: #6B7280;
text-decoration: none;
transition: color 0.15s;
}
body.lab-prices-page .breadcrumb__link:hover {
color: #111827;
text-decoration: underline;
}
body.lab-prices-page .breadcrumb__current {
color: #9CA3AF;
cursor: default;
}
body.lab-prices-page .lab-prices-hero__city:empty,
body.lab-prices-page .lab-prices-detail-hero__aside:empty {
display: none;
}
body.lab-prices-page .lab-prices-hero__city {
margin: 16px 0 0;
display: inline-flex;
padding: 8px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.68);
border: 1px solid rgba(47, 86, 217, 0.15);
color: #22345f;
font-family: var(--font-body);
font-size: 14px;
font-weight: 600;
}
body.lab-prices-page .lab-prices-hero__actions {
margin-top: 18px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
body.lab-prices-page .lab-prices-hero__site-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 12px 18px;
border-radius: 14px;
background: #2f56d9;
color: #ffffff;
text-decoration: none;
font-family: var(--font-body);
font-size: 15px;
font-weight: 600;
}
body.lab-prices-page .lab-prices-stats-grid {
margin-top: 10px;
}
body.lab-prices-page .lab-prices-detail-hero {
display: block;
}
body.lab-prices-page .hero-content.lab-prices-detail-hero {
flex: 1 1 100%;
width: 100%;
max-width: none;
}
body.lab-prices-page .lab-prices-detail-hero__main {
display: flex;
flex-direction: column;
width: 100%;
}
body.lab-prices-page .lab-prices-detail-hero__headline {
width: 70%;
max-width: 70%;
}
body.lab-prices-page .lab-prices-detail-hero .hero-content__title {
max-width: none;
}
body.lab-prices-page .lab-prices-detail-hero__body {
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
gap: 40px;
align-items: start;
margin-top: 12px;
}
body.lab-prices-page .lab-prices-detail-hero__intro {
display: block;
margin-top: 0;
min-width: 0;
}
body.lab-prices-page .lab-prices-detail-hero__copy {
min-width: 0;
width: 100%;
max-width: none;
}
body.lab-prices-page .lab-prices-detail-hero .hero-content__description {
max-width: 550px;
}
body.lab-prices-page .lab-prices-detail-hero__offers {
margin-top: 14px;
}
body.lab-prices-page .lab-prices-detail-hero__price-cta {
display: flex;
justify-content: flex-start;
align-self: start;
margin-top: 14px;
}
body.lab-prices-page .lab-prices-detail-hero__nav {
margin-top: 18px;
}
body.lab-prices-page .analysis-hero-nav {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 10px;
}
body.lab-prices-page .analysis-hero-nav__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
body.lab-prices-page .analysis-hero-nav__chip {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 9px 14px;
border-radius: 999px;
border: 2px solid transparent;
background:
linear-gradient(#ffffff, #ffffff) padding-box,
conic-gradient(
from 180deg,
#95f100 0deg,
#b6ef14 42deg,
#d8cb48 82deg,
#e0d9b0 122deg,
#cde8ff 176deg,
#c6def2 236deg,
#c4d8d2 286deg,
#aaf11b 325deg,
#95f100 360deg
) border-box;
color: #30416e;
font-family: var(--font-body);
font-size: 14px;
font-weight: 500;
line-height: 1.2;
text-decoration: none;
transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
body.lab-prices-page a.analysis-hero-nav__chip:hover,
body.lab-prices-page a.analysis-hero-nav__chip:focus-visible {
background:
linear-gradient(#f3f7ff, #f3f7ff) padding-box,
conic-gradient(
from 180deg,
#95f100 0deg,
#b6ef14 42deg,
#d8cb48 82deg,
#e0d9b0 122deg,
#cde8ff 176deg,
#c6def2 236deg,
#c4d8d2 286deg,
#aaf11b 325deg,
#95f100 360deg
) border-box;
color: #233875;
}
body.lab-prices-page .analysis-hero-nav__chip.is-disabled {
opacity: 0.5;
cursor: default;
pointer-events: none;
}
body.lab-prices-page .lab-prices-detail-hero__price-cta-inner {
display: flex;
align-items: center;
gap: 8px;
}
body.lab-prices-page .lab-prices-detail-hero__metrics {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 12px;
}
body.lab-prices-page .lab-prices-detail-hero__metric {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: baseline;
}
body.lab-prices-page .lab-prices-detail-hero__metric--offers,
body.lab-prices-page .lab-prices-detail-hero__metric--price {
flex-direction: row;
align-items: center;
gap: 8px;
min-width: 0;
}
body.lab-prices-page .lab-prices-detail-hero__metric-label {
font-family: var(--font-body);
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #000;
}
body.lab-prices-page .lab-prices-detail-hero__metric-value {
font-family: var(--font-display);
font-size: 24px;
font-weight: 400;
line-height: 1.2;
color: #000;
}
body.lab-prices-page .lab-prices-detail-hero__metric--price {
min-width: 0;
}
body.lab-prices-page .lab-prices-detail-hero__metric--price .lab-prices-detail-hero__metric-label {
font-size: 15px;
line-height: 1.5;
color: #000;
}
body.lab-prices-page .lab-prices-detail-hero__metric--price .lab-prices-detail-hero__metric-value {
font-size: 26px;
line-height: 1.1;
color: #000;
min-width: 0;
flex: 1 1 auto;
}
body.lab-prices-page .lab-prices-detail-hero__compare-button {
display: inline-flex;
flex: 0 0 auto;
padding: 0;
border: 0;
background: transparent;
color: #1d4ed8;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-color: #1d4ed8;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
font-family: var(--font-body);
font-size: 14px;
font-weight: 600;
white-space: nowrap;
transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
body.lab-prices-page .lab-prices-detail-hero__compare-button:visited {
color: #1d4ed8;
text-decoration-color: #1d4ed8;
}
body.lab-prices-page .lab-prices-detail-hero__compare-button:hover {
color: #1e40af;
text-decoration-color: #1e40af;
}
body.lab-prices-page .lab-prices-root-stack {
display: flex;
flex-direction: column;
gap: 56px;
}
body.lab-prices-page .lab-prices-detail-hero__compare-button:focus-visible {
outline: 2px solid rgba(29, 78, 216, 0.28);
outline-offset: 4px;
border-radius: 4px;
}
body.lab-prices-page .lab-prices-detail-hero__aside {
display: flex;
align-items: flex-start;
margin-top: 12px;
width: 420px;
max-width: 100%;
justify-self: end;
justify-content: flex-end;
}
@media (max-width: 768px) {
body.lab-prices-page .lab-prices-detail-hero__headline {
width: 100%;
max-width: none;
}
body.lab-prices-page .lab-prices-root-stack {
gap: 40px;
}
body.lab-prices-page .lab-prices-detail-hero__body {
grid-template-columns: minmax(0, 1fr);
margin-top: 0;
}
}
body.lab-prices-page .lab-prices-detail-hero__labs-list {
width: 100%;
display: flex;
flex-direction: column;
gap: 12px;
padding: 16px 18px;
border-radius: 22px;
background: #EDFCC5;
box-shadow: inset 0 0 0 1px rgba(126, 150, 57, 0.08);
}
body.lab-prices-page .lab-prices-detail-hero__lab-row {
display: flex;
gap: 12px;
align-items: center;
justify-content: space-between;
}
body.lab-prices-page .lab-prices-detail-hero__lab-meta {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: center;
flex: 1 1 auto;
min-width: 0;
}
body.lab-prices-page .lab-prices-detail-hero__lab-title {
margin: 0;
font-family: var(--font-body);
font-size: 18px;
font-weight: 500;
line-height: 1.35;
color: #000;
}
body.lab-prices-page .lab-prices-detail-hero__lab-link {
color: inherit;
text-decoration: none;
}
body.lab-prices-page .lab-prices-detail-hero__lab-link:hover {
text-decoration: underline;
}
body.lab-prices-page .lab-prices-detail-hero__lab-price {
font-family: var(--font-display);
font-size: 24px;
font-weight: 400;
line-height: 1.15;
color: #000;
flex-shrink: 0;
}
body.lab-prices-page .lab-prices-section--available-tests {
padding-top: 18px;
padding-bottom: 54px;
}
body.lab-prices-page .lab-prices-analysis-card-list {
display: flex;
flex-direction: column;
gap: 18px;
}
body.lab-prices-page .lab-prices-analysis-card {
display: flex;
flex-direction: column;
gap: 18px;
padding: 24px;
border-radius: 28px;
background: #ffffff;
box-shadow: 0 18px 48px rgba(42, 67, 120, 0.12);
color: inherit;
border: 1px solid rgba(47, 86, 217, 0.08);
}
body.lab-prices-page .lab-prices-analysis-card:hover {
box-shadow: 0 22px 56px rgba(42, 67, 120, 0.16);
}
body.lab-prices-page .lab-prices-analysis-card__head {
display: flex;
justify-content: space-between;
gap: 20px;
align-items: flex-start;
}
body.lab-prices-page .lab-prices-analysis-card__title-wrap {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
}
body.lab-prices-page .lab-prices-analysis-card__category {
display: inline-flex;
width: fit-content;
align-items: center;
min-height: 32px;
padding: 6px 12px;
border-radius: 999px;
background: #eef4ff;
border: 1px solid rgba(47, 86, 217, 0.12);
color: #29437d;
font-family: var(--font-body);
font-size: 13px;
font-weight: 600;
line-height: 1.2;
}
body.lab-prices-page .lab-prices-analysis-card__title {
margin: 0;
font-family: var(--font-display);
font-size: 32px;
font-weight: 400;
line-height: 1.08;
color: #111827;
}
body.lab-prices-page .lab-prices-analysis-card__title a {
color: inherit;
text-decoration: none;
}
body.lab-prices-page .lab-prices-analysis-card__title a:hover {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
body.lab-prices-page .lab-prices-analysis-card .lab-prices-offer-card__biomarkers {
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
body.lab-prices-page .lab-prices-analysis-card .lab-prices-offer-card__section-head--biomarkers-inline {
gap: 12px;
align-items: flex-start;
}
body.lab-prices-page .lab-prices-analysis-card__meta-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px 18px;
}
body.lab-prices-page .lab-prices-analysis-card__offers {
display: inline;
width: auto;
padding: 0;
border-radius: 0;
background: transparent;
color: #51608a;
font-family: var(--font-body);
font-size: 13px;
font-weight: 500;
}
body.lab-prices-page .lab-prices-analysis-card__labs-inline {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
body.lab-prices-page .lab-prices-analysis-card__labs-inline .lab-prices-analysis-card__section-label {
font-family: var(--font-body);
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: #51608a;
}
body.lab-prices-page .lab-prices-analysis-card__price-box {
min-width: 220px;
padding: 16px 18px;
border-radius: 20px;
background: #edfcc5;
display: flex;
flex-direction: column;
gap: 8px;
}
body.lab-prices-page .lab-prices-analysis-card__price-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
}
body.lab-prices-page .lab-prices-analysis-card__price-main {
display: flex;
flex-direction: column;
gap: 8px;
}
body.lab-prices-page .lab-prices-analysis-card__compare-button {
display: inline-flex;
align-items: center;
align-self: stretch;
flex: 0 0 auto;
justify-content: center;
min-height: 48px;
padding: 12px 18px;
border-radius: 14px;
background: #2f56d9;
color: #ffffff;
text-decoration: none;
font-family: var(--font-body);
font-size: 15px;
font-weight: 600;
white-space: nowrap;
}
body.lab-prices-page .lab-prices-analysis-card__compare-button:hover {
background: #284ac0;
}
body.lab-prices-page .lab-prices-analysis-card__price-label,
body.lab-prices-page .lab-prices-analysis-card__metric-label,
body.lab-prices-page .lab-prices-analysis-card__section-label {
font-family: var(--font-body);
font-size: 13px;
font-weight: 600;
line-height: 1.3;
color: #5a6786;
}
body.lab-prices-page .lab-prices-analysis-card__price-value,
body.lab-prices-page .lab-prices-analysis-card__metric-value {
font-family: var(--font-display);
font-size: 24px;
font-weight: 400;
line-height: 1.1;
color: #111827;
}
body.lab-prices-page .lab-prices-analysis-card__price-value {
white-space: nowrap;
}
body.lab-prices-page .lab-prices-analysis-card__metrics {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
}
body.lab-prices-page .lab-prices-analysis-card__metric {
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px 18px;
border-radius: 20px;
background: #ffffff;
border: 1px solid rgba(136, 148, 190, 0.16);
}
body.lab-prices-page .lab-prices-analysis-card__content {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr);
gap: 20px;
}
body.lab-prices-page .lab-prices-analysis-card__column {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
}
body.lab-prices-page .lab-prices-analysis-card__description {
margin: 0;
font-family: var(--font-body);
font-size: 15px;
line-height: 1.6;
color: #24314f;
}
body.lab-prices-page .lab-prices-analysis-card__labs {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
body.lab-prices-page .lab-prices-analysis-card__meta-empty {
color: #5a6786;
font-family: var(--font-body);
font-size: 14px;
}
body.lab-prices-page .lab-prices-analysis-card__lab-chip {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 8px 14px;
border-radius: 999px;
background: #f3f7ff;
color: #233875;
font-family: var(--font-body);
font-size: 14px;
font-weight: 500;
}
body.lab-prices-page .lab-prices-analysis-card .lab-prices-offer-card__section-label {
color: #5a6786;
}
@media (max-width: 960px) {
body.lab-prices-page .lab-prices-analysis-card__head {
grid-template-columns: 1fr;
display: grid;
}
body.lab-prices-page .lab-prices-analysis-card__price-box {
min-width: 0;
}
body.lab-prices-page .lab-prices-analysis-card__price-top {
flex-direction: column;
align-items: stretch;
}
body.lab-prices-page .lab-prices-analysis-card__compare-button {
width: 100%;
}
body.lab-prices-page .lab-prices-analysis-card__metrics {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
body.lab-prices-page .lab-prices-analysis-card {
padding: 18px;
border-radius: 22px;
}
body.lab-prices-page .lab-prices-analysis-card__title {
font-size: 26px;
}
body.lab-prices-page .lab-prices-analysis-card__metrics {
grid-template-columns: minmax(0, 1fr);
}
body.lab-prices-page .lab-prices-lab-card {
grid-template-columns: minmax(0, 1fr);
}
body.lab-prices-page .lab-prices-lab-card__aside,
body.lab-prices-page .lab-prices-lab-card__stats,
body.lab-prices-page .lab-prices-lab-card__stat {
align-items: flex-start;
justify-content: flex-start;
}
}
body.lab-prices-page .lab-prices-detail-hero__lab-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 16px;
border: 2px solid #000;
border-radius: 24px;
background: transparent;
color: #000;
text-decoration: none;
font-family: var(--font-body);
font-size: 14px;
font-weight: 600;
white-space: nowrap;
transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
body.lab-prices-page .lab-prices-detail-hero__lab-cta:hover {
background: #000;
color: #fff;
transform: translateY(-1px);
}
body.lab-prices-page #lab-price-offers {
scroll-margin-top: calc(var(--menu-offset) + var(--menu-h) + 24px);
}
body.lab-prices-page .lab-prices-stats-inline {
display: inline-flex;
align-items: center;
}
body.lab-prices-page .lab-prices-stats-inline__text {
font-family: var(--font-body);
font-size: 15px;
font-weight: 600;
line-height: 1.5;
color: #22345f;
}
body.lab-prices-page .lab-prices-stat-card {
padding: 18px 18px 16px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(136, 148, 190, 0.22);
box-shadow: 0 12px 28px rgba(22, 31, 72, 0.08);
display: flex;
flex-direction: column;
gap: 8px;
}
body.lab-prices-page .lab-prices-stat-card__label {
font-family: var(--font-body);
font-size: 13px;
color: #616b91;
}
body.lab-prices-page .lab-prices-stat-card__value {
font-family: var(--font-display);
font-size: 24px;
line-height: 1.15;
color: #1e2558;
}
body.lab-prices-page .lab-prices-section {
padding: 44px 0;
background: #ffffff;
}
body.lab-prices-page #lab-price-city-chooser,
body.lab-prices-page #lab-price-offers-title,
body.lab-prices-page #lab-price-faq-title {
scroll-margin-top: 108px;
}
body.lab-prices-page [data-lab-price-catalog-available-tests] > .lab-prices-root-wide-block + .lab-prices-section__heading,
body.lab-prices-page [data-lab-price-catalog-available-tests] > .lab-prices-root-wide-block + .lab-prices-root-wide-block,
body.lab-prices-page [data-lab-price-catalog-available-tests] > .lab-prices-filter-shell + .lab-prices-root-wide-block {
margin-top: 44px;
}
body.lab-prices-page .lab-prices-section--offers,
body.lab-prices-page .lab-prices-section--related {
background: #f4f6fb;
}
body.lab-prices-page .lab-prices-section__heading {
display: flex;
flex-direction: column;
gap: 14px;
margin-bottom: 28px;
}
body.lab-prices-page .lab-prices-section__heading .section-title,
body.lab-prices-page .lab-prices-faq__title {
margin: 0;
max-width: 980px;
text-align: left;
line-height: 1.06;
letter-spacing: -0.03em;
text-wrap: balance;
}
body.lab-prices-page .lab-prices-section__heading--feature {
gap: 16px;
}
body.lab-prices-page .lab-prices-section--faq {
padding-top: 34px;
padding-bottom: 56px;
}
body.lab-prices-page .lab-prices-section__subtitle {
margin: 0;
max-width: 680px;
font-family: var(--font-body);
font-size: 16px;
line-height: 1.6;
color: #4e587f;
text-align: left;
}
body.lab-prices-page .lab-prices-section__title--feature,
body.lab-prices-page .lab-prices-section__subtitle--feature {
max-width: 720px;
}
body.lab-prices-page .lab-prices-popular-tests {
display: flex;
flex-direction: column;
gap: 14px;
}
body.lab-prices-page .lab-prices-hero__switcher {
margin-top: 10px;
}
body.lab-prices-page .lab-prices-hero__popular {
margin-top: 22px;
}
body.lab-prices-page .lab-prices-popular-tests__title {
margin: 0;
font-family: var(--font-body);
font-size: 14px;
line-height: 1.4;
font-weight: 600;
color: #67738f;
}
body.lab-prices-page .lab-prices-popular-tests__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 10px;
}
body.lab-prices-page .lab-prices-faq {
display: flex;
flex-direction: column;
gap: 18px;
padding: 0;
}
body.lab-prices-page .lab-prices-faq__title {
text-align: center;
margin-bottom: 0;
}
body.lab-prices-page .lab-prices-faq__accordion {
max-width: 720px;
width: 100%;
margin: 0 auto;
}
body.lab-prices-page .lab-prices-faq__accordion .site-faq__item,
body.lab-prices-page .lab-prices-faq__accordion .site-faq__question,
body.lab-prices-page .lab-prices-faq__accordion .site-faq__answer {
background: #ffffff;
}
body.lab-prices-page .lab-prices-popular-card {
min-height: 76px;
padding: 11px 13px;
border-radius: 18px;
border: 1px solid rgba(136, 148, 190, 0.18);
background: #ffffff;
box-shadow: none;
text-decoration: none;
display: block;
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
body.lab-prices-page .lab-prices-popular-card:hover {
transform: translateY(-1px);
border-color: rgba(47, 86, 217, 0.22);
box-shadow: none;
}
body.lab-prices-page .lab-prices-popular-card__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
body.lab-prices-page .lab-prices-popular-card__icon {
width: 24px;
height: 24px;
border-radius: 0;
background: transparent;
color: #2f56d9;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
margin-top: 0;
}
body.lab-prices-page .lab-prices-popular-card__icon svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
body.lab-prices-page .lab-prices-popular-card__icon.is-placeholder {
color: #8a93b8;
}
body.lab-prices-page .lab-prices-popular-card__icon.icon-blood-drop {
color: #d64045;
}
body.lab-prices-page .lab-prices-popular-card__icon.icon-ferritin {
color: #7b61ff;
}
body.lab-prices-page .lab-prices-popular-card__icon.icon-sun {
color: #f4b400;
}
body.lab-prices-page .lab-prices-popular-card__icon.icon-liver {
color: #f2994a;
}
body.lab-prices-page .lab-prices-popular-card__icon.icon-insulin {
color: #0f9d8f;
}
body.lab-prices-page .lab-prices-popular-card__body {
min-width: 0;
display: flex;
flex-direction: column;
gap: 7px;
}
body.lab-prices-page .lab-prices-popular-card__title {
font-family: var(--font-body);
font-size: 13px;
line-height: 1.25;
font-weight: 600;
color: #1f2a52;
min-width: 0;
}
body.lab-prices-page .lab-prices-popular-card__meta {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
font-family: var(--font-body);
font-size: 12px;
line-height: 1.35;
color: #6d7899;
}
body.lab-prices-page .lab-prices-popular-card__price {
color: #42527d;
}
body.lab-prices-page .lab-prices-popular-card__count {
color: #7b86a8;
}
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-section__heading {
margin-bottom: 22px;
}
body.lab-prices-page .lab-prices-section--categories .lab-prices-section__heading {
margin-bottom: 22px;
}
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-section__title--feature,
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-section__subtitle--feature,
body.lab-prices-page .lab-prices-section--categories .lab-prices-section__title--feature,
body.lab-prices-page .lab-prices-section--categories .lab-prices-section__subtitle--feature {
max-width: 720px;
}
body.lab-prices-page .lab-prices-root-wide-block {
width: calc(100vw - 80px);
max-width: none;
margin-left: calc(50% - 50vw + 40px);
box-sizing: border-box;
}
body.lab-prices-page .lab-prices-root-wide-block--contained {
width: 100%;
max-width: 100%;
margin-left: 0;
}
body.lab-prices-page .lab-prices-lab-card {
text-decoration: none;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 12px 20px;
align-items: flex-start;
}
body.lab-prices-page .lab-prices-lab-card__main {
min-width: 0;
}
body.lab-prices-page .lab-prices-lab-card__aside {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 12px;
}
body.lab-prices-page .lab-prices-lab-card__avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
flex-shrink: 0;
border-radius: 18px;
background: linear-gradient(135deg, rgba(47, 86, 217, 0.14) 0%, rgba(149, 241, 0, 0.22) 100%);
font-family: var(--font-display);
font-size: 18px;
color: #1e2558;
}
body.lab-prices-page .lab-prices-lab-card__logo {
width: 100%;
height: 100%;
object-fit: contain;
}
body.lab-prices-page .lab-prices-lab-card__logo-placeholder {
width: 24px;
height: 24px;
border: 2px dashed rgba(47, 86, 217, 0.35);
border-radius: 8px;
background: rgba(255, 255, 255, 0.78);
}
body.lab-prices-page .lab-prices-lab-card__title {
margin: 0;
font-size: 22px;
font-weight: 400;
line-height: 1.2;
}
body.lab-prices-page .lab-prices-lab-card__stats {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 6px;
}
body.lab-prices-page .lab-prices-lab-card__stat {
display: inline-flex;
align-items: baseline;
justify-content: flex-end;
gap: 6px;
min-width: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
body.lab-prices-page .lab-prices-lab-card__stat-value {
font-family: var(--font-display);
font-size: 18px;
line-height: 1.1;
color: #1e2558;
}
body.lab-prices-page .lab-prices-lab-card__stat-label {
font-family: var(--font-body);
font-size: 14px;
line-height: 1.35;
color: #67738f;
}
body.lab-prices-page .lab-prices-journey__cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 12px 18px;
border-radius: 14px;
background: #2f56d9;
color: #ffffff;
text-decoration: none;
font-family: var(--font-body);
font-size: 15px;
font-weight: 600;
}
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-labs-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-lab-card {
min-height: 100%;
padding: 22px;
transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-lab-card:hover {
transform: translateY(-1px);
border-color: rgba(47, 86, 217, 0.22);
box-shadow: 0 18px 34px rgba(22, 31, 72, 0.08);
}
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-lab-card__avatar {
width: 48px;
height: 48px;
border-radius: 16px;
font-size: 17px;
}
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-lab-card__meta,
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-lab-card__price,
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-lab-card__cta {
display: none;
}
body.lab-prices-page .lab-prices-section--grid .lab-prices-section__heading {
margin-bottom: 22px;
}
body.lab-prices-page .lab-prices-section--grid .lab-prices-section__title--feature,
body.lab-prices-page .lab-prices-section--grid .lab-prices-section__subtitle--feature {
max-width: 720px;
}
body.lab-prices-page .lab-prices-hero-search {
display: grid;
grid-template-columns: minmax(0, 1.8fr) minmax(220px, 0.9fr);
gap: 0;
align-items: start;
}
body.lab-prices-page .lab-prices-catalog-hero__controls {
display: flex;
flex-direction: column;
gap: 18px;
}
body.lab-prices-page .lab-prices-catalog-hero__nav {
width: 100%;
}
body.lab-prices-page .lab-prices-hero-search__field {
position: relative;
}
body.lab-prices-page .lab-prices-hero-search__field--analysis {
z-index: 12;
}
body.lab-prices-page .lab-prices-hero-search__input,
body.lab-prices-page .lab-prices-hero-search__select {
width: 100%;
min-height: 64px;
padding: 0 20px;
border-radius: 0;
border: 1px solid rgba(136, 148, 190, 0.42);
background: #ffffff;
font-family: var(--font-body);
font-size: 16px;
color: #1e2558;
outline: none;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
}
body.lab-prices-page .lab-prices-hero-search__field--analysis .lab-prices-hero-search__input {
border-right: 0;
}
body.lab-prices-page .lab-prices-hero-search__field--city::after {
content: '';
position: absolute;
top: 50%;
right: 18px;
width: 12px;
height: 8px;
transform: translateY(-50%);
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238A96B2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
body.lab-prices-page .lab-prices-hero-search__select {
padding-right: 48px;
}
body.lab-prices-page .lab-prices-hero-search__input::-webkit-search-decoration,
body.lab-prices-page .lab-prices-hero-search__input::-webkit-search-cancel-button,
body.lab-prices-page .lab-prices-hero-search__input::-webkit-search-results-button,
body.lab-prices-page .lab-prices-hero-search__input::-webkit-search-results-decoration {
display: none;
}
body.lab-prices-page .lab-prices-hero-search__input::placeholder {
color: #98a2c3;
}
body.lab-prices-page .lab-prices-hero-search__input:focus,
body.lab-prices-page .lab-prices-hero-search__select:focus {
border-color: rgba(47, 86, 217, 0.42);
box-shadow: 0 0 0 4px rgba(47, 86, 217, 0.08);
}
body.lab-prices-page .lab-prices-search-dropdown {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
z-index: 30;
display: flex;
flex-direction: column;
gap: 10px;
max-height: min(420px, 70vh);
overflow-y: auto;
padding: 14px;
border: 1px solid rgba(136, 148, 190, 0.24);
border-radius: 24px;
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 28px 54px rgba(22, 31, 72, 0.18);
backdrop-filter: blur(14px);
}
body.lab-prices-page .lab-prices-search-dropdown[hidden] {
display: none !important;
}
body.lab-prices-page .lab-prices-search-dropdown__section {
display: flex;
flex-direction: column;
gap: 8px;
}
body.lab-prices-page .lab-prices-search-dropdown__section-title,
body.lab-prices-page .lab-prices-search-dropdown__empty {
padding: 0 6px;
font-family: var(--font-body);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #6d7899;
}
body.lab-prices-page .lab-prices-search-dropdown__section-items {
display: flex;
flex-direction: column;
gap: 6px;
}
body.lab-prices-page .lab-prices-search-dropdown__option {
display: flex;
flex-direction: column;
gap: 6px;
padding: 14px 16px;
border-radius: 18px;
text-decoration: none;
background: #f7f9fc;
transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
body.lab-prices-page .lab-prices-search-dropdown__option:hover,
body.lab-prices-page .lab-prices-search-dropdown__option.is-active {
background: #edf2ff;
transform: translateY(-1px);
box-shadow: 0 12px 24px rgba(47, 86, 217, 0.12);
}
body.lab-prices-page .lab-prices-search-dropdown__title-row {
display: flex;
flex-wrap: wrap;
gap: 8px 12px;
align-items: baseline;
}
body.lab-prices-page .lab-prices-search-dropdown__title {
font-family: var(--font-display);
font-size: 18px;
line-height: 1.2;
color: #1e2558;
}
body.lab-prices-page .lab-prices-search-dropdown__meta,
body.lab-prices-page .lab-prices-search-dropdown__hint {
font-family: var(--font-body);
font-size: 14px;
line-height: 1.5;
color: #51608a;
}
body.lab-prices-page .lab-prices-search-dropdown__hint {
color: #7080ab;
}
@media (max-width: 768px) {
body.lab-prices-page .lab-prices-search-dropdown {
max-height: min(360px, 60vh);
}
}
body.lab-prices-page .lab-prices-filter-shell {
display: flex;
flex-direction: column;
gap: 20px;
}
body.lab-prices-page .lab-prices-filters__mobile-toggle,
body.lab-prices-page .lab-prices-filters__mobile-backdrop,
body.lab-prices-page .lab-prices-filters__panel-head {
display: none;
}
body.lab-prices-page .lab-prices-filters {
display: flex;
flex-direction: column;
gap: 16px;
padding: 18px;
border: 1px solid rgba(136, 148, 190, 0.18);
border-radius: 24px;
background: #ffffff;
box-shadow: 0 18px 40px rgba(22, 31, 72, 0.08);
}
body.lab-prices-page .lab-prices-filters__controls {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
align-items: end;
}
body.lab-prices-page .lab-prices-filters__field {
display: flex;
flex-direction: column;
gap: 8px;
}
body.lab-prices-page .lab-prices-filters__field-label {
font-family: var(--font-body);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #6d7899;
}
body.lab-prices-page .lab-prices-filters__select-wrap {
position: relative;
}
body.lab-prices-page .lab-prices-filters__select-wrap::after {
content: '';
position: absolute;
top: 50%;
right: 16px;
width: 12px;
height: 8px;
transform: translateY(-50%);
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238A96B2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
body.lab-prices-page .lab-prices-filters__select {
width: 100%;
min-height: 54px;
padding: 0 46px 0 16px;
border: 1px solid rgba(136, 148, 190, 0.22);
border-radius: 18px;
background: #ffffff;
background-color: #ffffff;
color: #1e2558;
font-family: var(--font-body);
font-size: 15px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
color-scheme: light;
-webkit-tap-highlight-color: transparent;
}
body.lab-prices-page .lab-prices-filters__select optgroup,
body.lab-prices-page .lab-prices-filters__select option {
color: #1e2558;
background: #ffffff;
background-color: #ffffff;
color-scheme: light;
forced-color-adjust: none;
}
body.lab-prices-page .lab-prices-filters__range-wrap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
body.lab-prices-page .lab-prices-filters__number-input,
body.lab-prices-page .lab-prices-filters__multiselect-summary {
width: 100%;
min-height: 54px;
padding: 0 16px;
border: 1px solid rgba(136, 148, 190, 0.22);
border-radius: 18px;
background: #ffffff;
color: #1e2558;
font-family: var(--font-body);
font-size: 15px;
}
body.lab-prices-page .lab-prices-filters__number-input {
outline: none;
appearance: textfield;
-moz-appearance: textfield;
}
body.lab-prices-page .lab-prices-filters__number-input::-webkit-outer-spin-button,
body.lab-prices-page .lab-prices-filters__number-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
body.lab-prices-page .lab-prices-filters__number-input:focus,
body.lab-prices-page .lab-prices-filters__multiselect-summary:focus-visible {
border-color: rgba(47, 86, 217, 0.42);
box-shadow: 0 0 0 4px rgba(47, 86, 217, 0.08);
}
body.lab-prices-page .lab-prices-filters__multiselect {
position: relative;
}
body.lab-prices-page .lab-prices-filters__dropdown {
position: relative;
}
body.lab-prices-page .lab-prices-filters__multiselect[open] {
z-index: 3;
}
body.lab-prices-page .lab-prices-filters__dropdown[open] {
z-index: 3;
}
body.lab-prices-page .lab-prices-filters__multiselect-summary {
display: flex;
align-items: center;
padding-right: 42px;
list-style: none;
cursor: pointer;
user-select: none;
}
body.lab-prices-page .lab-prices-filters__dropdown-summary {
display: flex;
align-items: center;
width: 100%;
min-height: 54px;
padding: 0 42px 0 16px;
list-style: none;
border: 1px solid rgba(136, 148, 190, 0.22);
border-radius: 18px;
background: #ffffff;
color: #1e2558;
font-family: var(--font-body);
font-size: 15px;
cursor: pointer;
user-select: none;
}
body.lab-prices-page .lab-prices-filters__multiselect-summary::-webkit-details-marker {
display: none;
}
body.lab-prices-page .lab-prices-filters__dropdown-summary::-webkit-details-marker {
display: none;
}
body.lab-prices-page .lab-prices-filters__multiselect-summary::after {
content: '';
position: absolute;
top: 50%;
right: 16px;
width: 12px;
height: 8px;
transform: translateY(-50%);
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238A96B2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
body.lab-prices-page .lab-prices-filters__dropdown-summary::after {
content: '';
position: absolute;
top: 50%;
right: 16px;
width: 12px;
height: 8px;
transform: translateY(-50%);
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238A96B2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
body.lab-prices-page .lab-prices-filters__multiselect-summary.is-placeholder {
color: #6d7899;
}
body.lab-prices-page .lab-prices-filters__dropdown-summary.is-placeholder {
color: #6d7899;
}
body.lab-prices-page .lab-prices-filters__multiselect-options {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
display: grid;
gap: 6px;
max-height: 240px;
overflow-y: auto;
padding: 10px;
border: 1px solid rgba(136, 148, 190, 0.18);
border-radius: 18px;
background: #ffffff;
box-shadow: 0 18px 32px rgba(22, 31, 72, 0.14);
}
body.lab-prices-page .lab-prices-filters__dropdown-options {
position: absolute;
top: calc(100% + 8px);
left: 0;
right: 0;
display: grid;
gap: 6px;
max-height: 240px;
overflow-y: auto;
padding: 10px;
border: 1px solid rgba(136, 148, 190, 0.18);
border-radius: 18px;
background: #ffffff;
box-shadow: 0 18px 32px rgba(22, 31, 72, 0.14);
}
body.lab-prices-page .lab-prices-filters__multiselect-option {
display: flex;
align-items: center;
gap: 10px;
min-height: 40px;
padding: 0 4px;
color: #1e2558;
font-family: var(--font-body);
font-size: 14px;
cursor: pointer;
}
body.lab-prices-page .lab-prices-filters__dropdown-option {
display: flex;
align-items: center;
gap: 10px;
min-height: 40px;
padding: 0 4px;
color: #1e2558;
font-family: var(--font-body);
font-size: 14px;
cursor: pointer;
}
body.lab-prices-page .lab-prices-filters__multiselect-option input {
width: 16px;
height: 16px;
}
body.lab-prices-page .lab-prices-filters__dropdown-option input {
width: 16px;
height: 16px;
margin: 0;
}
body.lab-prices-page .lab-prices-filters__select:focus,
body.lab-prices-page .lab-prices-filters__dropdown-summary:focus-visible,
body.lab-prices-page .lab-prices-filters__checkbox:focus-visible + .lab-prices-filters__toggle-ui {
outline: none;
border-color: rgba(47, 86, 217, 0.42);
box-shadow: 0 0 0 4px rgba(47, 86, 217, 0.08);
}
body.lab-prices-page .lab-prices-filters__toggle {
display: flex;
align-items: center;
min-height: 54px;
}
body.lab-prices-page .lab-prices-filters__checkbox {
position: absolute;
opacity: 0;
pointer-events: none;
}
body.lab-prices-page .lab-prices-filters__toggle-ui {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 54px;
padding: 0 18px;
border: 1px solid rgba(136, 148, 190, 0.22);
border-radius: 18px;
background: #ffffff;
color: #1e2558;
font-family: var(--font-body);
font-size: 15px;
font-weight: 600;
text-align: center;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
body.lab-prices-page .lab-prices-filters__checkbox:checked + .lab-prices-filters__toggle-ui {
border-color: rgba(47, 86, 217, 0.28);
background: #edf2ff;
color: #2448c9;
}
body.lab-prices-page .lab-prices-filters__meta {
display: flex;
justify-content: space-between;
gap: 12px;
align-items: center;
flex-wrap: wrap;
}
body.lab-prices-page .lab-prices-filters__summary {
margin: 0;
font-family: var(--font-body);
font-size: 15px;
line-height: 1.5;
color: #4e587f;
}
body.lab-prices-page .lab-prices-filters__reset {
padding: 0;
border: 0;
background: transparent;
color: #2f56d9;
font-family: var(--font-body);
font-size: 15px;
font-weight: 700;
cursor: pointer;
}
body.lab-prices-page .lab-prices-filters__chips {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
body.lab-prices-page .lab-prices-filters__chip {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 38px;
padding: 0 14px;
border: 0;
border-radius: 999px;
background: #edf2ff;
color: #2448c9;
font-family: var(--font-body);
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
body.lab-prices-page .lab-prices-filters__chip::after {
content: 'x';
font-size: 12px;
opacity: 0.72;
}
body.lab-prices-page .lab-prices-filters__panel-title {
margin: 0;
font-family: var(--font-display);
font-size: 22px;
line-height: 1.05;
color: #1e2558;
}
body.lab-prices-page .lab-prices-filters__panel-close {
padding: 0;
border: 0;
background: transparent;
color: #2f56d9;
font-family: var(--font-body);
font-size: 14px;
font-weight: 700;
cursor: pointer;
}
body.lab-prices-page .lab-prices-filters__empty {
margin: -4px 0 0;
}
body.lab-prices-page [data-lab-price-filter-item].is-filter-hidden {
display: none !important;
}
@media (max-width: 1024px) {
body.lab-prices-page .lab-prices-filters__controls {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
body.lab-prices-filters-open {
overflow: hidden;
}
body.lab-prices-page .lab-prices-filter-shell--mobile-ready {
position: relative;
}
body.lab-prices-page .lab-prices-filter-shell--mobile-ready .lab-prices-filters__mobile-toggle {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
padding: 14px 16px;
border: 1px solid rgba(136, 148, 190, 0.18);
border-radius: 18px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 14px 32px rgba(22, 31, 72, 0.08);
color: #1e2558;
text-align: left;
cursor: pointer;
}
body.lab-prices-page .lab-prices-filters__mobile-toggle-copy {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
body.lab-prices-page .lab-prices-filters__mobile-toggle-title {
font-family: var(--font-body);
font-size: 15px;
font-weight: 700;
line-height: 1.2;
}
body.lab-prices-page .lab-prices-filters__mobile-toggle-summary {
font-family: var(--font-body);
font-size: 13px;
line-height: 1.35;
color: #6d7899;
}
body.lab-prices-page .lab-prices-filters__mobile-toggle-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 28px;
height: 28px;
padding: 0 8px;
border-radius: 999px;
background: #edf2ff;
color: #2448c9;
font-family: var(--font-body);
font-size: 13px;
font-weight: 700;
flex: 0 0 auto;
}
body.lab-prices-page .lab-prices-filters__mobile-toggle-icon {
width: 10px;
height: 10px;
border-right: 2px solid #7a88ad;
border-bottom: 2px solid #7a88ad;
transform: rotate(45deg);
transition: transform 0.2s ease;
flex: 0 0 auto;
margin-right: 4px;
}
body.lab-prices-page .lab-prices-filter-shell--mobile-ready.is-mobile-open .lab-prices-filters__mobile-toggle-icon {
transform: rotate(-135deg);
}
body.lab-prices-page .lab-prices-filter-shell--mobile-ready .lab-prices-filters__mobile-backdrop {
display: block;
position: fixed;
inset: 0;
background: rgba(16, 23, 54, 0.34);
backdrop-filter: blur(4px);
opacity: 0;
pointer-events: none;
transition: opacity 0.22s ease;
z-index: 39;
}
body.lab-prices-page .lab-prices-filter-shell--mobile-ready.is-mobile-open .lab-prices-filters__mobile-backdrop {
opacity: 1;
pointer-events: auto;
}
body.lab-prices-page .lab-prices-filter-shell--mobile-ready .lab-prices-filters {
position: fixed;
left: 12px;
right: 12px;
bottom: 12px;
z-index: 40;
max-height: min(78vh, 720px);
overflow-y: auto;
transform: translateY(calc(100% + 28px));
opacity: 0;
pointer-events: none;
transition: transform 0.24s ease, opacity 0.24s ease;
}
body.lab-prices-page .lab-prices-filter-shell--mobile-ready.is-mobile-open .lab-prices-filters {
transform: translateY(0);
opacity: 1;
pointer-events: auto;
}
body.lab-prices-page .lab-prices-filter-shell--mobile-ready .lab-prices-filters__panel-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
body.lab-prices-page .lab-prices-filters {
gap: 12px;
padding: 14px;
border-radius: 20px;
}
body.lab-prices-page .lab-prices-filters__controls {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
body.lab-prices-page .lab-prices-filters__field {
gap: 6px;
}
body.lab-prices-page .lab-prices-filters__field-label {
font-size: 11px;
letter-spacing: 0.02em;
text-transform: none;
}
body.lab-prices-page .lab-prices-filters__select {
min-height: 46px;
padding: 0 38px 0 12px;
border-radius: 14px;
font-size: 14px;
}
body.lab-prices-page .lab-prices-filters__number-input,
body.lab-prices-page .lab-prices-filters__multiselect-summary {
min-height: 46px;
border-radius: 14px;
font-size: 14px;
}
body.lab-prices-page .lab-prices-filters__range-wrap {
gap: 8px;
}
body.lab-prices-page .lab-prices-filters__multiselect-options {
border-radius: 14px;
}
body.lab-prices-page .lab-prices-filters__dropdown-options {
border-radius: 14px;
}
body.lab-prices-page .lab-prices-filters__select-wrap::after {
right: 12px;
}
body.lab-prices-page .lab-prices-filters__toggle {
min-height: 46px;
}
body.lab-prices-page .lab-prices-filters__toggle-ui {
min-height: 46px;
padding: 0 12px;
border-radius: 14px;
font-size: 14px;
line-height: 1.2;
}
body.lab-prices-page .lab-prices-filters__meta {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 10px;
}
body.lab-prices-page .lab-prices-filters__summary,
body.lab-prices-page .lab-prices-filters__reset {
font-size: 14px;
}
body.lab-prices-page .lab-prices-filters__chips {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 2px;
margin-right: -4px;
scrollbar-width: none;
}
body.lab-prices-page .lab-prices-filters__chips::-webkit-scrollbar {
display: none;
}
body.lab-prices-page .lab-prices-filters__chip {
flex: 0 0 auto;
min-height: 34px;
padding: 0 12px;
font-size: 13px;
}
body.lab-prices-page .lab-prices-filter-shell {
gap: 14px;
}
body.lab-prices-page .lab-prices-filters__empty {
margin-top: 0;
}
}
@media (max-width: 420px) {
body.lab-prices-page .lab-prices-filters__controls {
grid-template-columns: minmax(0, 1fr);
}
}
body.lab-prices-page .lab-prices-city-chooser {
padding: 0;
border-radius: 0;
background: transparent;
border: 0;
box-shadow: none;
}
body.lab-prices-page .lab-prices-city-chooser__title {
margin: 0;
}
body.lab-prices-page .lab-prices-city-chooser__subtitle {
margin: 10px 0 0;
}
body.lab-prices-page .lab-prices-city-chooser__subtitle-link {
color: #2f56d9;
font-weight: 600;
text-decoration: none;
}
body.lab-prices-page .lab-prices-city-chooser__subtitle-link:hover {
text-decoration: underline;
}
body.lab-prices-page .lab-prices-city-chooser__grid,
body.lab-prices-page .lab-prices-entry-grid,
body.lab-prices-page .lab-prices-labs-grid,
body.lab-prices-page .lab-prices-trust-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
body.lab-prices-page .lab-prices-section--categories .lab-prices-entry-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.lab-prices-page .lab-prices-city-chooser__grid {
margin-top: 18px;
}
body.lab-prices-page .lab-prices-city-card,
body.lab-prices-page .lab-prices-entry-card,
body.lab-prices-page .lab-prices-lab-card,
body.lab-prices-page .lab-prices-trust-card {
padding: 20px;
border-radius: 22px;
border: 1px solid rgba(136, 148, 190, 0.18);
background: #ffffff;
box-shadow: 0 18px 38px rgba(22, 31, 72, 0.08);
}
body.lab-prices-page .lab-prices-city-card {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
min-height: 110px;
padding: 16px;
}
body.lab-prices-page .lab-prices-city-card.is-active {
border-color: rgba(136, 148, 190, 0.18);
box-shadow: 0 18px 38px rgba(22, 31, 72, 0.08);
}
body.lab-prices-page .lab-prices-city-card.is-disabled {
background: #f6f8fc;
box-shadow: none;
}
body.lab-prices-page .lab-prices-city-card__name,
body.lab-prices-page .lab-prices-entry-card__title,
body.lab-prices-page .lab-prices-lab-card__title,
body.lab-prices-page .lab-prices-trust-card__title {
font-family: var(--font-display);
color: #1e2558;
}
body.lab-prices-page .lab-prices-city-card__name {
font-size: 21px;
line-height: 1.15;
}
body.lab-prices-page .lab-prices-city-card__head {
display: flex;
flex-wrap: wrap;
gap: 8px;
min-width: 0;
}
body.lab-prices-page .lab-prices-city-card__status,
body.lab-prices-page .lab-prices-entry-card__badge,
body.lab-prices-page .lab-prices-lab-card__price {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 30px;
padding: 4px 10px;
border-radius: 999px;
background: rgba(47, 86, 217, 0.1);
font-family: var(--font-body);
font-size: 13px;
font-weight: 600;
color: #2f56d9;
}
body.lab-prices-page .lab-prices-entry-card,
body.lab-prices-page .lab-prices-trust-card {
display: flex;
flex-direction: column;
gap: 12px;
}
body.lab-prices-page .lab-prices-entry-card--link,
body.lab-prices-page .lab-prices-entry-card--link:hover,
body.lab-prices-page .lab-prices-entry-card--link:focus,
body.lab-prices-page .lab-prices-entry-card--link:visited {
text-decoration: none;
}
body.lab-prices-page .lab-prices-entry-card__head {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-start;
}
body.lab-prices-page .lab-prices-entry-card__title,
body.lab-prices-page .lab-prices-trust-card__title {
margin: 0;
font-size: 24px;
font-weight: 400;
line-height: 1.2;
}
body.lab-prices-page .lab-prices-entry-card__text,
body.lab-prices-page .lab-prices-trust-card__text,
body.lab-prices-page .lab-prices-lab-card__meta {
margin: 0;
font-family: var(--font-body);
font-size: 15px;
line-height: 1.6;
color: #4e587f;
}
body.lab-prices-page .lab-prices-entry-card__badge--accent {
background: rgba(149, 241, 0, 0.18);
color: #315200;
}
body.lab-prices-page .lab-prices-entry-card__badge,
body.lab-prices-page .lab-prices-entry-card__tag,
body.lab-prices-page .lab-prices-entry-card__tag--cta {
font-weight: 400;
}
body.lab-prices-page .lab-prices-entry-card__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.lab-prices-page .lab-prices-entry-card__tag {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 6px 12px;
border-radius: 999px;
background: #eef3ff;
font-family: var(--font-body);
font-size: 13px;
font-weight: 400;
line-height: 1.4;
color: #22345f;
}
body.lab-prices-page .lab-prices-entry-card__tag--cta {
background: #dbe5ff;
color: #182956;
}
body.lab-prices-page .lab-prices-trust-faq {
padding: 4px 0;
}
body.lab-prices-page .lab-prices-trust-faq__title {
text-align: center;
margin-bottom: 14px;
}
body.lab-prices-page .lab-prices-trust-faq__subtitle {
margin: 0 auto 34px;
max-width: 860px;
text-align: center;
font-family: var(--font-body);
font-size: 17px;
line-height: 1.6;
color: #4e587f;
}
body.lab-prices-page .lab-prices-trust-faq__accordion {
max-width: 720px;
}
body.lab-prices-page .lab-prices-journey-flow {
display: flex;
flex-direction: column;
gap: 28px;
}
body.lab-prices-page .lab-prices-journey-flow__heading {
display: flex;
flex-direction: column;
gap: 14px;
align-items: center;
text-align: center;
}
body.lab-prices-page .lab-prices-journey-flow__title {
margin: 0;
max-width: 900px;
}
body.lab-prices-page .lab-prices-journey-flow__subtitle {
margin: 0;
max-width: 860px;
font-family: var(--font-body);
font-size: 17px;
line-height: 1.6;
color: #4e587f;
}
body.lab-prices-page .lab-prices-journey-sequence {
display: grid;
gap: 12px;
max-width: 920px;
width: 100%;
margin: 0 auto;
}
body.lab-prices-page .lab-prices-journey-card {
position: relative;
display: grid;
grid-template-columns: 64px minmax(0, 1fr);
gap: 18px;
align-items: start;
padding: 24px 26px;
border-radius: 24px;
border: 1px solid rgba(136, 148, 190, 0.18);
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
box-shadow: 0 16px 34px rgba(22, 31, 72, 0.08);
}
body.lab-prices-page .lab-prices-journey-card__step {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 16px;
background: linear-gradient(135deg, rgba(47, 86, 217, 0.12) 0%, rgba(149, 241, 0, 0.22) 100%);
font-family: var(--font-display);
font-size: 20px;
font-weight: 600;
color: #1e2558;
}
body.lab-prices-page .lab-prices-journey-card__content {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
body.lab-prices-page .lab-prices-journey-card__title {
margin: 0;
font-family: var(--font-display);
font-size: 24px;
line-height: 1.2;
color: #1e2558;
}
body.lab-prices-page .lab-prices-journey-card__text {
margin: 0;
font-family: var(--font-body);
font-size: 15px;
line-height: 1.65;
color: #4e587f;
}
body.lab-prices-page .lab-prices-journey__cta {
margin: 0 auto;
}
body.lab-prices-page .lab-prices-tests-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
}
body.lab-prices-page .lab-prices-grid-card {
min-height: 118px;
padding: 18px 20px;
border-radius: 22px;
border: 1px solid rgba(136, 148, 190, 0.18);
background: #ffffff;
box-shadow: none;
text-decoration: none;
display: block;
overflow: hidden;
transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
body.lab-prices-page .lab-prices-grid-card:hover {
transform: translateY(-1px);
border-color: rgba(47, 86, 217, 0.22);
box-shadow: none;
}
body.lab-prices-page .lab-prices-grid-card__body {
min-width: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
body.lab-prices-page .lab-prices-grid-card__title {
display: -webkit-box;
overflow: hidden;
min-width: 0;
font-family: var(--font-body);
font-size: 17px;
line-height: 1.35;
font-weight: 600;
color: #1f2a52;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow-wrap: anywhere;
word-break: break-word;
}
body.lab-prices-page .lab-prices-grid-card__eyebrow {
font-family: var(--font-body);
font-size: 13px;
line-height: 1.4;
color: #67738f;
}
body.lab-prices-page .lab-prices-grid-card__meta {
display: flex;
flex-direction: column;
gap: 3px;
margin-top: 4px;
font-family: var(--font-body);
font-size: 13px;
line-height: 1.4;
}
body.lab-prices-page .lab-prices-grid-card__price {
color: #42527d;
}
body.lab-prices-page .lab-prices-grid-card__count {
color: #7b86a8;
}
body.lab-prices-page .lab-prices-test-card {
min-height: 220px;
padding: 22px;
border-radius: 24px;
border: 1px solid rgba(136, 148, 190, 0.18);
background: #ffffff;
box-shadow: 0 18px 38px rgba(22, 31, 72, 0.08);
text-decoration: none;
display: flex;
flex-direction: column;
gap: 14px;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
body.lab-prices-page .lab-prices-test-card:hover {
transform: translateY(-3px);
box-shadow: 0 22px 40px rgba(22, 31, 72, 0.12);
}
body.lab-prices-page .lab-prices-test-card__head,
body.lab-prices-page .lab-prices-test-card__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
body.lab-prices-page .lab-prices-test-card__code,
body.lab-prices-page .lab-prices-test-card__count,
body.lab-prices-page .lab-prices-test-card__price-label {
font-family: var(--font-body);
font-size: 13px;
color: #616b91;
}
body.lab-prices-page .lab-prices-test-card__title {
margin: 0;
font-family: var(--font-display);
font-size: 28px;
line-height: 1.16;
color: #1e2558;
}
body.lab-prices-page .lab-prices-test-card__meta {
margin: 0;
color: #4e587f;
font-family: var(--font-body);
font-size: 15px;
line-height: 1.5;
}
body.lab-prices-page .lab-prices-test-card__price {
font-family: var(--font-display);
font-size: 24px;
color: #2f56d9;
}
body.lab-prices-page .lab-prices-test-card--compact {
min-height: 0;
}
body.lab-prices-page .lab-prices-note-card {
padding: 32px;
border-radius: 28px;
background: linear-gradient(135deg, #eef6ff 0%, #ffffff 100%);
border: 1px solid rgba(47, 86, 217, 0.12);
}
body.lab-prices-page .lab-prices-offer-list {
display: grid;
gap: 18px;
}
body.lab-prices-page .lab-prices-offer-card {
padding: 24px;
border-radius: 24px;
background: #ffffff;
border: 1px solid rgba(136, 148, 190, 0.18);
box-shadow: 0 18px 38px rgba(22, 31, 72, 0.08);
display: flex;
flex-direction: column;
gap: 20px;
}
body.lab-prices-page .lab-prices-offer-card__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 18px;
}
body.lab-prices-page .lab-prices-offer-card__identity {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
body.lab-prices-page .lab-prices-offer-card__lab {
margin: 0;
font-family: var(--font-display);
font-size: 28px;
color: #1e2558;
}
body.lab-prices-page .lab-prices-offer-card__lab-link {
color: inherit;
text-decoration: none;
}
body.lab-prices-page .lab-prices-offer-card__lab-link:hover {
color: #2f56d9;
}
body.lab-prices-page .lab-prices-offer-card__offer-name,
body.lab-prices-page .lab-prices-offer-card__districts {
margin: 0;
font-family: var(--font-body);
font-size: 15px;
color: #4e587f;
}
body.lab-prices-page .lab-prices-offer-card__price-box {
min-width: 0;
display: flex;
flex-direction: column;
gap: 12px;
width: fit-content;
max-width: 100%;
margin-left: auto;
}
body.lab-prices-page .lab-prices-offer-card__price-secondary {
display: flex;
justify-content: flex-end;
align-items: center;
text-align: center;
}
body.lab-prices-page .lab-prices-offer-card__mobile-row {
display: flex;
align-items: stretch;
gap: 8px;
min-width: 0;
padding: 14px;
border-radius: 20px;
background: #f8fbff;
border: 1px solid rgba(136, 148, 190, 0.16);
}
body.lab-prices-page .lab-prices-offer-card__mobile-card {
display: flex;
flex-direction: column;
gap: 6px;
flex: 1 1 0;
min-width: 0;
padding: 0;
border-radius: 0;
background: transparent;
border: 0;
}
@media (max-width: 640px) {
body.lab-prices-page .lab-prices-offer-card__mobile-row {
padding: 12px;
border-radius: 18px;
}
body.lab-prices-page .lab-prices-offer-card__mobile-card {
gap: 4px;
}
}
body.lab-prices-page .lab-prices-offer-card__mobile-card .lab-prices-offer-card__results-methods {
gap: 8px;
}
body.lab-prices-page .lab-prices-offer-card__mobile-card .lab-prices-offer-card__results-list {
gap: 6px;
}
body.lab-prices-page .lab-prices-offer-card__price-label,
body.lab-prices-page .lab-prices-offer-card__meta-label {
display: block;
font-family: var(--font-body);
font-size: 13px;
font-weight: 600;
line-height: 1.3;
color: #616b91;
}
body.lab-prices-page .lab-prices-offer-card__price {
display: block;
font-family: var(--font-display);
font-size: 24px;
font-weight: 400;
line-height: 1.1;
color: #111827;
white-space: nowrap;
}
body.lab-prices-page .lab-prices-offer-card__price-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 14px;
padding: 16px 18px;
border-radius: 20px;
background: #edfcc5;
}
body.lab-prices-page .lab-prices-offer-card__price-main {
display: flex;
flex: 0 1 auto;
flex-direction: column;
gap: 8px;
min-width: 0;
}
body.lab-prices-page .lab-prices-offer-card__price-breakdown {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 8px;
width: 100%;
max-width: 100%;
justify-content: center;
justify-items: center;
padding: 18px 14px 18px 18px;
border-radius: 20px;
background: #f8fbff;
border: 1px solid rgba(136, 148, 190, 0.16);
}
body.lab-prices-page .lab-prices-offer-card__price-line {
display: grid;
justify-items: center;
align-content: start;
width: 100%;
gap: 6px;
text-align: center;
}
body.lab-prices-page .lab-prices-offer-card__price-breakdown .lab-prices-offer-card__meta-label,
body.lab-prices-page .lab-prices-offer-card__price-breakdown .lab-prices-offer-card__meta-value {
display: block;
width: 100%;
text-align: center;
}
body.lab-prices-page .lab-prices-offer-card__promo {
display: inline-flex;
padding: 5px 10px;
border-radius: 999px;
background: rgba(149, 241, 0, 0.18);
font-family: var(--font-body);
font-size: 12px;
font-weight: 600;
color: #486400;
}
body.lab-prices-page .lab-prices-offer-card__details-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
grid-auto-rows: 1fr;
gap: 14px;
}
body.lab-prices-page .lab-prices-offer-card--has-special-offers .lab-prices-offer-card__details-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
body.lab-prices-page .lab-prices-offer-card__details-grid > .lab-prices-offer-card__section {
width: 100%;
height: 100%;
}
body.lab-prices-page .lab-prices-offer-card__section {
display: flex;
flex-direction: column;
gap: 10px;
padding: 18px;
border-radius: 20px;
background: #f8fbff;
border: 1px solid rgba(136, 148, 190, 0.16);
min-width: 0;
}
body.lab-prices-page .lab-prices-offer-card__section--special-offers {
background: linear-gradient(180deg, rgba(255, 247, 238, 0.96) 0%, rgba(255, 251, 246, 0.98) 100%);
border-color: rgba(228, 154, 74, 0.24);
}
body.lab-prices-page .lab-prices-offer-card__special-offers-list {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
body.lab-prices-page .lab-prices-offer-card__special-offers-item {
position: relative;
margin: 0;
padding-left: 16px;
font-family: var(--font-body);
font-size: 14px;
line-height: 1.55;
color: #5c4836;
}
body.lab-prices-page .lab-prices-offer-card__special-offers-item::before {
content: '';
position: absolute;
left: 0;
top: 9px;
width: 6px;
height: 6px;
border-radius: 999px;
background: rgba(228, 154, 74, 0.72);
}
body.lab-prices-page .lab-prices-offer-card__section-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
body.lab-prices-page .lab-prices-offer-card__section-head--biomarkers {
align-items: center;
}
body.lab-prices-page .lab-prices-offer-card__meta-value {
font-family: var(--font-display);
font-size: 20px;
line-height: 1.2;
font-weight: 400;
color: #1e2558;
}
body.lab-prices-page .lab-prices-offer-card__section-label {
display: block;
font-family: var(--font-body);
font-size: 13px;
color: #616b91;
}
body.lab-prices-page .lab-prices-offer-card__section-value {
margin: 0;
font-family: var(--font-display);
font-size: 20px;
line-height: 1.2;
font-weight: 400;
color: #1e2558;
}
body.lab-prices-page .lab-prices-offer-card__section-note {
font-family: var(--font-body);
font-size: 14px;
line-height: 1.55;
color: #516184;
}
body.lab-prices-page .lab-prices-offer-card__results-methods {
display: flex;
flex-direction: column;
gap: 10px;
}
body.lab-prices-page .lab-prices-offer-card__results-label {
font-family: var(--font-body);
font-size: 13px;
line-height: normal;
color: #616b91;
}
body.lab-prices-page .lab-prices-offer-card__results-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.lab-prices-page .lab-prices-offer-card__results-method {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 34px;
padding: 7px 10px;
border-radius: 999px;
background: #ffffff;
border: 1px solid rgba(136, 148, 190, 0.2);
}
body.lab-prices-page .lab-prices-offer-card__results-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
color: #2f56d9;
flex: 0 0 auto;
}
body.lab-prices-page .lab-prices-offer-card__results-svg {
display: block;
width: 16px;
height: 16px;
}
body.lab-prices-page .lab-prices-offer-card__results-text {
display: none;
}
body.lab-prices-page .lab-prices-offer-card__capabilities,
body.lab-prices-page .lab-prices-offer-card__biomarkers-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.lab-prices-page .lab-prices-offer-card__capabilities {
align-items: center;
}
body.lab-prices-page .lab-prices-offer-card__button {
display: inline-flex;
align-items: center;
align-self: stretch;
flex: 0 0 auto;
justify-content: center;
min-height: 48px;
padding: 12px 18px;
border-radius: 14px;
background: #2f56d9;
color: #ffffff;
text-decoration: none;
font-family: var(--font-body);
font-size: 15px;
font-weight: 600;
white-space: nowrap;
}
body.lab-prices-page .lab-prices-offer-card__button:hover {
background: #284ac0;
}
body.lab-prices-page .lab-prices-offer-card__capability,
body.lab-prices-page .lab-prices-offer-card__biomarker {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 7px 12px;
border-radius: 999px;
background: #ffffff;
border: 1px solid rgba(136, 148, 190, 0.2);
font-family: var(--font-body);
font-size: 13px;
font-weight: 500;
color: #30416e;
}
body.lab-prices-page .lab-prices-offer-card__capability {
gap: 8px;
}
body.lab-prices-page .lab-prices-offer-card__capability-check {
position: relative;
display: inline-flex;
width: 10px;
height: 8px;
flex: 0 0 auto;
}
body.lab-prices-page .lab-prices-offer-card__capability-check::after {
content: '';
position: absolute;
left: 1px;
top: -1px;
width: 4px;
height: 8px;
border-right: 2px solid #57ba4a;
border-bottom: 2px solid #57ba4a;
transform: rotate(45deg);
}
body.lab-prices-page .lab-prices-offer-card__capability-text {
font-family: var(--font-body);
font-size: 13px;
line-height: 1.5;
font-weight: 500;
color: #30416e;
}
body.lab-prices-page .lab-prices-offer-card__ghost-button,
body.lab-prices-page .lab-prices-offer-card__toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
padding: 0;
border: 0;
background: transparent;
color: #1d4ed8;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
font-family: var(--font-body);
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
body.lab-prices-page .lab-prices-offer-card__map-note {
margin: 0;
font-family: var(--font-body);
font-size: 14px;
line-height: 1.55;
color: #516184;
}
body.lab-prices-page .lab-prices-offer-card__biomarkers {
display: flex;
flex-direction: column;
gap: 10px;
padding-top: 2px;
}
body.lab-prices-page .lab-prices-offer-card__biomarkers .lab-prices-offer-card__section-label {
font-size: 14px;
font-weight: 600;
color: #30416e;
}
body.lab-prices-page .lab-prices-offer-card__section-head--biomarkers-inline {
justify-content: flex-start;
align-items: center;
gap: 4px;
}
body.lab-prices-page .lab-prices-offer-card__biomarkers[data-overflow="true"].is-collapsed:not(.is-expanded) .lab-prices-offer-card__biomarker.is-extra {
display: none;
}
body.lab-prices-page .lab-prices-offer-card__biomarkers[data-overflow="false"] .lab-prices-offer-card__toggle--desktop {
display: none;
}
body.lab-prices-page .lab-prices-offer-card__toggle--mobile {
display: none;
}
body.lab-prices-page .lab-prices-offer-card__toggle--desktop {
display: inline-flex;
}
body.lab-prices-page .lab-prices-offer-card__toggle {
min-height: 34px;
padding: 7px 12px;
border-radius: 999px;
background: rgba(47, 86, 217, 0.08);
border: 1px solid rgba(47, 86, 217, 0.14);
text-decoration: none;
text-underline-offset: 0;
}
body.lab-prices-page .lab-prices-offer-card__toggle:hover {
background: rgba(47, 86, 217, 0.14);
}
body.lab-prices-page .lab-prices-offer-card__toggle-label {
display: none;
}
body.lab-prices-page .lab-prices-offer-card__toggle[aria-expanded="false"] .lab-prices-offer-card__toggle-label--desktop,
body.lab-prices-page .lab-prices-offer-card__toggle[aria-expanded="true"] .lab-prices-offer-card__toggle-label--less {
display: inline;
}
body.lab-prices-page .lab-prices-branch-list {
display: grid;
gap: 18px;
}
body.lab-prices-page .lab-prices-branch-card {
padding: 24px;
border-radius: 24px;
background: #ffffff;
border: 1px solid rgba(136, 148, 190, 0.18);
box-shadow: 0 18px 38px rgba(22, 31, 72, 0.08);
}
body.lab-prices-page .lab-prices-branch-card__title {
margin: 0;
font-family: var(--font-display);
font-size: 26px;
color: #1e2558;
}
body.lab-prices-page .lab-prices-branch-card__address,
body.lab-prices-page .lab-prices-branch-card__hours {
margin: 10px 0 0;
font-family: var(--font-body);
font-size: 15px;
line-height: 1.6;
color: #4e587f;
}
body.lab-prices-page .lab-prices-empty-state {
margin: 0;
padding: 28px;
border-radius: 24px;
background: #ffffff;
border: 1px dashed rgba(136, 148, 190, 0.42);
font-family: var(--font-body);
font-size: 16px;
color: #4e587f;
}
body.lab-prices-page .lab-prices-section--dynamics {
background: linear-gradient(180deg, #f4f8ff 0%, #fbfdff 100%);
}
body.lab-prices-page .lab-prices-dynamics {
display: flex;
flex-direction: column;
gap: 18px;
padding: 24px;
border-radius: 28px;
background: rgba(255, 255, 255, 0.94);
border: 1px solid rgba(136, 148, 190, 0.18);
box-shadow: 0 18px 38px rgba(22, 31, 72, 0.08);
}
body.lab-prices-page .lab-prices-dynamics__eyebrow-row {
display: flex;
justify-content: flex-start;
margin-bottom: 8px;
}
body.lab-prices-page .lab-prices-dynamics__badge {
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 5px 12px;
border-radius: 999px;
background: rgba(47, 86, 217, 0.1);
color: #2f56d9;
font-family: var(--font-body);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
body.lab-prices-page .lab-prices-dynamics__tabs {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
body.lab-prices-page .lab-prices-dynamics__tab {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 16px;
border-radius: 999px;
border: 1px solid rgba(136, 148, 190, 0.22);
background: #f6f9ff;
color: #46557d;
font-family: var(--font-body);
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
body.lab-prices-page .lab-prices-dynamics__tab:hover,
body.lab-prices-page .lab-prices-dynamics__tab.is-active {
background: #2f56d9;
border-color: #2f56d9;
color: #ffffff;
transform: translateY(-1px);
}
body.lab-prices-page .lab-prices-dynamics__panel {
display: flex;
flex-direction: column;
gap: 18px;
}
body.lab-prices-page .lab-prices-dynamics__metrics {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
body.lab-prices-page .lab-prices-dynamics__metric-card {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
padding: 18px;
border-radius: 20px;
background: #f8fbff;
border: 1px solid rgba(136, 148, 190, 0.16);
}
body.lab-prices-page .lab-prices-dynamics__metric-label {
font-family: var(--font-body);
font-size: 13px;
color: #616b91;
}
body.lab-prices-page .lab-prices-dynamics__metric-value {
font-family: var(--font-display);
font-size: 28px;
line-height: 1.1;
color: #1e2558;
font-weight: 400;
}
body.lab-prices-page .lab-prices-dynamics__canvas {
display: flex;
flex-direction: column;
gap: 14px;
padding: 18px;
border-radius: 24px;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
border: 1px solid rgba(136, 148, 190, 0.16);
}
body.lab-prices-page .lab-prices-dynamics__legend {
display: flex;
flex-wrap: wrap;
gap: 10px 16px;
}
body.lab-prices-page .lab-prices-dynamics__legend-item {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 28px;
}
body.lab-prices-page .lab-prices-dynamics__legend-dot {
width: 10px;
height: 10px;
border-radius: 999px;
background: var(--legend-color, #2f56d9);
box-shadow: 0 0 0 4px color-mix(in srgb, var(--legend-color, #2f56d9) 14%, transparent);
}
body.lab-prices-page .lab-prices-dynamics__legend-label {
font-family: var(--font-body);
font-size: 13px;
color: #526185;
}
body.lab-prices-page .lab-prices-dynamics__chart-wrap {
width: 100%;
overflow: hidden;
}
body.lab-prices-page .lab-prices-dynamics__chart {
display: block;
width: 100%;
height: auto;
}
body.lab-prices-page .lab-prices-dynamics__grid-line {
stroke: rgba(136, 148, 190, 0.2);
stroke-width: 1;
}
body.lab-prices-page .lab-prices-dynamics__point {
stroke: #ffffff;
stroke-width: 2;
}
body.lab-prices-page .lab-prices-dynamics__x-label {
font-family: var(--font-body);
font-size: 12px;
fill: #7280a0;
}
body.lab-prices-page .lab-prices-dynamics__note {
display: flex;
flex-direction: column;
gap: 12px;
padding: 18px;
border-radius: 20px;
background: rgba(149, 241, 0, 0.08);
border: 1px solid rgba(149, 241, 0, 0.24);
}
body.lab-prices-page .lab-prices-dynamics__note-title {
font-family: var(--font-body);
font-size: 14px;
font-weight: 700;
color: #375200;
}
body.lab-prices-page .lab-prices-dynamics__note-text {
margin: 0;
font-family: var(--font-body);
font-size: 14px;
line-height: 1.6;
color: #4e587f;
}
body.lab-prices-page .lab-prices-dynamics__note-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.lab-prices-page .lab-prices-dynamics__note-chip {
display: inline-flex;
align-items: center;
min-height: 32px;
padding: 6px 12px;
border-radius: 999px;
background: #ffffff;
border: 1px solid rgba(136, 148, 190, 0.16);
font-family: var(--font-body);
font-size: 13px;
font-weight: 500;
color: #30416e;
}
@media (max-width: 1100px) {
body.lab-prices-page .lab-prices-section {
padding: 36px 0;
}
body.lab-prices-page .lab-prices-detail-hero__body {
grid-template-columns: 1fr;
}
body.lab-prices-page .lab-prices-detail-hero__intro {
display: block;
}
body.lab-prices-page .lab-prices-detail-hero__aside {
width: 100%;
justify-self: stretch;
justify-content: flex-start;
}
body.lab-prices-page .lab-prices-detail-hero__price-cta-inner {
width: auto;
}
body.lab-prices-page .lab-prices-detail-hero__lab-row {
align-items: center;
flex-direction: row;
}
body.lab-prices-page .lab-prices-detail-hero__lab-meta {
width: auto;
}
body.lab-prices-page .lab-prices-detail-hero__lab-title {
font-size: 17px;
}
body.lab-prices-page .lab-prices-detail-hero__lab-price {
font-size: 21px;
}
body.lab-prices-page .lab-prices-detail-hero__price-cta-inner {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
body.lab-prices-page .lab-prices-detail-hero__metric--offers,
body.lab-prices-page .lab-prices-detail-hero__metric--price {
align-items: center;
flex-wrap: wrap;
}
body.lab-prices-page .lab-prices-city-chooser__grid,
body.lab-prices-page .lab-prices-labs-grid,
body.lab-prices-page .lab-prices-trust-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lab-prices-page .lab-prices-root-wide-block {
width: calc(100vw - 40px);
margin-left: calc(50% - 50vw + 20px);
}
body.lab-prices-page .lab-prices-root-wide-block--contained {
width: 100%;
margin-left: 0;
}
body.lab-prices-page .lab-prices-tests-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lab-prices-page .lab-prices-dynamics__metrics {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-labs-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lab-prices-page .lab-prices-offer-card__details-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 980px) {
body.lab-prices-page .lab-prices-popular-tests__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
body.lab-prices-page .hero-content.lab-prices-catalog-hero {
width: 100%;
max-width: none;
}
body.lab-prices-page .content-block:has(.breadcrumb) {
padding-top: 16px;
}
body.lab-prices-page .lab-prices-section {
padding: 28px 0;
}
body.lab-prices-page .breadcrumb {
margin-bottom: 12px;
}
body.lab-prices-page .breadcrumb__list {
font-size: 12px;
}
body.lab-prices-page .lab-prices-labs-grid,
body.lab-prices-page .lab-prices-trust-grid,
body.lab-prices-page .lab-prices-stats-grid,
body.lab-prices-page .lab-prices-offer-card__details-grid {
grid-template-columns: 1fr;
}
body.lab-prices-page .lab-prices-city-chooser__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-labs-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lab-prices-page .lab-prices-root-wide-block {
width: calc(100vw - 40px);
margin-left: calc(50% - 50vw + 20px);
}
body.lab-prices-page .lab-prices-root-wide-block--contained {
width: 100%;
margin-left: 0;
}
body.lab-prices-page .lab-prices-detail-hero__metric-label {
font-size: 15px;
}
body.lab-prices-page .lab-prices-detail-hero__metric-value {
font-size: 21px;
}
body.lab-prices-page .lab-prices-detail-hero__labs-panel {
padding: 18px;
}
body.lab-prices-page .lab-prices-detail-hero__lab-head {
flex-direction: column;
gap: 8px;
}
body.lab-prices-page .lab-prices-detail-hero__lab-price-block {
text-align: left;
}
body.lab-prices-page .lab-prices-entry-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lab-prices-page .lab-prices-section--categories .lab-prices-entry-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.lab-prices-page .lab-prices-tests-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lab-prices-page .lab-prices-dynamics {
padding: 18px;
gap: 14px;
}
body.lab-prices-page .lab-prices-dynamics__tabs {
gap: 8px;
}
body.lab-prices-page .lab-prices-dynamics__tab {
min-height: 38px;
padding: 9px 14px;
font-size: 13px;
}
body.lab-prices-page .lab-prices-dynamics__metrics {
grid-template-columns: 1fr;
gap: 8px;
}
body.lab-prices-page .lab-prices-dynamics__metric-card,
body.lab-prices-page .lab-prices-dynamics__canvas,
body.lab-prices-page .lab-prices-dynamics__note {
padding: 14px;
border-radius: 18px;
}
body.lab-prices-page .lab-prices-dynamics__metric-value {
font-size: 24px;
}
body.lab-prices-page .lab-prices-dynamics__legend {
gap: 8px 12px;
}
body.lab-prices-page .lab-prices-journey-flow {
gap: 16px;
}
body.lab-prices-page .lab-prices-journey-flow__subtitle {
font-size: 15px;
}
body.lab-prices-page .lab-prices-journey-sequence {
gap: 8px;
}
body.lab-prices-page .lab-prices-journey-card {
grid-template-columns: 1fr;
gap: 10px;
padding: 16px 16px;
}
body.lab-prices-page .lab-prices-journey-card__step {
width: 40px;
height: 40px;
border-radius: 14px;
font-size: 18px;
}
body.lab-prices-page .lab-prices-journey-card__content {
gap: 6px;
}
body.lab-prices-page .lab-prices-journey-card__title {
font-size: 21px;
}
body.lab-prices-page .lab-prices-journey-card__text {
font-size: 14px;
line-height: 1.55;
}
body.lab-prices-page .lab-prices-popular-tests__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.lab-prices-page .lab-prices-city-card {
min-height: 102px;
padding: 14px;
}
body.lab-prices-page .lab-prices-city-card__name {
font-size: 19px;
}
body.lab-prices-page .lab-prices-hero__popular {
margin-top: 18px;
}
body.lab-prices-page .lab-prices-section--faq {
padding-top: 26px;
padding-bottom: 42px;
}
body.lab-prices-page .lab-prices-faq {
gap: 14px;
}
body.lab-prices-page .lab-prices-trust-faq__title {
margin-bottom: 12px;
}
body.lab-prices-page .lab-prices-trust-faq__subtitle {
margin-bottom: 24px;
font-size: 15px;
}
body.lab-prices-page .lab-prices-hero-search {
grid-template-columns: 1fr;
}
body.lab-prices-page .lab-prices-stats-inline {
display: flex;
width: 100%;
}
body.lab-prices-page .lab-prices-hero-search__field--analysis .lab-prices-hero-search__input {
border-right: 1px solid rgba(136, 148, 190, 0.42);
border-bottom: 0;
}
body.lab-prices-page .lab-prices-lab-card {
flex-direction: column;
}
body.lab-prices-page .lab-prices-section--laboratories .lab-prices-lab-card__stats {
grid-template-columns: 1fr;
}
body.lab-prices-page .lab-prices-offer-card__head {
flex-direction: column;
}
body.lab-prices-page .lab-prices-offer-card {
gap: 8px;
}
body.lab-prices-page .lab-prices-offer-card__price-box {
min-width: 0;
width: 100%;
margin-left: 0;
}
body.lab-prices-page .lab-prices-offer-card__price-top {
flex-direction: column;
align-items: stretch;
width: 100%;
}
body.lab-prices-page .lab-prices-offer-card__price-main {
flex: 0 0 auto;
}
body.lab-prices-page .lab-prices-offer-card__results-list {
gap: 6px;
}
body.lab-prices-page .lab-prices-offer-card__results-method {
min-height: 32px;
padding: 7px;
}
body.lab-prices-page .lab-prices-offer-card__results-text {
display: none;
}
body.lab-prices-page .lab-prices-offer-card__price-secondary {
display: flex;
flex-direction: column;
gap: 8px;
}
body.lab-prices-page .lab-prices-offer-card__price-breakdown {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
padding: 14px;
border-radius: 18px;
}
body.lab-prices-page .lab-prices-offer-card__details-grid {
grid-template-columns: 1fr;
gap: 8px;
}
body.lab-prices-page .lab-prices-offer-card--has-special-offers .lab-prices-offer-card__details-grid {
grid-template-columns: 1fr;
}
body.lab-prices-page .lab-prices-offer-card__button {
flex: 0 0 auto;
width: 100%;
min-width: 0;
}
body.lab-prices-page .lab-prices-offer-card__toggle--desktop {
display: none;
}
body.lab-prices-page .lab-prices-offer-card__toggle--mobile {
display: inline-flex;
}
body.lab-prices-page .lab-prices-offer-card__toggle--mobile[aria-expanded="false"] .lab-prices-offer-card__toggle-label--mobile {
display: inline;
}
body.lab-prices-page .lab-prices-offer-card__biomarkers.is-collapsed:not(.is-expanded) .lab-prices-offer-card__biomarkers-list {
display: none;
}
}