/* PAGE TITLE */
.container .page-top-wrapper {
    margin-left: -16px;
    margin-right: -16px;
}

body:not(.has-long-banner) .page-top-wrapper--grey {
    background: #f8f8f8;
    /* background: var(--darkerblack_bg_black); */
    margin-bottom: 48px;
    border-bottom: 1px solid #e5e5e5;
    border-color: var(--stroke_black);
}

section.page-top {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    padding-left: 106px;
}

.title_position_centered section.page-top {
    text-align: center;
}

section.page-top.center {
    text-align: center;
}

section.page-top.center .topic__heading,
.title_position_centered .topic__heading {
    justify-content: center;
}

.topic__heading {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 32px;
}

.topic__heading #pagetitle {
    margin: 0;
    padding-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline;
    vertical-align: middle;
}

.cowl {
    position: relative;
}

.cowl>div:not(.topic):not(#navigation):not(.basket-back) {
    margin: 3px -13px 0px 19px;
    width: 41px;
    text-align: center;
    position: relative;
    cursor: pointer;
    float: right;
}

#main .heading-icons .btn-heading.btn_heading--with_title {
    width: initial;
    position: relative;
    cursor: pointer;
    text-align: center;
    margin: 0 -13px 0 25px;
    display: flex;
    align-items: center;
}

#main .heading-icons .btn-heading.btn_heading--with_title .title {
    display: inline-block;
    font-size: 0.875rem;
    line-height: calc(1em + 7px);
    margin: 0 15px 0 12px;
    vertical-align: middle;
}

.page-top-wrapper--top-breadcrumb .cowl {
    margin-bottom: 11px;
}

.page-top-wrapper--top-breadcrumb .cowl>div:not(.topic):not(#navigation) {
    margin-top: 3px;
}

.cowl>.topic {
    text-overflow: ellipsis;
    overflow: hidden;
}

.element-count-wrapper {
    align-self: flex-end;
}

.element-count {
    margin-bottom: 2px;
    padding: 3px 10px 4px 10px;

    display: inline-block;
    vertical-align: middle;

    color: var(--gray_bg_black);
}

.cowl .colored_theme_hover_bg-block:not(:hover) .svg path,
.heading-icons .colored_theme_hover_bg-block:not(:hover) .svg path {
    fill: #b8b8b8;
}

.has-long-banner .element-count {
    color: color-mix(in oklab, var(--white_text_black) var(--text-opacity), transparent);
    --text-opacity: 48%;
}

.block-wo-title section.page-top {
    padding-bottom: 24px;
}

.block-wo-title .page-top-wrapper--grey section.page-top {
    padding-bottom: 27px;
}

/* PAGINATION */
.bottom_nav {
    text-align: center;
}

.bottom_nav .nums {
    display: inline-flex;
    gap: 8px;
}

.ajax_load_btn {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.more_text_ajax {
    display: flex;
}

.more_text_ajax.btn:not(:hover) {
    color: var(--white_text_black);
}

.module-pagination__wrapper {
    position: relative;
    display: inline-block;
}

.module-pagination .module-pagination__item {
    width: 48px;
    height: 44px;
    display: flex;
    place-content: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: #333;
    color: var(--white_text_black);
    border-radius: var(--theme-button-border-radius);
}

.module-pagination__item--all {
    width: auto;
    margin: 0px 10px;
}

.cur.module-pagination__item {
    /* background-color: var(--grey_bg); */
}

.module-pagination__item:not(.cur):hover {
    /* background-color: var(--darkerblack_bg_black); */
}

.topic__heading .heading-icons {
    margin-left: auto;
}

.topic__heading .heading-icons+.heading-icons {
    margin-left: 0px;
}

.header_opacity .heading-icons {
    --fill_dark_light: #fff;
    --fill_dark_lite_hover: #fff;
}

.header_opacity .heading-icons .svg {
    opacity: 1;
}

.header_opacity .heading-icons:hover .svg {
    opacity: 0.5;
}

@media (min-width: 601px) {
    .bottom_nav.mobile_slider {
        display: none;
    }

    .has-long-banner .page-top .fill-theme-hover .title {
        color: #fff;
    }

    .has-long-banner .page-top .fill-theme-hover:hover .title {
        opacity: 0.5;
    }
}

@media (max-width: 600px) {
    .bottom_nav.hidden-nav {
        display: none;
    }
}

@media (min-width: 769px) {
    .cowl .download {
        width: initial !important;
    }
}

@media (max-width: 768px) {
    .cowl .download .title {
        display: none;
    }
}

@media (max-width: 600px) {
    #main .bottom_nav.mobile_slider {
        width: auto;
        flex: 0 0 auto;
    }

    .bottom_nav.mobile_slider .ajax_load_btn {
        padding: 0 !important;
        height: 100%;
        display: block;
        margin: 0px;
        border: none;
        width: calc(99px + 16px);
        /* background-color: var(--darkgrey_bg_black); */
        border-radius: 8px;
        border-radius: var(--theme-button-border-radius);
    }

    .bottom_nav.mobile_slider .more_text_ajax {
        height: 100%;
        margin: 0 0 0 1px;
        white-space: normal;
        padding: 0 15px;
        display: flex;
        align-items: center;
        /* background: 0 0; */
        line-height: calc(1em + 2px);
        /* border: none; */
        font-size: 0.875rem;
    }

    .bottom_nav.mobile_slider .more_text_ajax:hover {
        color: var(--fill_dark_lite_white_hover);
    }

    .bottom_nav.mobile_slider .module-pagination {
        display: none;
    }

    .bottom_nav.mobile_slider .svg {
        top: calc(50% - 27px);
        left: calc(50% - 10px);
        width: auto;
        height: auto;
    }

    .bottom_nav.mobile_slider .svg svg {
        width: 18px;
        height: 18px;
    }

    .topic__heading {
        margin-top: 10px;
    }

    section.page-top {
        padding-bottom: 20px;
    }
}

@media (max-width: 450px) {
    .module-pagination__item {
        width: 36px;
    }

    .cowl .download {
        display: none;
    }
}