.fullscreen-menu { position: fixed; inset: 0; background: var(--menu-bg); opacity: 0; visibility: hidden; transition: all 0.4s ease; z-index: 150; display: flex; flex-direction: column; }

    .fullscreen-menu.active { opacity: 1; visibility: visible; }

.menu-content { width: 100%; height: 100%; display: flex; flex-direction: column; }

.menu-top-bar { display: flex; align-items: center; justify-content: space-between; padding: 15px 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.menu-top-links { display: flex; gap: 30px; }

.menu-top-link { color: white; text-decoration: none; font-family: var(--font-body); font-size: 1.2rem; font-weight: var(--fw-medium); transition: color 0.3s ease; }

    .menu-top-link:hover { color: rgba(255, 255, 255, 0.7); }

.menu-search { display: flex; align-items: center; gap: 8px; color: white; cursor: pointer; transition: color 0.3s ease; }

    .menu-search:hover { color: rgba(255, 255, 255, 0.7); }

.menu-actions { display: flex; align-items: center; gap: 25px; }

.menu-lang-link { color: white; text-decoration: none; font-family: var(--font-body); font-size: 1.2rem; transition: color 0.3s ease; }

    .menu-lang-link:hover { color: rgba(255, 255, 255, 0.7); }

.menu-close-btn { display: flex; align-items: center; gap: 8px; background: none; border: none; color: white; font-family: var(--font-body); font-size: 1.15rem; font-weight: var(--fw-semibold); letter-spacing: 1px; cursor: pointer; transition: color 0.3s ease; }

    .menu-close-btn:hover { color: rgba(255, 255, 255, 0.7); }

.menu-columns-container { display: flex; flex: 1; overflow: hidden; }

.menu-left-image { width: 35%; min-height: 100%; background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%); position: relative; overflow: hidden; }

    .menu-left-image img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; transition: opacity 0.3s ease; }

.menu-main-items { flex: 1; display: flex; flex-direction: column; padding: 40px 0; overflow-y: auto; }

.menu-main-item { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.menu-main-title { font-family: var(--font-heading); font-size: 1.4rem; font-weight: var(--fw-bold); color: #7eb8da; padding: 20px 50px; cursor: pointer; transition: all 0.3s ease; }

.menu-main-item:hover .menu-main-title { color: white; background: rgba(255, 255, 255, 0.05); }

.menu-submenu-panel { max-height: 0; overflow: hidden; opacity: 0; transition: all 0.4s ease; background: rgba(0, 0, 0, 0.2); }

.menu-main-item.active .menu-submenu-panel { opacity: 1; padding: 30px 0; }

.submenu-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; padding: 0 50px; }

.submenu-column { display: flex; flex-direction: column; gap: 8px; }

.submenu-title { font-family: var(--font-heading); font-size: 1.2rem; font-weight: var(--fw-semibold); color: rgba(255, 255, 255, 0.6); margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }

.submenu-item { font-family: var(--font-body); color: rgba(255, 255, 255, 0.85); font-size: 1.2rem; cursor: pointer; transition: all 0.3s ease; text-decoration: none; line-height: 1.8; padding: 4px 0; }

    .submenu-item:hover { color: white; padding-left: 8px; }
    .submenu-item.beyaz,
    .submenu-item.beyaz:link,
    .submenu-item.beyaz:visited { color: #ffffff !important; text-decoration: none; }

        .submenu-item.beyaz:hover,
        .submenu-item.beyaz:focus { color: #e43c2f !important; }

@media (max-width: 1200px) {
    .menu-main-title { font-size: 1.5rem; padding: 19px 45px; }
    .submenu-columns { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 30px; }
}

@media (max-width: 992px) {
    .menu-left-image { display: none; }
    .menu-main-title { font-size: 1.5rem; padding: 18px 30px; }
    .submenu-columns { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); padding: 0 30px; gap: 25px; }
    .menu-top-bar { padding: 15px 30px; }
}

@media (max-width: 768px) {
    .menu-main-title { font-size: 1.5rem; padding: 15px 20px; }
    .submenu-columns { grid-template-columns: 1fr; padding: 0 20px; gap: 20px; }
    .menu-top-bar { flex-wrap: wrap; gap: 15px; padding: 15px 20px; }
    .menu-top-links { gap: 15px; }
    .menu-top-link { font-size: 1.1rem; }
    .menu-lang-link { font-size: 1.1rem; }
    .submenu-title { font-size: 1rem; }
    .submenu-item { font-size: 1rem; }
    .menu-main-items { padding-top: 80px; }
}

@media (max-width: 576px) {
    .menu-main-title { font-size: 1.5rem; padding: 12px 16px; }
    .submenu-columns { padding: 0 16px; gap: 16px; }
    .menu-top-bar { padding: 12px 16px; }
    .menu-top-link { font-size: 1rem; }
    .menu-lang-link { font-size: 1rem; }
    .menu-close-btn { font-size: 1rem; }
    .submenu-title { font-size: 1rem; margin-bottom: 6px; }
    .submenu-item { font-size: 1rem; line-height: 1.6; }
    .menu-main-items { padding: 100px 0 30px; }
}

@media (max-width: 400px) {
    .menu-main-title { font-size: 0.95rem; padding: 10px 12px; }
    .submenu-columns { padding: 0 12px; }
    .menu-top-bar { padding: 10px 12px; gap: 10px; }
    .menu-top-links { gap: 10px; flex-wrap: wrap; }
    .menu-actions { gap: 12px; }
}