:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fffdf4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#000;text-decoration:inherit}a:hover{color:#333}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;background-color:#fffdf4;color:#213547}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f0f0f0;cursor:pointer;transition:border-color .25s}button:hover{border-color:#999}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.checkout-container{padding:1.5rem;min-height:100vh;background-color:#fffdf4;color:#333}.checkout-title{font-size:1.8rem;font-weight:700;margin-bottom:1.2rem;color:#222}.empty-cart{font-size:1.2rem;color:#555}.checkout-item{display:flex;align-items:center;padding:.8rem 0;border-bottom:1px solid #ccc;gap:1rem;transition:background-color .2s ease}.checkout-item:hover{background-color:#f7f2e9}.select-circle{width:18px;height:18px;cursor:pointer}.item-details{display:flex;flex-direction:column;gap:.2rem}.item-details h4{margin:0;font-size:1.2rem;font-weight:600}.item-details p{margin:.2rem 0;color:#555}.quantity-controls{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.quantity-controls button{width:28px;height:28px;border:1px solid #333;border-radius:4px;background:#fff;cursor:pointer;font-size:1rem}.checkout-summary{margin-top:2rem;padding-top:1rem;border-top:1px solid #ccc;font-size:1.1rem;color:#222}.checkout-summary p,.checkout-summary h3{margin:.4rem 0}.checkout-summary h3{font-size:1.3rem;font-weight:700}.pay-button{margin-top:1rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:700;background-color:#333;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.pay-button:disabled{background-color:#aaa;cursor:not-allowed}.progress-bar{height:12px;background-color:#ddd;border-radius:6px;overflow:hidden;margin-top:.3rem;margin-bottom:.5rem}.progress-fill{height:100%;transition:width .4s ease}.progress-fill.gift{background-color:#90ee90}.progress-fill.delivery{background-color:#add8e6}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.success-checkmark{width:80px;height:115px;margin:0 auto}.check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.check-icon:before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.check-icon:after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.check-icon:before,.check-icon:after{content:"";height:100px;position:absolute;background:#fff;transform:rotate(-45deg)}.icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}@keyframes rotate-circle{0%{transform:rotate(-45deg)}to{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}to{width:25px;left:14px;top:46px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.success-card{margin-top:1.8rem;background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:1.8rem 2rem;max-width:420px;width:100%;box-shadow:0 8px 30px #00000014;animation:slideUpFade .6s ease both}.success-title{font-size:1.15rem;font-weight:700;color:#1a1a1a;margin:0 0 1rem;line-height:1.5}.brand-name{color:#4caf50;letter-spacing:.04em}.success-divider{height:1px;background:linear-gradient(to right,transparent,#e0e0e0,transparent);margin:.8rem 0 1.2rem}.success-notice{display:flex;flex-direction:column;gap:1rem}.notice-row{display:flex;align-items:flex-start;gap:.75rem;background:#f9f9f9;border-radius:10px;padding:.75rem 1rem;text-align:left}.notice-row p{margin:0;font-size:.88rem;color:#333;line-height:1.5}.notice-icon{font-size:1.2rem;flex-shrink:0;margin-top:1px}.notice-warning{background:#fff8e1;border:1px solid #f9e08b}.notice-warning p{color:#6b4c00}@keyframes slideUpFade{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.invoice-page{display:flex;flex-direction:column;gap:12px;padding:15px;align-items:center;background:#f0f0f0}.invoice-block{width:100%;max-width:800px;background:#fff;padding:14px;border:2px solid #000;font-family:Arial,sans-serif;color:#000;box-sizing:border-box;box-shadow:0 2px 8px #0000001a}.prepaid-header{font-weight:900;font-size:22px;margin:0 0 10px;text-align:left}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid #000}.receiver-info,.sender-info{width:48%;font-size:15px;line-height:1.4}.receiver-info{padding:10px;border:2px solid black;border-radius:4px;background:#f5f5f5}.sender-info{font-weight:900;font-size:17px;color:#000;line-height:1.6}.section-title{font-weight:900;font-size:18px;margin:0 0 8px}.field-group{margin-bottom:6px}.field-group label{display:block;font-weight:900;font-size:13px;margin-bottom:2px}.receiver-info input,.receiver-info textarea{width:100%;padding:4px;font-size:17px;border:1px solid #ccc;border-radius:2px;font-family:Arial,sans-serif;box-sizing:border-box;font-weight:900;color:#000;line-height:1.6}.receiver-info textarea{resize:vertical;min-height:50px;line-height:1.6}.order-info{margin-top:10px;font-size:15px;font-weight:700;padding-bottom:10px;border-bottom:2px solid #000}.order-info h2{font-size:17px;margin:0 0 5px}.order-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.barcode svg{height:45px!important}.amount-group{margin:10px 0;display:flex;align-items:center;gap:10px}.amount-group label{font-weight:900;font-size:22px;color:#000}.amount-group input{padding:6px 10px;font-size:32px;font-weight:900;color:#000;border:3px solid #000;border-radius:4px;width:200px}.urdu-warning{font-weight:900;font-size:20px;color:#000;margin-top:10px;text-align:center;padding:10px;background:#fff3cd;border:1px solid #e0c060;border-radius:4px;line-height:1.6}.delete-btn{margin-top:8px;padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:13px}.delete-btn:hover{background:#c82333}.actions{display:flex;gap:10px;margin-top:20px}.actions button{padding:10px 16px;font-weight:700;font-size:13px;cursor:pointer;background:#000;color:#fff;border:none;border-radius:4px;transition:background .2s}.actions button:hover{background:#333}@media print{@page{size:A4;margin:4mm}body{margin:0;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-page{display:block!important;width:100%;padding:0!important;margin:0!important;background:#fff!important}.invoice-block{width:100%!important;max-width:100%!important;min-height:31vh!important;max-height:32.5vh!important;margin:0 0 2px!important;padding:4px 6px!important;border:1.5px solid #000!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;overflow:hidden!important}.invoice-block:nth-child(3n){page-break-after:always!important;break-after:page!important}.prepaid-header{font-weight:900!important;font-size:13px!important;color:#000!important;margin:0 0 2px!important;flex-shrink:0!important;line-height:1.2!important}.invoice-header{display:flex!important;justify-content:space-between!important;gap:5px!important;padding-bottom:2px!important;margin-bottom:2px!important;border-bottom:1.5px solid #000!important;flex-shrink:0!important;overflow:visible!important;align-items:flex-start!important}.receiver-info,.sender-info{width:48%!important;line-height:1.35!important;overflow:visible!important}.receiver-info{padding:3px 4px!important;border:1.5px solid #000!important;background:#f9f9f9!important;border-radius:0!important}.section-title{font-weight:900!important;font-size:11px!important;color:#000!important;margin:0 0 2px!important}.field-group{margin-bottom:0!important;padding-bottom:0!important}.field-group label{font-weight:900!important;font-size:7.5px!important;color:#444!important;margin:0!important;display:block!important;text-transform:uppercase!important;line-height:1.2!important}.receiver-info input,.receiver-info textarea{border:none!important;background:transparent!important;padding:0!important;margin:0!important;font-size:11px!important;line-height:1.35!important;font-weight:900!important;color:#000!important;display:block!important;width:100%!important;height:auto!important;resize:none!important;overflow:visible!important;white-space:pre-wrap!important;word-wrap:break-word!important;font-family:Arial,sans-serif!important}.receiver-info textarea{min-height:auto!important;max-height:none!important}.sender-info{font-weight:900!important;color:#000!important;font-size:11px!important;line-height:1.45!important;overflow:visible!important}.sender-info p{margin:0!important;padding:0!important;font-size:11px!important;line-height:1.45!important;font-weight:900!important;color:#000!important}.order-info{margin-top:2px!important;padding-bottom:2px!important;border-bottom:1.5px solid #000!important;font-size:11px!important;flex-shrink:0!important;color:#000!important}.order-info h2{font-size:11px!important;font-weight:900!important;color:#000!important;margin:0 0 1px!important}.order-row{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:1px!important}.barcode svg{height:22px!important;width:auto!important}.amount-group{margin:1px 0 0!important;display:flex!important;align-items:center!important;gap:4px!important}.amount-group label{font-weight:900!important;font-size:13px!important;color:#000!important;margin-right:0!important}.amount-group input{font-size:22px!important;font-weight:900!important;color:#000!important;border:none!important;background:transparent!important;width:auto!important;padding:0!important}.urdu-warning{font-weight:900!important;font-size:13px!important;color:#000!important;text-align:center!important;margin-top:auto!important;padding:3px!important;background:#fff3cd!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border:1px solid #e0c060!important;border-radius:0!important;flex-shrink:0!important;line-height:1.4!important;display:block!important;visibility:visible!important;opacity:1!important}.actions,.delete-btn,.print-btn{display:none!important}}