/* Media Queries */
@media (max-width: 1200px) {
    .projects-main {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
        gap: 30px;
        padding: 0 15px;
    }
    .proj-btn {
        width: 320px;
    }
}

@media (max-width: 900px) {
    .projects-main {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 0 10px;
        justify-items: center;
    }
    .proj-btn {
        width: min(360px, calc(100vw - 40px));
    }
    .terminal-container {
        width: 99vw;
    }
    .footer {
        font-size: 0.92em;
    }
}

/* Mobile Responsive */
/* @media (max-width: 1024px) {
    .popup-content {
        flex-direction: column;
    }
    .popup-left-column {
        border-right: none;
        border-bottom: 2px solid #eee;
    }
    .popup-carousel-container {
        height: 400px;
        padding: 15px;
    }
    .popup-carousel {
        height: 370px;
    }
} */

@media (max-width: 900px) {
    .popup-content {
        flex-direction: column;
    }
    .popup-container {
        width: 98vw;
        max-height: 100vh;
        border-radius: 1.2em;
    }

    .popup-left-column {
        border-right: 0px solid #eee;
    }

    /* .popup-header {
        padding: 16px 20px;
    }
    .popup-title {
        font-size: 1.2em;
    } */
    /* .popup-icon {
        width: 32px;
        height: 32px;
    }
    .popup-close {
        font-size: 1.8em;
        width: 40px;
        height: 40px;
    } */
    .popup-carousel-container {
        height: 350px;
        
    }
    .popup-carousel {
        height: 350px;
    }
    .popup-description,
    .popup-features,
    .popup-tech-stack,
    .popup-links {
        padding-left: 20px;
        padding-right: 20px;
    }
    .popup-links {
        justify-content: center;
    }
    .popup-link {
        flex: 1;
        justify-content: center;
        min-width: 120px;
    }
    .carousel-nav {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }
}