.container_cion {
    position: fixed;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 700px;
    padding: 20px;
    border-radius: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index: 99999999;
    background-color: white;
}

.price_coin {
    text-align: center;
    margin-bottom: 20px;
}

.price_coin del {
    color: #999;
    font-size: 14px;
}

.price_coin span {
    color: #4caf50;
    font-size: 20px;
    font-weight: bold;
}

.search-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.how_to_select_id {
    color: #563dff;
}

.search-box input {
    padding: 8px 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 8px !important;
    font-size: 14px;
}

.search-box button {
    padding: 8px 14px;
    background-color: #563dff;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
}

.search-box a {
    display: block;
    color: #563dff;
    font-size: 12px;
    text-decoration: none;
    margin-top: 8px;
}

.profile {
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    max-width: 400px;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.profile img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.profile-info {
    font-size: 20px;
}

.profile-info .name {
    font-weight: bold;
}

.checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.actions {
    display: flex;
    gap: 10px;
}

.actions button {
    flex: 1;
    padding: 10px;
    border-radius: 8px;
    border: none;
    font-size: 14px;
    cursor: pointer;
}

.actions .confirm {
    background-color: #563dff;
    color: white;
}

.actions .cancel {
    background-color: #f1f1f1;
    color: #333;
}
.overlay-coin {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(98 98 98 / 20%);
    backdrop-filter: blur(10px); 
    z-index: 99999998; 
    display: none;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.animate-spin {
    transition: all;
    animation: spin 1s linear infinite;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-75 {
    opacity: 0.75;
}

.w-5 {
    width: 1.25rem;
}

.h-5 {
    height: 1.25rem;
}
.ajax_add_to_cart{
    display:none !important;
}