.collection__facets-container {
    display: block;

    .product-count {
        margin: 1rem 0;
        position: absolute;
        right: var(--grid-padding);
        bottom: 0;
        color: var(--color-scheme-text);
    }

    .facets__form--horizontal {
        padding: 2rem 0;

        .fd-facets-filter-prewrapper {
            display: flex;
            width: 100%;

            .facets__wrapper {
                > div:has(> .fd-filter-swatches-container) {
                    margin: 0;
                }

                .fd-filter--other {
                    padding: 1rem 1.25rem;
                    margin: 0;

                    .facets__summary {
                        padding: 0.75rem 1.25rem;
                    }

                    .facets__display {
                        left: auto;
                        color: var(--color-scheme-text);
                    }
                }
            }

            .fd-filter-swatches-container {
                overflow-x: auto;
                overflow-y: visible;
                -webkit-overflow-scrolling: touch;
                width: 100%;
                -ms-overflow-style: none; /* IE and Edge */
                scrollbar-width: none; /* Firefox */
                display: flex;
                position: relative;
            }

            .fd-filter-swatches-container::-webkit-scrollbar {
                display: none;
            }
        }

        .fd-filter-swatches-container .fd-swatch-list {
            display: flex;
            width: 100svw;

            .facets__item {
                padding: 1px var(--grid-padding);
            }

            .facets__item--swatch {
                inset: 0;
            }

            .swatch-list__item--image {
                .facet-checkbox {
                    padding: 0;
                    display: flex;
                    flex-direction: column;
                    color: var(--color-scheme-text);

                    .swatch-list__item-color,
                    .swatch-list__item-image {
                        height: 4.5rem;
                        width: 4.5rem;
                        border-radius: 100%;
                    }

                    .facet-checkbox::after {
                        display: none;
                    }

                    .swatch-list__item--image-shape {
                        border: 1px var(--border-style-grid)
                            var(--color-scheme-borders);
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        gap: 1.25rem;
                        inset: 0;
                        position: relative;
                        padding: 2rem 2rem 1.25rem;
                        border-radius: 1.25rem;

                        img {
                            height: 4.5rem;
                            width: 4.5rem;
                            border-radius: 100%;
                            border: 1px var(--border-style-grid)
                                var(--color-scheme-borders);
                        }
                    }
                }
            }
        }
    }
}

@media screen and (max-width: 1023px) {
    .collection__facets-container.portable-hide:has(
            .fd-filter-swatches-container
        ) {
        display: block !important;
    }

    .collection__facets-container {
		.facets__form {
			padding: 1.5rem 0;
		}

        .product-count {
            position: static;
            padding-left: var(--grid-padding);
			margin: 0;
			padding-top: 1.5rem;
        }

        .facets__form--horizontal {
            .fd-filter-swatches-container {
                display: flex;
                flex-direction: column;

                .fd-swatch-list {
                    .facets__item {
                        padding: 1px 0.5rem;
                    }

                    .facets__item:first-child {
                        padding-left: var(--grid-padding);
                        padding-right: 0.5rem;
                    }

                    .facets__item:last-child {
                        padding-right: var(--grid-padding);
                        padding-left: 0.5rem;
                    }
                }
            }
        }
    }
}