.module-gallery { min-width: 0; align-self: center; border: 1px solid #dce5f2; border-radius: 14px; padding: 12px; background: #fff; }
.gallery-expand { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: zoom-in; }
.gallery-expand img { display: block; width: 100%; height: 230px; object-fit: contain; }
.gallery-controls { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 10px; }
.gallery-controls button, .module-gallery-dialog button { min-width: 44px; min-height: 44px; border: 1px solid #dce5f2; border-radius: 50%; background: #fff; color: #0d4f9c; font-size: 28px; cursor: pointer; }
.gallery-count { margin: 0 !important; font-size: 13px !important; color: #60728e; text-align: center; }
.module-gallery-dialog { width: min(1400px,calc(100vw - 24px)); max-width: none; max-height: calc(100dvh - 24px); padding: 56px 12px 18px; border: 0; border-radius: 16px; background: #fff; }
.module-gallery-dialog::backdrop { background: #07111fcc; }
.module-gallery-dialog .gallery-close { position: absolute; right: 12px; top: 8px; }
.gallery-view { display: flex; align-items: center; gap: 8px; direction: ltr; }
.gallery-view img { min-width: 0; flex: 1; width: 100%; height: min(72dvh,850px); object-fit: contain; }
.gallery-view button { flex: none; }
.module-gallery-dialog .gallery-count { margin-top: 12px !important; }
.module-gallery button:focus-visible, .module-gallery-dialog button:focus-visible { outline: 2px solid #2478bd; outline-offset: 3px; }
.module-gallery button[hidden], .module-gallery-dialog button[hidden] { display: none; }
@media(max-width:700px) { .gallery-expand img { height: 210px; } .gallery-view { gap: 4px; } .gallery-view img { height: 60dvh; } }