.category-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9991;opacity:0;visibility:hidden;transition:.3s}.category-popup-overlay.active{opacity:1;visibility:visible}.category-popup{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;z-index:9992;transform:translateY(100%);transition:transform .3s cubic-bezier(.4, 0, .2, 1);max-height:70vh;display:flex;flex-direction:column}.category-popup.active{transform:translateY(0)}.category-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.category-popup-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.category-popup-close{background:#f5f5f5;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.category-popup-close:hover{background:#eee}.category-popup-close svg{width:20px;height:20px;color:#666}.category-popup-content{overflow-y:auto;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));flex:1}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;padding:12px 8px;border-radius:12px;background:#f8f9fa;border:1px solid #e9ecef;box-shadow:0 4px 12px rgba(0,0,0,.03);transition:.2s}.category-card:hover{background:rgba(var(--inf-main-color-rgb),.1);transform:translateY(-2px)}.category-image{width:60px;height:60px;border-radius:12px;overflow:hidden;margin-bottom:8px;background:#fff}.category-image img{width:100%;height:100%;object-fit:cover}.category-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999}.category-name{font-size:12px;font-weight:500;color:#333;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:991.98px){body{padding-bottom:80px}.scrollup{display:none!important}}.dark-mode .category-popup{background:var(--dark-bg-2)}.dark-mode .category-popup-header{border-bottom-color:var(--dark-bg-4)}.dark-mode .category-popup-header h3{color:var(--dark-color-1)}.dark-mode .category-popup-close{background:var(--dark-bg-4)}.dark-mode .category-popup-close svg{color:var(--dark-color-2)}.dark-mode .category-card{background:#252a32;border:1px solid #2f353e;box-shadow:none}.dark-mode .category-grid{background:0 0}.dark-mode .category-card:hover{background:var(--dark-bg-4)}.dark-mode .category-name{color:var(--dark-color-1)}.dark-mode .category-image{background:var(--dark-bg-4)}