.checkoutitem{
    height: auto !important;
    margin: 3px 0px !important;
}

.checkoutitem img{
    width: auto; 
    max-width: 50px !important;
    height: auto;
    max-height: 50px !important;
    margin: 0px 10px !important;
}
.checkoutitem h3{
    margin: 0;
    color: rgba(0, 0, 0, 0.63);
    font-size: 12px;

}
.checkoutitem h3 span{

}
.checoutAddress{
    border: 1px solid rgba(0, 0, 0, 0.514);
    padding: 10px 10px;
    margin-top: 10px;
}
.checoutAddress p{
    font-size: 13px;
}
.checoutAddress p:nth-child(3){
    margin-top: 10px;
}
.checoutAddress p a{
    background-color: rgba(0, 85, 134, 0.808);
    color: whitesmoke;
    padding: 2px 20px;
}

    .addressData{
        padding-top: 20px;
    }
    .addressData h3{
        font-size: 22px;
        font-weight: 400;
        color: #000000c6;
    }
    .fino{
        display: none !important;
    }
    .active-fino{
        display: flex !important;
    }
    .CKbTNS{
        margin: 0;

    }
    .CKbTNS .cbt{
        border: none;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border: 1px solid black;
    padding: 2px 20px;
    font-size: 15px;
    color:#000000c6 ;
    font-weight: 300 !important;
    border-radius: 16px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.301);
    margin: 0px 5px;
    }
    .CKbTNS .cbt:hover{
        background-color: black;
        color: whitesmoke;
    }
    .CKbTNS .active-cbt{
        background-color: black;
        color: whitesmoke;
      
    }
    .addressData form{
        width: 90%;
    }
    .addressData form div{
        display: flex;
        flex-direction: column;
        align-items: self-start;
        margin-top: 10px;
        padding-left: 20px;
    }
    .addressData form div label{
        font-size: 14px;
    }
    .addressData form div input{
           padding: 3px 15px;
           border-radius: 16px;
           border: 1px solid grey;
           outline: none;
    }
    .addressData form div select{
        padding: 3px 15px;
           border-radius: 16px;
           width: 80%;
           outline: none;
           border: 1px solid grey;
    }
    .addressData form button{
                  background-color: black;
                  border: none;
                  color: whitesmoke;
                  font-size: 15px;
                  padding: 3px 40px;
                  margin-top: 20px;
    }

    /* payments */
    .payments{
        margin: 0px 0px !important;
        padding: 0 !important;
        display: flex;
flex-direction: row;
overflow: auto;
width: 98%;
white-space: nowrap; /* Ensures content stays in a single line */
    }
    .payments .payer{
        border: none;
        margin: 0px 0px;
        color: #000000c6;
        padding: 5px 20px;
        font-size: 14px;
        background-color: transparent;
    }
    .payments .active-payer{
        background-color: rgb(238, 238, 238);
    }
    .payChoice{
        display: none;
        background-color: rgb(238, 238, 238);
        margin: 0px auto;
        width: 100%;
        padding: 10px;
    }
    .active-payChoice{
      display: flex;
    }
    
    .cardPay{

    }
    .cardPay form{
        flex-wrap: wrap;
        width: 90%;
    }
    .cardPay form input{
        flex: 1  calc(50% - 20px);
        margin: 5px;
        outline: none;
        padding: 2px 10px;
        border:none;
        border-radius: 3px;
    }
    .cardPay form input::placeholder{
        font-size: 13px;
        font-weight: 300;
    }
    .cardPay form button{
        background: #28a745;
        color: white;
        padding:4px 10px;
        margin-top: 10px;
        border: none;
        font-size: 14px;
        border-radius: 2px; 
        margin-left: 6px;
        cursor: pointer;
     }
    .cardPay form button:hover { background: #218838; }
    .bitcoinPay{
        width: 90%;
        margin: 0px auto;
    }
    .bitcoinPay p.strong{
        width: 90%;
        font-size: 20px;
        font-weight: 400;
        word-wrap: break-word !important; /* Ensures words break properly */
        overflow-wrap: break-word !important ; /* Alternative for better compatibility */
        white-space: normal  !important; /* Allows text wrapping */
    
    }
    .bitcoinPay img{
        width: auto;
        max-width:200px;
        height: auto;
    }

    @media screen and (max-width: 480px) {
        
    }