.materials-page{--ml-primary:#171717;--ml-primary-light:#f5f5f7;--ml-bg:#fbfbfd;--ml-card:#fff;--ml-border:#00000014;--ml-text:#1d1d1f;--ml-muted:#717182;--ml-secondary:#717182;background:var(--ml-bg);min-height:calc(100vh - 5rem);display:flex;position:relative}.materials-sidebar{background:var(--ml-card);border-right:1px solid var(--ml-border);flex-shrink:0;width:300px;height:calc(100vh - 5rem);padding:2rem;position:sticky;top:5rem;overflow-y:auto}.materials-content{flex:1;min-width:0;padding:2rem 3rem 3rem;overflow-y:auto}.mobile-filter-btn{z-index:80;background:var(--ml-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-size:.875rem;font-weight:500;display:none;position:fixed;bottom:1.5rem;left:1.5rem;box-shadow:0 14px 34px #0000002e}.filter-overlay{z-index:89;background:#0006;display:none;position:fixed;inset:0}.material-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0006;position:fixed;inset:0}.material-drawer{background:var(--ml-card);border-left:1px solid var(--ml-border);z-index:100;width:550px;max-width:100%;height:100%;padding:2.5rem;animation:.3s ease-out ml-slide-in;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-10px 0 40px #00000014}@keyframes ml-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.compare-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:199;background:#0006;position:fixed;inset:0}.compare-panel{background:var(--ml-card);border:1px solid var(--ml-border);z-index:200;border-radius:28px;width:90%;max-width:1000px;max-height:85vh;padding:2rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 24px 48px #0000001a}.compare-bar{background:var(--ml-card);border:1px solid var(--ml-border);z-index:50;border-radius:999px;align-items:center;gap:1.5rem;padding:12px 24px;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0000001a}.ml-section-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--ml-muted);border:1px solid var(--ml-border);background:#fff;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-block}.ml-card{background:var(--ml-card);cursor:pointer;border:1px solid #0000000f;border-radius:28px;padding:1.5rem;transition:box-shadow .3s,border-color .3s;box-shadow:0 2px 20px #00000005}.ml-card:hover{border-color:#0000001a;box-shadow:0 8px 30px #0000000f}.ml-btn-primary{background:var(--ml-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:.65rem 1.35rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.ml-btn-primary:hover{background:#262626}.ml-btn-secondary{color:var(--ml-text);border:1px solid var(--ml-border);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:.65rem 1.35rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.ml-btn-secondary:hover{background:#fafafa;border-color:#0000002e}.ml-filter-active{background:var(--ml-primary)!important;color:#fff!important;border-color:var(--ml-primary)!important}.ml-help-card{border:1px solid var(--ml-border);background:#fff;border-radius:20px;box-shadow:0 2px 20px #00000005}@media (max-width:1024px){.materials-sidebar{width:260px;padding:1.5rem}.materials-content{padding:1.5rem 2rem 2.5rem}}@media (max-width:768px){.materials-page{flex-direction:column}.mobile-filter-btn{display:flex}.filter-overlay{display:block}.materials-sidebar{z-index:90;width:85%;max-width:320px;height:100%;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.materials-sidebar.show{transform:translate(0)}.materials-content{width:100%;padding:1.5rem 1rem 2rem}.material-drawer{width:100%;padding:1.5rem}.compare-panel{width:95%;max-height:90vh;padding:1.5rem}.compare-bar{gap:1rem;padding:10px 16px;bottom:5rem}}