/* Product list option/model/wishlist fix 0.14.12 */

/* 이전 compact grid의 row-gap이 flex 카드에도 남아 옵션 헤더/본문 사이가 벌어지던 현상 제거 */
.product-list.db-compact-view .db-product-row {
  gap: 0 !important;
}

.product-list.db-compact-view .db-card-option-toggle,
.product-list.db-compact-view .db-card-option-panel {
  box-sizing: border-box;
  width: calc(100% - 16px);
  margin-right: 8px;
  margin-left: 8px;
}

.product-list.db-compact-view .db-product-row.db-card-options-open .db-card-option-toggle {
  margin-bottom: 0;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
}

.product-list.db-compact-view .db-product-row.db-card-options-open .db-card-option-panel {
  margin-top: 0;
  border-top: 1px solid #ece7f8;
  border-radius: 0 0 10px 10px;
}

.product-list.db-compact-view .db-card-option-panel > .row-options,
.product-list.db-compact-view .db-card-option-panel > .row-selection-total,
.product-list.db-compact-view .db-card-option-panel > .row-actions {
  box-sizing: border-box;
}

/* DB 찜목록은 기존 마이이노 찜목록 레이아웃을 그대로 사용 */
.db-wish-products-list + .wish-products-list {
  margin-top: 18px;
}

.db-wish-product-row .wish-product-media img {
  object-fit: cover;
}

.db-wish-product-row .wish-product-info small {
  display: block;
  margin-top: 4px;
  color: #8a8a8a;
  font-size: 12px;
}

.db-wish-product-row .wish-option-list .db-wish-no-option {
  color: #999;
}

/* Family popup: independent columns, the selected list uses the full height. */
#db-family-other-model-modal.db-renewal-other-model .other-model-dialog{display:grid;grid-template-rows:48px minmax(0,1fr);height:calc(100vh - 24px);height:calc(100dvh - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:hidden}
#db-family-other-model-modal.db-renewal-other-model .other-model-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,32%);gap:16px;min-height:0;margin:16px 24px 24px;border:0}
#db-family-other-model-modal .other-model-left{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}
#db-family-other-model-modal.db-renewal-other-model .other-product-summary{min-height:0;padding:8px 8px 20px;gap:24px}
#db-family-other-model-modal .other-model-picker{border:1px solid #e2e2e2;grid-template-rows:56px minmax(0,1fr)}
#db-family-other-model-modal.db-renewal-other-model .other-device-list{max-height:none;padding:14px;overscroll-behavior:contain}
#db-family-other-model-modal .other-device-summary{grid-template-columns:minmax(0,1fr) minmax(150px,1fr);gap:12px}
#db-family-other-model-modal .other-device-options{margin-left:0}
#db-family-other-model-modal.db-renewal-other-model .other-model-panel{display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;min-height:0;padding:16px;border:1px solid #e2e2e2;overflow:hidden}
#db-family-other-model-modal.db-renewal-other-model .other-selected-list{min-height:0;max-height:none;padding:0 0 8px;overscroll-behavior:contain}
#db-family-other-model-modal.db-renewal-other-model .other-selected-empty{min-height:0}
#db-family-other-model-modal .other-selected-item{padding:12px 4px;gap:10px}
#db-family-other-model-modal .other-model-totals{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;padding:8px 0;border-top:1px solid #e5e5e5}
#db-family-other-model-modal .other-selected-head{min-height:38px;padding:0 8px;gap:6px;font-size:13px}
#db-family-other-model-modal .other-selected-head strong,#db-family-other-model-modal .other-selected-head b{font-size:13px;white-space:nowrap}
#db-family-other-model-modal .other-model-total{min-height:38px;border:0;justify-content:flex-end;gap:8px;font-size:13px}
#db-family-other-model-modal .other-model-total strong{min-width:0;font-size:20px;line-height:1.3;text-align:right;overflow-wrap:anywhere}
#db-family-other-model-modal .other-model-main-actions .cart{border:1px solid #292d34;border-radius:6px 0 0 6px;color:#fff;background:#292d34}
#db-family-other-model-modal .other-model-sub-actions .reset{border-color:#d8d8d8;color:#222;background:#fff}
@media(max-width:1100px){
 #db-family-other-model-modal .other-model-toolbar{gap:12px;padding:0 12px}
 #db-family-other-model-modal .other-model-toolbar nav{gap:10px}
 #db-family-other-model-modal .other-model-toolbar button{font-size:13px}
 #db-family-other-model-modal .other-option-row{grid-template-columns:minmax(0,1fr) 84px 70px;gap:8px}
 #db-family-other-model-modal .other-device-options{padding:12px}
}
@media(max-width:900px){
 #db-family-other-model-modal.db-renewal-other-model .other-model-workspace{display:flex;flex-direction:column;gap:16px;margin:12px;overflow-y:auto}
 #db-family-other-model-modal .other-model-left{display:block;flex:0 0 auto}
 #db-family-other-model-modal.db-renewal-other-model .other-product-summary{padding:4px 4px 16px;gap:16px}
 #db-family-other-model-modal.db-renewal-other-model .other-device-list{max-height:42vh;max-height:42dvh}
 #db-family-other-model-modal.db-renewal-other-model .other-model-panel{flex:0 0 auto;height:64vh;height:64dvh;min-height:310px;padding:12px}
 #db-family-other-model-modal .other-model-toolbar{flex-wrap:wrap;gap:8px;padding:10px 12px}
 #db-family-other-model-modal .other-model-picker{grid-template-rows:auto minmax(0,1fr)}
 #db-family-other-model-modal .other-device-summary{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px 0}
 #db-family-other-model-modal .other-option-row{grid-template-columns:minmax(0,1fr) 80px;gap:8px}
 #db-family-other-model-modal .other-option-amount{grid-column:1/-1}
 #db-family-other-model-modal .other-model-total{gap:5px}
 #db-family-other-model-modal .other-model-total strong{font-size:18px}
}