/*
Theme Name: ProgressEnergo Industrial
Theme URI: https://progressenergo.ru/
Author: ProgressEnergo
Description: Responsive industrial editorial WordPress theme for heating, boiler and energy equipment.
Version: 2.6
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: progressenergo
*/
:root{--navy:#0d2b55;--navy2:#173f73;--orange:#f28c00;--orange2:#ff9f1a;--ink:#172033;--muted:#64748b;--line:#e7ebf0;--bg:#f6f8fb;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.65}a{color:var(--navy2);text-decoration:none}a:hover{color:var(--orange)}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#dbe7f6;font-size:13px}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:7px 0}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.head{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand-mark{width:44px;height:44px;border-radius:10px;background:var(--navy);position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 5px 14px rgba(13,43,85,.16);border:0;transform:skew(-6deg)}.brand-mark:before{content:"";position:absolute;left:0;bottom:0;width:16px;height:44px;background:var(--orange);clip-path:polygon(0 28%,100% 0,100% 100%,0 100%)}.brand-mark:after{content:"";position:absolute;right:6px;top:7px;width:3px;height:30px;background:rgba(255,255,255,.18)}.brand-p,.brand-e{position:relative;z-index:2;color:#fff;font-size:16px;font-weight:900;line-height:1;letter-spacing:-.12em;transform:skew(6deg)}.brand-p{margin-left:5px}.brand-e{color:#ffb13b;margin-left:1px}.brand-name{font-weight:800;letter-spacing:.08em;color:var(--navy);font-size:20px}.brand-sub{display:block;font-size:10px;letter-spacing:.04em;color:var(--muted);font-weight:600}.main-nav{margin-left:auto}.main-nav ul{display:flex;gap:3px;list-style:none;margin:0;padding:0;align-items:center}.main-nav a{display:block;padding:27px 10px;color:#26354a;font-size:13px;font-weight:700}.main-nav a:hover{color:var(--orange)}.menu-toggle{display:none;margin-left:auto;border:0;background:var(--navy);color:#fff;padding:10px 12px;border-radius:6px}.hero{position:relative;min-height:430px;background:linear-gradient(90deg,rgba(6,31,62,.94),rgba(6,31,62,.67) 54%,rgba(6,31,62,.18)),url('assets/hero-v19.jpg') center center/cover no-repeat;color:#fff;display:flex;align-items:center;overflow:hidden}.hero:after{content:"";position:absolute;left:-5%;bottom:-58px;width:58%;height:105px;background:var(--orange);transform:rotate(-4deg);opacity:.96}.hero-content{position:relative;z-index:2;max-width:700px;padding:72px 0 92px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:#ffd28d;font-weight:800}.hero h1{font-size:46px;line-height:1.08;margin:12px 0 18px;max-width:680px}.hero p{font-size:17px;max-width:620px;color:#e7eef8}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-block;padding:12px 19px;border-radius:3px;font-weight:800;font-size:13px}.btn-primary{background:var(--orange);color:#fff}.btn-secondary{background:#fff;color:var(--navy)}.section{padding:64px 0}.section.alt{background:var(--bg)}.section-head{text-align:center;max-width:760px;margin:0 auto 34px}.section-head h2{font-size:29px;margin:0 0 8px;color:var(--navy)}.section-head p{margin:0;color:var(--muted)}.accent{width:52px;height:4px;background:var(--orange);margin:15px auto 0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category-card{background:#fff;border:1px solid var(--line);padding:24px 20px;min-height:175px;box-shadow:0 7px 24px rgba(23,43,77,.05);transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:#ffd29b}.cat-icon{width:46px;height:46px;border-radius:9px;background:#fff4e4;color:var(--orange);display:grid;place-items:center;font-size:22px;font-weight:900}.category-card h3{font-size:17px;margin:15px 0 7px;color:var(--navy)}.category-card p{font-size:13px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}.factory-img{min-height:340px;background:url('assets/factory-v19.jpg') center center/cover;border-radius:4px;box-shadow:18px 18px 0 #eef2f7}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0;background:var(--orange);color:#fff}.stat{padding:17px;text-align:center;border-right:1px solid rgba(255,255,255,.35)}.stat:last-child{border:0}.stat b{display:block;font-size:24px}.stat span{font-size:11px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{border:1px solid var(--line);background:#fff;overflow:hidden}.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.post-body{padding:19px}.post-meta{font-size:11px;color:var(--orange);font-weight:800;text-transform:uppercase}.post-card h3{font-size:18px;line-height:1.35;margin:8px 0}.post-card p{font-size:13px;color:var(--muted)}.site-footer{background:var(--navy);color:#cbd8e8;padding:48px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:35px}.site-footer h4{color:#fff;margin-top:0}.site-footer a{color:#cbd8e8}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:8px 0;font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:18px;font-size:12px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding:45px 0}.entry h1{font-size:38px;line-height:1.15;color:var(--navy)}.entry h2{color:var(--navy);margin-top:32px}.entry-meta{color:var(--muted);font-size:13px}.entry img{border-radius:4px}.sidebar-box{border:1px solid var(--line);padding:20px;margin-bottom:20px}.sidebar-box h3{margin-top:0;color:var(--navy);font-size:16px}.sidebar-box ul{padding-left:18px}.breadcrumbs{font-size:12px;color:var(--muted);padding-top:22px}.pagination{display:flex;gap:7px;margin:30px 0}.pagination .page-numbers{padding:7px 11px;border:1px solid var(--line)}.pagination .current{background:var(--navy);color:#fff}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:1024px){.wrap{width:min(100% - 32px,1000px)}.main-nav a{padding:27px 6px;font-size:12px}.brand{min-width:210px}.category-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:40px}.article-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.topbar{display:none}.head{height:66px}.main-nav{display:none;position:absolute;left:0;right:0;top:66px;background:#fff;border-top:1px solid var(--line);box-shadow:0 10px 20px rgba(0,0,0,.08)}.main-nav.open{display:block}.main-nav ul{display:block}.main-nav a{padding:13px 20px;border-bottom:1px solid var(--line)}.menu-toggle{display:block}.hero{min-height:390px}.hero-content{padding:58px 0 78px}.hero h1{font-size:34px}.hero p{font-size:15px}.split,.content-layout{grid-template-columns:1fr}.factory-img{min-height:280px}.footer-grid{grid-template-columns:1fr 1fr}.content-layout{gap:20px}.sidebar{order:2}}
@media(max-width:480px){.wrap{width:calc(100% - 28px)}.brand-name{font-size:17px}.brand-sub{font-size:9px}.brand{min-width:0}.hero{min-height:360px}.hero h1{font-size:29px}.section{padding:46px 0}.section-head h2{font-size:25px}.category-grid,.article-grid{grid-template-columns:1fr}.category-card{min-height:0}.split{gap:30px}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.35)}.footer-grid{grid-template-columns:1fr}.entry h1{font-size:30px}.buttons .btn{width:100%;text-align:center}}
@media(min-width:1600px){:root{--max:1320px}.hero{min-height:470px}.hero h1{font-size:50px}}

