*{box-sizing: border-box;margin: 0;padding: 0;}body{background: #0a1018;color: #fff;font-family: 'Poppins',system-ui,sans-serif;}.page-wrapper{max-width: 2400px;margin: 0 auto;padding: 0 7%;}@media (min-width: 1400px){.page-wrapper{padding: 0 5%;}}input,textarea,select,button{font-family: 'Poppins',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{display: inline-flex;align-items: center;gap: 6px;font-size: 18px;font-weight: 500;color: #fff;letter-spacing: -0.3px;}.site-footer-logo-icon{flex-shrink: 0;}.site-footer-logo-dot{color: #1f80e0;}.site-footer-tagline{font-size: 13px;color: rgba(255,255,255,0.35);}.site-footer-dmca{font-size: 11px;color: rgba(255,255,255,0.2);line-height: 1.6;max-width: 900px;}.visually-hidden{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0;}.mobile-load-more-btn{display: block;width: 100%;margin: 14px 0 4px;padding: 12px;background: rgba(31,128,224,0.12);border: 1px solid rgba(31,128,224,0.35);border-radius: 9px;color: #4da3f5;font-family: inherit;font-size: 14px;font-weight: 600;text-align: center;cursor: pointer;transition: background 0.15s,border-color 0.15s;}.mobile-load-more-btn:hover,.mobile-load-more-btn:active{background: rgba(31,128,224,0.22);border-color: rgba(31,128,224,0.55);}@media (min-width: 701px){.mobile-load-more-btn{display: none;}}
.navbar{display: flex;align-items: center;gap: 8px;padding: 15.33px 26.25px;border-bottom: 1px solid rgba(255,255,255,0.06);position: sticky;top: 0;z-index: 500;background: #0a1018;}.logo{display: inline-flex;align-items: center;gap: 7px;font-size: 31.44px;font-weight: 500;letter-spacing: -0.5px;line-height: 1;}.logo-h1{display: contents;}.logo-icon{flex-shrink: 0;}.logo-accent{color: #1f80e0;}.nav-links{display: flex;gap: 4px;margin-right: auto;}.nav-links a,.nav-kategorije-btn,.nav-godine-btn{font-size: 14.18px;font-weight: 600;color: rgba(255,255,255,0.75);background: rgba(255,255,255,0.06);text-decoration: none;padding: 7.67px 17.43px;border-radius: 8px;border: none;cursor: pointer;font-family: inherit;white-space: nowrap;display: inline-flex;align-items: center;gap: 6px;transition: background 0.2s,color 0.2s;}.nav-links a:hover,.nav-kategorije-btn:hover,.nav-godine-btn:hover{color: #fff;background: rgba(255,255,255,0.12);}.nav-kategorije-btn .arrow,.nav-godine-btn .arrow{font-size: 10.92px;transition: transform 0.2s;}.nav-kategorije-btn.open,.nav-godine-btn.open{color: #fff;background: rgba(255,255,255,0.12);}.nav-kategorije-btn.open .arrow,.nav-godine-btn.open .arrow{transform: rotate(180deg);}.nav-links a.nav-toggle.active{color: #fff;background: rgba(31,128,224,0.28);}.nav-auth-btn{margin-left: auto;font-size: 14.18px;font-weight: 600;padding: 7.67px 17.43px;border-radius: 8px;background: rgba(31,128,224,0.15);color: #1f80e0;text-decoration: none;white-space: nowrap;transition: background 0.2s,color 0.2s;flex-shrink: 0;}.nav-auth-btn:hover{background: rgba(31,128,224,0.28);color: #4da3f5;}.search-box input{background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.1);border-radius: 10.92px;padding: 8.72px 15.33px;font-size: 14.18px;color: #fff;width: 218.4px;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: 1200px){.hamburger{display: flex;}.nav-links{display: none;position: fixed;top: 57px;left: 0;right: 0;max-height: calc(100vh - 57px);overflow-y: auto;background: #0a1018;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,.nav-kategorije-btn,.nav-godine-btn{padding: 10.5px 14.7px;font-size: 14.7px;width: 100%;justify-content: flex-start;}.nav-links .search-box{width: 100%;margin-top: 8px;}.nav-links .search-box input{width: 100%;}}@media (max-width: 700px){.search-box input{width: 147px;}}.nav-mobile-submenu{display: none;}@media (max-width: 1200px){.nav-mobile-submenu{display: none;flex-direction: column;gap: 2px;padding: 4px 0 6px 12px;border-left: 2px solid rgba(255,255,255,0.08);margin-left: 4px;}.nav-mobile-submenu.open{display: flex;}.nav-mobile-submenu button{width: 100%;text-align: left;border-radius: 8px;padding: 9px 14px;font-size: 13.5px;font-family: inherit;font-weight: 500;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.05);color: rgba(255,255,255,0.7);cursor: pointer;white-space: normal;display: block;transition: background 0.15s,color 0.15s;}.nav-mobile-submenu button:hover{background: rgba(255,255,255,0.09);color: #fff;}}
.genres{display: flex;align-items: center;padding: 12px 0;border-bottom: 1px solid rgba(255,255,255,0.05);position: relative;overflow: hidden;}.kategorije-panel{display: none;position: sticky;top: 57px;z-index: 490;background: #0a1018;}.kategorije-panel.open{display: block;animation: kategorijePanelOpen 0.22s ease;}@keyframes kategorijePanelOpen{from{opacity: 0;transform: translateY(-6px);}to{opacity: 1;transform: translateY(0);}}.kategorije-panel .genres-scroll{flex-wrap: wrap;overflow: visible;justify-content: flex-start;padding: 20px 0 12px;}.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{display: inline-block;font-size: 13px;padding: 8px 18px;border-radius: 8px;border: 1px solid rgba(255,255,255,0.08);color: rgba(255,255,255,0.6);background: rgba(255,255,255,0.04);text-decoration: 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.2);background: rgba(255,255,255,0.09);transform: translateY(-1px);}.genre.active{background: rgba(31,128,224,0.18);border-color: rgba(31,128,224,0.5);color: #4da3f5;font-weight: 600;}.extra-item{display: none;}.genres-scroll.show-all .extra-item{display: inline-block;}.genres-scroll.show-all .vise-btn{display: none;}.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(31,128,224,0.15);border: 1px solid rgba(31,128,224,0.4);border-radius: 8px;margin-left: 6px;transition: all 0.15s;}.scroll-arrow:hover{background: rgba(31,128,224,0.3);border-color: rgba(31,128,224,0.7);color: #1f80e0;}.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,.section-header h3{font-size: 22px;font-weight: 600;display: flex;align-items: center;gap: 10px;}.section-header h2::before{content: '';display: block;width: 4px;height: 22px;background: #1f80e0;border-radius: 2px;}.section-header a{font-size: 12px;color: rgba(255,255,255,0.3);text-decoration: none;}.section-header a:hover{color: #1f80e0;}.section-header h2 a,.section-header h3 a{color: inherit;text-decoration: none;font-size: inherit;font-weight: inherit;transition: color 0.15s;}.section-header h2 a:hover,.section-header h3 a:hover{color: #4da3f5;}.film-grid{display: grid;grid-template-columns: repeat(8,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(31,128,224,0.5);}.film-card:hover .film-title{color: #1f80e0;}.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,#1c2940,#0a1018);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: #1f80e0;font-size: 14px;}body.watchlist-active .watchlist-btn.saved:hover{background: #0a5cc4;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;transition: filter 0.2s;}.film-card:hover .film-poster img{filter: grayscale(55%) brightness(0.65);}.film-poster::after{content: '';position: absolute;top: 50%;left: 50%;width: 25%;height: 25%;max-width: 48px;max-height: 48px;transform: translate(-50%,-50%);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolygon points='6,4 20,12 6,20' fill='none' stroke='%234aa3e0' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: contain;opacity: 0;transition: opacity 0.18s;pointer-events: none;z-index: 2;}.film-card:hover .film-poster::after{opacity: 1;}.badge-novo{position: absolute;top: 6px;right: 6px;font-size: 8px;font-weight: 700;background: #1f80e0;color: #fff;padding: 2px 6px;border-radius: 3px;opacity: 0;transition: opacity 0.18s;}.badge-popularno{position: absolute;top: 6px;left: 6px;font-size: 8px;font-weight: 700;background: #ef4444;color: #fff;padding: 2px 6px;border-radius: 3px;opacity: 0;transition: opacity 0.18s;}.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;opacity: 0;transition: opacity 0.18s;}.badge-rt{position: absolute;bottom: 6px;right: 6px;display: inline-flex;align-items: center;gap: 3px;background: rgba(0,0,0,0.7);border: 1px solid rgba(250,50,10,0.3);border-radius: 4px;padding: 2px 6px;font-size: 10px;color: #fa320a;font-weight: 600;opacity: 0;transition: opacity 0.18s;}.film-card:hover .badge-novo,.film-card:hover .badge-popularno,.film-card:hover .badge-rating,.film-card:hover .badge-rt{opacity: 1;}.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 (min-width: 1750px){.film-grid{grid-template-columns: repeat(10,1fr);}}@media (min-width: 1251px) and (max-width: 1749px){#grid-zadnje .film-card:nth-child(n+25),#grid-zadnje-serije .film-card:nth-child(n+25){display: none;}#grid-popularno .film-card:nth-child(n+17),#grid-novo .film-card:nth-child(n+17),#grid-slicni .film-card:nth-child(n+17),#grid-popularno-serije .film-card:nth-child(n+17){display: none;}}@media (min-width: 1251px) and (max-width: 1749px){#grid-vise-kategorija .film-card:nth-child(n+9){display: none;}}@media (max-width: 1250px){.film-grid{grid-template-columns: repeat(5,1fr);}}@media (min-width: 701px) and (max-width: 1250px){#grid-zadnje .film-card:nth-child(n+26){display: none;}}@media (max-width: 700px){.film-grid{grid-template-columns: repeat(2,1fr);}}@media (max-width: 400px){.film-grid{grid-template-columns: repeat(1,1fr);}}
.search-box{position: relative;}.search-dropdown{display: none;position: absolute;top: calc(100% + 6px);right: 0;width: 320px;background: #1c2940;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,#1c2940,#0a1018);flex-shrink: 0;border: 1px solid rgba(255,255,255,0.08);overflow: hidden;}.search-result-poster img{width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 3px;}.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: #1f80e0;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: #4da3f5;}