:root{color-scheme:dark;--o-bg: #0f1d17;--o-surface: #15271f;--o-raised: #1b3027;--o-chrome: #0a140f;--o-text: #c3d0c5;--o-ink: #f5efe0;--o-muted: #8ea293;--o-faint: #5f7566;--o-line: #2a4236;--o-brand: #f1c749;--o-brand-strong: #f7da85;--o-brand-tint: #262e1c;--o-brand-line: #5e5828;--o-on-brand: #241c00;--o-ok: #9ee0b4;--o-ok-tint: #173a2a;--o-warn: #f0b56c;--o-warn-tint: #3a2c14;--o-bad: #f58ca2;--o-bad-tint: #3a1a22;--o-info: #f1c749;--o-info-tint: #262e1c;--o-shadow: none;--o-scrim: rgba(0, 0, 0, .6);--o-avatar-1: #262e1c;--o-avatar-1-text: #f1c749;--o-avatar-2: #24361f;--o-avatar-2-text: #f7da85;--o-avatar-3: #1b3027;--o-avatar-3-text: #9ee0b4;--o-avatar-4: #2a2f19;--o-avatar-4-text: #f1c749;--o-display: "Playfair Display", Georgia, serif}*{box-sizing:border-box}html,body{margin:0;background:var(--o-bg);color:var(--o-text);font-family:Karla,system-ui,sans-serif;font-size:15px;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--o-brand);text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--o-brand) 45%,transparent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.o-app{max-width:480px;min-height:100vh;margin:0 auto;background:var(--o-surface);position:relative;padding-bottom:76px}.o-page{padding:16px}.o-tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:grid;grid-template-columns:repeat(3,1fr);background:var(--o-surface);border-top:1px solid var(--o-line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:20}.o-tabs a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--o-muted)}.o-tabs a.active{color:var(--o-brand)}.o-tabs a svg{width:22px;height:22px}.o-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--o-line);background:var(--o-surface);position:sticky;top:0;z-index:10}.o-header h1{margin:0;font-size:19px;font-weight:700}.o-header .o-header-sub{font-size:12px;color:var(--o-muted)}.o-round{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--o-line);background:var(--o-surface);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--o-shadow)}.o-round svg{width:20px;height:20px}.o-icon-btn{border:0;background:none;padding:6px;display:inline-flex}.o-icon-btn svg{width:22px;height:22px}.o-section-title{margin:18px 0 10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--o-muted)}.o-tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.o-tag.ok{background:var(--o-ok-tint);color:var(--o-ok)}.o-tag.warn{background:var(--o-warn-tint);color:var(--o-warn)}.o-tag.bad{background:var(--o-bad-tint);color:var(--o-bad)}.o-tag.info{background:var(--o-info-tint);color:var(--o-info)}.o-tag.off{background:var(--o-surface);color:var(--o-muted);border:1px solid var(--o-line)}.o-segment{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--o-line);border-radius:14px;background:var(--o-bg)}.o-segment button{border:0;padding:10px;border-radius:10px;background:none;font-weight:700;color:var(--o-muted)}.o-segment button[aria-pressed=true]{background:var(--o-surface);color:var(--o-brand);box-shadow:var(--o-shadow)}.o-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.o-chips button{flex:none;padding:7px 14px;border-radius:999px;border:1px solid var(--o-line);background:var(--o-surface);font-size:13px}.o-chips button[aria-pressed=true]{background:var(--o-brand);border-color:var(--o-brand);color:var(--o-on-brand);font-weight:700}.o-search{display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;border:1px solid var(--o-line);border-radius:14px;background:var(--o-bg)}.o-search svg{flex:none;width:18px;height:18px;color:var(--o-muted)}.o-search input{flex:1;min-width:0;border:0;background:none;outline:none}.o-card{display:flex;gap:12px;width:100%;padding:12px;border:1px solid var(--o-line);border-radius:14px;background:var(--o-surface);text-align:left;color:var(--o-text)}.o-card+.o-card{margin-top:12px}.o-card.dim{opacity:.6}.o-avatar{flex:none;width:64px;height:64px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.o-avatar.c1{background:var(--o-avatar-1);color:var(--o-avatar-1-text)}.o-avatar.c2{background:var(--o-avatar-2);color:var(--o-avatar-2-text)}.o-avatar.c3{background:var(--o-avatar-3);color:var(--o-avatar-3-text)}.o-avatar.c4{background:var(--o-avatar-4);color:var(--o-avatar-4-text)}.o-card-body{flex:1;min-width:0}.o-card-body .o-card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.o-card-body h3{margin:0 0 3px;font-size:16px;font-weight:700}.o-card-body .o-line{font-size:13px;line-height:1.45}.o-card-body .o-line.muted{color:var(--o-muted)}.o-card-body .o-line.small{font-size:12px;color:var(--o-muted)}.o-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid var(--o-line);background:var(--o-surface);font-weight:700}.o-btn.primary{background:var(--o-brand);border-color:var(--o-brand);color:var(--o-on-brand)}.o-btn.soft{background:var(--o-brand-tint);border-color:var(--o-brand-line);color:var(--o-brand)}.o-btn.danger{color:var(--o-bad)}.o-btn.small{min-height:38px;padding:0 14px;font-size:13px;border-radius:10px}.o-btn.block{width:100%}.o-btn:disabled{opacity:.55;cursor:default}.o-btn svg{width:18px;height:18px}.o-error{margin:10px 0;padding:10px 12px;border-radius:12px;background:var(--o-bad-tint);color:var(--o-bad);font-size:13px}.o-note{margin:10px 0;padding:10px 12px;border-radius:12px;background:var(--o-warn-tint);color:var(--o-warn);font-size:13px}.o-empty{padding:40px 16px;text-align:center;color:var(--o-muted)}.o-field{display:block;margin:12px 0}.o-field span{display:block;margin-bottom:6px;font-size:13px;font-weight:600}.o-field input,.o-field textarea{width:100%;padding:12px 14px;border:1px solid var(--o-line);border-radius:12px;background:var(--o-surface);outline:none}.o-field input:focus,.o-field textarea:focus{border-color:var(--o-brand)}.o-home-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}.o-deliver-to{border:0;background:none;padding:0;text-align:left;min-width:0}.o-deliver-to small{display:block;font-size:12px;color:var(--o-muted)}.o-deliver-to strong{display:inline-flex;align-items:center;gap:6px;font-size:17px;max-width:100%}.o-deliver-to strong span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.o-deliver-to strong svg{flex:none;width:16px;height:16px}.o-stack>*+*{margin-top:12px}.o-hero{height:120px;background:var(--o-brand-tint);position:relative}.o-hero .o-round{position:absolute;top:16px;left:16px}.o-hero-logo{position:absolute;left:16px;bottom:-30px;width:64px;height:64px;border-radius:14px;background:var(--o-surface);border:1px solid var(--o-line);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--o-avatar-1-text)}.o-rest-head{padding:40px 16px 0}.o-rest-head h1{margin:0;font-size:22px}.o-rest-head p{margin:4px 0 12px;font-size:13px;color:var(--o-muted)}.o-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.o-facts div{padding:8px 10px;border:1px solid var(--o-line);border-radius:12px}.o-facts small{display:block;font-size:11px;color:var(--o-muted)}.o-facts strong{font-size:13px}.o-cat-tabs{display:flex;gap:20px;overflow-x:auto;padding:14px 16px 0;border-bottom:1px solid var(--o-line);position:sticky;top:0;background:var(--o-surface);z-index:5;scrollbar-width:none}.o-cat-tabs button{flex:none;border:0;background:none;padding:0 0 10px;font-weight:700;color:var(--o-muted);border-bottom:3px solid transparent}.o-cat-tabs button[aria-pressed=true]{color:var(--o-brand);border-bottom-color:var(--o-brand)}.o-items{padding:0 16px}.o-items h2{margin:18px 0 2px;font-size:15px;color:var(--o-muted)}.o-item{display:flex;gap:12px;align-items:center;width:100%;padding:14px 0;border:0;border-bottom:1px solid var(--o-line);background:none;text-align:left}.o-item .o-item-text{flex:1;min-width:0}.o-item strong{display:block;font-size:15px}.o-item small{display:block;margin:3px 0 4px;color:var(--o-muted);font-size:13px}.o-item b{font-size:14px}.o-item.sold-out{opacity:.5;cursor:default}.o-add{flex:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--o-brand-line);background:var(--o-brand-tint);color:var(--o-brand);display:inline-flex;align-items:center;justify-content:center;font-size:22px}.o-add.count{width:28px;height:28px;border-radius:50%;background:var(--o-brand);border-color:var(--o-brand);color:var(--o-on-brand);font-size:13px;font-weight:700}.o-basket-bar{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);width:calc(100% - 32px);max-width:448px;z-index:15}.o-basket-bar .o-btn{width:100%;justify-content:space-between;min-height:54px}.o-basket-bar .o-basket-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;margin-right:10px;border-radius:7px;background:color-mix(in srgb,var(--o-on-brand) 22%,transparent)}.o-scrim{position:fixed;inset:0;background:var(--o-scrim);z-index:40;display:flex;align-items:flex-end;justify-content:center}.o-sheet{width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:var(--o-surface);border-radius:20px 20px 0 0;padding:10px 16px calc(16px + env(safe-area-inset-bottom));animation:o-up .18s ease-out}.o-sheet:before{content:"";display:block;width:40px;height:4px;margin:0 auto 12px;border-radius:2px;background:var(--o-line)}@keyframes o-up{0%{transform:translateY(40px);opacity:.4}}.o-sheet-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.o-sheet-head h2{margin:0;font-size:20px}.o-sheet-head p{margin:4px 0 0;color:var(--o-muted);font-size:13px}.o-group{margin-top:18px}.o-group .o-group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.o-group .o-group-head strong{font-size:15px}.o-group .o-group-head small{font-size:12px;color:var(--o-muted)}.o-option{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--o-line);font-size:14px;cursor:pointer}.o-option input{width:20px;height:20px;accent-color:var(--o-brand)}.o-option span{flex:1}.o-option em{font-style:normal;color:var(--o-muted);font-size:13px}.o-sheet-foot{display:flex;gap:12px;margin-top:16px}.o-sheet-foot .o-qty{display:flex;align-items:center;border:1px solid var(--o-line);border-radius:14px}.o-sheet-foot .o-qty button{width:44px;height:52px;border:0;background:none;font-size:20px}.o-sheet-foot .o-qty output{min-width:24px;text-align:center;font-weight:700}.o-sheet-foot .o-btn{flex:1;min-height:54px}.o-box{margin:12px 0;padding:14px;border:1px solid var(--o-line);border-radius:16px;background:var(--o-surface)}.o-box>h3{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--o-muted)}.o-map{height:150px;border-radius:12px;overflow:hidden;background:var(--o-brand-tint);border:1px solid var(--o-line);z-index:0}.o-map.tall{height:260px}.o-pin{width:18px;height:18px;border-radius:50%;background:var(--o-brand);border:3px solid var(--o-surface);box-shadow:0 0 0 2px var(--o-brand)}.o-pin.shop{background:var(--o-warn);box-shadow:0 0 0 2px var(--o-warn)}.o-pin.rider{background:var(--o-ok);box-shadow:0 0 0 2px var(--o-ok)}.o-address-line{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.o-address-line strong{display:block}.o-address-line small{color:var(--o-muted)}.o-address-line button{border:0;background:none;color:var(--o-brand);font-weight:700}.o-pay{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--o-line);border-radius:14px;background:var(--o-surface);text-align:left}.o-pay+.o-pay{margin-top:8px}.o-pay input{margin-top:3px;width:20px;height:20px;accent-color:var(--o-brand)}.o-pay strong{display:block}.o-pay small{color:var(--o-muted);font-size:12px}.o-pay.selected{border:2px solid var(--o-brand);background:var(--o-brand-tint);padding:11px 13px}.o-pay.disabled{opacity:.55}.o-sums div{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.o-sums .total{margin-top:6px;padding-top:10px;border-top:1px solid var(--o-line);font-weight:700;font-size:16px}.o-basket-line{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--o-line)}.o-basket-line .o-basket-text{flex:1;min-width:0;font-size:14px}.o-basket-line .o-basket-text small{display:block;color:var(--o-muted);font-size:12px}.o-basket-line .o-basket-text .o-line-problem{color:var(--o-bad)}.o-basket-line .o-mini-qty{display:flex;align-items:center;gap:6px}.o-basket-line .o-mini-qty button{width:30px;height:30px;border-radius:50%;border:1px solid var(--o-line);background:var(--o-surface)}.o-pay-bar{position:sticky;bottom:0;margin:0 -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--o-surface);border-top:1px solid var(--o-line)}.o-pay-bar p{margin:8px 0 0;text-align:center;font-size:12px;color:var(--o-muted)}.o-track-map{height:230px;background:var(--o-brand-tint);position:relative}.o-track-map .o-round{position:absolute;top:16px;left:16px;z-index:500}.o-track-map .o-map{height:100%;border-radius:0;border:0}.o-eta{display:flex;justify-content:space-between;align-items:flex-start}.o-eta small{display:block;font-size:12px;color:var(--o-muted)}.o-eta .o-eta-time{font-size:28px;font-weight:800}.o-steps{list-style:none;margin:16px 0;padding:0}.o-steps li{position:relative;display:flex;gap:12px;padding-bottom:14px}.o-steps li:before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:2px;background:var(--o-line)}.o-steps li:last-child:before{display:none}.o-steps li.done:before{background:var(--o-ok)}.o-steps .o-dot{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--o-line);background:var(--o-surface);display:inline-flex;align-items:center;justify-content:center;color:var(--o-on-brand);z-index:1}.o-steps .o-dot svg{width:14px;height:14px}.o-steps .done .o-dot{background:var(--o-ok);border-color:var(--o-ok)}.o-steps .now .o-dot{border:6px solid var(--o-brand)}.o-steps .bad .o-dot{background:var(--o-bad);border-color:var(--o-bad)}.o-steps strong{display:block;font-size:15px}.o-steps .now strong{color:var(--o-brand)}.o-steps .pending strong{color:var(--o-muted);font-weight:600}.o-steps small{font-size:12px;color:var(--o-muted)}.o-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.o-order-card{display:block;padding:14px;border:1px solid var(--o-line);border-radius:14px;background:var(--o-surface);color:var(--o-text)}.o-order-card+.o-order-card{margin-top:12px}.o-order-card.active{border-color:var(--o-brand-line)}.o-order-card .o-card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:6px}.o-order-card h3{margin:0;font-size:16px}.o-order-card p{margin:4px 0;font-size:13px}.o-order-card .muted{color:var(--o-muted)}.o-order-card .o-card-actions{display:flex;gap:8px;margin-top:10px}.o-wa{background:#1fa855;border-color:#1fa855;color:#fff}.o-code{display:inline-block;margin:6px 0;padding:6px 12px;border-radius:10px;background:var(--o-bg);font-family:ui-monospace,monospace;font-size:20px;font-weight:700;letter-spacing:.18em}.o-waiting{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:13px;color:var(--o-muted)}.o-waiting i{width:10px;height:10px;border-radius:50%;background:var(--o-brand);animation:o-pulse 1.2s ease-in-out infinite}@keyframes o-pulse{50%{opacity:.25}}.o-found{list-style:none;margin:8px 0;padding:0;border:1px solid var(--o-line);border-radius:12px;overflow:hidden}.o-found li+li{border-top:1px solid var(--o-line)}.o-found button{width:100%;padding:10px 12px;border:0;background:var(--o-surface);text-align:left;font-size:13px}.o-found button strong{display:block}.o-found button small{color:var(--o-muted)}.o-address-choice{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid var(--o-line);border-radius:12px;background:var(--o-surface);text-align:left}.o-address-choice+.o-address-choice{margin-top:8px}.o-address-choice.selected{border:2px solid var(--o-brand);padding:11px}.o-address-choice div{flex:1;min-width:0}.o-address-choice small{display:block;color:var(--o-muted);font-size:12px}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(/fruit-backdrop.svg) 0 0/900px 900px repeat;opacity:.06}.o-app{background:transparent}.o-app h1,.o-sheet-head h2,.o-items h2{font-family:var(--o-display);font-weight:700;color:var(--o-ink)}.o-card-body h3,.o-item strong,.o-tile strong{color:var(--o-ink)}.o-tabs{background:var(--o-chrome);border-top-color:var(--o-line)}.o-tabs a.active{font-weight:800}.o-header,.o-cat-tabs{background:var(--o-bg)}.o-sheet{background:var(--o-surface);border-top:1px solid var(--o-line)}.o-segment{background:var(--o-surface)}.o-segment button[aria-pressed=true]{background:var(--o-brand);color:var(--o-on-brand)}.o-search{background:var(--o-surface)}.o-search input::placeholder{color:var(--o-muted)}.o-chips button{background:var(--o-surface);color:var(--o-brand);border-color:var(--o-line)}.o-chips button[aria-pressed=true]{color:var(--o-on-brand)}.o-round,.o-btn{background:var(--o-surface);color:var(--o-ink)}.o-btn.primary{color:var(--o-on-brand)}.o-btn.soft{color:var(--o-brand)}.o-section-title{font-family:var(--o-display);font-size:20px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--o-ink)}.o-picture{display:block;background:var(--o-raised);overflow:hidden}.o-picture img{display:block;width:100%;height:100%;object-fit:cover}.o-card{display:block;padding:0;border-radius:20px;overflow:hidden}.o-card:hover{border-color:var(--o-brand-line)}.o-card-row{display:flex;gap:12px;padding:14px}.o-card-cover{height:128px}.o-avatar{font-family:var(--o-display);font-weight:800;overflow:hidden}.o-avatar.has-picture{background:var(--o-ink)}.o-avatar img{width:100%;height:100%;object-fit:cover}.has-cover .o-avatar{width:56px;height:56px;margin-top:-42px;border:3px solid var(--o-surface);border-radius:16px}.o-hero{height:150px;background:var(--o-raised)}.o-hero.has-cover{height:190px}.o-hero .o-round{z-index:2;background:color-mix(in srgb,var(--o-bg) 85%,transparent)}.o-hero-cover{position:absolute;inset:0}.o-hero-logo{z-index:2;overflow:hidden;background:var(--o-avatar-1);border:3px solid var(--o-bg);border-radius:18px;color:var(--o-brand);font-family:var(--o-display);font-weight:800}.o-hero-logo.has-picture{background:var(--o-ink)}.o-hero-logo img{width:100%;height:100%;object-fit:cover}.o-facts div{background:var(--o-surface)}.o-facts div strong{color:var(--o-ink)}.o-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 6px}.o-tile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px 8px 10px;border:1px solid color-mix(in srgb,var(--o-brand) 22%,transparent);border-radius:16px;background:color-mix(in srgb,var(--o-brand) 5%,var(--o-surface));text-align:left;color:var(--o-text)}.o-tile:hover{border-color:var(--o-brand-line)}.o-tile.in-basket{border:2px solid var(--o-brand);padding:7px 7px 9px}.o-tile.sold-out{opacity:.5;cursor:default}.o-tile strong{display:block;font-size:15px;line-height:1.25}.o-tile small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--o-muted);font-size:12px;line-height:1.35}.o-tile-photo{aspect-ratio:4/3;border-radius:11px}.o-tile-photo.empty{display:flex;align-items:center;justify-content:center;background:var(--o-raised);color:var(--o-brand);font-family:var(--o-display);font-size:28px;font-weight:700}.o-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.o-tile-foot b{font-size:14px;color:var(--o-brand)}.o-tile-foot .o-add{width:32px;height:32px;border-radius:10px;font-size:20px}.o-tile-foot .o-add.count{width:28px;height:28px;border-radius:50%}.o-tile.sold-out .o-tile-foot b{color:var(--o-muted);font-size:12px}.o-sheet-photo{height:190px;margin:0 -16px 14px}.o-basket-bar .o-btn{box-shadow:0 6px 24px #00000073}.o-banner{display:flex;align-items:flex-start;gap:10px;margin:12px 16px 0;padding:10px 8px 10px 14px;border-radius:14px;font-size:14px;line-height:1.4}.o-banner span{flex:1}.o-banner .o-icon-btn{min-width:32px;min-height:32px;justify-content:center;font-size:20px;line-height:1;color:inherit}.o-banner.ok{background:var(--o-ok-tint);color:var(--o-ok)}.o-banner.bad{background:var(--o-warn-tint);color:var(--o-warn)}
