.instagram-profile-embed {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
}

.instagram-profile-embed iframe {
    display: block;
    border: none;
}

.ig-profile-link a {
    color: #0095f6;
    text-decoration: none;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.ig-profile-link a:hover {
    text-decoration: underline;
}

.instagram-post-embed {
    margin: 20px auto;
}

.instagram-embed-wrapper {
    margin: 20px auto;
    max-width: 540px;
}

.instagram-profile-api {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    padding: 20px;
    max-width: 400px;
    margin: 20px auto;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.ig-api-header h3 {
    margin: 0 0 10px 0;
    color: #262626;
    font-size: 20px;
}

.ig-api-header p {
    color: #8e8e8e;
    margin: 0 0 15px 0;
}

.ig-follow-btn {
    display: inline-block;
    background: #0095f6;
    color: #fff !important;
    padding: 8px 20px;
    border-radius: 8px;
    text-decoration: none !important;
    font-weight: 600;
    transition: background 0.2s;
}

.ig-follow-btn:hover {
    background: #1877f2;
}

.ig-lazy-load iframe {
    opacity: 0;
    transition: opacity 0.3s ease-in;
}

.ig-lazy-load iframe[src] {
    opacity: 1;
}

@media (max-width: 768px) {
    .instagram-profile-embed,
    .instagram-post-embed,
    .instagram-embed-wrapper,
    .instagram-profile-api {
        max-width: 100% !important;
    }
    
    .instagram-profile-embed iframe {
        width: 100% !important;
    }
}