.bbx-engagement-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; }
.bbx-product-card, .woocommerce ul.products li.product { position: relative; }
.bbx-engagement-controls--card {
  position: absolute; top: 10px; right: 10px; z-index: 3;
  display: flex; flex-direction: column; align-items: flex-end; gap: 6px; margin: 0;
}
.bbx-engagement-controls--detail { margin: -12px 0 4px; }
.bbx-engagement-controls--account { margin-top: 12px; }
.bbx-engagement-button, .woocommerce ul.products li.product .bbx-engagement-button {
  display: inline-flex; align-items: center; gap: 6px; min-height: 36px;
  padding: 5px 0; border: 0; border-radius: 0; background: transparent;
  color: #a9d7f7; font: inherit; font-size: 13px; font-weight: 700;
  text-decoration: none; cursor: pointer; line-height: 1.25; text-align: left;
}
.bbx-engagement-button:hover, .bbx-engagement-button[data-active="1"],
.woocommerce ul.products li.product .bbx-engagement-button:hover { color: #fff; }
.bbx-engagement-button[data-active="1"] svg { fill: #eb3156; stroke: #eb3156; }
.bbx-engagement-button:focus-visible { outline: 2px solid #35b5ff; outline-offset: 3px; }
.bbx-engagement-button:disabled { opacity: .6; cursor: wait; }
.bbx-engagement-button svg {
  width: 19px; height: 19px; flex: none; fill: none;
  stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.bbx-product-card .bbx-engagement-controls--card .bbx-engagement-button,
.woocommerce ul.products li.product .bbx-engagement-controls--card .bbx-engagement-button {
  width: 42px; height: 42px; min-height: 42px; padding: 0;
  justify-content: center; border: 1px solid rgba(209, 227, 243, .55);
  border-radius: 50%; background: rgba(13, 24, 37, .94); color: #f2f8ff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}
.bbx-product-card .bbx-engagement-controls--card .bbx-engagement-button:hover,
.woocommerce ul.products li.product .bbx-engagement-controls--card .bbx-engagement-button:hover {
  border-color: #35b5ff; background: #142e45;
}
.bbx-engagement-controls--card .bbx-engagement-button svg { width: 20px; height: 20px; }
.bbx-engagement-controls--card .bbx-engagement-button span {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;
}
.bbx-engagement-note { margin: 2px 0 20px; color: #95a9be; font-size: 13px; }
.bbx-saved-products { display: grid; gap: 16px; }
.bbx-saved-product { display: flex; gap: 16px; padding: 14px; border: 1px solid #304257; border-radius: 10px; }
.bbx-saved-image { width: 85px; flex: none; }
.bbx-saved-image img { width: 85px; height: 85px; object-fit: contain; border-radius: 5px; }
.bbx-saved-product h3 { margin: 0 0 6px; font-size: 17px; }
.bbx-saved-product p { margin: 0; }
@media (max-width: 560px) {
  .bbx-engagement-controls--detail { margin-top: -7px; }
}