.material-detail-modal.wide {
  max-height: calc(100vh - 28px);
  width: min(1040px, calc(100vw - 34px));
}
.material-detail-modal .modal-header { padding: 14px 18px; }
.material-detail-modal .modal-body { padding: 14px 18px 16px; }
.material-detail-modal .material-link-card {
  margin: 0 0 10px;
  padding: 9px 11px;
}
.material-detail-modal .material-link-card span { font-size: 7.5px; }
.material-detail-modal .material-link-card strong { font-family: Raleway, sans-serif; font-size: 10px; margin-top: 3px; }
.material-detail-modal .material-link-card .btn { min-height: 31px; padding: 6px 9px; font-size: 9px; }
.material-detail-modal .material-detail-grid { gap: 6px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.material-detail-modal .material-detail-grid > div { padding: 8px 10px; }
.material-detail-modal .material-detail-grid span,
.material-detail-modal .dynamic-detail-grid span { font-size: 7.5px; }
.material-detail-modal .material-detail-grid strong,
.material-detail-modal .dynamic-detail-grid strong { font-family: Raleway, sans-serif; font-size: 10px; }
.material-detail-modal .form-section { margin-top: 10px; padding-top: 10px; }
.material-detail-modal .form-section h3 { font-family: Raleway, sans-serif; font-size: 10px; margin-bottom: 8px; }
.material-detail-modal .material-location-list { gap: 5px; }
.material-detail-modal .material-location-list > div { gap: 10px; padding: 7px 9px; }
.material-detail-modal .material-location-list span,
.material-detail-modal .material-location-list strong { font-size: 9.5px; }
.material-detail-modal .material-location-list small { font-size: 8px; }
.material-detail-modal .dynamic-detail-grid { gap: 6px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.material-detail-modal .dynamic-detail-grid > div { padding: 8px 10px; }
.material-detail-modal .leather-pieces-section { margin-top: 10px; }

@media (max-width: 820px) {
  .material-detail-modal .material-detail-grid,
  .material-detail-modal .dynamic-detail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}