.commerce-view{height:100dvh;min-height:440px;display:flex;flex-direction:column;background:#fffbf5;color:#1a1a2e;font-family:Inter,system-ui,sans-serif}.commerce-toolbar{display:flex;justify-content:space-between;gap:14px;padding:14px 20px;align-items:center;background:#1a1a2e;color:#fff}.commerce-toolbar small{display:block;font-size:9px;letter-spacing:1.4px;color:#f4945e;margin-bottom:4px}.commerce-toolbar strong{font-size:18px}.commerce-modes{display:flex;gap:4px;background:#ffffff12;border-radius:24px;padding:4px}.commerce-modes button{border:0;background:transparent;color:#eee;padding:8px 13px;border-radius:20px;cursor:pointer;font-size:12px}.commerce-modes button.active{background:#e86a33;color:#fff}.commerce-scene{position:relative;flex:1;min-height:340px;overflow:hidden}.commerce-scene .street-panorama,.commerce-scene .street-surround{height:100%;min-height:340px}.commerce-status{position:absolute;z-index:12;left:16px;right:16px;bottom:38px;background:#fff9ef;color:#302a27;border:1px solid #e8d8c6;border-radius:12px;padding:11px 15px;font-size:12px;box-shadow:0 2px 15px #0001;pointer-events:auto}.commerce-status button{color:#b44419;text-decoration:underline}.commerce-caption{font-size:10px;padding:8px 16px;text-align:center;background:#fffaf4;color:#685e57}.commerce-selection{position:absolute;z-index:20;right:20px;bottom:55px;width:min(340px,calc(100% - 40px));padding:22px;background:#fffbf5;color:#1a1a2e;border-radius:20px;box-shadow:0 8px 40px #0003}.commerce-selection>button{float:right;font-size:24px}.commerce-selection h2{font-size:22px;margin:8px 0}.commerce-selection p{font-size:14px;line-height:1.5}.commerce-selection a{display:inline-block;background:#e86a33;color:#fff;padding:12px 18px;border-radius:24px;margin-top:14px}.commerce-scene .world-toolbar{top:6px}.commerce-view a:focus-visible,.commerce-view button:focus-visible{outline:3px solid #e86a33;outline-offset:3px}@media(max-width:480px){.commerce-toolbar{padding:12px;gap:7px}.commerce-toolbar strong{font-size:16px}.commerce-toolbar small{font-size:8px}.commerce-modes button{font-size:11px;padding:7px 9px}.commerce-caption{font-size:9px}}.commerce-view .street-state,.commerce-view .street-state h2{color:#fff}
