@layer components.pages{:where([data-ui=unified][data-instant]) .bn-ladder td{height:30px}:where([data-ui=unified][data-instant]) .bn-ladder .bn-l-size{font-weight:600;white-space:nowrap}:where([data-ui=unified][data-instant]) .bn-ladder .bn-l-note{color:var(--ui-muted);font-size:12px;padding-left:8px}:where([data-ui=unified][data-instant]) .bn-ladder .bn-l-price{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}:where([data-ui=unified][data-instant]) .bn-ladder .bn-l-flat{display:inline-block;margin-left:6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-warning);background:var(--color-warning-bg);border-radius:999px;padding:1px 6px}:where([data-ui=unified][data-instant]) .bn-custom{display:flex;align-items:center;gap:8px;padding:8px 6px 4px;font-size:13px}:where([data-ui=unified][data-instant]) .bn-custom input{width:68px;padding:7px 8px;font:inherit;font-size:14px;border:1px solid var(--ui-line-strong);border-radius:var(--radius-sm);background:var(--ui-surface);color:var(--ui-ink)}:where([data-ui=unified][data-instant]) .bn-custom input:focus-visible{outline:2px solid var(--ui-accent);outline-offset:1px}:where([data-ui=unified][data-instant]) .bn-custom .is-invalid{border-color:var(--color-danger)}:where([data-ui=unified][data-instant]) .bn-qty-fs{margin-top:4px}:where([data-ui=unified][data-instant]) .bn-qty-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 6px}:where([data-ui=unified][data-instant]) .bn-qty-row input{width:62px;text-align:center;padding:6px;font:inherit;font-size:15px;font-variant-numeric:tabular-nums;border:1px solid var(--ui-line-strong);border-radius:var(--radius-sm);background:var(--ui-surface);color:var(--ui-ink)}:where([data-ui=unified][data-instant]) .bn-step{width:34px;min-height:34px;border:1px solid var(--ui-line-strong);border-radius:var(--radius-sm);background:var(--ui-surface);color:var(--ui-ink);font-size:17px;line-height:1;cursor:pointer}:where([data-ui=unified][data-instant]) .bn-step:hover{background:var(--ui-tint);border-color:var(--ui-accent)}:where([data-ui=unified][data-instant]) .bn-qty-note{font-size:12px;color:var(--ui-muted);flex:1 1 100%}:where([data-ui=unified][data-instant]) .bn-opts{border:0;margin:0 0 8px;padding:0}:where([data-ui=unified][data-instant]) .bn-opts-legend{font-weight:600;color:var(--ui-ink);font-size:13px;padding:0;margin-bottom:4px}:where([data-ui=unified][data-instant]) .bn-opts label{display:flex;align-items:center;gap:7px;min-height:30px;font-size:13px;cursor:pointer}:where([data-ui=unified][data-instant]) .bn-opts input{margin:0;accent-color:var(--ui-accent)}:where([data-ui=unified][data-instant]) .bn-included{font-size:12px;color:var(--ui-muted);margin:4px 0 0}:where([data-ui=unified][data-instant]) .bn-rate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}:where([data-ui=unified][data-instant]) .bn-rate-cell{border:1px solid var(--ui-line);border-radius:var(--radius-sm);padding:12px 14px;background:var(--ui-surface)}:where([data-ui=unified][data-instant]) .bn-rate-cell.is-active-tier{border-color:var(--ui-accent);background:var(--ui-tint)}:where([data-ui=unified][data-instant]) .bn-rate-cell strong{display:block;font-family:var(--ui-font);font-size:16px}:where([data-ui=unified][data-instant]) .bn-rate-cell .bn-rate-price{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}:where([data-ui=unified][data-instant]) .bn-rate-cell .bn-rate-sub{font-size:12px;color:var(--ui-muted)}@media screen and (width<=620px){:where([data-ui=unified][data-instant]) .bn-custom{flex-wrap:wrap;padding-top:4px}:where([data-ui=unified][data-instant]) .bn-ladder td{height:40px}:where([data-ui=unified][data-instant]) .bn-opts label{min-height:40px}:where([data-ui=unified][data-instant]) .bn-qty-fs{margin-top:0}:where([data-ui=unified][data-instant]) .bn-qty-row{gap:4px}:where([data-ui=unified][data-instant]) .bn-qty-note{font-size:11.5px;margin-top:2px}:where([data-ui=unified][data-instant]) .stk-price{margin-top:2px;padding-top:8px}:where([data-ui=unified][data-instant]) .stk-deck{margin-bottom:8px}}}