/* Start:/local/templates/premium_clinic/components/bitrix/furniture.vacancies/vacancies/style.css?17649333863582*/
/* ===== Vacancies (Любимый Доктор) ===== */
.ld-vacancies{
    --brand: var(--clr-primary, #04afcf);
    --text: #0f172a;
    --muted: #6b7280;
    --line: #e7ecef;
    --bg: #ffffff;
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 24px;
    color: var(--text);
    padding-top:15px;
}

.ld-vacancies__aside{
    position: sticky;
    top: 88px;
    height: fit-content;
}

.ld-vacancies__aside-card{
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 16px 16px;
    box-shadow: 0 4px 10px rgba(15,23,42,.06);
}

.ld-vacancies__aside-title{
    font-weight: 700;
    margin-bottom: 8px;
}

.ld-vacancies__toc ul{ list-style: none; padding: 0; margin: 0; }
.ld-vacancies__toc li{ margin: 6px 0; }
.ld-vacancies__toc-link{
    display: block;
    text-decoration: none;
    color: var(--text);
    padding: 8px 10px;
    border-radius: 8px;
    transition: background .2s ease, color .2s ease;
}
.ld-vacancies__toc-link:hover,
.ld-vacancies__toc-link:focus{
    background: rgba(4,175,207,.08);
    color: var(--brand);
    outline: none;
}

.ld-vacancies__list{ display: grid; gap: 28px; }

.ld-vacancy{
    background: var(--bg);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 20px 22px;
    box-shadow: 0 6px 14px rgba(15,23,42,.06);
    scroll-margin-top: 120px;
}

.ld-vacancy__header{ margin-bottom: 12px; }
.ld-vacancy__title{ font-size: 22px; line-height: 1.3; margin: 0 0 8px; }

.ld-vacancy__meta{
    display: flex; flex-wrap: wrap; gap: 10px 16px;
    color: var(--muted); font-size: 14px;
}
.ld-vacancy__meta-item{ display: inline-flex; align-items: center; gap: 8px; }
.ld-vacancy__meta-salary{ color: var(--brand); font-weight: 700; }
.ld-ico{ width: 18px; height: 18px; fill: currentColor; }

.ld-vacancy__summary{ margin: 6px 0 14px; color: var(--text); }

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

.ld-vacancy__section{
    background: #fbfdfe;
    border: 1px dashed var(--line);
    border-radius: 14px;
    padding: 14px 14px;
}

.ld-vacancy__section-title{
    font-size: 16px; margin: 0 0 8px; color: var(--text); font-weight: 700;
}

.ld-vacancy__list{ padding-left: 18px; margin: 0; }
.ld-vacancy__list li{ margin: 6px 0; }

.ld-vacancy__text{ line-height: 1.6; }

.ld-vacancy__footer{
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line);
}
.ld-vacancy__contacts{ display: flex; flex-wrap: wrap; gap: 8px 16px; color: var(--muted); }
.ld-vacancy__contact a{ color: inherit; }

.ld-btn{
    display: inline-flex; align-items: center; justify-content: center;
    padding: 10px 16px; border-radius: 10px; background: var(--brand);
    color: #fff; text-decoration: none; font-weight: 600;
    transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.ld-btn:hover{ transform: translateY(-1px); box-shadow: 0 8px 18px rgba(4,175,207,.28); }
.ld-link-up{ color: var(--muted); text-decoration: none; }
.ld-link-up:hover{ color: var(--brand); }

@media (max-width: 1199px){
    .ld-vacancies{ grid-template-columns: 260px 1fr; }
    .ld-vacancy__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 767px){
    .ld-vacancies{ grid-template-columns: 1fr; }
    .ld-vacancies__aside{ position: static; }
    .ld-vacancy__grid{ grid-template-columns: 1fr; }
    .ld-vacancy{ padding: 18px 16px; }
    .ld-vacancy__title{ font-size: 20px; }
}

/* End */
/* /local/templates/premium_clinic/components/bitrix/furniture.vacancies/vacancies/style.css?17649333863582 */