@media screen and (min-width: 1280px) {
    .f-collection-list [data-enable-slider=true] .swiper-container {
        margin-top: calc(var(--row-gap) * -1);
        margin-bottom: calc(var(--row-gap) * -1)
    }

    .f-collection-list [data-enable-slider=true] .swiper-slide {
        padding-top: var(--row-gap);
        padding-bottom: var(--row-gap)
    }
}

.f-collection-list .f-section__header {
    position: relative;
    width: 100%
}

.f-collection-list__content {
    width: 100%
}

[data-enable-slider=true] .f-collection-list__content {
    width: 130vw
}

@media screen and (min-width: 768px) {
    [data-enable-slider=true] .f-collection-list__content {
        width: auto;
        flex: 1;
        margin-right: -150px;
        margin-left: 0
    }
}

@media (min-width: 1920px) {
    [data-enable-slider=true] .f-collection-list__content {
        margin-right: -200px
    }
}

@media screen and (max-width: 767px) {
    [data-mobile-disable-slider=true] .f-collection-list__content {
        width: 100%
    }
}

[data-expanded=false] .f-collection-list__content {
    margin-right: 0 !important
}

.f-collection-list__controls .swiper-pagination {
    margin-top: 0;
    position: static !important
}

.f-collection-list__controls .f-slider-controls__button {
    flex: 0 0 auto
}

.f-collection-list__inner {
    display: flex;
    flex-flow: row wrap
}

@media screen and (min-width: 768px) {
    .f-collection-list--grid .f-collection-list__controls--top {
        position: absolute;
        display: flex;
        align-items: center;
        top: 0;
        right: 0;
        height: 100%
    }

    .f-collection-list--grid .f-collection-list__controls--top .f-slider-controls {
        margin-top: 0
    }
}

.f-collection-list--grid .f-slider-controls--bullets .f-slider-controls__button {
    width: 30px;
    height: 30px;
    border: none;
    margin: 0;
    background: none;
    color: rgba(var(--text-black), 1);
    transition: all var(--f-duration-default, 0.25s) ease;
    transform: translateZ(0);
    backface-visibility: hidden;
    box-shadow: none
}

.f-collection-list--grid .f-slider-controls--bullets .f-slider-controls__button svg {
    transform: translateZ(0);
    backface-visibility: hidden
}

.f-collection-list--grid .f-slider-controls--bullets .f-slider-controls__button:hover {
    transform: scale3d(1.3, 1.3, 1.3)
}

.f-collection-list--grid .f-slider-controls--bullets .f-slider-controls__button:hover svg {
    transform: translateZ(0)
}

@media screen and (max-width: 767px) {
    .f-collection-list--grid .f-slider-controls {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 1280px) {
    .f-collection-list--left-side .f-collection-list__wrapper {
        display: flex
    }

    .f-collection-list--left-side .f-section__header {
        width: 25%;
        margin-bottom: 0;
        padding-right: 40px
    }

    .f-collection-list--left-side .f-collection-list__content {
        width: 75%
    }
}

@media screen and (min-width: 1536px) {
    .f-collection-list--left-side .f-section__header {
        width: 20%;
        padding-right: 80px
    }

    .f-collection-list--left-side .f-collection-list__content {
        width: 80%
    }
}

@media screen and (max-width: 1279px) {
    .f-collection-list .f-slider-controls {
        margin-top: 30px
    }
}

@media screen and (max-width: 767px) {
    .f-collection-list {
        position: relative
    }

    .f-collection-list .f-section__header {
        position: static
    }

    .f-collection-list__controls {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        height: auto;
        z-index: 11;
        text-align: center
    }

    .f-collection-list__wrapper {
        position: relative
    }

    .f-collection-list__content {
        position: static
    }

    .f-collection-list [data-show-controls=true][data-mobile-disable-slider=false][data-mobile-hide-controls=false] {
        padding-bottom: 70px
    }

    .f-collection-list [data-show-controls=true][data-mobile-disable-slider=false][data-mobile-hide-controls=false].f-hide-control-mobile {
        padding-bottom: 0
    }
}

.f-collection-banner__inner {
    position: relative
}

.f-collection-banner__content {
    padding: 32px 16px;
    display: grid
}

.f-collection-banner__title {
    font-size: 24px;
    line-height: 1.3333;
    align-self: end
}

@media screen and (min-width: 768px) {
    .f-collection-banner__title {
        font-size: 36px
    }
}

.f-collection-banner__description {
    align-self: end
}

.f-collection-banner__collection-name {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
    margin-top: 16px;
    display: block
}

.f-collection-banner__collection-name sup {
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4
}

@media screen and (min-width: 1280px) {
    .f-collection-banner__collection-name {
        font-size: 20px
    }
}