html.so-page-loading::before{content:"";position:fixed;inset:0;z-index:2147483600;background:#f5f8fbe8;backdrop-filter:blur(5px);cursor:progress;animation:so-loader-appear .15s .12s both}html.so-page-loading::after{content:"Memuat halaman…";position:fixed;z-index:2147483601;left:50%;top:47%;transform:translate(-50%,-50%);padding:26px 32px 22px;border:1px solid #dce5f0;border-top:4px solid #3166e9;border-radius:20px;background:#fff;color:#223852;font:600 14px/1.6 system-ui,sans-serif;box-shadow:0 18px 65px #25466a20;white-space:nowrap;animation:so-loader-appear .15s .12s both}.so-navigation-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:2147483602;max-width:calc(100% - 24px);width:450px;padding:16px 20px;border:1px solid #dce5f0;border-radius:14px;background:white;color:#223852;box-shadow:0 8px 35px #25466a22;font:14px/1.6 system-ui,sans-serif}.so-navigation-notice button{border:0;background:#edf3fb;color:#234f88;padding:6px 12px;border-radius:8px;cursor:pointer;margin-left:8px}@keyframes so-loader-appear{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){html.so-page-loading::before,html.so-page-loading::after{animation:none}}
.catalog-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,250px);gap:20px;padding:22px;background:#fff;border:1px solid #dfe7f1;border-radius:20px;box-shadow:0 8px 28px #24425f06;margin:25px 0 16px}.catalog-filters label{font-size:.8rem;font-weight:600;color:#536781;display:grid;gap:9px}.catalog-filters input,.catalog-filters select{width:100%;margin:0;border:1px solid #dce5f0;background:#f8fafc;border-radius:12px;padding:13px 15px;font-size:.94rem;color:#21374c;min-width:0}.catalog-filters input:focus,.catalog-filters select:focus{outline:3px solid #dce8ff;border-color:#759ce9}.catalog-filters-note{font-size:.78rem;color:#61758c}@media(max-width:550px){.catalog-filters{grid-template-columns:1fr;gap:14px;padding:17px;border-radius:16px}.catalog-filters input,.catalog-filters select{font-size:16px}}