/* Keep the single-product image complete, large, and calm inside the detail dialog. */
.detail-top { grid-template-columns:280px minmax(0,1fr); gap:24px; }
.image-block { width:280px; }
.detail-image-drop { width:280px; padding:12px; gap:10px; border:1px solid #d9e1ec; border-radius:10px; background:#fbfcfe; box-shadow:0 8px 22px #24344d0d; }
.detail-image-drop.has-image { border-color:#d9e1ec; background:#fbfcfe; }
.detail-image-drop:hover,.detail-image-drop:focus,.detail-image-drop.drag-over { border-color:#8eb4f6; background:#f8fbff; box-shadow:0 0 0 3px #dce9ff,0 8px 22px #24344d12; }
.detail-image-frame { position:relative; width:256px; height:330px; display:grid; place-items:center; overflow:hidden; border:1px solid #e1e6ee; border-radius:7px; background:#f1f3f7; }
.detail-image-drop img,.detail-image { width:256px; height:330px; object-fit:cover; object-position:center; background:#f1f3f7; border:0; border-radius:6px; }
.image-block > .detail-image-frame { width:280px; height:360px; padding:10px; background:#fbfcfe; box-shadow:0 8px 22px #24344d0d; }
.image-block > .detail-image-frame .detail-image { width:258px; height:338px; object-fit:cover; object-position:center; }
.detail-image-badge { position:absolute; right:8px; bottom:8px; padding:4px 7px; border:1px solid #ffffffaa; border-radius:4px; background:#172033bf; color:#fff; font-size:11px; line-height:1; pointer-events:none; }
.detail-image-drop .image-drop-copy { width:100%; gap:2px; padding:0 2px; text-align:left; }
.detail-image-drop .image-drop-copy strong { color:#263247; font-size:13px; line-height:1.35; white-space:normal; }
.detail-image-drop .image-drop-copy small { color:var(--muted); font-size:11px; line-height:1.4; white-space:normal; }
@media (max-width:760px) {
  .detail-top { grid-template-columns:1fr; gap:16px; }
  .image-block,.detail-image-drop { width:100%; }
  .detail-image-drop .detail-image-frame { width:100%; height:min(78vw,360px); }
  .detail-image-drop img,.detail-image { width:100%; height:min(78vw,360px); }
  .image-block > .detail-image-frame { width:100%; height:min(84vw,390px); padding:10px; }
  .image-block > .detail-image-frame .detail-image { width:100%; height:100%; }
}