.genre-container {margin:25px 0; padding:15px; background:#ffffff; border-radius:12px}
.genre-title {font-size:18px; margin-bottom:15px; color:#333; font-weight:700}
.genre-grid {display:flex; flex-wrap:wrap; gap:10px}
.genre-item {display:inline-flex; align-items:center; padding:8px 16px; background:#f0f2f5; color:#4b4f56; text-decoration:none; border-radius:20px; font-size:14px; font-weight:500; transition:all 0.2s ease; border:1px solid transparent}
.genre-item:hover {background:#e50914; color:#fff; transform:translateY(-2px); box-shadow:0 4px 8px rgba(229, 9, 20, 0.2)}
.genre-icon {margin-right:6px; font-size:12px; opacity:0.8}
@media (max-width: 600px) {
.genre-grid {justify-content:center}
.genre-item {padding:6px 12px; font-size:13px}}
.read-more {margin:40px 0; font-family:sans-serif}
.read-more__header {font-size:20px; font-weight:bold; text-transform:uppercase; border-left:4px solid #e50914; padding-left:15px; margin-bottom:20px}
.read-more__grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:20px}
.movie-item {text-decoration:none; transition:0.3s}
.movie-item:hover {transform: scale(1.03)}
.movie-item__img {width:100%; aspect-ratio:2/3; object-fit:cover; border-radius:8px; box-shadow:0 4px 8px rgba(0,0,0,0.2)}
.movie-item__title {display:block; margin-top:8px; font-size:14px; color:#333; font-weight:600; text-align:center;line-height:1.2}
@media (max-width: 800px) {.read-more__grid {grid-template-columns:repeat(3, 1fr)} }
@media (max-width: 500px) {.read-more__grid {grid-template-columns:repeat(2, 1fr); gap:10px}}
.movie-details {display:flex; flex-direction:column; gap:12px; margin:20px 0; font-family:sans-serif; line-height:1.5}
.movie-details__item {display:grid; grid-template-columns:140px 1fr; align-items:baseline}
.movie-details__label {font-weight:700; color:#666; font-size:0.95rem}
.movie-details__value {margin:0; color:#222; font-size:1rem}

@media (max-width: 480px) {
.movie-details__item {grid-template-columns:1fr; gap:4px}}

#search-input {width:100%; padding:10px; border:2px solid #5a3e2b; border-radius:5px}
#search-results {background:white; border:1px solid #ccc; margin-top:5px; max-height:300px; overflow-y:auto; display:none}
.result-item {padding:12px; border-bottom:1px solid #eee; cursor:pointer; display:flex; align-items:baseline; border-bottom:1px solid #eee; text-decoration:none; color:inherit; transition:background 0.2s}
.no-results {padding:10px; color:#888}
.result-item:hover {background-color:#f5faff; cursor:pointer}
.res-date {color:#b08d57; font-weight:bold; min-width:80px; margin-right:15px}
.radius1 {border-radius:8px; border:1px black solid}
.jegy1 {margin-right:10px; cursor:pointer}
.slider-wrapper {width:100%; margin:20px 0}
.slider-container {overflow-x:hidden; scroll-behavior:smooth; padding-bottom:15px}
.slider-track {display:flex; gap:15px}
.slider-controls {display:none; justify-content:center; gap:20px; margin-top:15px}
.slider-wrapper.has-scroll .slider-controls {display:flex}
.nav-btnkino {padding:8px 20px; background:#f0f0f0; border:1px solid #ddd; border-radius:20px; cursor:pointer; font-size:14px; font-weight:600; color:#333; transition:all 0.2s}
.nav-btnkino:hover {background:#e50914; color:#fff; border-color:#e50914}
.slider-wrapper.at-start .prev, .slider-wrapper.at-end .next {opacity:0.3; cursor:default; pointer-events:none}
@media (max-width: 600px) {
.slider-controls {display:none !important}
.slider-container {overflow-x:auto}}
.movie-mini-card a {text-decoration:none; display:block; cursor:pointer}
.mini-poster {width:100px; height:150px; object-fit:cover; border-radius:8px; box-shadow:0 4px 6px rgba(0,0,0,0.1);
transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}
.movie-mini-card:hover .mini-poster {transform:translateY(-5px); box-shadow:0 10px 20px rgba(0,0,0,0.2); filter:brightness(1.1)}
.movie-mini-card {flex-shrink:0; width:100px; text-align:center; transition:transform 0.3s ease}