:root{--commerce-line:#2e3d58;--commerce-muted:#b4c0d6;--commerce-blue:#79b7ff} .commerce-page{background:#091121;color:#edf3ff;min-height:100vh;margin:0;font-family:Arial,sans-serif;line-height:1.55}.commerce-header{background:#fff;color:#15213e;padding:22px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:20px}.commerce-header img{width:210px;max-width:45vw}.commerce-header a{color:#253b69;text-decoration:none;font-size:14px}.commerce-shell{max-width:1080px;margin:44px auto;padding:0 24px 70px}.commerce-eyebrow{color:#85baff;font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.commerce-page h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.045em;line-height:1.08;margin:10px 0 20px}.commerce-page h2{font-size:22px;letter-spacing:-.02em}.commerce-page p{color:var(--commerce-muted)}.commerce-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:start}.commerce-panel{background:linear-gradient(145deg,#121f35,#0c1525);border:1px solid var(--commerce-line);border-radius:18px;padding:26px;margin:0 0 22px;min-width:0}.commerce-panel h2:first-child{margin-top:0}.commerce-item{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--commerce-line)}.commerce-item img{width:74px;height:80px;object-fit:contain}.commerce-item div{flex:1}.commerce-item p{font-size:13px;margin:4px 0}.commerce-total{display:flex;justify-content:space-between;gap:18px;padding:12px 0;font-size:15px}.commerce-total.grand{border-top:1px solid var(--commerce-line);font-size:21px;font-weight:700;margin-top:10px}.commerce-button{display:inline-flex;justify-content:center;align-items:center;padding:13px 22px;border-radius:8px;border:1px solid #7bb5ff;background:#72aaff;color:#081326;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;gap:8px;min-height:46px}.commerce-button.secondary{background:transparent;color:#d9e7ff;border-color:#526482}.commerce-button.danger{background:#3a1826;color:#ffc3d1;border-color:#8b435d}.commerce-button:disabled{opacity:.45;cursor:not-allowed}.commerce-button:focus-visible,.commerce-page a:focus-visible{outline:3px solid #67d7ff;outline-offset:4px}.commerce-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.commerce-message{border-left:3px solid #75b8ff;background:#142640;padding:15px 18px;border-radius:0 8px 8px 0;color:#d8e8ff;margin:18px 0;font-size:14px}.commerce-message.error{border-color:#ff9f9f;background:#321e2c;color:#ffe0e0}.commerce-message.success{border-color:#7dd6b2;background:#122e2c;color:#d3ffec}.commerce-small{font-size:12px;color:var(--commerce-muted)}.commerce-check{display:flex;align-items:flex-start;gap:12px;font-size:14px;margin:20px 0}.commerce-check input{margin-top:5px;width:18px;height:18px;flex-shrink:0;accent-color:#7bb5ff}.commerce-page label:not(.commerce-check){display:block;font-size:13px;margin:14px 0 6px}.commerce-page input:not([type=checkbox]),.commerce-page select,.commerce-page textarea{box-sizing:border-box;width:100%;padding:13px 14px;background:#081120;color:#f3f7ff;border:1px solid #526482;border-radius:7px;font:inherit}.commerce-page a{color:#98c7ff}.commerce-footer{background:#fff;color:#253b69;padding:28px max(5vw,20px);font-size:12px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.commerce-footer a{color:#253b69}.commerce-status{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;display:inline-flex;padding:5px 10px;border:1px solid #506583;border-radius:20px;color:#c2d7f8}.commerce-status.paid,.commerce-status.delivered{color:#a4f0ca;border-color:#3b8c70}.commerce-status.expired,.commerce-status.refunded{color:#ffb5c5;border-color:#9c4d64}.commerce-timeline{padding:0;list-style:none}.commerce-timeline li{position:relative;border-left:1px solid #426288;padding:0 0 25px 25px;margin-left:5px}.commerce-timeline li:before{content:'';position:absolute;width:9px;height:9px;background:#79b7ff;border-radius:50%;left:-5px;top:7px}.commerce-timeline time{display:block;color:#9fb0ca;font-size:11px}.commerce-timeline p{margin:4px 0;color:#e0e9f7;font-size:14px}.commerce-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:26px 0}.commerce-steps span{font-size:11px;color:#a4b4cc;border-top:3px solid #293b58;padding-top:9px}.commerce-steps span.done{border-color:#79b7ff;color:#eef5ff}.commerce-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.commerce-admin-grid .commerce-panel{padding:20px}.admin-order{border:1px solid var(--commerce-line);border-radius:12px;background:#101c30;margin:14px 0}.admin-order summary{padding:20px;cursor:pointer;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-order-content{padding:0 22px 24px;border-top:1px solid var(--commerce-line)}.admin-order address{font-style:normal;color:#bac9e2;white-space:pre-line;margin:15px 0;font-size:14px}.commerce-split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.commerce-page [hidden]{display:none!important}.commerce-link-button{border:0;background:transparent;color:#93c5ff;padding:0;cursor:pointer;font:inherit;text-decoration:underline}.commerce-page details p{font-size:14px}.commerce-page .form-row{display:flex;gap:10px;align-items:center}.commerce-page .form-row input{flex:1}.checkout-link{width:100%;box-sizing:border-box}.basket-bottom .payment-status{margin-bottom:12px}.commerce-cart-link{color:#22385e!important;font-size:12px;text-decoration:none}.commerce-steps,.commerce-panel{break-inside:avoid}@media(max-width:760px){.commerce-grid,.commerce-admin-grid,.commerce-split{grid-template-columns:1fr}.commerce-shell{margin-top:28px;padding:0 16px 40px}.commerce-panel{padding:21px}.commerce-header{padding:20px}.commerce-steps span{font-size:10px}}@media print{.commerce-header,.commerce-footer,.commerce-actions,#tracking-lookup,.commerce-button,.commerce-message{display:none!important}.commerce-page{background:#fff;color:#000}.commerce-panel{background:#fff;border-color:#ccc}.commerce-page p,.commerce-small{color:#333}.commerce-grid{display:block}.commerce-shell{margin:0;padding:0}.commerce-status{color:#222!important}}
[hidden]{display:none!important}
.commerce-page .commerce-header a,.commerce-page .commerce-footer a{color:#253b69}