/* BATES 0.15.4 – jednotný realistický náhľad klientskej zóny a cielený dopyt pre služby */
.client-portal-preview.client-portal-preview-photo {
    position: relative;
    display: block;
    min-height: 390px;
    border: 8px solid rgba(255,255,255,.16);
    border-radius: 22px;
    background: #dbe4f2;
    transform: rotate(1.2deg);
    box-shadow: 0 24px 60px rgba(0,0,0,.22);
    overflow: hidden;
}
.client-portal-preview-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(19,32,60,.02), rgba(19,32,60,.14));
}
.client-portal-preview-photo img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 390px;
    object-fit: cover;
    object-position: center;
}

/* BATES v0.26.180 – breakpoint visibility guard.
   The generic preview selector above is more specific than the component helper
   class and was making both desktop and mobile figures visible at the same time. */
.bates-client-zone-section .bates-client-zone-visual-mobile.client-portal-preview.client-portal-preview-photo {
    display: none !important;
}
.bates-client-zone-section .bates-client-zone-visual-desktop.client-portal-preview.client-portal-preview-photo {
    display: block !important;
}

.contact-service-context[hidden] { display: none !important; }
.contact-service-context {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    padding: 18px;
    border: 1px solid #D9E3F2;
    border-radius: 15px;
    background: #F5F8FC;
}
.contact-service-context__intro {
    grid-column: 1 / -1;
    margin: 0 0 1px;
    color: #56647A;
    font-size: 13px;
    line-height: 1.5;
}
.contact-service-context .contact-field-wide { grid-column: 1 / -1; }
.contact-modal-panel.is-service-inquiry { width: min(100%, 820px); }
.contact-modal-panel.is-service-inquiry .contact-modal-head .eyebrow { color: #D71920; }
@media (max-width: 660px) {
    .client-portal-preview.client-portal-preview-photo,
    .client-portal-preview-photo img { min-height: 260px; }
    .contact-service-context { grid-template-columns: 1fr; padding: 15px; }
    .contact-service-context .contact-field-wide { grid-column: auto; }

    .bates-client-zone-section .bates-client-zone-visual-mobile.client-portal-preview.client-portal-preview-photo {
        display: block !important;
        min-height: 0 !important;
        height: auto !important;
        border-width: 0 !important;
        padding: 5px !important;
        background: rgba(255,255,255,.10) !important;
        transform: none !important;
    }
    .bates-client-zone-section .bates-client-zone-visual-desktop.client-portal-preview.client-portal-preview-photo {
        display: none !important;
    }
    .bates-client-zone-section .bates-client-zone-visual-mobile.client-portal-preview-photo::after {
        display: none !important;
    }
    .bates-client-zone-section .bates-client-zone-visual-mobile .bates-client-zone-browser,
    .bates-client-zone-section .bates-client-zone-visual-mobile .bates-client-zone-browser img {
        min-height: 0 !important;
        height: auto !important;
    }
    .bates-client-zone-section .bates-client-zone-visual-mobile .bates-client-zone-browser img {
        aspect-ratio: 1200 / 760 !important;
        object-fit: contain !important;
        object-position: center top !important;
        background: #fff;
    }
    .bates-client-zone-section .bates-client-zone-visual-mobile {
        margin-top: 14px !important;
        box-shadow: 0 14px 30px rgba(5,13,32,.22) !important;
    }
    .bates-client-zone-section .bates-client-zone-mobile-chips {
        margin-top: 5px !important;
    }
    .bates-client-zone-section .bates-client-zone-benefits {
        margin-top: 12px !important;
    }
    .bates-client-zone-section .bates-client-zone-actions {
        margin-top: 12px !important;
    }
}