.live-hero.hero-visual{margin-top:45px;width:min(1160px,100%)}.live-demo-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:11px;color:#b3c4db}.live-demo-caption>span:first-child{display:flex;gap:9px;align-items:center;color:var(--cream)}.live-demo-caption i{width:7px;height:7px;border-radius:50%;background:#a0cdb4;box-shadow:0 0 14px #80b49c}.live-hero .hero-demo-wrap{position:relative;border-radius:20px;border:1px solid #b2c5de40;box-shadow:0 30px 90px #0005;padding:7px;background:#21345160;transform:none}.live-hero .hero-demo-wrap .live-app{height:620px}.live-demo-invite{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5px;font-size:11px;color:#9fb5d0}.live-demo-invite button{border:1px solid #d5c59e65;background:#cfbb9120;color:var(--cream);border-radius:25px;padding:10px 18px;cursor:pointer;font:inherit;font-size:11px}.live-app{container-type:inline-size}.sandbox-screen{text-align:right}.sandbox-sale{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:17px;direction:ltr}.sandbox-sale>div{direction:rtl}.sandbox-search{display:block;font-size:10px;color:#99aec7;margin-bottom:14px}.sandbox-search input{display:block;width:100%;margin-top:7px;padding:11px 13px;border:1px solid #a3bad536;background:#0d1a2d;border-radius:9px;font:inherit;font-size:12px;color:#edf2f9;outline:none}.sandbox-search input:focus{border-color:#d5c39a}.sandbox-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sandbox-product{display:flex;flex-direction:column;align-items:stretch;text-align:right;gap:7px;position:relative;padding:12px;border-radius:13px;border:1px solid #9ab3d32c;background:linear-gradient(145deg,#233c60,#14253e);font:inherit;color:#e3edf9;cursor:pointer;transition:border-color .2s,background .2s}.sandbox-product[hidden]{display:none}.sandbox-product:hover{border-color:#cfbd9180;background:linear-gradient(145deg,#2d4666,#193151)}.sandbox-product:disabled{opacity:.5;cursor:default}.sandbox-product-art{display:flex;align-items:center;justify-content:space-between;height:54px;color:#c8bd9f}.sandbox-product-art svg{width:45px;height:45px}.sandbox-product-art small{font-size:8px;color:#a1b8d1}.sandbox-product b{font-size:12px}.sandbox-product>small{font-size:9px;color:#9fb4ce;line-height:1.6}.sandbox-product>span:not(.sandbox-product-art){font-size:11px;color:var(--cream)}.sandbox-product>i{font-size:9px;font-style:normal;color:#a6cdb9;padding-top:4px}.sandbox-cart{background:#0c192b;padding:16px;border:1px solid #a3bad52c;border-radius:13px;align-self:start}.sandbox-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.sandbox-fields label{display:block;font-size:9px;color:#9db2ca}.sandbox-fields select{display:block;width:100%;padding:9px 7px;border-radius:8px;border:1px solid #9ab4d52d;background:#172a43;color:#e7eff9;font:inherit;font-size:11px;margin-top:6px}.sandbox-cart-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #b5c5db22}.sandbox-cart-title b{font-size:12px}.sandbox-cart-title>span{font-size:9px;color:#a5bad2}.sandbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:26px 10px;color:#8fa7c5;min-height:150px}.sandbox-empty svg{width:38px;height:38px;opacity:.6}.sandbox-empty b{font-size:12px;font-weight:600}.sandbox-empty>span{font-size:10px}.sandbox-empty.large{min-height:245px;border:1px dashed #adc0da30;border-radius:14px}.sandbox-cart-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 0;border-bottom:1px solid #abc0d51c}.sandbox-cart-row b{font-size:11px}.sandbox-cart-row small{display:block;font-size:9px;color:#afc1da;margin-top:7px}.quantity-controls{display:flex;align-items:center;gap:7px;direction:ltr}.quantity-controls button{border:1px solid #adc2db30;border-radius:7px;color:#e9f0f9;background:#253a58;font:inherit;width:25px;height:27px;cursor:pointer;font-size:13px}.quantity-controls span{font-size:11px;min-width:14px;text-align:center}.quantity-controls button:disabled{opacity:.4}.sandbox-total{display:flex;align-items:center;justify-content:space-between;margin:18px 0 14px;gap:7px}.sandbox-total small{font-size:10px;color:#9fb3cf}.sandbox-total b{font-size:16px;color:var(--cream)}.sandbox-submit{display:block;width:100%;border:1px solid #ead5a959;border-radius:10px;padding:12px;background:linear-gradient(125deg,#dfceab,#c6b584);color:#13223a;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.sandbox-submit:disabled{background:#263954;border-color:#9dafc324;color:#91a3bc;cursor:default}.sandbox-footnote{display:block;font-size:9px;color:#8199b9;line-height:1.9;margin:12px 0 0}.sandbox-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.sandbox-stats>div{border:1px solid #9bb4d32c;border-radius:12px;padding:16px 12px;background:#1c2f4c}.sandbox-stats small{display:block;color:#94adcc;font-size:10px}.sandbox-stats b{display:block;color:#dfcc9f;font-size:18px;margin-top:10px;line-height:1.8}.sandbox-orders{display:grid;gap:10px}.sandbox-order{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid #b5c8df24;background:#15263e;border-radius:12px;padding:16px}.sandbox-order>div b{font-size:12px}.sandbox-order small{display:block;margin-top:7px;color:#96adc8;font-size:10px}.sandbox-order p{font-size:11px;color:#b8c9df;flex:1;min-width:170px;line-height:1.8}.sandbox-order strong{font-size:13px;color:var(--cream)}.sandbox-order button{border:1px solid #a7c4b750;border-radius:9px;background:#a8d0b518;color:#acdbc0;font:inherit;font-size:10px;padding:9px 12px;cursor:pointer}.sandbox-stock-list{display:grid;gap:9px}.sandbox-stock{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid #b8c8dc27;border-radius:12px;background:#162841}.stock-art{width:42px;height:42px;flex:none;color:#c5ba9c}.stock-art svg{width:100%;height:100%}.sandbox-stock>div{min-width:110px}.sandbox-stock b{font-size:12px}.sandbox-stock small{display:block;font-size:9px;color:#9ab2cf;margin-top:5px}.sandbox-stock strong{font-size:10px;color:var(--cream);display:block;margin-top:6px}.sandbox-stock dl{display:flex;gap:25px;margin:0;margin-inline-start:auto;text-align:center}.sandbox-stock dt{font-size:9px;color:#9ab2cf}.sandbox-stock dd{font-size:16px;margin:7px 0 0}.sandbox-stock dl>div:last-child dd{color:var(--cream)}.sandbox-channels{display:grid;gap:24px;padding:20px 0 5px}.sandbox-channels>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px}.sandbox-channels b{font-size:12px;color:var(--cream)}.sandbox-channel-bar{width:100%;height:6px;border-radius:8px;background:#2a3e5c;overflow:hidden}.sandbox-channel-bar i{display:block;height:100%;background:linear-gradient(90deg,#839fc7,#d4c39c);border-radius:8px;transition:width .4s}.demo-notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);z-index:300;background:#1d364f;border:1px solid #a2c4b864;box-shadow:0 15px 50px #0005;border-radius:13px;padding:15px 22px;color:#d2eadd;font-size:12px;max-width:90vw;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.demo-notice.visible{opacity:1;transform:translate(-50%,0)}.live-mobile-stage{height:680px;justify-content:center}.mobile-live-frame{width:390px;max-width:100%;padding:7px;background:#22344c;border:1px solid #b0c6df55;border-radius:29px;box-shadow:0 25px 75px #0005;overflow:hidden}.mobile-live-frame>.phone-cap{background:#22344c;font-size:10px;padding:11px}.mobile-live-app{position:relative;height:580px!important;display:block!important;border-radius:20px!important}.mobile-live-app .app-main{height:100%;padding:0}.mobile-live-app .app-top{height:42px;font-size:11px}.mobile-live-app .app-view{inset:42px 0 59px;padding:13px}.mobile-live-app .app-side{position:absolute!important;inset:auto 0 0;width:100%;height:59px;padding:8px;background:#101d32;border-top:1px solid #a9bfd12c}.mobile-live-app .app-brand,.mobile-live-app .app-online{display:none}.mobile-live-app .app-menu{display:flex;overflow:auto;gap:6px;flex-direction:row;margin:0}.mobile-live-app .app-menu button{flex:none;font-size:10px;padding:9px 10px;white-space:nowrap}.sandbox-product:focus-visible,.sandbox-submit:focus-visible,.sandbox-order button:focus-visible,.quantity-controls button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
@container(max-width:650px){.sandbox-sale{display:flex;flex-direction:column;gap:16px}.sandbox-catalog,.sandbox-cart{width:100%}.sandbox-products{grid-template-columns:repeat(2,minmax(0,1fr))}.sandbox-product{padding:11px}.sandbox-product-art{height:40px}.sandbox-product-art svg{width:36px;height:36px}.sandbox-product b{font-size:12px}.sandbox-product>small{font-size:10px}.sandbox-product>span:not(.sandbox-product-art){font-size:12px}.sandbox-product>i{font-size:10px}.sandbox-cart{padding:14px}.sandbox-stats{gap:6px}.sandbox-stats>div{padding:11px 8px}.sandbox-stats small{font-size:8px}.sandbox-stats b{font-size:12px;line-height:1.7}.sandbox-stock{padding:12px;gap:9px;flex-wrap:wrap}.sandbox-stock dl{width:100%;justify-content:space-around;margin-top:9px}.sandbox-stock>div{flex:1}.sandbox-stock dd{font-size:15px}.sandbox-order{gap:10px;padding:14px}.sandbox-order p{flex-basis:100%;margin:0}.sandbox-order strong{font-size:12px}.sandbox-order button{font-size:10px}.sandbox-screen .s-head h3{font-size:17px}.sandbox-screen .s-head p{font-size:10px}.sandbox-screen .s-action{font-size:10px;padding:9px}.sandbox-channels>div{font-size:11px}}
@media(max-width:720px){.live-hero.hero-visual{margin-top:32px}.live-demo-caption{font-size:9px;gap:8px;align-items:flex-start;line-height:1.8}.live-demo-caption>span:last-child{font-size:8px}.live-hero .hero-demo-wrap{padding:4px;border-radius:17px}.live-hero .hero-demo-wrap .live-app{height:600px}.live-hero .hero-demo-wrap .app-view{padding:13px}.live-demo-invite{flex-direction:column;gap:12px;text-align:center;font-size:10px;padding:18px 8px}.live-demo-invite button{font-size:10px}.live-mobile-stage{height:680px;padding:0}.mobile-live-frame{width:100%}.demo-notice{font-size:10px;line-height:2;padding:12px 16px;width:90vw}.live-hero .app-menu button{font-size:10px!important}.sandbox-product:active{background:#33486a}}
.sandbox-cart-jump{display:none}.sandbox-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.sandbox-shortcuts button{display:block;text-align:right;position:relative;padding:18px 14px;border:1px solid #a5bbd330;background:#1a2d49;border-radius:12px;color:#e2ebf8;font:inherit;cursor:pointer}.sandbox-shortcuts b{font-size:12px;display:block}.sandbox-shortcuts small{font-size:9px;color:#9db4d1;display:block;margin-top:8px}.sandbox-shortcuts i{position:absolute;left:12px;top:16px;font-style:normal;color:var(--cream);font-size:18px}@container(max-width:650px){.sandbox-cart-jump{display:flex;position:sticky;top:0;align-items:center;justify-content:space-between;gap:8px;width:100%;z-index:2;padding:12px;border:1px solid #d8c59c44;background:#21364ff5;backdrop-filter:blur(12px);border-radius:10px;color:#f2e5c8;font:inherit;font-size:10px;margin:0 0 14px;cursor:pointer}.sandbox-cart-jump span{font-size:9px}.sandbox-shortcuts{gap:6px;margin:13px 0}.sandbox-shortcuts button{padding:12px 8px}.sandbox-shortcuts b{font-size:10px}.sandbox-shortcuts small{font-size:8px}.sandbox-shortcuts i{display:none}}