.mis-gallery-enhanced {
  display: grid !important;
  gap: 24px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mis-gallery-enhanced > .mis-pdf-record {
  aspect-ratio: 4 / 3;
  background: #061a29;
  border: 1px solid rgba(40, 199, 231, .28);
  border-radius: 18px;
  box-shadow: 0 16px 42px rgba(5, 21, 34, .12);
  min-height: 292px;
  overflow: hidden;
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}
.mis-gallery-enhanced > .mis-pdf-record:hover,
.mis-gallery-enhanced > .mis-pdf-record:focus-within { border-color: #28c7e7; box-shadow: 0 22px 54px rgba(5,21,34,.2); transform: translateY(-3px); }
.mis-gallery-enhanced > .mis-pdf-record > summary { display: block; height: 100%; min-height: 292px; overflow: hidden; padding: 0; position: relative; }
.mis-gallery-enhanced > .mis-pdf-record > summary::before { background: linear-gradient(180deg,rgba(3,17,28,.05) 8%,rgba(3,17,28,.42) 48%,rgba(3,17,28,.97) 100%); content: ''; inset: 0; pointer-events: none; position: absolute; z-index: 1; }
.mis-gallery-enhanced > .mis-pdf-record > summary::after { content: none !important; }
.mis-gallery-enhanced .mis-gallery-card-cover { inset: 0; position: absolute; }
.mis-gallery-card-cover img { display: block; height: 100%; object-fit: cover; transition: transform 500ms ease; width: 100%; }
body.page-id-24768 .mis-gallery-card-cover img { background: radial-gradient(circle at 20% 18%,rgba(40,199,231,.28),transparent 38%),linear-gradient(145deg,#062033,#0b4261); object-fit: contain; padding: 22px; }
.mis-gallery-enhanced > .mis-pdf-record:hover .mis-gallery-card-cover img,
.mis-gallery-enhanced > .mis-pdf-record:focus-within .mis-gallery-card-cover img { transform: scale(1.045); }
.mis-gallery-card-content { display: flex; flex-direction: column; inset: 0; justify-content: space-between; padding: 20px 22px; pointer-events: none; position: absolute; z-index: 2; }
.mis-gallery-card-index { align-items: center; background: #28c7e7 !important; border-radius: 999px !important; color: #03111c !important; display: inline-flex !important; font-size: 12px !important; font-weight: 900 !important; height: 40px !important; justify-content: center; width: 40px !important; }
.mis-gallery-card-text { display: grid; gap: 9px; margin-top: auto; }
.mis-gallery-card-title { color: #fff !important; display: -webkit-box; font-size: clamp(18px,1.55vw,23px) !important; line-height: 1.35 !important; overflow: hidden; text-shadow: 0 2px 18px rgba(0,0,0,.45); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mis-gallery-card-description { color: rgba(255,255,255,.86); display: -webkit-box; font-size: 13px; line-height: 1.55; max-height: 0; opacity: 0; overflow: hidden; transform: translateY(9px); transition: max-height 260ms ease,opacity 220ms ease,transform 260ms ease; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mis-gallery-enhanced > .mis-pdf-record:hover .mis-gallery-card-description,
.mis-gallery-enhanced > .mis-pdf-record:focus-within .mis-gallery-card-description { max-height: 52px; opacity: 1; transform: translateY(0); }
.mis-gallery-card-footer { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
.mis-gallery-card-count { color: rgba(255,255,255,.78) !important; font-size: 12px !important; font-weight: 800 !important; position: static !important; }
.mis-gallery-card-action { color: #5ee7ff; font-size: 12px; font-weight: 900; white-space: nowrap; }
.mis-gallery-enhanced > .mis-pdf-record > .mis-pdf-record-body { display: none; }

body.mis-lightbox-open { overflow: hidden; }
.mis-native-lightbox[hidden] { display: none; }
.mis-native-lightbox [hidden] { display: none !important; }
.mis-native-lightbox {
  align-items: center;
  background: rgba(1, 10, 17, .94);
  display: flex;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: 1000000;
}
.mis-native-lightbox-panel { background: #071a29; border: 1px solid #24506a; border-radius: 18px; box-shadow: 0 30px 100px rgba(0,0,0,.55); color: #fff; display: grid; grid-template-rows: auto minmax(0,1fr) auto; max-height: calc(100vh - 48px); max-width: 1280px; overflow: hidden; width: 100%; }
.mis-native-lightbox-head { align-items: center; display: flex; gap: 20px; justify-content: space-between; padding: 14px 18px; }
.mis-native-lightbox-head > div { display: grid; gap: 2px; min-width: 0; }
.mis-native-lightbox-head strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mis-native-lightbox-count { color: #9edcf0; font-size: 12px; }
.mis-native-lightbox-close,
.mis-native-lightbox-prev,
.mis-native-lightbox-next { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22); border-radius: 50%; color: #fff; cursor: pointer; flex: 0 0 auto; height: 46px; width: 46px; }
.mis-native-lightbox-close { font-size: 28px; }
.mis-native-lightbox-prev,
.mis-native-lightbox-next { font-size: 34px; position: relative; z-index: 2; }
.mis-native-lightbox button:hover { background: #28c7e7; color: #03111c; }
.mis-native-lightbox button:disabled { cursor: default; opacity: .28; }
.mis-native-lightbox-stage { align-items: center; display: grid; gap: 16px; grid-template-columns: 48px minmax(0,1fr) 48px; min-height: 0; padding: 0 18px; }
.mis-native-lightbox-stage figure { align-items: center; display: grid; grid-template-rows: minmax(0,1fr) auto; height: min(68vh, 760px); margin: 0; min-height: 0; }
.mis-native-lightbox-stage img { height: 100%; min-height: 0; object-fit: contain; width: 100%; }
.mis-native-lightbox-stage figcaption { color: #d1e4ed; font-size: 13px; line-height: 1.55; max-height: 64px; overflow: auto; padding: 10px 4px; text-align: center; }
.mis-native-lightbox-thumbs { display: flex; gap: 8px; overflow-x: auto; padding: 12px 18px 18px; scrollbar-color: #28c7e7 #0c293b; }
.mis-native-lightbox-thumbs button { background: #0c293b; border: 2px solid transparent; border-radius: 8px; cursor: pointer; flex: 0 0 92px; height: 66px; overflow: hidden; padding: 0; }
.mis-native-lightbox-thumbs button.is-active { border-color: #28c7e7; }
.mis-native-lightbox-thumbs img { height: 100%; object-fit: cover; width: 100%; }

@media (max-width: 980px) { .mis-gallery-enhanced { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 680px) {
  .mis-gallery-enhanced { grid-template-columns: 1fr; }
  .mis-gallery-enhanced > .mis-pdf-record,
  .mis-gallery-enhanced > .mis-pdf-record > summary { min-height: 258px; }
  .mis-gallery-card-description { max-height: 52px; opacity: 1; transform: none; }
  .mis-native-lightbox { padding: 0; }
  .mis-native-lightbox-panel { border: 0; border-radius: 0; height: 100vh; max-height: 100vh; }
  .mis-native-lightbox-head { padding: 12px; }
  .mis-native-lightbox-stage { gap: 5px; grid-template-columns: 38px minmax(0,1fr) 38px; padding: 0 6px; }
  .mis-native-lightbox-stage figure { height: min(70vh, 680px); }
  .mis-native-lightbox-prev,
  .mis-native-lightbox-next { height: 38px; width: 38px; }
  .mis-native-lightbox-thumbs button { flex-basis: 74px; height: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  .mis-gallery-card-cover img,
  .mis-gallery-card-description,
  .mis-gallery-enhanced > .mis-pdf-record { transition: none; }
}

.mis-native-lightbox-panel.is-single-image { grid-template-rows: auto minmax(0, 1fr); }
.mis-native-lightbox-panel.is-single-image .mis-native-lightbox-stage { grid-template-columns: minmax(0, 1fr); }
