/* Product-list renewal actions 0.14.11 */

/* Restore third action as wishlist in both layouts. */
.db-product-row .row-actions .db-wish-button.active {
  color: var(--purple);
  border-color: var(--purple);
  background: #fff;
}

.product-list.db-compact-view .db-card-option-panel .row-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.product-list.db-compact-view .db-card-option-panel .row-actions button {
  min-width: 0;
  padding: 0 6px;
  font-size: 12px;
}
.product-list.db-compact-view .db-card-option-panel .row-actions button:first-child {
  border-radius: 6px 0 0 6px;
}
.product-list.db-compact-view .db-card-option-panel .row-actions button:nth-child(2) {
  border-radius: 0;
}
.product-list.db-compact-view .db-card-option-panel .row-actions button:nth-child(3) {
  border-radius: 0 6px 6px 0;
}

/* DB-driven adapter reuses the previously developed large other-model popup. */
.db-renewal-other-model .other-model-dialog {
  max-width: 1500px;
}
.db-renewal-other-model .other-product-image img,
.db-renewal-other-model .other-selected-thumb img {
  object-fit: contain;
  transform: none;
}
.db-renewal-other-model .other-model-panel {
  overflow: hidden;
}
.db-renewal-other-model .other-selected-empty {
  min-height: 220px;
}
.db-renewal-other-model .other-model-sub-actions .wish {
  font-size: 22px;
}
.db-renewal-other-model .other-model-main-actions .needs-option,
.db-renewal-other-model .other-model-sub-actions .needs-option {
  opacity: .48;
}

@media (max-width: 900px) {
  .db-renewal-other-model .other-model-dialog {
    overflow-y: auto;
    display: block;
    height: calc(100vh - 20px);
  }
  .db-renewal-other-model .other-product-summary {
    padding: 20px;
  }
  .db-renewal-other-model .other-model-workspace {
    display: block;
    margin: 0 20px 28px;
  }
  .db-renewal-other-model .other-model-panel {
    border-top: 1px solid #e4e4e4;
    border-left: 0;
  }
}

/* List actions and compact vertical quantity controls. */
.db-product-row [data-db-buy]{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.db-product-row [data-db-buy]::before{content:"";display:inline-block;width:18px;height:18px;flex-shrink:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.db-product-row [data-db-cart]{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.db-product-row [data-db-cart]::before{content:"";display:inline-block;width:18px;height:18px;flex-shrink:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%208h14l1%2013H4L5%208Z%22%2F%3E%3Cpath%20d%3D%22M8%2010V6a4%204%200%200%201%208%200v4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%208h14l1%2013H4L5%208Z%22%2F%3E%3Cpath%20d%3D%22M8%2010V6a4%204%200%200%201%208%200v4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.db-product-row [data-db-wish]{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.db-product-row [data-db-wish]::before{content:"";display:inline-block;width:18px;height:18px;flex-shrink:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v18l-6-4-6%204Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v18l-6-4-6%204Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.db-product-row [data-db-other-model]{display:inline-flex!important;align-items:center;justify-content:center;gap:8px}.db-product-row [data-db-other-model]::before{content:"";display:inline-block;width:18px;height:18px;flex-shrink:0;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M10%2018h4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%2212%22%20height%3D%2220%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M10%2018h4%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.db-product-row .option-quantity{display:grid!important;grid-template-columns:32px 18px!important;grid-template-rows:14px 14px!important;gap:0!important;width:50px!important;height:28px!important;border:1px solid #d9dce1;border-radius:3px;overflow:hidden;box-sizing:border-box}.db-product-row .option-quantity output{grid-column:1;grid-row:1/3;display:flex;align-items:center;justify-content:center;width:auto!important;min-width:0!important;height:auto!important;border:0!important;padding:0!important;font-size:13px}.db-product-row .option-quantity button{position:relative;width:18px!important;min-width:0!important;height:14px!important;padding:0!important;margin:0!important;border:0!important;border-left:1px solid #d9dce1!important;border-radius:0!important;font-size:0!important;background:#fff;line-height:1}.db-product-row .option-quantity button[data-step="1"]{grid-column:2;grid-row:1;border-bottom:1px solid #d9dce1!important}.db-product-row .option-quantity button[data-step="-1"]{grid-column:2;grid-row:2}.db-product-row .option-quantity button::before{content:"";position:absolute;left:5px;top:5px;width:5px;height:5px;border:solid currentColor;border-width:1px 1px 0 0;transform:rotate(-45deg)}.db-product-row .option-quantity button[data-step="-1"]::before{top:2px;transform:rotate(135deg)}.db-product-row .option-quantity button:disabled{color:#aaa;background:#f7f7f7;cursor:not-allowed}