.shopping-story{height:370vh;background:#f5f7f1}.shopping-stage{background:radial-gradient(ellipse at 78% 85%,#e3e9d9,transparent 60%),#f8f8f3}.shopping-phone{height:850px}.shopping-heading p{max-width:440px}.shop-list{position:absolute;inset:0;padding:25px 20px 100px;overflow:auto;scrollbar-width:none}.shop-statusbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:15px}.shop-title h3{font-size:26px;line-height:36px;margin:0}.shop-title small{color:#86829a;font-size:13px}.shop-assignment{background:#f2effa;border:1px solid #e3def3;border-radius:22px;padding:14px 16px;margin:18px 0}.shop-assignment-top{display:flex;justify-content:space-between;align-items:center;font-size:15px}.shop-state{background:#fff;border-radius:99px;padding:4px 10px;color:#7860c7;font-size:12px}.shop-owner{display:flex;align-items:center;gap:8px;margin:12px 0}.shop-owner img{width:28px;height:28px;border-radius:50%}.shop-owner b{font-size:14px;font-weight:500}.shop-owner>span{margin-right:auto;font-size:13px;color:#49445a}.shop-progress>span{font-size:12px;color:#6f6b83}.shop-progress>div{height:4px;border-radius:99px;background:#dcd6ee;margin-top:7px;overflow:hidden}.shop-progress i{display:block;width:40%;height:100%;background:#7860c7;transition:width .3s}.shop-list-label{font-size:13px;background:#17152b;color:white;width:max-content;border-radius:99px;padding:7px 14px;margin-bottom:16px}.shop-group{background:white;border:1px solid #ece8e2;border-radius:22px;box-shadow:0 4px 16px #17142b0d;padding:14px;margin-bottom:16px}.shop-group header{display:flex;justify-content:space-between;font-size:13px;color:#86829a;padding-bottom:4px}.shop-group header small{color:#b8b4c4;font-size:12px}.shop-row{display:flex;gap:12px;align-items:center;padding:9px 0;position:relative;cursor:pointer;min-height:61px}.shop-row+.shop-row{border-top:1px solid #ece8e2}.shop-row input{position:absolute;opacity:0;width:24px;height:24px;right:0}.shop-check{width:24px;height:24px;flex-shrink:0;position:relative}.shop-row input:focus-visible+.shop-check{outline:2px solid #7860c7;outline-offset:3px;border-radius:50%}.shop-row input:checked+.shop-check{background:#1f9d6b;border-radius:50%}.shop-row input:checked+.shop-check img{opacity:0}.shop-row input:checked+.shop-check:after{content:'✓';position:absolute;inset:0;color:white;display:grid;place-items:center;font-size:15px}.shop-product{flex:1}.shop-product b{display:block;font-size:15px;line-height:21px;font-weight:400}.shop-product small{display:block;font-size:12px;line-height:17px;color:#86829a}.shop-row input:checked~.shop-product b{color:#86829a;text-decoration:line-through}.shop-qty{font-size:13px;color:#86829a}.shop-row>img{width:24px;height:24px;border-radius:50%}.shop-footnote{font-size:12px;color:#6f6b83;line-height:1.6;text-align:center}.shopping-demo-content{height:800px}.shopping-demo-content .shopping-app{height:100%;border:1px solid #ece8e2}.shopping-demo-content .shop-list{position:relative;padding-top:18px;padding-bottom:20px;height:100%}.shopping-demo-content .shop-statusbar{display:none}.shopping-actions{top:62%}@media(max-width:700px){.shopping-actions{top:auto;bottom:15px}.shopping-heading h2{font-size:24px}.shopping-demo-content{height:760px}.shopping-demo-content .shop-list{padding:15px 10px}.shopping-cloud{bottom:205px}.cooking-actions .next-feature{font-size:10px;margin-top:6px}.cooking-actions{bottom:6px}}

.shopping-app header{position:static;inset:auto;width:auto;height:auto;padding:0;background:none;z-index:auto}.shopping-app .shop-title{display:block}.shopping-app .shop-group header{display:flex;padding:0 0 4px}.shopping-app .cal-nav>span:nth-child(2) small{color:#86829a;font-weight:400}.shopping-app .cal-nav>span:nth-child(4) small{color:#17152b;font-weight:600}