.cart-dock > .cart-bundle-hint {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + .55rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .15rem 1rem;
  margin: 0;
  padding: .8rem 1rem;
  border: 1px solid color-mix(in srgb, var(--good) 45%, var(--line));
  border-radius: 15px;
  background: color-mix(in srgb, var(--surface) 97%, var(--good) 3%);
  box-shadow: 0 15px 45px #0008;
}
.cart-dock > .cart-bundle-hint[hidden] { display: none; }
.cart-bundle-hint strong,
.cart-bundle-hint span { grid-column: 1; }
.cart-bundle-hint button {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  padding: .55rem .7rem;
  border: 1px solid color-mix(in srgb, var(--good) 50%, var(--line));
  border-radius: 10px;
  background: color-mix(in srgb, var(--good) 14%, var(--surface));
  color: var(--good);
  font: inherit;
  font-size: .7rem;
  font-weight: 900;
  cursor: pointer;
}
.offer-card .button.primary[data-cart-add] { font-size: .78rem; }
.offer-card .button.primary[data-cart-add]::after { content: none; }

@media (max-width: 520px) {
  .cart-bundle-hint { grid-template-columns: 1fr; }
  .cart-bundle-hint button {
    grid-column: 1;
    grid-row: auto;
    margin-top: .45rem;
  }
}