.ck-media-gallery { width: min(1180px, calc(100vw - 32px)); max-width: none; height: min(900px, calc(100dvh - 32px)); max-height: none; margin: auto; padding: 0; border: 1px solid var(--ck-line); border-radius: 24px; color: var(--ck-ink); background: #11110f; overflow: hidden; }
.ck-media-gallery[open] { display: flex; flex-direction: column; }
.ck-media-gallery::backdrop { background: #000c; backdrop-filter: blur(8px); }
.ck-media-gallery-head { display: grid; grid-template-columns: 1fr auto auto; gap: 16px; align-items: center; flex: none; padding: 20px 24px 16px; border-bottom: 1px solid var(--ck-line); }
.ck-media-gallery .ck-lightbox-bar { margin-bottom: 14px; }
.ck-media-gallery h2 { margin: 0; font-size: 24px; font-weight: 500; line-height: 1.25; letter-spacing: 0; }
.ck-media-gallery .ck-lightbox-switch { margin: 0; }
.ck-media-gallery button { cursor: pointer; touch-action: manipulation; }
.ck-media-gallery .ck-lightbox-switch button { min-height: 40px; padding: 8px 18px; font-size: 12px; letter-spacing: 0; }
.ck-media-gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: max-content; gap: 20px; align-content: start; align-items: start; min-height: 0; padding: 24px; overflow-y: auto; overscroll-behavior: contain; }
.ck-media-gallery-grid > [hidden] { display: none; }
.ck-media-gallery .ck-animate-gallery-media { aspect-ratio: 4 / 3; }
.ck-media-gallery [data-gallery-portrait] .ck-animate-gallery-media { aspect-ratio: 4 / 5; }
.ck-media-gallery .ck-animate-gallery-media > button { display: block; position: relative; width: 100%; height: 100%; padding: 0; border: 0; background: #070706; }
.ck-media-gallery .ck-animate-gallery-media img, .ck-media-gallery .ck-animate-gallery-media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.ck-media-gallery [data-gallery-portrait] video { object-position: center bottom; }
.ck-media-gallery .ck-image-expand { position: absolute; top: 12px; right: 12px; }
.ck-media-gallery .ck-image-expand svg { width: 18px; height: 18px; }
.ck-media-gallery .ck-animate-gallery-card > footer { min-height: 68px; padding: 16px 18px; font-size: 13px; line-height: 1.5; letter-spacing: 0; }
.ck-media-gallery button:focus-visible { outline: 2px solid var(--ck-gold); outline-offset: -3px; }
@media (hover: hover) and (pointer: fine) { .ck-media-gallery [data-open-preview]:hover .ck-image-expand { background: var(--ck-gold); } }
@media (max-width: 959px) { .ck-media-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) {
  .ck-media-gallery { width: calc(100vw - 16px); height: calc(100dvh - 16px); border-radius: 16px; }
  .ck-media-gallery-head { grid-template-columns: 1fr auto; padding: 16px; gap: 12px; }
  .ck-media-gallery-head > h2 { grid-column: 1; grid-row: 1; }
  .ck-media-gallery-head > [data-close-gallery] { grid-column: 2; grid-row: 1; }
  .ck-media-gallery-grid { grid-template-columns: minmax(0, 1fr); padding: 16px; gap: 16px; }
  .ck-media-gallery .ck-lightbox-switch { display: flex; width: 100%; grid-column: 1 / -1; grid-row: 2; }
  .ck-media-gallery .ck-lightbox-switch button { flex: 1; min-width: 0; }
  .ck-media-gallery .ck-animate-gallery-media video { object-fit: cover; }
  .ck-media-gallery video[data-gallery-video$="animate-showcase-vertical.mp4"] { object-position: center bottom; }
}