.section-sideproduct-wrap-block .title-bar{background-color:var(--bs-theme-color);padding:.5rem 1rem}
.section-sideproduct-wrap-block .title-bar .title{font-size:1.3rem;color:#fff;font-weight:400}
.section-sideproduct-wrap-block .product-item{overflow:hidden}
.section-sideproduct-wrap-block .product-item .item-inner{display:flex;align-items:center;justify-content:space-between;height:100%;overflow:hidden}
.section-sideproduct-wrap-block .product-item .item-img{position:relative;display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin-right:1rem;border:1px solid #eee}
.section-sideproduct-wrap-block .product-item .item-img:after{pointer-events:none;content:"";position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;-webkit-transition:.4s;transition:.4s;-webkit-transform:scale(.7);transform:scale(.7);pointer-events:none}
.section-sideproduct-wrap-block[mask-color=mask-color-theme] .product-item .item-img:after{background-color:var(--bs-theme-color)}
.section-sideproduct-wrap-block[mask-color=mask-color-dark] .product-item .item-img:after{background-color:var(--bs-mask-dark)}
.section-sideproduct-wrap-block[mask-color=mask-color-white] .product-item .item-img:after{background-color:var(--bs-mask-white)}
.section-sideproduct-wrap-block[mask-color=mask-color-none] .product-item .item-img:after{background-color:transparent}
.section-sideproduct-wrap-block .product-item:hover .item-img:after{-webkit-transform:scale(1);transform:scale(1);opacity:.3}
.section-sideproduct-wrap-block .product-item .item-img img{position:relative;max-width:100%;max-height:100%}
.section-sideproduct-wrap-block .product-item .item-inner .item-title{flex:1;font-size:1rem;max-height:100%;overflow:hidden}
.section-sideproduct-wrap-block .swiper-buttons .swiper-button.swiper-button-disabled{opacity:.35!important}
.section-sideproduct-wrap-block .swiper-buttons .swiper-button,.section-sideproduct-wrap-block:hover .swiper-buttons .swiper-button{left:0;right:auto;opacity:1;visibility:visible;width:100%;text-align:center;-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);border:none;margin-top:0;height:2.5rem;overflow:hidden}
.section-sideproduct-wrap-block[pagination-btn-position=vertical][slide-btn-style=custom-4] .swiper-control .swiper-button{border-width:0}
.section-sideproduct-wrap-block[pagination-btn-color=white] .swiper-control .swiper-button::before{color:#999}
.section-sideproduct-wrap-block .swiper-buttons .swiper-button,.section-sideproduct-wrap-block:hover .swiper-buttons .swiper-button:hover{background-color:transparent!important}
.section-sideproduct-wrap-block .swiper-buttons .swiper-button-prev{top:0}
.section-sideproduct-wrap-block .swiper-buttons .swiper-button-next{bottom:0;top:auto}
.section-sideproduct-wrap-block .swiper-buttons .swiper-button svg,.section-sideproduct-wrap-block .swiper-buttons .swiper-button:hover svg{fill:#999;width:6rem;height:6rem;-webkit-transform:rotate(90deg) scale(.5,1);-ms-transform:rotate(90deg) scale(.5,1);-o-transform:rotate(90deg) scale(.5,1);transform:rotate(90deg) scale(.5,1)}
.section-sideproduct-wrap-block .outer-swiper-wrap{padding:3rem 0}
.section-sideproduct-wrap-block .execute-swiper-slide{height:35rem}