.scene-stage.shop-stage,.scene-stage.business-stage{height:auto;min-height:320px;position:relative;overflow:hidden;background:#0c2b22;color:#e7ecdf}
.shop-header,.business-head{display:flex;justify-content:space-between;gap:10px;padding:17px 18px;align-items:center}.shop-header>span,.business-head>span{font-size:9px;letter-spacing:.12em;color:#adbdac}.shop-header small,.business-head small{font-size:11px}
.shop-film,.business-film{position:relative;background-size:cover;background-position:center;aspect-ratio:16/9;overflow:hidden}.shop-film{max-height:170px}.shop-film video,.business-film video{display:block;width:100%;height:100%;object-fit:cover}.business-film{min-height:160px}
.shop-browser{display:flex;gap:4px;align-items:center;background:#edf0e8;color:#5b7063;padding:9px 13px}.shop-browser i{width:4px;height:4px;border-radius:50%;background:#96aa9c}.shop-browser span{margin-left:8px;font-size:9px;letter-spacing:.03em}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;background:#edf0e8;min-height:240px}.shop-product{min-width:0;background:#fff;border:1px solid #d9e1d7;border-radius:7px;position:relative;padding:6px;transition:transform .5s ease,box-shadow .5s ease;box-shadow:0 2px 5px #183c2a08}.shop-grid.scattered .shop-product{transform:translateY(var(--offset)) rotate(var(--tilt));box-shadow:0 6px 12px #183c2a24}.shop-product-photo{height:62px;background-image:url('media/commerce/products.webp');background-size:300% 200%;background-repeat:no-repeat;border-radius:4px;background-color:white}.shop-product h4{font-size:10px!important;font-weight:550;line-height:1.3;margin:4px 0!important;letter-spacing:0!important;color:#183c2a;white-space:normal}.shop-product>small{position:absolute;top:8px;left:8px;color:#6c8476;font-size:8px}.shop-price{display:flex;justify-content:space-between;align-items:center;color:#355747;font-size:10px;gap:3px}.shop-price button{border:0;background:#204d3a;color:white;border-radius:50%;width:23px;height:23px;padding:0;font-size:16px}.shop-price button:disabled{opacity:.4}.shop-placeholder{border:1px dashed #9dad9e;background:transparent;border-radius:7px;color:#5e7869;font-size:23px;min-height:105px}
.shop-basket{padding:13px 16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;border-top:1px solid #55705c}.shop-basket strong{font-weight:500}.shop-basket>div{display:flex;flex-wrap:wrap;gap:5px;width:100%}.shop-basket>div:empty{display:none}.shop-basket button{border:1px solid #55705c;border-radius:14px;padding:4px 8px;font-size:9px;background:transparent;color:inherit}.shop-stage .shop-status{font-size:10px!important;line-height:1.4!important;color:#aebfae!important;margin:0!important;padding:0 16px 14px!important}
.shop-controls,.business-controls{background:#102f25}.shop-controls button,.business-controls button{border-radius:18px!important;font-size:10px!important}.shop-controls button:disabled{opacity:.4}.shop-controls [hidden]{display:none!important}
.business-flow-labels{position:absolute;inset:auto 0 12%;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font:9px monospace;letter-spacing:.05em;color:#e8e7d5}.business-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 14px 10px}.business-readouts>div{padding:10px 8px;background:#183b2e;border:1px solid #385747;border-radius:7px;min-width:0}.business-readouts>div.live{border-color:#c5aa76;background:#234c38}.business-readouts span,.business-readouts small{display:block;font-size:9px;color:#a6bba7}.business-readouts strong{display:block;font-size:clamp(13px,1.5vw,20px);font-weight:500;margin:6px 0;overflow-wrap:anywhere;color:#eeeada}.business-readouts small{color:#acd2a4}.business-detail{margin:0 14px 8px;padding:10px;border:1px solid #355542;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px}.business-detail svg{width:100%;height:75px;display:block}.business-detail:has(svg){display:block}.business-detail>span{color:#bdd1bd}.business-detail b{font-weight:500}.business-note{padding:0 14px 12px!important;margin:0!important;font-size:9px!important;color:#8eaa96!important}.invoice-lines{display:flex;flex-direction:column;gap:3px;flex:1;max-width:70px}.invoice-lines i{height:2px;background:#bdd0b3;transform-origin:left;transform:scaleX(.2);transition:transform .8s}.business-detail[data-phase="1"] .invoice-lines i,.business-detail[data-phase="2"] .invoice-lines i{transform:scaleX(1)}.invoice-lines i:nth-child(2){transition-delay:.15s}.invoice-lines i:nth-child(3){transition-delay:.3s}
@media(max-width:480px){.shop-grid{gap:6px;padding:10px}.shop-product{padding:4px}.shop-product-photo{height:52px}.shop-product h4{font-size:9px!important}.shop-film{max-height:130px}.business-readouts{padding:10px;gap:5px}.business-readouts>div{padding:8px 5px}.business-flow-labels{font-size:8px}}
@media(prefers-reduced-motion:reduce){.shop-product,.invoice-lines i{transition:none}}
.shop-product[data-product="0"] .shop-product-photo{background-size:300% 330%;background-position:0 32%!important}.shop-product[data-product="1"] .shop-product-photo{background-size:300% 300%;background-position:50% 28%!important}
.analytics-labels{position:absolute;inset:0;pointer-events:none}.analytics-labels span{position:absolute;inset:0 0 auto;height:25%;display:flex;align-items:center;padding:0 20px;background:#10352f;font-size:12px;color:#dcdcc3}.analytics-labels i{position:absolute;top:60%;left:0;right:0;height:8%;background:linear-gradient(#12372f,#12372f)}.analytics-labels b{position:absolute;bottom:0;left:0;right:0;height:18%;background:#10352f;display:flex;align-items:center;padding-left:20px;color:#a5bdaa;font-size:9px;font-weight:400}
.shop-film,.business-film{width:100%}
.shop-stage .shop-browser,.shop-stage .shop-grid{background:#c4cec1}
.shop-stage .shop-product{background:#dbe1d5}
.shop-stage .shop-product-photo{background-color:#c4cec1;mix-blend-mode:multiply}
.shop-stage .shop-film video{filter:brightness(.87) saturate(.85)}
.code-demo.code-protocol{height:100%;overflow:auto;scrollbar-width:thin;position:relative;font-size:11px;line-height:23px;scrollbar-color:#527360 #142d25}
.code-protocol>span{min-height:23px}
.protocol-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 70px}
.code-stream-film{grid-column:2;grid-row:1;overflow:hidden;background:#15392d center/cover;border-left:1px solid #42624d}
.code-stream-film video{width:100%;height:100%;object-fit:cover;opacity:.65}
.code-protocol{grid-column:1;grid-row:1;min-width:0}
.scene-stage.protocol-stage{height:auto;min-height:315px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;padding:16px 12px 30px;background:#122b24}
.protocol-monitor{min-width:0;border:5px solid #304d40;border-bottom-width:10px;border-radius:12px;position:relative;box-shadow:0 10px 16px #0003;background:#0c211a}
.protocol-monitor:after{content:"";position:absolute;bottom:-22px;left:35%;width:30%;height:12px;border-top:8px solid #344e40;border-bottom:3px solid #607668}
.monitor-label{display:block;padding:8px 9px;border-bottom:1px solid #344e40;font:8px/1.4 monospace;letter-spacing:.04em;color:#a9c1af}
.protocol-monitor .code-protocol{height:190px;font-size:9px;line-height:18px;padding:10px 7px}
.protocol-monitor .code-protocol>span{min-height:18px}.protocol-monitor .code-protocol i{width:23px}
.protocol-monitor .code-stream-film{width:100%;height:190px;aspect-ratio:16/9;border:0;background:#0b211a center/contain no-repeat;border-radius:0 0 4px 4px}
.protocol-monitor .code-stream-film video{width:100%;height:100%;object-fit:contain;opacity:1}
@media(max-width:600px){.scene-stage.protocol-stage{grid-template-columns:1fr;gap:30px}.protocol-monitor .code-protocol{height:200px;font-size:10px}.protocol-monitor .code-stream-film{height:auto;min-height:145px}.protocol-monitor .code-stream-film video{aspect-ratio:16/9;display:block}}