:root{--blue:#0F2B46;--orange:#FF6B00;--gray:#F4F6F8;--muted:#697b89;--line:#dce3e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;color:var(--blue);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1240px,calc(100% - 40px));margin:auto}h1,h2{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-weight:800}header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.head{height:78px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:245px}.mark{width:46px;height:46px;background:var(--orange);color:#fff;border-radius:6px;display:grid;place-items:center;font-weight:900}.logo small{display:block;color:#84939e;font-size:9px;letter-spacing:.55px;text-transform:uppercase}nav{display:flex;gap:20px;margin:auto;align-items:center}nav button{border:0;background:none;font-size:14px;line-height:1.2;font-weight:700;color:var(--blue);cursor:pointer;padding:14px 7px;white-space:nowrap}nav button:hover{color:var(--orange)}.search{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden;width:190px}.search input{width:100%;border:0;padding:10px;outline:0;font-size:11px}.search button{border:0;background:var(--gray)}.cta{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--orange);color:#fff;padding:14px 20px;border-radius:6px;font-size:13px;line-height:1.2;font-weight:700;letter-spacing:.05px;cursor:pointer;transition:.2s}.cta:hover{background:#E55A00;transform:translateY(-2px)}.heroCta{margin-top:10px;min-height:52px;padding:16px 24px;font-size:15px;font-weight:750;border-radius:7px;box-shadow:0 8px 20px rgba(255,107,0,.16)}.heroCta span{margin-left:8px;font-size:18px;line-height:1}.burger{display:none;margin-left:auto;border:0;background:var(--gray);width:44px;height:44px}.mobile{display:none;padding:15px 20px;border-top:1px solid var(--line)}.mobile.open{display:flex;flex-direction:column;align-items:flex-start}.hero{background:var(--gray);padding:70px 0}.heroGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow,.tag{color:var(--orange);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:11px;line-height:1.35;font-weight:650;text-transform:none;letter-spacing:.25px}h1{font-size:50px;line-height:1.1;letter-spacing:-1.8px;margin:14px 0;font-weight:800}.hero p,.pageHero p{color:var(--muted);font-size:15px;line-height:1.7}.eyebrow{font-size:12px;font-weight:700}.tag{font-size:10.5px;font-weight:700}.heroPhoto{height:390px;border-radius:8px;overflow:hidden;box-shadow:0 18px 45px #0f2b4620}.heroPhoto img,.featureImg img,.thumb img,.articleImage img{width:100%;height:100%;object-fit:cover;display:block}.section{padding:75px 0}.gray{background:var(--gray)}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:30px}.sectionHead h2{font-size:34px;line-height:1.2;letter-spacing:-.7px;margin:8px 0;font-weight:800}.sectionHead p{max-width:480px;color:var(--muted);font-size:12px;line-height:1.6}.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.cat{border:1px solid var(--line);padding:24px;border-radius:7px;min-height:200px;cursor:pointer;transition:.2s;background:#fff}.cat:hover,.card:hover{transform:translateY(-4px);border-color:var(--orange);box-shadow:0 15px 30px #0f2b4610}.cat i{font-style:normal;color:var(--orange);font-weight:900}.cat h3{margin-top:35px;font-size:19px;line-height:1.3;letter-spacing:-.2px}.cat p{color:var(--muted);font-size:12px;line-height:1.6}.cat>b{display:inline-block;margin-top:7px;font-size:13px;color:var(--orange);font-weight:700}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:#fff;border-radius:8px;overflow:hidden}.featureImg{min-height:390px}.featureText{padding:45px}.featureText h2{font-size:32px;line-height:1.22;letter-spacing:-.5px}.featureText p{color:#c8d5de;line-height:1.7;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#fff;cursor:pointer;transition:.2s}.thumb{aspect-ratio:16/10;overflow:hidden;background:#e7edf1}.cardBody{padding:18px}.card h3{font-size:17px;line-height:1.38;letter-spacing:-.2px;font-weight:750}.card p{font-size:11px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8997a1;margin-top:20px}.foot b{color:var(--orange);font-size:14px;line-height:1.2;font-weight:750;letter-spacing:.05px}.allGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pageHero{background:var(--gray);padding:52px 0}.crumbs{font-size:10px;color:#81919c;margin-bottom:20px}.crumbs button{border:0;background:none;color:var(--orange);padding:0;cursor:pointer}.pageHero h1,.articleHero h1{font-size:44px;line-height:1.12;letter-spacing:-1.2px}.articleHero{padding:50px 0 20px}.meta{display:flex;gap:16px;font-size:10px;color:#7d8c97;align-items:center}.lead{font-size:19px;font-weight:600;line-height:1.65;letter-spacing:-.1px;border-bottom:1px solid var(--line);padding-bottom:25px;color:#334f66}.articleImage{aspect-ratio:16/9;overflow:hidden;border-radius:7px;margin:28px 0}.layout{display:grid;grid-template-columns:190px minmax(0,760px) 230px;gap:35px;align-items:start}.toc,.aside{position:sticky;top:105px}.toc b,.aside h3{font-size:11px}.toc button{display:block;border:0;background:none;padding:7px 0;text-align:left;font-size:10px;color:#71828f;cursor:pointer}.toc button:hover{color:var(--orange)}.prose{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.78;color:#263f54}.prose h2{font-size:28px;line-height:1.25;letter-spacing:-.45px;margin-top:46px;scroll-margin-top:110px;color:var(--blue)}.important{background:#edf6fb;border-left:4px solid var(--orange);padding:20px;margin:25px 0}.check{background:var(--gray);padding:20px;border-radius:6px}.inline{background:linear-gradient(135deg,var(--blue),#1c4d73);color:#fff;padding:28px;border-radius:7px;margin:35px 0}.inline p{color:#c9d7e1}.faqQ{width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:17px 0;display:flex;justify-content:space-between;text-align:left;font-weight:800;color:var(--blue);cursor:pointer}.faqA{display:none;color:var(--muted);padding:0 0 14px}.faqA.open{display:block}.asideBox{border:1px solid var(--line);border-radius:6px;padding:17px;margin-bottom:12px}.asideBox p,.asideBox button{font-size:10px;line-height:1.6}.asideBox button{display:block;border:0;background:none;color:var(--muted);padding:6px 0;text-align:left;cursor:pointer}.asideBox button:hover{color:var(--orange)}.asideBlue{background:var(--blue);color:#fff}.asideBlue p{color:#c6d4dd}.searchResults{position:absolute;right:20px;top:78px;width:min(520px,calc(100% - 40px));background:#fff;box-shadow:0 15px 40px #0002;border-radius:6px;display:none;max-height:500px;overflow:auto}.searchResults.open{display:block}.searchItem{padding:14px;border-bottom:1px solid var(--line);cursor:pointer}.searchItem:hover{background:var(--gray)}.searchItem b{display:block;font-size:12px}.searchItem span{font-size:9px;color:var(--orange)}footer{background:var(--blue);color:#fff;padding:50px 0 20px;margin-top:50px}.footerGrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}footer p,footer button,footer a{border:0;background:none;color:#b5c4ce;font-size:10px;line-height:1.6;text-align:left;display:block;padding:4px 0;cursor:pointer}footer button:hover,footer a:hover{color:#fff}.copy{border-top:1px solid #31516a;margin-top:30px;padding-top:15px;color:#849bab;font-size:9px} @media(max-width:1000px){nav,.search{display:none}.burger{display:block}.heroGrid,.feature{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr 220px}.toc{display:none}.allGrid,.cats{grid-template-columns:1fr 1fr}} @media(max-width:650px){.wrap{width:calc(100% - 28px)}.head{height:68px}.logo{min-width:0}.logo small{display:none}.head>.cta{display:none}h1,.pageHero h1,.articleHero h1{font-size:34px}.hero{padding:45px 0}.heroPhoto{height:250px}.section{padding:55px 0}.cats,.cards,.allGrid{grid-template-columns:1fr}.sectionHead{display:block}.featureText{padding:28px}.layout{grid-template-columns:1fr}.aside{position:static}.footerGrid{grid-template-columns:1fr 1fr}} .staticNav a{font-size:14px;line-height:1.2;font-weight:700;padding:14px 7px;white-space:nowrap} .staticNav a:hover{color:var(--orange)} .articleLink{display:block;color:var(--orange);font-size:14px;font-weight:700;margin-top:16px} .articleLink:hover{text-decoration:underline} .seoNote{font-size:10px;color:#8495a0} .prose ul{margin:10px 0 22px;padding-left:22px}.prose li{margin:7px 0} .tableWrap{overflow-x:auto;margin:18px 0 28px} .prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5} .prose th,.prose td{border:1px solid #dfe6ea;padding:12px 14px;text-align:left;vertical-align:top} .prose th{background:#f5f7f8;font-weight:750} .check{background:#f5f7f8;border-left:4px solid var(--orange);padding:16px 20px;margin:20px 0 28px;border-radius:6px} /* Dynamic industrial redesign */ :root{--ink:#101820;--lime:#d9ff55} body{background:#fff;color:var(--ink)} header{background:rgba(255,255,255,.94);backdrop-filter:blur(12px)} .mark{border-radius:12px;transform:rotate(-4deg);box-shadow:0 8px 20px rgba(255,106,0,.22)} .staticNav a{position:relative}.staticNav a:after{content:"";position:absolute;left:7px;right:7px;bottom:8px;height:2px;background:var(--orange);transform:scaleX(0);transition:.2s}.staticNav a:hover:after{transform:scaleX(1)} .cta{border-radius:10px;box-shadow:0 8px 18px rgba(255,106,0,.14)} .hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:78px 0 84px}.hero:before{content:"";position:absolute;width:520px;height:520px;border:100px solid rgba(255,106,0,.12);border-radius:50%;right:-180px;top:-260px}.heroGrid{position:relative;z-index:1;grid-template-columns:1.05fr .95fr;gap:48px}.hero h1{font-size:58px;max-width:720px;color:#fff}.hero p{color:#c8d2da;font-size:17px;max-width:660px}.hero .eyebrow{display:inline-flex;background:var(--lime);color:#172018;padding:8px 12px;border-radius:999px}.heroPhoto{height:430px;border-radius:22px;transform:rotate(1.5deg);border:1px solid #ffffff22;box-shadow:0 30px 80px #0007;position:relative}.heroPhoto:after{content:"20 материалов";position:absolute;right:18px;bottom:18px;background:#fff;color:var(--ink);font-weight:850;padding:12px 15px;border-radius:10px} .section{padding:82px 0}.sectionHead h2{font-size:40px}.sectionHead .eyebrow{background:#fff0e6;padding:7px 10px;border-radius:999px} .allGrid{grid-template-columns:repeat(12,1fr);gap:18px}.allGrid .card{grid-column:span 4}.allGrid .card:nth-child(1),.allGrid .card:nth-child(8),.allGrid .card:nth-child(15){grid-column:span 8;display:grid;grid-template-columns:1.1fr .9fr}.allGrid .card:nth-child(1) .thumb,.allGrid .card:nth-child(8) .thumb,.allGrid .card:nth-child(15) .thumb{aspect-ratio:auto;min-height:300px} .card{border:0;border-radius:16px;background:#f5f6f7;box-shadow:none}.card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 20px 45px #142b3d18}.card h3{font-size:20px;line-height:1.25}.card p{font-size:13px;-webkit-line-clamp:3}.cardBody{padding:22px}.tag{display:inline-flex;background:#fff;border:1px solid #e1e5e8;padding:5px 9px;border-radius:999px;color:#465866}.articleLink{display:inline-flex;background:var(--ink);color:#fff;padding:9px 12px;border-radius:8px}.articleLink:hover{background:var(--orange);text-decoration:none} .pageHero,.articleHero{background:linear-gradient(135deg,#f3f5f6,#fff)}.articleHero{padding:58px 0 28px}.articleHero h1{font-size:52px;max-width:980px}.lead{font-size:21px;max-width:930px;border:0;background:#f5f6f7;border-left:5px solid var(--orange);padding:22px 24px;border-radius:0 12px 12px 0}.articleImage{border-radius:18px;box-shadow:0 22px 50px #142b3d1a}.layout{grid-template-columns:210px minmax(0,790px) 240px;gap:32px}.prose{font-size:17px;line-height:1.76;color:#263945}.prose h2{font-size:31px;margin-top:54px}.prose h3{font-size:20px;margin-top:28px;color:#152b3c}.prose th{background:#172b3b;color:#fff}.prose th,.prose td{padding:15px}.check{background:#f7f3ed;border:0;border-radius:14px;padding:22px 24px}.check:before{content:"ЧЕК-ЛИСТ";display:inline-block;background:var(--lime);font-size:11px;font-weight:900;letter-spacing:.8px;padding:5px 8px;border-radius:5px;margin-bottom:8px}.inline{position:relative;overflow:hidden;border-radius:18px;background:var(--ink);padding:34px}.inline:after{content:"→";position:absolute;right:24px;top:10px;font-size:90px;font-weight:900;color:#ffffff0b}.toc{border-left:2px solid #e5e8ea;padding-left:15px}.asideBox{border:0;background:#f4f6f7;border-radius:12px;padding:19px}.asideBlue{background:var(--ink)}footer{background:#0d171f} .quickActions{background:var(--ink);padding:0 0 28px}.quickGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quickGrid a{background:#1a2832;color:#fff;padding:18px;border:1px solid #ffffff12;border-radius:12px;transition:.2s}.quickGrid a:hover{background:var(--orange);transform:translateY(-3px)}.quickGrid b{display:block;font-size:15px}.quickGrid span{display:block;color:#aebbc4;font-size:11px;margin-top:5px}.quickGrid a:hover span{color:#fff} @media(max-width:1000px){.hero h1{font-size:48px}.allGrid .card,.allGrid .card:nth-child(1),.allGrid .card:nth-child(8),.allGrid .card:nth-child(15){grid-column:span 6;display:block}.layout{grid-template-columns:minmax(0,1fr) 220px}} @media(max-width:800px){.quickGrid{grid-template-columns:1fr 1fr}} @media(max-width:650px){.hero h1,.articleHero h1{font-size:36px}.heroPhoto{height:280px;transform:none}.allGrid{display:block}.allGrid .card{margin-bottom:16px}.lead{font-size:18px;padding:18px}.prose{font-size:16px}.prose h2{font-size:26px}.layout{grid-template-columns:1fr}} @media(max-width:480px){.quickGrid{grid-template-columns:1fr}} /* ===== INTERNAL PAGES V2 ===== */ .articleHero{position:relative;overflow:hidden;background:#101820;color:#fff;padding:62px 0 42px} .articleHero:after{content:"";position:absolute;width:380px;height:380px;border:70px solid rgba(255,106,0,.12);border-radius:50%;right:-120px;top:-180px} .articleHero .wrap{position:relative;z-index:1} .articleHero h1{color:#fff;max-width:900px;line-height:1.03} .articleHero .lead{background:transparent;color:#c9d3da;border-left:4px solid var(--orange);border-radius:0;padding:5px 0 5px 20px;margin-top:22px;max-width:880px} .articleHero .tag{background:var(--lime);color:#142019;border:0} .articleMetaBar{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px} .articleMetaBar span{font-size:11px;font-weight:750;padding:7px 10px;border:1px solid #ffffff24;border-radius:999px;color:#dce4e9} .articleImage{margin-top:-1px;border-radius:0;width:100%;max-height:500px;object-fit:cover;box-shadow:none} .articleShell{background:linear-gradient(180deg,#f3f5f6 0,#fff 240px);padding-top:38px} .layout{align-items:start} .prose{background:#fff} .prose>h2{position:relative;padding-top:8px}.prose>h2:before{content:"";display:block;width:44px;height:4px;background:var(--orange);border-radius:3px;margin-bottom:13px} .prose>h3{padding-left:14px;border-left:3px solid #dce2e6} .prose blockquote{margin:24px 0;padding:20px 22px;background:#f2f5f6;border-radius:12px;font-weight:650} .toc{position:sticky;top:100px} .toc a{display:block;padding:7px 0;font-size:12px;color:#53636e}.toc a:hover{color:var(--orange);text-decoration:none} .aside{position:sticky;top:100px} .asideBox{margin-bottom:14px} .asideBox b{font-size:14px}.asideBox p{font-size:12px;line-height:1.55} .articleTools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0} .articleTools a,.articleTools div{background:#f2f4f5;border-radius:10px;padding:14px;font-size:12px;font-weight:750} .articleTools strong{display:block;font-size:20px;margin-bottom:4px;color:var(--orange)} .relatedVisual{margin:55px 0 20px;padding:30px;background:#101820;border-radius:18px;color:#fff} .relatedVisual h2{color:#fff!important;margin:0 0 18px!important}.relatedVisual h2:before{display:none!important} .relatedGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .relatedGrid a{background:#1b2a34;color:#fff;padding:18px;border-radius:11px;font-size:13px;font-weight:750;line-height:1.35} .relatedGrid a:hover{background:var(--orange);text-decoration:none} .readProgress{position:fixed;z-index:1000;top:0;left:0;height:3px;background:var(--orange);width:0} .mobileArticleCta{display:none} /* category pages */ .pageHero{position:relative;overflow:hidden;background:#101820;color:#fff;padding:62px 0} .pageHero h1{color:#fff;font-size:50px}.pageHero p{color:#c7d2da;max-width:720px;font-size:17px} .pageHero:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ff6a0014;right:6%;top:-120px} .categoryIntro{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;margin:30px 0} .categoryIntro>div{border-radius:15px;padding:24px;background:#f3f5f6} .categoryIntro .dark{background:#101820;color:#fff} .categoryIntro h3{margin-top:0} .categoryIntro .dark h3{color:#fff} .categoryStats{display:flex;gap:25px;margin-top:18px}.categoryStats b{font-size:27px;display:block}.categoryStats span{font-size:11px;color:#82909a} @media(max-width:1000px){ .articleHero h1,.pageHero h1{font-size:42px}.layout{grid-template-columns:minmax(0,1fr) 210px}.toc{display:none} } @media(max-width:720px){ .articleHero{padding:42px 0 28px}.articleHero h1,.pageHero h1{font-size:34px} .articleTools{grid-template-columns:1fr}.relatedGrid{grid-template-columns:1fr} .aside{display:none}.layout{display:block}.articleShell{padding-top:24px} .mobileArticleCta{display:block;position:sticky;bottom:10px;z-index:30;margin:25px 12px 0;background:#101820;color:#fff;padding:12px 14px;border-radius:12px;text-align:center;font-weight:800} .categoryIntro{grid-template-columns:1fr} } /* ===== ALL MATERIALS: clean magazine directory ===== */ .materialsPage .allGrid, .categoryPage .allGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch} .materialsPage .allGrid .card, .categoryPage .allGrid .card, .materialsPage .allGrid .card:nth-child(n), .categoryPage .allGrid .card:nth-child(n){grid-column:auto!important;display:flex!important;flex-direction:column!important;height:100%;min-width:0;background:#fff;border:1px solid #e3e7e9;border-radius:14px;box-shadow:0 8px 25px rgba(16,24,32,.05);transform:none} .materialsPage .allGrid .card:hover, .categoryPage .allGrid .card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(16,24,32,.10)} .materialsPage .allGrid .thumb, .categoryPage .allGrid .thumb, .materialsPage .allGrid .card:nth-child(n) .thumb, .categoryPage .allGrid .card:nth-child(n) .thumb{width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:16/9!important;object-fit:cover} .materialsPage .allGrid .cardBody, .categoryPage .allGrid .cardBody{display:flex;flex-direction:column;flex:1;padding:20px} .materialsPage .allGrid .card h3, .categoryPage .allGrid .card h3{font-size:19px;line-height:1.28;margin:10px 0 9px} .materialsPage .allGrid .card p, .categoryPage .allGrid .card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:4.65em;margin-bottom:16px} .materialsPage .allGrid .foot, .categoryPage .allGrid .foot{margin-top:auto;padding-top:14px;border-top:1px solid #edf0f1} .materialsToolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 28px;padding:15px 17px;background:#f4f6f7;border-radius:12px} .materialsToolbar b{font-size:13px}.materialsToolbar span{font-size:11px;color:#6f7d86} .materialsFilters{display:flex;gap:7px;flex-wrap:wrap} .materialsFilters a{font-size:11px;font-weight:750;color:#31424e;background:#fff;border:1px solid #dfe4e7;border-radius:999px;padding:7px 10px;text-decoration:none} .materialsFilters a:first-child{background:#101820;color:#fff;border-color:#101820} .materialsPage .sectionHead,.categoryPage .sectionHead{align-items:end} @media(max-width:980px){.materialsPage .allGrid,.categoryPage .allGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:600px){.materialsPage .allGrid,.categoryPage .allGrid{grid-template-columns:1fr!important}.materialsToolbar{align-items:flex-start;flex-direction:column}} /* ===== V4: clear multi-page information architecture ===== */ .innerTop{background:#fff;border-bottom:1px solid #e4e8ea;padding:26px 0 30px} .breadcrumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px;color:#7c8991;margin-bottom:18px} .breadcrumbs a{color:#5b6972;text-decoration:none}.breadcrumbs a:hover{color:var(--orange)} .innerTop h1{font-size:42px;line-height:1.08;margin:0;max-width:920px;color:#101820} .innerTop .sectionLead{font-size:15px;line-height:1.65;color:#64727b;max-width:760px;margin:13px 0 0} .sectionNav{border-bottom:1px solid #e4e8ea;background:#fff;position:sticky;top:72px;z-index:20} .sectionNav .wrap{display:flex;gap:4px;overflow-x:auto;padding-top:9px;padding-bottom:9px} .sectionNav a{white-space:nowrap;font-size:12px;font-weight:750;color:#53636d;padding:8px 10px;border-radius:7px;text-decoration:none} .sectionNav a:hover,.sectionNav a.active{background:#101820;color:#fff} .innerContent{padding:38px 0 76px} .innerContent .materialsToolbar{margin-bottom:24px} .categoryPage .categoryIntro{display:none!important} .categoryPage .pageHero{display:none!important} /* Articles should feel like document pages within a site, not landing pages */ .articleHero{background:#fff!important;color:#101820!important;padding:26px 0 24px!important;border-bottom:1px solid #e4e8ea} .articleHero:after{display:none!important} .articleHero h1{color:#101820!important;font-size:44px!important;line-height:1.08!important} .articleHero .lead{color:#566771!important;background:transparent!important;border-left:3px solid var(--orange)!important;padding:3px 0 3px 18px!important;font-size:18px!important} .articleHero .tag{background:#f2f4f5!important;color:#475862!important} .articleMetaBar span{color:#66757e!important;border-color:#dfe4e7!important} .articleImage{max-width:1180px;width:calc(100% - 40px);height:420px;margin:26px auto 0;border-radius:14px;display:block} .articleShell{background:#fff!important;padding-top:34px!important} .layout{grid-template-columns:210px minmax(0,760px) 230px!important;gap:34px!important} .prose>h2{font-size:28px!important;margin-top:48px!important} .prose>h2:before{width:32px!important;height:3px!important} .articleTools{background:#f4f6f7;border-radius:12px;padding:10px} .articleTools a,.articleTools div{background:#fff!important;border:1px solid #e7eaec} .relatedVisual{background:#f4f6f7!important;color:#101820!important;border-radius:14px!important} .relatedVisual h2{color:#101820!important} .relatedGrid a{background:#fff!important;color:#263944!important;border:1px solid #e2e6e8} .relatedGrid a:hover{background:#101820!important;color:#fff!important} .inline{background:#101820!important} .asideBlue{background:#101820!important} /* all materials: directory, not landing */ .materialsDirectoryHead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px} .materialsDirectoryHead h2{font-size:26px;margin:0} .materialsDirectoryHead p{font-size:12px;color:#78858d;margin:5px 0 0} .materialsCount{font-size:12px;font-weight:800;background:#f1f3f4;padding:8px 10px;border-radius:7px} .materialsPage .allGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important} .materialsPage .allGrid .card{background:#fff!important} .materialsPage .allGrid .card h3{min-height:3.1em} .materialsPage .allGrid .card p{min-height:4.7em} /* active header nav */ .staticNav a.navActive{color:var(--orange)} .staticNav a.navActive:after{transform:scaleX(1)!important} @media(max-width:1000px){ .layout{grid-template-columns:minmax(0,1fr) 220px!important} .innerTop h1,.articleHero h1{font-size:38px!important} } @media(max-width:720px){ .innerTop{padding:20px 0 24px}.innerTop h1,.articleHero h1{font-size:31px!important} .sectionNav{top:62px}.innerContent{padding-top:26px} .articleImage{width:calc(100% - 24px);height:260px} .layout{display:block!important}.articleHero .lead{font-size:16px!important} .materialsDirectoryHead{align-items:flex-start;flex-direction:column;gap:10px} } /* ===== V5: visibly multi-page ===== */ .homeFeatured{background:#fff} .homeFeatured .sectionHead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px} .homeFeatured .sectionHead p{max-width:620px;color:#72808a;font-size:13px;margin:7px 0 0} .allMaterialsBtn{display:inline-flex;white-space:nowrap;background:#101820;color:#fff;padding:11px 14px;border-radius:9px;font-size:12px;font-weight:800;text-decoration:none} .allMaterialsBtn:hover{background:var(--orange)} .homeFeaturedGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .homeFeaturedGrid .card{display:flex!important;flex-direction:column!important;background:#f5f6f7!important;height:100%} .homeFeaturedGrid .card .thumb{aspect-ratio:16/9!important;min-height:0!important} .homeFeaturedGrid .cardBody{display:flex;flex-direction:column;flex:1} .homeFeaturedGrid .articleLink{margin-top:auto;align-self:flex-start} .directoryCategories{padding:28px 0 0;background:#fff} .directoryCategories .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .directoryCategories a{display:grid;grid-template-columns:38px 1fr;column-gap:10px;row-gap:3px;border:1px solid #e2e6e8;border-radius:12px;padding:16px;text-decoration:none;background:#fff;transition:.2s} .directoryCategories a:hover{border-color:#101820;transform:translateY(-2px)} .directoryCategories span{grid-row:1/3;font-size:12px;font-weight:900;color:var(--orange);padding-top:2px} .directoryCategories b{color:#172630;font-size:14px} .directoryCategories small{color:#77858d;font-size:10px;line-height:1.4} .materialsPage .innerContent{padding-top:30px} .materialsPage .allGrid{grid-template-columns:repeat(3,1fr)!important} .materialsPage .card{border:1px solid #e4e8ea!important;box-shadow:none!important} .materialsPage .card:hover{border-color:#bfc8cd!important;box-shadow:0 12px 28px rgba(16,24,32,.08)!important} .materialsPage .card .thumb{aspect-ratio:16/9!important} .materialsPage .cardBody{padding:18px!important} .materialsPage .card h3{font-size:18px!important} .categoryPage .innerTop{background:#f5f6f7} .categoryPage .innerContent{padding-top:28px} .categoryPage .materialsToolbar{display:none!important} .categoryPage .section{padding:0!important} .categoryPage .section>.wrap{padding-left:0;padding-right:0} .categoryPage .allGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important} .categoryPage .allGrid .card{border:1px solid #e3e7e9!important;box-shadow:none!important} .categoryPage .allGrid .card .thumb{aspect-ratio:16/8!important} .categoryPage .allGrid .card h3{font-size:20px!important;min-height:auto!important} .categoryPage .allGrid .card p{min-height:auto!important} @media(max-width:850px){.homeFeaturedGrid,.directoryCategories .wrap{grid-template-columns:repeat(2,1fr)}} @media(max-width:620px){.homeFeaturedGrid,.directoryCategories .wrap,.categoryPage .allGrid{grid-template-columns:1fr!important}.homeFeatured .sectionHead{align-items:flex-start;flex-direction:column}} /* PRE-MODX production additions */ .mobileMenuBtn{display:none;border:0;background:#101820;color:#fff;border-radius:8px;padding:9px 11px;font-weight:800} .mobileNav{display:none;background:#101820;padding:12px 18px}.mobileNav.open{display:grid;gap:4px} .mobileNav a{color:#fff;text-decoration:none;padding:10px;border-radius:7px;font-size:13px;font-weight:750} .pagination{display:flex;justify-content:center;gap:7px;margin:34px 0 0}.pagination button{border:1px solid #dfe4e7;background:#fff;border-radius:8px;padding:9px 12px;font-weight:800;cursor:pointer}.pagination button.active{background:#101820;color:#fff} .searchBox{display:flex;gap:8px;max-width:780px;margin:24px 0}.searchBox input{flex:1;border:1px solid #dce2e5;border-radius:10px;padding:13px 14px;font:inherit} .searchResults{display:grid;gap:10px}.searchResult{border:1px solid #e3e7e9;border-radius:12px;padding:18px;text-decoration:none;color:#1c2d37}.searchResult b{display:block;font-size:17px;margin-bottom:6px}.searchResult span{font-size:12px;color:#6f7d86} .error404{min-height:68vh;display:grid;place-items:center;text-align:center;padding:50px 20px}.error404 strong{display:block;font-size:110px;line-height:.9;color:#ff6a00}.error404 h1{font-size:38px}.error404 p{color:#6e7c85;max-width:560px;margin:0 auto 22px} @media(max-width:820px){.staticNav{display:none!important}.mobileMenuBtn{display:block}.headerActions{margin-left:auto}} /* ===== READABILITY PASS: minimum comfortable typography ===== */ body{font-size:16px;line-height:1.6} header nav a,.staticNav a{font-size:15px!important} .eyebrow{font-size:13px!important;line-height:1.35!important} .tag{font-size:12px!important;line-height:1.35!important} .card p,.cat p,.sectionHead p{font-size:14px!important;line-height:1.6!important} .card .foot,.foot{font-size:13px!important} .card .foot b,.foot b{font-size:15px!important} .cat>b{font-size:14px!important} .breadcrumbs{font-size:13px!important;line-height:1.45!important} .sectionNav a{font-size:14px!important} .innerTop .sectionLead{font-size:17px!important} .articleMetaBar span{font-size:13px!important} .toc a{font-size:14px!important;line-height:1.45!important} .asideBox b{font-size:15px!important} .asideBox p{font-size:14px!important;line-height:1.6!important} .articleTools a,.articleTools div{font-size:14px!important;line-height:1.45!important} .relatedGrid a{font-size:14px!important} .materialsToolbar b{font-size:15px!important} .materialsToolbar span{font-size:13px!important} .materialsFilters a{font-size:13px!important} .materialsCount{font-size:14px!important} .directoryCategories b{font-size:16px!important} .directoryCategories small{font-size:13px!important;line-height:1.5!important} .categoryStats span{font-size:13px!important} .searchResult span{font-size:14px!important;line-height:1.6!important} .mobileNav a{font-size:15px!important} .prose{font-size:17px!important;line-height:1.78!important} .prose p,.prose li{font-size:17px!important;line-height:1.78!important} .prose table{font-size:15px!important;line-height:1.5!important} .prose figcaption{font-size:13px!important} footer,footer a,footer p,footer span{font-size:14px!important;line-height:1.55!important} @media(max-width:720px){ body{font-size:16px} .prose,.prose p,.prose li{font-size:16px!important;line-height:1.72!important} .innerTop .sectionLead{font-size:16px!important} } /* More editorial photography */ .visualStories{background:#f5f6f7} .visualStoriesGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .photoStory{margin:0;position:relative;overflow:hidden;border-radius:14px;background:#101820;min-height:290px} .photoStory img{width:100%;height:100%;min-height:290px;object-fit:cover;display:block;transition:transform .35s ease} .photoStory:hover img{transform:scale(1.025)} .photoStory figcaption{position:absolute;left:14px;bottom:14px;background:rgba(16,24,32,.88);color:#fff;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:750} .articleInlinePhoto{margin:30px 0 34px} .articleInlinePhoto img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px} .articleInlinePhoto figcaption{margin-top:8px;color:#697780;font-size:13px;line-height:1.45} @media(max-width:700px){.visualStoriesGrid{grid-template-columns:1fr}.photoStory,.photoStory img{min-height:220px}} /* CTA readability fix */ .prose .inline h3, .inline h3 { color: #ffffff !important; font-size: 22px; line-height: 1.3; font-weight: 800; margin: 0 0 14px; } .prose .inline p, .inline p { color: #d7e1e8 !important; font-size: 16px; line-height: 1.65; margin: 0 0 20px; } .inline .cta { color: #ffffff !important; } .inline::after { color: rgba(255,255,255,.08) !important; } .articleInlinePhoto--extra{margin:32px 0 36px} .articleInlinePhoto--extra img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px} .articleInlinePhoto--extra figcaption{margin-top:8px;color:#697780;font-size:13px;line-height:1.45} /* Главная: схемы популярных материалов без обрезки */ .homeFeaturedGrid .thumb img[src*="centr-nagruzki.webp"], .homeFeaturedGrid .thumb img[src*="duplex-ili-triplex.webp"] { width: 100%; height: 100%; object-fit: contain !important; object-position: center !important; background: #f5f6f7; } /* Мобильный первый экран главной */ @media (max-width: 650px) { .hero { padding: 32px 0; } .heroGrid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; } .heroGrid > * { min-width: 0; } .hero h1 { font-size: clamp(28px, 8vw, 34px); line-height: 1.12; letter-spacing: -0.03em; } .heroPhoto { width: 100%; min-width: 0; height: auto; } .heroPhoto img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; } .heroCta { max-width: 100%; } .quickGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* Materials page: mobile cards fix */ @media (max-width: 600px) { .materialsPage .allGrid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; } .materialsPage .allGrid .card { min-width: 0 !important; width: 100% !important; } .materialsPage .allGrid .thumb { width: 100% !important; aspect-ratio: 16 / 9 !important; height: auto !important; min-height: 0 !important; object-fit: cover !important; } } /* Materials: show technical diagrams without cropping */ .materialsPage .allGrid .thumb[src*="centr-nagruzki.webp"], .materialsPage .allGrid .thumb[src*="duplex-ili-triplex.webp"] { object-fit: contain !important; object-position: center !important; background: #f5f6f7 !important; } /* Technical diagrams: preserve full image */ .materialsPage .allGrid img.thumb[src*="centr-nagruzki.webp"], .materialsPage .allGrid img.thumb[src*="duplex-ili-triplex.webp"] { width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; object-position: center !important; display: block !important; background: #f5f6f7 !important; } /* Final fix: full technical diagrams on materials page */ .materialsPage .allGrid img.thumb[src*="centr-nagruzki.webp"], .materialsPage .allGrid img.thumb[src*="duplex-ili-triplex.webp"] { object-fit: contain !important; aspect-ratio: auto !important; height: auto !important; max-height: none !important; object-position: center !important; } /* Technical diagrams: correct selector */ .materialsPage .allGrid img[src*="centr-nagruzki.webp"], .materialsPage .allGrid img[src*="duplex-ili-triplex.webp"] { object-fit: contain !important; object-position: center !important; aspect-ratio: auto !important; height: auto !important; max-height: none !important; display: block !important; background: #f5f6f7 !important; } /* FORKLIFT CATEGORY UNIFORM CARDS V2 */ .innerContent .allGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}.innerContent .allGrid>.card,.innerContent .allGrid>.card:nth-child(n){grid-column:auto!important;grid-row:auto!important;display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important}.innerContent .allGrid>.card>.thumb{width:100%!important;height:210px!important;min-height:210px!important;aspect-ratio:auto!important;overflow:hidden!important}.innerContent .allGrid>.card>.thumb img{width:100%!important;height:100%!important;object-fit:cover!important}.innerContent .allGrid>.card>.cardBody{display:flex!important;flex:1!important;flex-direction:column!important}.innerContent .allGrid>.card>.cardBody .articleLink{margin-top:auto!important}@media(max-width:1024px){.innerContent .allGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){.innerContent .allGrid{grid-template-columns:minmax(0,1fr)!important}} /* FORKLIFT MOBILE HEADER FIX */ @media(max-width:820px){ header .wrap.head{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:8px!important} header .logo{display:flex!important;align-items:center!important;min-width:0!important;flex:1 1 auto!important} header .mobileMenuBtn{display:block!important;flex:0 0 auto!important;margin:0!important;white-space:nowrap!important} }