.commerce-shell{width:min(1120px,100% - 40px);color:var(--ink);margin:auto;padding:24px 0 64px}.commerce-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:44px;display:flex}.commerce-header nav{gap:22px;font-size:14px;display:flex}.commerce-steps{color:#75807d;gap:28px;margin-bottom:32px;padding:0;font-size:14px;list-style:none;display:flex}.commerce-steps .current{color:#715813;border-bottom:3px solid var(--yellow);padding-bottom:10px;font-weight:800}.commerce-shell h1{margin-bottom:12px;font-size:32px}.commerce-note{color:#6e7165;font-size:14px;line-height:1.7}.commerce-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:26px;margin-top:28px;display:grid}.commerce-items,.commerce-summary,.commerce-payment,.commerce-empty{background:#fff;border:1px solid #dfe4df;border-radius:20px;padding:24px}.commerce-items article{border-bottom:1px solid #e5e8e3;align-items:center;gap:18px;margin-bottom:24px;padding:16px 0 26px;display:flex}.commerce-product-icon{background:#fff0b0;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:54px;font-weight:800;display:grid}.commerce-product-icon.purple{color:#6552a4;background:#eee9fd}.commerce-item-info{flex:1}.commerce-item-info h2{margin:0;font-size:18px}.commerce-item-info p,.commerce-item-info span{color:#697871;font-size:14px}.commerce-item-controls{justify-items:end;gap:12px;display:grid}.commerce-item-controls label{align-items:center;gap:10px;font-size:14px;display:flex}.commerce-item-controls select{border:1px solid #d7ded9;border-radius:8px;padding:6px 12px}.commerce-item-controls button{color:#777;cursor:pointer;background:0 0;border:0;font-size:14px;text-decoration:underline}.commerce-summary h2{margin:0 0 26px;font-size:20px}.commerce-summary>div{justify-content:space-between;margin:18px 0;display:flex}.commerce-summary-total{border-top:1px solid #e4e8e3;padding-top:22px}.commerce-summary-total strong{font-size:24px}.commerce-primary{background:var(--yellow);color:#403817;text-align:center;cursor:pointer;border:0;border-radius:12px;margin-top:22px;padding:15px 18px;font-size:16px;font-weight:800;display:block}.commerce-primary:disabled{opacity:.5;cursor:not-allowed}.commerce-secondary{cursor:pointer;background:#fff;border:1px solid #d8dfda;border-radius:10px;padding:12px;font-size:14px}.commerce-consent{align-items:start;gap:10px;margin:20px 0;font-size:14px;line-height:1.7;display:flex}.commerce-consent input{accent-color:#a98013;min-width:18px;height:18px;margin-top:6px}.commerce-empty{text-align:center;margin-top:28px;padding:48px 24px}.commerce-empty .commerce-primary{max-width:260px;margin:24px auto 0}.commerce-payment{justify-content:space-between;gap:40px;margin-top:26px;line-height:1.8;display:flex}.commerce-payment>div{min-width:0;max-width:640px}.commerce-payment img{object-fit:contain;align-self:start;max-width:100%;height:auto}.commerce-order-id{overflow-wrap:anywhere;color:#63736b;font-size:14px}.commerce-total{margin:22px 0;font-size:32px;display:block}.commerce-badge{background:#fff3c5;border-radius:6px;padding:6px 10px;font-size:14px}.commerce-message{background:#fff4ce;border-radius:10px;padding:14px;font-size:14px;line-height:1.6}:is(.commerce-shell a:focus-visible,.commerce-shell button:focus-visible,.commerce-shell input:focus-visible,.commerce-shell select:focus-visible){outline-offset:3px;outline:3px solid #b09c4b}@media (max-width:760px){.commerce-grid{grid-template-columns:1fr}.commerce-header{align-items:start;margin-bottom:28px}.commerce-header nav{flex-wrap:wrap;justify-content:end;gap:12px}.commerce-steps{justify-content:space-between;gap:16px;font-size:13px}.commerce-items{padding:16px}.commerce-items article{flex-wrap:wrap;gap:12px}.commerce-item-info{min-width:170px}.commerce-item-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.commerce-payment{flex-direction:column}.commerce-payment img{align-self:center}.commerce-shell h1{font-size:28px}}.commerce-payment-items{border-top:1px solid #e1e6df;margin:22px 0;padding:0;list-style:none}.commerce-payment-items li{border-bottom:1px solid #e1e6df;justify-content:space-between;gap:20px;padding:14px 0;font-size:14px;display:flex}.commerce-methods{border:0;gap:9px;margin:16px 0 4px;padding:0;display:grid}.commerce-methods legend{color:#52615c;margin-bottom:8px;font-size:13px;font-weight:800}.commerce-methods label{cursor:pointer;background:#fff;border:1px solid #dfe5e0;border-radius:13px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.commerce-methods label.active{border-color:#d9b83e;box-shadow:0 0 0 3px #f5d66b40}.commerce-methods input{accent-color:#c99f1f;margin-top:3px}.commerce-methods span{gap:3px;display:grid}.commerce-methods strong{font-size:14px}.commerce-methods small{color:#6c7872;font-size:12px;line-height:1.5}.commerce-pay-info{background:#fffbea;border:1px solid #ead58c;border-radius:16px;margin:12px 0;padding:16px 18px}.commerce-pay-info dl{grid-template-columns:auto 1fr;gap:8px 16px;margin:12px 0 0;display:grid}.commerce-pay-info dt{color:#6c7872;font-size:13px}.commerce-pay-info dd{margin:0;font-weight:800}.commerce-code{letter-spacing:.5px;white-space:pre-line;word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:18px}.commerce-licenses ul{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.commerce-licenses li{background:#fff;border:1px solid #e1e6df;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:11px 13px;display:flex}.commerce-licenses code{letter-spacing:.5px;font-family:ui-monospace,Consolas,monospace;font-size:16px;font-weight:800}.commerce-period-note{color:#2f5d4c;background:#eef7f3;border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:.88rem;line-height:1.6}.commerce-qty-hint{color:#667570;margin:2px 0 12px;font-size:.84rem;line-height:1.6}.commerce-summary>.commerce-referral{background:#fff8dc;border:2px solid #e2b93b;border-radius:14px;justify-content:stretch;gap:8px;margin:18px 0 8px;padding:14px;display:grid;box-shadow:0 0 0 3px #f5d66b38}.commerce-referral-title{color:#6b4e00;font-size:1.02rem}.commerce-referral p{color:#4a4636;margin:0;font-size:.9rem;line-height:1.65}.commerce-referral b{color:#8a5a00}.commerce-referral label{color:#4a3a00;gap:6px;font-size:.92rem;font-weight:800;display:grid}.commerce-referral input{box-sizing:border-box;color:#1f2a24;width:100%;font:inherit;letter-spacing:.5px;background:#fff;border:2px solid #d9b83e;border-radius:10px;padding:11px 12px;font-family:ui-monospace,Consolas,monospace}.commerce-referral input:focus{border-color:#b98a00}.commerce-referral small{color:#7a6a3a;font-size:.82rem;line-height:1.6}html[data-theme=dark] .commerce-summary>.commerce-referral{background:#2a2410;border-color:#9a7a1c;box-shadow:0 0 0 3px #c99f1f2e}html[data-theme=dark] .commerce-referral input{color:#f3efe0;background:#161616;border-color:#9a7a1c}.commerce-message-inline{margin:12px 0 0}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] .commerce-steps{color:#a8afad}html[data-theme=dark] .commerce-steps .current{color:#ecdcb1;border-bottom:3px solid #463d1b}html[data-theme=dark] .commerce-note{color:#b7b9b1}html[data-theme=dark] .commerce-items,html[data-theme=dark] .commerce-summary,html[data-theme=dark] .commerce-payment,html[data-theme=dark] .commerce-empty{background:#161616;border:1px solid #1e221e}html[data-theme=dark] .commerce-items article{border-bottom:1px solid #1e211c}html[data-theme=dark] .commerce-product-icon{background:#332d13}html[data-theme=dark] .commerce-product-icon.purple{color:#9e93c3;background:#140e25}html[data-theme=dark] .commerce-item-info p,html[data-theme=dark] .commerce-item-info span{color:#adb6b2}html[data-theme=dark] .commerce-item-controls select{border:1px solid #202521}html[data-theme=dark] .commerce-item-controls button{color:#aeaeae}html[data-theme=dark] .commerce-summary-total{border-top:1px solid #1d211c}html[data-theme=dark] .commerce-primary{color:#eae5cf;background:#463d1b}html[data-theme=dark] .commerce-secondary{background:#161616;border:1px solid #1f2421}html[data-theme=dark] .commerce-order-id{color:#b0bab5}html[data-theme=dark] .commerce-badge{background:#2e2811}html[data-theme=dark] .commerce-message{background:#2c2511}:is(html[data-theme=dark] .commerce-shell a:focus-visible,html[data-theme=dark] .commerce-shell button:focus-visible,html[data-theme=dark] .commerce-shell input:focus-visible,html[data-theme=dark] .commerce-shell select:focus-visible){outline:3px solid #c7bb8c}html[data-theme=dark] .commerce-payment-items{border-top:1px solid #1e221c}html[data-theme=dark] .commerce-payment-items li{border-bottom:1px solid #1e221c}html[data-theme=dark] .commerce-methods legend{color:#bbc4c1}html[data-theme=dark] .commerce-methods label{background:#161616;border:1px solid #1d221e}html[data-theme=dark] .commerce-methods label.active{border-color:#584d22;box-shadow:0 0 0 3px #463d1b40}html[data-theme=dark] .commerce-methods small{color:#adb4b1}html[data-theme=dark] .commerce-pay-info{background:#25200e;border:1px solid #413819}html[data-theme=dark] .commerce-pay-info dt{color:#adb4b1}html[data-theme=dark] .commerce-licenses li{background:#161616;border:1px solid #1e221c}html[data-theme=dark] .commerce-period-note{color:#bedad0;background:#13211b}html[data-theme=dark] .commerce-qty-hint{color:#afb8b5}html[data-theme=dark] .commerce-summary>.commerce-referral{background:#28230f;border:2px solid #574a21;box-shadow:0 0 0 3px #463d1b38}html[data-theme=dark] .commerce-referral-title{color:#f9e6b3}html[data-theme=dark] .commerce-referral p{color:#d6d3c9}html[data-theme=dark] .commerce-referral b{color:#f7daa2}html[data-theme=dark] .commerce-referral label{color:#faefc6}html[data-theme=dark] .commerce-referral input{color:#dde5e0;background:#161616;border:2px solid #584d22}html[data-theme=dark] .commerce-referral small{color:#d3c9ac}html[data-theme=dark][data-theme=dark] .commerce-summary>.commerce-referral{box-shadow:0 0 0 3px #c99f1f2e}