.page-pro-shop #memories {
    padding: 0;
}

.page-pro-shop #memories .image-container {
    background-image: url(../images/pro-shop-1.jpeg);
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
    min-height: 240px;
}

.page-pro-shop #memories .image-container.left {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
}

.page-pro-shop #memories .text-container {
    padding: var(--section-margin) 0;
}

.page-pro-shop #memories .text-container .introduction>div {
    max-width: 500px;
}

.page-pro-shop #products {
    padding-bottom: 0;
}

.page-pro-shop #products .nav-link {
    cursor: pointer;
    display: block;
    color: var(--color-primary);
    margin-right: 12px;
    position: relative;
    border: 1px solid transparent;
    transition: all .3s ease;
    margin-bottom: .25em;
}

.page-pro-shop #products .nav-link.active,
.page-pro-shop #products .nav-link:hover {
    border-color: var(--color-primary);
}

.page-pro-shop #products .nav-link .box {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--color-primary);
    width: 9px;
    opacity: 0;
    transition: all .3s ease;
}

.page-pro-shop #products .nav-link.active .box,
.page-pro-shop #products .nav-link:hover .box {
    opacity: 1;
    right: -17px;
}

.page-pro-shop #products .tab-background:before {
    content: '';
    display: block;
    background-color: rgba(var(--color-primary-light-rgb), .15);
    position: absolute;
    inset: 0;
    z-index: 1;
}

.page-pro-shop #products .tab-content .tab-pane {
    position: relative;
    z-index: 2;
}

.page-pro-shop #products .swiper {
    background-color: rgba(var(--color-primary-light-rgb), .15);
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-bullet-inactive-opacity: 0.6;
    --swiper-theme-color: #fff;
    --swiper-navigation-size: 30px;
}

.page-pro-shop #products .swiper-slide {
    padding: 0 12px;
    height: auto;
}

.page-pro-shop #products .swiper-pagination {
    bottom: unset;
    top: 210px;
}

.page-pro-shop #products .swiper-button-next,
.page-pro-shop #products .swiper-button-prev {
    top: 120px;
}

.page-pro-shop #products .image-container {
    display: block;
    margin: 0 -12px;
    height: 240px;
}

.page-pro-shop #products .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-pro-shop #products .heading {
    font-size: 1.78em;
    margin: .5em 0;
}

.page-pro-shop #products .brand-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: auto 0 1.5em;
}

.page-pro-shop #products .brand-container .brand {
    width: 30%;
    height: 40px;
    margin: 0 .15em 1em;
    opacity: .3;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.page-pro-shop #products .brand-container .brand.active {
    opacity: 1;
}

.page-pro-shop #products .brand-container .brand img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.page-pro-shop .brand-products {
    margin-left: -.5rem;
    margin-right: -.5rem;
}

.page-pro-shop .brand-products img {
    width: auto;
    height: 130px;
    margin: .5rem;
}

#slide-detail-popup .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#slide-detail-popup .heading {
    font-size: 1.78em;
    margin-bottom: .5em;
}

#slide-detail-popup .content-container {
    display: flex;
    flex-direction: column;
    padding: 3rem;
    background-color: var(--color-primary);
    color: #fff;
}

#slide-detail-popup .content-container .content {
    flex: 1;
    position: relative;
}

#slide-detail-popup .content-container .content .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

#slide-detail-popup .content-container .content .wrapper::-webkit-scrollbar {
    display: none;
}

@media (min-width: 768px) {
    .page-pro-shop #products {
        padding-bottom: var(--section-margin);
    }
    .page-pro-shop #products .tab-background {
        min-height: 450px;
        padding: 1em;
    }
    .page-pro-shop #products .tab-content .heading {
        margin-top: 0;
    }
    .page-pro-shop #products .wrapper {
        width: 60%;
    }
    .page-pro-shop #products .tab-content .brand-container {
        margin: auto 0 0;
    }
    .page-pro-shop #products .tab-content .brand-container .brand {
        width: 80px;
        height: 60px;
        margin: 0 .5em 1em;
    }
    .page-pro-shop #products .tab-content .image-container {
        width: 45%;
        height: 69%;
        position: absolute;
        right: -9%;
        bottom: 9%;
        margin: 0;
    }
}



#showcase .slick-slide{
    height: auto!important;
}


.swiper-button-next,
.swiper-button-prev {
    background-image: none
}
.swiper-button-next{
    transform: none;
}