/* --- ARKAPLAN VE DÜZEN --- */
.movie-backdrop { 
    position: absolute; top: 0; left: 0; width: 100%; height: 600px; 
    background-size: cover; background-position: center top; 
    z-index: -1; opacity: 0.3; 
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%); 
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%); 
    filter: blur(20px); 
}

.site-wrapper { max-width: 1250px; margin: 0 auto; padding: 25px; box-sizing: border-box; }
.page-layout { display: flex; gap: 30px; margin-top: 0; }
.main-content { flex: 3; min-width: 0; }
.sidebar-area { flex: 1; min-width: 300px; }

/* TOAST BİLDİRİMİ */
#toast { 
    visibility: hidden; min-width: 250px; 
    background-color: var(--primary-color); color: #fff; 
    text-align: center; border-radius: 50px; padding: 15px 25px; 
    position: fixed; z-index: 99999; left: 50%; bottom: 30px; 
    transform: translateX(-50%); font-size: 14px; font-weight: 700; 
    box-shadow: 0 10px 30px var(--shadow-color); 
}
#toast.show { visibility: visible; animation: fadein 0.5s, fadeout 0.5s 2.5s; }

@keyframes fadein { from {bottom: 0; opacity: 0;} to {bottom: 30px; opacity: 1;} }
@keyframes fadeout { from {bottom: 30px; opacity: 1;} to {bottom: 0; opacity: 0;} }

@media (max-width: 900px) { 
    .page-layout { flex-direction: column; } 
    .sidebar-area { width: 100%; } 
}