/*MAIN APP JS*/

.touchable { cursor: pointer !important; }
.touchable__opacity:hover{
    cursor: pointer !important;
    opacity: 60% !important;
}

.price{
    font-weight: normal !important;
}

.btnAddToCart{
    background: var(--bs-primary);
    padding: 0.1rem 0.5rem;
    border-radius: 2rem;
}
.btnAddToCart i{
    color: #fff;
}

.swal2-popup{
    border-radius: 1rem !important;
}

.swal2-success-circular-line-left,
.swal2-success-circular-line-right,
.swal2-success-fix{
    background-color: transparent !important;
}

.password__wrapper{
    position: relative;
}
.password__show{
    position: absolute;
    top: 14px;
    right: 14px;
}

.card__upload-file{
    border: 2px dashed #dfdfdf !important;
}

.card__upload-file:hover{
    background: rgb(243 243 243 / 25%) !important;
}

.file__upload-body{
    width: 100%;
}

.file__upload-source{
    width: 100%;
    height: 200px;
    object-fit: contain;
    border-radius: 0.5rem;
}

.banner{
    background: #fff !important;
}

@media only screen and (max-width: 600px){
    .banner{
        background: transparent !important;
    }
    .store__text-ellips{
        max-width: 100px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .store__text2-ellips{
        max-width: 200px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}