.demo-trade-launcher{display:flex;justify-content:center;align-items:center;gap:12px;padding:8px 12px;background:#102117;color:#e6cf94;border-bottom:1px solid #66542c;font:12px/1.5 system-ui}.demo-trade-launcher>div{display:flex;gap:7px}.demo-trade-launcher button{min-height:40px;padding:6px 15px;border:1px solid #9c8149;border-radius:6px;color:#f5dfa8;background:#1e3022;font:inherit;cursor:pointer}.demo-trade-dialog{box-sizing:border-box;width:min(650px,calc(100% - 24px));max-height:91dvh;margin:auto;padding:0;border:1px solid #b29552;border-radius:16px;color:#ecdfbd;background:#0e1d15;box-shadow:0 30px 100px #000b;font:14px/1.65 system-ui}.demo-trade-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.demo-trade-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px;background:#15291d;border-bottom:1px solid #63512a}.demo-trade-dialog h2{margin:5px 0 0;color:#f1dc9e;font:600 20px/1.4 serif}.demo-trade-badge{font-size:10px;letter-spacing:.1em;color:#d6bb79}.demo-trade-notice{margin:0;padding:10px 20px;background:#243021;color:#e6cb8e;font-size:12px}.demo-trade-content{max-height:calc(91dvh - 175px);overflow:auto;padding:20px;overscroll-behavior:contain}.demo-trade-content h3{font:500 26px/1.4 serif;color:#f0dc9d;margin:5px 0 12px}.demo-trade-content h4{color:#e0c68b;margin:24px 0 12px}.demo-trade-content p{color:#c5c5af}.demo-trade-eyebrow{letter-spacing:.15em;font-size:10px!important;color:#b99c5b!important}.demo-trade-button{min-height:44px;padding:10px 15px;border:1px solid #8e7747;border-radius:8px;background:#192d20;color:#f1ddb0;font:inherit;cursor:pointer}.demo-trade-button.is-primary{background:linear-gradient(120deg,#a77832,#e6c478,#aa7d39);color:#161b10;border-color:#dfbc72;font-weight:700}.demo-trade-button:disabled{opacity:.5}.demo-trade-shortcuts,.demo-trade-content footer{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.demo-trade-content footer .is-primary{flex:1}.demo-trade-steps{display:flex;list-style:none;margin:0 0 20px;padding:0;gap:7px}.demo-trade-steps li{flex:1;padding:6px 3px;text-align:center;border-bottom:2px solid #3c503c;font-size:12px;color:#9cae9c}.demo-trade-steps li[aria-current]{border-color:#dfb55c;color:#f1d48d}.demo-trade-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.demo-trade-metrics>div{padding:12px 8px;background:#1a2e20;border:1px solid #405239;border-radius:8px;text-align:center}.demo-trade-metrics small{display:block;color:#b7bca2;font-size:10px}.demo-trade-metrics b{display:block;margin-top:5px;font-size:17px;font-variant-numeric:tabular-nums}.demo-trade-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.demo-trade-item{padding:13px;background:#14271b;border:1px solid #4a5c3d;border-radius:9px;overflow-wrap:anywhere}.demo-trade-item>div:first-child{display:flex;align-items:center;gap:9px;justify-content:space-between}.demo-item-state{font-size:10px;color:#c9b36d}.demo-trade-item>small{display:block;color:#9dac93;margin-top:7px;font-size:10px}.demo-item-actions{display:flex;gap:6px;margin-top:13px}.demo-item-actions button{font-size:11px;padding:7px;flex:1}.demo-trade-history{margin:0;padding:0;list-style:none}.demo-trade-history li{padding:13px 0;border-bottom:1px solid #3c4b31;overflow-wrap:anywhere}.demo-trade-history li>div{display:flex;justify-content:space-between;gap:10px}.demo-trade-history span{font-size:11px;color:#c2a760}.demo-trade-history small{color:#aeb8a0;font-size:11px}.demo-trade-empty{padding:18px;background:#172a1c;border-radius:8px}.demo-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-product-grid label{position:relative;cursor:pointer}.demo-product-grid input{position:absolute;top:12px;left:12px;accent-color:#dab46c}.demo-product-grid span{display:flex;flex-direction:column;gap:12px;padding:38px 16px 20px;border:1px solid #506344;border-radius:10px;background:#142a1b}.demo-product-grid input:checked+span{border-color:#dfbe76;background:#2a3620;box-shadow:0 0 0 1px #dfbe76}.demo-product-grid strong{font-size:23px;color:#f3d694}.demo-product-grid small{font-size:11px;color:#adb7a0}.demo-trade-field{display:grid;gap:8px;margin:18px 0;color:#ddc792}.demo-trade-field select{box-sizing:border-box;width:100%;min-height:48px;padding:10px;background:#15291c;border:1px solid #71815a;border-radius:7px;color:#f5e8c5;font:16px system-ui}.demo-trade-summary{margin:10px 0 22px;overflow-wrap:anywhere}.demo-trade-summary>div{display:grid;grid-template-columns:125px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid #3c5035}.demo-trade-summary dt{color:#b5ba9e;font-size:12px}.demo-trade-summary dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.demo-trade-caption{font-size:12px;color:#acb69d!important}.demo-trade-success{text-align:center;padding:12px 0 18px}.demo-trade-success>span{display:inline-grid;place-items:center;width:54px;height:54px;border:1px solid #b8a16a;border-radius:50%;color:#ecd18c;font-size:30px;margin-bottom:14px}.demo-trade-success h3{font-size:22px}.demo-trade-error{margin:0;padding:0 20px 12px;font-size:12px;color:#ffb3a8}.demo-trade-error:empty{padding-bottom:0}@media(max-width:450px){.demo-trade-launcher{flex-direction:column;gap:4px;padding:7px}.demo-trade-launcher button{padding:6px 18px;min-height:40px}.demo-trade-content{padding:15px}.demo-trade-dialog>header{padding:14px 15px}.demo-trade-dialog h2{font-size:18px}.demo-trade-notice{padding:9px 15px;font-size:11px}.demo-trade-summary>div{grid-template-columns:96px minmax(0,1fr);gap:8px}.demo-trade-items{grid-template-columns:1fr}.demo-trade-metrics b{font-size:15px}.demo-product-grid{gap:8px}.demo-product-grid span{padding:36px 12px 15px}.demo-product-grid strong{font-size:21px}}

.demo-flow-note,.demo-checkout-card{padding:18px;border:1px solid #615332;border-radius:12px;background:linear-gradient(135deg,#17291d,#0b1811);color:#d7d4bc;margin:18px 0}.demo-checkout-card h4:first-child{margin-top:0}.demo-consent{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#213323;border-radius:9px;margin:20px 0;cursor:pointer}.demo-consent input{min-width:20px;width:20px;height:20px;margin:3px 0;accent-color:#d6b56b}.demo-trade-content .primary-action,.demo-trade-content .secondary-action{margin-top:0}.demo-trade-dialog{font-family:inherit}.demo-product-grid span{min-width:0}.demo-product-grid b{font-family:serif;font-size:20px}.demo-trade-launcher>div{flex-wrap:wrap;justify-content:center}@media(max-width:450px){.demo-product-grid{grid-template-columns:1fr}.demo-product-grid span{padding-top:30px;gap:8px}.demo-trade-content footer>button{flex:1;min-width:120px}.demo-trade-steps li{font-size:11px}.demo-checkout-card{padding:14px}.demo-trade-summary dd{overflow-wrap:anywhere}}

.demo-trade-field input{box-sizing:border-box;width:100%;min-height:48px;padding:10px;background:#15291c;border:1px solid #71815a;border-radius:7px;color:#f5e8c5;font:16px system-ui}

/* A single block scroll container avoids the auto-height flex body collapsing
   in iPhone Safari. All content, including final actions, stays in normal flow. */
.demo-trade-dialog{width:min(650px,calc(100vw - 24px));max-width:calc(100vw - 24px);height:auto;max-height:calc(100vh - 32px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-top:100px}
@supports(height:100dvh){.demo-trade-dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}}
.demo-trade-dialog[open]{display:block}
.demo-trade-dialog>header{position:sticky;top:0;z-index:2}
.demo-trade-dialog>header>div{flex:1;min-width:0}
.demo-trade-dialog>header>.demo-trade-button{width:auto;flex:0 0 auto;min-width:64px;padding:9px 14px;margin:0}
.demo-trade-badge{font-size:9px;letter-spacing:.06em}
.demo-trade-content{display:block;flex:none;min-height:0;max-height:none;overflow:visible}
.demo-trade-dialog h2{font-size:20px}