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