@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap";
.xbb-page{background:#e3e3e6;min-height:100vh}.xbb{--ink:#1d1d1f;--ink-2:#6e6e73;--ink-3:#a1a1a6;--hair:#d2d2d7;--bg:#fff;--gray:#f5f5f7;--gray-2:#fafafc;--line:#ececf0;--blue:#0071e3;--blue-d:#0058b0;--gold:#b08a3e;--sf:-apple-system,BlinkMacSystemFont,"SF Pro Text","Noto Sans SC","PingFang SC",sans-serif;background:var(--bg);max-width:480px;color:var(--ink);font-family:var(--sf);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.xbb *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.xbb a{color:inherit;text-decoration:none}.xbb svg{display:block}.xbb .top{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--line);background:#ffffffd1;justify-content:space-between;align-items:center;padding:14px 22px;display:flex;position:sticky;top:0}.xbb .top .logo{letter-spacing:.5px;font-size:17px;font-weight:700}.xbb .top .logo span{color:var(--ink-3);font-weight:400}.xbb .top .lang{color:var(--ink-2);font-size:13px}.xbb .wrap{padding:22px 18px 0}.xbb .memcard{color:#f5f5f7;background:linear-gradient(155deg,#3a3a3c 0%,#1c1c1e 58%,#000 100%);border-radius:26px;padding:24px 24px 26px;position:relative;overflow:hidden;box-shadow:0 22px 44px -26px #000000a6}.xbb .memcard .sheen{background:radial-gradient(circle,#ffffff1a,#0000 68%);border-radius:50%;width:280px;height:280px;position:absolute;top:-60%;right:-30%}.xbb .memcard .brow{justify-content:space-between;align-items:center;display:flex;position:relative}.xbb .memcard .brow .lab{letter-spacing:3.5px;color:var(--ink-3);font-size:10.5px;font-weight:500}.xbb .memcard .brow .vip{color:#e7c98c;letter-spacing:2px;border:1px solid #e7c98c66;border-radius:99px;padding:4px 11px;font-size:11.5px;font-weight:700}.xbb .memcard .name{letter-spacing:-.4px;margin-top:18px;font-size:28px;font-weight:700;position:relative}.xbb .memcard .sub{color:#aeaeb2;letter-spacing:.3px;margin-top:4px;font-size:12px;position:relative}.xbb .memcard .ptsrow{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:22px;display:flex;position:relative}.xbb .memcard .pts .n{letter-spacing:-1.6px;font-size:42px;font-weight:900;line-height:1}.xbb .memcard .pts .u{color:#aeaeb2;margin-left:4px;font-size:15px;font-weight:500}.xbb .memcard .pts .c{color:var(--ink-3);letter-spacing:.5px;margin-top:5px;font-size:11.5px}.xbb .memcard .concierge{border:1px solid #e7c98c52;border-radius:13px;flex:none;align-items:center;gap:9px;padding:8px 8px 8px 11px;display:flex}.xbb .memcard .concierge .cav{color:#e7c98c;background:#e7c98c26;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.xbb .memcard .concierge .ct{color:#aeaeb2;text-align:left;cursor:pointer;font-size:11px;line-height:1.5}.xbb .memcard .concierge .ct b{color:#f5f5f7;font-size:12px;font-weight:600;display:block}.xbb .memcard .concierge .cbtn{color:#1d1d1f;cursor:pointer;background:#e7c98c;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.xbb .sh{padding:28px 24px 14px}.xbb .sh h2{letter-spacing:-.3px;font-size:21px;font-weight:700}.xbb .sh p{color:var(--ink-2);margin-top:3px;font-size:13.5px}.xbb .ladder{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:0 18px;display:grid}.xbb .tier{background:var(--gray);text-align:center;border:1.5px solid #0000;border-radius:18px;padding:16px 12px;position:relative}.xbb .tier.here{background:var(--ink);color:#f5f5f7;border-color:#e7c98c}.xbb .tier .dia{border:1.5px solid var(--gold);width:16px;height:16px;margin:2px auto 0;transform:rotate(45deg)}.xbb .tier .dia.half{background:linear-gradient(135deg,var(--gold) 50%,transparent 50%)}.xbb .tier .dia.full{background:#e7c98c;border-color:#e7c98c}.xbb .tier .tn{margin-top:13px;font-size:14px;font-weight:700}.xbb .tier .th{color:var(--ink-2);margin-top:4px;font-size:11px;line-height:1.4}.xbb .tier.here .th{color:#aeaeb2}.xbb .tier .youare{color:#1d1d1f;white-space:nowrap;letter-spacing:.5px;background:#e7c98c;border-radius:99px;padding:3px 10px;font-size:9px;font-weight:700;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.xbb .tier .pl{color:var(--ink-2);margin-top:9px;font-size:10.5px;line-height:1.6}.xbb .tier.here .pl{color:#d6d6da}.xbb .reward{background:var(--gray);border-radius:20px;align-items:center;gap:14px;margin:14px 18px 0;padding:17px 18px;display:flex}.xbb .reward .rico{border:1px solid var(--line);width:50px;height:50px;color:var(--ink);background:#fff;border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.xbb .reward .rtxt{flex:1}.xbb .reward .rtxt h4{letter-spacing:-.1px;font-size:14px;font-weight:700}.xbb .reward .rtxt .rbar{background:#e1e1e6;border-radius:99px;height:7px;margin-top:9px;overflow:hidden}.xbb .reward .rtxt .rbar>i{background:linear-gradient(90deg,var(--gold),#d8b465);border-radius:99px;height:100%;display:block}.xbb .reward .rtxt p{color:var(--ink-2);margin-top:8px;font-size:11.5px}.xbb .reward .rtxt p b{color:var(--ink);font-weight:700}.xbb .perkgrid{grid-template-columns:1fr 1fr;gap:12px;padding:0 18px;display:grid}.xbb .perk{background:var(--gray);border-radius:18px;padding:17px;position:relative}.xbb .perk.feat{background:var(--ink);color:#f5f5f7}.xbb .perk .pic{color:var(--ink)}.xbb .perk.feat .pic{color:#e7c98c}.xbb .perk h4{margin-top:11px;font-size:14.5px;font-weight:700}.xbb .perk p{color:var(--ink-2);margin-top:4px;font-size:11.5px;line-height:1.45}.xbb .perk.feat p{color:#aeaeb2}.xbb .perk .only{letter-spacing:1px;color:#1d1d1f;background:#e7c98c;border-radius:99px;padding:3px 8px;font-size:9px;font-weight:700;position:absolute;top:14px;right:14px}.xbb .reorder{background:var(--gray);border-radius:22px;margin:0 18px;padding:20px}.xbb .reorder .tag{color:var(--ink-2);font-size:12px;font-weight:500}.xbb .reorder .prod{align-items:center;gap:15px;margin-top:13px;display:flex}.xbb .reorder .thumb{border:1px solid var(--line);width:72px;height:72px;color:var(--ink-2);background:#fff;border-radius:18px;flex:none;justify-content:center;align-items:center;display:flex}.xbb .reorder .pname{letter-spacing:-.2px;font-size:18px;font-weight:700}.xbb .reorder .pmeta{color:var(--ink-2);margin-top:3px;font-size:13px}.xbb .reorder .price{align-items:baseline;gap:9px;margin-top:7px;display:flex}.xbb .reorder .now{font-size:21px;font-weight:700}.xbb .reorder .was{color:var(--ink-3);font-size:13px;text-decoration:line-through}.xbb .reorder .mem{color:var(--blue);border:1px solid var(--blue);border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700}.xbb .qty{justify-content:center;align-items:center;gap:22px;margin-top:18px;display:flex}.xbb .qty button{border:1px solid var(--hair);width:42px;height:42px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;font-size:22px;line-height:1}.xbb .qty .n{text-align:center;min-width:44px;font-size:26px;font-weight:700}.xbb .earn{text-align:center;color:var(--gold);letter-spacing:.2px;margin-top:15px;font-size:13px;font-weight:600}.xbb .earn b{font-weight:900}.xbb .ship{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.xbb .ship .ic{color:var(--ink-2)}.xbb .ship .t{flex:1;font-size:13px}.xbb .ship .t b{font-weight:600}.xbb .ship .chg{color:var(--blue);cursor:pointer;font-size:13px;font-weight:500}.xbb .cta{background:var(--blue);color:#fff;width:100%;font-family:var(--sf);cursor:pointer;border:none;border-radius:14px;margin-top:16px;padding:16px;font-size:18px;font-weight:600;transition:background .2s;display:block}.xbb .cta:active{background:var(--blue-d)}.xbb .gift{text-align:center;color:var(--ink-2);margin-top:12px;font-size:12.5px}.xbb .gift b{color:var(--ink)}.xbb .plist{flex-direction:column;gap:12px;padding:0 18px;display:flex}.xbb .prow{background:var(--gray);border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.xbb .prow .pthumb{border:1px solid var(--line);width:54px;height:54px;color:var(--ink-2);background:#fff;border-radius:13px;flex:none;justify-content:center;align-items:center;display:flex}.xbb .prow .pinfo{flex:1;min-width:0}.xbb .prow .pn{font-size:14px;font-weight:700;line-height:1.3}.xbb .prow .pm{color:var(--ink-2);margin-top:2px;font-size:11.5px}.xbb .prow .ppr{margin-top:5px;font-size:14px;font-weight:700}.xbb .prow .ppr .w{color:var(--ink-3);margin-left:5px;font-size:11px;font-weight:400;text-decoration:line-through}.xbb .prow .pact{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.xbb .prow .pq{align-items:center;gap:9px;display:flex}.xbb .prow .pq button{border:1px solid var(--hair);width:28px;height:28px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;font-size:16px;line-height:1}.xbb .prow .pq .qn{text-align:center;min-width:18px;font-size:15px;font-weight:700}.xbb .prow .pbuy{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:7px 16px;font-size:13px;font-weight:600}.xbb .redeem{grid-template-columns:repeat(3,1fr);gap:11px;padding:2px 18px 8px;display:grid}.xbb .ritem{border:1.5px solid var(--line);text-align:center;background:#fff;border-radius:16px;flex-direction:column;padding:0 0 12px;display:flex;overflow:hidden}.xbb .ritem .e{aspect-ratio:1;color:var(--ink);border-bottom:1px solid var(--line);background:#fff;flex:none;justify-content:center;align-items:center;display:flex}.xbb .ritem h4{word-break:break-word;flex:1 0 auto;margin-top:8px;padding:0 8px;font-size:12.5px;font-weight:700;line-height:1.35}.xbb .ritem .cost{color:var(--gold);letter-spacing:.2px;flex:none;justify-content:center;align-items:center;min-height:34px;margin-top:6px;padding:0 6px;font-size:12.5px;font-weight:800;display:flex}.xbb .ritem .rtot{white-space:nowrap;color:#166b2e;letter-spacing:0;background:#eef7f0;border-radius:8px;flex:none;margin:6px 8px 0;padding:5px 2px;font-size:11px;font-weight:800;overflow:hidden}.xbb .ritem .rtot.off{color:var(--ink-3);background:var(--gray)}.xbb .ritem .rq{justify-content:center;align-items:center;gap:9px;margin-top:8px;display:flex}.xbb .ritem .rq button{border:1.5px solid var(--hair);cursor:pointer;width:27px;height:27px;color:var(--ink);background:#fff;border-radius:9px;padding:0;font-size:15px;font-weight:800;line-height:1}.xbb .ritem .rq b{text-align:center;min-width:20px;font-size:14px}.xbb .ritem .rview{border:1.5px solid var(--hair);width:calc(100% - 18px);color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;margin:8px auto 0;padding:7px 4px;font-size:12px;font-weight:700;display:block}.xbb .ritem .rgo{color:#fff;cursor:pointer;background:#1a7f37;border:none;border-radius:10px;width:calc(100% - 18px);margin:6px auto 0;padding:8px 4px;font-size:12px;font-weight:800;display:block}.xbb .ritem .rgo:disabled{cursor:default;background:#c9c9ce}.xbb .rmore{border:1.5px solid var(--hair);color:var(--ink);cursor:pointer;background:#fff;border-radius:99px;margin:12px auto 0;padding:10px 26px;font-size:13px;font-weight:700;display:block}.xbb .cards{scroll-snap-type:x mandatory;gap:14px;padding:4px 18px 10px;display:flex;overflow-x:auto}.xbb .cards::-webkit-scrollbar{height:0}.xbb .card{scroll-snap-align:start;flex:none;width:198px}.xbb .xbb-spin{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex:none;width:17px;height:17px;animation:.7s linear infinite xbbspin;display:inline-block}@keyframes xbbspin{to{transform:rotate(360deg)}}.xbb .xbb-prog{background:#e8eef0;border-radius:99px;height:5px;overflow:hidden}.xbb .xbb-prog i{background:linear-gradient(90deg,#1a7f37,#4fc06e);border-radius:99px;width:38%;height:100%;animation:1.15s ease-in-out infinite xbbprog;display:block}@keyframes xbbprog{0%{margin-left:-40%}to{margin-left:100%}}.xbb .card .img{background:#fff;border-radius:18px;justify-content:center;align-items:center;height:150px;padding:6px;display:flex;position:relative;overflow:hidden}.xbb .card .img img{object-fit:contain!important}.xbb img.pfit{background:#fff;object-fit:contain!important}.xbb .card .img .ph{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.xbb .card .img.a{background:linear-gradient(160deg,#f3e7ec,#ead2dc)}.xbb .card .img.b{background:linear-gradient(160deg,#e9f0e0,#d6e6c5)}.xbb .card .img.c{background:linear-gradient(160deg,#e6ecf6,#d3e0f1)}.xbb .card .img .new{color:var(--ink);letter-spacing:.5px;background:#ffffffe6;border-radius:99px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px}.xbb .card h4{margin-top:12px;font-size:16px;font-weight:700}.xbb .card .d{color:var(--ink-2);min-height:33px;margin-top:3px;font-size:12px;line-height:1.4}.xbb .card .row{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.xbb .card .row .pp{font-size:15px;font-weight:700}.xbb .card .row .pp span{color:var(--ink-3);font-size:11px;font-weight:400}.xbb .card .row .add{color:#fff;background:var(--blue);cursor:pointer;border:none;border-radius:99px;padding:7px 15px;font-size:13px;font-weight:600}.xbb .moreweb{color:var(--blue);justify-content:center;align-items:center;gap:6px;margin:6px 18px 4px;padding:13px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.xbb .ordercard{background:var(--gray);border-radius:20px;margin:0 18px;padding:18px}.xbb .ordercard .otop{justify-content:space-between;align-items:flex-start;display:flex}.xbb .ordercard .ono{color:var(--ink-2);font-size:12px}.xbb .ordercard .ono b{color:var(--ink);letter-spacing:.3px;margin-top:3px;font-size:15px;font-weight:700;display:block}.xbb .ordercard .ost{color:#1d6b3a;white-space:nowrap;background:#e3f4e8;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:700}.xbb .stepper{margin-top:20px;display:flex}.xbb .stepper .step{text-align:center;flex:1;position:relative}.xbb .stepper .step .dot{z-index:2;background:#d2d2d7;border-radius:50%;width:13px;height:13px;margin:0 auto;position:relative}.xbb .stepper .step.done .dot{background:var(--blue)}.xbb .stepper .step.cur .dot{background:var(--blue);box-shadow:0 0 0 4px #0071e32e}.xbb .stepper .step .sl{color:var(--ink-2);margin-top:8px;font-size:10.5px}.xbb .stepper .step.cur .sl,.xbb .stepper .step.done .sl{color:var(--ink);font-weight:600}.xbb .stepper .step:before{content:"";z-index:1;background:#d2d2d7;width:100%;height:2px;position:absolute;top:5.5px;left:-50%}.xbb .stepper .step:first-child:before{display:none}.xbb .stepper .step.done:before,.xbb .stepper .step.cur:before{background:var(--blue)}.xbb .trackrow{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;display:flex}.xbb .trackrow .ic{color:var(--ink-2)}.xbb .trackrow .tk{flex:1;font-size:13px}.xbb .trackrow .tk b{font-weight:600}.xbb .trackrow .go{color:var(--blue);cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600}.xbb .trust{background:var(--gray);text-align:center;margin-top:22px;padding:30px 24px 38px}.xbb .trust h3{font-size:16px;font-weight:700}.xbb .trust p{color:var(--ink-2);margin-top:8px;font-size:12.5px;line-height:1.7}.xbb .trust .seals{justify-content:center;gap:20px;margin-top:16px;display:flex}.xbb .trust .seals span{color:var(--ink-2);font-size:12px}.xbb .toast{pointer-events:auto;color:#fff;opacity:0;white-space:normal;text-align:center;z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1d1d1ff2;border-radius:14px;width:max-content;max-width:88vw;padding:14px 22px;font-size:14px;font-weight:500;line-height:1.5;transition:all .3s;position:fixed;bottom:96px;left:50%;transform:translate(-50%)translateY(18px)}.xbb .toast.show{opacity:1;transform:translate(-50%)translateY(0)}.xbb .fade{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards xbbrise;transform:translateY(16px)}.xbb .d1{animation-delay:50ms}.xbb .d2{animation-delay:.14s}.xbb .d3{animation-delay:.24s}.xbb .d4{animation-delay:.36s}.xbb .d5{animation-delay:.48s}@keyframes xbbrise{to{opacity:1;transform:none}}.xbb .memcard.silver{color:#1d1d1f;background:linear-gradient(155deg,#f2f3f5 0%,#d7dade 55%,#b7bbc2 100%);box-shadow:0 18px 40px -26px #3c3c4680}.xbb .memcard.silver .brow .lab{color:#77777c}.xbb .memcard.silver .brow .vip{color:#4a4a50;border-color:#4a4a5073}.xbb .memcard.silver .sub,.xbb .memcard.silver .pts .u{color:#5a5a60}.xbb .memcard.silver .pts .c{color:#6e6e74}.xbb .memcard.silver .concierge{border-color:#00000029}.xbb .memcard.silver .concierge .cav{color:#555;background:#0000000f}.xbb .memcard.silver .concierge .ct{color:#5a5a60}.xbb .memcard.silver .concierge .ct b{color:#1d1d1f}.xbb .memcard.silver .concierge .cbtn{color:#fff;background:#4a4a50}.xbb .memcard.gold{color:#3a2d10;background:linear-gradient(155deg,#fbedc6 0%,#ecce8d 52%,#c9a862 100%);box-shadow:0 18px 40px -24px #a078288c}.xbb .memcard.gold .brow .lab{color:#8a7333}.xbb .memcard.gold .brow .vip{color:#6b5420;background:#ffffff40;border-color:#6b542080}.xbb .memcard.gold .sub,.xbb .memcard.gold .pts .u{color:#7a6428}.xbb .memcard.gold .pts .c{color:#8a7333}.xbb .memcard.gold .concierge{border-color:#3a2d1052}.xbb .memcard.gold .concierge .cav{color:#6b5420;background:#3a2d101f}.xbb .memcard.gold .concierge .ct{color:#7a6428}.xbb .memcard.gold .concierge .ct b{color:#3a2d10}.xbb .memcard.gold .concierge .cbtn{color:#f2e2b4;background:#3a2d10}.xbb .memcard.white{color:#1d1d1f;background:linear-gradient(155deg,#fff 0%,#f4f5f7 60%,#e8eaee 100%);border:1px solid #e6e8ec;box-shadow:0 16px 38px -26px #3c3c4666}.xbb .memcard.white .brow .lab{color:#9a9aa0}.xbb .memcard.white .brow .vip{color:#5a5a60;border-color:#5a5a6059}.xbb .memcard.white .sub,.xbb .memcard.white .pts .u{color:#6e6e74}.xbb .memcard.white .pts .c{color:#86868b}.xbb .memcard.white .concierge{border-color:#0000001f}.xbb .memcard.white .concierge .cav{color:#666;background:#0000000d}.xbb .memcard.white .concierge .ct{color:#6e6e74}.xbb .memcard.white .concierge .ct b{color:#1d1d1f}.xbb .memcard.white .concierge .cbtn{color:#fff;background:#1d1d1f}.xbb .tier.open{border-color:#e7c98c;box-shadow:0 4px 14px #00000014}.xbb-tabbar{z-index:9997;-webkit-backdrop-filter:saturate(180%)blur(18px);width:100%;max-width:640px;padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff0;border-top:1px solid #00000012;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 18px #0000000d}.xbb-tabbar button{cursor:pointer;color:#9a9aa0;background:0 0;border:none;justify-items:center;gap:2px;padding:8px 0 9px;font-family:inherit;transition:color .18s,transform .18s;display:grid;position:relative}.xbb-tabbar button .ic{font-size:20px;line-height:1;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.xbb-tabbar button .lb{letter-spacing:.2px;font-size:10.5px;font-weight:700}.xbb-tabbar button.on{color:#1d1d1f}.xbb-tabbar button.on .ic{transform:translateY(-2px)scale(1.14)}.xbb-tabbar button.on:after{content:"";background:#1d1d1f;border-radius:99px;width:22px;height:3px;position:absolute;top:2px}.xbb-tabbar button .dot{background:#c8102e;border-radius:99px;width:7px;height:7px;position:absolute;top:6px;right:calc(50% - 18px);box-shadow:0 0 0 2px #fff}.cartfab{right:16px;bottom:calc(74px + env(safe-area-inset-bottom,0px));color:#fff;z-index:9998;cursor:pointer;background:#1d1d1f;border:none;border-radius:99px;align-items:center;gap:9px;padding:13px 20px 13px 16px;font-size:15px;font-weight:800;animation:.25s cartpop;display:flex;position:fixed;box-shadow:0 12px 30px -6px #00000080}@keyframes cartpop{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:none}}.cartfab .cf-cart{font-size:19px;line-height:1}.cartfab .cf-txt{white-space:nowrap}.cartfab .cf-sub{opacity:.9;color:#ffd9a8;margin-top:1px;font-size:10.5px;font-weight:700;display:block}.cartfab .cf-badge{color:#1d1d1f;background:#e7c98c;border-radius:99px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:-6px;left:-6px;box-shadow:0 2px 6px #0000004d}.xbb .co-mask{z-index:50;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.xbb .co-sheet{background:#fff;border-radius:22px 22px 0 0;width:min(460px,100%);max-height:88vh;padding:18px 18px 26px;animation:.28s coup;overflow-y:auto}@keyframes coup{0%{opacity:.6;transform:translateY(30px)}to{opacity:1;transform:none}}.xbb .co-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.xbb .co-head b{font-size:17px}.xbb .co-x{color:var(--ink-3);cursor:pointer;padding:2px 8px;font-size:20px}.xbb .co-lines{flex-direction:column;gap:10px;display:flex}.xbb .co-line{align-items:center;gap:10px;display:flex}.xbb .co-line .co-nm{flex:1;min-width:0;font-size:13.5px;font-weight:600;line-height:1.35}.xbb .co-line .co-nm small{color:var(--ink-2);margin-top:1px;font-size:11.5px;font-weight:400;display:block}.xbb .co-line .co-nm s{color:var(--ink-3);margin-left:4px}.xbb .co-line .pq{flex:none;align-items:center;gap:8px;display:flex}.xbb .co-line .pq button{border:1px solid var(--hair);cursor:pointer;background:#fff;border-radius:50%;width:26px;height:26px;font-size:15px}.xbb .co-line .pq .qn{text-align:center;min-width:16px;font-size:14px;font-weight:700}.xbb .co-line .co-amt{text-align:right;flex:none;min-width:64px;font-size:13.5px;font-weight:700}.xbb .co-ship{color:var(--ink-2);margin:14px 0 4px;font-size:12.5px}.xbb .co-ship .co-bar{background:#f0f0f2;border-radius:99px;height:7px;margin-top:6px;overflow:hidden}.xbb .co-ship .co-bar i{background:linear-gradient(90deg,#f5b301,#1a7f37);border-radius:99px;height:100%;transition:width .4s;display:block}.xbb .co-addr{background:var(--gray);border-radius:12px;align-items:center;gap:8px;margin:12px 0;padding:10px 12px;font-size:13px;display:flex}.xbb .co-addr .co-al{color:var(--ink-2);flex:none;align-items:center;gap:4px;display:flex}.xbb .co-addr select{min-width:0;color:var(--ink);background:0 0;border:none;flex:1;font-size:13px;font-weight:600}.xbb .co-sum{border-top:1px dashed var(--line);color:var(--ink-2);flex-direction:column;gap:7px;padding-top:12px;font-size:13px;display:flex}.xbb .co-sum>div{justify-content:space-between;align-items:center;display:flex}.xbb .co-sum .co-total,.xbb .co-stick .co-total{border-top:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;margin-top:2px;padding-top:9px;font-size:15px;display:flex}.xbb .co-sum .co-total b,.xbb .co-stick .co-total b{font-size:19px}.xbb .co-stick{padding:0 18px calc(14px + env(safe-area-inset-bottom));z-index:5;background:#fff;margin:12px -18px -26px;position:sticky;bottom:-26px;box-shadow:0 -6px 14px #0000000d}.xbb .co-pay{color:#fff;cursor:pointer;background:#1a7f37;border:none;border-radius:14px;width:100%;margin-top:14px;padding:15px;font-size:16px;font-weight:800}.xbb .co-note{text-align:center;color:var(--ink-3);margin-top:9px;font-size:11.5px}.xbb .prow.picked{background:#eef7f0;border:1px solid #bfe6cd}.xbb .prow .pact{align-items:flex-end}.packrow{scrollbar-width:none;-webkit-overflow-scrolling:touch}.packrow::-webkit-scrollbar{display:none}.xbb .aboutfold[open] summary{border-bottom:none;border-radius:16px 16px 0 0}.xbb details .fold-close,.xbb details[open] .fold-open{display:none}.xbb details[open] .fold-close{display:inline}#herostrip{scrollbar-width:none;-ms-overflow-style:none}#herostrip::-webkit-scrollbar{height:0;display:none}.snapstrip{scrollbar-width:none;-ms-overflow-style:none}.snapstrip::-webkit-scrollbar{height:0;display:none}