@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
    }
}

/* ========== 移动端 2x3 网格滑动 - 终极强制修复 ========== */
@media (max-width: 767px) {
    /* 强制 Swiper 容器宽度正确，隐藏溢出 */
    .f-collection-list .swiper-container,
    .f-collection-list .swiper-wrapper,
    .f-collection-list .swiper-slide {
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 强制每个 slide 占满一整屏 */
    .f-collection-list .swiper-slide {
        flex-shrink: 0 !important;
        flex-basis: 100% !important;
        width: 100% !important;
    }

    /* 2x3 网格布局 */
    .mobile-grid-2x3 {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        padding: 0 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .mobile-grid-2x3 .m\:column {
        width: 100% !important;
        margin: 0 !important;
        min-width: 0 !important;
    }

    /* 标题栏弹性布局，用于放置控件 */
    .f-collection-list .f-section__header {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: relative !important;
    }

    /* 移动端控件容器 */
    .f-collection-list .mobile-slider-controls {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin-left: auto !important;
        flex-shrink: 0 !important;
    }

    /* 分页点样式 */
    .f-collection-list .swiper-pagination-mobile {
        position: relative !important;
        margin: 0 !important;
        bottom: auto !important;
        width: auto !important;
        display: flex !important;
        gap: 6px !important;
    }

    .f-collection-list .swiper-pagination-mobile .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
        background: #ccc !important;
        opacity: 1 !important;
        margin: 0 !important;
    }

    .f-collection-list .swiper-pagination-mobile .swiper-pagination-bullet-active {
        background: #000 !important;
    }

    /* 导航按钮 */
    .f-collection-list .swiper-button-next-mobile,
    .f-collection-list .swiper-button-prev-mobile {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 !important;
        width: 28px !important;
        height: 28px !important;
        background: rgba(0,0,0,0.2) !important;
        border-radius: 50% !important;
        color: #000 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 16px !important;
        cursor: pointer !important;
        transform: none !important;
    }

    /* 隐藏原始控件 */
    .f-collection-list__controls {
        display: none !important;
    }
}