.poster img:hover transform: scale(1.02);
.trailer-container iframe position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;
.info flex: 1;
.container max-width: 1200px; margin: 0 auto; padding: 20px;
/* Trailer Section */ .trailer-section margin: 50px 0; filmhit movie movie.php
<div class="container"> <div class="movie-hero"> <div class="poster"> <img src="<?php echo htmlspecialchars($movie['poster_url']); ?>" alt="<?php echo htmlspecialchars($movie['title']); ?> poster"> </div> <div class="info"> <div class="filmhit-badge">🔥 FILMHIT BLOCKBUSTER</div> <h1><?php echo htmlspecialchars($movie['title']); ?></h1> <div class="tagline">"<?php echo htmlspecialchars($movie['tagline']); ?>"</div> <div class="meta"> <span><?php echo $movie['release_year']; ?></span> <span>⏱️ <?php echo $movie['duration']; ?> min</span> <div class="rating">⭐ <span><?php echo number_format($movie['rating'], 1); ?></span> / 10</div> </div> <div class="synopsis"> <strong>Synopsis</strong><br> <?php echo nl2br(htmlspecialchars($movie['synopsis'])); ?> </div> <div class="director"><strong>Director:</strong> <?php echo htmlspecialchars($movie['director']); ?></div> <div class="cast"> <strong>Starring:</strong> <div class="cast-list"> <?php foreach($castArray as $actor): ?> <span><?php echo htmlspecialchars(trim($actor)); ?></span> <?php endforeach; ?> </div> </div> <a href="#" class="book-btn" onclick="alert('Booking system coming soon! 🍿'); return false;">🎟️ BOOK TICKETS NOW</a> </div> </div>
.tagline font-size: 1.2rem; color: #ffd966; margin-bottom: 20px; font-style: italic; .poster img:hover transform: scale(1.02)
.poster img width: 100%; border-radius: 15px; box-shadow: 0 20px 30px rgba(0,0,0,0.5); transition: transform 0.3s ease;