.materials-page{--green-950:#062f24;--green-900:#083d2e;--green-800:#0b4a37;--green-700:#0f5b43;--green-600:#237257;--green-soft:#edf4ec;--lime:#6f9d35;--ink:#1e2c27;--muted:#6d7873;--line:#dce2df;--line-strong:#cbd4d0;--paper:#ffffff;--background:#fafbf9;background:var(--background);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}@scope (.materials-page){*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif;margin:0;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid rgba(111,157,53,.28);outline-offset:2px}.page-shell{min-height:100vh}.top-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);height:74px;position:sticky;top:0;z-index:50}.top-header-inner{align-items:center;display:grid;gap:30px;grid-template-columns:auto 1fr auto;height:100%;margin:0 auto;max-width:1488px;padding:0 28px}.brand-lockup{align-items:center;color:var(--green-900);display:flex;gap:12px;text-decoration:none;white-space:nowrap}.brand-lockup img{border-radius:8px;height:42px;object-fit:contain;width:42px}.brand-lockup strong{font-size:18px;font-weight:800;letter-spacing:-.02em}.main-navigation{align-items:stretch;display:flex;gap:30px;height:100%;justify-content:center}.main-navigation a{align-items:center;color:#26322e;display:inline-flex;font-size:14px;font-weight:650;padding:0 2px;position:relative;text-decoration:none;white-space:nowrap}.main-navigation a.active,.main-navigation a:hover{color:var(--green-800)}.main-navigation a.active:after{background:#77a43d;bottom:12px;content:"";height:2px;left:0;position:absolute;right:0}.recipe-badge{align-items:center;background:var(--green-soft);border-radius:999px;color:var(--green-700);display:inline-flex;font-size:10px;height:19px;justify-content:center;margin-left:5px;min-width:19px;padding:0 5px}.header-tools{align-items:center;display:flex;gap:14px;justify-content:flex-end}.generation-button,.header-icon-button,.header-link{align-items:center;background:transparent;border:0;color:var(--green-950);display:inline-flex}.header-link{font-size:13px;font-weight:650;gap:7px;padding:9px 4px;white-space:nowrap}.header-icon-button{border-radius:8px;height:38px;justify-content:center;width:38px}.header-icon-button:hover{background:#f0f4f1}.account-wrap{position:relative}.generation-button{background:var(--green-800);border-radius:8px;color:white;font-size:13px;font-weight:700;gap:7px;min-height:42px;padding:0 15px;white-space:nowrap}.generation-button:hover{background:var(--green-950)}.materials-mobile-navigation{display:none;position:relative}.materials-mobile-navigation>summary{align-items:center;background:#f7faf8;border:1px solid var(--line);border-radius:8px;color:var(--green-900);cursor:pointer;display:flex;font-size:13px;font-weight:750;gap:7px;min-height:42px;padding:0 11px}.materials-mobile-navigation>summary::-webkit-details-marker{display:none}.materials-mobile-navigation>summary svg{transition:transform .2s ease}.materials-mobile-navigation[open]>summary svg{transform:rotate(180deg)}.materials-mobile-navigation>nav{background:rgba(255,255,255,.99);border:1px solid #c6d7ce;border-radius:12px;box-shadow:0 18px 44px rgba(9,47,35,.18);display:grid;gap:6px;padding:9px;position:absolute;right:0;top:calc(100% + 8px);width:min(310px,calc(100vw - 24px));z-index:80}.materials-mobile-navigation>nav a{align-items:center;background:#f8faf8;border:1px solid #e0e9e3;border-radius:8px;color:#496158;display:flex;font-size:13px;font-weight:730;min-height:44px;padding:0 11px}.materials-mobile-navigation>nav a.active{background:var(--green-soft);border-color:#a8c66b;color:var(--green-950)}.account-menu{background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 45px rgba(10,47,36,.14);display:flex;flex-direction:column;min-width:220px;padding:16px;position:absolute;right:0;top:48px;z-index:20}.account-menu strong{color:var(--green-900);font-size:13px}.account-menu span{color:var(--muted);font-size:11px;margin:4px 0 14px}.account-menu button{background:var(--green-800);border:0;border-radius:6px;color:white;font-size:11px;font-weight:700;padding:9px 12px}.intro-section{align-items:center;display:grid;gap:34px;grid-template-columns:430px minmax(440px,1fr) 316px;margin:0 auto;max-width:1488px;min-height:145px;padding:26px 28px 23px}.intro-copy h1{color:var(--green-900);font-size:32px;font-weight:800;letter-spacing:-.04em;line-height:1.25;margin:0 0 10px}.intro-copy p{color:#65716c;font-size:12px;line-height:1.6;margin:0}.material-topic-section{border-top:1px solid #e3e8e5;margin:0 auto;max-width:1488px;padding:28px 28px 32px}.material-topic-heading{align-items:flex-end;display:flex;gap:28px;justify-content:space-between;margin-bottom:18px}.material-topic-heading>div{max-width:880px}.material-topic-heading span{color:var(--lime);display:block;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:5px}.material-topic-heading h2{color:var(--green-900);font-size:24px;letter-spacing:-.025em;margin:0}.material-topic-heading p{color:#65716c;font-size:12px;line-height:1.65;margin:8px 0 0}.material-topic-heading>a{align-items:center;color:var(--green-700);display:inline-flex;flex:0 0 auto;font-size:11px;font-weight:800;gap:7px;padding:8px 0;text-decoration:none}.material-topic-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.material-topic-card{background:#fff;border:1px solid #d9e2dd;border-radius:12px;display:flex;flex-direction:column;min-height:188px;padding:18px}.material-topic-card:hover{border-color:#a9c487;box-shadow:0 12px 28px rgba(11,74,55,.07)}.material-topic-number{color:#82a955;font-size:9px;font-weight:900;letter-spacing:.1em}.material-topic-card .material-topic-title{align-items:center;color:var(--green-900);display:flex;font-size:15px;font-weight:850;gap:7px;justify-content:space-between;margin-top:10px;text-decoration:none}.material-topic-card p,.material-topic-card small{color:#64736d;font-size:10px;line-height:1.55}.material-topic-card p{margin:10px 0 5px}.material-topic-card small{display:block;margin-bottom:13px}.material-topic-card .material-topic-catalog{color:var(--green-700);font-size:10px;font-weight:800;margin-top:auto;text-decoration:underline;text-underline-offset:3px}.global-search{align-items:center;background:white;border:1px solid #bcc7c2;border-radius:8px;color:#26342f;display:flex;height:70px;padding:0 17px}.global-search:focus-within{border-color:var(--green-700);box-shadow:0 0 0 3px rgba(15,91,67,.08)}.global-search input{background:transparent;border:0;color:var(--ink);flex:1;font-size:14px;height:100%;min-width:0;outline:0;padding:0 16px}.global-search input::placeholder{color:#5c6662}.global-search button{align-items:center;background:transparent;border:0;color:#707a75;display:inline-flex;height:36px;justify-content:center;width:36px}.catalog-scope{background:white;border:1px solid var(--line-strong);border-radius:9px;display:grid;grid-template-columns:1fr 1fr;padding:5px}.catalog-scope button{background:transparent;border:0;border-radius:6px;color:#29332f;font-size:13px;font-weight:700;height:58px;padding:0 14px}.catalog-scope button.selected{background:var(--green-800);color:white;box-shadow:0 4px 12px rgba(11,74,55,.16)}.catalog-workspace{align-items:start;display:grid;gap:28px;grid-template-columns:236px minmax(690px,1fr) 292px;margin:0 auto;max-width:1488px;padding:0 28px 42px}.filter-card,.quote-card,.quote-explanation{background:white;border:1px solid var(--line);border-radius:8px}.filter-card{overflow:hidden}.filter-card-header{align-items:center;display:flex;height:45px;justify-content:space-between;padding:0 14px}.filter-card-header strong{color:var(--green-900);font-size:12px;font-weight:800}.filter-card-header button{align-items:center;background:transparent;border:0;color:#6f9d35;display:inline-flex;font-size:10px;font-weight:700;gap:4px;padding:5px 0}.filter-card-header .clear-filter-action{color:var(--green-900);font-size:12px;font-weight:800}.filter-section{border-top:1px solid var(--line);padding:8px 14px 9px}.filter-section-title{background:transparent;border:0;color:var(--green-900);display:block;font-size:11px;font-weight:800;padding:0 0 6px;text-align:left;width:100%}.filter-section-title span{align-items:center;display:flex;gap:7px}.category-filter{align-items:center;background:transparent;border:0;color:#33413c;display:flex;font-size:10.5px;justify-content:space-between;min-height:22px;padding:3px 8px 3px 20px;text-align:left;width:100%}.category-filter small,.checkbox-row small{color:#6d7772;font-size:9.5px;margin-left:auto}.category-filter.selected,.category-filter:hover{background:#eef4ec;border-radius:5px;color:var(--green-800);font-weight:750}.category-filter.secondary{padding-left:28px}.more-filter{align-items:center;background:transparent;border:0;color:var(--green-700);display:inline-flex;font-size:10px;font-weight:700;gap:5px;margin:2px 0 0 20px;padding:1px 0}.mini-search{align-items:center;border:1px solid #bfc8c4;border-radius:5px;color:#6d7873;display:flex;height:30px;margin:3px 0 7px;padding:0 8px}.mini-search input{border:0;color:#394641;font-size:10px;height:100%;min-width:0;outline:0;padding:0 6px;width:100%}.checkbox-list{display:grid;gap:1px}.checkbox-row{align-items:center;color:#3e4945;display:flex;font-size:10px;gap:7px;min-height:22px;padding:1px 0}.checkbox-row input{accent-color:var(--green-700);height:12px;margin:0;width:12px}.results-column{min-width:0}.results-toolbar{align-items:center;display:flex;height:41px;justify-content:space-between}.results-toolbar p{color:#4f5a55;font-size:12px;margin:0}.results-toolbar p strong{color:var(--green-900);font-size:13px}.results-toolbar p span{color:var(--muted)}.toolbar-actions{align-items:center;display:flex;gap:12px}.sort-select{align-items:center;color:#5a645f;display:inline-flex;font-size:10px;position:relative}.sort-select select{appearance:none;background:transparent;border:0;color:var(--green-700);font-size:10px;font-weight:800;outline:0;padding:4px 18px 4px 2px}.sort-select svg{pointer-events:none;position:absolute;right:1px}.view-toggle{align-items:center;background:transparent;border:0;color:var(--green-800);display:inline-flex;justify-content:center;padding:5px}.material-table{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.material-row,.material-table-head{display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(110px,.72fr) minmax(135px,.92fr) 88px 108px}.material-table-head{align-items:center;background:#f3f5f4;color:#34423d;font-size:10px;font-weight:750;height:42px}.material-table-head span{padding:0 12px}.material-row{align-items:center;border-top:1px solid var(--line);min-height:116px;transition:background .14s ease}.material-row:hover{background:#fcfdfb}.material-table.comfortable .material-row{min-height:134px}.classification-cell,.material-name-cell,.metric-cell,.row-actions,.supply-cell{min-width:0;padding:11px 12px}.material-name-cell{align-items:center;display:flex;gap:14px}.material-image-wrap{display:block;flex:0 0 auto;height:62px;position:relative;width:62px}.material-name-cell img{background:white;border-radius:50%;height:100%;object-fit:contain;width:100%}.material-image-wrap>small{background:rgba(255,255,255,.94);border:1px solid #bed0c5;border-radius:999px;bottom:-3px;color:#45665a;font-size:7px;font-weight:850;left:50%;line-height:14px;padding:0 4px;position:absolute;transform:translateX(-50%);white-space:nowrap}.material-image-wrap>small.is-pending{background:rgba(247,248,247,.97);border-color:#cfd5d2;color:#707975}.material-image-wrap.is-color-pending img{box-shadow:inset 0 0 0 1px #e3e7e5}.material-image-wrap.is-form-reference img{border-radius:50%;box-shadow:inset 0 0 0 1px #dfe9df}.classification-cell,.material-name-cell>div,.metric-cell,.supply-cell{display:flex;flex-direction:column}.material-name-button{background:transparent;border:0;color:var(--green-800);display:block;font-size:14px;font-weight:800;line-height:1.35;margin:0 0 7px;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.material-name-button:hover{color:#177554;text-decoration:underline;text-underline-offset:3px}.material-name-cell>div>span{color:#69746f;display:block;font-size:10.5px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-ebc-mobile-note{display:none}.material-ebc-mobile-note.pending{color:#7a827e}.classification-cell,.metric-cell,.supply-cell{gap:8px}.classification-cell strong,.metric-cell strong{color:#3c4944;font-size:10.5px;font-weight:650;line-height:1.4}.classification-cell span,.metric-cell span,.supply-cell small{color:#6d7873;font-size:10px;line-height:1.4}.supply-pill{align-items:center;align-self:flex-start;border-radius:5px;display:inline-flex;font-size:10px;font-weight:800;height:26px;padding:0 11px}.supply-pill.stock{background:#e7f0df;color:#55932f}.supply-pill.quote{background:#fff0dd;color:#da881a}.supply-pill.catalog{background:#e2eff8;color:#357aa7}.row-actions{display:grid;gap:7px}.row-actions button{align-items:center;background:white;border:1px solid #7ba58f;border-radius:5px;color:var(--green-700);display:inline-flex;font-size:9.5px;font-weight:700;gap:5px;height:31px;justify-content:center;padding:0 7px;white-space:nowrap}.row-actions button.added,.row-actions button:hover{background:#eef4ec;border-color:var(--green-700)}.empty-results{align-items:center;color:#77827d;display:flex;flex-direction:column;justify-content:center;min-height:580px;padding:40px;text-align:center}.empty-results strong{color:var(--ink);font-size:15px;margin:12px 0 5px}.empty-results p{font-size:11px;margin:0 0 16px}.empty-results button{background:var(--green-800);border:0;border-radius:5px;color:white;font-size:11px;font-weight:700;padding:9px 14px}.table-footer{align-items:center;display:flex;justify-content:space-between;min-height:52px}.table-footer p{align-items:center;color:#495550;display:inline-flex;font-size:10px;gap:7px;margin:0}.table-footer p svg{color:#65736d}.pagination,.pagination label{align-items:center;display:flex}.pagination{gap:8px}.pagination>button{align-items:center;background:white;border:1px solid var(--line);border-radius:5px;color:#53605a;display:inline-flex;height:34px;justify-content:center;width:34px}.pagination>button.current{background:var(--green-800);border-color:var(--green-800);color:white}.pagination>button:disabled{color:#aab1ad;cursor:not-allowed}.pagination label{background:white;border:1px solid var(--line);border-radius:5px;height:34px;position:relative}.pagination select{appearance:none;background:transparent;border:0;color:#495550;font-size:10px;height:100%;outline:0;padding:0 29px 0 12px}.pagination label svg{pointer-events:none;position:absolute;right:8px}.quote-sidebar{display:grid;gap:20px;padding-top:8px;position:sticky;top:90px}.quote-card,.quote-explanation{padding:17px}.quote-card-title{margin-bottom:10px}.quote-card-title>div{align-items:center;display:flex;gap:7px}.quote-card-title strong{color:var(--green-900);font-size:14px}.quote-card-title span{align-items:center;background:#e7f0df;border-radius:50%;color:#568c36;display:inline-flex;font-size:9px;font-weight:800;height:20px;justify-content:center;width:20px}.quote-card-title p{color:#606c66;font-size:10px;line-height:1.4;margin:6px 0 0}.quote-card-title p+p{margin-top:1px}.quote-line,.quote-lines{display:grid}.quote-line{align-items:center;gap:10px;grid-template-columns:54px 1fr 24px;min-height:78px;padding:7px 0}.quote-line img{border-radius:50%;object-fit:contain}.quote-line .material-image-wrap,.quote-line img{height:54px;width:54px}.quote-line-copy{min-width:0}.quote-line-copy>strong{color:#394640;display:block;font-size:10.5px;font-weight:750;line-height:1.35;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quantity-control{align-items:center;display:flex;gap:4px}.quantity-control button{align-items:center;background:#f2f5f2;border:1px solid #dfe4e0;border-radius:4px;color:var(--green-700);display:inline-flex;height:20px;justify-content:center;width:20px}.quantity-control span{color:#5a6660;font-size:10px;min-width:56px;text-align:center}.remove-line{align-items:center;background:transparent;border:0;color:#6e7873;display:inline-flex;height:30px;justify-content:center;width:24px}.remove-line:hover{color:#b04c45}.empty-cart{align-items:center;color:#78837e;display:flex;flex-direction:column;min-height:180px;padding:24px 10px;text-align:center}.empty-cart strong{color:#33413b;font-size:12px;margin:9px 0 4px}.empty-cart p{font-size:10px;line-height:1.5;margin:0}.clear-cart,.submit-quote{border-radius:5px;font-size:11px;font-weight:800;height:42px;width:100%}.submit-quote{align-items:center;background:var(--green-800);border:1px solid var(--green-800);color:white;display:inline-flex;gap:8px;justify-content:center;margin-top:10px}.submit-quote:hover{background:var(--green-700)}.submit-quote:disabled{background:#a7b2ad;border-color:#a7b2ad;cursor:not-allowed}.clear-cart{background:white;border:1px solid #6f9b85;color:var(--green-700);margin-top:10px}.quote-explanation strong{color:var(--green-900);display:block;font-size:12px;margin-bottom:13px}.quote-explanation p{align-items:center;color:#4d5a54;display:flex;font-size:10px;gap:10px;margin:0 0 10px}.quote-explanation p svg{color:var(--green-700)}.quote-explanation button{align-items:center;background:transparent;border:0;color:#5d9238;display:inline-flex;font-size:10px;font-weight:800;gap:7px;margin-top:7px;padding:3px 0}.site-footer{background:white;border-top:1px solid var(--line);justify-content:space-between;min-height:92px;padding:18px max(28px,calc((100vw - 1432px) / 2))}.service-contact,.site-footer{align-items:center;display:flex}.service-contact{color:var(--green-700);gap:10px}.service-contact>div{display:flex;flex-direction:column;margin-right:10px}.service-contact span{color:#52615a;font-size:10px}.service-contact strong{color:var(--green-700);font-size:10px;margin-top:2px}.footer-links nav i,.service-contact i{background:#d7ddda;height:15px;width:1px}.service-contact a{color:#4d5d56;font-size:10px;text-decoration:none}.footer-links{align-items:flex-end;display:flex;flex-direction:column}.footer-links nav{align-items:center;display:flex;gap:15px}.footer-links a{color:#69736e;font-size:10px;text-decoration:none}.footer-links p{color:#6c7671;font-size:10px;margin:10px 0 0}.modal-backdrop{align-items:stretch;background:rgba(7,28,22,.58);display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:100}.modal-backdrop.centered{align-items:center;justify-content:center;padding:24px}.detail-drawer{background:white;box-shadow:-24px 0 60px rgba(5,33,25,.22);display:flex;flex-direction:column;height:100%;max-width:620px;width:min(620px,92vw)}.drawer-header{align-items:flex-start;background:var(--green-900);color:white;display:flex;justify-content:space-between;min-height:145px;padding:27px 30px}.drawer-header span{color:#b8cf9b;display:block;font-size:10px;font-weight:800;letter-spacing:.09em;margin-bottom:7px}.drawer-header h2{font-size:25px;letter-spacing:-.035em;margin:0}.drawer-header p{color:rgba(255,255,255,.56);font-size:11px;margin:7px 0 0}.drawer-header button,.modal-close{align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:7px;color:white;display:inline-flex;height:38px;justify-content:center;width:38px}.drawer-body{flex:1;overflow-y:auto;padding:27px 30px}.detail-intro{align-items:center;display:grid;gap:18px;grid-template-columns:84px 1fr}.detail-intro .material-image-wrap{height:84px;width:84px}.detail-intro img{border-radius:50%;height:100%;object-fit:contain;width:100%}.detail-intro p{color:#59665f;font-size:12px;line-height:1.75;margin:0}.detail-image-note{color:#718079;display:block;font-size:9px;line-height:1.55;margin-top:8px}.detail-parameter-grid{border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(2,1fr);margin-top:24px;overflow:hidden}.detail-parameter-grid>div{background:#fbfcfb;border-bottom:1px solid var(--line);min-height:68px;padding:13px 15px}.detail-parameter-grid>div:nth-child(odd){border-right:1px solid var(--line)}.detail-parameter-grid>div:nth-last-child(-n+2){border-bottom:0}.detail-parameter-grid span,.detail-parameter-grid strong{display:block}.detail-parameter-grid span{color:#7a8580;font-size:9px;margin-bottom:6px}.detail-parameter-grid strong{color:#36423d;font-size:11px;line-height:1.45}.detail-section{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.detail-section h3{color:var(--green-900);font-size:12px;margin:0 0 12px}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list span{background:#edf3ea;border:1px solid #dce7d7;border-radius:6px;color:#537043;font-size:10px;font-weight:700;padding:7px 10px}.style-list{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.style-list div{align-items:center;border:1px solid var(--line);border-radius:6px;color:#46534d;display:flex;font-size:10px;font-weight:650;gap:8px;padding:10px 11px}.style-list svg{color:#6f9d35}.coa-note{align-items:flex-start;background:#fff5e8;border:1px solid #eddabf;border-radius:7px;color:#7e5e31;display:flex;gap:10px;margin-top:23px;padding:13px}.coa-note svg{flex:0 0 auto}.coa-note strong{display:block;font-size:10px;margin-bottom:4px}.coa-note p{font-size:9.5px;line-height:1.55;margin:0}.drawer-actions{background:white;border-top:1px solid var(--line);display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:18px 30px}.drawer-actions button{align-items:center;background:white;border:1px solid var(--green-700);border-radius:6px;color:var(--green-700);display:inline-flex;font-size:11px;font-weight:800;gap:7px;height:42px;justify-content:center}.drawer-actions button:last-child{background:var(--green-800);color:white}.quote-modal{background:white;border-radius:10px;box-shadow:0 24px 70px rgba(5,33,25,.25);max-height:92vh;max-width:590px;overflow-y:auto;padding:30px;position:relative;width:min(590px,100%)}.modal-close{background:#f0f3f1;border-color:#e0e5e2;color:#4d5a54;position:absolute;right:20px;top:20px}.quote-modal-heading span{color:#6f9d35;font-size:10px;font-weight:900;letter-spacing:.12em}.quote-modal-heading h2{color:var(--green-900);font-size:25px;letter-spacing:-.035em;margin:8px 48px 8px 0}.quote-modal-heading p{color:#6b7671;font-size:11px;margin:0 0 22px}.quote-modal form,.quote-modal form label{display:grid;gap:8px}.quote-modal form{gap:16px}.quote-modal form label{color:#3c4943;font-size:10px;font-weight:750}.quote-modal form .customer-concern-option{min-height:44px;padding:8px 9px;display:flex;align-items:center;gap:8px}.quote-modal form .customer-concern-option input{width:17px;height:17px;margin:0;padding:0}.quote-modal input,.quote-modal textarea{border:1px solid #cbd4d0;border-radius:6px;color:#35413c;font-size:11px;outline:0;padding:0 12px}.quote-modal input{height:40px}.quote-modal textarea{min-height:92px;padding-top:11px;resize:vertical}.form-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-summary{align-items:center;background:#edf3ea;border:1px solid #dce6d7;border-radius:7px;color:#526349;display:flex;font-size:10px;gap:9px;line-height:1.5;padding:11px}.form-summary svg{flex:0 0 auto}.form-submit{align-items:center;background:var(--green-800);border:0;border-radius:6px;color:white;display:inline-flex;font-size:11px;font-weight:800;gap:8px;height:44px;justify-content:center}.quote-success{align-items:center;display:flex;flex-direction:column;padding:30px 20px 14px;text-align:center}.quote-success>svg{color:#6f9d35}.quote-success h2{color:var(--green-900);font-size:23px;margin:16px 0 8px}.quote-success p{color:#69756f;font-size:11px;line-height:1.7;margin:0 0 22px;max-width:420px}.quote-success button{background:var(--green-800);border:0;border-radius:6px;color:white;font-size:11px;font-weight:800;padding:11px 20px}.toast{align-items:center;background:var(--green-900);border-radius:7px;bottom:28px;box-shadow:0 10px 35px rgba(5,41,31,.22);color:white;display:inline-flex;font-size:11px;font-weight:650;gap:8px;left:50%;padding:12px 16px;position:fixed;transform:translateX(-50%);z-index:150}.toast svg{color:#a7cd72}.mobile-filter-fab{display:none}@media (max-width:1400px){.main-navigation,.top-header-inner{gap:18px}.header-link span{display:none}.catalog-workspace{gap:20px;grid-template-columns:220px minmax(650px,1fr) 268px}.material-row,.material-table-head{grid-template-columns:minmax(210px,1.4fr) minmax(110px,.72fr) minmax(135px,.92fr) 88px 108px}.classification-cell,.material-name-cell,.metric-cell,.row-actions,.supply-cell{padding-left:9px;padding-right:9px}.row-actions button{font-size:8.8px;padding:0 5px}}@media (max-width:1180px){.brand-lockup strong{font-size:15px}.intro-section{grid-template-columns:350px minmax(400px,1fr) 280px}.catalog-workspace{grid-template-columns:210px minmax(0,1fr)}.quote-sidebar{grid-column:1/-1;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);position:static}.quote-lines{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-line{padding-right:12px}}@media (max-width:900px){.top-header{height:68px}.top-header-inner{gap:9px;grid-template-columns:minmax(0,1fr) auto auto;padding:0 18px}.main-navigation{display:none}.materials-mobile-navigation{display:block}.header-tools .header-icon-button,.header-tools .header-link{display:none}.intro-section{grid-template-columns:1fr;padding:26px 18px}.intro-copy h1{font-size:29px}.global-search{height:58px}.catalog-scope{max-width:420px}.catalog-workspace{display:block;padding:0 18px 34px}.filter-card{display:none}.material-table{overflow-x:auto}.material-row,.material-table-head{min-width:780px}.quote-sidebar{display:grid;margin-top:20px}.quote-lines,.quote-sidebar{grid-template-columns:1fr}.site-footer{flex-direction:column;gap:24px;padding:24px 18px}.footer-links,.site-footer{align-items:flex-start}.mobile-filter-fab{align-items:center;background:var(--green-800);border:0;border-radius:999px;bottom:18px;box-shadow:0 10px 30px rgba(5,43,32,.25);color:white;display:inline-flex;font-size:11px;font-weight:750;gap:6px;padding:12px 16px;position:fixed;right:18px;z-index:45}}@media (max-width:620px){.top-header-inner{padding:0 10px}.brand-lockup strong{display:none}.brand-lockup img{height:36px;width:36px}.catalog-scope button{font-size:11px;height:50px}.intro-section{padding-left:10px;padding-right:10px}.catalog-workspace{padding:0 10px 30px}.results-toolbar{align-items:flex-start;height:auto;padding:9px 0}.material-table{overflow:hidden}.material-table-head{display:none}.material-row{column-gap:8px;grid-template-areas:"name classification";grid-template-columns:minmax(0,1fr) 78px;min-height:78px;min-width:0;padding:9px 10px;row-gap:8px}.material-table.comfortable .material-row{grid-template-areas:"name classification" "actions supply";min-height:0}.material-name-cell{gap:8px;grid-area:name;padding:0}.material-name-cell>div{min-width:0}.material-name-cell img{height:100%;width:100%}.material-name-cell .material-image-wrap{height:44px;width:44px}.material-image-wrap>small{bottom:-4px;font-size:6.5px;line-height:12px}.material-name-button{display:-webkit-box;font-size:13px;line-height:1.3;margin-bottom:3px;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}.material-name-cell>div>span{font-size:9.5px;line-height:1.35}.material-ebc-mobile-note{color:#6b7a73;display:block;font-size:8.5px;font-style:normal;line-height:1.3;margin-top:2px}.classification-cell{gap:3px;grid-area:classification;justify-content:center;padding:0}.classification-cell span,.classification-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classification-cell strong{font-size:10.5px}.classification-cell span{font-size:9.5px}.metric-cell,.row-actions,.supply-cell{display:none}.material-table.comfortable .supply-cell{align-items:flex-end;display:flex;grid-area:supply;justify-content:center;padding:0}.material-table.comfortable .supply-cell small{display:none}.material-table.comfortable .supply-pill{font-size:9px;height:24px;padding:0 7px}.material-table.comfortable .row-actions{display:grid;gap:6px;grid-area:actions;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 0 0 52px}.material-table.comfortable .row-actions button{font-size:9px;height:38px;padding:0 5px}.mobile-filter-fab{bottom:12px;min-height:40px;padding:10px 14px;right:10px}.table-footer{align-items:flex-start;flex-direction:column;gap:14px;padding:15px 0}.service-contact{align-items:flex-start;flex-wrap:wrap}.service-contact i{display:none}.footer-links nav{flex-wrap:wrap}.footer-links nav i{display:none}.drawer-body{padding:22px 20px}.drawer-header{padding:24px 20px}.drawer-actions{grid-template-columns:1fr;padding:14px 20px}.detail-intro{align-items:flex-start}.form-grid{grid-template-columns:1fr}}.intro-copy>span{color:var(--lime);display:block;font-size:9px;font-weight:900;letter-spacing:.13em;margin-bottom:5px}.clear-cart:disabled,.drawer-actions button:disabled,.row-actions button:disabled{cursor:not-allowed;opacity:.48}.quote-line.stale{background:#fff7f4;border-radius:6px;color:#a56457;padding-left:8px}.quote-line-copy>small{color:#9a5c50;font-size:9px;line-height:1.4}.quantity-control input{min-width:0;padding:0 4px;text-align:right;width:58px}.quantity-control input,.quantity-control select{border:1px solid #dfe4e0;border-radius:4px;color:#4d5a54;font-size:9px;height:24px}.quantity-control select{background:#fff;padding:0 2px;width:42px}.quote-explanation a{align-items:center;color:#5d9238;display:inline-flex;font-size:10px;font-weight:800;gap:7px;margin-top:7px;text-decoration:none}.quote-modal .bot-trap{height:0;left:-10000px;overflow:hidden;position:absolute;width:0}.quote-modal form .quote-consent{align-items:flex-start;display:flex;font-weight:500;gap:8px;line-height:1.6}.quote-consent input{flex:0 0 auto;height:16px;margin-top:2px;width:16px}.quote-consent a{color:var(--green-700);font-weight:750}.quote-form-notice{color:#6b7671;font-size:10px;line-height:1.5;margin:-5px 0 0;min-height:15px}.quote-success code{background:#f1f4f2;border-radius:5px;color:var(--green-800);font-size:11px;margin:-10px 0 14px;padding:8px 10px}.quote-success a{background:#edf3ea;border:1px solid #dce6d7;border-radius:6px;color:var(--green-700);font-size:11px;font-weight:800;margin-bottom:10px;padding:10px 18px;text-decoration:none}@media (max-width:1180px){.intro-section{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.25fr) minmax(230px,.7fr)}.quote-lines{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.material-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:901px) and (max-width:1100px){.material-row,.material-table-head{grid-template-columns:minmax(185px,1.35fr) minmax(92px,.65fr) minmax(115px,.82fr) 78px 98px}.material-name-cell img{height:50px;width:50px}.classification-cell,.material-name-cell,.metric-cell,.row-actions,.supply-cell{padding-left:7px;padding-right:7px}}@media (max-width:900px){.intro-section{grid-template-columns:1fr}.filter-card.is-open{box-shadow:0 24px 60px rgba(5,41,31,.26);display:block;inset:82px 18px auto;max-height:calc(100vh - 120px);overflow-y:auto;position:fixed;z-index:60}.material-topic-heading{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:560px){.material-topic-section{padding:24px 18px 28px}.material-topic-grid{grid-template-columns:1fr}.material-topic-card{min-height:0}}}