.demo-shopping{width:min(480px,calc(100vw - 28px));max-height:90dvh;overflow:auto;border:1px solid #b2d5d9;border-radius:24px;padding:26px;background:#f5fbfc;color:#16374b;box-sizing:border-box}.demo-shopping::backdrop{background:#0e293d80}.demo-shopping h2{font:500 29px Georgia,serif;margin:18px 0}.demo-shopping>img{display:block;width:100%;height:220px;object-fit:contain;border-radius:12px;background:#e4f1f3}.demo-shopping p{font-size:14px;line-height:1.6}.demo-shopping dl>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0}.demo-shopping dd{font-weight:700;margin:0}.demo-close{float:right;border:0;background:none;font-size:24px;color:#17394c;min-width:36px;min-height:36px}.demo-marker{font-size:11px;color:#376d77}.demo-success{font-size:42px;color:#16858a}.demo-shopping a.primary-button{display:block;text-align:center;text-decoration:none}.demo-entry{margin-top:22px;padding-top:18px;border-top:1px solid #bad6db}.demo-entry p{font-size:13px}.demo-wallet-tools{background:#e8f5f5;border:1px solid #b7d7db;padding:18px;border-radius:18px;margin:18px 0}.demo-wallet-tools button{margin:6px 8px 6px 0}.demo-state-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.demo-state-controls button{font-size:12px;padding:7px 10px}.demo-wallet-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-radius:14px;background:#dff0ef;color:#254d5f;font-size:12px}.demo-wallet-banner a{color:inherit}.demo-crystals{display:flex;gap:8px;flex-wrap:wrap}.demo-crystals button[aria-pressed=true]{background:#126974;color:#fff}.demo-progress{width:100%;accent-color:#218c93;height:10px}.demo-wallet-banner{margin-bottom:28px;flex-wrap:wrap}.demo-wallet-banner>div{display:flex;gap:20px}.demo-wallet-banner button{font-size:12px;min-height:40px}.demo-wallet-tools{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:28px;background:linear-gradient(130deg,#e5f4f3,#f9fcfc);margin:0 0 20px}.demo-wallet-tools h2{font:500 28px Georgia,serif;margin:10px 0}.demo-wallet-tools p{max-width:560px;font-size:14px}.demo-wallet-tools .primary{display:inline-block;text-decoration:none;margin-top:8px}.demo-journey-steps{align-self:center;display:grid;gap:16px;border-left:1px solid #89c1c5;padding-left:24px;color:#285c69;font-size:14px}.demo-wallet-options{margin-bottom:24px}.demo-wallet-options p{font-size:14px}.demo-wallet-options small{font-size:12px}.demo-wallet-options .primary{margin-bottom:14px}.demo-wallet-options button:disabled{opacity:.4;cursor:default}.demo-crystals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.demo-crystals button{border:1px solid #c3dddf;border-radius:12px;min-height:66px;font-size:12px;display:grid;place-content:center;gap:3px;background:#f4fafa;color:#21576a}.demo-crystals button>span{font-size:23px;line-height:1}.demo-progress-label{margin-bottom:6px!important}.demo-progress{display:block;margin-bottom:8px}.demo-order{width:100%;min-width:0}.demo-order-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.demo-status{font-size:10px;border-radius:99px;padding:5px 9px;background:#e8f0f2;white-space:nowrap}.demo-status--pending{background:#fbefd6;color:#7c5c20}.demo-status--confirmed{background:#dcf1e8;color:#22644e}.demo-status--declined{background:#f4e5e5;color:#8b3c44}.demo-status--paid{background:#e1edf7;color:#325c7b}.demo-order>span{font-size:14px}.demo-order>small{font-size:11px;margin-top:5px}.demo-order-values{display:flex;gap:18px;margin:14px 0;font-size:12px}.demo-order-values span{display:grid;gap:3px}.demo-order-values b{font-size:17px}.demo-order details{font-size:12px;margin:12px 0}.demo-order summary{cursor:pointer;color:#1a6974;min-height:26px}.demo-order details p{font-size:12px}.demo-timeline{padding-left:16px;border-left:1px solid #9dc6ca;margin:12px 0}.demo-timeline li{border:0;padding:5px 0;display:block}.demo-timeline small{font-size:10px}.demo-state-controls button{border:1px solid #bad4d7;border-radius:8px;padding:9px 12px;background:#f2f9f9;min-height:38px}.demo-saved-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-saved-grid a{font-size:12px;text-decoration:none}.demo-saved-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;margin-bottom:6px}.demo-shopping{padding:24px;font-family:inherit;box-shadow:0 22px 90px #122f4450}.demo-shopping :is(button,a){touch-action:manipulation}.demo-shopping .demo-close{padding:0;line-height:36px}.demo-shopping h2{font-size:27px;line-height:1.15;margin:20px 0}.demo-shopping h3{font-size:17px;line-height:1.35;margin:5px 0}.demo-checkout-steps{list-style:none;display:flex;gap:10px;padding:0;margin:22px 0 0;justify-content:space-between;font-size:10px;color:#597983}.demo-checkout-steps li{padding:7px 0;border-bottom:2px solid #d5e5e8}.demo-checkout-steps li[aria-current]{color:#096e78;border-color:#209ca2}.demo-purchase-product{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.demo-purchase-product img{width:110px;height:105px;object-fit:cover;border-radius:12px}.demo-purchase-product span{font-size:12px;color:#387480}.demo-shopping dl{border-block:1px solid #cfdfdf;padding:8px 0;font-size:13px}.demo-shopping .primary-button{display:block;width:100%;border:0;border-radius:24px;background:#163d50;color:#fff;font-family:inherit;font-weight:600;font-size:14px;padding:14px 20px;cursor:pointer;text-align:center;text-decoration:none;box-sizing:border-box;min-height:46px}.demo-shopping .text-button{display:block;margin:10px auto;padding:10px 14px;border:0;background:transparent;color:#246272;font-size:13px;cursor:pointer}.demo-shopping .demo-terms{font-size:13px;margin-bottom:20px}.demo-shopping summary{cursor:pointer}.demo-checkout-customer{padding:14px;background:#e8f2f3;border-radius:12px;display:grid;gap:7px;font-size:12px}.demo-checkout-customer strong{font-size:15px}.demo-order-confirmation{display:grid;gap:10px;padding:20px;border:1px solid #abd1ca;border-radius:14px;background:#e7f4ef}.demo-order-confirmation span,.demo-order-confirmation small{font-size:12px}.demo-order-confirmation strong{font-size:21px;color:#1d6d62}.demo-purchase-message:empty{display:none}@media(max-width:650px){.demo-wallet-tools{grid-template-columns:1fr;padding:20px}.demo-journey-steps{display:none}.demo-wallet-banner{gap:0}.demo-wallet-options{grid-template-columns:1fr}.demo-shopping{padding:20px}.demo-shopping h2{font-size:25px}.demo-checkout-steps{font-size:9px;gap:5px}.demo-purchase-product{grid-template-columns:90px 1fr;gap:12px}.demo-purchase-product img{width:90px;height:90px}.demo-order-heading{flex-wrap:wrap}.demo-shopping{max-height:calc(100dvh - 28px)}}.demo-wallet-tools{margin-top:24px}
