:root{--bg: #f7f5f0;--surface: #ffffff;--surface-2: #efece4;--line: rgba(58, 64, 50, .12);--text: #3a4032;--text-2: #6b7166;--text-3: #9aa096;--accent: #2b4231;--accent-ink: #ffffff;--sale: #2b4231;--radius-lg: 24px;--radius-md: 18px;--radius-pill: 999px;--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 64px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg)}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;font-feature-settings:"cv11","ss01"}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0;text-align:left}button:disabled{cursor:default;opacity:.5}img{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.press{transition:transform .15s ease,opacity .15s ease}.press:active{transform:scale(.97);opacity:.85}.ph-app{min-height:100dvh;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px)}.ph-main{max-width:560px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 20px) 16px 24px;animation:ph-tab-in .24s ease-out}@keyframes ph-tab-in{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}.ph-top{margin:8px 0 20px}.ph-eyebrow{margin:0 0 6px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.ph-title{margin:0;font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-.03em}.ph-h2{margin:0 0 12px;font-size:20px;font-weight:700;letter-spacing:-.02em}.ph-section{margin:24px 0}.ph-muted{color:var(--text-2);font-size:13px;line-height:1.5}.ph-empty{color:var(--text-2);text-align:center;margin:32px 0}.ph-big-number{color:var(--text);font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ph-searchpill,.ph-searchfield{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 18px;border-radius:var(--radius-pill);background:var(--surface);color:var(--text-2);font-size:16px}.ph-searchfield input{flex:1;border:0;outline:none;background:transparent;color:var(--text);font-size:16px;min-width:0}.ph-searchfield:focus-within{box-shadow:0 0 0 2px var(--accent)}.ph-notice{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border-radius:var(--radius-md);background:var(--surface-2);font-size:14px}.ph-notice button{color:var(--accent);font-weight:600;white-space:nowrap}.ph-carousel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px;scroll-padding:0 16px}.ph-hero{flex:0 0 74%;max-width:300px;scroll-snap-align:start;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.ph-hero-img{width:100%;aspect-ratio:4 / 4.4;object-fit:cover}.ph-hero-body{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:4px;padding:48px 16px 16px;background:linear-gradient(to top,#1c241ed9,#1c241e00);color:#fff}.ph-hero-body strong{font-size:18px;letter-spacing:-.01em}.ph-chip-static{align-self:flex-start;padding:4px 10px;border-radius:var(--radius-pill);background:#ffffff38;font-size:12px;font-weight:600;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ph-hero .ph-chip-static{background:#fff3}.ph-sheet .ph-chip-static{background:var(--surface-2);color:var(--text-2)}.ph-chips{display:flex;gap:8px;overflow-x:auto;margin:20px -16px 16px;padding:0 16px}.ph-chip{flex:0 0 auto;padding:10px 16px;border-radius:var(--radius-pill);background:var(--surface);color:var(--text-2);font-size:14px;font-weight:600;white-space:nowrap}.ph-chip.is-active{background:var(--text);color:var(--bg)}.ph-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.ph-card{position:relative;min-width:0;border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.ph-card.is-out{opacity:.55}.ph-card-open{display:flex;flex-direction:column;width:100%;gap:2px;padding-bottom:14px}.ph-card-media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;margin-bottom:10px}.ph-card-img,.ph-thumb-fallback{width:100%;height:100%;object-fit:cover}.ph-card-media .ph-card-img,.ph-card-media .ph-thumb-fallback,.ph-card-open .ph-card-img{border-radius:0}.ph-thumb-fallback{display:flex;align-items:center;justify-content:center;color:#ffffffd9;font-size:40px;font-weight:700}.ph-card-title{padding:0 14px;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ph-card-sub{padding:0 14px;font-size:13px;color:var(--text-2)}.ph-card .ph-price{padding:4px 14px 0}.ph-sale{position:absolute;top:10px;left:10px;padding:4px 9px;border-radius:var(--radius-pill);background:var(--sale);color:#fff;font-size:12px;font-weight:700}.ph-add{position:absolute;right:10px;top:10px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px #2b423140;transition:transform .15s ease}.ph-add:active{transform:scale(.92)}.ph-skel{height:220px;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface));background-size:200% 100%;animation:ph-shimmer 1.2s linear infinite}@keyframes ph-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ph-price{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}.ph-price strong{font-size:16px;font-weight:700;letter-spacing:-.01em}.ph-price s{font-size:13px;color:var(--text-3)}.ph-hero .ph-price strong{color:#fff}.ph-hero .ph-price s{color:#fff9}.ph-list{display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.ph-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-bottom:1px solid var(--line)}.ph-row:last-child{border-bottom:0}button.ph-row:active{background:var(--surface-2)}.ph-row-img{flex:0 0 56px;width:56px;height:56px;border-radius:14px;object-fit:cover;font-size:22px}.ph-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ph-row-text strong{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-row .ph-price{flex-direction:column;align-items:flex-end;gap:0}.ph-row .ph-card-sub{padding:0}.ph-stepper{display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--surface-2);font-variant-numeric:tabular-nums;font-weight:600}.ph-stepper span{min-width:22px;text-align:center}.ph-stepper button{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--surface)}.ph-summary{margin:16px 0;padding:18px;border-radius:var(--radius-lg);background:var(--surface)}.ph-summary-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:15px;color:var(--text-2)}.ph-empty-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 16px;color:var(--text-2);text-align:center}.ph-cta{display:block;width:100%;min-height:56px;padding:0 20px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-size:16px;font-weight:700;text-align:center;transition:transform .15s ease,opacity .15s ease}.ph-cta:active:not(:disabled){transform:scale(.98)}.ph-cta-ghost{width:auto;padding:0 24px;background:var(--surface-2);color:var(--text)}.ph-cartbar{position:fixed;left:12px;right:12px;bottom:calc(var(--nav-h) + var(--safe-bottom) + 8px);z-index:20;max-width:536px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:0 18px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:15px;box-shadow:0 12px 30px #2b42314d;font-variant-numeric:tabular-nums;animation:ph-tab-in .24s ease-out}.ph-cartbar-cta{display:inline-flex;align-items:center;gap:6px}.ph-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(3,1fr);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line)}.ph-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-3);font-size:11px;font-weight:600;text-align:center;transition:color .15s ease}.ph-tabbar button.is-active{color:var(--text)}.ph-tabbar button.is-active svg{color:var(--accent)}.ph-tab-icon{position:relative;display:inline-flex}.ph-badge-count{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-style:normal;font-size:11px;font-weight:800}.ph-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;background:#282e2673}.ph-sheet{position:relative;width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;padding:10px 18px calc(24px + var(--safe-bottom));border-radius:28px 28px 0 0;background:var(--bg)}.ph-grabber{display:block;width:40px;height:5px;margin:0 auto 14px;border-radius:var(--radius-pill);background:var(--surface-2)}.ph-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2)}.ph-sheet-img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:16px;font-size:72px}.ph-sheet .ph-chip-static{margin-bottom:8px}.ph-sheet-title{margin:0 0 8px;font-size:26px;line-height:1.15;letter-spacing:-.02em}.ph-sheet .ph-price{margin-bottom:14px}.ph-sheet .ph-price strong{font-size:24px}.ph-desc{margin:0 0 22px;color:var(--text-2);font-size:15px;line-height:1.6}.ph-toast{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translate(-50%);z-index:60;max-width:calc(100% - 32px);padding:12px 18px;border-radius:var(--radius-pill);background:var(--text);color:var(--bg);font-size:14px;font-weight:600;box-shadow:0 10px 30px #2b423140}.anim-sheet{animation:ph-sheet-up .32s cubic-bezier(.32,.72,0,1)}@keyframes ph-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.anim-fade{animation:ph-fade .2s ease}@keyframes ph-fade{0%{opacity:0}to{opacity:1}}.anim-toast{animation:ph-toast-in .3s cubic-bezier(.32,.72,0,1)}@keyframes ph-toast-in{0%{transform:translate(-50%,-16px);opacity:0}to{transform:translate(-50%);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(min-width:720px){.ph-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ph-hero{flex-basis:300px}}