.movies-section{max-width:1200px;margin:0 auto;padding:2rem 1rem}.movies-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.movies-header h2{color:#082d57;margin:0;font-size:2rem}.movies-tabs{gap:.5rem;display:flex}.tab-button{color:#082d57;cursor:pointer;background:0 0;border:2px solid #082d57;border-radius:20px;padding:.5rem 1rem;font-weight:500;transition:all .3s}.tab-button:hover,.tab-button.active{color:#082d57;background:#d5ae52}.movies-loading,.movies-error{text-align:center;color:#666;padding:2rem;font-size:1.1rem}.movies-error{color:#d32f2f}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.movie-card{cursor:pointer;background:#082d57;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 12px #0000001a}.movie-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.movie-poster{aspect-ratio:2/3;background:#f5f5f5;width:100%;overflow:hidden}.movie-poster img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.movie-card:hover .movie-poster img{transform:scale(1.05)}.movie-info{padding:1rem}.movie-title{color:#fff;margin:0 0 .5rem;font-size:1.1rem;font-weight:600;line-height:1.3}.movie-distance{color:#d5ae52;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:flex}.movie-details{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.movie-rating{color:#333;background:#d5ae52;border-radius:12px;padding:.25rem .5rem;font-size:.85rem;font-weight:600}.movie-year{color:#666;font-size:.9rem}.movie-overview{color:#fff;margin:0;font-size:.9rem;line-height:1.4}@media (max-width:768px){.movies-section{padding:1rem .5rem}.movies-header{flex-direction:column;align-items:flex-start;gap:1rem}.movies-header h2{font-size:1.5rem}.movies-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.tab-button{padding:.4rem .8rem;font-size:.9rem}}@media (max-width:480px){.movies-grid{grid-template-columns:1fr}.movies-tabs{width:100%}.tab-button{text-align:center;flex:1}}