/* v723: use the real category-button component without the legacy ghost-button class. */
body.product-page #product-detail-view > .ll-product-page-back-row.category-buttons {
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  width: min(250px, 100%) !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  gap: 0 !important;
}

body.product-page #product-detail-view > .ll-product-page-back-row.category-buttons .ll-product-back-category-button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 12px !important;
  background:
    linear-gradient(rgba(15, 104, 234, .06), rgba(15, 104, 234, .06)),
    linear-gradient(160deg, rgba(7, 17, 33, .99), rgba(3, 9, 19, .99)) !important;
}

body.product-page #product-detail-view > .ll-product-page-back-row.category-buttons .ll-product-back-category-button:hover,
body.product-page #product-detail-view > .ll-product-page-back-row.category-buttons .ll-product-back-category-button:focus-visible {
  background:
    linear-gradient(rgba(15, 104, 234, .14), rgba(15, 104, 234, .14)),
    linear-gradient(160deg, rgba(7, 17, 33, .99), rgba(3, 9, 19, .99)) !important;
}

body.product-page #product-detail-view > .ll-product-page-back-row + .detail-grid {
  margin-top: 0 !important;
}

@media (max-width: 720px) {
  body.product-page #product-detail-view > .ll-product-page-back-row.category-buttons {
    width: min(250px, 100%) !important;
    margin-bottom: 11px !important;
  }
}