.copy-link {
    background: #333333;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
}


.img-responsive.responsive--full.thumb {
    width: 300px; /* Set your desired width */
    height: 300px; /* Set your desired height */
    object-fit: cover; /* Ensures the image maintains aspect ratio and covers the area */
}

#extPS-title-price {
    padding-top: 10px;
    /* display: flex; */
    flex-direction: column;
    justify-content: space-between;
    height: 70px; 

    font-size: 1rem;
    font-weight: 400;
    text-align: center; 
}

#details-layer-title {
    flex-grow: 1;
    max-height: 60px; /* Set a max height to prevent excessive wrapping */
    overflow: hidden;
    /* If you want the title to wrap */
    text-overflow: ellipsis;
    white-space: nowrap;
    /* If you want the title to wrap */
    
}

#product-price {
    margin-top: auto; /* Pushes the price to the bottom */
}

#btn-addtocart {
    display: block;
    text-align: center;
    margin-top: 10px; /* Ensures spacing remains consistent */
}



#details-layer-title {
    font-size: 1rem;
    font-weight: 400;
    flex-grow: 1;
    max-height: 48px; /* Adjust this to fit two lines */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Allows a max of 2 lines */
    -webkit-box-orient: vertical;
    word-break: break-word;
    text-align: center; 
}


.fa {
    cursor: pointer;
}
.ext-ps-container-hide{
    display: none;
}