/* Détail produit responsive + images centrées */
#mp-detail-modal, .mp-detail-modal {
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
}
#mp-detail-modal .mp-detail-box,
.mp-detail-box {
  width: 100%;
  max-width: 520px;
  max-height: 92vh;
  overflow: auto;
  border-radius: 18px;
  background: #fff;
}
#mp-detail-modal img,
.mp-detail-box img.main-photo,
#mp-d-img, #mp-xi {
  width: 100% !important;
  height: 100% !important;
  max-height: min(360px, 55vh) !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  margin: 0 auto !important;
  background: #0f172a;
}
.mp-detail-desc {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #334155 !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  margin: 10px 0 14px !important;
  max-height: none !important;
  overflow: visible !important;
}
@media (max-width: 600px) {
  #mp-detail-modal { padding: 8px !important; align-items: flex-end !important; }
  .mp-detail-box { max-width: 100%; border-radius: 16px 16px 0 0; max-height: 94vh; }
  #mp-d-img, #mp-xi { max-height: 42vh !important; }
}
/* Admin mobile */
@media (max-width: 768px) {
  #side, .side, aside.side {
    position: fixed !important;
    left: 0; right: 0; bottom: 0;
    top: auto !important;
    width: 100% !important;
    max-height: 42vh;
    overflow: auto;
    z-index: 40;
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
    padding: 8px !important;
    border-top: 1px solid #e2e8f0;
    background: #fff !important;
  }
  #side button, .side button {
    flex: 1 1 auto;
    min-width: 44%;
    font-size: 12px !important;
    padding: 10px 8px !important;
  }
  .main, #main, main.content, .content {
    padding-bottom: 48vh !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  table { font-size: 12px !important; }
  .sec, section.sec { padding: 12px !important; }
}