/* v2.0 typography and identity refinement */
h1,h2,h3,h4,.brand-name,.main-nav a,.btn,.eyebrow{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.section.alt h2{font-size:31px;line-height:1.22;letter-spacing:-.025em;color:#102d55;margin:8px 0 16px;font-weight:750;max-width:620px}
.section.alt p{font-size:15.5px;line-height:1.75;color:#53657c;max-width:650px}
.section-head h2{font-weight:750;letter-spacing:-.02em;line-height:1.2}
.hero h1{font-weight:750;letter-spacing:-.025em}
.brand-name{font-weight:800;letter-spacing:.105em}.brand-sub{letter-spacing:.055em}
@media(max-width:768px){.section.alt h2{font-size:27px}.brand-mark{width:39px;height:39px}.brand-p,.brand-e{font-size:14px}}
@media(max-width:480px){.section.alt h2{font-size:24px;line-height:1.25}.brand-sub{display:none}.brand{gap:9px}.brand-mark{width:36px;height:36px}.brand-name{font-size:15px}}


/* v2.1 — visibly new typography + clean original wordmark */
body{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}
h1,h2,h3,h4,.main-nav a,.btn,.eyebrow,.brand-name,.brand-word{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}
.brand{min-width:300px;gap:0}
.brand-word{position:relative;display:block;padding-left:18px;line-height:1}
.brand-word:before{content:"";position:absolute;left:0;top:0;width:6px;height:35px;background:var(--orange);border-radius:1px}
.brand-progress,.brand-energo{font-size:21px;font-weight:900;letter-spacing:.09em}
.brand-progress{color:var(--navy)}
.brand-energo{color:var(--orange)}
.brand-sub{margin-top:7px;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:9px;letter-spacing:.12em;color:#697a90;font-weight:700}
.brand-mark,.brand-p,.brand-e{display:none!important}
.hero h1{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-size:44px;font-weight:700;letter-spacing:-.035em;line-height:1.12}
.hero p{font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}
.section-head h2,.section.alt h2{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-weight:700;letter-spacing:-.035em}
.section.alt h2{font-size:30px;line-height:1.25}
.category-card h3,.post-card h3{font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;font-weight:700;letter-spacing:-.015em}
@media(max-width:1024px){.brand{min-width:260px}.brand-progress,.brand-energo{font-size:18px}.main-nav a{font-size:11.5px}}
@media(max-width:768px){.brand{min-width:0}.brand-word{padding-left:14px}.brand-word:before{width:5px;height:31px}.brand-progress,.brand-energo{font-size:17px}.hero h1{font-size:33px}}
@media(max-width:480px){.brand-progress,.brand-energo{font-size:15px}.brand-sub{display:none}.brand-word:before{height:19px}.hero h1{font-size:28px}}

/* v2.2 typography override — intentionally strong so the change is visible */
body, p, li, .category-card p, .post-card p, .brand-sub {
  font-family: "Aptos", "Segoe UI", Arial, sans-serif !important;
}
h1,h2,h3,h4,.hero h1,.section-head h2,.section.alt h2,.category-card h3,.post-card h3,.brand-name,.brand-word,.main-nav a,.btn,.eyebrow {
  font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif !important;
}
.hero h1 {
  font-size: 45px !important;
  font-weight: 700 !important;
  letter-spacing: -1.5px !important;
  line-height: 1.08 !important;
}
.section-head h2,.section.alt h2 {
  font-weight: 700 !important;
  letter-spacing: -0.8px !important;
  line-height: 1.18 !important;
}
.split h2 {
  font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.8px !important;
  line-height: 1.22 !important;
}


/* v2.3 SEO/internal-linking presentation */
.pe-related{margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}
.pe-related h2{font-size:26px;margin:0 0 20px;color:var(--navy)}
.pe-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pe-related-card{border:1px solid var(--line);background:#fff;overflow:hidden}
.pe-related-thumb{display:block}
.pe-related-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.pe-related-card h3{font-size:15px;line-height:1.35;margin:0;padding:14px}
.pe-related-card h3 a{color:var(--navy)}
.pe-related-card h3 a:hover{color:var(--orange)}
@media(max-width:768px){.pe-related-grid{grid-template-columns:1fr}.pe-related h2{font-size:23px}}

/* v2.4 typography fix — cleaner, softer industrial editorial typography */
body, p, li, .category-card p, .post-card p, .brand-sub, .hero p {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight: 400;
}
h1,h2,h3,h4,.hero h1,.section-head h2,.section.alt h2,.split h2,.category-card h3,.post-card h3,.pe-related h2,.pe-related-card h3 {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: -0.025em !important;
}
.hero h1 {
  font-size: clamp(34px, 3.1vw, 48px) !important;
  font-weight: 650 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.10 !important;
}
.main-nav a,.btn,.eyebrow {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}
.brand-word,.brand-name,.brand-progress,.brand-energo {
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
}
.brand-progress,.brand-energo {font-weight:750 !important;letter-spacing:.055em !important}
.section-head h2,.section.alt h2,.split h2 {font-weight:650 !important;letter-spacing:-.025em !important}
@media(max-width:768px){.hero h1{font-size:34px !important}}
@media(max-width:480px){.hero h1{font-size:29px !important}}


/* v2.5 FINAL TYPOGRAPHY — explicit selectors override all legacy v2.1/v2.2 rules */
html body,
html body p,
html body li,
html body .hero p,
html body .section-head p,
html body .category-card p,
html body .post-card p,
html body .entry,
html body .entry p,
html body .sidebar,
html body .brand-sub {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body .hero h1,
html body .section-head h2,
html body .section.alt h2,
html body .split h2,
html body .category-card h3,
html body .post-card h3,
html body .entry h1,
html body .entry h2,
html body .pe-related h2,
html body .pe-related-card h3 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.018em !important;
}
html body .hero h1 {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: clamp(35px,3vw,47px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.10 !important;
}
html body .main-nav a,
html body .btn,
html body .eyebrow {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 600 !important;
}
html body .brand-word,
html body .brand-name,
html body .brand-progress,
html body .brand-energo {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
}
html body .section-head h2 {font-size:28px !important;line-height:1.2 !important;}
html body .section.alt h2,html body .split h2{font-size:30px !important;line-height:1.22 !important;}
@media(max-width:768px){html body .hero h1{font-size:34px !important}html body .section.alt h2,html body .split h2{font-size:27px !important}}
@media(max-width:480px){html body .hero h1{font-size:29px !important}html body .section-head h2{font-size:24px !important}}


/* v2.6 TYPOGRAPHY — deliberately visible technical type system */
html body, html body p, html body li, html body .hero p,
html body .section-head p, html body .category-card p,
html body .post-card p, html body .entry, html body .entry p,
html body .sidebar, html body .brand-sub {
  font-family: Verdana, Geneva, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
}
html body h1, html body h2, html body h3, html body h4,
html body .hero h1, html body .section-head h2, html body .section.alt h2,
html body .split h2, html body .category-card h3, html body .post-card h3,
html body .entry h1, html body .entry h2, html body .pe-related h2,
html body .pe-related-card h3, html body .brand-word,
html body .brand-name, html body .brand-progress, html body .brand-energo,
html body .main-nav a, html body .btn, html body .eyebrow {
  font-family: Bahnschrift, "Arial Narrow", "Segoe UI", sans-serif !important;
  font-stretch: condensed !important;
}
html body .hero h1 {
  font-size: clamp(37px,3.25vw,50px) !important;
  font-weight: 600 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.04 !important;
}
html body .section-head h2, html body .section.alt h2, html body .split h2 {
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
}
html body .main-nav a {font-weight:600 !important; letter-spacing:.01em !important;}
html body .eyebrow {font-weight:700 !important; letter-spacing:.13em !important;}
html body .category-card h3, html body .post-card h3 {font-weight:600 !important;}
html body .brand-progress, html body .brand-energo {font-weight:700 !important;letter-spacing:.07em !important;}