/*
Theme Name: Blackburn Industrial Recovery
Theme URI: https://blackburndesigngroup.com
Author: Blackburn Design Group
Description: Premium dark industrial WordPress theme for plastic drum reclamation, using the supplied BDG header image.
Version: 6.0
*/
:root{
  --bg:#06080c; --bg2:#0b1017; --panel:#101822; --panel2:#151f2a;
  --text:#f4f7fb; --muted:#aeb9c7; --line:#2a3542; --blue:#2f8de4; --white:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
.wrap{width:min(1220px,92vw);margin:0 auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(6,8,12,.94);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:84px}
.logo{height:56px;width:auto;display:block}
.menu{display:flex;gap:30px;align-items:center;text-transform:uppercase;font-weight:900;letter-spacing:.13em;font-size:13px}
.menu a{color:#d9e0e8}.menu a:hover{color:#fff}
.hero{
  min-height:760px;
  background:
    linear-gradient(90deg,rgba(2,5,9,.72) 0%,rgba(2,5,9,.34) 38%,rgba(2,5,9,.02) 100%),
    url('assets/bdg-header-industrial.jpg') center/cover no-repeat;
  display:flex;align-items:flex-end;border-bottom:1px solid var(--line);
}
.hero-inner{padding:0 0 74px}
.hero-copy{max-width:720px;background:linear-gradient(90deg,rgba(4,7,11,.78),rgba(4,7,11,.30));border-left:4px solid var(--blue);padding:26px 30px}
.eyebrow{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#cfd8e3;font-weight:900}
h1{font-size:clamp(44px,7vw,82px);line-height:.96;margin:14px 0 18px}
h2{font-size:clamp(34px,4.5vw,56px);line-height:1.05;margin:0 0 20px}
h3{font-size:23px;margin:0 0 12px}
.hero p{font-size:clamp(18px,2vw,23px);color:#e3e8ef;margin:0}
.muted,p.muted{color:var(--muted)}
.btnrow{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8dee6;padding:14px 21px;text-transform:uppercase;letter-spacing:.13em;font-size:13px;font-weight:900;box-sizing:border-box;text-align:center;min-height:48px}
.btn.primary{background:#f1f5f9;color:#04070b}
.btn:hover{transform:translateY(-1px)}
.section{padding:86px 0}
.band{background:linear-gradient(180deg,#101822,#070a0f);border-block:1px solid var(--line)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.panel{background:linear-gradient(180deg,var(--panel),#080d13);border:1px solid var(--line);padding:30px;min-height:230px}
.panel .num{font-weight:900;color:#fff;letter-spacing:.22em;font-size:13px;margin-bottom:18px}
.image-card{background:#101720;border:1px solid var(--line);padding:10px;box-shadow:0 28px 70px rgba(0,0,0,.35)}
.image-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.kicker{border-left:4px solid var(--blue);padding-left:20px}
.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
.spec{border:1px solid var(--line);background:#0c1219;padding:18px}
.cta{background:linear-gradient(135deg,#131d29,#080b10);border:1px solid var(--line);padding:44px}
.contact-box{background:#0e151e;border:1px solid var(--line);padding:34px}
.field{display:block;width:100%;padding:14px;margin:10px 0 16px;background:#070b11;border:1px solid #313d4a;color:white}
.submit{padding:14px 20px;background:#fff;color:#06080c;border:1px solid white;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.footer{padding:34px 0;border-top:1px solid var(--line);color:#aeb9c7;background:#06080c}
@media(max-width:900px){
  .grid2,.grid3,.grid4,.specs{grid-template-columns:1fr}
  .nav{align-items:flex-start;gap:14px;flex-direction:column;padding:14px 0}
  .menu{gap:14px;flex-wrap:wrap;font-size:12px}
  .logo{height:44px}
  .hero{min-height:650px;background-position:center right}
  .hero-copy{max-width:100%}
}.subhero{min-height:460px;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(2,5,9,.82),rgba(2,5,9,.34)),url('assets/bdg-header-industrial.jpg') center/cover no-repeat}
.subhero-inner{padding:0 0 72px}.subhero p{font-size:clamp(18px,2vw,23px);max-width:760px;color:#e3e8ef;margin:0}.systems-hero{background-position:center}.pdr-hero{background-position:center right}.blue{color:var(--blue)}.system-card{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;background:linear-gradient(180deg,var(--panel),#080d13);border:1px solid var(--line);padding:32px}.checklist{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:11px}.checklist li{position:relative;padding-left:28px;color:#dce5ef}.checklist li:before{content:'✓';position:absolute;left:0;top:0;color:var(--blue);font-weight:900}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.intro{max-width:780px}.align-start{align-items:start}.align-start h2{font-size:clamp(28px,3vw,40px)}@media(max-width:900px){.system-card,.process-grid{grid-template-columns:1fr}.subhero{min-height:420px}.subhero-inner{padding-bottom:48px}}

.small-note{font-size:13px;color:var(--muted);font-weight:700}.tall-panel{min-height:100%;}.strong-line{margin-top:22px;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.soft-rule{border:0;border-top:1px solid var(--line);margin:24px 0}.compact{gap:7px}.why-card p{color:#dce5ef}.contact-line{color:#fff;font-weight:800}.contact-line a{color:#fff;text-decoration:underline;text-underline-offset:3px}

.form-alert{border:1px solid var(--line);padding:14px 16px;margin:0 0 18px;background:#0c1219;color:#e3e8ef;font-weight:800}.form-alert.success{border-color:rgba(47,141,228,.65);background:#0d1b2a}.form-alert.error{border-color:#7d3d3d;background:#1b1012}.form-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.pdr-page .system-card{margin-top:28px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.feature{border:1px solid var(--line);background:#0c1219;padding:18px}.feature strong{display:block;color:#fff;margin-bottom:4px}.step-list{display:grid;gap:14px;margin-top:24px}.step{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#080d13);padding:20px}.step .num{font-weight:900;color:#fff;letter-spacing:.22em;font-size:13px}.quote-panel{background:linear-gradient(135deg,#131d29,#080b10);border:1px solid var(--line);padding:34px}.quote-panel p{color:#dce5ef}@media(max-width:900px){.feature-list{grid-template-columns:1fr}.step{grid-template-columns:1fr;gap:8px}}


/* DS Series page additions */
.ds-page .ds-hero{background-position:center right}
.ds-page .badge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.ds-page .badge{border:1px solid var(--line);background:#0c1219;padding:16px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;min-height:84px;display:flex;align-items:center}
.ds-page .application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.ds-page .application{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#080d13);padding:20px;min-height:140px}
.ds-page .process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.ds-page .process-step{border:1px solid var(--line);background:#0c1219;padding:20px}
.ds-page .process-step .num{font-weight:900;color:#fff;letter-spacing:.22em;font-size:13px;margin-bottom:12px}
.ds-page .feature strong,.ds-page .application strong,.ds-page .process-step strong{display:block;color:#fff;margin-bottom:6px}
.system-card + .system-card{margin-top:28px}
@media(max-width:900px){.ds-page .badge-row,.ds-page .application-grid,.ds-page .process-strip{grid-template-columns:1fr}}

.system-btn{width:210px !important;min-width:210px !important;max-width:210px !important;height:48px !important;min-height:48px !important;padding:0 18px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;white-space:nowrap !important;text-align:center !important;line-height:1 !important;}
.system-card .btnrow{margin-top:24px;}
@media(max-width:520px){.system-btn{width:210px !important;min-width:210px !important;max-width:210px !important;}.btnrow{justify-content:flex-start}}

/* VRS Series page additions */
.vrs-page .vrs-hero{background-position:center right}
.vrs-page .badge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.vrs-page .badge{border:1px solid var(--line);background:#0c1219;padding:16px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;min-height:84px;display:flex;align-items:center}
.vrs-page .application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.vrs-page .application{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#080d13);padding:20px;min-height:150px}
.vrs-page .process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.vrs-page .process-strip.five-step{grid-template-columns:repeat(5,1fr)}
.vrs-page .process-step{border:1px solid var(--line);background:#0c1219;padding:20px}
.vrs-page .process-step .num{font-weight:900;color:#fff;letter-spacing:.22em;font-size:13px;margin-bottom:12px}
.vrs-page .feature strong,.vrs-page .application strong,.vrs-page .process-step strong{display:block;color:#fff;margin-bottom:6px}
@media(max-width:1100px){.vrs-page .process-strip.five-step{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.vrs-page .badge-row,.vrs-page .application-grid,.vrs-page .process-strip,.vrs-page .process-strip.five-step{grid-template-columns:1fr}}


/* ADA Series page additions */
.ada-page .ada-hero{background-position:center right}
.ada-page .badge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.ada-page .badge{border:1px solid var(--line);background:#0c1219;padding:16px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;min-height:84px;display:flex;align-items:center}
.ada-page .application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.ada-page .application{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#080d13);padding:20px;min-height:150px}
.ada-page .process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.ada-page .process-step{border:1px solid var(--line);background:#0c1219;padding:20px}
.ada-page .process-step .num{font-weight:900;color:#fff;letter-spacing:.22em;font-size:13px;margin-bottom:12px}
.ada-page .feature strong,.ada-page .application strong,.ada-page .process-step strong{display:block;color:#fff;margin-bottom:6px}
@media(max-width:900px){.ada-page .badge-row,.ada-page .application-grid,.ada-page .process-strip{grid-template-columns:1fr}}

/* GS Series page additions */
.gs-page .gs-hero{background-position:center right}
.gs-page .badge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.gs-page .badge{border:1px solid var(--line);background:#0c1219;padding:16px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;min-height:84px;display:flex;align-items:center}
.gs-page .application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.gs-page .application{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#080d13);padding:20px;min-height:150px}
.gs-page .process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.gs-page .process-step{border:1px solid var(--line);background:#0c1219;padding:20px}
.gs-page .process-step .num{font-weight:900;color:#fff;letter-spacing:.22em;font-size:13px;margin-bottom:12px}
.gs-page .feature strong,.gs-page .application strong,.gs-page .process-step strong{display:block;color:#fff;margin-bottom:6px}
@media(max-width:900px){.gs-page .badge-row,.gs-page .application-grid,.gs-page .process-strip{grid-template-columns:1fr}}


/* Tank and PSS page additions */
.tank-page .tank-hero,.pss-page .pss-hero{background-position:center right}
.tank-page .badge-row,.pss-page .badge-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.tank-page .badge,.pss-page .badge{border:1px solid var(--line);background:#0c1219;padding:16px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#fff;min-height:84px;display:flex;align-items:center}
.tank-page .application-grid,.pss-page .application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.tank-page .application,.pss-page .application{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#080d13);padding:20px;min-height:150px}
.tank-page .process-strip,.pss-page .process-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.tank-page .process-step,.pss-page .process-step{border:1px solid var(--line);background:#0c1219;padding:20px}
.tank-page .process-step .num,.pss-page .process-step .num{font-weight:900;color:#fff;letter-spacing:.22em;font-size:13px;margin-bottom:12px}
.tank-page .feature strong,.tank-page .application strong,.tank-page .process-step strong,.pss-page .feature strong,.pss-page .application strong,.pss-page .process-step strong{display:block;color:#fff;margin-bottom:6px}
@media(max-width:900px){.tank-page .badge-row,.tank-page .application-grid,.tank-page .process-strip,.pss-page .badge-row,.pss-page .application-grid,.pss-page .process-strip{grid-template-columns:1fr}}