.product-details-bottom {
    display: flex;

    .left-sidebar {
        width: 285px;
        min-width: 285px;
        padding-right: 15px;

        .vertical-products {
            margin-top: 14px;

            & + .banner {
                margin-top: 45px;
            }
        }

        .banner {
            margin-top: 20px;
        }
    }

    .product-details-bottom-inner {
        width: calc(100% - 282px);
        padding-left: 15px;
    }
}

.product-details-tab {
    hr {
        display: none;
        z-index: 1;
    }

    .description {
        .content {
            height: auto;
            max-height: 400px;
            overflow-y: hidden;
            position: relative;

            &::after {
                content: "";
                display: block;
                width: 100%;
                height: 120px;
                background: linear-gradient(
                    180deg,
                    hsla(0, 0%, 100%, 0) 0,
                    #fff
                );
                position: absolute;
                left: 0;
                bottom: 0;
            }

            &.active {
                height: auto;
                max-height: unset;

                &::after {
                    display: none;
                }
            }

            &.less-content::after {
                display: none;
            }
        }

        .btn-view-more {
            display: none;
            margin-left: auto;
            margin-right: auto;
            margin-top: 30px;
            padding: 4px 18px;
            font-size: 14px;

            &.btn-show {
                display: block;
            }
        }
    }

    .tabs {
        justify-content: center;
        border-bottom: 1px solid $color-gray-lite;

        .nav-item {
            margin: 0 26px;

            &.active {
                .nav-link {
                    &::before {
                        width: 100%;
                    }
                    &::after {
                        opacity: 1;
                    }
                }
            }
        }

        .nav-link {
            font-size: 20px;
            font-weight: var(--font-medium);
            padding: 15px 3px;
            color: $color-black;

            &::after,
            &::before {
                z-index: 2;
                transition: $transition-default;
            }
        }
    }
}

@media screen and (max-width: $lg) {
    .product-details-bottom {
        .left-sidebar {
            width: 100%;
            min-width: 0;

            .vertical-products {
                margin-top: 44px;
            }
        }

        .product-details-bottom-inner {
            width: 100%;
            padding-left: 0;
        }

        .product-details-tab {
            margin-bottom: -15px;
        }
    }
}

@media screen and (max-width: $md) {
    .product-details-tab {
        position: relative;

        .product-details-tab-overflow {
            overflow: auto;
            padding-bottom: 10px;

            &::-webkit-scrollbar {
                width: 0px;
                height: 0px;
            }

            &::-webkit-scrollbar-track,
            &::-webkit-scrollbar-thumb,
            &::-webkit-scrollbar-thumb:hover {
                background: transparent;
            }

            .nav-tabs {
                flex-wrap: nowrap;
                flex-direction: row;
                justify-content: unset;
                margin-left: auto;
                margin-right: auto;
                width: max-content;
                position: relative;
                z-index: 2;

                .nav-item {
                    white-space: nowrap;
                }
            }

            hr {
                display: block;
                height: 0;
                background: transparent;
                position: absolute;
                width: 100%;
                top: 39px;
                left: 0;
                border: unset;
                border-bottom: 1px solid #e5e5e5;
                opacity: 1;
            }
        }
    }
}
