#wccpo-form-steps{position:relative;min-height:400px}
.wccpo-form-step{width:100%}
.wccpo-product-row{margin-bottom:20px}
.wccpo-product-row h4{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px;font-size:1.1em;display:flex;justify-content:space-between;align-items:center}
.remove-product-row-btn{background:0 0;border:none;color:red;cursor:pointer;font-size:1.5em;line-height:1;padding:0}
.wccpo-product-selection-area{height:300px;overflow-y:scroll;padding:10px;background-color:#f9f9f9;border-radius:4px;margin-bottom:15px}
.product-selection-item{display:flex;align-items:center;padding:8px;margin-bottom:5px;background-color:#fff;border:1px solid #eee;border-radius:4px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.product-selection-item:hover{background-color:#f0f0f0;border-color:#ccc}
.product-selection-item.selected{background-color:#e6f7ff;border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.3)}
.product-selection-item .product-name{font-weight:700;flex-grow:1}
.product-selection-item input[type=radio]{margin-left:auto}
.wccpo-message{padding:10px;margin-bottom:20px;border:1px solid;border-radius:4px}
.wccpo-message.success{background:#d4edda;color:#155724;border-color:#c3e6cb}
.wccpo-message.error{background:#f8d7da;color:#721c24;border-color:#f5c6cb}
#wccpo-order-summary{margin-top:20px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;font-family:Arial,sans-serif;line-height:1.6}
#wccpo-order-summary h4{margin-top:0;margin-bottom:15px;border-bottom:1px dashed #ccc;padding-bottom:10px;color:#333}
#wccpo-order-summary p{margin-bottom:8px}
#wccpo-order-summary strong{display:inline-block;min-width:120px;font-weight:700}
#wccpo-order-summary ul{list-style:none;padding-left:15px;margin-top:5px;margin-bottom:10px}
#wccpo-order-summary ul li{margin-bottom:3px}
.wccpo-order-summary-logo{max-width:150px;height:auto;border:1px solid #eee;padding:5px;margin-top:10px;display:block}
.wccpo-attributes-container select{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:0;box-sizing:border-box;height:50px;font-size:15px}
.wccpo-attributes-container label{display:block;margin-bottom:5px;font-weight:700}
form#custom-order-form{max-width:700px;margin:20px auto;padding:3em;border:1px solid #ccc;border-radius:8px;background-color:#fff}
.wccpo-form-step h3{border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:20px;text-align:center;FONT-SIZE:25px}
.customer-info-area{margin-bottom:20px}
#customer-notes-area label,#logo-upload-area label,.customer-info-area label{display:block;margin-bottom:5px;font-weight:700}
.customer-info-area input[type=email],.customer-info-area input[type=tel],.customer-info-area input[type=text]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}
#add-product-row-btn,#submit-custom-order-btn,.wccpo-next-step-btn,.wccpo-prev-step-btn{padding:10px 20px;color:#fff;border:none;cursor:pointer;font-size:1em}
.wccpo-prev-step-btn{background-color:#6c757d}
#add-product-row-btn{background-color:#efefef;border:1px solid #c4c4c4;margin-top:10px;width:100%;color:#000!important}
#submit-custom-order-btn{padding:12px 25px;font-size:1.1em}
#add-product-row-btn:hover,#submit-custom-order-btn:hover,.wccpo-next-step-btn:hover,.wccpo-prev-step-btn:hover{filter:brightness(90%)}
.wccpo-form-step>div{margin-top:20px}
#logo-upload-area{margin-top:0;padding-top:0;}
#custom_logo{padding:8px;border:1px solid #ccc;border-radius:4px;display:block;width:100%;box-sizing:border-box}
#customer-notes-area{margin-top:20px;padding-top:20px;border-top:1px solid #eee}
#customer_notes{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}
.wccpo-form-step h4{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:15px;margin-top:30px}
#wccpo-order-summary-preview{border-radius:8px}
#wccpo-order-summary-preview h4{color:#333;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:10px}
.summary-section{margin-bottom:20px;padding-bottom:25px;border-bottom:1px dashed #e9e9e9}
.summary-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.summary-section h5{color:#555;margin-top:0;margin-bottom:10px}
.div-table{display:flex;flex-direction:column;width:100%;border:1px solid #ddd;border-radius:4px;overflow:hidden;margin-bottom:15px}
.div-table-row{display:flex;flex-wrap:wrap;border-bottom:1px solid #eee;background-color:#fff}
.div-table-row:last-child{border-bottom:none}
.div-table-row:nth-child(2n){background-color:#f6f6f6}
.div-table-row:hover{background-color:#fcfcfc}
.div-table-cell{padding:10px 12px;flex:1;min-width:100px;box-sizing:border-box;border-right:1px solid #eee;font-size: 14px;}
.div-table-cell:last-child{border-right:none}
.div-table-header{background-color:#f2f2f2;font-weight:700;color:#333;border-bottom:1px solid #ddd}
.div-table-head{padding:10px 12px;flex:1;min-width:100px;box-sizing:border-box;border-right:1px solid #eee;font-size:14px}
.div-table-head:last-child{border-right:none}
.customer-info-table .div-table-row{flex-wrap:nowrap}
.customer-info-table .label{flex:0 0 120px;font-weight:700;background-color:#fcfcfc;border-right:1px solid #ddd}
.customer-info-table .value{flex:1}
.product-summary-table .div-table-row{align-items: stretch;font-size: 15px;}
.product-summary-table .product-column{flex:2;min-width:150px}
.product-summary-table .quantity-column{flex:0 0 80px;text-align:center}
.product-summary-table .options-column{flex:3;min-width:200px}
.product-summary-table td strong{color:#000}
.product-summary-table td em{font-style:normal;font-weight:700;color:#666}
.logo-upload-table .div-table-row{flex-wrap:nowrap}
.logo-upload-table .label{flex:0 0 80px;font-weight:700;background-color:#fcfcfc;border-right:1px solid #ddd}
.logo-upload-table .value{flex:1}
.summary-section p{margin-bottom:5px;line-height:1.5;color:#444}
.product-selection-item img{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:10px}
.customer-info-area p span{color:red}
.form-footer{display:flex;justify-content:space-between}
@media (max-width:768px){
    .customer-info-table .div-table-row,.logo-upload-table .div-table-row{flex-direction:column;align-items:flex-start}
    .customer-info-table .label,.logo-upload-table .label{flex:auto;width:100%;border-right:none;border-bottom:1px solid #eee;padding-bottom:5px}
    .customer-info-table .value,.logo-upload-table .value{flex:auto;width:100%;padding-top:5px}
    .product-summary-table .div-table-header{display:none}
    .product-summary-table .div-table-row{flex-direction:column;border:1px solid #ddd;margin-bottom:15px;padding:10px;border-radius:4px;background-color:#fff}
    .product-summary-table .div-table-row:nth-child(2n){background-color:#fff}
    .product-summary-table .div-table-cell{border-right:none;border-bottom:1px dashed #eee;padding:8px 0;width:100%;text-align:left;position:relative;padding-left:100px}
    .product-summary-table .div-table-cell:last-child{border-bottom:none}
    .product-summary-table .div-table-cell::before{content:attr(data-label);position:absolute;left:0;width:90px;font-weight:700;color:#555;text-align:right;padding-right:10px}
    .product-summary-table .options-column,.product-summary-table .product-column,.product-summary-table .quantity-column{flex:auto;min-width:auto}
    form#custom-order-form {padding: 1em;}
    .wccpo-form-step h4{font-size: 20px;}
    #submit-custom-order-btn, .wccpo-prev-step-btn {padding: 12px 17px!important;font-size: 0.9em!important;}
}