:root{--primary:#0a7e3e;--primary-dark:#086530;--primary-50:#e8f3ec;--primary-100:#d4e9db;--secondary:#f5a623;--secondary-dark:#d88e12;--error:#d32f2f;--success:#0a7e3e;--bg:#f4f8ee;--surface:#fff;--surface-2:#f7fbf3;--border:#e2e8da;--border-strong:#c9d4bd;--text:#1b2419;--text-muted:#5c6b5a;--text-soft:#8b9789;--shadow-sm:0 1px 2px #0a3c1e0f;--shadow-md:0 4px 14px #0a3c1e14;--shadow-lg:0 12px 32px #0a3c1e1f;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--sans:"Urbanist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:"Urbanist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100svh;margin:0;padding:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--heading);color:var(--text);letter-spacing:-.01em;margin:0;font-weight:700}p{margin:0}.kente-bg{background-color:var(--bg);background-image:linear-gradient(135deg,#0a7e3e0f 25%,#0000 25%),linear-gradient(225deg,#0a7e3e0f 25%,#0000 25%),linear-gradient(45deg,#0a7e3e0f 25%,#0000 25%),linear-gradient(315deg,#0a7e3e0f 25%,#0000 25%);background-position:20px 0,20px 0,0 0,0 0;background-repeat:repeat;background-size:40px 40px}.btn{border-radius:var(--r-pill);justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#2a1f00}.btn-secondary:hover{background:var(--secondary-dark)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:#fff}.chip{border-radius:var(--r-pill);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;cursor:pointer;background:#fff;align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.cf-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0a3c1e73;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.cf-dialog{text-align:center;width:100%;max-width:380px;box-shadow:var(--shadow-lg);background:#fff;border-radius:22px;padding:28px 24px 22px;position:relative}.cf-close{width:32px;height:32px;color:var(--text-muted);border-radius:50%;place-items:center;transition:all .15s;display:grid;position:absolute;top:12px;right:12px}.cf-close:hover{background:var(--surface-2);color:var(--text)}.cf-icon{background:var(--primary-50);width:56px;height:56px;color:var(--primary);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.cf-icon.danger{color:var(--error);background:#fde6e6}.cf-title{font-size:1.1rem;font-weight:800}.cf-body{color:var(--text-muted);margin-top:6px;font-size:.92rem}.cf-actions{gap:10px;margin-top:20px;display:flex}.cf-actions .btn{flex:1}.btn-danger{background:var(--error);color:#fff;box-shadow:0 6px 16px #d32f2f4d}.btn-danger:hover{filter:brightness(.95)}.fab-cart{bottom:calc(76px + env(safe-area-inset-bottom,0px));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:var(--primary);color:#fff;border-radius:var(--r-pill);z-index:45;align-items:center;gap:12px;padding:10px 16px 10px 10px;font-family:inherit;display:inline-flex;position:fixed;right:16px;box-shadow:0 14px 32px #0a7e3e5c}.fab-icon{background:#ffffff2e;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:relative}.fab-badge{background:var(--secondary);color:#2a1f00;border:2px solid var(--primary);border-radius:11px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.72rem;font-weight:800;display:grid;position:absolute;top:-6px;right:-6px}.fab-text{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.fab-text strong{font-size:.85rem;font-weight:800}.fab-text span{opacity:.9;font-size:.72rem}@media (max-width:720px){.fab-cart{bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.sbay-logo{justify-content:center;align-items:center;display:inline-flex}.sbay-logo-image{object-fit:contain;display:block}.av-img,.av-ini{-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.av-ini{color:#fff;letter-spacing:.02em;text-transform:uppercase;border:2px solid #ffffff40;font-weight:700}.av-img{object-fit:cover}.dnav{display:none}@media (min-width:961px){.dnav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--border);background:#fffffff2;display:block;position:sticky;top:0;left:0;right:0;box-shadow:0 2px 12px #0a3c1e0d}.dnav-inner{grid-template-columns:auto auto 1fr auto;align-items:center;gap:22px;max-width:1400px;height:68px;margin:0 auto;padding:0 28px;display:grid}.dnav-brand{display:inline-flex}.dnav-links{align-items:center;gap:4px;display:flex}.dnav-link{border-radius:var(--r-pill);color:var(--text-muted);align-items:center;gap:6px;padding:9px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.dnav-link:hover{background:var(--surface-2);color:var(--text)}.dnav-link.active{background:var(--primary-50);color:var(--primary)}.dnav-search-form{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-pill);justify-self:stretch;align-items:center;gap:10px;width:100%;max-width:440px;height:44px;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.dnav-search-form:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #0a7e3e17}.dnav-search-ic{color:var(--text-muted);flex-shrink:0}.dnav-search-form:focus-within .dnav-search-ic{color:var(--primary)}.dnav-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:.9rem}.dnav-search-input::placeholder{color:var(--text-muted)}.dnav-search-input::-webkit-search-cancel-button{cursor:pointer}.dnav-actions{align-items:center;gap:10px;display:inline-flex}.dnav-sell{background:var(--secondary);color:#2a1f00;border-radius:var(--r-pill);align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 16px #f5a62359}.dnav-sell:hover{transform:translateY(-1px);box-shadow:0 8px 20px #f5a62373}.dnav-signin{border-radius:var(--r-pill);background:var(--primary);color:#fff;padding:10px 18px;font-family:inherit;font-weight:700;transition:background .15s}.dnav-signin:hover{background:var(--primary-dark)}.dnav .icon-btn{width:40px;height:40px;color:var(--text);background:0 0;border-radius:50%;place-items:center;display:grid;position:relative}.dnav .icon-btn:hover{background:var(--surface-2)}.dnav .icon-btn .dot{background:var(--error);border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:9px;right:10px}.dnav .icon-btn .badge{background:var(--primary);color:#fff;border:2px solid #fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.68rem;font-weight:800;display:grid;position:absolute;top:2px;right:2px}.dnav .avatar{border:2px solid var(--primary);background-position:50%;background-size:cover;border-radius:50%;width:40px;height:40px}}@media (min-width:961px) and (max-width:1200px){.dnav-inner{grid-template-columns:auto auto 1fr auto;gap:12px;padding:0 16px}.dnav-link span{display:none}.dnav-link{border-radius:10px;padding:10px}.dnav-search-form{max-width:280px;height:40px;padding:0 12px}.dnav-search-input{font-size:.84rem}.dnav-actions{gap:6px}.dnav-sell{padding:8px 14px;font-size:.84rem}.dnav-sell span{display:none}.dnav-signin{padding:8px 14px;font-size:.84rem}.dnav .icon-btn{width:36px;height:36px}}@media (min-width:1400px){.dnav-inner{max-width:1600px;padding:0 48px}}.support-fab{z-index:9999;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0a7e3e 0%,#065f2e 100%);border:none;border-radius:50%;justify-content:center;align-items:center;gap:2px;width:54px;height:54px;transition:box-shadow .2s;display:flex;position:fixed;bottom:96px;left:16px;box-shadow:0 4px 16px #00000047}.support-fab:active{cursor:grabbing}.support-fab:hover{box-shadow:0 6px 22px #00000059}.support-grip{opacity:.45;flex-shrink:0}@media (min-width:961px){.support-fab{bottom:28px;right:28px}}.support-panel{z-index:9998;background:#fff;border:1px solid #0a7e3e29;border-radius:18px;flex-direction:column;width:380px;max-width:calc(100vw - 32px);max-height:min(480px,100vh - 200px);animation:.22s ease-out sw-up;display:flex;position:fixed;bottom:160px;left:16px;overflow:hidden;box-shadow:0 18px 50px #0f17113d}body.support-open{touch-action:none;overflow:hidden!important}@keyframes sw-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (min-width:961px){.support-panel{bottom:96px;right:28px}}.support-header{color:#fff;background:linear-gradient(135deg,#064d2a 0%,#0a7e3e 100%);flex-shrink:0;align-items:center;gap:10px;padding:16px;display:flex}.support-header-icon{background:#ffffff29;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.support-header strong{font-size:15px;display:block}.support-header small{color:#ffffffc7;margin-top:2px;font-size:12px;display:block}.support-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:auto;transition:background .15s;display:grid}.support-close:hover{background:#ffffff47}.support-form{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow-y:auto}.support-form p{color:#4b5a50;margin:0 0 4px;font-size:14px;line-height:1.4}.support-field{gap:6px;display:grid}.support-field span{color:#5a6b60;font-size:12px;font-weight:700}.support-input-wrap{color:#6d786f;background:#f7faf7;border:1px solid #dfe7df;border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.support-form input,.support-form textarea{color:#1d2a21;background:0 0;border:0;width:100%;font-family:inherit;font-size:14px}.support-form input{padding:11px 0}.support-form textarea{resize:vertical;background:#f7faf7;border:1px solid #dfe7df;border-radius:10px;min-height:112px;padding:12px}.support-form input:focus,.support-form textarea:focus{outline:none}.support-input-wrap:focus-within,.support-form textarea:focus{background:#fff;border-color:#0a7e3e;box-shadow:0 0 0 3px #0a7e3e1f}.support-messages{background:#f9fafb;flex-direction:column;flex:1;gap:10px;padding:14px 12px;display:flex;overflow-y:auto}.support-empty{color:#888;text-align:center;margin:auto;padding:20px 0;font-size:13px}.support-msg{word-break:break-word;border-radius:14px;max-width:82%;padding:10px 14px;font-size:14px;line-height:1.45}.support-msg.user{color:#fff;background:#0a7e3e;border-bottom-right-radius:4px;align-self:flex-end}.support-msg.admin{color:#222;background:#e8e8e8;border-bottom-left-radius:4px;align-self:flex-start}.support-input{background:#fff;border-top:1px solid #eee;flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.support-input textarea{resize:none;border:1px solid #ddd;border-radius:10px;flex:1;max-height:80px;padding:10px 12px;font-family:inherit;font-size:14px}.support-input textarea:focus{border-color:#0a7e3e;outline:none}.support-input button{color:#fff;cursor:pointer;background:#0a7e3e;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex}.support-input button:hover{background:#0d9c4d}.support-input button:disabled{cursor:not-allowed;background:#ccc}.support-error{color:#b3372c;background:#fde6e6;border-radius:8px;margin:0;padding:9px 12px;font-size:13px;font-weight:600}.support-success{color:#0a7e3e;background:#e6f4ec;border-radius:8px;margin:0;padding:9px 12px;font-size:13px;font-weight:600}.support-field-err{color:#b3372c;margin-top:-2px;font-size:11px;font-weight:600}.support-input-wrap.has-err,.support-form textarea.has-err{border-color:#e07070}.support-guest-note{color:#0a7e3e;background:#f0f8f4;border-left:3px solid #0a7e3e;border-radius:8px;margin:0;padding:8px 12px;font-size:12.5px;font-weight:600}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:480px){.support-panel{width:auto;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);bottom:80px;left:8px;right:8px}}.network-banner{z-index:9999;color:#fff;align-items:center;gap:10px;padding:10px 16px;font-size:.85rem;font-weight:600;animation:.3s ease-out nb-slide;display:flex;position:fixed;top:0;left:0;right:0}.network-banner.offline{background:#c0392b}.network-banner.server{background:#e67e22}.network-banner.timeout{background:#8e44ad}.network-banner-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.network-banner button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;place-items:center;width:28px;height:28px;transition:background .15s;display:grid}.network-banner button:hover{background:#ffffff59}@keyframes nb-slide{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (min-width:961px){.network-banner{top:68px}}.install-prompt{color:#fff;z-index:9998;background:linear-gradient(135deg,#0a7e3e 0%,#0d9647 100%);border-radius:12px;width:calc(100% - 40px);max-width:500px;padding:20px;animation:.4s ease-out slideDown;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0a7e3e4d}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}.install-content{gap:16px;margin-bottom:16px;display:flex}.install-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.install-text h3{margin:0 0 8px;font-size:1.1rem;font-weight:700}.install-text p{opacity:.95;margin:0;font-size:.9rem;line-height:1.5}.install-ios-steps{gap:7px;margin:0;padding:0;font-size:.9rem;line-height:1.4;list-style:none;display:grid}.install-ios-steps li{align-items:center;gap:8px;display:flex}.install-actions{align-items:center;gap:12px;display:flex}.btn-install{color:#0a7e3e;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.btn-install:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-dismiss{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-dismiss:hover{background:#fff3;border-color:#ffffff80}@media (max-width:640px){.install-prompt{width:calc(100% - 20px);padding:16px;top:70px}.install-content{gap:12px}.install-icon{width:40px;height:40px}.install-text h3{font-size:1rem}.install-text p{font-size:.85rem}}