@charset "utf-8";

@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/PPNeueMontreal-Book.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/PPNeueMontreal-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/ppneuemontreal-500.woff2') format('woff2'),
         url('font/PPNeueMontreal-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/PPNeueMontreal-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/PPNeueMontreal-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Neue Montreal';
    src: url('font/PPNeueMontreal-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

.prel {
    position: fixed;
    z-index: 23542423;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100svh;
    background: #EEE;
    pointer-events: none;
    transition: 0.6s;
}

.prel.animprelEnd {
    transform: translateY(100%);
}

.prel .main-sone-border {
    border-right: 1px solid rgba(27, 27, 27, 0.2) !important;
}

.prelCenter {
    position: absolute;
    left:0;
    top:0;
    width:100vw;
    height:100svh;
    display:flex;
    align-items: center;
    justify-content: center;
    transition: 0s;
    opacity:0;
}

.prelCenter svg {
    position: relative;
    width: 336px;
    height: 189px;
}

.smooth-scroll{
    position: relative;
}
.kama_breadcrumbs{
    position: absolute;
    top: calc(190 * 1.1 / 1920 * 100vw);
    /* Ниже шапки/меню header-new (до ~2010 на синглах услуг), выше типичного контента */
    z-index: 1500;
    left: 20px;
    font-size: 14px;
    font-family: 'PP Neue Montreal', sans-serif;
}
.kama_breadcrumbs a {
    color: #1B1B1B;
    opacity: .5;
}
.kama_breadcrumbs .kb_sep{
    color: #1B1B1B;
    opacity: .5;
}
@media (max-width: 991px)  {
    .kama_breadcrumbs{
        top: calc(92 / 768 * 100vw + 16px);
    }
}
@media (max-width: 575px)  {
    .kama_breadcrumbs{
        top: calc(90 / 360 * 100vw + 16px);
    }
}

/* Открытое полноэкранное меню (.menu z-index 99 в main.css, до 2010 в header-new-recycling.css) */
.wrapper:has(.menu.is-open) .kama_breadcrumbs {
    z-index: 50;
}

/* ХК на страницах с header-new + main.page (напр. page-new-2), без .smooth-scroll */
main.page {
    position: relative;
}
main.page > .kama_breadcrumbs {
    position: absolute;
    top: calc(190 * 1.1 / 1920 * 100vw);
    z-index: 1500;
    left: 20px;
    font-size: 14px;
    font-family: 'PP Neue Montreal', sans-serif;
}
main.page > .kama_breadcrumbs a {
    color: inherit;
    opacity: .5;
}
main.page > .kama_breadcrumbs .kb_sep {
    color: inherit;
    opacity: .5;
}
@media (max-width: 991px) {
    main.page > .kama_breadcrumbs {
        top: calc(92 / 768 * 100vw + 16px);
    }
}
@media (max-width: 575px) {
    main.page > .kama_breadcrumbs {
        top: calc(90 / 360 * 100vw + 16px);
    }
}

/* Страница /about/documents/ (page-documents.php).
   В отличие от page-new-2 первый экран здесь — не герой с большим внутренним
   отступом, а сразу блок документов, поэтому общая формула top для ХК
   (рассчитанная на герой) не подходит: контент уходил бы под фиксированную шапку.
   Значения взяты из макета: отступ «низ шапки → ХК» 40px на десктопе и 24px
   на мобайле, «низ ХК → заголовок» 14px и 24px соответственно. */
main.page-documents {
    padding-top: 145px;
}
main.page-documents > .kama_breadcrumbs {
    top: 128px;
}
/* Порог — 768px: на нём шапка меняет паддинг (16px → 20px), а контейнер — свой
   (16px → 20px). На 992px, как было раньше, ХК уезжали под шапку и расходились
   с заголовком на 4px в диапазоне 768–991px. */
@media (max-width: 767.98px) {
    main.page-documents {
        padding-top: 121px;
    }
    main.page-documents > .kama_breadcrumbs {
        /* Контейнер здесь с паддингом 16px — ХК выравниваем по нему, а не по 20px. */
        top: 104px;
        left: 16px;
    }
}