/**
 * DadaStyle Operations Manager — canonical live Product Card theme.
 *
 * Visual source of truth: the validated Returns product cards.
 * Module styles keep responsibility for composition and contextual placement;
 * this file owns the reusable visual language and is loaded after module CSS.
 */

.dom-product-card:not(.dom-product-card--managed) {
  --dom-product-card-bg: #fff;
  --dom-product-card-border: #e2e8f0;
  --dom-product-card-radius: 9px;
  --dom-product-card-padding: 12px;
  --dom-product-card-gap: 10px;
  --dom-product-card-media-size: 54px;
  --dom-product-card-title: #334155;
  --dom-product-card-meta: #64748b;

  min-width: 0;
  box-sizing: border-box;
  padding: var(--dom-product-card-padding);
  color: #1f2937;
  background: var(--dom-product-card-bg);
  border: 1px solid var(--dom-product-card-border);
  border-radius: var(--dom-product-card-radius);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease, opacity 150ms ease;
}

.dom-product-card:not(.dom-product-card--managed),
.dom-product-card:not(.dom-product-card--managed) *,
.dom-product-card:not(.dom-product-card--managed) *::before,
.dom-product-card:not(.dom-product-card--managed) *::after {
  box-sizing: border-box;
}

.dom-product-card:not(.dom-product-card--managed):hover {
  border-color: #cbd5e1;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .055);
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__content {
  min-width: 0;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__title {
  display: block;
  min-width: 0;
  margin: 0;
  color: var(--dom-product-card-title);
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__description,
.dom-product-card:not(.dom-product-card--managed) .dom-product-card__meta {
  color: var(--dom-product-card-meta);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  font-style: normal;
  overflow-wrap: anywhere;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__message {
  color: #9a5a10;
  font-size: 12px;
  line-height: 1.4;
  font-style: normal;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__media,
.dom-product-card:not(.dom-product-card--managed) .dom-product-card__image,
.dom-product-card:not(.dom-product-card--managed) .dom-product-card__media img,
.dom-product-card:not(.dom-product-card--managed) .dom-product-card__media > span,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-product-image,
.dom-product-card:not(.dom-product-card--managed) > img,
.dom-product-card:not(.dom-product-card--managed) .dom-return-widget__image-placeholder {
  width: var(--dom-product-card-media-size);
  height: var(--dom-product-card-media-size);
  flex: 0 0 var(--dom-product-card-media-size);
  border: 4px solid #eef2f7;
  border-radius: var(--dom-product-card-radius);
  background: #f1f5f9;
  object-fit: cover;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__media {
  overflow: hidden;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__media img,
.dom-product-card:not(.dom-product-card--managed) .dom-product-card__image {
  display: block;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__selection input[type="checkbox"] {
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: var(--dom-color-accent, #db2777);
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__actions {
  gap: 7px;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__action,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-button,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-icon-button,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-control,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  text-decoration: none;
  box-shadow: none;
  cursor: pointer;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__action:hover,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-button:hover,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-icon-button:hover,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-control:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #0f172a;
}

.dom-product-card:not(.dom-product-card--managed) .dom-icon-remove,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-control--danger,
.dom-product-card:not(.dom-product-card--managed) .is-danger {
  background: #fff7f8;
  border-color: #ffe4e6;
  color: #be123c;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__action svg,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-button svg,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-icon-button svg,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-control svg,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-remove svg {
  display: block;
  width: 16px;
  height: 16px;
}

/* Quantity controls inherit the compact Returns geometry. */
.dom-product-card:not(.dom-product-card--managed) .dom-quantity-control,
.dom-product-card:not(.dom-product-card--managed) .dom-parcel-stepper,
.dom-product-card:not(.dom-product-card--managed) .dom-return-qty-stepper,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-qty-stepper,
.dom-product-card:not(.dom-product-card--managed) .dom-return-widget__qty-stepper {
  display: inline-grid;
  grid-template-columns: 32px 34px 32px;
  align-items: center;
  min-height: 34px;
  overflow: hidden;
  border: 1px solid #d0d5dd;
  border-radius: 999px;
  background: #fff;
  box-shadow: none;
}

.dom-product-card:not(.dom-product-card--managed) .dom-quantity-control button,
.dom-product-card:not(.dom-product-card--managed) .dom-parcel-stepper button,
.dom-product-card:not(.dom-product-card--managed) .dom-return-qty-step,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-qty-step,
.dom-product-card:not(.dom-product-card--managed) .dom-return-widget__qty-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #075985;
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
}

.dom-product-card:not(.dom-product-card--managed) .dom-quantity-control button:hover:not(:disabled),
.dom-product-card:not(.dom-product-card--managed) .dom-parcel-stepper button:hover:not(:disabled),
.dom-product-card:not(.dom-product-card--managed) .dom-return-qty-step:hover:not(:disabled),
.dom-product-card:not(.dom-product-card--managed) .dom-ops-qty-step:hover:not(:disabled),
.dom-product-card:not(.dom-product-card--managed) .dom-return-widget__qty-step:hover:not(:disabled) {
  background: #bae6fd;
  color: #075985;
}

.dom-product-card:not(.dom-product-card--managed) .dom-quantity-control span,
.dom-product-card:not(.dom-product-card--managed) .dom-parcel-stepper span,
.dom-product-card:not(.dom-product-card--managed) .dom-return-qty-value,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-qty-value,
.dom-product-card:not(.dom-product-card--managed) .dom-return-widget__qty-value {
  min-width: 34px;
  padding: 0 6px;
  color: #075985;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
}

/* Semantic states. */
.dom-product-card:not(.dom-product-card--managed).dom-product-card--selected,
.dom-product-card:not(.dom-product-card--managed).is-selected,
.dom-product-card:not(.dom-product-card--managed):has(input[type="checkbox"]:checked) {
  --dom-product-card-bg: #fff8fb;
  --dom-product-card-border: #f3bfd2;
  box-shadow: inset 0 0 0 1px rgba(219, 39, 119, .08);
}

.dom-product-card:not(.dom-product-card--managed).dom-product-card--disabled,
.dom-product-card:not(.dom-product-card--managed).is-disabled {
  --dom-product-card-bg: #f8fafc;
  --dom-product-card-border: #e2e8f0;
  box-shadow: none;
}

.dom-product-card:not(.dom-product-card--managed).dom-product-card--disabled .dom-product-card__content,
.dom-product-card:not(.dom-product-card--managed).dom-product-card--disabled .dom-product-card__quantity,
.dom-product-card:not(.dom-product-card--managed).is-disabled .dom-product-card__content,
.dom-product-card:not(.dom-product-card--managed).is-disabled .dom-product-card__quantity {
  opacity: .68;
}

.dom-product-card:not(.dom-product-card--managed).dom-product-card--disabled [data-dom-product-operation],
.dom-product-card:not(.dom-product-card--managed).is-disabled [data-dom-product-operation] {
  pointer-events: none;
  opacity: .48;
}

.dom-product-card:not(.dom-product-card--managed).dom-product-card--disabled-all {
  pointer-events: none;
  user-select: none;
}

/* Preview and compact cards retain the same family, with denser composition. */
.dom-product-card:not(.dom-product-card--managed).dom-product-card--preview,
.dom-product-card:not(.dom-product-card--managed).dom-product-card--without-media {
  background: #f8fafc;
}

.dom-product-card:not(.dom-product-card--managed).dom-product-card--without-media {
  min-height: 0;
}

/* Live adapters — composition remains contextual, visual anatomy is shared. */
.dom-parcel-product-card.dom-product-card {
  grid-template-columns: var(--dom-product-card-media-size) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.dom-parcel-product-card.dom-product-card .dom-parcel-product-card__content {
  gap: 4px;
}

.dom-parcel-product-card.dom-product-card .dom-parcel-product-card__actions {
  align-self: center;
}

.dom-manual-product.dom-product-card {
  display: grid;
  grid-template-columns: var(--dom-product-card-media-size) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.dom-parcel-selected-row.dom-product-card,
.dom-parcel-product-row.dom-product-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.dom-parcel-selected-row.dom-product-card > div:last-child,
.dom-parcel-product-row.dom-product-card > div:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  text-align: right;
}

/* Public widget joins the same component family while preserving its wizard layout. */
.dom-return-widget__item.dom-product-card {
  padding: 14px;
}

.dom-return-widget__item.dom-product-card .dom-return-widget__item-main {
  grid-template-columns: auto var(--dom-product-card-media-size) minmax(0, 1fr);
  gap: 12px;
}

@media (max-width: 782px) {
  .dom-product-card:not(.dom-product-card--managed) {
    --dom-product-card-media-size: 54px;
    padding: 12px;
  }

  .dom-parcel-product-card.dom-product-card,
  .dom-manual-product.dom-product-card {
    grid-template-columns: var(--dom-product-card-media-size) minmax(0, 1fr) auto;
  }

  .dom-parcel-selected-row.dom-product-card,
  .dom-parcel-product-row.dom-product-card {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

@media (max-width: 430px) {
  .dom-parcel-product-card.dom-product-card,
  .dom-manual-product.dom-product-card {
    grid-template-columns: var(--dom-product-card-media-size) minmax(0, 1fr);
  }

  .dom-parcel-product-card.dom-product-card .dom-product-card__actions,
  .dom-manual-product.dom-product-card .dom-product-card__actions {
    grid-column: 2;
    justify-self: end;
  }

  .dom-parcel-selected-row.dom-product-card,
  .dom-parcel-product-row.dom-product-card {
    grid-template-columns: 1fr;
  }

  .dom-parcel-selected-row.dom-product-card > div:last-child,
  .dom-parcel-product-row.dom-product-card > div:last-child {
    justify-content: flex-start;
    text-align: left;
  }
}

/* v0.6.1.26 — final canonical product-card specification.
 * Source of truth: approved Product Card / Returns / Parcels mock-up.
 * This layer is deliberately loaded after module CSS in Admin, PWA and public UI.
 */
:root {
  --dom-product-card-final-bg: #f7f7f9;
  --dom-product-card-final-border: #e6e9ed;
  --dom-product-card-final-radius: 12px;
  --dom-product-card-final-padding: 14px;
  --dom-product-card-final-gap: 12px;
  --dom-product-card-final-media: 54px;
  --dom-product-card-final-media-radius: 8px;
  --dom-product-card-final-action: 36px;
  --dom-product-card-final-add: 32px;
  --dom-product-card-final-title: #334155;
  --dom-product-card-final-meta: #64748b;
  --dom-product-card-final-accent: var(--dom-site-accent, var(--dom-color-accent, #ec1c6a));
}

.dom-product-card:not(.dom-product-card--managed) {
  --dom-product-card-bg: var(--dom-product-card-final-bg);
  --dom-product-card-border: var(--dom-product-card-final-border);
  --dom-product-card-radius: var(--dom-product-card-final-radius);
  --dom-product-card-padding: var(--dom-product-card-final-padding);
  --dom-product-card-gap: var(--dom-product-card-final-gap);
  --dom-product-card-media-size: var(--dom-product-card-final-media);

  width: 100%;
  max-width: none;
  padding: var(--dom-product-card-final-padding);
  border: 1px solid var(--dom-product-card-final-border);
  border-radius: var(--dom-product-card-final-radius);
  background: var(--dom-product-card-final-bg);
  box-shadow: none;
}

.dom-product-card:not(.dom-product-card--managed):hover {
  border-color: #d8dee6;
  box-shadow: none;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__title {
  color: var(--dom-product-card-final-title);
  font-size: 15px;
  line-height: 1.32;
  font-weight: 600;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__description,
.dom-product-card:not(.dom-product-card--managed) .dom-product-card__meta {
  color: var(--dom-product-card-final-meta);
  font-size: 12px;
  line-height: 1.42;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__media,
.dom-product-card:not(.dom-product-card--managed) .dom-product-card__image,
.dom-product-card:not(.dom-product-card--managed) .dom-product-card__media img,
.dom-product-card:not(.dom-product-card--managed) .dom-product-card__media > span,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-product-image,
.dom-product-card:not(.dom-product-card--managed) > img,
.dom-product-card:not(.dom-product-card--managed) .dom-return-widget__image-placeholder {
  width: var(--dom-product-card-final-media);
  height: var(--dom-product-card-final-media);
  flex-basis: var(--dom-product-card-final-media);
  border: 0;
  border-radius: var(--dom-product-card-final-media-radius);
  background: #eef1f5;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__selection input[type="checkbox"] {
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__action,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-button,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-icon-button,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-control,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-remove {
  width: var(--dom-product-card-final-action);
  height: var(--dom-product-card-final-action);
  min-width: var(--dom-product-card-final-action);
  min-height: var(--dom-product-card-final-action);
  padding: 0;
  border-radius: 8px;
}

.dom-product-card:not(.dom-product-card--managed) .dom-product-card__action svg,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-button svg,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-icon-button svg,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-control svg,
.dom-product-card:not(.dom-product-card--managed) .dom-icon-remove svg {
  width: 20px;
  height: 20px;
}

/* Compact canonical quantity stepper: 32 / 34 / 32. */
.dom-product-card:not(.dom-product-card--managed) .dom-quantity-control,
.dom-product-card:not(.dom-product-card--managed) .dom-parcel-stepper,
.dom-product-card:not(.dom-product-card--managed) .dom-return-qty-stepper,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-qty-stepper,
.dom-product-card:not(.dom-product-card--managed) .dom-return-widget__qty-stepper {
  grid-template-columns: 32px 34px 32px;
  min-height: 34px;
  border-color: #d7dde5;
  background: #fff;
}

/* The add action is an icon-only, discreet 32px circle in every module. */
.dom-product-card:not(.dom-product-card--managed) .dom-ui-add-action,
.dom-product-card:not(.dom-product-card--managed) .dom-return-add-item,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-add-item,
.dom-product-card:not(.dom-product-card--managed) .dom-parcel-add-order-item,
.dom-product-card:not(.dom-product-card--managed) .dom-add-manual-product {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--dom-product-card-final-add) !important;
  height: var(--dom-product-card-final-add) !important;
  min-width: var(--dom-product-card-final-add) !important;
  min-height: var(--dom-product-card-final-add) !important;
  padding: 0 !important;
  border: 1px solid var(--dom-product-card-final-accent) !important;
  border-radius: 50% !important;
  background: var(--dom-product-card-final-accent) !important;
  color: #fff !important;
  box-shadow: none !important;
}

.dom-product-card:not(.dom-product-card--managed) .dom-ui-add-action svg,
.dom-product-card:not(.dom-product-card--managed) .dom-return-add-item svg,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-add-item svg,
.dom-product-card:not(.dom-product-card--managed) .dom-parcel-add-order-item svg,
.dom-product-card:not(.dom-product-card--managed) .dom-add-manual-product svg {
  width: 18px;
  height: 18px;
}

.dom-product-card:not(.dom-product-card--managed) .dom-ui-add-action:disabled,
.dom-product-card:not(.dom-product-card--managed) .dom-return-add-item:disabled,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-add-item:disabled,
.dom-product-card:not(.dom-product-card--managed) .dom-parcel-add-order-item:disabled,
.dom-product-card:not(.dom-product-card--managed) .dom-add-manual-product:disabled {
  border-color: #e6e9ed !important;
  background: #eef0f3 !important;
  color: #aab2bd !important;
  cursor: not-allowed;
}

/* Selected cards remain clean: border/background only, never a shadow. */
.dom-product-card:not(.dom-product-card--managed).dom-product-card--selected,
.dom-product-card:not(.dom-product-card--managed).is-selected,
.dom-product-card:not(.dom-product-card--managed):has(input[type="checkbox"]:checked) {
  --dom-product-card-bg: #fff8fb;
  --dom-product-card-border: #f3bfd2;
  box-shadow: none;
}

.dom-product-card:not(.dom-product-card--managed).dom-product-card--disabled,
.dom-product-card:not(.dom-product-card--managed).is-disabled {
  --dom-product-card-bg: #f5f6f8;
  --dom-product-card-border: #e6e9ed;
  box-shadow: none;
}

/* Parcels: order products and manual search use exactly the same anatomy. */
.dom-parcel-product-card.dom-product-card,
.dom-manual-product.dom-product-card {
  display: grid;
  grid-template-columns: var(--dom-product-card-final-media) minmax(0, 1fr) auto;
  gap: var(--dom-product-card-final-gap);
  align-items: start;
  margin: 0 0 10px;
}

.dom-parcel-product-card.dom-product-card .dom-product-card__content,
.dom-manual-product.dom-product-card .dom-product-card__content {
  min-width: 0;
}

.dom-parcel-product-card.dom-product-card .dom-product-card__actions,
.dom-manual-product.dom-product-card .dom-product-card__actions {
  display: inline-flex;
  align-items: center;
  align-self: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.dom-parcel-product-card.dom-product-card .dom-product-card__quantity {
  margin-top: 9px;
}

/* Final restock list: wide, calm row with explicit qty/value/delete columns. */
.dom-parcel-selected-row.dom-product-card,
.dom-parcel-product-row.dom-product-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  width: 100%;
  margin: 0 0 10px;
  background: var(--dom-product-card-final-bg);
}

.dom-parcel-selected-row.dom-product-card > div:last-child,
.dom-parcel-product-row.dom-product-card > div:last-child {
  display: grid;
  grid-template-columns: auto auto var(--dom-product-card-final-action);
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

/* Returns Admin/PWA/public adopt the same final geometry without changing logic. */
.dom-workspace-product.dom-product-card,
.dom-ops-product-card.dom-product-card,
.dom-return-widget__item.dom-product-card {
  border-radius: var(--dom-product-card-final-radius);
  background: var(--dom-product-card-final-bg);
  box-shadow: none;
}

.dom-workspace-product.dom-product-card .dom-workspace-product__body img,
.dom-ops-product-card.dom-product-card .dom-ops-product-image {
  width: var(--dom-product-card-final-media);
  height: var(--dom-product-card-final-media);
  border: 0;
  border-radius: var(--dom-product-card-final-media-radius);
}

@media (max-width: 430px) {
  .dom-parcel-product-card.dom-product-card,
  .dom-manual-product.dom-product-card {
    grid-template-columns: var(--dom-product-card-final-media) minmax(0, 1fr) auto;
    gap: 10px;
    padding: 12px;
  }

  .dom-parcel-product-card.dom-product-card .dom-product-card__actions,
  .dom-manual-product.dom-product-card .dom-product-card__actions {
    grid-column: auto;
    justify-self: end;
  }

  .dom-parcel-selected-row.dom-product-card,
  .dom-parcel-product-row.dom-product-card {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 12px;
  }

  .dom-parcel-selected-row.dom-product-card > div:last-child,
  .dom-parcel-product-row.dom-product-card > div:last-child {
    justify-content: end;
    text-align: right;
  }
}

/* v0.6.1.27 — final mobile composition and flat product sections.
 * - actions retain a dedicated right column on narrow screens;
 * - simplified rows use a stable identity / side layout;
 * - selected cards keep their canonical background;
 * - redundant box-in-box padding is removed by module-scoped rules.
 */

/* Selection is communicated by a restrained outline, never by whitening the card. */
.dom-product-card:not(.dom-product-card--managed).dom-product-card--selected,
.dom-product-card:not(.dom-product-card--managed).is-selected,
.dom-product-card:not(.dom-product-card--managed):has(input[type="checkbox"]:checked),
.dom-parcels-page .dom-parcel-product-card.is-selected {
  --dom-product-card-bg: var(--dom-product-card-final-bg);
  --dom-product-card-border: color-mix(in srgb, var(--dom-product-card-final-accent) 24%, var(--dom-product-card-final-border));
  background: var(--dom-product-card-final-bg) !important;
  border-color: var(--dom-product-card-border) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--dom-product-card-final-accent) 7%, transparent) !important;
}

/* A real, invariant right-side action rail for complete product cards. */
.dom-parcel-product-card.dom-product-card,
.dom-manual-product.dom-product-card {
  grid-template-columns: var(--dom-product-card-final-media) minmax(0, 1fr) max-content;
}
.dom-parcel-product-card.dom-product-card .dom-product-card__content,
.dom-manual-product.dom-product-card .dom-product-card__content {
  max-width: 100%;
  overflow: hidden;
}
.dom-parcel-product-card.dom-product-card .dom-product-card__title,
.dom-manual-product.dom-product-card .dom-product-card__title {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.dom-parcel-product-card.dom-product-card .dom-product-card__actions,
.dom-manual-product.dom-product-card .dom-product-card__actions {
  grid-column: 3;
  grid-row: 1;
  align-self: start;
  justify-self: end;
  min-width: max-content;
}

/* Simplified rows: long identity column + narrow right column with options over metrics. */
.dom-parcel-selected-row.dom-product-card,
.dom-parcel-product-row.dom-product-card {
  grid-template-columns: minmax(0, 1fr) minmax(118px, auto);
  align-items: stretch;
}
.dom-parcel-selected-row__identity,
.dom-parcel-selected-row.dom-product-card > .dom-product-card__content,
.dom-parcel-product-row.dom-product-card > div:first-child {
  min-width: 0;
  align-self: center;
}
.dom-parcel-selected-row__side,
.dom-parcel-selected-row.dom-product-card > div:last-child,
.dom-parcel-product-row.dom-product-card > div:last-child {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(var(--dom-product-card-final-action), auto) auto;
  align-content: space-between;
  justify-items: end;
  gap: 8px !important;
  min-width: 118px;
  text-align: right;
  white-space: nowrap;
}
.dom-parcel-selected-row__options {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: var(--dom-product-card-final-action);
}
.dom-parcel-selected-row__metrics {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 12px;
  width: 100%;
}

@media (max-width: 640px) {
  .dom-parcel-product-card.dom-product-card,
  .dom-manual-product.dom-product-card {
    grid-template-columns: var(--dom-product-card-final-media) minmax(0, 1fr) max-content !important;
    gap: 10px;
  }
  .dom-parcel-product-card.dom-product-card .dom-product-card__actions,
  .dom-manual-product.dom-product-card .dom-product-card__actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: end !important;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .dom-parcel-product-card.dom-product-card .dom-product-card__content,
  .dom-manual-product.dom-product-card .dom-product-card__content {
    width: auto !important;
    max-width: none !important;
  }
  .dom-parcel-selected-row.dom-product-card,
  .dom-parcel-product-row.dom-product-card {
    grid-template-columns: minmax(0, 1fr) minmax(118px, auto) !important;
    align-items: stretch !important;
  }
  .dom-parcel-selected-row__side,
  .dom-parcel-selected-row.dom-product-card > div:last-child,
  .dom-parcel-product-row.dom-product-card > div:last-child {
    width: auto !important;
    min-width: 118px;
  }
}

@media (max-width: 390px) {
  .dom-parcel-product-card.dom-product-card,
  .dom-manual-product.dom-product-card {
    --dom-product-card-final-media: 50px;
    padding: 11px;
    gap: 9px;
  }
  .dom-parcel-product-card.dom-product-card .dom-product-card__actions,
  .dom-manual-product.dom-product-card .dom-product-card__actions {
    gap: 6px;
  }
  .dom-parcel-selected-row.dom-product-card,
  .dom-parcel-product-row.dom-product-card {
    grid-template-columns: minmax(0, 1fr) minmax(108px, auto) !important;
    gap: 10px;
  }
  .dom-parcel-selected-row__side,
  .dom-parcel-selected-row.dom-product-card > div:last-child,
  .dom-parcel-product-row.dom-product-card > div:last-child {
    min-width: 108px;
  }
  .dom-parcel-selected-row__metrics {
    gap: 8px;
  }
}

/* v0.6.1.36 — shared operational card states and density contracts. */
:root {
  --dom-operational-card-gap-admin: 12px;
  --dom-operational-card-gap-admin-mobile: 8px;
}

/* Legacy live cards consume the shared state language without opting into the
 * managed renderer layout. Their contextual composition remains module-owned. */
.dom-product-card:not(.dom-product-card--managed).dom-product-card--addable,
.dom-product-card:not(.dom-product-card--managed).dom-product-card--selectable,
.dom-product-card:not(.dom-product-card--managed).dom-product-card--deletable,
.dom-product-card:not(.dom-product-card--managed).dom-product-card--preview {
  isolation: isolate;
}

.dom-product-card:not(.dom-product-card--managed).dom-product-card--selected,
.dom-product-card:not(.dom-product-card--managed).is-selected,
.dom-product-card:not(.dom-product-card--managed):has(input[type="checkbox"]:checked) {
  --dom-product-card-bg: #fff8fb;
  --dom-product-card-border: #f3bfd2;
}

.dom-product-card:not(.dom-product-card--managed).dom-product-card--disabled,
.dom-product-card:not(.dom-product-card--managed).is-disabled {
  --dom-product-card-bg: #f7f8fa;
  --dom-product-card-border: #e2e8f0;
}

.dom-product-card:not(.dom-product-card--managed).dom-product-card--disabled .dom-product-card__title,
.dom-product-card:not(.dom-product-card--managed).is-disabled .dom-product-card__title {
  color: #94a3b8;
}

.dom-product-card:not(.dom-product-card--managed).dom-product-card--disabled .dom-product-card__meta,
.dom-product-card:not(.dom-product-card--managed).is-disabled .dom-product-card__meta {
  color: #a8b2bf;
}

/* Compact read-only and final-list cards share one predictable two-column
 * anatomy. The module may still decide which values/actions are present. */
.dom-parcel-selected-row.dom-product-card,
.dom-parcel-product-row.dom-product-card {
  min-height: 0;
  padding: 14px;
}

.dom-parcel-selected-row.dom-product-card .dom-product-card__title,
.dom-parcel-product-row.dom-product-card .dom-product-card__title {
  line-height: 1.3;
}

@media (max-width: 782px) {
  .dom-parcel-selected-row.dom-product-card,
  .dom-parcel-product-row.dom-product-card {
    padding: 12px;
  }
}

/* v0.6.1.37 — managed product card pilot: Returns selectable items only. */
.dom-product-card.dom-product-card--managed.dom-product-card--managed-pilot {
  --dom-product-card-media-size: 54px;
  --dom-product-card-gap-x: 10px;
  --dom-product-card-gap-y: 8px;

  display: grid;
  grid-template-columns: 24px var(--dom-product-card-media-size) minmax(0, 1fr) 36px;
  grid-template-areas:
    "selection media content actions"
    "selection media quantity actions";
  column-gap: var(--dom-product-card-gap-x);
  row-gap: var(--dom-product-card-gap-y);
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: 80px;
  padding: 12px;
  overflow: hidden;
  color: #334155;
  background: #f7f7f9;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .045);
}

.dom-product-card.dom-product-card--managed.dom-product-card--managed-pilot:hover {
  border-color: #cbd5e1;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
}

.dom-product-card--managed-pilot .dom-product-card__selection {
  grid-area: selection;
  align-self: start;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  min-width: 24px;
  min-height: 24px;
  margin: 0;
  padding: 3px 0 0;
}

.dom-product-card--managed-pilot .dom-product-card__selection input[type="checkbox"] {
  width: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: var(--dom-color-accent, #db2777);
}

.dom-product-card--managed-pilot .dom-product-card__media {
  grid-area: media;
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dom-product-card-media-size);
  height: var(--dom-product-card-media-size);
  min-width: var(--dom-product-card-media-size);
  overflow: hidden;
  color: #94a3b8;
  background: #f1f5f9;
  border: 4px solid #eef2f7;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 700;
}

.dom-product-card--managed-pilot .dom-product-card__media .dom-product-card__image,
.dom-product-card--managed-pilot .dom-product-card__media .dom-ops-product-image {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  border: 0;
  border-radius: 5px;
  object-fit: cover;
}

.dom-product-card--managed-pilot .dom-product-card__content {
  grid-area: content;
  align-self: start;
  display: grid;
  gap: 4px;
  min-width: 0;
}

.dom-product-card--managed-pilot .dom-product-card__title {
  display: block;
  min-width: 0;
  margin: 0;
  color: #334155;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.dom-product-card--managed-pilot .dom-product-card__meta,
.dom-product-card--managed-pilot .dom-product-card__message {
  display: block;
  min-width: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.dom-product-card--managed-pilot .dom-product-card__meta {
  color: #64748b;
}

.dom-product-card--managed-pilot .dom-product-card__message {
  color: #9a5a10;
  font-style: normal;
}

.dom-product-card--managed-pilot .dom-product-card__actions {
  grid-area: actions;
  align-self: center;
  justify-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  margin: 0;
}

.dom-product-card--managed-pilot .dom-product-card__actions:empty {
  visibility: hidden;
}

.dom-product-card--managed-pilot .dom-product-card__actions .dom-icon-button,
.dom-product-card--managed-pilot .dom-product-card__actions .dom-ops-icon-button {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  padding: 0;
}

.dom-product-card--managed-pilot .dom-product-card__quantity {
  grid-area: quantity;
  align-self: end;
  justify-self: start;
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.dom-product-card--managed-pilot .dom-product-card__quantity:empty {
  display: none;
}

.dom-product-card--managed-pilot.dom-product-card--selected,
.dom-product-card--managed-pilot.is-selected {
  background: #fff8fb;
  border-color: #f3bfd2;
  box-shadow: inset 0 0 0 1px rgba(219, 39, 119, .08);
}

.dom-product-card--managed-pilot.dom-product-card--disabled,
.dom-product-card--managed-pilot.is-disabled {
  background: #f8fafc;
  border-color: #e2e8f0;
  box-shadow: none;
}

.dom-product-card--managed-pilot.dom-product-card--disabled .dom-product-card__media,
.dom-product-card--managed-pilot.dom-product-card--disabled .dom-product-card__content,
.dom-product-card--managed-pilot.dom-product-card--disabled .dom-product-card__quantity,
.dom-product-card--managed-pilot.is-disabled .dom-product-card__media,
.dom-product-card--managed-pilot.is-disabled .dom-product-card__content,
.dom-product-card--managed-pilot.is-disabled .dom-product-card__quantity {
  opacity: .68;
}

.dom-product-card--managed-pilot.dom-product-card--disabled .dom-product-card__quantity,
.dom-product-card--managed-pilot.is-disabled .dom-product-card__quantity {
  display: none;
}

@media (max-width: 420px) {
  .dom-product-card.dom-product-card--managed.dom-product-card--managed-pilot {
    grid-template-columns: 24px 54px minmax(0, 1fr) 36px;
    grid-template-areas:
      "selection media content actions"
      "selection media quantity actions";
    column-gap: 8px;
    row-gap: 7px;
    padding: 11px;
  }

  .dom-product-card--managed-pilot .dom-product-card__title {
    font-size: 14px;
  }
}

/* v0.6.1.37.2 — compact managed stepper calibration. */
.dom-product-card.dom-product-card--managed.dom-product-card--managed-pilot {
  --dom-managed-selector-size: 24px;
  --dom-managed-stepper-width: 100px;
  --dom-managed-stepper-height: 34px;
  --dom-managed-stepper-button-size: 30px;
}

.dom-product-card--managed-pilot .dom-product-card__selection {
  align-self: start;
  width: var(--dom-managed-selector-size);
  min-width: var(--dom-managed-selector-size);
  min-height: var(--dom-managed-selector-size);
  padding-top: 1px;
}

.dom-product-card--managed-pilot .dom-product-card__selection input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative;
  display: inline-grid !important;
  place-content: center;
  width: var(--dom-managed-selector-size) !important;
  min-width: var(--dom-managed-selector-size) !important;
  max-width: var(--dom-managed-selector-size) !important;
  height: var(--dom-managed-selector-size) !important;
  min-height: var(--dom-managed-selector-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid #94a3b8 !important;
  border-radius: 7px !important;
  background: #fff !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.dom-product-card--managed-pilot .dom-product-card__selection input[type="checkbox"]::before {
  content: "" !important;
  width: 10px;
  height: 6px;
  margin: 0 !important;
  border: solid #fff;
  border-width: 0 0 3px 3px;
  transform: rotate(-45deg) scale(0);
  transform-origin: center;
  transition: transform .12s ease;
}

.dom-product-card--managed-pilot .dom-product-card__selection input[type="checkbox"]:checked {
  border-color: var(--dom-color-accent, #db2777) !important;
  background: var(--dom-color-accent, #db2777) !important;
  box-shadow: 0 0 0 3px rgba(219, 39, 119, .10) !important;
}

.dom-product-card--managed-pilot .dom-product-card__selection input[type="checkbox"]:checked::before {
  transform: rotate(-45deg) scale(1);
}

.dom-product-card--managed-pilot .dom-product-card__selection input[type="checkbox"]:focus-visible {
  outline: 2px solid rgba(219, 39, 119, .30) !important;
  outline-offset: 2px;
}

.dom-product-card--managed-pilot .dom-product-card__selection input[type="checkbox"]:disabled {
  cursor: not-allowed;
  border-color: #cbd5e1 !important;
  background: #f1f5f9 !important;
  box-shadow: none !important;
}

.dom-product-card--managed-pilot .dom-product-card__quantity .dom-quantity-control,
.dom-product-card--managed-pilot .dom-product-card__quantity.dom-quantity-control,
.dom-product-card--managed-pilot .dom-product-card__quantity .dom-return-qty-stepper,
.dom-product-card--managed-pilot .dom-product-card__quantity .dom-ops-qty-stepper {
  display: grid !important;
  grid-template-columns: var(--dom-managed-stepper-button-size) minmax(0, 1fr) var(--dom-managed-stepper-button-size);
  align-items: center;
  gap: 0 !important;
  width: var(--dom-managed-stepper-width) !important;
  min-width: var(--dom-managed-stepper-width) !important;
  max-width: var(--dom-managed-stepper-width) !important;
  height: var(--dom-managed-stepper-height) !important;
  min-height: var(--dom-managed-stepper-height) !important;
  margin: 0 !important;
  padding: 1px !important;
  overflow: hidden;
  color: #075985;
  background: #fff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.dom-product-card--managed-pilot .dom-product-card__quantity .dom-return-qty-step,
.dom-product-card--managed-pilot .dom-product-card__quantity .dom-ops-qty-step,
.dom-product-card--managed-pilot .dom-product-card__quantity .dom-quantity-control > button,
.dom-product-card--managed-pilot .dom-product-card__quantity.dom-quantity-control > button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--dom-managed-stepper-button-size) !important;
  min-width: var(--dom-managed-stepper-button-size) !important;
  max-width: var(--dom-managed-stepper-button-size) !important;
  height: var(--dom-managed-stepper-button-size) !important;
  min-height: var(--dom-managed-stepper-button-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #075985 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font: inherit;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}

.dom-product-card--managed-pilot .dom-product-card__quantity .dom-return-qty-step:hover:not(:disabled),
.dom-product-card--managed-pilot .dom-product-card__quantity .dom-ops-qty-step:hover:not(:disabled),
.dom-product-card--managed-pilot .dom-product-card__quantity .dom-quantity-control > button:hover:not(:disabled),
.dom-product-card--managed-pilot .dom-product-card__quantity.dom-quantity-control > button:hover:not(:disabled) {
  background: #f0f9ff !important;
}

.dom-product-card--managed-pilot .dom-product-card__quantity .dom-return-qty-value,
.dom-product-card--managed-pilot .dom-product-card__quantity .dom-ops-qty-value,
.dom-product-card--managed-pilot .dom-product-card__quantity .dom-quantity-control > span,
.dom-product-card--managed-pilot .dom-product-card__quantity.dom-quantity-control > span {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 0 !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  color: #0f172a !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-align: center;
}

.dom-product-card--managed-pilot:has(.dom-product-card__selection input[type="checkbox"]:checked),
.dom-product-card--managed-pilot.dom-product-card--selected,
.dom-product-card--managed-pilot.is-selected {
  background: #fff8fb !important;
  border-color: #f3bfd2 !important;
  box-shadow: inset 0 0 0 1px rgba(219, 39, 119, .08) !important;
}

@media (max-width: 420px) {
  .dom-product-card.dom-product-card--managed.dom-product-card--managed-pilot {
    --dom-managed-stepper-width: 100px;
  }
}

/* v0.6.1.37.3 — cross-browser managed controls and PWA alignment. */
.dom-product-card--managed-pilot .dom-product-card__selection input[type="checkbox"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box !important;
  inline-size: var(--dom-managed-selector-size) !important;
  block-size: var(--dom-managed-selector-size) !important;
  min-inline-size: var(--dom-managed-selector-size) !important;
  max-inline-size: var(--dom-managed-selector-size) !important;
  min-block-size: var(--dom-managed-selector-size) !important;
  max-block-size: var(--dom-managed-selector-size) !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 var(--dom-managed-selector-size) !important;
  border-radius: 7px !important;
}

.dom-product-card--managed-pilot .dom-product-card__quantity .dom-return-qty-step,
.dom-product-card--managed-pilot .dom-product-card__quantity .dom-ops-qty-step,
.dom-product-card--managed-pilot .dom-product-card__quantity .dom-quantity-control > button,
.dom-product-card--managed-pilot .dom-product-card__quantity.dom-quantity-control > button,
.dom-product-card:not(.dom-product-card--managed) .dom-return-qty-step,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-qty-step,
.dom-product-card:not(.dom-product-card--managed) .dom-quantity-control > button {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  position: relative;
  box-sizing: border-box !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px;
  overflow: hidden;
}

.dom-product-card--managed-pilot .dom-product-card__quantity button::before,
.dom-product-card:not(.dom-product-card--managed) .dom-quantity-control > button::before,
.dom-product-card:not(.dom-product-card--managed) .dom-return-qty-step::before,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-qty-step::before {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 10px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transform: translate(-50%, -50%);
}

.dom-product-card--managed-pilot .dom-product-card__quantity button[data-step="1"]::after,
.dom-product-card:not(.dom-product-card--managed) .dom-quantity-control > button[data-step="1"]::after,
.dom-product-card:not(.dom-product-card--managed) .dom-return-qty-step[data-step="1"]::after,
.dom-product-card:not(.dom-product-card--managed) .dom-ops-qty-step[data-step="1"]::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 2px;
  height: 10px;
  border-radius: 999px;
  background: currentColor;
  transform: translate(-50%, -50%);
}

#dom-ops-new-return-result .dom-product-card--managed-pilot .dom-product-card__selection,
#dom-ops-new-return-result .dom-product-card--managed-pilot .dom-product-card__selection input[type="checkbox"] {
  inline-size: var(--dom-managed-selector-size) !important;
  block-size: var(--dom-managed-selector-size) !important;
  min-inline-size: var(--dom-managed-selector-size) !important;
  max-inline-size: var(--dom-managed-selector-size) !important;
  min-block-size: var(--dom-managed-selector-size) !important;
  max-block-size: var(--dom-managed-selector-size) !important;
}

#dom-ops-new-return-result .dom-product-card--managed-pilot .dom-product-card__quantity {
  justify-self: start !important;
  align-self: end !important;
  width: auto !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
}

#dom-ops-new-return-result .dom-product-card--managed-pilot .dom-ops-new-product-stepper {
  justify-self: start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* v0.6.1.38 — managed product cards in Return detail views. */
.dom-product-card.dom-product-card--managed.dom-product-card--managed-detail {
  --dom-product-card-media-size: 54px;
  --dom-managed-detail-gap-x: 12px;
  --dom-managed-detail-gap-y: 8px;
  display: grid;
  grid-template-columns: var(--dom-product-card-media-size) minmax(0, 1fr) auto;
  grid-template-areas:
    "media content actions"
    "media quantity actions"
    "message message message";
  column-gap: var(--dom-managed-detail-gap-x);
  row-gap: var(--dom-managed-detail-gap-y);
  align-items: center;
  width: 100%;
  min-width: 0;
  padding: 14px;
  overflow: hidden;
  color: #334155;
  background: #f7f7f9;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: none;
}

.dom-product-card--managed-detail .dom-product-card__media {
  grid-area: media;
  align-self: start;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dom-product-card-media-size);
  height: var(--dom-product-card-media-size);
  min-width: var(--dom-product-card-media-size);
  overflow: hidden;
  color: #94a3b8;
  background: #f1f5f9;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 700;
}

.dom-product-card--managed-detail .dom-product-card__media .dom-product-card__image,
.dom-product-card--managed-detail .dom-product-card__media .dom-ops-product-image {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  border: 0;
  border-radius: 9px;
  object-fit: cover;
}

.dom-product-card--managed-detail .dom-product-card__content {
  grid-area: content;
  align-self: start;
  display: grid;
  gap: 4px;
  min-width: 0;
}

.dom-product-card--managed-detail .dom-product-card__title {
  display: block;
  min-width: 0;
  margin: 0;
  color: #334155;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.dom-product-card--managed-detail .dom-product-card__meta,
.dom-product-card--managed-detail .dom-product-card__message {
  display: block;
  min-width: 0;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.dom-product-card--managed-detail .dom-product-card__meta { color: #64748b; }
.dom-product-card--managed-detail .dom-product-card__message { grid-area: message; color: #b7791f; }

.dom-product-card--managed-detail .dom-product-card__quantity {
  grid-area: quantity;
  justify-self: start;
  align-self: end;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.dom-product-card--managed-detail .dom-product-card__actions {
  grid-area: actions;
  align-self: center;
  justify-self: end;
  display: grid;
  gap: 8px;
  min-width: 36px;
}

.dom-product-card--managed-detail .dom-product-card__action,
.dom-product-card--managed-detail .dom-icon-button,
.dom-product-card--managed-detail .dom-ops-icon-button,
.dom-product-card--managed-detail .dom-icon-action,
.dom-product-card--managed-detail .dom-ops-icon-action {
  margin: 0 !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--managed-detail.dom-product-card--disabled,
.dom-product-card.dom-product-card--managed.dom-product-card--managed-detail.is-disabled {
  background: #f7f7f9;
  border-color: #e2e8f0;
}

.dom-product-card--managed-detail.dom-product-card--disabled .dom-product-card__media,
.dom-product-card--managed-detail.dom-product-card--disabled .dom-product-card__content,
.dom-product-card--managed-detail.is-disabled .dom-product-card__media,
.dom-product-card--managed-detail.is-disabled .dom-product-card__content {
  opacity: .58;
}

@media (max-width: 420px) {
  .dom-product-card.dom-product-card--managed.dom-product-card--managed-detail {
    --dom-managed-detail-gap-x: 10px;
    padding: 12px;
  }
}

/* v0.6.1.38.1 — return detail action and PWA stepper calibration. */
.dom-product-card--managed-detail .dom-return-add-item,
.dom-product-card--managed-detail .dom-ops-add-item.dom-ui-add-action {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  flex: 0 0 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  background: var(--dom-color-accent, var(--dom-woo-accent, #db2777)) !important;
  border: 1px solid var(--dom-color-accent, var(--dom-woo-accent, #db2777)) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

.dom-product-card--managed-detail .dom-return-add-item svg,
.dom-product-card--managed-detail .dom-ops-add-item.dom-ui-add-action svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
}

.dom-product-card--managed-detail .dom-return-add-item span,
.dom-product-card--managed-detail .dom-ops-add-item.dom-ui-add-action span {
  display: none !important;
}

.dom-ops-return-detail .dom-product-card--managed-detail .dom-product-card__actions {
  align-self: center !important;
  justify-self: end !important;
  justify-items: center !important;
  gap: 8px !important;
}

@media (max-width: 430px) {
  .dom-product-card--managed-detail .dom-return-add-item,
  .dom-product-card--managed-detail .dom-ops-add-item.dom-ui-add-action {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
  }
}

/* v0.6.1.38.3 — managed selector and action rail alignment calibration. */
.dom-product-card--managed-pilot .dom-product-card__selection {
  align-self: center !important;
  justify-self: center !important;
  padding-top: 0 !important;
}

#dom-ops-new-return-result .dom-product-card--managed-pilot .dom-ops-new-product-stepper {
  justify-self: start !important;
  align-self: end !important;
  padding-left: 0 !important;
  padding-inline-start: 0 !important;
  margin-left: 0 !important;
  margin-inline-start: 0 !important;
}

.dom-product-card--managed-detail .dom-product-card__actions {
  width: 40px;
  min-width: 40px;
  justify-self: center;
  justify-items: center;
  align-items: center;
}

/* v0.6.1.40.1 — frozen QuantityStepper contract for migrated Return detail cards.
 * This is the only return-detail rule allowed to define the shared control's
 * geometry or operator rendering. Compatibility classes remain for JavaScript
 * hooks, but they no longer own CSS glyphs, text indentation or local grids. */
.dom-product-card--managed-detail .dom-product-card__quantity .dom-quantity-control,
.dom-product-card--managed-detail .dom-product-card__quantity.dom-quantity-control,
.dom-product-card--managed-detail .dom-ops-qty-stepper,
.dom-product-card--managed-detail .dom-return-qty-stepper {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) 30px !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 0 !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 1px !important;
  overflow: hidden !important;
  color: #075985 !important;
  background: #fff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.dom-product-card--managed-detail .dom-product-card__quantity .dom-quantity-control__button,
.dom-product-card--managed-detail .dom-product-card__quantity.dom-quantity-control .dom-quantity-control__button,
.dom-product-card--managed-detail .dom-ops-qty-step,
.dom-product-card--managed-detail .dom-return-qty-step {
  box-sizing: border-box !important;
  position: relative !important;
  display: block !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  color: #075985 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.dom-product-card--managed-detail .dom-product-card__quantity .dom-quantity-control__button::before,
.dom-product-card--managed-detail .dom-product-card__quantity .dom-quantity-control__button::after,
.dom-product-card--managed-detail .dom-ops-qty-step::before,
.dom-product-card--managed-detail .dom-ops-qty-step::after,
.dom-product-card--managed-detail .dom-return-qty-step::before,
.dom-product-card--managed-detail .dom-return-qty-step::after {
  content: none !important;
  display: none !important;
}

.dom-product-card--managed-detail .dom-product-card__quantity .dom-quantity-control__button > .dom-quantity-control__icon,
.dom-product-card--managed-detail .dom-product-card__quantity.dom-quantity-control .dom-quantity-control__button > .dom-quantity-control__icon {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  display: block !important;
  width: 12px !important;
  min-width: 12px !important;
  height: 12px !important;
  min-height: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  overflow: visible !important;
}

.dom-product-card--managed-detail .dom-product-card__quantity .dom-quantity-control__value,
.dom-product-card--managed-detail .dom-product-card__quantity.dom-quantity-control .dom-quantity-control__value,
.dom-product-card--managed-detail .dom-ops-qty-value,
.dom-product-card--managed-detail .dom-return-qty-value {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #0f172a !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-align: center !important;
}

/* v0.6.1.41 — canonical managed ProductCard contract for Parcels.
 * Parcels keeps its compatibility classes for JS and module-level lookup,
 * but those classes no longer own the card grid, stepper or action rail. */
.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-parcel-product-card,
.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-manual-product {
  grid-template-columns: var(--dom-product-card-media-size) minmax(0, 1fr) auto !important;
  grid-template-areas:
    "media content actions"
    "media quantity actions"
    "message message message" !important;
  align-items: start !important;
  gap: var(--dom-product-card-gap) !important;
  padding: var(--dom-space-4) !important;
  border: 1px solid var(--dom-color-border) !important;
  border-radius: var(--dom-radius-lg) !important;
  background: var(--dom-color-surface-subtle) !important;
}

.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-parcel-product-card .dom-product-card__content,
.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-manual-product .dom-product-card__content {
  grid-area: content !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
}

.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-parcel-product-card .dom-product-card__quantity,
.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-manual-product .dom-product-card__quantity {
  grid-area: quantity !important;
  align-self: end !important;
  justify-self: start !important;
  margin: 0 !important;
}

.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-parcel-product-card .dom-product-card__actions,
.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-manual-product .dom-product-card__actions {
  grid-area: actions !important;
  align-self: center !important;
  justify-self: end !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 40px !important;
}

.dom-parcels-page .dom-product-card.dom-product-card--managed .dom-parcel-stepper {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) 30px !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  margin: 0 !important;
  padding: 1px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 999px !important;
}

.dom-parcels-page .dom-product-card.dom-product-card--managed .dom-parcel-stepper .dom-quantity-control__button {
  position: relative !important;
  display: block !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

.dom-parcels-page .dom-product-card.dom-product-card--managed .dom-parcel-stepper .dom-quantity-control__icon {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 12px !important;
  height: 12px !important;
  transform: translate(-50%, -50%) !important;
}

.dom-parcels-page .dom-product-card.dom-product-card--managed .dom-parcel-stepper .dom-quantity-control__value {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

.dom-parcels-page .dom-product-card.dom-product-card--managed .dom-ui-add-action {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  background: var(--dom-color-accent, var(--dom-woo-accent, #db2777)) !important;
  border: 1px solid var(--dom-color-accent, var(--dom-woo-accent, #db2777)) !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.dom-parcels-page .dom-product-card.dom-product-card--managed .dom-ui-add-action svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
}

.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-parcel-selected-row,
.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-parcel-product-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "content actions"
    "quantity actions"
    "message message" !important;
  align-items: center !important;
  gap: var(--dom-product-card-gap) !important;
  padding: var(--dom-space-3) !important;
}

.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-parcel-selected-row .dom-product-card__actions,
.dom-parcels-page .dom-product-card.dom-product-card--managed.dom-parcel-product-row .dom-product-card__actions {
  grid-area: actions !important;
  align-self: center !important;
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 40px !important;
}

@media (max-width: 640px) {
  .dom-parcels-page .dom-product-card.dom-product-card--managed.dom-parcel-product-card,
  .dom-parcels-page .dom-product-card.dom-product-card--managed.dom-manual-product {
    --dom-product-card-media-size: 54px;
    padding: var(--dom-space-3) !important;
    gap: var(--dom-space-2) !important;
  }
}

/* v0.6.1.41.3 — canonical static/read-only product card.
 * Shared by Admin and PWA. Box/container padding remains outside this contract.
 * Structural variants may override this base without specificity escalation. */
.dom-product-card.dom-product-card--managed.dom-product-card--static,
.dom-product-card.dom-product-card--managed.dom-static-product-card {
  --dom-product-card-media-size: 58px;
  grid-template-columns: var(--dom-product-card-media-size) minmax(0, 1fr);
  grid-template-areas:
    "media content"
    "media content"
    "message message";
  align-items: center;
  text-align: left;
}

.dom-product-card.dom-product-card--managed.dom-product-card--static .dom-product-card__media,
.dom-product-card.dom-product-card--managed.dom-static-product-card .dom-product-card__media {
  align-self: center !important;
  border-radius: 6px !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--static .dom-product-card__image,
.dom-product-card.dom-product-card--managed.dom-static-product-card .dom-product-card__image,
.dom-product-card.dom-product-card--managed.dom-product-card--static .dom-static-product-card__placeholder,
.dom-product-card.dom-product-card--managed.dom-static-product-card .dom-static-product-card__placeholder {
  border-radius: 6px !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--static .dom-product-card__content,
.dom-product-card.dom-product-card--managed.dom-product-card--static .dom-product-card__title,
.dom-product-card.dom-product-card--managed.dom-product-card--static .dom-product-card__meta,
.dom-product-card.dom-product-card--managed.dom-static-product-card .dom-product-card__content,
.dom-product-card.dom-product-card--managed.dom-static-product-card .dom-product-card__title,
.dom-product-card.dom-product-card--managed.dom-static-product-card .dom-product-card__meta {
  text-align: left !important;
  justify-content: flex-start !important;
}

.dom-static-product-card__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: var(--dom-color-surface-muted, #eef1f4);
}

/* v0.9.6.35 — canonical horizontal ProductCard identity alignment.
 * The validated Nepreluate row is the visual reference: media and the identity
 * text block are vertically centred. This is shared placement only; media size,
 * title rhythm, quantity/action semantics and surface tokens stay unchanged. */
.dom-product-card.dom-product-card--managed.dom-product-card--compact .dom-product-card__media,
.dom-product-card.dom-product-card--managed.dom-product-card--compact .dom-product-card__content {
  align-self: center;
}

/* v0.6.1.42.6 / v0.6.1.42.6.1 — explicit compact read-only anatomy.
 * This modifier is contractual: media + title/meta only. It does not reserve
 * quantity, action or message rows and is independent from Admin/PWA context.
 * The compact receipts/order rows now use a slightly denser text rhythm and a
 * tighter media/content gap so Customer Orders, Nepreluate and Catalog modal
 * surfaces share the same calmer card balance. */
.dom-product-card.dom-product-card--managed.dom-product-card--readonly-compact {
  grid-template-columns: var(--dom-product-card-media-size) minmax(0, 1fr);
  grid-template-areas: "media content";
  grid-template-rows: max-content;
  grid-auto-rows: max-content;
  min-height: 0;
  align-items: center;
  column-gap: var(--dom-space-3, 12px);
  padding-top: 8px;
  padding-bottom: 8px;
}

.dom-product-card.dom-product-card--managed.dom-product-card--readonly-compact .dom-product-card__media,
.dom-product-card.dom-product-card--managed.dom-product-card--readonly-compact .dom-product-card__content {
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
}

.dom-product-card.dom-product-card--managed.dom-product-card--readonly-compact .dom-product-card__title {
  display: block;
  line-height: 1.06;
}

.dom-product-card.dom-product-card--managed.dom-product-card--readonly-compact .dom-product-card__description {
  margin-top: 0;
  line-height: 1.3;
}

.dom-product-card.dom-product-card--managed.dom-product-card--readonly-compact .dom-product-card__meta {
  margin-top: 0;
  line-height: 1.3;
}

/* Intake cards must size from their real rows only. Empty message rows and
 * inherited minimum heights must not make selectable/manual cards taller. */
.dom-parcels-page .dom-parcel-products-grid .dom-product-card--managed,
.dom-ops-parcels.dom-shared-intake .dom-product-card--managed {
  grid-auto-rows: max-content !important;
  min-height: 0 !important;
}

.dom-parcels-page .dom-parcel-products-grid .dom-product-card--managed:not(:has(.dom-product-card__message:not(:empty))),
.dom-ops-parcels.dom-shared-intake .dom-product-card--managed:not(:has(.dom-product-card__message:not(:empty))) {
  grid-template-rows: auto auto !important;
}

/* Final-list actions remain vertically centred even when a row contains only
 * a title and one metadata line. */
.dom-parcels-page .dom-parcel-selected-row.dom-product-card--managed,
.dom-ops-parcels .dom-parcel-selected-row.dom-product-card--managed {
  grid-template-rows: auto !important;
  grid-auto-rows: max-content !important;
  min-height: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  align-items: center !important;
}

.dom-parcels-page .dom-parcel-selected-row .dom-product-card__actions,
.dom-ops-parcels .dom-parcel-selected-row .dom-product-card__actions {
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
}

/* v0.6.1.42.5 — operational ProductCard intrinsic-height correction.
 * Addable/removable cards size from actual content rows; selectable and
 * canonical static Admin cards remain untouched. */
.dom-product-card.dom-product-card--managed.dom-product-card--addable {
  grid-template-rows: max-content max-content !important;
  grid-auto-rows: max-content !important;
  min-height: 0 !important;
  row-gap: 6px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  align-content: center !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--addable .dom-product-card__content,
.dom-product-card.dom-product-card--managed.dom-product-card--addable .dom-product-card__quantity,
.dom-product-card.dom-product-card--managed.dom-product-card--addable .dom-product-card__actions {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--removable,
.dom-product-card.dom-product-card--managed.dom-product-card--deletable,
.dom-product-card.dom-product-card--managed.dom-parcel-selected-row {
  grid-template-rows: max-content !important;
  grid-auto-rows: max-content !important;
  min-height: 0 !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  align-items: center !important;
  align-content: center !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--removable .dom-product-card__actions,
.dom-product-card.dom-product-card--managed.dom-product-card--deletable .dom-product-card__actions,
.dom-product-card.dom-product-card--managed.dom-parcel-selected-row .dom-product-card__actions {
  align-self: center !important;
}

/* PWA may tune density, but the explicit shared variant continues to own
 * the card anatomy. No context rule reconstructs the grid. */
.dom-ops-parcel-detail .dom-product-card--readonly-compact {
  --dom-product-card-media-size: 54px;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* v0.7.6.13 — Returns selectable ProductCard disabled/already-included layout.
 * Keep the warning in the shared managed-pilot grid instead of allowing the
 * browser to create an implicit column when QuantityStepper is absent. */
.dom-product-card.dom-product-card--managed.dom-product-card--managed-pilot {
  grid-template-areas:
    "selection media content actions"
    "selection media quantity actions"
    "selection media message message";
}

.dom-product-card.dom-product-card--managed.dom-product-card--managed-pilot .dom-product-card__message {
  grid-area: message;
  align-self: start;
  justify-self: stretch;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 420px) {
  .dom-product-card.dom-product-card--managed.dom-product-card--managed-pilot {
    grid-template-areas:
      "selection media content actions"
      "selection media quantity actions"
      "selection media message message";
  }
}


/* v0.9.6.30 / v0.9.6.31 — calibrated wide-media surface parity.
 * Keep the validated horizontal ProductCard anatomy, but restore the requested
 * 1:1 cover image, a calmer neutral surface (aligned with Nepreluate receipt
 * rows) and a denser text/media rhythm. Quantity rows remain collapsed so a
 * hidden QuantityStepper cannot create visual space below the image. */
.dom-product-card.dom-product-card--managed.dom-product-card--wide-media {
  --dom-product-card-wide-media-size: 64px;
  display: grid !important;
  grid-template-columns: var(--dom-product-card-wide-media-size) minmax(0, 1fr) auto !important;
  grid-template-areas:
    "media content actions"
    "media quantity actions"
    "message message message" !important;
  column-gap: var(--dom-space-3, 12px) !important;
  row-gap: 0 !important;
  min-height: 0 !important;
  padding: 10px 12px 8px !important;
  overflow: visible !important;
  align-items: center !important;
  align-content: center !important;
  background: var(--dom-product-card-final-bg, #f7f7f9) !important;
  border-color: var(--dom-color-border, #dbe3ec) !important;
  border-radius: var(--dom-radius-sm, 8px) !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__media {
  grid-area: media !important;
  width: var(--dom-product-card-wide-media-size) !important;
  min-width: var(--dom-product-card-wide-media-size) !important;
  max-width: var(--dom-product-card-wide-media-size) !important;
  height: var(--dom-product-card-wide-media-size) !important;
  min-height: var(--dom-product-card-wide-media-size) !important;
  margin: 0 !important;
  overflow: hidden !important;
  align-self: center !important;
  border-radius: 6px !important;
  background: var(--dom-color-surface-muted, #f1f5f9) !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__media-link {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__image,
.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__media > span {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  border-radius: inherit !important;
  object-fit: cover !important;
  object-position: center !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__content {
  grid-area: content !important;
  min-width: 0;
  padding: 0 !important;
  align-self: center !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__title {
  display: block !important;
  font-size: 15px !important;
  line-height: 1.06 !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__description,
.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__meta {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__description,
.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__meta {
  margin-top: 0 !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__quantity {
  grid-area: quantity !important;
  align-self: end !important;
  justify-self: start !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__actions {
  grid-area: actions !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
  padding: 0 !important;
}

.dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__message {
  grid-area: message !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Read-only wide-media identities have no quantity/action row. Collapse that
 * structural row so the title/meta block centers against the square media,
 * matching the validated Nepreluate readonly-compact card. */
.dom-product-card.dom-product-card--managed.dom-product-card--wide-media.dom-product-card--readonly {
  grid-template-rows: minmax(var(--dom-product-card-wide-media-size), max-content) 0 max-content !important;
}

@media (max-width: 420px) {
  .dom-product-card.dom-product-card--managed.dom-product-card--wide-media {
    --dom-product-card-wide-media-size: 60px;
  }

  .dom-product-card.dom-product-card--managed.dom-product-card--wide-media .dom-product-card__title,
  .dom-product-card.dom-product-card--managed.dom-product-card--readonly-compact .dom-product-card__title {
    line-height: 1.04 !important;
  }
}