/* Hand-maintained component overrides; loaded after the legacy global styles. */
body :is(.about-us-works__imageWrapper,.before-after-main__imageWrapper,.oneDoctor-work__imageWrapper)::before,
body :is(.about-us-works__imageWrapper,.before-after-main__imageWrapper,.oneDoctor-work__imageWrapper)::after {
    content: none;
}
.dnt-work-label {
    position: absolute;
    z-index: 4;
    inset-block-end: 1.5rem;
    padding: .5rem 1rem;
    font: 500 1rem/1.5 Montserrat, sans-serif;
    pointer-events: none;
}
.dnt-work-label--before { inset-inline-start: 0; background: #1b1d1f; color: #fff; border-radius: 0 .25rem .25rem 0; }
.dnt-work-label--after { inset-inline-end: 0; background: #baddf1; color: #111; border-radius: .25rem 0 0 .25rem; }
.work-popup__dialog { inline-size: calc(100% - 2rem); max-block-size: calc(100dvh - 2rem); overscroll-behavior: contain; }
.work-popup__title { padding-inline-end: 2.5rem; }
.work-popup__close {
    position: sticky;
    inset-block-start: 0;
    inset-inline-end: auto;
    float: right;
    z-index: 5;
    min-inline-size: 2.75rem;
    min-block-size: 2.75rem;
    margin: -.5rem -.5rem 0 .5rem;
    padding: .5rem;
    border-radius: .25rem;
    background: #fff;
}
.work-popup__close img { inline-size: 1.5rem; block-size: 1.5rem; }
.work-popup__main-img { block-size: auto; max-block-size: 25rem; object-fit: contain; }
.work-popup__thumb { padding: 0; border: 0; background: transparent; }
.work-popup__thumbs li { list-style: none; }
.work-popup__caption { margin-block-start: .5rem; font-weight: 600; }
.work-popup [hidden] { display: none; }
.work-popup :is(button,a):focus-visible,
:is(.about-us-works,.before-after-main,.oneDoctor-work) a[data-work-id]:focus-visible { outline: 2px solid #195679; outline-offset: 3px; }
@media (width <= 1024px) { .dnt-work-label { inset-block-end: .5rem; } }
@media (width < 600px) {
    .work-popup__dialog { padding: 1rem; }
    .work-popup__thumb img { inline-size: 5rem; block-size: 3.5rem; }
}