@media (min-width: 768px) {
    .tabbedWidgetBox.schwan-product-tabs-box {
        --schwan-tab-control-size: 44px;
        position: relative;
    }

    .tabbedWidgetBox > #itemTabs.schwan-product-tabs {
        display: flex;
        flex-wrap: nowrap;
        margin-inline: 0;
        padding-inline: 0;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    .tabbedWidgetBox > #itemTabs.schwan-product-tabs::-webkit-scrollbar,
    .tabbedWidgetBox > #itemTabs.schwan-product-tabs::before,
    .tabbedWidgetBox > #itemTabs.schwan-product-tabs::after {
        display: none;
    }

    .tabbedWidgetBox > #itemTabs.schwan-product-tabs--overflow {
        margin-inline: var(--schwan-tab-control-size);
    }

    .tabbedWidgetBox > #itemTabs.schwan-product-tabs > li {
        flex: 0 0 auto;
        float: none;
        margin-bottom: 0;
    }

    .tabbedWidgetBox > #itemTabs.schwan-product-tabs > li > a {
        min-height: var(--schwan-tab-control-size);
        white-space: nowrap;
    }

    .tabbedWidgetBox > #itemTabs.schwan-product-tabs > li.active > a {
        border-bottom-color: #c90919;
        box-shadow: inset 0 -2px #c90919;
    }

    .schwan-product-tabs-controls > button {
        position: absolute;
        inset-block-start: 0;
        width: var(--schwan-tab-control-size);
        min-height: var(--schwan-tab-control-size);
        display: grid;
        place-items: center;
        padding: 0;
        border: 1px solid #ccc;
        border-radius: 0;
        background: #fff;
        color: #202020;
    }

    .schwan-product-tabs-controls > button:first-child {
        inset-inline-start: 0;
    }

    .schwan-product-tabs-controls > button:last-child {
        inset-inline-end: 0;
    }

    .schwan-product-tabs-controls > button:not([aria-disabled="true"]):hover {
        background: #f4f4f4;
        color: #a0101b;
    }

    .schwan-product-tabs-controls > button[aria-disabled="true"] {
        color: #6b6b6b;
        cursor: default;
    }

    .schwan-product-tabs-controls > button > span {
        font: 26px/1 system-ui, sans-serif;
    }

    .schwan-product-tabs-controls[dir="rtl"] > button > span {
        transform: scaleX(-1);
    }

    .schwan-product-tabs-controls > button:focus,
    .tabbedWidgetBox > #itemTabs.schwan-product-tabs > li > a:focus {
        outline: 2px solid currentColor;
        outline-offset: -3px;
    }
}

.schwan-product-tabs-controls[hidden] {
    display: none !important;
}

@media (max-width: 767px) {
    .schwan-product-tabs-controls {
        display: none !important;
    }
}