.mc-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;border:1px solid #687890;border-radius:15px;background:linear-gradient(120deg,#37445f,#2a344a);margin:0 0 24px}.mc-banner-kicker{font-size:11px;letter-spacing:.14em;color:#c2b4d7}.mc-banner h2{margin:10px 0 7px;color:#f0e8fa;font-size:23px;font-weight:550}.mc-banner p{margin:0;color:#c5d0e4;font-size:14px;line-height:1.8}.mc-banner>.btn{flex-shrink:0}.mc-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.mc-quick button{border:1px solid #72809b;background:#ffffff05;color:#dedbea;border-radius:20px;padding:6px 11px;font-size:12px;min-height:35px;cursor:pointer}.materials-catalog-modal{max-width:1070px!important;width:1070px;color:#edf1f9}.materials-catalog-modal .modalhead{flex-shrink:0}.materials-catalog-modal .modalhead h2{font-size:23px}.materials-catalog-modal .modalbody{padding:23px 26px}.mc-intro{display:flex;align-items:center;gap:15px;margin-bottom:21px;flex-wrap:wrap}.mc-intro .badge{font-size:10px;letter-spacing:.06em;white-space:nowrap}.mc-intro p{font-size:13px;color:#bfcbe0;line-height:1.7;margin:0}.mc-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.mc-browser,.mc-detail{min-width:0}.mc-search{width:100%;min-height:49px;border:1px solid #78869f;background:#222c41;border-radius:9px;padding:13px 14px;color:#f0f3fa;font:inherit;font-size:15px;box-sizing:border-box}.mc-search::placeholder{color:#a8b7cf;font-size:12px}.mc-filters{display:flex;gap:10px;margin:12px 0 15px}.mc-filters select{min-width:0;flex:1;min-height:43px;border:1px solid #6d7b95;border-radius:8px;background:#303b52;color:#e5ebf7;padding:9px;font:inherit;font-size:13px}.mc-favorites-filter{display:flex;align-items:center;gap:6px;border:1px solid #77809a;border-radius:8px;padding:8px 10px;background:#303b52;color:#d5dfee;cursor:pointer;font-size:12px}.mc-favorites-filter.selected{background:#635675;color:#f3e5ff;border-color:#af91c4}.mc-favorites-filter svg,.mc-favorite svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.mc-result-count{font-size:12px;color:#bbc8dd;padding:0 1px 10px}.mc-results{max-height:430px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#697a96 #28334a;padding-right:5px}.mc-result{display:flex;align-items:flex-start;gap:4px;border:1px solid #53617a;background:#2f3b53;border-radius:9px;margin-bottom:9px;overflow:hidden}.mc-result.mc-selected{border-color:#c3a0df;background:#45425c}.mc-result-main{flex:1;min-width:0;background:none;border:0;color:#edf0f9;text-align:left;padding:14px 12px 12px;cursor:pointer}.mc-result-main strong{display:block;font-size:14px;font-weight:550;line-height:1.6;overflow-wrap:anywhere}.mc-result-main small{display:block;color:#b8c5dc;font-size:11px;line-height:1.7;margin-top:5px}.mc-result-main>span{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px;color:#d6c2ec}.mc-result-main>span svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none}.mc-favorite{border:0;flex-shrink:0;width:40px;height:44px;display:grid;place-items:center;background:none;color:#b7c4dc;cursor:pointer;margin:6px 3px 0 0}.mc-favorite .mc-star-on{fill:#d3b4ed;color:#d3b4ed}.mc-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.mc-pagination>span{font-size:12px;color:#bcc9df}.mc-pagination .btn{font-size:12px;min-height:38px;padding:8px 12px}.mc-detail{border-left:1px solid #596780;padding-left:24px}.mc-detail-empty{padding:75px 0;color:#c2cde0;text-align:center;font-size:14px;line-height:1.9}.mc-detail-empty>svg{width:43px;height:43px;stroke:#d7c1e7;fill:none;stroke-width:1.2;margin-bottom:9px}.mc-detail-empty h3{color:#ebe4f6;font-size:19px;margin:12px 0}.mc-detail-category{font-size:11px;color:#c3b1db;line-height:1.7;margin-bottom:9px}.mc-detail h3{font-size:19px;color:#f1e9fa;line-height:1.6;margin:0 0 21px;font-weight:550}.mc-detail .field label{font-size:12px;line-height:1.7;color:#cad5e8}.mc-detail .field input,.mc-detail .field select{min-height:46px;font-size:15px;color:#edf0f9;background:#232d42;border-color:#77849d}.mc-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mc-remember{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;color:#c3cee2;cursor:pointer}.mc-remember input{margin-top:5px;width:16px;height:16px;accent-color:#b593cd;flex-shrink:0}.mc-line-total{font-size:16px;color:#efe3f8;font-weight:550;padding:17px 0 12px;line-height:1.6}.mc-add{width:100%;justify-content:center}.mc-form-error{font-size:13px;color:#f1bdc7;line-height:1.7}.mc-form-error:empty{display:none}.mc-detail-note,.mc-bottom-note{font-size:11px;line-height:1.9;color:#b9c7dd}.mc-detail-note{margin-top:16px}.mc-bottom-note{border-top:1px solid #56647d;margin:20px 0 0;padding-top:14px}.mc-no-results{padding:40px 20px;text-align:center;line-height:1.8;color:#c2cee3}.mc-no-results h3{color:#e7def1;font-size:18px}.mc-no-results p{font-size:13px}.mc-back{display:none}.mc-added{border:1px solid #8c7c9d;color:#e1d2ed;background:#af8bc012;padding:12px;border-radius:8px;font-size:12px;line-height:1.8;margin-bottom:19px}.mc-search:focus,.mc-filters select:focus,.mc-result-main:focus-visible,.mc-favorite:focus-visible{outline:2px solid #bea1d8;outline-offset:2px}.materials-catalog-modal .modalfoot .btn{white-space:normal}
body[data-theme=titanium] .mc-banner{background:linear-gradient(120deg,#d0dce8,#bfcddd);border-color:#91a6bf}body[data-theme=titanium] .mc-banner h2{color:#2e4967}body[data-theme=titanium] .mc-banner p,body[data-theme=titanium] .mc-banner-kicker{color:#4b607c}body[data-theme=titanium] .mc-quick button{color:#37516f;border-color:#94a9c0;background:#e5ebf244}body[data-theme=titanium] .materials-catalog-modal{color:#2a4059}body[data-theme=titanium] .mc-intro p,body[data-theme=titanium] .mc-detail-note,body[data-theme=titanium] .mc-bottom-note,body[data-theme=titanium] .mc-result-count,body[data-theme=titanium] .mc-pagination>span,body[data-theme=titanium] .mc-remember,body[data-theme=titanium] .mc-detail-empty,body[data-theme=titanium] .mc-detail .field label{color:#4a607a}body[data-theme=titanium] .mc-search,body[data-theme=titanium] .mc-filters select,body[data-theme=titanium] .mc-favorites-filter,body[data-theme=titanium] .mc-detail .field input,body[data-theme=titanium] .mc-detail .field select{background:#e6ebf1;color:#2b425c;border-color:#99acc3}body[data-theme=titanium] .mc-search::placeholder{color:#667d97}body[data-theme=titanium] .mc-result{background:#d4dee9;border-color:#a1b3c9}body[data-theme=titanium] .mc-result.mc-selected{background:#bbcde0;border-color:#6886a8}body[data-theme=titanium] .mc-result-main,body[data-theme=titanium] .mc-detail h3,body[data-theme=titanium] .mc-line-total,body[data-theme=titanium] .mc-detail-empty h3{color:#2c4562}body[data-theme=titanium] .mc-result-main small,body[data-theme=titanium] .mc-result-main>span,body[data-theme=titanium] .mc-favorite,body[data-theme=titanium] .mc-detail-category{color:#4b6583}body[data-theme=titanium] .mc-favorite .mc-star-on{color:#4b6d93;fill:#6d8eb3}body[data-theme=titanium] .mc-favorites-filter.selected{color:#304d70;border-color:#7291b3;background:#bbcee3}body[data-theme=titanium] .mc-added{color:#3b5573;background:#c2d3e5;border-color:#90a8c3}body[data-theme=titanium] .mc-detail,body[data-theme=titanium] .mc-bottom-note{border-color:#a1b2c7}body[data-theme=titanium] .mc-no-results,body[data-theme=titanium] .mc-no-results h3{color:#3c5571}
@media(max-width:800px){.mc-banner{display:block;padding:20px}.mc-banner h2{font-size:21px}.mc-banner p{font-size:13px}.mc-banner>.btn{width:100%;justify-content:center;margin-top:19px}.mc-quick{gap:7px}.mc-quick button{font-size:12px;min-height:36px}.materials-catalog-modal{width:100%!important;max-width:100%!important}.materials-catalog-modal .modalbody{padding:18px}.materials-catalog-modal .modalhead{padding:17px 18px}.materials-catalog-modal .modalhead h2{font-size:20px}.mc-intro{gap:8px;margin-bottom:16px}.mc-intro p{font-size:12px}.mc-layout{display:block}.mc-search{font-size:16px;min-height:48px}.mc-search::placeholder{font-size:11px}.mc-filters{gap:7px}.mc-filters select{font-size:12px;min-height:44px;max-width:calc(100% - 104px)}.mc-favorites-filter{font-size:11px;padding:7px}.mc-favorites-filter svg{width:16px;height:16px}.mc-results{max-height:calc(100dvh - 390px);min-height:160px}.mc-result-main{padding:13px 11px}.mc-result-main strong{font-size:14px}.mc-result-main small{font-size:11px}.mc-result-main>span{font-size:12px}.mc-detail{display:none;border:0;padding:0}.mc-shell[data-stage=detail] .mc-browser{display:none}.mc-shell[data-stage=detail] .mc-detail{display:block}.mc-detail .field input,.mc-detail .field select{font-size:16px;min-height:49px}.mc-detail .field label{font-size:13px}.mc-detail h3{font-size:20px}.mc-detail-category{font-size:12px}.mc-back{display:inline-block;background:none;border:0;color:#d8c0ed;padding:0 0 20px;font-size:14px;cursor:pointer}.mc-detail-note,.mc-bottom-note{font-size:12px}.mc-detail-fields{gap:11px}.mc-remember{font-size:13px}.mc-line-total{font-size:18px}.mc-pagination .btn{min-height:41px}.materials-catalog-modal .modalfoot{display:flex;gap:9px;padding:14px 18px}.materials-catalog-modal .modalfoot .btn{font-size:12px;padding:11px;flex:1;justify-content:center}.mc-bottom-note{margin-top:17px;padding-top:13px}body[data-theme=titanium] .mc-back{color:#3c5d83}}
.mc-added-summary{margin:20px 0}.mc-added-summary>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #61718a44;font-size:13px;line-height:1.7}.mc-added-summary span{color:#c3cee0}.mc-added-summary strong{font-weight:550;color:#e8edf8;text-align:right}body[data-theme=titanium] .mc-added-summary span{color:#536a84}body[data-theme=titanium] .mc-added-summary strong{color:#2e4968}
.mc-shell .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.materials-catalog-modal .modalhead,.materials-catalog-modal .modalfoot{background:#2b354b;border-color:#596a85;color:#eef1f9}.materials-catalog-modal .modalhead h2{color:#e7d3f6}.materials-catalog-modal .modalhead button{color:#e4eaf4}body[data-theme=titanium] .materials-catalog-modal .modalhead,body[data-theme=titanium] .materials-catalog-modal .modalfoot{background:#d3dce7;border-color:#a2b1c4;color:#2b4058}body[data-theme=titanium] .materials-catalog-modal .modalhead h2{color:#2f4866}body[data-theme=titanium] .materials-catalog-modal .modalhead button{color:#445a76}
