.demo{color:#1a1a1a;min-height:100dvh;padding-bottom:calc(env(safe-area-inset-bottom) + 6.5rem);background:#fff}.demo-banner{z-index:5;padding:calc(env(safe-area-inset-top) + .7rem) var(--pd-x,1rem) .7rem;color:#b5410c;background:#fff1e8;align-items:center;gap:.5rem;font-size:.92rem;line-height:1.35;display:flex;position:sticky;top:0}.demo-banner__link{font:inherit;color:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.demo-banner--active{color:#8a5a00;background:#fff7e0}.demo-banner--done{color:#17723f;background:#e9f8ef}.demo__header{padding:.6rem var(--pd-x,1rem) .7rem;border-bottom:3px solid;border-image:linear-gradient(90deg,#ef1c25,#7a2a8c,#0a7be0) 1}.demo__bar{align-items:center;gap:.75rem;display:flex}.demo__blue{color:#0a7be0;flex:none}.demo__logo{width:auto;height:30px;display:block}.demo__spacer{flex:1}.demo__search{color:#8b8f99;border:1.5px solid #0a7be0;border-radius:999px;justify-content:space-between;align-items:center;margin-top:.6rem;padding:.55rem .9rem;font-size:1rem;display:flex}.demo__main{max-width:560px;padding:0 var(--pd-x,1rem);margin:0 auto}.demo__crumbs{color:#5d6068;align-items:center;gap:.7rem;padding:.7rem 0;font-size:.85rem;display:flex}.demo__back{color:#1a1a1a;border-radius:8px;padding:.35rem .6rem;box-shadow:0 1px 5px #00000024}.demo__gallery{margin:0;position:relative}.demo__gallery img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.demo__tag{color:#fff;background:#ef2b12;border-radius:4px;padding:.3rem .55rem;font-size:.8rem;font-weight:600;position:absolute;top:0;left:0}.demo__title{margin:.8rem 0 0;font-size:1.1rem;font-weight:600;line-height:1.3}.demo__rating{align-items:center;gap:.4rem;margin-top:.45rem;font-size:.9rem;display:flex}.demo__stars{color:#f6a609;display:inline-flex}.demo__recommend{color:#2c2f36;align-items:center;gap:.3rem;margin:.35rem 0 0;font-size:.88rem;display:flex}.demo__recommend svg{color:#0a7be0}.demo__box{background:#f5f5f6;border-radius:10px;margin-top:.9rem;padding:.9rem}.demo__price{color:#e4262c;margin:0;font-size:1.6rem;font-weight:700}.demo__price sup{vertical-align:baseline;font-size:.62em;position:relative;top:-.45em}.demo__seller{margin:.7rem 0 0;font-size:.9rem}.demo__stock{color:#5d6068;margin:.15rem 0 0;font-size:.85rem}.demo__cart-note{color:#b5410c;text-align:center;margin:.8rem 0 0;font-size:.88rem}.demo__notice{color:#8b8f99;text-align:center;margin:1rem 0 0;font-size:.78rem;line-height:1.4}.demo__buy{z-index:4;padding:.65rem var(--pd-x,1rem) calc(env(safe-area-inset-bottom) + .65rem);background:#fff;border-top:1px solid #e6e6ea;gap:.6rem;display:flex;position:fixed;bottom:0;left:0;right:0}.demo__wish{border:1.5px solid #1a1a1a;border-radius:10px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.demo__cart{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(100deg,#ef1c25 0 18%,#0a6fd8 18% 100%);border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.6rem;font-size:1.05rem;display:flex}.demo-steps{z-index:50;align-items:flex-end;display:flex;position:fixed;inset:0}.demo-steps__backdrop{background:#00000059;position:absolute;inset:0}.demo-steps__sheet{width:calc(100% - 20px);max-width:520px;margin:0 auto calc(env(safe-area-inset-bottom) + 10px);background:#f7f7fa;border-radius:28px;padding:1.1rem 1rem 1rem;animation:.36s cubic-bezier(.32,.72,0,1) demo-up;position:relative;box-shadow:0 18px 50px #00000047}@keyframes demo-up{0%{transform:translateY(100%)}to{transform:none}}.demo-steps__head{align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.demo-steps__head h2{flex:1;margin:0;font-size:1.05rem;font-weight:700}.demo-steps__close{color:#6b6c78;background:#78788024;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.demo-steps__list{background:#fff;border-radius:18px;margin:0;padding:.3rem .9rem;list-style:none}.demo-steps__list li{align-items:flex-start;gap:.7rem;padding:.7rem 0;display:flex}.demo-steps__list li+li{border-top:1px solid #ececf1}.demo-steps__list p{margin:0;font-size:.93rem;line-height:1.4}.demo-steps__num{background:var(--gradient-tertiary,linear-gradient(90deg, #ffb700, #ff6d00));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.82rem;font-weight:700;display:flex}.demo-steps__alt{color:#6b6c78;margin:.8rem .3rem 0;font-size:.8rem;line-height:1.4}.demo-steps__ok{color:#fff;width:100%;font:inherit;background:linear-gradient(90deg,#ffb700,#ff6d00);border:0;border-radius:26px;margin-top:.9rem;padding:.9rem;font-size:1rem;font-weight:650}.demo-off{min-height:100dvh;padding:2rem var(--pd-x,1rem);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.7rem;display:flex}.demo-off__logo{border-radius:14px}.demo-off h1{margin:.4rem 0 0;font-size:1.5rem}.demo-off p{color:#6b6c78;max-width:340px;margin:0;line-height:1.45}.demo-off__cta{background:var(--gradient-tertiary,linear-gradient(90deg, #ffb700, #ff6d00));color:#fff;font:inherit;cursor:pointer;border:none;border-radius:12px;margin-top:.6rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;transition:filter .15s}.demo-off__cta:hover{filter:brightness(.95)}.demo-off p.demo-off__done{color:#157347;text-align:left;background:#ecfdf3;border-radius:12px;align-items:flex-start;gap:.45rem;margin-top:.6rem;padding:.75rem 1rem;display:flex}.demo-off p.demo-off__note{color:#9a9ba5;font-size:.85rem}