.yrg-cover { display:block; cursor:zoom-in; }
.p-offices-list__links .yrg-mobile { display:none; }
@media (max-width:1100px) {
    .p-offices-list:not(.minify) .p-offices-list__links .yrg-mobile {
        display:inline-flex; align-items:center; gap:7px; min-height:32px; margin:0 0 5px;
        color:#3d3935; font:inherit; text-decoration:none; white-space:nowrap;
    }
    .p-offices-list__links .yrg-mobile svg { width:18px; height:18px; fill:none; stroke:#a75b00; stroke-width:1.8; }
    .p-offices-list__links .yrg-mobile:focus-visible { outline:2px solid #af6600; outline-offset:3px; }
}
dialog.yrg:not([open]), .yrg [hidden] { display:none !important; }
dialog.yrg[open] {
    position:fixed; inset:0; display:block; margin:0; padding:0; border:none; border-radius:0;
    width:100%; max-width:none; height:100vh; height:100dvh; max-height:none; box-sizing:border-box;
    color:#fff; background:#151719; overflow:hidden; overscroll-behavior:none; font:inherit;
}
.yrg::backdrop { background:#151719; }
html.yrg-open,html.yrg-open body { overflow:hidden !important; }
.yrg *, .yrg *::before,.yrg *::after { box-sizing:border-box; }
.yrg button { touch-action:manipulation; }
.yrg .yrg__layout {
    display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:clamp(8px,1.5vh,16px); height:100%; min-width:0;
    padding:max(12px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
}
.yrg .yrg__head { display:flex; align-items:center; gap:16px; min-width:0; }
.yrg .yrg__title { flex:1; min-width:0; margin:0; color:#fff; font-size:clamp(16px,1.8vw,24px); font-weight:700; line-height:1.2; overflow-wrap:anywhere; }
.yrg .yrg__counter { color:#dbdbd9; font-size:14px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.yrg .yrg__stage { position:relative; display:grid; place-items:center; min-width:0; min-height:0; overflow:hidden; touch-action:pan-y pinch-zoom; }
.yrg .yrg__image { display:block; width:100%; height:100%; max-width:100%; max-height:100%; min-width:0; min-height:0; border:0; border-radius:0; object-fit:contain; user-select:none; -webkit-user-drag:none; }
.yrg .yrg__button {
    display:grid; place-content:center; width:46px; height:46px; min-width:46px; padding:0; margin:0;
    border:1px solid #737679; border-radius:50%; background:rgba(28,30,32,.88); color:white; cursor:pointer;
}
.yrg .yrg__button:hover { background:#404346; }
.yrg .yrg__button svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.yrg .yrg__prev,.yrg .yrg__next { position:absolute; top:50%; transform:translateY(-50%); }
.yrg .yrg__prev { left:6px; } .yrg .yrg__next { right:6px; }
.yrg .yrg__foot { min-width:0; }
.yrg .yrg__notice { color:#e6e7e8; line-height:1.35; font-size:14px; text-align:center; }
.yrg .yrg__notice:not(:empty) { padding:5px 0; }
.yrg .yrg__notice a { color:#ffbd55 !important; text-decoration:underline; }
.yrg .yrg__strip { display:flex; align-items:center; gap:6px; width:max-content; max-width:100%; margin:0 auto; padding:4px; overflow-x:auto; scrollbar-width:thin; overscroll-behavior-x:contain; }
.yrg .yrg__thumb { flex:0 0 76px; width:76px; height:53px; margin:0; padding:2px; border:2px solid transparent; border-radius:7px; color:#ddd; background:#25282b; cursor:pointer; }
.yrg .yrg__thumb[aria-current="true"] { border-color:#ffac21; }
.yrg .yrg__thumb img { display:block; width:100%; height:100%; border:0; border-radius:3px; object-fit:cover; }
.yrg button:focus-visible,.yrg a:focus-visible { outline:2px solid #ffb142; outline-offset:1px; }
@media (max-width:700px),(max-height:500px) {
    .yrg .yrg__layout { gap:6px; padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)); }
    .yrg .yrg__title { font-size:16px; }
    .yrg .yrg__head { gap:8px; }
    .yrg .yrg__thumb { flex-basis:61px; width:61px; height:44px; }
    .yrg .yrg__strip { gap:3px; }
    .yrg .yrg__prev { left:1px; } .yrg .yrg__next { right:1px; }
}