@media (max-width: 781px) {
    .hc-panorama-section,
    .hc-panorama-section > .hc-panorama-shell,
    .hc-panorama-section.hc-panorama-shell {
        min-width: 0;
        max-width: 100%;
        overflow: visible;
    }
    .hc-panorama-section > .hc-panorama-shell,
    .hc-panorama-section.hc-panorama-shell {
        position: relative;
        padding-inline: 0;
    }
    .hc-panorama-shell > figure.hc-panorama {
        width: 100%;
        max-width: 100%;
        margin-inline: 0;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .hc-panorama-shell > figure.hc-panorama > img {
        display: block;
        height: clamp(280px, 65svh, 480px);
        width: auto;
        max-width: none;
        object-fit: contain;
    }
    .hc-panorama-hint {
        position: absolute;
        left: 50%;
        top: 16px;
        transform: translateX(-50%);
        margin: 0;
        padding: 6px 12px;
        border-radius: 20px;
        background: rgb(17 17 17 / 65%);
        color: #fff;
        font-size: .8rem;
        line-height: 1.4;
        white-space: nowrap;
        pointer-events: none;
    }
    .hc-panorama:focus-visible { outline: 2px solid #007f83; outline-offset: -2px; }
}
.hc-panorama-hint[hidden] { display: none; }
@media (min-width: 782px) { .hc-panorama-hint { display: none; } }