#phaisle-basket[hidden], #phaisle-notice[hidden] { display: none !important; }
#phaisle-basket { position: fixed; top: 50%; right: max(10px, env(safe-area-inset-right)); transform: translateY(-50%); z-index: 1035; display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 62px; min-height: 54px; padding: 12px; border: 1px solid #fff; border-radius: 28px; background: #151b19; color: #fff; box-shadow: 0 4px 18px #0004; text-decoration: none; font: 700 15px/1.2 system-ui, sans-serif; }
#phaisle-basket svg { width: 25px; height: 25px; flex-shrink: 0; }
#phaisle-basket .phaisle-count { color: inherit; font: inherit; }
#phaisle-basket:hover { background: #263b30; color: #fff; text-decoration: none; }
#phaisle-basket:focus-visible { outline: 3px solid #43eea1; outline-offset: 3px; }
#phaisle-notice { position: fixed; top: 38%; left: 50%; transform: translate(-50%, -50%); z-index: 1100; width: max-content; max-width: calc(100vw - 40px); box-sizing: border-box; padding: 20px 26px; border: 1px solid #fff; border-radius: 12px; background: #151b19; color: #fff; box-shadow: 0 8px 35px #0005; text-align: center; font: 600 17px/1.4 system-ui, sans-serif; pointer-events: none; }