.category-row-container { margin-top: 60px; padding: 0 40px; }
.section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; border-left: 5px solid var(--primary); padding-left: 20px; }
.section-title { font-size: 28px; font-weight: 850; }
.btn-all { color: var(--text-muted); text-decoration: none; font-weight: 700; font-size: 14px; cursor: pointer; transition: 0.3s; }
.btn-all:hover { color: #fff; }

.movie-row { display: grid; grid-auto-flow: column; grid-auto-columns: 240px; gap: 30px; overflow-x: auto; scrollbar-width: none; padding-bottom: 40px; padding-left: 5px; }
.movie-row::-webkit-scrollbar { display: none; }

.movie-card { background: var(--surface-dark); border-radius: 24px; overflow: hidden; cursor: pointer; transition: 0.4s; border: 1px solid var(--glass-border); position: relative; }
.movie-card:hover { transform: scale(1.06) translateY(-10px); border-color: var(--primary); box-shadow: 0 30px 60px rgba(0,0,0,0.8); }
.card-img { width: 100%; aspect-ratio: 2/3; position: relative; background: #1a1a1f; overflow: hidden; }
.card-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; }
.movie-card:hover .card-img img { transform: scale(1.1); }

.card-rating { position: absolute; top: 15px; left: 15px; background: rgba(0,0,0,0.8); padding: 5px 12px; border-radius: 12px; font-size: 12px; font-weight: 800; color: var(--accent); backdrop-filter: blur(8px); }
.card-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.5); opacity: 0; display: flex; justify-content: center; align-items: center; transition: 0.3s; }
.movie-card:hover .card-overlay { opacity: 1; }
.play-icon { font-size: 50px; color: #fff; filter: drop-shadow(0 0 20px var(--primary)); }

.card-info { padding: 18px; }
.card-info h3 { font-size: 15px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
.card-info p { color: var(--text-muted); font-size: 13px; font-weight: 500; }