#catalog-hero{background-size:contain;background-position:right center;background-repeat:no-repeat;position:relative}body.light-mode #catalog-hero .hero-content h1,body.light-mode #catalog-hero .hero-content p,body.light-mode #catalog-hero .star-rating{color:var(--primary-white)!important}body.light-mode .search-bar,body.light-mode .search-dropdown{background-color:var(--light-header-bg);border-color:var(--light-border);color:var(--light-text)}body.light-mode .search-dropdown option{background-color:var(--light-header-bg);color:var(--light-text)}body.light-mode .pagination-arrow,body.light-mode .pagination-btn{border-color:var(--light-border);color:var(--text-grey)}body.light-mode .pagination-arrow:hover,body.light-mode .pagination-btn:hover{border-color:var(--light-text);color:var(--light-text)}body.light-mode .pagination-btn.active{background-color:var(--primary-orange);color:var(--primary-black);border-color:var(--primary-orange)}body.light-mode .dropdown-header{background-color:var(--light-header-bg);border-color:var(--light-border);color:var(--light-text)}body.light-mode .dropdown-list{background-color:#fff;border-color:var(--light-border)}body.light-mode .dropdown-item{color:#333}body.light-mode .dropdown-item:hover{background-color:var(--primary-orange);color:#fff}.custom-dropdown{position:relative;width:150px;flex-shrink:0;font-family:inherit}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background-color:transparent;border:1px solid var(--text-grey);border-radius:30px;color:var(--text-grey);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .3s,color .3s}.dropdown-header:hover,.custom-dropdown.active .dropdown-header{border-color:var(--primary-orange);color:var(--primary-white)}.custom-dropdown.active .dropdown-header i{transform:rotate(180deg);transition:transform .3s ease}.dropdown-list{position:absolute;top:100%;left:0;width:100%;max-height:300px;overflow-y:auto;background-color:#111;border:1px solid var(--primary-orange);border-radius:12px;margin-top:8px;z-index:100;box-shadow:0 4px 15px #00000080}.dropdown-item{padding:10px 20px;cursor:pointer;color:var(--text-grey);transition:background .2s,color .2s}.dropdown-item:hover{background-color:var(--primary-orange);color:#000}.movie-grid-section{padding:20px 0;min-height:200px}.no-results-container{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--text-grey)}.no-results-container h2{font-size:48px;font-weight:700;color:var(--primary-white);margin-bottom:16px}.no-results-container h3{font-size:24px;font-weight:500;color:var(--primary-white);margin-bottom:12px}.no-results-container p{font-size:16px}.search-section{padding:30px 0}.search-form{display:flex;justify-content:center;gap:15px;max-width:600px;margin:0 auto}.search-bar,.search-dropdown{padding:14px 20px;background-color:transparent;border:1px solid var(--text-grey);border-radius:30px;color:var(--primary-white);font-size:16px;transition:background-color .3s,border-color .3s,color .3s}.search-bar{width:100%;flex-grow:1}.search-bar::placeholder{color:var(--text-grey)}.search-dropdown{width:150px;flex-shrink:0;appearance:none;background-image:url("data:image/svg+xml;charset=UTF8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2010%205'%3E%3Cpath%20d%3D'M0%200l5%205%205-5z'%20fill%3D'%23B7B7B7'%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 20px center;background-size:10px}.search-dropdown option{background-color:var(--primary-black);color:var(--primary-white)}.search-btn{width:46px;height:46px;background-color:var(--primary-orange);border:none;border-radius:50%;color:var(--primary-white);cursor:pointer;font-size:16px;flex-shrink:0}.pagination-section{padding:40px 0}.pagination{display:flex;justify-content:center;align-items:center;gap:10px}.pagination-arrow,.pagination-btn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border:1px solid var(--text-grey);border-radius:8px;color:var(--text-grey);font-weight:700;transition:border-color .3s,color .3s,background-color .3s}.pagination-arrow:hover,.pagination-btn:hover{border-color:var(--primary-white);color:var(--primary-white)}.pagination-btn.active{background-color:var(--primary-orange);color:var(--primary-black);border-color:var(--primary-orange)}.pagination-dots{color:var(--text-grey);padding:0 5px}
