*{box-sizing: border-box;margin: 0;padding: 0;}body{background: #0e0f14;color: #fff;font-family: system-ui,sans-serif;}.page-wrapper{max-width: 1400px;margin: 0 auto;padding: 0 7%;}input,textarea,select,button{font-family: system-ui,sans-serif;}input[type="text"],input[type="email"],input[type="password"],input[type="number"],textarea{-webkit-appearance: none;appearance: none;background: rgba(255,255,255,0.05);border: 1px solid rgba(255,255,255,0.1);border-radius: 8px;color: #fff;}.site-footer{margin-top: 60px;border-top: 1px solid rgba(255,255,255,0.06);padding: 32px 7% 24px;display: flex;flex-direction: column;align-items: center;gap: 20px;text-align: center;}.site-footer-top{display: flex;align-items: center;gap: 12px;}.site-footer-logo{font-size: 18px;font-weight: 700;color: #fff;letter-spacing: -0.3px;}.site-footer-logo-dot{color: #e8692a;}.site-footer-tagline{font-size: 13px;color: rgba(255,255,255,0.35);}.site-footer-dmca{font-size: 12px;color: rgba(255,255,255,0.4);line-height: 1.6;max-width: 900px;}
.navbar{display: flex;align-items: center;gap: 8px;padding: 14px 24px;border-bottom: 1px solid rgba(255,255,255,0.06);}.logo{font-size: 20px;font-weight: 700;}.logo-h1{display: contents;}.logo span{color: #e8692a;}.nav-links{display: flex;gap: 4px;margin-right: auto;}.nav-links a{font-size: 13px;color: rgba(255,255,255,0.45);text-decoration: none;padding: 7px 13px;border-radius: 8px;}.nav-links a:hover{color: #fff;background: rgba(255,255,255,0.07);}.nav-links a.nav-toggle-btn{font-size: 13px;font-weight: 600;padding: 7px 16px;border-radius: 8px;border: 1px solid rgba(232,105,42,0.35);color: #e8692a;text-decoration: none;white-space: nowrap;transition: background 0.2s,border-color 0.2s;flex-shrink: 0;margin-left: 8px;}.nav-links a.nav-toggle-btn:hover{background: rgba(232,105,42,0.1);border-color: rgba(232,105,42,0.6);color: #ff7a35;}.nav-auth-btn{margin-left: auto;font-size: 13px;font-weight: 600;padding: 7px 16px;border-radius: 8px;background: rgba(232,105,42,0.15);color: #e8692a;text-decoration: none;white-space: nowrap;transition: background 0.2s,color 0.2s;flex-shrink: 0;}.nav-auth-btn:hover{background: rgba(232,105,42,0.28);color: #ff7a35;}.search-box input{background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.1);border-radius: 10px;padding: 8px 14px;font-size: 13px;color: #fff;width: 200px;outline: none;}.search-box input::placeholder{color: rgba(255,255,255,0.3);}a.logo{text-decoration: none;color: #fff;}.hamburger{display: none;flex-direction: column;justify-content: center;gap: 5px;background: none;border: none;cursor: pointer;padding: 6px;margin-left: auto;}.hamburger span{display: block;width: 22px;height: 2px;background: rgba(255,255,255,0.8);border-radius: 2px;transition: all 0.25s;}.hamburger.open span:nth-child(1){transform: translateY(7px) rotate(45deg);}.hamburger.open span:nth-child(2){opacity: 0;}.hamburger.open span:nth-child(3){transform: translateY(-7px) rotate(-45deg);}@media (max-width: 700px){.hamburger{display: flex;}.nav-links{display: none;position: fixed;top: 57px;left: 0;right: 0;background: #0d1520;border-bottom: 1px solid rgba(255,255,255,0.08);flex-direction: column;padding: 12px 16px;gap: 4px;z-index: 100;}.nav-links.open{display: flex;}.nav-links a{padding: 10px 14px;font-size: 14px;}.search-box input{width: 140px;}}
.genres{display: flex;align-items: center;padding: 12px 0;border-bottom: 1px solid rgba(255,255,255,0.05);position: relative;overflow: hidden;}.genres-scroll{display: flex;align-items: center;justify-content: center;gap: 6px;overflow-x: auto;scrollbar-width: none;scroll-behavior: smooth;flex-wrap: nowrap;flex: 1;}.genres-scroll::-webkit-scrollbar{display: none;}.genre{text-decoration: none;font-size: 13px;padding: 7px 16px;border-radius: 8px;border: 1px solid rgba(255,255,255,0.1);color: rgba(255,255,255,0.5);background: none;cursor: pointer;font-weight: 500;transition: all 0.15s;white-space: nowrap;flex-shrink: 0;}.genre:hover{color: #fff;border-color: rgba(255,255,255,0.25);background: rgba(255,255,255,0.05);}.genre.active{background: rgba(232,105,42,0.15);border-color: rgba(232,105,42,0.5);color: #e8692a;font-weight: 600;}.genre-more{font-size: 13px;padding: 7px 16px;border-radius: 8px;border: 1px solid rgba(255,255,255,0.1);color: rgba(255,255,255,0.5);background: none;cursor: pointer;font-weight: 500;display: flex;align-items: center;gap: 6px;position: relative;transition: all 0.15s;white-space: nowrap;flex-shrink: 0;}.genre-more:hover{color: #fff;border-color: rgba(255,255,255,0.25);background: rgba(255,255,255,0.05);}.genre-more .arrow{font-size: 10px;transition: transform 0.2s;display: inline-block;}.genre-more.open .arrow{transform: rotate(180deg);}.genre-dropdown{display: none;position: fixed;background: #1a1b24;border: 1px solid rgba(255,255,255,0.1);border-radius: 10px;padding: 8px;min-width: 180px;z-index: 9999;flex-direction: column;gap: 2px;}.genre-more.open .genre-dropdown{display: flex;}#godineBtn .genre-dropdown{display: none;flex-direction: unset;grid-template-columns: repeat(4,1fr);width: 260px;padding: 10px;gap: 2px;}#godineBtn.open .genre-dropdown{display: grid;}#godineBtn .dropdown-item{text-align: center;padding: 7px 4px;}.dropdown-item{text-decoration: none;display: block;font-size: 13px;padding: 8px 12px;border-radius: 6px;color: rgba(255,255,255,0.6);cursor: pointer;font-weight: 500;white-space: nowrap;}.dropdown-item:hover{background: rgba(255,255,255,0.07);color: #fff;}.scroll-arrow{flex-shrink: 0;width: 36px;height: 36px;display: none;align-items: center;justify-content: center;cursor: pointer;color: #fff;font-size: 20px;font-weight: 700;background: rgba(232,105,42,0.15);border: 1px solid rgba(232,105,42,0.4);border-radius: 8px;margin-left: 6px;transition: all 0.15s;}.scroll-arrow:hover{background: rgba(232,105,42,0.3);border-color: rgba(232,105,42,0.7);color: #e8692a;}.scroll-arrow-left{margin-left: 0;margin-right: 6px;}
.film-section{padding: 24px 24px 8px;}.section-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;}.section-header h2{font-size: 15px;font-weight: 600;display: flex;align-items: center;gap: 10px;}.section-header h2::before{content: '';display: block;width: 4px;height: 18px;background: #e8692a;border-radius: 2px;}.section-header a{font-size: 12px;color: rgba(255,255,255,0.3);text-decoration: none;}.section-header a:hover{color: #e8692a;}.film-grid{display: grid;grid-template-columns: repeat(6,1fr);gap: 12px;}.film-card{position: relative;cursor: pointer;min-width: 0;text-decoration: none;color: inherit;}.film-card-link{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}.film-card:hover .film-poster{box-shadow: 0 0 0 1px rgba(232,105,42,0.5);}.film-card:hover .film-title{color: #e8692a;}.film-poster{position: relative;padding-top: 150%;border-radius: 9px;box-shadow: 0 0 0 1px rgba(255,255,255,0.07);background: linear-gradient(160deg,#1e2a3a,#0d1520);margin-bottom: 6px;overflow: hidden;}.watchlist-btn{position: absolute;bottom: 8px;right: 8px;width: 30px;height: 30px;border-radius: 50%;border: none;background: rgba(0,0,0,0.65);color: #fff;font-size: 18px;line-height: 1;cursor: pointer;display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.18s,background 0.18s;z-index: 5;backdrop-filter: blur(4px);}body.watchlist-active .film-card:hover .watchlist-btn{opacity: 1;}body.watchlist-active .watchlist-btn.saved{opacity: 1;background: #e8692a;font-size: 14px;}body.watchlist-active .watchlist-btn.saved:hover{background: #c9501a;font-size: 0;}body.watchlist-active .watchlist-btn.saved:hover::after{content: '−';font-size: 20px;}.film-poster img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: 9px;}.badge-novo{position: absolute;top: 6px;right: 6px;font-size: 8px;font-weight: 700;background: #e8692a;color: #fff;padding: 2px 6px;border-radius: 3px;}.badge-popularno{position: absolute;top: 6px;left: 6px;font-size: 8px;font-weight: 700;background: #8b5cf6;color: #fff;padding: 2px 6px;border-radius: 3px;}.badge-rating{position: absolute;bottom: 6px;left: 6px;display: inline-flex;align-items: center;gap: 3px;background: rgba(0,0,0,0.7);border: 1px solid rgba(245,197,24,0.3);border-radius: 4px;padding: 2px 6px;font-size: 10px;color: #f5c518;font-weight: 600;}.film-title{font-size: 12px;font-weight: 600;color: rgba(255,255,255,0.85);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;display: block;width: 100%;}@media (max-width: 1100px){.film-grid{grid-template-columns: repeat(4,1fr);}}@media (max-width: 700px){.film-grid{grid-template-columns: repeat(2,1fr);}}@media (max-width: 400px){.film-grid{grid-template-columns: repeat(1,1fr);}}@media (max-width: 700px){.film-grid > .film-card:nth-child(n+7):not(.prikazana){display: none;}}.prikazi-jos-wrap{display: none;justify-content: center;margin-top: 18px;}@media (max-width: 700px){.prikazi-jos-wrap{display: flex;}}.prikazi-jos-btn{font-size: 13px;font-weight: 500;padding: 10px 26px;border-radius: 8px;border: 1px solid rgba(255,255,255,0.1);background: #13141a;color: rgba(255,255,255,0.5);cursor: pointer;transition: all 0.15s;}.prikazi-jos-btn:hover,.prikazi-jos-btn:active{color: #fff;border-color: rgba(232,105,42,0.5);background: rgba(232,105,42,0.12);}
.kategorija-header{padding: 28px 0 20px;display: flex;align-items: baseline;gap: 12px;flex-wrap: wrap;}.kategorija-header h1{font-size: 24px;font-weight: 700;display: flex;align-items: center;gap: 10px;}.kategorija-header h1::before{content: '';display: block;width: 4px;height: 22px;background: #e8692a;border-radius: 2px;flex-shrink: 0;}.kategorija-header p{font-size: 13px;color: rgba(255,255,255,0.35);}.pagination{display: flex;align-items: center;justify-content: center;gap: 6px;padding: 32px 0;}.pag-btn{font-size: 13px;padding: 7px 14px;border-radius: 8px;border: 1px solid rgba(255,255,255,0.1);color: rgba(255,255,255,0.5);background: #13141a;cursor: pointer;font-weight: 500;transition: all 0.15s;min-width: 36px;text-align: center;}.pag-btn:hover{color: #fff;border-color: rgba(255,255,255,0.25);background: rgba(255,255,255,0.07);}.pag-btn.active{background: rgba(232,105,42,0.15);border-color: rgba(232,105,42,0.5);color: #e8692a;font-weight: 600;}.pag-btn:disabled{opacity: 0.2;cursor: not-allowed;}
.search-box{position: relative;}.search-dropdown{display: none;position: absolute;top: calc(100% + 6px);right: 0;width: 320px;background: #1a1b24;border: 1px solid rgba(255,255,255,0.1);border-radius: 10px;padding: 8px;z-index: 9999;flex-direction: column;gap: 4px;max-height: 400px;overflow-y: auto;}.search-dropdown.open{display: flex;}.search-result-item{display: flex;align-items: center;gap: 10px;padding: 8px 10px;border-radius: 8px;cursor: pointer;transition: background 0.15s;}.search-result-item:hover{background: rgba(255,255,255,0.06);}.search-result-poster{width: 32px;height: 48px;border-radius: 4px;background: linear-gradient(160deg,#1e2a3a,#0d1520);flex-shrink: 0;border: 1px solid rgba(255,255,255,0.08);}.search-result-info{flex: 1;min-width: 0;}.search-result-title{font-size: 13px;font-weight: 500;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.search-result-meta{font-size: 11px;color: rgba(255,255,255,0.35);margin-top: 2px;}.search-result-rating{font-size: 11px;color: #f5c518;font-weight: 600;flex-shrink: 0;}.search-no-results{font-size: 13px;color: rgba(255,255,255,0.35);text-align: center;padding: 16px;}.search-vidi-sve{font-size: 12px;color: #e8692a;text-align: center;padding: 8px;cursor: pointer;border-top: 1px solid rgba(255,255,255,0.06);margin-top: 4px;}.search-vidi-sve:hover{color: #f08040;}