.stock-demo{width:100%;min-width:0;background:#fffef9;border:1px solid #d7e4cb;border-radius:18px;overflow:hidden;align-self:center;box-shadow:0 12px 35px #28472508}.stock-demo-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 20px 6px}.stock-demo-head>span{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.5px;font-weight:700;color:#577244}.stock-demo-head i{width:5px;height:5px;background:#7ed321;border-radius:50%;display:block}.stock-demo-play{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #d7e4cb;border-radius:50%;background:#f1f7e9;color:#3d5d31;font-size:14px;cursor:pointer}.stock-demo-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 20px;padding-bottom:12px;border-bottom:1px solid #e1ead9}.stock-demo-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;letter-spacing:.5px;color:#859477;border:1px solid transparent;background:none;padding:9px 4px;min-height:37px;border-radius:7px;cursor:pointer}.stock-demo-tabs button span{font-size:11px;font-weight:700;letter-spacing:0}.stock-demo-tabs button.active{background:#e8f4db;color:#365328;border-color:#d1e4bd}.stock-demo-content{position:relative;min-height:350px;height:auto;padding:0 22px;display:grid}.stock-demo-panel{height:auto;min-height:350px;grid-area:1 / 1;padding-bottom:12px}.stock-demo-panel[hidden]{display:none!important}.stock-storage-scene{position:relative;height:240px;margin:0 -12px}.stock-storage-scene canvas{display:block;width:100%;height:100%}.stock-example{position:absolute;top:12px;left:11px;font-size:8px;letter-spacing:.3px;color:#8b987e}.stock-price{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px;background:#f0f7e7;border:1px solid #deead2;border-radius:10px;padding:12px 18px}.stock-price>div+div{padding-left:18px;border-left:1px solid #d2e3bf}.stock-price span{display:block;font-size:7px;letter-spacing:1.2px;font-weight:700;color:#788b67;margin-bottom:4px}.stock-price strong{display:block;font-size:27px;line-height:1.1;letter-spacing:-.8px;color:#284a26;font-variant-numeric:tabular-nums}.stock-price-note{font-size:8px;line-height:1.5;text-align:right;margin:7px 0 0;color:#8a967d}.stock-demo-description{position:relative;padding:20px 22px 15px;border-top:1px solid #edf2e7}.stock-demo-description h3{font-size:21px;line-height:1.2;letter-spacing:-.5px;margin:0 0 9px}.stock-demo-description p{font-size:12px;line-height:1.7;color:#6c7e5c;margin:0;min-height:40px}.stock-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px 15px;font-size:8px;color:#92a087;line-height:1.6}.stock-demo-footer>span:last-child{white-space:nowrap;letter-spacing:1px;font-variant-numeric:tabular-nums}.stock-demo-progress{height:3px;background:#edf4e5}.stock-demo-progress>span{display:block;width:var(--stock-demo-progress,0%);height:100%;background:#7ed321}
.stock-booking{padding-top:20px}.stock-window-bar{display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid #e3eadc}.stock-window-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;background:#edf5e2;border-radius:9px;color:#55763a;font-size:21px;flex-shrink:0}.stock-window-bar strong{display:block;font-size:13px;line-height:1.4}.stock-window-bar small{display:block;font-size:9px;color:#93a087;margin-top:3px}.stock-booking-badge{margin-left:auto;font-size:9px;color:#52733b;background:#edf6df;border-radius:16px;padding:6px 9px;white-space:nowrap;font-variant-numeric:tabular-nums}.stock-booking-steps{list-style:none;margin:8px 0 0;padding:0}.stock-booking-steps li{display:flex;align-items:center;gap:12px;min-height:48px;position:relative}.booking-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;border:1px solid #d4dfcb;background:#fffef9;position:relative;color:#254726;font-size:11px;font-weight:700;transition:background .25s,border-color .25s}.stock-booking-steps li:not(:last-child):after{content:'';position:absolute;left:9px;top:34px;height:14px;width:1px;background:#e2eadb}.stock-booking-steps strong{font-size:11px;display:block;line-height:1.4;color:#8a987e;font-weight:500}.stock-booking-steps small{display:block;font-size:8px;line-height:1.5;color:#a5b09c;margin-top:1px}.booking-state{font-size:8px;color:#a0ad95;margin-left:auto;white-space:nowrap}.stock-booking-steps .done .booking-check{background:#7ed321;border-color:#7ed321}.stock-booking-steps .done strong{color:#355328;font-weight:700}.stock-booking-steps .done small{color:#869a75}.stock-booking-steps .done .booking-state{color:#527c32}.stock-booking-foot{display:flex;align-items:center;gap:7px;border-top:1px solid #e4ebde;padding-top:12px;margin-top:4px;font-size:8px;color:#7b8e6c}.stock-booking-foot b{margin-left:auto;font-size:8px;white-space:nowrap;color:#496a34}.booking-status-dot{height:5px;width:5px;background:#f5a623;border-radius:50%;flex:0 0 5px}
.stock-dashboard{padding-top:19px}.stock-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.stock-dashboard-top>strong{font-size:13px}.stock-dashboard-top>span{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:1px;color:#7e9470}.stock-dashboard-top i{width:4px;height:4px;background:#7ed321;border-radius:50%}.stock-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.stock-dashboard-metrics>div{background:#f1f6ea;border:1px solid #e1ead7;padding:9px 11px;border-radius:8px;min-width:0}.stock-dashboard-metrics span{font-size:8px;color:#8b9b7f;display:block;margin-bottom:3px}.stock-dashboard-metrics strong{font-size:23px;letter-spacing:-.5px;line-height:1.1;display:block;color:#355728}.stock-table-head,.stock-table-row{display:grid;grid-template-columns:1fr .65fr 1.1fr;gap:8px;align-items:center;padding:5px 9px;font-size:8px;min-height:23px}.stock-table-head{color:#99a78e;font-size:7px;border-bottom:1px solid #dfe8d5}.stock-table-row{color:#708461;border-bottom:1px solid #edf2e7;transition:background .35s}.stock-table-row>span:first-child{font-variant-numeric:tabular-nums}.stock-table-row>span:last-child{justify-self:end;background:#edf7e2;color:#62913c;padding:2px 6px;border-radius:9px;font-size:7px}.stock-table-row.is-highlight{background:#eaf4df}.stock-dashboard-activity{display:flex;align-items:center;gap:9px;padding:12px 0 0;min-height:42px}.stock-dashboard-activity>span:first-child{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #d7e6c8;border-radius:50%;background:#edf6e3;color:#6b944b;font-size:10px}.stock-demo .stock-dashboard-activity strong{display:block;font-size:9px;line-height:1.5;color:#557b3c}.stock-demo .stock-dashboard-activity small{display:block;font-size:8px;color:#a0ac96;line-height:1.5}
@media(max-width:1000px){.stock-demo-head{padding-left:16px;padding-right:16px}.stock-demo-head>span{font-size:7px;letter-spacing:1px}.stock-demo-tabs{margin-left:16px;margin-right:16px}.stock-demo-content{padding-left:17px;padding-right:17px}.stock-demo-description{padding-left:17px;padding-right:17px}.stock-demo-description h3{font-size:20px}.stock-demo-footer{padding-left:17px;padding-right:17px}.booking-state{font-size:7px}.stock-demo-tabs button{gap:5px}}
@media(max-width:760px){.stock-demo{border-radius:15px}.stock-demo-head{padding:13px 20px 5px}.stock-demo-head>span{font-size:8px}.stock-demo-play{width:44px;height:44px;flex-basis:44px}.stock-demo-tabs{margin-left:20px;margin-right:20px}.stock-demo-tabs button{min-height:44px}.stock-demo-tabs button span{font-size:11px}.stock-demo-content{padding:0 20px;height:auto;min-height:350px}.stock-storage-scene{height:240px}.stock-demo-description{padding:19px 20px 14px}.stock-demo-description h3{font-size:22px}.stock-demo-footer{padding-left:20px;padding-right:20px;font-size:7px}.stock-booking-steps li{gap:9px}.booking-state{font-size:7px}.stock-window-bar strong{font-size:12px}.stock-price span{font-size:7px;letter-spacing:.8px}.stock-price strong{font-size:27px}.stock-dashboard-metrics span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.stock-demo *{transition:none!important}.stock-demo-play{display:none}}