.pls-hotspot-content{
    display: none!important;
    }
    
    .pls-hotspot .pls-hotspot-item:hover::before {
        background-color: rgb(255, 255, 255);
        color: rgb(34, 34, 34);
        transform: rotate(0deg)!important;
    }
    
    .hotspot-info {
        display: none;
        position: relative;
    }
    .hotspot-info-wrap {
            display: flex;
            position: fixed;
            right: 0;
            top: 0;
            z-index: 100;
            background: white;
            max-width: 380px;
            height: 100vh;
            flex-direction: column;
            overflow: hidden;
            gap: 24px;
    }
    .hotspot-info.active {
        content: "";
        display: flex;
        position: fixed;
        right: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 99;
    }
    .hotspot-info-content {
        display: flex;
        flex-direction: column;
        max-height: 30%;
        overflow: hidden;
        overflow-y: auto;
        padding: 0px 24px;
    }
    h3.hotspot-info-name {
    font-size: 20px;
    }
    .hotspot-info-price {
        font-size: 18px;
        padding: 0px 24px;
        }
    .hotspot-info a.button.add_to_cart_button{
        width: calc(100% - 48px);
        text-align: center;
        margin: 0px 24px;
    }
    .hotspot-info-view {
        padding: 0px 24px;
    }
    .hotspot-info-view a{
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        height: 46px;
        text-transform: uppercase;
        width: 100%;
        text-align: center;
        background-color: var(--pls-buy-now-button-bg-color);
        color: var(--pls-buy-now-button-color);
    }
    .hotspot-info-close {
        font-size: 44px;
        font-weight: 100;
        cursor: pointer;
        position: absolute;
        line-height: 1;
        top: 30px;
        right: 30px;
        color: black;
    }
    .hotspot-info-not-stock{
        padding: 0px 24px;
    }
    .hotspot-info-image {
        max-height: 40%;
        overflow: hidden;
        object-fit: contain;
    }
    .hotspot-info-image img{
        height: 100% !important;
        width: 100%;
        object-fit: contain;   
    
    }
    .no-scroll {
        overflow: hidden;
    }
    .hotspot-info-description{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5;
        max-height: 9.5em;
    }