.categories{justify-content:center;gap:2rem;padding:1rem 0 0;display:flex;overflow-x:auto}.categories a{white-space:nowrap;color:var(--text-color);border-bottom:2px solid #0000;padding-bottom:.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s}.categories a:hover,.categories a.active{color:var(--primary-color);border-color:var(--primary-color)}.categories::-webkit-scrollbar{display:none}.categories{-ms-overflow-style:none;scrollbar-width:none}.categories-popup{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.categories-popup .popup-backdrop{cursor:pointer;background:#0006;position:absolute;inset:0}.categories-popup .popup-content{z-index:1001;text-align:left;background:#fff;border-radius:12px;width:90%;max-width:400px;padding:2rem;animation:.25s fadeIn;position:relative;box-shadow:0 4px 12px #0003}.categories-popup .popup-content h3{color:var(--text-color);margin-bottom:1rem;font-size:1.1rem}.categories-popup .popup-content .close-btn{cursor:pointer;color:var(--text-color);background:0 0;border:none;font-size:1.2rem;transition:color .2s;position:absolute;top:10px;right:12px}.categories-popup .popup-content .close-btn:hover{color:var(--primary-color)}.categories-popup .popup-content .popup-list{flex-direction:column;align-items:flex-start;gap:.8rem;max-height:70vh;padding-right:4px;display:flex;overflow-y:auto}.categories-popup .popup-content .popup-list::-webkit-scrollbar{display:none}.categories-popup .popup-content .popup-list{-ms-overflow-style:none;scrollbar-width:none}.categories-popup .popup-content .popup-list a{text-align:left;white-space:nowrap;color:var(--text-color);border-bottom:2px solid #0000;padding:.25rem .5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.categories-popup .popup-content .popup-list a:hover,.categories-popup .popup-content .popup-list a.active{color:var(--primary-color);border-color:var(--primary-color)}@media (max-width:1024px) and (min-width:491px){.categories{gap:1.3rem;padding:.9rem 0}.categories a{font-size:.9rem}}@media (max-width:490px){.categories{gap:.5rem;padding:.5rem 0}.categories a{font-size:.83rem}}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}