.genre-tabs-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:0 14px;direction:rtl}.genre-filters-row{display:flex;gap:10px;padding:0 14px;margin-bottom:18px;direction:rtl}.genre-filter-box{position:relative;flex:1;min-width:0;border:1px solid var(--border);border-radius:14px;padding:8px 10px 7px;display:flex;flex-direction:column;gap:2px;background:transparent}.genre-filter-label{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-filter-select{appearance:none;-webkit-appearance:none;background:none;border:none;color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;padding:0 18px 0 0;width:100%;cursor:pointer}.genre-filter-select:focus{outline:none}.genre-filter-select option{background:var(--surface2);color:var(--text)}.genre-filter-chevron{position:absolute;left:10px;top:50%;transform:translateY(-40%);width:14px;height:14px;color:var(--muted);pointer-events:none}.genre-page-title{flex-shrink:0;font-size:19px;font-weight:800}.genre-tabs-row .genre-tabs{margin-bottom:0;flex:1;min-width:0;direction:rtl;padding-left:4px}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 14px;margin-bottom:22px;align-items:start;direction:rtl}.genre-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;width:100%}.genre-poster-wrap{position:relative;width:100%;flex-shrink:0;padding-top:150%;border-radius:10px;overflow:hidden;margin-bottom:8px;background:linear-gradient(100deg,#1c1c1c 30%,#262626 50%,#1c1c1c 70%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite}.genre-poster-wrap:has(.genre-poster){animation:none;background-color:#222;background-image:none}.genre-poster{position:absolute;inset:0;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.genre-poster img{width:100%;height:100%;object-fit:cover}.genre-title-fa{font-size:12.5px;font-weight:600;text-align:center;margin-bottom:2px;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-title-en{font-size:10.5px;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.genre-loadmore-wrap{display:flex;justify-content:center;padding:0 14px}.genre-loadmore-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:700;padding:12px 36px;border-radius:24px;cursor:pointer;transition:border-color .2s,color .2s}.genre-loadmore-btn:hover{border-color:var(--accent);color:var(--accent)}.genre-loadmore-btn.hidden{display:none}@media(min-width:481px){.genre-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:680px){.genre-grid{grid-template-columns:repeat(5,1fr);gap:16px}}@media(min-width:900px){.genre-tabs-row{padding:0 32px;margin-bottom:16px}.genre-page-title{font-size:22px}.genre-filters-row{padding:0 32px;margin-bottom:26px}.genre-filter-box{flex:0 0 200px}.genre-grid{grid-template-columns:repeat(6,1fr);gap:20px;padding:0 32px}.genre-title-fa{font-size:14px}.genre-loadmore-wrap{padding:0 32px}}@media(min-width:1440px){.genre-grid{grid-template-columns:repeat(7,1fr)}}@media(min-width:1800px){.genre-grid{grid-template-columns:repeat(8,1fr)}}.wh-clear-btn{margin-inline-start:auto;flex-shrink:0;background:var(--surface2);border:1px solid var(--border);border-radius:18px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:700;color:#ccc;cursor:pointer}.wh-clear-btn:hover{border-color:#e55;color:#e55}.wh-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;color:var(--muted)}.wh-empty-state svg{width:52px;height:52px;margin-bottom:16px;opacity:.5}.wh-empty-title{font-size:15px;font-weight:800;color:var(--text);margin-bottom:6px}.wh-empty-sub{font-size:12.5px;margin-bottom:18px}.wh-empty-cta{background:var(--accent);color:#111;font-weight:800;font-size:13px;padding:10px 24px;border-radius:22px;text-decoration:none}
