/* Print Order Form Styles */
#printOrderForm table, 
#printOrderForm th, 
#printOrderForm td { 
    border: 1px solid black; 
    border-collapse: collapse; 
    padding: 8px; 
    text-align: center; 
}

#printOrderForm body { 
    font-family: Arial; 
    margin: 20px; 
}

#printOrderForm .highlight { 
    color: red; 
    font-weight: bold; 
}

#printOrderForm input[type="number"], 
#printOrderForm input[type="text"], 
#printOrderForm input[type="email"] { 
    padding: 5px; 
}

#printOrderForm img { 
    max-height: 40px; 
}

#printOrderForm .form-grid { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px; 
    margin-top: 20px; 
}

#printOrderForm .form-grid > div { 
    flex: 1 1 45%; 
    display: flex; 
    flex-direction: column; 
}

#paymentPopup { 
    display:none; 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background:rgba(0,0,0,0.7); 
    justify-content:center; 
    align-items:center; 
    z-index: 9999;
}

#paymentPopup > div { 
    background:#fff; 
    padding:20px; 
    border-radius:10px; 
    width:90%; 
    max-width:400px; 
    position:relative; 
}

#paymentPopup > div span { 
    position:absolute; 
    top:10px; 
    right:15px; 
    cursor:pointer; 
    font-size: 20px;
}
/* Image table styles */
#imageTable {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

#imageTable th, #imageTable td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

#imageTable th {
    background-color: #f2f2f2;
}

/* Form grid styles */
.form-grid > div {
    margin-bottom: 15px;
}

.form-grid label {
    margin-bottom: 5px;
    font-weight: bold;
}

.form-grid input {
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}