.login{height:100%;display:grid;place-items:center;background:radial-gradient(800px 460px at 70% -8%,rgba(58,138,133,.1),transparent 62%),var(--bg)}.login-card{width:420px;max-width:92vw;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:28px 30px 30px;box-shadow:0 40px 100px -34px #163f3d66}.login-logo{display:block;width:150px;height:auto;margin:4px auto 18px}.login-hint{text-align:center;color:var(--muted);font-size:13px;margin-bottom:14px}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.staff-pick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--surface-2);transition:transform var(--duration) var(--ease),border-color var(--duration),box-shadow var(--duration)}.staff-pick:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 14px 30px -14px #246e6959}.staff-pick:active{transform:scale(.96)}.staff-pick .av{width:46px;height:46px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:18px}.staff-pick .nm{font-weight:600;font-size:13px;color:var(--ink)}.staff-pick .rl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.login-back{color:var(--muted);font-size:13px;font-weight:600;margin-bottom:8px}.login-back:hover{color:var(--accent-ink)}.login-who{display:flex;align-items:center;gap:10px;justify-content:center;font-weight:600;color:var(--ink);margin-bottom:16px}.login-who .av{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:13px}.pin-dots{display:flex;gap:14px;align-items:center;justify-content:center;margin-bottom:8px}.pin-dots.shake{animation:pin-shake .42s var(--ease)}.dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--hairline);background:transparent;transition:background var(--duration),border-color var(--duration),transform var(--duration)}.dot.on{background:var(--accent);border-color:var(--accent);transform:scale(1.05)}.dot.more{width:auto;height:auto;border:none;color:var(--accent-ink);font-weight:700;font-size:13px}.login-error,.login-error-spacer{text-align:center;font-size:13px;min-height:20px;margin-bottom:12px}.login-error{color:#b4452f}.login-error-spacer{color:var(--muted)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pin-key{padding:16px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--hairline);font-size:19px;color:var(--ink);transition:transform var(--duration) var(--ease-soft),border-color var(--duration),background var(--duration)}.pin-key:hover{border-color:var(--accent)}.pin-key:active{transform:scale(.96);background:var(--hover)}.pin-key.ghost{color:var(--muted)}.pin-key.spacer{background:transparent;border:none;pointer-events:none}@keyframes pin-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@media(prefers-reduced-motion:reduce){.pin-dots.shake{animation:none}}@media(max-width:360px){.staff-grid{grid-template-columns:repeat(2,1fr)}}.site-unlock{height:100%;display:grid;place-items:center;background:radial-gradient(800px 460px at 70% -8%,rgba(58,138,133,.1),transparent 62%),var(--bg)}.site-unlock-card{width:380px;max-width:92vw;display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:28px 30px 30px;box-shadow:0 40px 100px -34px #163f3d66;text-align:center}.site-unlock-logo{display:block;width:96px;height:auto;margin:4px auto 6px}.site-unlock-hint{color:var(--muted);font-size:13px}.site-unlock-card input{padding:12px 14px;font-size:16px;text-align:center;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-2);color:var(--ink)}.site-unlock-card .primary{padding:12px 16px;font-size:15px;border:none;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-weight:700;cursor:pointer}.site-unlock-card .primary:disabled{opacity:.4;cursor:default}.site-unlock-error{color:#b4452f;font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#163f3d73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:100;animation:fade-in .3s var(--ease-soft) both}.modal{width:420px;max-width:min(420px,92vw);max-height:86vh;overflow-y:auto;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:24px;box-shadow:0 40px 100px -30px #163f3d80;animation:pop-in .42s var(--ease-soft) both}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}.modal h3{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--ink);margin-bottom:16px}.mgroup{margin-bottom:16px}.mgroup-h{font-weight:600;font-size:13px;color:var(--muted);margin-bottom:8px}.mopts{display:flex;flex-wrap:wrap;gap:8px}.mopt{padding:9px 14px;border-radius:999px;border:1px solid var(--hairline);background:var(--surface-2);font-size:13px;color:var(--ink);transition:all var(--duration) var(--ease)}.mopt:hover{border-color:var(--accent)}.mopt.on{background:var(--accent);color:var(--on-accent);border-color:transparent}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.modal-actions .ghost{padding:11px 18px;border-radius:var(--radius);border:1px solid var(--hairline);color:var(--ink)}.modal-actions .primary{padding:11px 22px;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-weight:700}.modal-actions .primary:disabled{opacity:.4}.pay-methods{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.pay-methods button{flex:1;min-width:130px;padding:14px;border-radius:var(--radius);border:1px solid var(--hairline);font-weight:600;color:var(--ink)}.pay-methods button.on{background:var(--accent);color:var(--on-accent);border-color:transparent}.pay-cash label{font-size:13px;color:var(--muted)}.pay-cash input{width:100%;padding:12px;font-size:20px;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);margin:6px 0}.pay-cash .change{color:var(--accent-ink);font-weight:700}.pay-quick{display:flex;gap:8px;margin-bottom:8px}.pay-quick button{flex:1;min-height:44px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--surface-2);font-size:14px;font-weight:600;color:var(--ink);transition:all var(--duration) var(--ease)}.pay-quick button:hover{border-color:var(--accent)}.pay-discount{margin-bottom:14px}.pay-discount label{font-size:13px;color:var(--muted)}.pay-discount input{width:100%;padding:12px;font-size:20px;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);margin:6px 0}.pay-discount .discount-line{color:var(--accent-ink);font-weight:700;font-size:14px}.pay-comment{margin-bottom:14px}.pay-comment label{font-size:13px;color:var(--muted)}.pay-comment input{width:100%;padding:12px;font-size:16px;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);margin:6px 0}.pay-presets{display:flex;flex-wrap:wrap;gap:8px}.pay-presets button{flex:1;min-width:130px;padding:10px 12px;border-radius:999px;border:1px solid var(--hairline);background:var(--surface-2);font-size:13px;font-weight:600;color:var(--ink);transition:all var(--duration) var(--ease)}.pay-presets button:hover{border-color:var(--accent)}.pay-error{color:#b4452f;font-size:13px;margin-top:10px}.pay-note{text-align:center;font-size:13px;opacity:.7;margin:8px 0 0}.pay-note-queued{opacity:1;font-weight:700;font-size:13px;color:#8a5a00;background:#fff3cd;border:1px solid #f2c94c;border-radius:var(--radius);padding:8px 12px;margin:0 0 10px}.receipt-logo{display:block;width:120px;height:auto;margin:0 auto 12px}.receipt-text{font-family:Courier New,monospace;font-size:12px;white-space:pre-wrap;direction:ltr;text-align:start;color:var(--ink);background:var(--surface-2);padding:16px;border-radius:var(--radius);border:1px solid var(--hairline)}.wa-send{display:flex;gap:8px;margin-top:8px}.wa-send input{flex:1;min-width:0}.ui-modal-backdrop{position:fixed;inset:0;background:#163f3d73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:120;animation:fade-in .3s var(--ease-soft) both}.ui-modal{width:380px;max-width:92vw;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:24px;box-shadow:0 40px 100px -30px #163f3d80;animation:pop-in .42s var(--ease-soft) both}@media(prefers-reduced-motion:reduce){.ui-modal-backdrop,.ui-modal{animation:none}}.ui-modal h3{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--ink);margin-bottom:16px}.ui-modal-body{display:flex;flex-direction:column;gap:12px}.ui-modal-body label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.ui-modal-body input,.ui-modal-body select{padding:11px 12px;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-2);color:var(--ink);font-size:15px}.ui-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.ui-modal-actions .ghost{padding:11px 18px;border-radius:var(--radius);border:1px solid var(--hairline);color:var(--ink)}.ui-modal-actions .primary{padding:11px 22px;border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-weight:700}.ui-modal-actions .primary:disabled{opacity:.4}.sales{height:100%;display:grid;grid-template-columns:150px 1fr 360px}.sales-rail{background:var(--surface-2);border-inline-end:1px solid var(--hairline);display:flex;flex-direction:column;gap:6px;padding:14px 10px;overflow-y:auto}.sales-rail button{display:flex;align-items:center;gap:10px;padding:12px;border-radius:var(--radius);color:var(--muted);font-weight:600;font-size:14px;transition:all var(--duration) var(--ease);min-width:0;text-align:start}.sales-rail button .ic{font-size:20px;flex-shrink:0}.sales-rail button .lbl{flex:1;min-width:0;text-align:start;line-height:1.25;overflow-wrap:anywhere;word-break:break-word}.sales-rail button:hover{background:var(--hover)}.sales-rail button.on{background:var(--accent);color:var(--on-accent)}.sales-menu{padding:20px;overflow-y:auto;background:radial-gradient(900px 360px at 80% -8%,rgba(58,138,133,.06),transparent 62%),var(--bg)}.sales-search{position:relative;margin-bottom:16px}.sales-search input{width:100%;padding:12px 16px;border:1px solid var(--hairline);border-radius:999px;background:var(--surface);color:var(--ink);font-size:15px;transition:border-color var(--duration) var(--ease-soft)}.sales-search input:focus{outline:none;border-color:var(--accent)}.sales-search-clear{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px;min-width:40px;min-height:40px;display:grid;place-items:center}.sales-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:13px}.prod{position:relative;text-align:start;padding:16px;min-height:96px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--hairline);box-shadow:0 1px 3px #163f3d0d;display:flex;flex-direction:column;justify-content:space-between;transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration)}.prod:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 16px 34px -14px #246e694d}.prod.out{opacity:.55;filter:grayscale(.4);cursor:not-allowed}.prod.out:hover{transform:none;border-color:var(--hairline);box-shadow:0 1px 3px #163f3d0d}.prod-badge{position:absolute;top:8px;inset-inline-end:8px;font-size:12px;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.02em}.prod-badge.out{background:#b4452f;color:#fff}.prod-badge.low{background:#f3e2c2;color:#8a5a16}.prod:active{transform:scale(.97)}.prod .nm{font-weight:600;font-size:14px;color:var(--ink);text-align:start;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.prod .pr{font-weight:700;color:var(--accent-ink);font-size:16px;margin-top:auto;padding-top:8px;text-align:start}.prod .pr small{font-size:12px;color:var(--muted);margin-inline-start:3px}.sales-order{background:var(--surface);border-inline-start:1px solid var(--hairline);display:flex;flex-direction:column}.sales-order .otabs{display:flex;gap:6px;padding:14px;border-bottom:1px solid var(--hairline)}.sales-order .otabs button{flex:1;padding:9px;border-radius:999px;font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--hairline);transition:all var(--duration) var(--ease)}.sales-order .otabs button.on{background:var(--accent);color:var(--on-accent);border-color:transparent}.lines{flex:1;overflow-y:auto;padding:8px 10px}.lines .empty{text-align:center;color:var(--muted);font-style:italic;margin-top:30px;font-family:var(--font-display)}.line{display:flex;gap:6px;align-items:center;padding:6px 4px;border-bottom:1px solid var(--hairline)}.line .q{display:flex;align-items:center;gap:2px}.line .q button{width:40px;height:40px;border-radius:8px;background:var(--surface-2);border:1px solid var(--hairline);color:var(--ink);font-size:18px}.line .q span{min-width:20px;text-align:center;font-weight:700}.line .info{flex:1;min-width:0}.line .info .t{display:flex;justify-content:space-between;font-weight:600;font-size:14px}.line .info .mods{font-size:12px;color:var(--muted);margin-top:2px}.line .rm{color:var(--muted);font-size:18px;min-width:40px;min-height:40px;display:grid;place-items:center;flex-shrink:0}.totals{padding:12px 18px;border-top:1px solid var(--hairline)}.totals .tr{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin-bottom:6px}.totals .tr.grand{color:var(--ink);font-weight:700;font-size:16px;margin-top:8px;padding-top:10px;border-top:1px solid var(--hairline)}.totals .tr.grand span:last-child{color:var(--accent-ink)}.hold-row{display:flex;gap:8px;margin:10px 18px}.hold-row button{flex:1;min-height:44px;padding:10px;border-radius:var(--radius);border:1px solid var(--hairline);background:var(--surface-2);color:var(--ink);font-weight:600;font-size:13px;transition:all var(--duration) var(--ease)}.hold-row button:hover:not(:disabled){border-color:var(--accent)}.hold-row button:disabled{opacity:.4;cursor:default}.hold-row .hold-recall{border-color:var(--accent);color:var(--accent-ink);font-weight:700}.charge{margin:0 18px 18px;padding:16px;border-radius:var(--radius-lg);background:var(--accent);color:var(--on-accent);font-weight:700;font-size:15px;transition:filter var(--duration),transform var(--duration)}.charge:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.charge:disabled{opacity:.4;cursor:not-allowed}.cart-handle{display:none}@media(max-width:1024px){.sales{grid-template-columns:120px 1fr}.sales-order{grid-column:1 / -1;border-inline-start:0;border-block-start:1px solid var(--hairline)}}@media(max-width:640px){.sales{grid-template-columns:1fr}.sales-rail{flex-direction:row;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-inline-end:none;border-block-end:1px solid var(--hairline);padding:8px 10px;gap:8px}.sales-rail button{flex:0 0 auto;min-width:76px}.sales-menu{padding:12px 12px 120px}.sales-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.sales-order{position:fixed;inset-inline:0;bottom:0;max-height:68vh;z-index:30;background:var(--surface);border-inline-start:none;border-block-start:1px solid var(--hairline);box-shadow:0 -8px 24px -12px #00000040;border-start-start-radius:16px;border-start-end-radius:16px;transition:max-height var(--duration) var(--ease);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}.cart-handle{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 16px 12px;font-weight:700;font-size:14px;color:var(--ink);background:var(--surface);border-bottom:1px solid var(--hairline);flex-shrink:0}.cart-handle:before{content:"";position:absolute;top:6px;inset-inline-start:50%;transform:translate(-50%);width:36px;height:4px;border-radius:999px;background:var(--hairline)}.sales-order:not(.open){max-height:none}.sales-order:not(.open) .otabs,.sales-order:not(.open) .lines,.sales-order:not(.open) .hold-row,.sales-order:not(.open) .totals{display:none}.sales-order:not(.open) .charge{margin:0 12px 12px}.sales-order.open{max-height:85vh}}@media(max-width:380px){.sales-grid{gap:8px}.prod{padding:12px;min-height:84px}.prod .nm{font-size:13px}}.shell{height:100%;display:flex;flex-direction:column}.shell-offline{flex:0 0 auto;width:100%;text-align:center;font-size:13px;font-weight:600;color:#6b4b00;background:#ffe8a3;border-bottom:1px solid #f2c94c;padding:6px 12px}.shell-top{height:64px;display:flex;align-items:center;gap:18px;padding:0 22px;background:var(--surface-2);border-bottom:1px solid var(--hairline)}.shell-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--ink)}.shell-brand .mark{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-family:var(--font-display);font-weight:700}.shell-otabs{display:flex;gap:8px}.shell-otabs button{padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);border:1px solid var(--hairline);transition:all var(--duration) var(--ease)}.shell-otabs button.on{background:var(--accent);color:var(--on-accent);border-color:transparent}.shell-otabs button:hover:not(.on){color:var(--ink);border-color:var(--accent)}.shell-right{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted)}[dir=rtl] .shell-right{margin-left:0;margin-right:auto}.shell-right .lang,.shell-right .signout{padding:7px 12px;border-radius:var(--radius);border:1px solid var(--hairline);color:var(--ink);transition:all var(--duration) var(--ease)}.shell-right .lang:hover,.shell-right .signout:hover{border-color:var(--accent)}.shell-right .sound{font-size:16px;padding:5px 9px;border-radius:var(--radius);border:1px solid var(--hairline);transition:all var(--duration) var(--ease)}.shell-right .sound:hover{border-color:var(--accent)}.who{display:flex;align-items:center;gap:8px}.who .av{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;font-size:12px}.shell-body{flex:1;display:grid;place-items:center}.shell-placeholder{color:var(--muted);font-family:var(--font-display);font-style:italic;font-size:22px}.shell-body-full{flex:1;min-height:0;overflow:hidden}.screen-anim{height:100%;overflow-y:auto}.shell-nav{display:flex;gap:6px}.shell-nav button{padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);border:1px solid var(--hairline);transition:all var(--duration) var(--ease);position:relative}.shell-nav button.on{background:var(--accent);color:var(--on-accent);border-color:transparent}.shell-nav button:hover:not(.on){color:var(--ink);border-color:var(--accent)}.nav-badge{position:absolute;top:-6px;inset-inline-end:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#c0392b;color:#fff;font-size:.7rem;line-height:18px;text-align:center}.nav-badge.dead{background:#7a1408;box-shadow:0 0 0 2px #f2b8ae}@media(max-width:640px){.shell-top{height:auto;flex-wrap:wrap;gap:6px;padding-block:8px}.shell-nav{flex:1 1 100%;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none}.shell-nav::-webkit-scrollbar{display:none}.shell-nav button{flex:0 0 auto}.shell-user-meta{display:none}}.screen-loading{height:100%;display:grid;place-items:center;padding:40px;color:var(--muted);font-family:var(--font-display);font-style:italic;font-size:18px}.whats-new-list{max-height:55vh;overflow-y:auto;margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5;color:var(--ink)}.splash{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:radial-gradient(900px 600px at 50% 42%,rgba(58,138,133,.1),transparent 70%),var(--bg);overflow:hidden}.splash.leaving{animation:splash-out .4s var(--ease-soft) forwards}.splash-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(58,138,133,.2),transparent 62%);filter:blur(10px);animation:splash-glow .6s var(--ease-soft) both,splash-breathe 4s ease-in-out .6s infinite}.splash-logo{position:relative;width:min(330px,54vw);height:auto;animation:splash-logo-in .55s var(--ease-soft) both,splash-breathe 4s ease-in-out .55s infinite;filter:drop-shadow(0 18px 44px rgba(22,63,61,.16))}@media(prefers-reduced-motion:reduce){.splash-glow{animation:none;opacity:.5}.splash-logo{animation:none}.splash.leaving{animation:none;opacity:0;visibility:hidden}}.opad{display:grid;grid-template-columns:104px 1fr 340px;grid-template-rows:auto 1fr;height:100vh;height:100dvh;background:var(--color-bg, #f4f1e9);-webkit-text-size-adjust:100%}.opad-top{grid-column:1 / -1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface, #fff);border-bottom:1px solid #0001}.opad-brand{font-weight:700;font-size:1.15rem;color:var(--color-accent, #3a8a85);display:flex;align-items:center;gap:8px}.opad-brand .mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--color-accent, #3a8a85);color:#fff}.opad-lang{margin-inline-start:auto;min-height:44px;padding:8px 16px;border:0;border-radius:12px;background:#0001;font-size:1rem;cursor:pointer}.opad-rail{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:10px}.opad-rail button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:60px;padding:10px 6px;border:0;border-radius:14px;background:#fff;cursor:pointer}.opad-rail button .ic{font-size:1.3rem}.opad-rail button .lbl{font-size:.82rem;line-height:1.15}.opad-rail button.on{background:var(--color-accent, #3a8a85);color:#fff}.opad-grid{overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:14px;align-content:start}.opad-prod{min-height:100px;border:0;border-radius:16px;background:#fff;cursor:pointer;padding:14px;text-align:start;box-shadow:0 1px 3px #0001;display:flex;flex-direction:column;justify-content:space-between}.opad-prod .nm{font-weight:600;font-size:1.05rem;line-height:1.2}.opad-prod .pr{margin-top:8px;color:var(--color-accent, #3a8a85);font-weight:700;font-size:1.1rem}.opad-prod .pr small{font-size:.65em;margin-inline-start:3px}.opad-prod:active{transform:scale(.97)}.opad-cart{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--color-surface, #fff);border-inline-start:1px solid #0001;min-height:0}.opad-name{min-height:54px;padding:12px 14px;font-size:1.15rem;border:2px solid var(--color-accent, #3a8a85);border-radius:14px;width:100%;box-sizing:border-box}.opad-lines{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:10px;min-height:0}.opad-line{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.opad-line .q{display:flex;align-items:center;gap:8px}.opad-line .q button{width:44px;height:44px;border-radius:12px;border:0;background:#0001;font-size:1.4rem;line-height:1;cursor:pointer}.opad-line .q span{min-width:24px;text-align:center;font-weight:600;font-size:1.1rem}.opad-line .info .t{display:flex;justify-content:space-between;gap:8px;font-size:1.02rem}.opad-line .mods{font-size:.85em;opacity:.7}.opad-line .rm{width:40px;height:40px;border:0;background:transparent;font-size:1.5rem;cursor:pointer;color:#c0392b}.opad-line .empty,.opad-lines .empty{opacity:.5;text-align:center;margin-top:24px;font-size:1rem}.opad-error{color:#c0392b;font-size:.95rem}.opad-send{min-height:60px;padding:16px;font-size:1.2rem;font-weight:700;border:0;border-radius:16px;background:var(--color-accent, #3a8a85);color:#fff;cursor:pointer}.opad-send:disabled{opacity:.45;cursor:default}.opad-send:active:not(:disabled){transform:scale(.98)}.opad-sent{height:100vh;height:100dvh;display:grid;place-content:center;justify-items:center;gap:16px;text-align:center;padding:24px;background:var(--color-bg, #f4f1e9)}.opad-tick{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-size:2.8rem;color:#fff;background:var(--color-accent, #3a8a85)}.opad-sent h2{font-size:1.6rem}.opad-sent p{font-size:1.3rem;font-weight:600}.opad-sent button{min-height:56px;padding:16px 36px;border:0;border-radius:16px;background:var(--color-accent, #3a8a85);color:#fff;font-size:1.15rem;cursor:pointer}@media(max-width:760px){.opad{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto}.opad-rail{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:8px 10px;gap:8px;border-bottom:1px solid #0001}.opad-rail button{flex:0 0 auto;min-width:76px;min-height:56px}.opad-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.opad-prod{min-height:88px}.opad-cart{border-inline-start:0;border-top:1px solid #0008;box-shadow:0 -4px 16px #0002;max-height:46dvh}}@media(max-width:380px){.opad-prod .nm{font-size:1rem}.opad-grid{gap:8px;padding:10px}}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/cormorant-garamond-latin-CUoBjw-S.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/cormorant-garamond-italic-latin-C-nL33vl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/outfit-latin-Bc-8i84L.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent: #3a8a85;--accent-ink: #2c726d;--ink: #163f3d;--muted: #5a706d;--bg: #f4f1e9;--surface: #fffdf8;--surface-2: #fbf9f3;--hairline: #e4ddcb;--hover: #ece6d8;--on-accent: #fbf9f3;--font-display: "Cormorant Garamond", serif;--font-body: "Outfit", system-ui, sans-serif;--radius: 12px;--radius-lg: 15px;--space: 8px;--duration: .24s;--duration-slow: .56s;--ease: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.33, 0, .2, 1);--color-bg: var(--bg);--color-surface: var(--surface);--color-accent: var(--accent);--color-text: var(--ink)}:root[data-theme=dark]{--accent: #57b8b0;--accent-ink: #7fd0c8;--ink: #e9efe9;--muted: #9fb0ad;--bg: #121d1c;--surface: #1c2a28;--surface-2: #233331;--hairline: #2c3d3a;--hover: #243733;--on-accent: #0c1413}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[dir=rtl]{direction:rtl}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes stagger-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-logo-in{0%{opacity:0;transform:scale(.9) translateY(6px);filter:blur(5px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes splash-glow{0%{opacity:0;transform:scale(.75)}to{opacity:.5;transform:scale(1)}}@keyframes splash-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes splash-tagline{0%{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.28em}}@keyframes splash-out{0%{opacity:1}to{opacity:0;visibility:hidden}}.anim-fade-up{animation:fade-in-up .62s var(--ease-soft) both}.anim-fade{animation:fade-in .52s var(--ease-soft) both}.anim-pop{animation:pop-in .46s var(--ease-soft) both}.anim-screen{animation:fade-in-up .56s var(--ease-soft) both}@media(prefers-reduced-motion:reduce){.anim-fade-up,.anim-fade,.anim-pop,.anim-screen{animation:none!important}}