/* Desktop-specific styles */
@media screen and (min-width: 769px) {
    /* Layout */
    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 2rem;
    }

    /* Navigation */
    .nav-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 2rem;
    }

    .logo {
        color: var(--text-color);
        text-decoration: none;
        font-size: 1.5rem;
        font-weight: bold;
    }

    .nav-links {
        display: flex !important; /* Force display flex even if responsive class is present */
        justify-content: center;
        gap: 2rem;
    }

    .hamburger {
        display: none;
    }

    /* Hero section */
    .hero h1 {
        font-size: 4rem;
    }

    .titles {
        display: flex;
        justify-content: center;
        gap: 2rem;
    }

    /* About section */
    .about-section {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 4rem;
    }

    /* About preview section */
    .about-preview {
        grid-template-columns: 2fr 1fr; /* Same layout as about-section */
        gap: 2rem;
        align-items: start; /* Align text to top */
    }

    /* Showcase */
    .showcase-item {
        display: flex;
        /* gap: 2rem; */
    }

    .showcase-info {
        flex: 0.6;
        border-radius: 8px; /* Ensure consistent border radius */
    }

    .showcase-previews {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

    /* Preview gallery */
    .preview-gallery {
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }

    /* Order section */
    .order-section {
        grid-template-columns: 2fr 1fr;
        gap: 2rem;
    }

    /* Enhanced hover effects for desktop */
    .nav-links a:hover {
        color: var(--link-hover);
        transform: translateY(-2px);
    }

    .pixel-frame:hover::after {
        border-color: var(--red);
    }

    .knife-image:hover {
        transform: scale(1.02);
    }

    .pixel-button:hover {
        transform: translateY(-2px);
    }
}