.shop{position:relative;height:334px;overflow:hidden;font-family:var(--f-body);user-select:none}.shop__top{display:flex;align-items:center;gap:16px;padding:12px 18px 10px;border-bottom:1px solid var(--line);font-size:11px;color:var(--text)}.shop__brand{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-display);font-size:13px;font-weight:600;color:var(--ink);margin-right:4px}.shop__brand i{width:12px;height:12px;border-radius:3px;background:var(--navy);position:relative}.shop__brand i::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:8px;background:var(--red);border-radius:1px}.shop__cart{position:relative;margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:#FAFAFA;transition:background-color .25s,color .25s}.shop__cart.is-hot{background:var(--navy);color:#fff}.shop__badge{position:absolute;right:-4px;top:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;display:grid;place-items:center;background:var(--red);color:#fff;font-size:9px;font-weight:700;font-style:normal;transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.shop__badge.is-on{transform:scale(1)}.shop__screens{position:absolute;inset:51px 0 0 0}.shop__screen{position:absolute;inset:0;padding:16px 18px 18px;opacity:0;transform:translateX(28px);transition:opacity .4s var(--ease),transform .45s var(--ease);pointer-events:none}.shop[data-step="product"] .shop__screen--product,.shop[data-step="cart"] .shop__screen--cart,.shop[data-step="pay"] .shop__screen--pay,.shop[data-step="done"] .shop__screen--done{opacity:1;transform:none}.shop__screen--product{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;align-items:center}.shop__img{position:relative;height:150px;border-radius:12px;background:linear-gradient(145deg,#F4F4F5,#FAFAFA);overflow:hidden}.shop__img u{position:absolute;left:50%;bottom:26px;width:64px;height:50px;border-radius:8px 8px 22px 22px;background:var(--navy);transform:translateX(-50%)}.shop__img u:nth-child(2){width:20px;height:26px;border-radius:10px;left:auto;right:24%;bottom:44px;transform:none;background:#fff0;border:5px solid var(--navy);border-left:0}.shop__img::after{content:"";position:absolute;left:50%;bottom:14px;width:92px;height:8px;border-radius:50%;background:rgb(4 21 98 / .12);transform:translateX(-50%)}.shop__info strong{display:block;font-family:var(--f-display);font-size:15px;line-height:1.2;color:var(--ink)}.shop__info small{display:block;font-size:10.5px;color:var(--muted);margin:4px 0 10px}.shop__price{font-family:var(--f-display);font-size:22px;font-weight:600;color:var(--navy);margin-bottom:12px}.shop__btn{position:relative;display:block;width:100%;padding:10px 14px;border:0;border-radius:100px;background:var(--navy);color:#fff;font:inherit;font-size:12px;font-weight:600;overflow:hidden;cursor:default;transition:background-color .3s var(--ease),transform .15s var(--ease)}.shop__btn span{display:flex;align-items:center;justify-content:center;gap:6px;transition:transform .35s var(--ease),opacity .3s}.shop__btn span+span{position:absolute;inset:0;transform:translateY(100%);opacity:0}.shop__btn.is-done{background:#1FA855}.shop__btn.is-done span:first-child{transform:translateY(-100%);opacity:0}.shop__btn.is-done span+span{transform:none;opacity:1}.shop__btn.is-pressed{transform:scale(.96)}.shop__h{display:flex;align-items:center;gap:6px;font-family:var(--f-display);font-size:14px;font-weight:600;color:var(--ink);margin-bottom:12px}.shop__h svg{color:#1FA855}.shop__line{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.shop__thumb{width:36px;height:36px;border-radius:8px;background:linear-gradient(145deg,#F4F4F5,#FAFAFA);position:relative;flex:none}.shop__thumb::after{content:"";position:absolute;left:10px;top:12px;width:16px;height:13px;border-radius:2px 2px 6px 6px;background:var(--navy)}.shop__line span{flex:1;min-width:0}.shop__line b{display:block;font-size:11.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop__line small{font-size:10px;color:var(--muted)}.shop__line em{font-style:normal;font-size:12px;font-weight:600;color:var(--ink)}.shop__row{display:flex;justify-content:space-between;font-size:11px;color:var(--text);padding:7px 0}.shop__row em{font-style:normal}.shop__free{color:#1FA855;font-weight:600}.shop__row--total{border-top:1px solid var(--line);font-weight:600;color:var(--ink);font-size:12.5px;margin-bottom:10px}.shop__row--total em{font-family:var(--f-display);font-size:15px;color:var(--navy)}.shop__field{position:relative;display:block;padding:7px 10px 6px;margin-bottom:8px;border:1px solid var(--line);border-radius:8px;background:#FCFCFC}.shop__field small{display:block;font-size:9px;color:var(--muted);letter-spacing:.03em;text-transform:uppercase}.shop__field span{display:block;font-size:12.5px;color:var(--ink);min-height:16px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.shop__field.is-active{border-color:var(--navy);background:#fff}.shop__field.is-active span::after{content:"";display:inline-block;width:1.5px;height:13px;background:var(--navy);margin-left:2px;vertical-align:-2px;animation:shopCaret 1s steps(1) infinite}@keyframes shopCaret{50%{opacity:0}}.shop__fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shop__cardlogo{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:26px;height:16px}.shop__cardlogo u{position:absolute;top:0;width:16px;height:16px;border-radius:50%;background:#EB001B;opacity:.9}.shop__cardlogo u:last-child{left:10px;background:#F79E1B}.shop__spin{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid rgb(255 255 255 / .4);border-top-color:#fff;animation:shopSpin .8s linear infinite}@keyframes shopSpin{to{transform:rotate(360deg)}}.shop__screen--done{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.shop__ok{width:64px;height:64px;margin-bottom:6px}.shop__ok circle{fill:#E7F8EC;stroke:#1FA855;stroke-width:2;stroke-dasharray:160;stroke-dashoffset:160}.shop__ok path{fill:none;stroke:#1FA855;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40}.shop[data-step="done"] .shop__ok circle{animation:shopDraw .6s var(--ease) forwards}.shop[data-step="done"] .shop__ok path{animation:shopDraw .45s var(--ease) .45s forwards}@keyframes shopDraw{to{stroke-dashoffset:0}}.shop__screen--done strong{font-family:var(--f-display);font-size:18px;color:var(--ink)}.shop__screen--done small{font-size:11px;color:var(--muted)}.shop__cursor{position:absolute;left:70%;top:88%;z-index:5;width:22px;height:22px;transition:left .65s cubic-bezier(.3,.7,.2,1),top .65s cubic-bezier(.3,.7,.2,1),transform .12s;filter:drop-shadow(0 3px 5px rgb(0 0 0 / .3));pointer-events:none}.shop__cursor svg{width:100%;height:100%;fill:#fff;stroke:var(--ink);stroke-width:1.6;stroke-linejoin:round}.shop__cursor i{position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:rgb(4 21 98 / .35);transform:scale(0);opacity:0}.shop__cursor.is-click{transform:scale(.85)}.shop__cursor.is-click i{animation:shopRipple .5s var(--ease)}@keyframes shopRipple{0%{transform:scale(.4);opacity:.9}100%{transform:scale(3.2);opacity:0}}.shop.is-static .shop__cursor{display:none}.shop__fly{position:absolute;z-index:6;width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,#F4F4F5,#FAFAFA);box-shadow:0 6px 14px -4px rgb(4 21 98 / .5);pointer-events:none}.shop__fly::after{content:"";position:absolute;left:8px;top:9px;width:12px;height:10px;border-radius:2px 2px 5px 5px;background:var(--navy)}.scene__card--order{opacity:0;transform:translateY(14px) scale(.96);transition:opacity .4s var(--ease),transform .45s cubic-bezier(.34,1.4,.64,1);animation:none}.scene__card--order.is-show{opacity:1;transform:none}.scene__card--order.is-show .scene__ico{animation:shopPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes shopPop{from{transform:scale(.4)}}@media (max-width:520px){.shop{height:308px}.shop__h{margin-bottom:8px}.shop__field{padding:5px 9px 4px;margin-bottom:6px}.shop__field span{font-size:12px;min-height:15px}.shop__fields{gap:6px}.shop__btn{padding:9px 12px}.shop__screen--product{grid-template-columns:1fr 1.3fr;gap:12px}.shop__img{height:120px}.shop__screens{inset:47px 0 0 0}.shop__top{padding:10px 14px 8px}.shop__screen{padding:12px 14px 14px}}@media (prefers-reduced-motion:reduce){.shop__screen{transition:none}.shop__cursor{display:none}.shop__badge{transition:none}.scene__card--order{transition:none}}