/* MOD (mobile product sections): keep all product information in the scroll flow. */
.tf-product-section-title {
    display: none;
}

.tf-product-overview-item {
    display: none;
}

.tf-product-tab-indicator {
    display: none;
}

@media (max-width: 767.98px) {
    /* The theme reserves 50px for its original fixed product tabs on narrow phones. */
    html.body-product {
        --tf-product-nav-height: 51px;
        padding-top: var(--tf-product-nav-height);
    }

    #product-product {
        max-width: none;
        padding: 0;
    }

    .tf-product-overview-item {
        display: block;
    }

    #product-product .tf-product-section-nav {
        position: fixed;
        top: var(--tf-product-header-offset, 58px);
        left: 0;
        right: 0;
        z-index: 1019;
        padding-top: 0;
        margin: 0;
        background: #fdfdfd;
        border-bottom: 1px solid #f3f3f3;
        box-shadow: 0 0 15px rgba(0, 0, 0, .06);
    }

    #product-product .tf-product-section-nav .nav-tabs {
        position: relative;
        height: 50px;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    #product-product .tf-product-section-nav .nav-link {
        height: 50px;
    }

    #product-product .tf-product-section-nav .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    #product-product .tf-product-tabs-motion .nav-link.active::before {
        opacity: 0;
    }

    #product-product .tf-product-tabs-motion > .tf-product-tab-indicator {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        width: 100px;
        height: 4px;
        margin: 0;
        padding: 0;
        border-radius: 2px 2px 0 0;
        transform-origin: left center;
        pointer-events: none;
        will-change: transform;
    }

    #product-product .tf-product-sections {
        padding-top: 12px;
    }

    #product-product .tf-product-sections > .tab-pane {
        display: block !important;
        opacity: 1;
        margin-top: 0;
        margin-bottom: 12px;
        padding: 20px !important;
        scroll-margin-top: calc(var(--tf-product-header-offset, 58px) + var(--tf-product-nav-height) + 12px);
    }

    #product-product .tf-product-section-title {
        display: block;
        margin: 0 0 20px;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
    }

    #product-product .tf-product-sections .rm-product-tabs-questions-top {
        padding: 0;
    }

    #product-product .tf-product-sections .rm-product-tabs-questions-top > .rm-btn {
        margin-bottom: 0 !important;
    }

    #product-product .tf-product-sections .rm-product-tabs-questions-item {
        padding: 20px 0;
    }

    #product-product .tf-product-sections img[src$="reviews-empty.svg"],
    #product-product .tf-product-sections img[src$="answers-empty.svg"] {
        display: block;
        width: 200px;
        max-width: 100%;
        height: auto;
        margin: 20px auto 0 !important;
    }
}