/* Custom Standalone Mockup Studio Styles - 2-Column Responsive UX Layout */
.mockup-studio-wrapper {
    transition: all 0.3s ease;
}
.mockup-studio-wrapper:hover {
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.08) !important;
}

/* Sahne zemini: ürünün üzerinde durduğu bulanık ortam görseli */
.mockup-stage {
    width: 100%;
    padding: 28px 16px;
}

@media (max-width: 991px) {
    .mockup-grid-container {
        grid-template-columns: 1fr !important;
    }
    .mockup-canvas-col {
        position: static !important;
        order: -1;
    }
    .mockup-stage {
        padding: 16px 8px;
    }
}