/* Shared mobile fixes for product, category and CMS pages. */
@media only screen and (max-width: 767px) {
    html,
    body,
    .page-wrapper {
        max-width: 100%;
        overflow-x: hidden;
        overflow-x: clip;
    }

    .breadcrumbs {
        margin-bottom: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        overflow: hidden;
    }

    .breadcrumbs .items {
        display: flex;
        align-items: center;
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
    }

    .breadcrumbs .item {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .breadcrumbs .item:last-child {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}