/* Persistent, explicit entry to the basket; totals are merchandise only. */
#be{padding-bottom:0}
#be .scroll-screen{padding-bottom:calc(128px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:128px}
#be .basket{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;width:424px;min-height:78px;height:auto;right:max(24px,calc((100vw - 975px)/2 + 24px));bottom:calc(20px + env(safe-area-inset-bottom,0px));padding:16px 20px;background:#163e32;color:#fff;border:1px solid #ffffffbd;border-radius:0;box-shadow:0 4px 20px #0002;text-align:left;z-index:50}
#be .basket span.basket-bar-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
#be .basket span.basket-bar-heading{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;line-height:22px;font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}
#be .basket span.basket-bar-heading strong{font-weight:500}
#be .basket .count{display:inline;position:static;min-width:0;width:auto;height:auto;padding:0;background:none;color:inherit;border:0;border-radius:0;font:inherit}
#be .basket .basket-bar-price{font-size:14px;color:#fff}
#be .basket span.basket-bar-hint{display:block;font-size:11px;line-height:17px;color:#d2e1da;white-space:nowrap}
#be .basket span.basket-bar-action{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12px;line-height:22px;font-weight:500;white-space:nowrap}
#be .basket span.basket-bar-action span{font-size:18px;font-weight:400}
#be .basket:hover{background:#204c3e}
#be .basket:focus-visible{outline:2px solid #163e32;outline-offset:3px;border-radius:0}
#be .basket:disabled{cursor:wait;opacity:.65}
#be[data-view=basket] .scroll-screen{padding-bottom:40px}
@media(max-width:650px){#be .basket{left:12px;right:12px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));min-height:76px;padding:14px 16px;gap:12px}#be .basket span.basket-bar-heading{gap:12px;font-size:14px}#be .basket span.basket-bar-action{gap:6px;font-size:12px}}
@media(max-width:360px){#be .basket{left:8px;right:8px;padding:12px;gap:8px}#be .basket span.basket-bar-heading{font-size:13px;gap:8px}#be .basket .basket-bar-price{font-size:13px}#be .basket span.basket-bar-hint{font-size:10px}#be .basket span.basket-bar-action{font-size:11px}}

/* Original basket sits on the bar, with the flowers rising above its top edge. */
#be .basket{width:480px;padding-left:104px;overflow:visible}
#be .basket span.basket-bar-illustration{position:absolute;left:10px;top:-24px;bottom:auto;width:86px;height:86px;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(0 2px 3px #0003)}
#be .basket span.basket-bar-hint{white-space:normal;word-break:keep-all}
@media(max-width:650px){#be .basket{width:auto;padding-left:92px;gap:10px}#be .basket span.basket-bar-illustration{left:7px;top:-20px;bottom:auto;width:78px;height:78px}#be .basket span.basket-bar-heading{gap:0 10px}}
@media(max-width:360px){#be .basket{padding-left:76px;gap:8px}#be .basket span.basket-bar-illustration{left:5px;top:-18px;bottom:auto;width:64px;height:64px}#be .basket span.basket-bar-heading{gap:0 8px}}
@media(max-width:360px){#be .basket span.basket-bar-action{font-size:0;gap:0}#be .basket span.basket-bar-action span{font-size:20px}}

#be .basket span.basket-bar-illustration{display:block;background-image:url('/assets/basket-growth-v1.png');background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;filter:drop-shadow(0 1px 2px #0003);transition:none}
#be .basket[data-flower-stage="0"] .basket-bar-illustration{background-position:0% 0%}
#be .basket[data-flower-stage="1"] .basket-bar-illustration{background-position:33.333333% 0%}
#be .basket[data-flower-stage="2"] .basket-bar-illustration{background-position:66.666667% 0%}
#be .basket[data-flower-stage="3"] .basket-bar-illustration{background-position:100% 0%}
#be .basket[data-flower-stage="4"] .basket-bar-illustration{background-position:0% 100%}
#be .basket[data-flower-stage="5"] .basket-bar-illustration{background-position:33.333333% 100%}
#be .basket[data-flower-stage="6"] .basket-bar-illustration{background-position:66.666667% 100%}
#be .basket[data-flower-stage="7"] .basket-bar-illustration{background-position:100% 100%}

.basket-flying-seed{position:fixed;z-index:9999;width:8px;height:12px;margin:-6px 0 0 -4px;border-radius:70% 30% 65% 35%;background:#bc9b62;border:1px solid #f7eedc;box-shadow:0 1px 4px #0003;pointer-events:none;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.basket-flying-seed{display:none}}