.f-collection-page-header {
    position: relative;
    display: flex;
    align-items: var(--align-items);
    justify-content: center;
    overflow: hidden
}

.f-slide__overlay::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-image-overlay);
    opacity: var(--opacity-image-overlay);
    pointer-events: none;
}
.f-collection-page-header .f-parallax {
    position: absolute;
    inset: 0
}

.f-collection-page-header__background img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.f-collection-page-header__wrapper {
    position: relative;
    z-index: 8;
    display: flex;
    flex-direction: column
}

.f-collection-page-header__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 60px;
    padding-right: 60px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1023px) {
    .f-collection-page-header__inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (max-width: 767px) {
    .f-collection-page-header__inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

.f-collection-page-header__description {
    max-width: 750px;
    margin-top: 16px
}

.m\:text-center .f-collection-page-header__description {
    margin-left: auto;
    margin-right: auto
}

.m\:text-right .f-collection-page-header__description {
    margin-left: auto
}

.f-collection-page-header .f-breadcrumb {
    margin-bottom: 20px
}

@media screen and (max-width: 767px) {
    .f-collection-page-header .f-breadcrumb {
        margin-bottom: 12px
    }
}

.f-collection-page-header [data-enable-parallax=true] .f-collection-page-header__inner {
    padding-left: 0;
    padding-right: 0
}

.f-collection-page-header--image-background .f-collection-page-header__background {
    position: absolute;
    inset: 0;
    width: 100%;
    pointer-events: none
}

.f-collection-page-header--image-bottom .f-collection-page-header__wrapper {
    flex-direction: column-reverse
}

@media screen and (min-width: 768px) {
    .f-collection-page-header--image-right .f-collection-page-header__wrapper {
        flex-direction: row-reverse
    }
}

@media screen and (min-width: 768px)and (min-width: 768px) {
    .f-collection-page-header--image-right .f-collection-page-header__background {
        flex: 0 0 50%
    }
}

@media screen and (min-width: 768px) {
    .f-collection-page-header--image-right .f-collection-page-header__inner {
        flex: 1
    }
}

@media screen and (min-width: 768px) {
    .f-collection-page-header--image-left .f-collection-page-header__wrapper {
        flex-direction: row
    }
}

@media screen and (min-width: 768px)and (min-width: 768px) {
    .f-collection-page-header--image-left .f-collection-page-header__background {
        flex: 0 0 50%
    }
}

@media screen and (min-width: 768px) {
    .f-collection-page-header--image-left .f-collection-page-header__inner {
        flex: 1
    }
}

/* Relia: compact category covers and readable non-overlay introductions. */
.f-collection-page-header--image-top .f-collection-page-header__background,
.f-collection-page-header--image-bottom .f-collection-page-header__background { height:clamp(160px,22vw,300px); max-height:300px; overflow:hidden; }
.f-collection-page-header--image-top .f-collection-page-header__background img,
.f-collection-page-header--image-bottom .f-collection-page-header__background img { height:100%; max-height:300px; width:100%; object-fit:cover; object-position:center; }
.f-collection-page-header:not(.f-collection-page-header--image-background) .f-collection-page-header__inner { color:#142d43; background:#f0f4f8; padding-top:32px; padding-bottom:32px; }
.f-collection-page-header:not(.f-collection-page-header--image-background) .f-collection-page-header__title { color:#142d43!important; }
.f-collection-page-header:not(.f-collection-page-header--image-background) .f-collection-page-header__description,
.f-collection-page-header:not(.f-collection-page-header--image-background) .f-collection-page-header__description * { color:#435a70; }
.f-collection-page-header .f-collection-page-header__title,
.f-collection-page-header .f-collection-page-header__description { opacity:1!important; transform:none!important; visibility:visible!important; animation:none!important; }
.f-collection-page-header__description { line-height:1.75; }
.f-collection-page-header__description p + p { margin-top:12px; }
@media(max-width:767px){
 .f-collection-page-header--image-top .f-collection-page-header__background,
 .f-collection-page-header--image-bottom .f-collection-page-header__background { height:180px; max-height:180px; }
 .f-collection-page-header:not(.f-collection-page-header--image-background) .f-collection-page-header__inner { padding:26px 20px; }
 .f-collection-page-header__title { font-size:28px; line-height:1.2; }
 .f-collection-page-header__description { margin-top:16px; font-size:15px; }
}