.tembo-funnel{--fs-amber-bg:#fbf1d6;--fs-amber-line:#ecd9a2;--fs-amber-ink:#6b4a00;--fs-amber-bar:#8c6200}.tembo-funnel[data-theme=dark]{--fs-amber-bg:color-mix(in srgb,var(--warn) 14%,var(--bg-surface));--fs-amber-line:color-mix(in srgb,var(--warn) 40%,var(--bg-surface));--fs-amber-ink:var(--warn);--fs-amber-bar:var(--warn)}.tembo-funnel .drawer.is-stand .fn-body{display:flex;flex-direction:column}.tembo-funnel .drawer.is-stand .fn-step,.tembo-funnel .fs-step{flex:1 0 auto;display:flex;flex-direction:column;min-height:0}.tembo-funnel .fs-step{gap:14px}.tembo-funnel .fs-tt{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.tembo-funnel .fs-tt h3{margin:0}.tembo-funnel .fs-count{margin:2px 0 0;font-size:14px;color:var(--fn-muted)}.tembo-funnel .fs-count strong{color:var(--accent-ink);font-weight:700}.tembo-funnel .fs-held{max-width:300px;font-size:12.5px;line-height:1.4;color:var(--fn-muted);text-align:end}.tembo-funnel .fs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tembo-funnel .fs-notice{display:flex;align-items:flex-start;gap:10px;padding:11px 12px 11px 14px;border-radius:12px;background:var(--fs-amber-bg);border:1px solid var(--fs-amber-line);color:var(--fs-amber-ink);font-size:13.5px;line-height:1.45;animation:fn-step-in .26s var(--fn-ease)}.tembo-funnel .fs-notice.ok{background:var(--fn-sel-bg);border-color:var(--fn-sel-border);color:var(--fn-ink)}.tembo-funnel .fs-notice>svg{width:18px;height:18px;flex:none;margin-top:1px}.tembo-funnel .fs-notice>span{flex:1}.tembo-funnel .fs-notice-x{flex:none;display:grid;place-items:center;width:28px;height:28px;margin:-4px -2px -4px 0;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.tembo-funnel .fs-notice-x:hover{background:rgba(0,0,0,.06)}.tembo-funnel .fs-notice-x svg{width:15px;height:15px}.tembo-funnel .fs-bar{display:flex;align-items:center;gap:10px}.tembo-funnel .fs-pills{flex:1;min-width:0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:3px 2px;margin:-3px -2px}.tembo-funnel .fs-pills::-webkit-scrollbar{display:none}.tembo-funnel .fs-pill{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:9px;height:40px;padding-inline:10px 16px;border-radius:999px;border:1px solid var(--fn-ctl-border);background:var(--bg-surface);color:var(--text-secondary);font:inherit;font-size:13.5px;white-space:nowrap;cursor:pointer}.tembo-funnel .fs-pill:first-child{padding-inline-start:16px}.tembo-funnel .fs-pill:hover{border-color:var(--fn-ink)}.tembo-funnel .fs-pill b{font-weight:600;color:var(--fn-ink)}.tembo-funnel .fs-pill em{font-style:normal;color:var(--fn-muted);direction:ltr;unicode-bidi:isolate}.tembo-funnel .fs-pill.on{background:var(--fn-tile);border-color:var(--fn-tile)}.tembo-funnel .fs-pill.on b{color:#fff}.tembo-funnel .fs-pill.on em{color:#c9cec9}.tembo-funnel .fs-view{flex:none;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--fn-ctl-border);background:var(--fn-surface-2);color:var(--fn-ink);font:inherit;font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer}.tembo-funnel .fs-view svg{width:17px;height:17px}.tembo-funnel .fs-view:hover{border-color:var(--fn-ink)}.tembo-funnel :is(.fs-pill,.fs-view,.fs-change,.fs-lrow,.fs-banner-btn):focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.tembo-funnel .fs-short,.tembo-funnel .fs-view-title{display:none}.tembo-funnel .fs-sw{position:relative;display:inline-block;flex:none;width:18px;height:18px;border-radius:4px;box-shadow:inset 0 0 0 1px rgba(14,20,15,.22)}.tembo-funnel .fs-sw.big{width:44px;height:44px;border-radius:10px}.tembo-funnel .fs-sw[data-pattern=dots]{background-image:radial-gradient(rgba(14,20,15,.34) 1px,transparent 1.3px);background-size:5px 5px}.tembo-funnel .fs-sw[data-pattern=stripes]{background-image:repeating-linear-gradient(135deg,rgba(14,20,15,.3) 0 2px,transparent 2px 6px)}.tembo-funnel .fs-sw[data-pattern=grid]{background-image:linear-gradient(rgba(14,20,15,.28) 1px,transparent 0),linear-gradient(90deg,rgba(14,20,15,.28) 1px,transparent 0);background-size:6px 6px}.tembo-funnel .fs-sw.hold{background:#fff;box-shadow:none;border:1.5px dashed #8c6200}.tembo-funnel .fs-sw.taken{background:repeating-linear-gradient(45deg,#cdd1cd 0 1px,#e9ebe9 1px 5px);box-shadow:inset 0 0 0 1px #c0c5c0}.tembo-funnel .fs-sw.me{background:#d8f0ac;box-shadow:inset 0 0 0 1px #6fae2d;outline:2.5px solid #0e140f;outline-offset:1.5px}.tembo-funnel .fs-plan{position:relative;flex:1 0 300px;min-height:300px;border:1px solid var(--fn-line);border-radius:16px;overflow:hidden;background:#eceeec}.tembo-funnel .fs-plan .fpc{position:absolute;inset:0;min-height:0}.tembo-funnel .fs-hint{position:absolute;inset-inline:0;bottom:14px;margin:0 auto;width:-moz-max-content;width:max-content;max-width:calc(100% - 24px);display:none;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;background:rgba(14,20,15,.88);color:#fff;font-size:12px;pointer-events:none;z-index:3}.tembo-funnel .fs-hint svg{width:15px;height:15px}@media (pointer:coarse){.tembo-funnel .fs-hint{display:flex}}.tembo-funnel .fs-pointer-coarse{display:none}@media (pointer:coarse){.tembo-funnel .fs-pointer-fine{display:none}.tembo-funnel .fs-pointer-coarse{display:inline}}.tembo-funnel .fs-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;font-size:13px;color:var(--text-secondary);padding:0 2px}.tembo-funnel .fs-lg{display:inline-flex;align-items:center;gap:8px}.tembo-funnel .fs-sws{display:inline-flex;gap:3px}.tembo-funnel .fs-list{flex:1 0 300px;display:flex;flex-direction:column;gap:16px}.tembo-funnel .fs-lgroup-h{display:flex;align-items:center;gap:9px;margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fn-muted)}.tembo-funnel .fs-lgroup-n{font-weight:600;color:var(--fn-faint)}.tembo-funnel .fs-lrows{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tembo-funnel .fs-lrow{width:100%;min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto auto 22px;align-items:center;gap:14px;padding:8px 14px;border-radius:12px;border:1px solid var(--fn-line);background:var(--bg-surface);color:var(--fn-ink);font:inherit;font-size:14px;text-align:start;cursor:pointer}.tembo-funnel .fs-lrow:hover:not(:disabled){border-color:var(--fn-ink)}.tembo-funnel .fs-lrow:disabled{opacity:.55;cursor:progress}.tembo-funnel .fs-lrow.is-mine{border-color:var(--fn-sel-border);background:var(--fn-sel-bg);box-shadow:inset 0 0 0 1px var(--fn-sel-border)}.tembo-funnel .fs-lrow-n{font-weight:700}.tembo-funnel .fs-lrow-s{color:var(--fn-muted);font-size:13px;white-space:nowrap}.tembo-funnel .fs-lrow-p{font-weight:700;white-space:nowrap}.tembo-funnel .fs-lrow-c{display:grid;place-items:center;color:var(--accent-ink)}.tembo-funnel .fs-lrow-c svg{width:18px;height:18px}.tembo-funnel .fs-empty .fn-spin,.tembo-funnel .fs-lrow-c .fn-spin{border-color:var(--fn-muted);border-top-color:transparent}.tembo-funnel .fs-panel{display:flex;flex-direction:column;gap:14px;color:var(--fn-ink)}.tembo-funnel .fs-panel-h{margin:0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--fn-muted)}.tembo-funnel .fs-sh{display:flex;align-items:center;gap:12px}.tembo-funnel .fs-sh-t{min-width:0}.tembo-funnel .fs-sh-n{margin:0;font-size:19px;font-weight:800;letter-spacing:-.01em}.tembo-funnel .fs-sh-cat{font-weight:700;color:var(--fn-muted)}.tembo-funnel .fs-sh-s{margin:2px 0 0;font-size:13.5px;color:var(--text-secondary)}.tembo-funnel .fs-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--fn-line-soft);font-size:14px;color:var(--text-secondary)}.tembo-funnel .fs-price-row b{font-size:22px;font-weight:800;color:var(--fn-ink)}.tembo-funnel .fs-timer{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--fs-amber-bg);border:1px solid var(--fs-amber-line);color:var(--fs-amber-ink);font-size:13.5px}.tembo-funnel .fs-timer>svg{width:18px;height:18px;flex:none}.tembo-funnel .fs-timer b{font-weight:800;font-variant-numeric:tabular-nums}.tembo-funnel .fs-timer.urgent{border-color:var(--fs-amber-bar)}.tembo-funnel .fs-tbar{position:absolute;inset-inline-start:0;bottom:0;width:100%;height:3px;background:var(--fs-amber-bar);transform-origin:left center;transition:transform 1s linear}.tembo-funnel[dir=rtl] .fs-tbar{transform-origin:right center}.tembo-funnel .fs-change{align-self:center;min-height:44px;padding:0 12px;border:0;background:none;color:var(--text-secondary);font:inherit;font-size:13.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tembo-funnel .fs-change:hover{color:var(--fn-ink)}.tembo-funnel .fs-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:26px 8px}.tembo-funnel .fs-empty p{margin:0;max-width:250px;font-size:15px;font-weight:700;line-height:1.4}.tembo-funnel .fs-empty-ic{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;border:1.5px dashed var(--fn-check-border);color:var(--accent-ink);background:var(--fn-surface-2)}.tembo-funnel .fs-empty-ic svg{width:28px;height:28px}.tembo-funnel .fs-cart-col .fs-panel-card{padding:24px;border-radius:28px;background:var(--bg-surface);box-shadow:0 40px 120px -30px rgba(0,0,0,.65);animation:fn-pop .32s var(--fn-ease) .06s backwards}@media (min-width:1024px) and (max-width:1199.98px){.tembo-funnel .fs-cart-col .fs-panel-card{padding:18px;border:1px solid var(--fn-line);border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -30px rgba(0,0,0,.4)}}.tembo-funnel .fs-inline{border:1px solid var(--fn-line);border-radius:16px;padding:14px 16px;background:var(--bg-surface)}.tembo-funnel .fs-panel-sheet{gap:10px}.tembo-funnel .fs-panel-sheet .fs-sh-n{font-size:18px}.tembo-funnel .fs-panel-sheet .fs-empty{padding:4px;flex-direction:row;text-align:start}.tembo-funnel .fs-panel-sheet .fs-empty p{max-width:none;font-size:14px}.tembo-funnel .fs-panel-sheet .fs-empty-ic{width:40px;height:40px;border-radius:12px}.tembo-funnel .fs-panel-sheet .fs-empty-ic svg{width:20px;height:20px}.tembo-funnel .fs-timer.compact{padding:8px 12px}.tembo-funnel .fs-timer-c{flex:1;display:flex;justify-content:space-between;gap:8px}.tembo-funnel .fs-panel-sheet .fs-change{min-height:44px;margin-top:-4px}@media (min-width:1024px){.tembo-funnel .fs-inline{display:none}}.tembo-funnel .fs-banner{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:8px 8px 8px 14px;border-radius:12px;background:var(--fs-amber-bg);border:1px solid var(--fs-amber-line);color:var(--fs-amber-ink);font-size:13.5px}.tembo-funnel .fs-banner.urgent{border-color:var(--fs-amber-bar)}.tembo-funnel .fs-banner>svg{width:17px;height:17px;flex:none}.tembo-funnel .fs-banner>span{flex:1}.tembo-funnel .fs-banner b{font-weight:800;font-variant-numeric:tabular-nums}.tembo-funnel .fs-banner-btn{flex:none;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--fs-amber-line);background:var(--bg-surface);color:var(--fn-ink);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.tembo-funnel .fs-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:48px 12px}.tembo-funnel .fs-state h3{margin:0}.tembo-funnel .fs-state .hint{margin:0;max-width:380px}.tembo-funnel .fs-state .fn-spin{width:22px;height:22px;border-color:var(--fn-muted);border-top-color:transparent}@media (max-width:640px){.tembo-funnel .drawer.is-stand{height:92vh;height:92dvh}.tembo-funnel .drawer.is-stand .fn-body{padding:12px 12px 10px}.tembo-funnel .drawer.is-stand .fn-total{display:none}.tembo-funnel .drawer.is-stand .fn-foot{flex-wrap:nowrap}.tembo-funnel .drawer.is-stand .fn-next{flex:1 1 auto;min-width:0;justify-content:flex-end}.tembo-funnel .drawer.is-stand .fn-foot .fn-cta{flex:1 1 auto;white-space:nowrap}.tembo-funnel .drawer.is-stand .fs-tt h3{font-size:17px}.tembo-funnel .fs-legend{flex-wrap:wrap}.tembo-funnel .fs-panel-sheet:not(.is-empty){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 12px}.tembo-funnel .fs-panel-sheet .fs-sh{grid-column:1/-1}.tembo-funnel .fs-panel-sheet .fs-price-row{flex-direction:column;align-items:flex-start;gap:0;padding-top:0;border-top:0;font-size:12px}.tembo-funnel .fs-panel-sheet .fs-price-row b{font-size:22px}.tembo-funnel .fs-panel-sheet .fs-timer.compact{padding:6px 12px;border-radius:999px}.tembo-funnel .fs-panel-sheet .fs-timer-k{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tembo-funnel .fs-panel-sheet .fs-change{display:none}.tembo-funnel .fs-step{gap:10px}.tembo-funnel .fs-tt{align-items:center;flex-wrap:wrap;gap:4px 10px}.tembo-funnel .fs-tt>div{flex:1}.tembo-funnel .fs-count{font-size:12.5px}.tembo-funnel .fs-held{flex-basis:100%;max-width:none;text-align:start;font-size:12px}.tembo-funnel .fs-pill,.tembo-funnel .fs-view{height:44px;font-size:14px}.tembo-funnel .fs-plan{flex:1 0 220px;min-height:220px;margin-inline:-12px;border-radius:0;border-inline:0}.tembo-funnel .fs-legend{gap:6px 14px;font-size:12px}.tembo-funnel .fs-long,.tembo-funnel .fs-view-bar{display:none}.tembo-funnel .fs-short{display:inline}.tembo-funnel .fs-view-title{display:inline-flex;flex:none}.tembo-funnel .fs-plan .fpc-mini{transform:scale(.6);transform-origin:bottom right}.tembo-funnel .fs-sw{width:15px;height:15px}.tembo-funnel .fs-inline{margin-inline:-12px;margin-bottom:-10px;border-radius:20px 20px 0 0;border-bottom:0;box-shadow:0 -4px 20px rgba(14,20,15,.12)}.tembo-funnel .fs-lrow{grid-template-columns:minmax(0,1fr) auto 22px}.tembo-funnel .fs-lrow-s{grid-column:1;grid-row:2;margin-top:-6px}}@media (prefers-reduced-motion:reduce){.tembo-funnel .fs-tbar{transition:none}.tembo-funnel .fs-cart-col .fs-panel-card,.tembo-funnel .fs-notice{animation:none}}