.patra-app{--pa-ink:#0b0b0d;--pa-sand:#c8b79a;--pa-chalk:#f4f2ee;--pa-muted:rgba(11,11,13,.5);--pa-line:rgba(11,11,13,.08);--pa-green:#1e8e3e;--pa-ease:cubic-bezier(.2,.8,.2,1);background:var(--pa-chalk);color:var(--pa-ink);font-family:var(--font-primary);font-size:15px;inset:0;line-height:1.3;overflow:hidden;position:absolute;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none}.patra-app button{background:none;border:0;color:inherit;cursor:default;font:inherit;padding:0;text-align:left}.patra-app.is-interactive button{cursor:pointer}.patra-app svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.patra-app .patra-logo{fill:currentColor;stroke:none}.patra-app .pa-status{align-items:center;color:var(--pa-ink);display:flex;height:54px;justify-content:space-between;left:0;padding:4px 34px 0 52px;pointer-events:none;position:absolute;right:0;top:0;transition:color .3s;z-index:35}.patra-app .pa-status b{font-size:16px;font-weight:600}.patra-app .pa-status span{align-items:center;display:flex;gap:6px}.patra-app .pa-status svg{fill:currentColor;height:12px;stroke:none}.patra-app .pa-status svg:first-child{width:18px}.patra-app .pa-status svg:nth-child(2){width:16px}.patra-app .pa-status.is-light{color:#fff}.patra-app .pa-battery{border:1px solid;border-radius:4px;height:12px;opacity:.9;padding:1.5px;position:relative;width:26px}.patra-app .pa-battery i{background:currentColor;border-radius:2px;display:block;height:100%;width:80%}.patra-app .pa-root{inset:0;position:absolute;transition:transform .5s var(--pa-ease),filter .5s}.patra-app .pa-root.is-pushed{filter:brightness(.85);transform:translate(-28%)}.patra-app .pa-view{inset:0;opacity:0;overflow-x:hidden;overflow-y:auto;padding:62px 20px 110px;position:absolute;scrollbar-width:none;transition:opacity .25s,visibility 0s .25s;visibility:hidden}.patra-app .pa-view::-webkit-scrollbar{display:none}.patra-app .pa-view.is-on{opacity:1;transition:opacity .25s;visibility:visible}.patra-app .pa-head{align-items:center;display:flex;justify-content:space-between}.patra-app .pa-head div{display:flex;flex-direction:column}.patra-app .pa-head span{color:var(--pa-muted);font-size:14px}.patra-app .pa-head b{font-size:28px;font-weight:600;letter-spacing:-.6px}.patra-app .pa-avatar{background:var(--pa-sand);border-radius:50%;display:grid;font-size:14px;font-style:normal;font-weight:600;height:40px;place-items:center;width:40px}.patra-app .pa-avatar.is-large{font-size:28px;height:84px;width:84px}.patra-app .pa-banner{border-radius:22px;height:200px;margin-top:16px;overflow:hidden;position:relative}.patra-app .pa-banner img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 30%;object-position:50% 30%;width:100%}.patra-app .pa-banner:after{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 60%);content:"";inset:0;position:absolute}.patra-app .pa-banner div{bottom:16px;color:#fff;display:flex;flex-direction:column;gap:4px;left:18px;position:absolute;right:18px;z-index:1}.patra-app .pa-banner span{font-size:12px;opacity:.8}.patra-app .pa-banner b{font-size:20px;font-weight:600;line-height:1.15}.patra-app .pa-mini-card{background:var(--pa-ink);border-radius:20px;color:var(--pa-chalk);display:flex;flex-direction:column;gap:8px;margin-top:14px;padding:16px 18px;transition:transform .2s;width:100%}.patra-app .pa-mini-card:active{transform:scale(.98)}.patra-app .pa-mini-top,.patra-app .pa-pass-top{align-items:center;display:flex;justify-content:space-between}.patra-app .pa-mini-top .patra-logo,.patra-app .pa-pass-top .patra-logo{height:26px;width:34px}.patra-app .pa-mini-top em,.patra-app .pa-pass-top em{background:var(--pa-sand);border-radius:10px;color:var(--pa-ink);font-size:12px;font-style:normal;font-weight:600;padding:3px 10px}.patra-app .pa-mini-points{font-size:13px;opacity:.75}.patra-app .pa-mini-points b{font-size:26px;font-weight:500;opacity:1}.patra-app .pa-progress{background:#ffffff26;border-radius:3px;display:block;height:6px;overflow:hidden}.patra-app .pa-progress i{background:var(--pa-sand);border-radius:3px;display:block;height:100%}.patra-app .pa-row-title{align-items:baseline;display:flex;justify-content:space-between;margin:22px 0 12px}.patra-app .pa-row-title b{font-size:18px;font-weight:600}.patra-app .pa-row-title button{color:var(--pa-muted);font-size:14px}.patra-app .pa-rail{display:flex;gap:12px;margin:0 -20px;overflow-x:auto;padding:0 20px;scrollbar-width:none}.patra-app .pa-rail::-webkit-scrollbar{display:none}.patra-app .pa-grid-item,.patra-app .pa-rail-item{display:flex;flex:none;flex-direction:column;gap:2px;position:relative;width:150px}.patra-app .pa-grid-item img,.patra-app .pa-rail-item img{background:#e9e7e2;border-radius:16px;height:170px;margin-bottom:8px;-o-object-fit:cover;object-fit:cover;width:100%}.patra-app .pa-grid-item b,.patra-app .pa-rail-item b{font-size:14px;font-weight:600}.patra-app .pa-grid-item span,.patra-app .pa-rail-item span{color:var(--pa-muted);font-size:13px}.patra-app .pa-grid-item em,.patra-app .pa-rail-item em{background:#fff;border-radius:10px;font-size:11px;font-style:normal;font-weight:600;left:8px;padding:3px 8px;position:absolute;top:8px}.patra-app .pa-store{align-items:center;background:#fff;border-radius:16px;display:flex;gap:12px;margin-top:18px;padding:14px}.patra-app .pa-store i{background:var(--pa-chalk);border-radius:50%;display:grid;height:38px;place-items:center;width:38px}.patra-app .pa-store svg{height:20px;width:20px}.patra-app .pa-store div{display:flex;flex-direction:column}.patra-app .pa-store b{font-size:14px;font-weight:600}.patra-app .pa-store span{color:var(--pa-muted);font-size:13px}.patra-app .pa-large-title{font-size:32px;font-weight:700;letter-spacing:-.8px;margin:6px 0 14px}.patra-app .pa-chips{display:flex;gap:8px;margin-bottom:16px}.patra-app .pa-chips span{background:#fff;border:1px solid var(--pa-line);border-radius:18px;font-size:13px;padding:7px 14px}.patra-app .pa-chips span.is-on{background:var(--pa-ink);border-color:var(--pa-ink);color:#fff}.patra-app .pa-grid{display:grid;gap:16px 12px;grid-template-columns:1fr 1fr}.patra-app .pa-grid .pa-grid-item{width:auto}.patra-app .pa-pass{background:var(--pa-ink);border-radius:22px;color:var(--pa-chalk);display:flex;flex-direction:column;gap:4px;padding:20px;transition:background .6s}.patra-app .pa-pass .pa-pass-top .patra-logo{height:35px;width:46px}.patra-app .pa-pass>span{font-size:12px;margin-top:12px;opacity:.6}.patra-app .pa-pass>b{font-size:44px;font-weight:500;line-height:1.1}.patra-app .pa-pass .pa-progress{margin:8px 0 4px}.patra-app .pa-pass small{font-size:12px;opacity:.7}.patra-app .pa-pass.is-gold{background:linear-gradient(150deg,#4a3a1e,#0b0b0d 65%)}.patra-app .pa-qr{background:#fff;border-radius:10px;height:120px;margin:16px auto 0;padding:8px;stroke:none;width:120px}.patra-app .pa-qr path{fill:#111}.patra-app .pa-wallet-btn{align-items:center;background:#000;border-radius:14px;color:#fff;display:flex;font-size:15px;font-weight:600;gap:8px;height:50px;justify-content:center;margin-top:14px}.patra-app .pa-wallet-btn svg{height:22px;width:22px}.patra-app .pa-history{list-style:none;margin:0;padding:0}.patra-app .pa-history li{align-items:center;border-bottom:1px solid var(--pa-line);display:flex;justify-content:space-between;padding:12px 0}.patra-app .pa-history li.is-new{animation:pa-in .5s var(--pa-ease);background:#1e8e3e14;border-radius:12px;margin:0 -10px;padding:12px 10px}.patra-app .pa-history div{display:flex;flex-direction:column}.patra-app .pa-history b{font-size:15px;font-weight:600}.patra-app .pa-history span{color:var(--pa-muted);font-size:13px}.patra-app .pa-history em{color:var(--pa-green);font-size:15px;font-style:normal;font-weight:600}.patra-app .pa-profile{align-items:center;display:flex;flex-direction:column;gap:6px;margin:24px 0 26px}.patra-app .pa-profile b{font-size:22px;font-weight:600;margin-top:8px}.patra-app .pa-profile span{color:var(--pa-muted);font-size:14px}.patra-app .pa-list{background:#fff;border-radius:16px;list-style:none;margin:0;overflow:hidden;padding:0}.patra-app .pa-list li{align-items:center;border-bottom:1px solid var(--pa-line);display:flex;gap:10px;padding:15px 16px}.patra-app .pa-list li:last-child{border-bottom:0}.patra-app .pa-list small{color:var(--pa-muted);font-size:14px;margin-left:auto}.patra-app .pa-list em{background:var(--pa-sand);border-radius:11px;display:grid;font-size:12px;font-style:normal;font-weight:600;height:22px;margin-left:auto;min-width:22px;place-items:center}.patra-app .pa-switch{background:#34c759;border-radius:14px;height:28px;margin-left:auto;position:relative;width:46px}.patra-app .pa-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;position:absolute;right:2px;top:2px;width:24px}.patra-app .pa-tabbar{background:#faf9f7fa;border-top:1px solid var(--pa-line);bottom:0;display:flex;height:86px;justify-content:space-around;left:0;padding-top:8px;position:absolute;right:0;z-index:5}.patra-app .pa-tabbar button{align-items:center;color:#9d9a93;display:flex;flex-direction:column;gap:3px;transition:color .2s;width:70px}.patra-app .pa-tabbar button.is-on{color:var(--pa-ink)}.patra-app .pa-tabbar svg{height:26px;width:26px}.patra-app .pa-tabbar span{font-size:10px;font-weight:500}.patra-app .pa-product{background:#fff;box-shadow:-10px 0 30px #0000001f;inset:0;position:absolute;transform:translate(105%);transition:transform .5s var(--pa-ease);z-index:10}.patra-app .pa-product.is-on{transform:none}.patra-app .pa-product-scroll{inset:0;overflow-x:hidden;overflow-y:auto;padding-bottom:110px;position:absolute;scrollbar-width:none}.patra-app .pa-product-scroll::-webkit-scrollbar{display:none}.patra-app .pa-product-media{background:#f1efeb;height:390px;position:relative}.patra-app .pa-product-media img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.patra-app .pa-product-media.is-dark{background:var(--pa-ink)}.patra-app .pa-round{background:#ffffffeb;border-radius:50%;display:grid;height:40px;place-items:center;position:absolute;top:58px;width:40px}.patra-app .pa-round svg{height:20px;width:20px}.patra-app .pa-round.is-back{left:16px}.patra-app .pa-round.is-like{right:16px}.patra-app .pa-product-info{display:flex;flex-direction:column;padding:18px 20px 0}.patra-app .pa-kicker{color:var(--pa-muted);font-size:12px}.patra-app .pa-product-name{display:flex;justify-content:space-between;margin-top:4px}.patra-app .pa-product-name b{font-size:24px;font-weight:600;letter-spacing:-.4px}.patra-app .pa-label{color:var(--pa-muted);font-size:13px;margin:16px 0 8px}.patra-app .pa-colors{display:flex;gap:12px}.patra-app .pa-colors button{background:var(--c);border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a;height:30px;transition:box-shadow .2s;width:30px}.patra-app .pa-colors button.is-on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--pa-ink)}.patra-app .pa-sizes{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.patra-app .pa-sizes button{border:1px solid #e3e1dc;border-radius:10px;font-size:14px;height:40px;text-align:center;transition:background .2s,color .2s,border-color .2s}.patra-app .pa-sizes button.is-on{background:var(--pa-ink);border-color:var(--pa-ink);color:#fff}.patra-app .pa-sizes button.is-out{background:repeating-linear-gradient(135deg,transparent 0 6px,#f1efeb 6px 7px);color:#c4c1ba}.patra-app .pa-sizes.is-hint{animation:pa-shake .4s}.patra-app .pa-sizes.is-hint button:not(.is-on,.is-out){border-color:#d9534f}.patra-app .pa-stock{align-items:center;color:var(--pa-muted);display:flex;font-size:14px;gap:8px;margin-top:14px}.patra-app .pa-stock i{background:#c4c1ba;border-radius:50%;height:8px;width:8px}.patra-app .pa-stock.is-ready{color:var(--pa-green)}.patra-app .pa-stock.is-ready i{background:currentColor}.patra-app .pa-product-cta{background:linear-gradient(0deg,#fff 75%,#fff0);bottom:0;left:0;padding:12px 20px 34px;position:absolute;right:0}.patra-app .pa-btn{background:var(--pa-ink);border-radius:27px;color:#fff;display:grid;font-size:16px;font-weight:600;height:54px;place-items:center;text-align:center;transition:transform .15s;width:100%}.patra-app .pa-btn:active{transform:scale(.98)}.patra-app .pa-backdrop{background:#00000059;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s;z-index:15}.patra-app .pa-backdrop.is-on{opacity:1;pointer-events:auto}.patra-app .pa-sheet{background:#fff;border-radius:32px 32px 0 0;bottom:0;display:grid;left:0;padding:10px 20px 34px;position:absolute;right:0;transform:translateY(105%);transition:transform .5s var(--pa-ease);z-index:16}.patra-app .pa-sheet.is-on{transform:none}.patra-app .pa-sheet.is-done .is-reserve{opacity:0;visibility:hidden}.patra-app .pa-sheet.is-done .is-done{opacity:1;transform:none;visibility:visible}.patra-app .pa-grabber{background:#d9d7d2;border-radius:3px;height:5px;left:50%;position:absolute;top:8px;transform:translate(-50%);width:36px}.patra-app .pa-sheet-step{display:flex;flex-direction:column;gap:10px;grid-area:1/1;padding-top:16px;transition:opacity .3s,visibility 0s,transform .4s var(--pa-ease)}.patra-app .pa-sheet-step.is-done{align-items:center;justify-content:center;opacity:0;text-align:center;transform:translateY(16px);visibility:hidden}.patra-app .pa-sheet-step.is-done>span{color:var(--pa-muted);font-size:15px;max-width:280px}.patra-app .pa-sheet-step.is-done .pa-btn{margin-top:8px}.patra-app .pa-sheet-title{font-size:20px;font-weight:600;margin-bottom:4px}.patra-app .pa-sheet-product{align-items:center;border-bottom:1px solid var(--pa-line);display:flex;gap:12px;padding-bottom:12px}.patra-app .pa-sheet-product img{border-radius:12px;height:56px;-o-object-fit:cover;object-fit:cover;width:56px}.patra-app .pa-sheet-product div{display:flex;flex:1;flex-direction:column}.patra-app .pa-sheet-product b{font-size:15px;font-weight:600}.patra-app .pa-sheet-product span{color:var(--pa-muted);font-size:13px}.patra-app .pa-sheet-product em{font-style:normal;font-weight:600}.patra-app .pa-sheet-store{align-items:center;border:1px solid #e3e1dc;border-radius:14px;display:flex;gap:12px;padding:12px 14px;transition:border-color .2s,background .2s}.patra-app .pa-sheet-store>i{border:1.5px solid #c4c1ba;border-radius:50%;height:20px;position:relative;width:20px}.patra-app .pa-sheet-store div{display:flex;flex:1;flex-direction:column}.patra-app .pa-sheet-store b{font-size:15px;font-weight:600}.patra-app .pa-sheet-store span{color:var(--pa-muted);font-size:13px}.patra-app .pa-sheet-store em{color:var(--pa-green);font-size:13px;font-style:normal}.patra-app .pa-sheet-store.is-on{background:#faf9f7;border-color:var(--pa-ink)}.patra-app .pa-sheet-store.is-on>i{border:6px solid var(--pa-ink)}.patra-app .pa-sheet-note{color:var(--pa-muted);font-size:13px;margin:2px 0 6px}.patra-app .pa-check{background:var(--pa-green);border-radius:50%;display:grid;height:64px;place-items:center;width:64px}.patra-app .pa-check svg{height:32px;stroke:#fff;stroke-width:2.6;width:32px}.patra-app .pa-points-badge{background:#c8b79a4d;border-radius:14px;font-size:14px;font-style:normal;font-weight:600;padding:6px 14px}.patra-app .pa-notif{background:#f5f5f5f7;border-radius:22px;box-shadow:0 10px 30px #00000026;display:grid;gap:10px;grid-template-columns:38px 1fr auto;left:10px;padding:14px;position:absolute;right:10px;top:10px;transform:translateY(-130%);transition:transform .55s cubic-bezier(.2,.9,.3,1.15);z-index:25}.patra-app .pa-notif>i{background:var(--pa-ink);border-radius:10px;color:#fff;display:grid;height:38px;place-items:center;width:38px}.patra-app .pa-notif>i .patra-logo{height:17px;width:22px}.patra-app .pa-notif div{display:flex;flex-direction:column;font-size:13px;gap:2px}.patra-app .pa-notif b{font-weight:600}.patra-app .pa-notif em{color:var(--pa-muted);font-size:11px;font-style:normal}.patra-app .pa-notif.is-on{transform:translateY(46px)}.patra-app .pa-splash{align-items:center;background:var(--pa-ink);color:var(--pa-chalk);display:flex;flex-direction:column;gap:40px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .5s,visibility 0s .5s;visibility:hidden;z-index:40}.patra-app .pa-splash .patra-logo{height:84px;width:110px}.patra-app .pa-splash.is-on{opacity:1;transition:none;visibility:visible}.patra-app .pa-splash.is-on .pa-splash-bar i{animation:pa-load 1.2s ease-in-out forwards}.patra-app .pa-splash-bar{background:#ffffff26;border-radius:2px;height:3px;overflow:hidden;width:120px}.patra-app .pa-splash-bar i{background:var(--pa-sand);display:block;height:100%;transform:scaleX(0);transform-origin:0 50%}.patra-app .pa-home-bar{background:var(--pa-ink);border-radius:3px;bottom:8px;height:5px;left:50%;pointer-events:none;position:absolute;transform:translate(-50%);width:134px;z-index:45}.patra-app .pa-home-bar.is-light{background:#fff}.patra-app .pa-touch{background:#0b0b0d38;border-radius:50%;box-shadow:0 0 0 2px #ffffffd9;height:48px;left:0;margin:-24px 0 0 -24px;opacity:0;pointer-events:none;position:absolute;top:0;width:48px;z-index:50}@keyframes pa-load{to{transform:scaleX(1)}}@keyframes pa-shake{0%,to{transform:none}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pa-in{0%{opacity:0;transform:translateY(-8px)}}