:root{--c-bg: #14160F;--c-surface: #191C13;--c-surface-2: #1F2318;--c-border: #2C2F22;--c-gold: #C2A878;--c-gold-light: #D4BD8C;--c-gold-dark: #9E895C;--c-leaf: #6FA63F;--c-leaf-light: #8FBE5E;--c-leaf-dark: #4F7A35;--c-flame: #D9772D;--c-cream: #C9BE93;--c-khaki: #9A9A66;--c-text: #E7E9DB;--c-text-dim: rgba(231, 233, 219, .66);--c-text-faint: rgba(231, 233, 219, .42);--c-on-gold: #17190F;--c-success: var(--c-leaf);--c-warning: var(--c-flame);--c-danger: #D9534F;--c-info: var(--c-gold);--glass-bg: linear-gradient(180deg, rgba(31,35,24,.72), rgba(25,28,19,.66));--glass-strong-bg: linear-gradient(180deg, rgba(36,41,28,.85), rgba(28,31,21,.78));--glass-menu-bg: linear-gradient(180deg, rgba(20,22,15,.98), rgba(16,18,12,.98));--blur-1: 14px;--blur-2: 20px;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 26px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 48px;--s-gutter: 16px;--sh-1: 0 6px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);--sh-2: 0 10px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);--sh-nav: 0 -8px 30px rgba(0,0,0,.35);--sh-sheet: 0 -18px 50px rgba(0,0,0,.5);--ring-gold: 0 0 0 2px rgba(194,168,120,.5);--font-serif: Georgia, Cambria, "Times New Roman", serif;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-display: clamp(1.75rem, 1.3rem + 2.2vw, 2.5rem);--fs-h1: clamp(1.4rem, 1.15rem + 1.3vw, 1.9rem);--fs-h2: clamp(1.2rem, 1.05rem + .8vw, 1.5rem);--fs-h3: clamp(1.05rem, .98rem + .4vw, 1.25rem);--fs-body: clamp(.95rem, .92rem + .2vw, 1.05rem);--fs-sm: .875rem;--fs-xs: .78rem;--lh-tight: 1.15;--lh-normal: 1.45;--lh-relaxed: 1.6;--touch-min: 44px;--tap-highlight: rgba(194,168,120,.18);--h-header: 56px;--h-bottom-nav: 62px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--nav-space: calc(var(--h-bottom-nav) + var(--safe-bottom));--z-base: 0;--z-header: 100;--z-bottom-nav: 110;--z-sheet-backdrop: 200;--z-sheet: 210;--z-toast: 300;--dur-fast: .12s;--dur: .22s;--dur-slow: .32s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{margin:0;min-height:100dvh;background-color:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(50% 40% at 10% -5%,rgba(79,122,53,.1),transparent 70%),radial-gradient(45% 35% at 105% 5%,rgba(194,168,120,.07),transparent 70%);background-attachment:fixed;overflow-x:hidden;overscroll-behavior-y:none}#app{position:relative;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-serif);line-height:var(--lh-tight);margin:0;overflow-wrap:break-word}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0}a{color:var(--c-gold-light);text-decoration:none}input,textarea,select,button{font-family:inherit;font-size:16px;color:var(--c-text)}input,textarea,select{width:100%;min-height:var(--touch-min);padding:0 var(--s-4);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-sm);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{padding:var(--s-3) var(--s-4);line-height:var(--lh-normal);resize:vertical}input:focus,textarea:focus,select:focus{border-color:#c2a8788c;box-shadow:var(--ring-gold)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--c-text-faint)}input::placeholder,textarea::placeholder{color:var(--c-text-faint)}button,[role=button],a.btn{min-height:var(--touch-min);-webkit-tap-highlight-color:var(--tap-highlight);cursor:pointer}img,svg,video{max-width:100%;height:auto;display:block}.h-scroll{display:flex;gap:var(--s-3);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:var(--s-gutter);margin-inline:calc(-1 * var(--s-gutter))}.h-scroll::-webkit-scrollbar{display:none}.h-scroll>*{scroll-snap-align:start;flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[hidden]{display:none!important}#boot-splash{position:fixed;inset:0;z-index:var(--z-toast);display:grid;place-items:center;background:var(--c-bg);transition:opacity var(--dur) var(--ease)}#boot-splash.hide{opacity:0;pointer-events:none}.boot-mark{font-family:var(--font-serif);font-size:var(--fs-h1);letter-spacing:.02em;color:var(--c-gold)}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--blur-1)) saturate(120%);border:1px solid rgba(194,168,120,.15);box-shadow:var(--sh-1)}.glass-strong{background:var(--glass-strong-bg);backdrop-filter:blur(var(--blur-2)) saturate(130%);border:1px solid rgba(194,168,120,.15);box-shadow:var(--sh-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:0 var(--s-5);min-height:var(--touch-min);border-radius:var(--r-pill);border:1px solid transparent;font-size:var(--fs-body);font-weight:600;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease)}.btn:active{transform:scale(.97)}.btn-primary{color:var(--c-on-gold);border-color:#e2cb9757;background:linear-gradient(180deg,#e2cb97eb,#c2a878bd);box-shadow:inset 0 1px #ffffff2e,0 10px 26px #c2a8781f}.btn-ghost{color:var(--c-text);border-color:var(--c-border);background:#ffffff07}.btn-leaf{color:#10130b;background:linear-gradient(180deg,var(--c-leaf-light),var(--c-leaf-dark))}.btn-block{display:flex;width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn-icon{width:var(--touch-min);min-height:var(--touch-min);padding:0;border-radius:var(--r-pill);background:transparent;border:1px solid transparent;color:var(--c-text);display:inline-flex;align-items:center;justify-content:center}.btn-icon:active{background:#ffffff0d}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-4);box-shadow:var(--sh-1)}.card-tap{transition:transform var(--dur-fast) var(--ease)}.card-tap:active{transform:scale(.985)}.chip{display:inline-flex;align-items:center;gap:var(--s-1);padding:0 var(--s-4);min-height:38px;border-radius:var(--r-pill);border:1px solid var(--c-border);background:var(--c-surface-2);color:var(--c-text-dim);font-size:var(--fs-sm);white-space:nowrap}.chip[aria-selected=true],.chip.is-active{color:var(--c-on-gold);border-color:#e2cb9766;background:linear-gradient(180deg,#e2cb97e6,#c2a878b3);font-weight:600}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;line-height:1.6}.badge-leaf{color:var(--c-leaf-light);background:#6fa63f24}.badge-gold{color:var(--c-gold-light);background:#c2a87824}.badge-flame{color:var(--c-flame);background:#d9772d26}.badge-dim{color:var(--c-text-dim);background:#ffffff0d}.appbar{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;gap:var(--s-2);height:calc(var(--h-header) + var(--safe-top));padding:var(--safe-top) var(--s-3) 0;background:linear-gradient(180deg,#14160feb,#14160fb8);backdrop-filter:blur(var(--blur-1));border-bottom:1px solid rgba(194,168,120,.1)}.appbar-title{font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:600;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bottom-nav);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:var(--nav-space);padding-bottom:var(--safe-bottom);background:linear-gradient(180deg,#191c13db,#14160ff5);backdrop-filter:blur(var(--blur-2));border-top:1px solid rgba(194,168,120,.12);box-shadow:var(--sh-nav)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--touch-min);color:var(--c-text-faint);font-size:10.5px;letter-spacing:.01em;background:none;border:0}.nav-item .nav-ico{width:24px;height:24px}.nav-item[aria-current=page],.nav-item.is-active{color:var(--c-gold)}.nav-item:active{color:var(--c-gold-light)}.screen{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-space) + var(--s-6))}.screen-pad{padding-inline:var(--s-gutter)}.section{margin-top:var(--s-6)}.section-title{font-family:var(--font-serif);font-size:var(--fs-h3);margin-bottom:var(--s-3)}.section-hint{color:var(--c-text-dim);font-size:var(--fs-sm)}.sheet-backdrop{position:fixed;inset:0;z-index:var(--z-sheet-backdrop);background:#00000080;backdrop-filter:blur(2px);opacity:0;transition:opacity var(--dur) var(--ease)}.sheet-backdrop.open{opacity:1}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sheet);max-height:92dvh;display:flex;flex-direction:column;background:var(--glass-menu-bg);backdrop-filter:blur(var(--blur-2));border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);border-top:1px solid rgba(194,168,120,.16);box-shadow:var(--sh-sheet);padding-bottom:var(--safe-bottom);transform:translateY(100%);transition:transform var(--dur-slow) var(--ease)}.sheet.open{transform:translateY(0)}.sheet-grip{width:40px;height:4px;border-radius:var(--r-pill);background:#e7e9db47;margin:var(--s-3) auto var(--s-1);flex:0 0 auto}.sheet-head{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-gutter) var(--s-3)}.sheet-title{font-family:var(--font-serif);font-size:var(--fs-h3);flex:1}.sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 var(--s-gutter) var(--s-5)}.list{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) 0;min-height:var(--touch-min);border-bottom:1px solid var(--c-border)}.row:last-child{border-bottom:0}.row-main{flex:1 1 auto;min-width:0}.row-title{font-weight:600;overflow-wrap:break-word}.row-sub{color:var(--c-text-dim);font-size:var(--fs-sm)}.row-end{flex:0 0 auto;text-align:right}.skeleton{border-radius:var(--r-sm);background:linear-gradient(100deg,#ffffff0a 30%,#ffffff17,#ffffff0a 70%);background-size:200% 100%;animation:sk 1.3s var(--ease) infinite}@keyframes sk{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-3);padding:var(--s-8) var(--s-6);color:var(--c-text-dim)}.state-ico{color:var(--c-gold);opacity:.8}.state-title{font-family:var(--font-serif);font-size:var(--fs-h3);color:var(--c-text)}.toast-host{position:fixed;left:0;right:0;bottom:calc(var(--nav-space) + var(--s-3));z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--s-2);padding:0 var(--s-gutter);pointer-events:none}.toast{max-width:100%;padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--glass-menu-bg);border:1px solid rgba(194,168,120,.2);box-shadow:var(--sh-2);font-size:var(--fs-sm);transform:translateY(8px);opacity:0;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.toast.show{opacity:1;transform:translateY(0)}.offline-bar{position:sticky;top:calc(var(--h-header) + var(--safe-top));z-index:var(--z-header);padding:var(--s-2) var(--s-gutter);background:#d9772d29;color:var(--c-flame);font-size:var(--fs-sm);text-align:center}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}@media(min-width:560px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:820px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.product-card{display:flex;flex-direction:column;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;text-align:left;min-width:0;transition:transform var(--dur-fast) var(--ease)}.product-card:active{transform:scale(.985)}.product-media{position:relative;aspect-ratio:1 / 1;max-width:100%;background:linear-gradient(160deg,#20241a,#171a12);display:grid;place-items:center;overflow:hidden}.product-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-ph{width:46%;height:46%;opacity:.5;color:var(--c-gold)}.product-organic{position:absolute;top:var(--s-2);left:var(--s-2)}.product-body{padding:var(--s-3);display:flex;flex-direction:column;gap:2px;min-width:0}.product-name{font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-producer{color:var(--c-text-dim);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-price-row{margin-top:var(--s-2);display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.product-price{color:var(--c-gold-light);font-weight:700;font-size:var(--fs-body)}.product-unit{color:var(--c-text-dim);font-size:var(--fs-xs)}.detail-media{aspect-ratio:4 / 3;max-width:100%;background:linear-gradient(160deg,#20241a,#171a12);display:grid;place-items:center;border-radius:var(--r-md);overflow:hidden;margin-bottom:var(--s-4)}.detail-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.detail-price{color:var(--c-gold-light);font-weight:700;font-size:var(--fs-h2)}.detail-meta{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-4)}.detail-meta-row{display:flex;align-items:center;gap:var(--s-2);color:var(--c-text-dim)}.detail-cta{position:sticky;bottom:0;margin:var(--s-5) calc(-1 * var(--s-gutter)) 0;padding:var(--s-3) var(--s-gutter) calc(var(--s-3) + var(--safe-bottom));background:linear-gradient(180deg,#14160f00,#14160feb 30%)}.more-row{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:52px;padding:var(--s-2) var(--s-1);text-align:left;background:none;border:0;border-bottom:1px solid var(--c-border);color:var(--c-text)}.more-row:last-child{border-bottom:0}.more-row:active{background:#ffffff0a}.more-ico{width:24px;height:24px;flex:0 0 24px;color:var(--c-gold)}.more-row .row-title{font-weight:600}.row .ico,.more-row .ico{width:24px;height:24px;flex:0 0 auto}.cart-row{display:flex;gap:var(--s-3);padding:var(--s-3) 0;border-bottom:1px solid var(--c-border);align-items:center}.cart-thumb{width:56px;height:56px;flex:0 0 56px;border-radius:var(--r-sm);background:linear-gradient(160deg,#20241a,#171a12);display:grid;place-items:center;overflow:hidden}.cart-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cart-thumb .ico{width:40%;height:40%;color:var(--c-gold);opacity:.6}.cart-info{flex:1 1 auto;min-width:0}.cart-name{font-weight:600;overflow-wrap:break-word}.cart-unitprice{color:var(--c-text-dim);font-size:var(--fs-sm)}.cart-end{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:var(--s-2)}.qty{display:inline-flex;align-items:center;border:1px solid var(--c-border);border-radius:var(--r-pill);overflow:hidden}.qty button{width:34px;height:34px;min-height:34px;background:var(--c-surface-2);color:var(--c-text);border:0;display:grid;place-items:center}.qty button:active{background:#ffffff0f}.qty .qty-val{min-width:34px;text-align:center;font-weight:600;font-size:var(--fs-sm)}.cart-linetotal{color:var(--c-gold-light);font-weight:700;white-space:nowrap}.cart-bar{position:sticky;bottom:0;margin:var(--s-5) calc(-1 * var(--s-gutter)) 0;padding:var(--s-3) var(--s-gutter) calc(var(--s-3) + var(--safe-bottom));background:linear-gradient(180deg,#14160f00,#14160ff2 25%)}.cart-total-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s-3)}.cart-total-row .big{font-size:var(--fs-h3);font-weight:700;color:var(--c-gold-light)}.count-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-pill);background:var(--c-leaf);color:#10130b;font-size:10px;font-weight:700;display:grid;place-items:center}.badge-host{position:relative}