.pikiin-page-header {
    background: #eef8fa;
    border-bottom: 1px solid #d4e8eb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.64);
    color: #202426;
    padding: 34px 0 28px;
}

.pikiin-page-header--white {
    background: #ffffff;
}

.pikiin-page-header__breadcrumb {
    align-items: center;
    color: #6d777d;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 8px;
    line-height: 1.3;
    margin: 0;
}

.pikiin-page-header__breadcrumb a {
    color: #6d777d;
    text-decoration: none;
}

.pikiin-page-header__breadcrumb a:hover,
.pikiin-page-header__breadcrumb a:focus {
    color: #28beb8;
}

.pikiin-page-header__text {
    max-width: 620px;
}

.pikiin-page-header__text h1 {
    color: #202426;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 14px 0 0;
}

.pikiin-page-header__text p {
    color: #6d777d;
    font-size: 15px;
    line-height: 1.55;
    margin: 8px 0 0;
    max-width: 590px;
}

body.page .pikiin-page-header + .main-content,
body.page .pikiin-page-header + main,
body.page .pikiin-page-header + .site-content {
    background: #eef8fa;
}

@media (max-width: 767px) {
    .pikiin-page-header {
        padding: 28px 0 24px;
    }

    .pikiin-page-header__text {
        max-width: 100%;
    }

    .pikiin-page-header__text h1 {
        font-size: 22px;
    }

    .pikiin-page-header__text p {
        font-size: 14px;
    }
}