.products-export-container {
    position: sticky;
    z-index: 10;
    top: 2rem;

    display: flex;
    justify-content: end;

    width: 80%;
    padding-bottom: 1rem;
}

.products-table-caption > div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
    justify-content: center;

    width: 100%;
    padding-bottom: 1rem;

    @media (width >= 80rem), print {
        flex-direction: row;
    }
}

.products-text-filter-wrapper {
    @media (width >= 80rem), print {
        flex-grow: 1;
    }
}

.products-msrp-filter-wrapper,
.products-map-filter-wrapper,
.products-category-filter-wrapper {
    @media (width >= 80rem), print {
        min-width: 15%;
    }
}

.products-table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 90%;

    & > thead {
        text-align: center;

        & > tr > th {
            padding: 1rem;
            text-align: center;

            &.products-cb-header {
                width: 20%;

                @media (width >= 80rem), print {
                    width: 5%;
                }
            }

            &.products-info-header {
                width: 60%;

                @media (width >= 80rem), print {
                    width: 80%;
                    text-align: left;
                }
            }

            &.products-export-header {
                width: 20%;
                padding: 0.5rem;

                @media (width >= 80rem), print {
                    width: 15%;
                }
            }
        }
    }

    & > tbody > tr {
        border-top: 1px solid var(--clr-black);
        text-align: center;

        & > td {
            padding: 1rem;

            &.products-info-cell {
                text-align: center;

                .products-name-cell {
                    display: flex;
                    flex-direction: column;
                    gap: 0.75rem;
                    align-items: center;

                    .products-thumbnail {
                        flex-shrink: 0;

                        width: 128px;
                        height: 128px;
                        border: 1px solid var(--clr-gray-mid);
                        border-radius: 0.5rem;

                        object-fit: cover;
                    }

                    .no-thumbnail {
                        display: flex;
                        flex-shrink: 0;
                        align-items: center;
                        justify-content: center;

                        width: 128px;
                        height: 128px;
                        border: 1px solid var(--clr-gray-mid);
                        border-radius: 0.5rem;

                        color: var(--clr-gray-dark);
                        text-align: center;

                        background-color: var(--clr-gray-light);
                    }

                    .products-info {
                        display: flex;
                        flex-direction: column;
                        flex-grow: 1;
                        gap: 0.5rem;

                        min-width: 0;

                        & > a {
                            text-align: center;
                            overflow-wrap: break-word;

                            @media (width >= 80rem), print {
                                text-align: left;
                            }
                        }

                        .stock-status {
                            padding-top: 0.5rem;
                            border-top: 1px solid var(--clr-gray-dark);
                        }
                    }

                    @media (width >= 80rem), print {
                        flex-direction: row;
                        gap: 1rem;
                        align-items: flex-start;
                        text-align: left;
                    }
                }

                @media (width >= 80rem), print {
                    text-align: left;
                }
            }
        }
    }
}