.woo-3d-photo-container {
    position: relative;
    width: 100%;
    /* Dimension control is now handled dynamically in viewer.js to preserve aspect ratio */
    overflow: hidden;
    background: #000;
    border-radius: 8px; /* Optional standard styling */
}

/* Fallback Image / Loading State */
.woo-3d-photo-container > img,
.woo-3d-photo-container > noscript img {
    width: 100%;
    height: auto;
    object-fit: contain;
    pointer-events: none;
}

.woo-3d-photo-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    display: block;
    cursor: default; /* Avoid text cursors on drag/hover */
    touch-action: none; /* Crucial for touch dragging so page doesn't scroll inside the canvas */
}

/* Responsive adjustment if needed */
@media (max-width: 768px) {
    .woo-3d-photo-container {
        height: 350px;
    }
}