.rokr-sticky-cart {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: var(--z-index-sticky, 1000);
  display: block;
  padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px));
  color: rgb(var(--color-text));
  background: rgb(var(--color-background));
  border-block-start: 1px solid rgba(var(--color-text), 0.1);
  box-shadow: 0 -4px 20px rgb(0 0 0 / 6%);
  animation: rokr-sticky-cart-in 180ms ease-out;
}
.rokr-sticky-cart[hidden] { display: none; }
.rokr-sticky-cart__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
  align-items: center;
  gap: 4px 24px;
}
.rokr-sticky-cart__info { display: flex; align-items: center; gap: 16px; min-width: 0; }
.rokr-sticky-cart__image { width: 56px; height: 56px; flex: 0 0 56px; object-fit: contain; }
.rokr-sticky-cart__copy { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; min-height: 56px; }
.rokr-sticky-cart__title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 1.3; }
.rokr-sticky-cart__summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.rokr-sticky-cart__selection { display: inline-flex; align-items: baseline; gap: 8px; min-width: 0; max-width: 100%; }
.rokr-sticky-cart__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: 14px; }
.rokr-sticky-cart__price s { opacity: 0.6; font-size: 12px; }
.rokr-sticky-cart__options { display: inline-flex; align-items: center; gap: 4px; min-width: 0; max-width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; font-size: 14px; text-align: start; cursor: pointer; }
.rokr-sticky-cart__options span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rokr-sticky-cart__options svg { flex: 0 0 12px; }
.rokr-sticky-cart__options:hover, .rokr-sticky-cart__options:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.rokr-sticky-cart__add { min-height: 44px; width: 100%; margin: 0; }
.rokr-sticky-cart__error { grid-column: 1 / -1; margin: 0; font-size: 12px; color: #b42318; }
/* Limit the handover to this known app, and only after the native controller is ready. */
body.rokr-native-sticky-ready #addToCartPluginContainer { display: none !important; }
@media (max-width: 699px) {
  .rokr-sticky-cart__inner { grid-template-columns: minmax(0, 1fr) minmax(145px, 1fr); gap: 4px 12px; }
  .rokr-sticky-cart__image, .rokr-sticky-cart__title { display: none; }
  .rokr-sticky-cart__copy { min-height: 0; }
  .rokr-sticky-cart__summary { flex-direction: column; align-items: flex-start; gap: 2px; }
  .rokr-sticky-cart__separator { display: none; }
  .rokr-sticky-cart__options { font-size: 12px; }
  .rokr-sticky-cart__price { font-size: 13px; }
  .rokr-sticky-cart__add { padding-inline: 12px; font-size: 14px; }
}
@keyframes rokr-sticky-cart-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .rokr-sticky-cart { animation: none; } }