*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#221E19;--ink-2:#726A5D;--ink-3:#9C9384;--ink-4:#B7AE9C;--surface:#FBF8F0;--surface-2:#F3EDDF;--surface-3:#E9E2D0;--border:rgba(34,30,25,.12);--border-2:rgba(34,30,25,.2);--accent:#1F6F5C;--accent-dark:#18574A;--accent-tint:#DCEAE3;--danger:#AD3A2E;--r-sm:10px;--r-md:14px;--r-lg:20px;--glass:rgba(251,248,240,.72);--glass-line:rgba(255,255,255,.5);--shadow:rgba(34,30,25,.18)}html[data-theme=dark]{--ink:#ECE7DA;--ink-2:#B2AA9C;--ink-3:#8A8275;--ink-4:#635D52;--surface:#211F1C;--surface-2:#17181A;--surface-3:#292623;--border:rgba(236,231,218,.12);--border-2:rgba(236,231,218,.2);--accent:#49B08D;--accent-dark:#3C9678;--accent-tint:#1D362F;--danger:#E2685A;--glass:rgba(33,31,28,.68);--glass-line:rgba(255,255,255,.08);--shadow:rgba(0,0,0,.5)}body{font-family:Inter,sans-serif;color:var(--ink);background:var(--surface-2);-webkit-font-smoothing:antialiased;position:relative;transition:background .2s,color .2s}h1,h2,h3,.disp{font-family:Fraunces,serif;font-weight:600;letter-spacing:-.005em}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:0;height:0}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}html[data-theme=dark] body:before{mix-blend-mode:overlay;opacity:.6}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;mix-blend-mode:soft-light;background:radial-gradient(120% 70% at 18% -6%,#ffffff80,#fff0 45%),radial-gradient(90% 60% at 100% 110%,#0000001f,#0000 50%)}html[data-theme=dark] body:after{background:radial-gradient(120% 70% at 18% -6%,#ffffff14,#fff0 45%),radial-gradient(90% 60% at 100% 110%,#00000080,#0000 50%)}.icon-moon{display:block}.icon-sun,html[data-theme=dark] .icon-moon{display:none}html[data-theme=dark] .icon-sun{display:block}#app-splash{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--surface-2);transition:opacity .35s ease,visibility .35s ease}#app-splash.hide{opacity:0;visibility:hidden;pointer-events:none}#app-splash .splash-tile{width:104px;height:104px;border-radius:26px;background:linear-gradient(135deg,#2c8770,#164b3f);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px #1f6f5c47}#app-splash .splash-tile svg{width:52px;height:52px}#app-splash .splash-word{font-family:Fraunces,serif;font-size:24px;font-weight:600;color:var(--ink)}#app-splash .splash-bar{width:120px;height:3px;border-radius:2px;background:var(--border-2);overflow:hidden;position:relative}#app-splash .splash-bar:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:var(--accent);border-radius:2px;animation:splashSlide 1.1s ease-in-out infinite}@keyframes splashSlide{0%{left:-40%}50%{left:60%}to{left:100%}}.topbar,.cat-nav,.wrap,.bottom-nav,.mobile-search-overlay,.modal-bg,.toast{position:relative;z-index:1}.topbar{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;gap:14px}.brand{font-family:Fraunces,serif;font-weight:700;font-size:20px;display:flex;align-items:center;gap:6px;flex-shrink:0}.brand .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.searchbar{flex:1;max-width:520px;position:relative}.searchbar input{width:100%;padding:10px 14px 10px 38px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface-2);font-size:14px;outline:none}.searchbar input:focus{border-color:var(--accent)}.searchbar svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-4)}.top-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.top-actions .wishlist-link{display:none}@media (min-width:861px){.top-actions .wishlist-link{display:flex}}#topbar-notif-btn{display:none}@media (max-width:860px){.top-actions .mobile-hide{display:none}body.mp-logged-in #topbar-notif-btn{display:flex}}.icon-btn{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid var(--border-2);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn svg{width:18px;height:18px}.mobile-search-btn{display:none}.badge{position:absolute;top:-4px;right:-4px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}.cat-nav{display:flex;gap:8px;overflow-x:auto;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.cat-pill{flex-shrink:0;padding:7px 14px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;color:var(--ink-2)}.cat-pill.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}html[data-theme=dark] .cat-pill.active{background:var(--accent);color:#12211c;border-color:var(--accent)}.wrap{max-width:1100px;margin:0 auto;padding:24px 20px 100px}.page{display:none}.page.active{display:block}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:28px 0 14px}.section-head:first-child{margin-top:0}.section-head h2{font-size:19px}.section-head a{font-size:13px;font-weight:700;color:var(--accent-dark)}.hscroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.hscroll .pcard{scroll-snap-align:start}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.pcard{flex-shrink:0;width:160px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;cursor:pointer;transition:transform .15s}.pcard:hover{transform:translateY(-2px)}.pcard .img img.pimg,.pd-imgs .main img.pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.pcard .img{overflow:hidden;width:100%;aspect-ratio:1;background:var(--surface-3) center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--ink-4);font-size:11px}.pcard .body{padding:10px 11px}.pcard .name{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.pcard .price{font-size:14px;font-weight:800;margin-top:4px}.pcard .store{font-size:11px;color:var(--ink-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero{background:linear-gradient(135deg,var(--ink) 0%,#2E2820 100%);border-radius:var(--r-lg);padding:32px 24px;color:#fbf3e3;margin-bottom:8px}html[data-theme=dark] .hero{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%)}.hero h1{font-size:26px;line-height:1.2;max-width:340px}.hero p{color:#ffffffb3;font-size:14px;margin-top:8px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filters select,.filters input{padding:8px 12px;border-radius:var(--r-sm);border:1px solid var(--border-2);background:var(--surface);font-size:13px}.pdetail{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media (max-width:760px){.pdetail{grid-template-columns:1fr}}.pd-imgs .main{overflow:hidden;width:100%;aspect-ratio:1;border-radius:var(--r-lg);background:var(--surface-3) center/cover no-repeat;margin-bottom:8px}.pd-thumbs{display:flex;gap:8px}.pd-thumbs img{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid var(--border);cursor:pointer}.pd-info h1{font-size:22px}.pd-store{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:13px;color:var(--ink-3)}.pd-verified{display:inline-flex;align-items:center;gap:3px;color:var(--accent-dark);font-weight:600;font-size:12px}.pd-rating{display:flex;align-items:center;gap:5px;color:var(--ink);font-weight:600;font-size:13px;margin-bottom:2px}.pd-rating svg{color:#c4882a}.pd-rating span{color:var(--ink-3);font-weight:400}.pd-price{font-size:26px;font-weight:800;margin:14px 0}.pd-desc{font-size:14px;line-height:1.6;color:var(--ink-2);margin-bottom:20px}.pd-readmore{color:var(--accent-dark);font-weight:600;cursor:pointer;white-space:nowrap}.qty-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.qty-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-2);background:var(--surface);cursor:pointer;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:12px;border:none;font-weight:700;font-size:14px;cursor:pointer;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fbf3e3}.btn-dark{background:var(--ink);color:var(--surface)}html[data-theme=dark] .btn-dark{background:var(--accent);color:#12211c}.btn-outline{background:var(--surface);border:1px solid var(--border-2)}.btn-block{width:100%}.btn-sm{padding:8px 14px;font-size:13px;border-radius:9px}.cart-store-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:14px;overflow:hidden}.cart-store-head{padding:12px 14px;font-size:13px;font-weight:700;background:var(--surface-2);border-bottom:1px solid var(--border)}.cart-item{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.cart-item:last-child{border-bottom:none}.cart-item .img{width:56px;height:56px;border-radius:8px;background:var(--surface-3) center/cover no-repeat;flex-shrink:0}.cart-item .name{font-size:13.5px;font-weight:600}.cart-item .variant{font-size:12px;color:var(--ink-3)}.cart-item .row{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.qty-mini{display:flex;align-items:center;gap:8px}.qty-mini button{width:24px;height:24px;border-radius:6px;border:1px solid var(--border-2);background:var(--surface);cursor:pointer}.cart-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:16px}.sum-row{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:8px;color:var(--ink-2)}.sum-row.total{font-size:16px;font-weight:800;color:var(--ink);border-top:1px solid var(--border);padding-top:10px;margin-top:4px}.empty-state{text-align:center;padding:60px 20px;color:var(--ink-3)}.empty-state .emoji{font-size:40px;margin-bottom:12px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:700;margin-bottom:6px;color:var(--ink-2)}.field input,.field textarea,.field select{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--border-2);background:var(--surface);font-size:14px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:14px}.switch{position:relative;width:40px;height:22px;background:var(--border-2);border-radius:11px;cursor:pointer;transition:.15s}.switch.on{background:var(--accent)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.15s}.switch.on:after{transform:translate(18px)}.acc-tabs{display:flex;gap:6px;margin-bottom:20px;overflow-x:auto}.acc-tab{padding:9px 15px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.acc-tab.active{background:var(--ink);color:#fff;border-color:var(--ink)}.order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;margin-bottom:12px}.order-card .top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.order-store-row{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-top:1px solid var(--border)}.pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.pill.paid{background:var(--accent-tint);color:var(--accent-dark)}.pill.pending{background:#f4e4c2;color:#8a5f1e}.pill.refunded{background:#f3dad5;color:var(--danger)}.wallet-card{background:linear-gradient(135deg,var(--ink),#2E2820);color:#fbf3e3;border-radius:var(--r-lg);padding:22px;margin-bottom:20px}.wallet-card .amt{font-size:32px;font-weight:600;font-family:Fraunces,serif;margin-top:6px}.addr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.modal-bg{display:none;position:fixed;inset:0;background:#221e1980;z-index:100;align-items:flex-end;justify-content:center}.modal-bg.show{display:flex}@media (min-width:640px){.modal-bg{align-items:center}}.modal{background:var(--surface);border-radius:20px 20px 0 0;padding:24px 20px;width:100%;max-width:420px;max-height:88vh;overflow-y:auto}@media (min-width:640px){.modal{border-radius:20px}}.modal h3{font-size:18px;margin-bottom:16px}.otp-inputs{display:flex;gap:8px;justify-content:center;margin:18px 0}.otp-inputs input{width:42px;height:52px;text-align:center;font-size:20px;font-weight:700;border-radius:10px;border:1px solid var(--border-2)}.alert{font-size:12.5px;color:var(--danger);margin:6px 0;display:none}.alert.show{display:block}.bottom-nav{display:none}@media (max-width:860px){.bottom-nav{display:flex;gap:2px;position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:50;padding:6px;border-radius:28px;background:var(--glass);width:auto;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid var(--glass-line);box-shadow:0 12px 30px var(--shadow)}.bn-item{flex:none;width:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:7px 2px;border-radius:20px;color:var(--ink-3);cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;transition:background .18s,color .18s,width .18s}.bn-item svg{width:18px;height:18px}.bn-item span{font-size:9px;font-weight:600}.bn-item.active{background:var(--ink);color:#fbf3e3;width:58px}html[data-theme=dark] .bn-item.active{background:var(--accent);color:#12211c}.bn-badge{position:absolute;top:2px;right:calc(50% - 17px);background:var(--danger);color:#fff;font-size:9px;font-weight:700;min-width:14px;height:14px;border-radius:7px;display:none;align-items:center;justify-content:center}.wrap{padding-bottom:100px}.searchbar{display:none}.mobile-search-btn{display:flex}}.mobile-search-overlay{position:fixed;inset:0;z-index:70;background:var(--surface);display:none;flex-direction:column;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top,0px))}.mobile-search-overlay.open{display:flex}.mp-cookie-banner{display:none;position:fixed;left:0;right:0;bottom:0;z-index:99998;background:var(--surface);border-top:1px solid var(--border);padding:16px 20px;box-shadow:0 -4px 20px var(--shadow)}.mp-cookie-banner-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.mp-cookie-banner p{flex:1;min-width:220px;font-size:13px;color:var(--ink-2);margin:0}.mp-cookie-banner-actions{display:flex;gap:8px;flex-shrink:0}.mp-cookie-banner-actions a{font-size:12px;color:var(--ink-3);text-decoration:underline;align-self:center}.mp-cookie-banner-actions button{background:var(--accent);color:var(--accent-text,#fff);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}@media (max-width:860px){.mp-cookie-banner{bottom:calc(78px + env(safe-area-inset-bottom,0px))}}.mobile-search-overlay .row{display:flex;align-items:center;gap:10px}.mobile-search-overlay input{flex:1;padding:11px 14px;border-radius:999px;border:1px solid var(--border-2);font-size:15px;background:var(--surface-2,#f4f4f4)}.mobile-search-overlay .close-btn{background:none;border:none;font-size:22px;color:var(--ink-3);cursor:pointer;padding:0 4px}.spinner{width:22px;height:22px;border:2.5px solid rgba(34,30,25,.15);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:10px;font-size:13.5px;font-weight:600;z-index:200;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;bottom:110px}@media (min-width:860px){.toast{bottom:30px}.toast.show{bottom:40px}}button.bn-item{border:none;background:none;font:inherit}button.cat-pill,button.acc-tab{font-family:inherit}.pcard:focus-visible,.cat-pill:focus-visible,.bn-item:focus-visible,.icon-btn:focus-visible,.btn:focus-visible,.acc-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.icon-btn{padding:0;color:inherit}.switch{border:none;padding:0}.brand{background:none;border:none;color:inherit;font-family:Fraunces,serif}.sw-update{position:fixed;bottom:64px;left:0;right:0;z-index:99999;background:#111;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;font-size:13.5px;box-shadow:0 -2px 10px #00000026}.sw-update button{background:#fff;color:#111;border:none;padding:6px 14px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer}@media (prefers-reduced-motion: reduce){.pcard{transition:none}.spinner{animation-duration:2s}#app-splash .splash-bar:after{animation:none}}