.checkout-container{max-width:1200px;margin:0 auto;padding:20px}.checkout-header{text-align:center;margin-bottom:30px}.checkout-header h2{font-size:28px;color:#2d3748;margin-bottom:8px}.checkout-header p{color:#718096;font-size:16px}.checkout-layout{display:flex;gap:30px}.checkout-details{flex:2 1;display:flex;flex-direction:column;gap:20px}.checkout-summary{flex:1 1}.checkout-card,.summary-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.05);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.checkout-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.1)}.card-header{background:#f8fafc;padding:16px 20px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:12px}.card-header h3{font-size:18px;color:#2d3748;margin:0}.card-icon{color:#4f46e5;font-size:18px}.card-content{padding:20px}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.detail-item{margin-bottom:12px}.detail-label{display:block;font-size:14px;color:#718096;margin-bottom:4px}.detail-select{width:auto;min-width:150px;max-width:100%;padding:6px 12px;font-size:14px;border:1px solid #cbd5e0;border-radius:4px;background-color:#fff;color:#2d3748;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%232d3748" height="16" viewBox="0 0 24 24" width="16" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px 16px}.detail-value{display:block;font-size:15px;color:#2d3748;font-weight:500}.color-swatch{display:inline-block;width:16px;height:16px;border-radius:4px;margin-right:8px;vertical-align:middle;border:1px solid #e2e8f0}.no-details{color:#718096;font-style:italic;text-align:center;padding:10px 0}.summary-card{position:-webkit-sticky;position:sticky;top:20px}.summary-item{padding:12px 0;border-bottom:1px solid #edf2f7;font-size:15px}.summary-item,.summary-total{display:flex;justify-content:space-between}.summary-total{padding:16px 0;font-size:18px;font-weight:600}.total-amount{color:#10b981}.checkout-button{width:100%;padding:14px 20px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-top:20px;display:flex;align-items:center;justify-content:center;line-height:1.5;min-height:48px}.checkout-button:hover{background-color:#4338ca}.secure-checkout{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:14px;color:#718096}.lock-icon{color:#10b981}.image-grid{display:flex;gap:24px;flex-wrap:wrap;justify-content:flex-start;margin-top:16px}.image-wrapper{display:flex;flex-direction:column;align-items:center;max-width:140px}.image-label{font-size:14px;font-weight:500;color:#333;margin-bottom:6px}.uploaded-image{width:100%;max-width:100px;height:auto;border-radius:8px;border:1px solid #ddd;object-fit:contain;box-shadow:0 2px 8px rgba(0,0,0,.05);background-color:#fafafa}.back-link{font-size:14px;color:#3182ce;text-decoration:underline;cursor:pointer;background:none;border:none;padding:0}.back-link:hover{color:#2b6cb0;text-decoration:none}.back-button{font-size:16px;font-weight:500;padding:10px 20px;border:1px solid #ccc;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.back-button:focus{outline:2px solid #8a6af5;outline-offset:2px}.back-button-container{display:flex;justify-content:center;align-items:center;padding:24px 0}.coupon-link{color:#4f46e5;font-weight:600;cursor:pointer;margin-bottom:0}.coupon-input-group{display:flex;gap:.5rem;margin-top:.75rem}.coupon-input-group input{flex:1 1;padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9375rem}.apply-button{padding:0 1rem;background-color:#4f46e5;color:#fff;border:none;height:6vh;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.apply-button:hover{background-color:#4338ca}.discount-message{color:#10b981;font-weight:500;text-align:center}@media (max-width:768px){.checkout-layout{flex-direction:column}.details-grid{grid-template-columns:1fr}.summary-card{position:static}}