.home-territory-map__viewport {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: clamp(320px, 50vh, 520px);
    border: 1px solid var(--prichal-border);
    border-radius: var(--prichal-radius-lg);
    background: #f3f4f6;
    box-shadow: var(--prichal-shadow-sm);
    touch-action: none;
}

.home-territory-map__viewport img.drag {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    max-width: none;
    transform-origin: 0 0;
    cursor: grab;
    user-select: none;
    touch-action: none;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.home-territory-map__viewport.is-ready img.drag {
    opacity: 1;
}

.home-territory-map__viewport img.drag:active {
    cursor: grabbing;
}