/* Live shipping wait: message card, dimmed prices, floating note. Tokens with fallbacks; logical properties so RTL needs no twin. */
.aknb-ls-card{display:none;align-items:flex-start;gap:14px;margin:0 0 16px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--cc-cobalt,#2F7BFF) 45%,var(--cc-border,#e4e4e7));border-radius:14px;background:color-mix(in srgb,var(--cc-cobalt,#2F7BFF) 8%,var(--cc-bg,#fff));color:var(--cc-ink,#0A0D13)}
.aknb-ls-card.is-on{display:flex}
.aknb-ls-card > div{flex:1;min-inline-size:0}
.aknb-ls-card__t{margin:0 0 4px;font:700 15px/1.3 var(--font-body,inherit);color:inherit}
.aknb-ls-card__s{margin:0;font:500 13px/1.55 var(--font-body,inherit);color:var(--cc-ink-3,#52525b)}
.aknb-ls-spin{flex:none;inline-size:24px;block-size:24px;border:3px solid color-mix(in srgb,var(--cc-cobalt,#2F7BFF) 25%,transparent);border-block-start-color:var(--cc-cobalt,#2F7BFF);border-radius:50%;animation:aknb-ls-spin .8s linear infinite}
.aknb-ls-bar{display:block;block-size:3px;margin-block-start:12px;overflow:hidden;border-radius:3px;background:color-mix(in srgb,var(--cc-cobalt,#2F7BFF) 18%,transparent)}
.aknb-ls-bar::after{content:'';display:block;inline-size:38%;block-size:100%;border-radius:3px;background:var(--cc-cobalt,#2F7BFF);animation:aknb-ls-bar 1.3s ease-in-out infinite}
.aknb-ls-card.is-fail{border-color:var(--cc-danger,#e11d48);background:color-mix(in srgb,var(--cc-danger,#e11d48) 8%,var(--cc-bg,#fff))}
.aknb-ls-card.is-fail .aknb-ls-spin,.aknb-ls-card.is-fail .aknb-ls-bar{display:none}
.aknb-ls-card.is-nudge{animation:aknb-ls-nudge .45s ease}

/* prices that are about to change */
.aknb-ls-busy{position:relative;opacity:.5;pointer-events:none;user-select:none}
strong.aknb-ls-busy{display:inline-block;border-radius:6px}
.aknb-ls-busy::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--cc-ink,#0A0D13) 14%,transparent) 50%,transparent 70%) 0 0/220% 100%;animation:aknb-ls-shimmer 1.3s linear infinite}
.cc-checkout-btn[aria-disabled=true]{cursor:progress}

/* floating note, only while the card is off screen */
.aknb-ls-pill{position:fixed;inset-inline:16px;inset-block-end:96px;z-index:99998;display:none;align-items:center;gap:10px;inline-size:max-content;max-inline-size:calc(100% - 32px);margin-inline:auto;padding:11px 18px;border-radius:999px;background:var(--cc-ink,#0A0D13);color:var(--cc-bg,#fff);font:600 13px/1.3 var(--font-body,inherit);box-shadow:0 14px 34px -12px rgb(0 0 0 / .55)}
.aknb-ls-pill.is-on{display:flex}
.aknb-ls-pill .aknb-ls-spin{inline-size:16px;block-size:16px;border-width:2px;border-color:color-mix(in srgb,var(--cc-bg,#fff) 30%,transparent);border-block-start-color:var(--cc-bg,#fff)}

@keyframes aknb-ls-spin{to{transform:rotate(360deg)}}
@keyframes aknb-ls-bar{from{margin-inline-start:-38%}to{margin-inline-start:100%}}
@keyframes aknb-ls-shimmer{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes aknb-ls-nudge{0%,100%{transform:none}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
@media (prefers-reduced-motion:reduce){
  .aknb-ls-spin,.aknb-ls-bar::after,.aknb-ls-busy::after,.aknb-ls-card.is-nudge{animation:none}
  .aknb-ls-bar::after{inline-size:60%}
}