/* Mobile Mockup - Transparent/No Color Styles */

.mobile-mockup {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.phone-frame {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.phone-screen {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.phone-screen .screenshot {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}

/* Remove any default styling */
.project-image {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.project-image * {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}