/* Independent web adaptation of a compact native selection sheet. */
.sheet.condition-sheet{border-radius:28px 28px 0 0;padding:0 24px calc(24px + env(safe-area-inset-bottom));max-height:88dvh;background:#fff;animation:none;box-shadow:0 -8px 40px rgba(21,32,29,.06)}
.sheet-wrap .sheet-bg{animation:fade 250ms ease-out both;background:rgba(16,24,22,.32)}
.condition-sheet .sheet-h{margin:14px auto 22px;background:#dce2df;width:34px}
.condition-sheet .sheet-t{font-size:22px;font-weight:700;line-height:1.4;margin-bottom:18px}
.condition-sheet .sheet-t button{width:44px;height:44px;font-weight:400;color:var(--ds-text-secondary)}
.condition-sheet .sheet-l{font-size:14px;font-weight:500;color:var(--ds-text-secondary);margin:16px 0 10px}
.condition-choices{display:flex;flex-direction:column;gap:8px;max-height:46dvh;overflow-y:auto;overscroll-behavior:contain;padding:2px}
.condition-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;width:100%;padding:14px 16px;border:0;border-radius:16px;background:#fff;color:var(--ds-text);font-size:17px;font-weight:600;text-align:left;transition:background-color 220ms,color 220ms,transform 220ms cubic-bezier(.16,1,.3,1)}
.condition-choice.on{background:var(--ds-accent-soft);color:var(--ds-accent);font-weight:600}
.condition-choice:active{background:var(--ds-border-subtle);transform:scale(.98)}
.condition-choice:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-2px}
.condition-check{display:grid;place-items:center;width:24px;height:24px;flex:none}
.condition-check svg{width:24px;height:24px;opacity:0;transform:scale(.7);transition:opacity 180ms,transform 420ms cubic-bezier(.16,1,.3,1)}
.condition-check path{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.condition-choice.on .condition-check svg{opacity:1;transform:scale(1)}
.condition-check path{stroke-dasharray:28;stroke-dashoffset:28;transition:stroke-dashoffset 320ms 40ms cubic-bezier(.16,1,.3,1)}
.condition-choice.on .condition-check path{stroke-dashoffset:0}
.condition-sheet .btn[data-apply]{height:56px;border-radius:16px;box-shadow:none;background:var(--ds-accent);font-size:17px;font-weight:700;transition:filter 180ms,transform 220ms cubic-bezier(.16,1,.3,1)}
.condition-sheet .btn[data-apply]:active{filter:brightness(.94);transform:scale(.985)}
.condition-sheet .chip{min-height:52px;border-radius:14px;box-shadow:none;transition:background-color 220ms,color 220ms,border-color 220ms,transform 220ms cubic-bezier(.16,1,.3,1)}
.condition-sheet .chip.on{background:var(--ds-accent-soft);border-color:var(--ds-accent);color:var(--ds-accent)}
.condition-sheet .chip:active{transform:scale(.98)}


.condition-chevron-space{display:flex;flex:none;visibility:hidden;pointer-events:none}.condition-product-fixed:active{background:transparent}

.cost-help-label{display:flex;align-items:center;gap:3px}.cost-help-button{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:transparent;color:#8b95a1;font-size:12px;font-weight:600;line-height:1;cursor:pointer}.cost-help-button::before{content:"";position:absolute;inset:9px;border:1px solid #b0b8c1;border-radius:50%}.cost-help-button:focus-visible{outline:2px solid #3182f6;outline-offset:1px;border-radius:50%}.cost-help-copy{margin:0 0 14px;padding:12px 14px;background:#f2f4f6;border-radius:12px;color:#6b7684;font-size:13px;line-height:1.7;animation:cost-help-enter 220ms ease-out}.cost-help-copy[hidden]{display:none}@keyframes cost-help-enter{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}

/* Selection dialogs: close control first, no drag handle. */
html body .condition-sheet-header{display:flex;flex-direction:column;align-items:flex-start;padding-top:12px;gap:8px;margin-bottom:18px}
html body .condition-sheet-header .sheet-t{margin:0;font-size:22px;line-height:1.4;font-weight:700}
html body .condition-sheet .condition-sheet-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-8px;padding:10px;border:0;border-radius:12px;background:transparent!important;color:#0b1f44;box-shadow:none;touch-action:manipulation}
html body .condition-sheet .condition-sheet-close:hover{background:#f6faff!important}
html body .condition-sheet .condition-sheet-close:active{background:#e2ebf5!important}
html body .condition-sheet .condition-sheet-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
html body .condition-sheet .condition-sheet-close:focus-visible{outline:2px solid #3182f6;outline-offset:2px}

.cost-help-copy{padding:16px;background:#eff3ff;border-radius:4px;border:0;color:#7b879b;font-family:var(--font-sans);font-size:13px;line-height:1.8;letter-spacing:-.025em}.cost-help-copy ul{margin:0;padding-left:16px;list-style:disc}.cost-help-copy li+li{margin-top:6px}

/* Match the login reassurance card hierarchy and document placement. */
.cost-help-copy{position:relative;padding:18px 16px 20px;background:#eff3ff;border:0;border-radius:4px;font-family:var(--font-sans)}
.cost-help-copy>strong{display:block;color:#4e5968;font-size:14px;font-weight:700;line-height:1.6;letter-spacing:-.025em}
.cost-help-copy ul{list-style:none;margin:9px 48px 0 0;padding:0;color:#7b879b;font-size:12px;line-height:1.8;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word}
.cost-help-copy li{position:relative;padding-left:9px;margin-top:3px}.cost-help-copy li+li{margin-top:3px}.cost-help-copy li:before{content:'·';position:absolute;left:0}
.cost-help-illustration{position:absolute;right:16px;bottom:18px;width:40px;height:46px;pointer-events:none}

.cost-help-coins{width:46px;height:46px;overflow:visible}.cost-help-coins .help-coin{animation:help-coin-float 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.cost-help-coins .coin-back{animation-delay:-.8s}.cost-help-coins .coin-front{animation-delay:-1.6s}.cost-help-coins .coin-top{animation-duration:2.8s}@keyframes help-coin-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-3px) rotate(3deg)}}

.cost-help-copy li:before{content:'•';font-size:13px;font-weight:700;color:#7b879b}