.machine-case-gallery{padding:24px;min-width:0}.machine-case-gallery h2{margin:0 0 8px;font-size:21px;line-height:1.3}.case-gallery-intro{font-size:13px;line-height:1.6;color:#708198;margin:0 0 18px}.case-gallery-frame{position:relative;min-width:0;padding-top:8px;overflow:hidden;border-radius:10px;background:#f3f6fa}.case-gallery-picture{position:relative;aspect-ratio:16/9;min-width:0}.case-gallery-footer{padding:18px 12px 12px}.case-gallery-footer .case-gallery-caption{margin:0 0 12px}.case-gallery-details{display:block}.case-gallery-footer .case-gallery-meta{position:static;max-height:none}.case-gallery-footer .case-gallery-badges{max-height:none}.case-gallery-picture .case-gallery-photo{background-position:center top}.case-gallery-open{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in;text-align:left}.case-gallery-photo,.case-gallery-modal-photo{display:block;position:relative;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:contain}.machine-case-gallery [hidden]{display:none!important}.case-gallery-meta{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:flex-end;gap:8px;max-height:48%}.case-gallery-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px;min-width:0;max-height:100%;overflow:auto;scrollbar-width:thin}.case-gallery-badges>span{display:inline-block;padding:5px 9px;background:#fffffff0;border:1px solid #d6e1ed;border-radius:6px;color:#25558a;font:500 11px/1.4 'Segoe UI',Arial,sans-serif;box-shadow:0 2px 7px #17233412}.case-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:34px;height:44px;padding:0;border:1px solid #d5dfec;border-radius:7px;background:#fffffff0;color:#285882;cursor:pointer;z-index:1}.case-gallery-arrow:hover{border-color:#84b3ef;background:#f4f8ff;color:#0d6efd}.case-gallery-arrow svg{display:block;width:24px;height:24px}.case-gallery-previous{left:7px}.case-gallery-next{right:7px}.case-gallery-counter{flex:none;padding:3px 8px;border-radius:5px;background:#172334b8;color:#fff;font:12px/1.5 'Segoe UI',Arial,sans-serif}.case-gallery-caption,.case-gallery-dialog-caption{margin:12px 0 0;font-size:12px;color:#708198;line-height:1.6;overflow-wrap:anywhere}.case-gallery-open:focus-visible,.case-gallery-arrow:focus-visible,[data-case-close]:focus-visible{outline:3px solid #0d6efd;outline-offset:-3px}
.case-gallery-dialog{width:min(1120px,calc(100vw - 28px));max-width:none;max-height:94dvh;overflow:auto;padding:18px;border:1px solid #dbe3ec;border-radius:14px;background:#fff;color:#172334;box-shadow:0 24px 100px #081c4444}.case-gallery-dialog:not([open]){display:none}.case-gallery-dialog::backdrop{background:#111d2cba}.case-gallery-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.case-gallery-dialog h3{font-size:17px;margin:0}.case-gallery-dialog [data-case-close]{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d9e2ed;border-radius:8px;color:#536e8b;background:#fff;font-size:25px;cursor:pointer}.case-gallery-modal-frame{position:relative;height:min(70dvh,720px);min-height:220px;background:#f2f5f8;border-radius:9px;overflow:hidden}.case-gallery-modal-photo .case-gallery-badges>span{font-size:13px}
@media(max-width:1100px){.machine-case-gallery{padding:20px}}@media(max-width:760px){.machine-case-gallery{order:2;width:100%}}@media(max-width:600px){.machine-case-gallery{padding:18px}.case-gallery-dialog{padding:12px;width:calc(100vw - 16px)}.case-gallery-dialog h3{font-size:15px}.case-gallery-modal-frame{height:65dvh}.case-gallery-meta{bottom:10px;left:10px;right:10px}.case-gallery-modal-photo .case-gallery-badges>span{font-size:11px}}

.case-gallery-link{display:flex;justify-content:center;width:100%;margin:0 0 14px;text-align:center}
