.product-details-bottom {
    display: flex;

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

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

        .banner {
            margin-top: 40px;
            position: relative;

            img {
                width: 100%;
                border-radius: 8px;
                transition: 0.8s ease;
            }
        }
    }

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

        .landscape-products {
            .swiper-slide {
                width: 16.66%;
            }

            .product-card {
                min-height: 240px;
            }
        }
    }
}

.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-show-more {
            margin-left: auto;
            margin-right: auto;
            margin-top: 25px;
            padding: 4px 18px;
            font-size: 14px;
            opacity: 0;
            visibility: hidden;
            display: block;
            border: 1px solid var(--color-primary);

            &.show {
                opacity: 1;
                visibility: visible;
            }
        }
    }

    .tabs {
        justify-content: center;
        border-bottom: 1px solid var(--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: var(--color-black);

            &::after,
            &::before {
                z-index: 2;
                transition: var(--transition-150);
            }
        }
    }
}

@media screen and (max-width: 1600px) {
    .product-details-bottom {
        .product-details-bottom-inner {
            .landscape-products {
                .swiper-slide {
                    width: 20%;
                }
            }
        }
    }
}

@media screen and (max-width: 1300px) {
    .product-details-bottom {
        .product-details-bottom-inner {
            .landscape-products {
                .swiper-slide {
                    width: 25%;
                }
            }
        }
    }
}

@media screen and (max-width: 1100px) {
    .product-details-bottom {
        .product-details-bottom-inner {
            .landscape-products {
                .swiper-slide {
                    width: 33.33%;
                }
            }
        }
    }
}

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

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

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

            .landscape-products {
                .swiper-slide {
                    width: 25%;
                }
            }
        }

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

@media screen and (max-width: 880px) {
    .product-details-bottom {
        .product-details-bottom-inner {
            .landscape-products {
                .swiper-slide {
                    width: 33.33%;
                }
            }
        }
    }
}

@media screen and (max-width: 767px) {
    .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;
            }
        }
    }
}

@media screen and (max-width: 640px) {
    .product-details-bottom {
        .product-details-bottom-inner {
            .landscape-products {
                .swiper-slide {
                    width: 50%;
                }
            }
        }
    }
}
