/* ==========================================================
   HEDA SHELVES
   SELECTIVE PALLET RACKING WITH WIRE DECKING
   PRODUCT NO. 00278

   COMPLETE RESPONSIVE PRODUCT DESCRIPTION
   ORIGINAL HEDA PRODUCT PHOTOGRAPHY
   NATIVE GET QUOTE NOW POPUP

   NO RELATED PRODUCT CARDS
   ALL STYLES SCOPED TO .heda-wd278
========================================================== */

.heda-wd278{
  --wd-ink:#193348;
  --wd-deep:#102838;
  --wd-steel:#4d6674;
  --wd-blue:#406c80;
  --wd-orange:#e97c2a;
  --wd-text:#516674;
  --wd-muted:#778995;
  --wd-line:#dce5e9;
  --wd-soft:#f2f6f7;
  --wd-white:#ffffff;

  width:100%;
  margin:0;
  padding:0;
  background:#ffffff;
  color:var(--wd-text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}

.heda-wd278,
.heda-wd278 *{
  box-sizing:border-box;
}

.heda-wd278 h2,
.heda-wd278 h3,
.heda-wd278 h4,
.heda-wd278 p,
.heda-wd278 figure,
.heda-wd278 ul{
  margin:0;
}

.heda-wd278 img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border:0;
  box-shadow:none;
}

.heda-wd278 a{
  text-decoration:none;
}

.heda-wd278 .wd-wrap{
  width:calc(100% - 46px);
  max-width:1180px;
  margin:0 auto;
}

.heda-wd278 .wd-section{
  padding:82px 0;
}

.heda-wd278 .wd-soft{
  background:var(--wd-soft);
}

.heda-wd278 .wd-eyebrow{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:17px;
  color:var(--wd-blue);
  font-size:11px;
  font-weight:800;
  line-height:1.5;
  letter-spacing:1.7px;
  text-transform:uppercase;
}

.heda-wd278 .wd-eyebrow:before{
  content:"";
  width:25px;
  height:3px;
  flex:0 0 25px;
  background:var(--wd-orange);
}

.heda-wd278 .wd-heading{
  color:var(--wd-ink);
  font-size:clamp(29px,3.4vw,42px);
  line-height:1.22;
  letter-spacing:-.9px;
  font-weight:800;
}

.heda-wd278 .wd-lead{
  max-width:770px;
  margin-top:19px;
  color:var(--wd-muted);
  font-size:15px;
  line-height:1.95;
}

.heda-wd278 .wd-head{
  max-width:790px;
  margin-bottom:38px;
}

.heda-wd278 .wd-caption{
  margin-top:12px;
  color:#81929d;
  font-size:12px;
  line-height:1.8;
}

/* ==========================================================
   01 / HERO
   Industrial grid-inspired product presentation
========================================================== */

.heda-wd278 .wd-hero{
  overflow:hidden;
  border:1px solid var(--wd-line);
  background:#fff;
}

.heda-wd278 .wd-hero-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:13px;
  padding:16px 28px;
  background:var(--wd-deep);
}

.heda-wd278 .wd-hero-header span{
  color:#d9e5eb;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.7px;
  line-height:1.6;
  text-transform:uppercase;
}

.heda-wd278 .wd-hero-header strong{
  color:#ffb276;
  font-size:11px;
  font-weight:800;
  letter-spacing:1px;
}

.heda-wd278 .wd-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);
  min-height:520px;
}

.heda-wd278 .wd-hero-photo{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:20px;
  border-right:1px solid var(--wd-line);
  background:#f8fafb;
}

.heda-wd278 .wd-hero-photo img{
  max-height:540px;
  object-fit:contain;
}

.heda-wd278 .wd-hero-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:43px 45px;
}

.heda-wd278 .wd-hero-kicker{
  color:var(--wd-orange);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.8px;
  line-height:1.6;
  text-transform:uppercase;
  margin-bottom:20px;
}

.heda-wd278 .wd-hero h2{
  color:var(--wd-ink);
  font-size:clamp(35px,4vw,51px);
  line-height:1.13;
  letter-spacing:-1.2px;
  font-weight:800;
}

.heda-wd278 .wd-hero h2 span{
  display:block;
  color:var(--wd-blue);
}

.heda-wd278 .wd-hero-content>p{
  margin-top:23px;
  color:#617786;
  font-size:15px;
  line-height:1.95;
}

.heda-wd278 .wd-hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:27px;
}

.heda-wd278 .wd-hero-tags span{
  padding:8px 11px;
  background:#f3f7f8;
  border:1px solid #d6e1e6;
  color:#496778;
  font-size:11px;
  font-weight:700;
  line-height:1.5;
}

/* ==========================================================
   02 / REFERENCE STRIP
========================================================== */

.heda-wd278 .wd-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:15px;
  border-top:3px solid var(--wd-orange);
  background:var(--wd-deep);
}

.heda-wd278 .wd-fact{
  min-width:0;
  padding:23px 23px 26px;
}

.heda-wd278 .wd-fact+.wd-fact{
  border-left:1px solid rgba(255,255,255,.16);
}

.heda-wd278 .wd-fact strong{
  display:block;
  color:#ffffff;
  font-size:19px;
  font-weight:800;
  line-height:1.4;
}

.heda-wd278 .wd-fact span{
  display:block;
  margin-top:7px;
  color:#bdd0da;
  font-size:12px;
  line-height:1.75;
}

/* ==========================================================
   03 / WIRE DECKING FEATURE
========================================================== */

.heda-wd278 .wd-mesh-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:60px;
  align-items:center;
}

.heda-wd278 .wd-mesh-copy{
  min-width:0;
}

.heda-wd278 .wd-mesh-points{
  margin-top:29px;
  border-top:1px solid var(--wd-line);
}

.heda-wd278 .wd-mesh-point{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:13px;
  padding:18px 0;
  border-bottom:1px solid var(--wd-line);
}

.heda-wd278 .wd-mesh-number{
  color:var(--wd-orange);
  font-size:12px;
  font-weight:800;
}

.heda-wd278 .wd-mesh-point h3{
  margin-bottom:7px;
  color:var(--wd-ink);
  font-size:17px;
  font-weight:800;
  line-height:1.45;
}

.heda-wd278 .wd-mesh-point p{
  color:var(--wd-muted);
  font-size:14px;
  line-height:1.85;
}

.heda-wd278 .wd-mesh-visual{
  min-width:0;
}

.heda-wd278 .wd-image-frame{
  padding:13px;
  border:1px solid var(--wd-line);
  background:#ffffff;
}

.heda-wd278 .wd-image-frame img{
  width:100%;
  object-fit:contain;
}

/* ==========================================================
   04 / TRUE DECKING CONFIGURATION
========================================================== */

.heda-wd278 .wd-deck-section{
  padding:76px 0;
  background:var(--wd-deep);
}

.heda-wd278 .wd-deck-intro{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:50px;
  align-items:end;
  margin-bottom:36px;
}

.heda-wd278 .wd-deck-intro .wd-eyebrow{
  color:#b7d0dc;
}

.heda-wd278 .wd-deck-intro .wd-heading{
  color:#ffffff;
}

.heda-wd278 .wd-deck-intro p{
  color:#c6d7df;
  font-size:15px;
  line-height:1.95;
}

.heda-wd278 .wd-deck-layout{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:0;
  overflow:hidden;
  background:#ffffff;
}

.heda-wd278 .wd-deck-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  border-right:1px solid var(--wd-line);
}

.heda-wd278 .wd-deck-visual img{
  width:100%;
  max-height:540px;
  object-fit:contain;
}

.heda-wd278 .wd-deck-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:36px 40px;
}

.heda-wd278 .wd-deck-copy h3{
  color:var(--wd-ink);
  font-size:27px;
  font-weight:800;
  line-height:1.35;
}

.heda-wd278 .wd-deck-copy>p{
  color:var(--wd-muted);
  font-size:14px;
  line-height:1.95;
  margin-top:16px;
}

.heda-wd278 .wd-deck-checks{
  margin-top:25px;
  border-top:1px solid var(--wd-line);
}

.heda-wd278 .wd-deck-check{
  padding:15px 0;
  border-bottom:1px solid var(--wd-line);
}

.heda-wd278 .wd-deck-check strong{
  display:block;
  color:var(--wd-ink);
  font-size:15px;
  line-height:1.5;
}

.heda-wd278 .wd-deck-check p{
  margin-top:5px;
  color:var(--wd-muted);
  font-size:13px;
  line-height:1.85;
}

/* ==========================================================
   05 / PHOTOGRAPHIC STRUCTURE COMPARISON
========================================================== */

.heda-wd278 .wd-structure-gallery{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:24px;
}

.heda-wd278 .wd-structure-card{
  min-width:0;
  border:1px solid var(--wd-line);
  background:#ffffff;
}

.heda-wd278 .wd-structure-photo{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
}

.heda-wd278 .wd-structure-photo img{
  width:100%;
  max-height:480px;
  object-fit:contain;
}

.heda-wd278 .wd-structure-body{
  padding:27px 29px 31px;
  border-top:1px solid var(--wd-line);
}

.heda-wd278 .wd-structure-index{
  display:block;
  margin-bottom:12px;
  color:var(--wd-orange);
  font-size:11px;
  font-weight:800;
  line-height:1.5;
  letter-spacing:1.2px;
  text-transform:uppercase;
}

.heda-wd278 .wd-structure-body h3{
  color:var(--wd-ink);
  font-size:21px;
  font-weight:800;
  line-height:1.4;
}

.heda-wd278 .wd-structure-body p{
  margin-top:11px;
  color:var(--wd-muted);
  font-size:14px;
  line-height:1.9;
}

/* ==========================================================
   06 / LOAD & ENGINEERING
========================================================== */

.heda-wd278 .wd-engineering{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:54px;
  align-items:start;
}

.heda-wd278 .wd-engineering-intro{
  min-width:0;
}

.heda-wd278 .wd-engineering-note{
  margin-top:28px;
  padding:19px 22px;
  border-left:3px solid var(--wd-orange);
  background:#e3ebef;
  color:#526a7b;
  font-size:13px;
  line-height:1.95;
}

.heda-wd278 .wd-engineering-panel{
  min-width:0;
  padding:30px 33px;
  background:#ffffff;
  border:1px solid var(--wd-line);
}

.heda-wd278 .wd-engineering-panel h3{
  color:var(--wd-ink);
  font-size:21px;
  font-weight:800;
  line-height:1.4;
  margin-bottom:22px;
}

.heda-wd278 .wd-engineering-row{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:15px;
  padding:17px 0;
  border-bottom:1px solid var(--wd-line);
}

.heda-wd278 .wd-engineering-row:last-child{
  border-bottom:0;
}

.heda-wd278 .wd-engineering-no{
  color:var(--wd-orange);
  font-size:12px;
  font-weight:800;
}

.heda-wd278 .wd-engineering-row h4{
  color:var(--wd-ink);
  font-size:16px;
  font-weight:800;
  line-height:1.5;
}

.heda-wd278 .wd-engineering-row p{
  margin-top:5px;
  color:var(--wd-muted);
  font-size:13px;
  line-height:1.9;
}

/* ==========================================================
   07 / TECHNICAL SPECIFICATIONS
========================================================== */

.heda-wd278 .wd-spec-intro{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:50px;
  align-items:end;
  margin-bottom:35px;
}

.heda-wd278 .wd-spec-intro p{
  color:var(--wd-muted);
  font-size:15px;
  line-height:1.95;
}

.heda-wd278 .wd-spec-grid{
  display:grid;
  grid-template-columns:minmax(0,1.23fr) minmax(0,.77fr);
  gap:23px;
}

.heda-wd278 .wd-spec-table{
  min-width:0;
  padding:28px 33px;
  border:1px solid var(--wd-line);
  background:#ffffff;
}

.heda-wd278 .wd-spec-table h3{
  margin-bottom:21px;
  color:var(--wd-ink);
  font-size:21px;
  font-weight:800;
  line-height:1.4;
}

.heda-wd278 .wd-spec-row{
  display:grid;
  grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid var(--wd-line);
}

.heda-wd278 .wd-spec-row:last-child{
  border-bottom:0;
}

.heda-wd278 .wd-spec-name{
  color:#617786;
  font-size:13px;
  font-weight:700;
  line-height:1.85;
}

.heda-wd278 .wd-spec-value{
  min-width:0;
  color:var(--wd-ink);
  font-size:13px;
  line-height:1.85;
}

.heda-wd278 .wd-spec-aside{
  min-width:0;
  padding:34px 31px;
  background:#e7eff2;
  border-top:4px solid var(--wd-orange);
}

.heda-wd278 .wd-spec-aside-label{
  display:block;
  margin-bottom:17px;
  color:var(--wd-blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.6px;
  text-transform:uppercase;
}

.heda-wd278 .wd-spec-aside h3{
  color:var(--wd-ink);
  font-size:25px;
  font-weight:800;
  line-height:1.32;
}

.heda-wd278 .wd-spec-aside p{
  margin-top:18px;
  color:#5a7181;
  font-size:14px;
  line-height:1.95;
}

.heda-wd278 .wd-spec-aside-note{
  margin-top:25px;
  padding:18px 19px;
  background:#ffffff;
  border-left:3px solid var(--wd-orange);
  color:#526b7b;
  font-size:13px;
  line-height:1.9;
}

/* ==========================================================
   08 / APPLICATIONS
========================================================== */

.heda-wd278 .wd-applications{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.heda-wd278 .wd-application{
  min-width:0;
  padding:29px 0 12px;
  border-top:2px solid #c8d5dc;
}

.heda-wd278 .wd-app-no{
  display:block;
  margin-bottom:23px;
  color:var(--wd-orange);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.3px;
}

.heda-wd278 .wd-application h3{
  color:var(--wd-ink);
  font-size:21px;
  font-weight:800;
  line-height:1.4;
}

.heda-wd278 .wd-application p{
  margin-top:13px;
  color:var(--wd-muted);
  font-size:14px;
  line-height:1.9;
}

/* ==========================================================
   09 / CUSTOM PROJECT PLANNING
========================================================== */

.heda-wd278 .wd-plan-grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:56px;
  align-items:start;
}

.heda-wd278 .wd-plan-copy{
  min-width:0;
}

.heda-wd278 .wd-plan-note{
  margin-top:26px;
  padding:19px 22px;
  border-left:3px solid var(--wd-orange);
  background:#e3ecf0;
  color:#526c7d;
  font-size:13px;
  line-height:1.9;
}

.heda-wd278 .wd-plan-panel{
  min-width:0;
  padding:30px 34px;
  border:1px solid var(--wd-line);
  background:#ffffff;
}

.heda-wd278 .wd-plan-panel h3{
  margin-bottom:22px;
  color:var(--wd-ink);
  font-size:21px;
  font-weight:800;
  line-height:1.4;
}

.heda-wd278 .wd-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 22px;
}

.heda-wd278 .wd-check{
  position:relative;
  padding:13px 0 13px 23px;
  border-bottom:1px solid var(--wd-line);
  color:#516a7a;
  font-size:13px;
  line-height:1.85;
}

.heda-wd278 .wd-check:before{
  content:"";
  position:absolute;
  top:23px;
  left:2px;
  width:8px;
  height:8px;
  background:var(--wd-orange);
}

.heda-wd278 .wd-plan-footer{
  margin-top:20px;
  color:#7b8d99;
  font-size:12px;
  line-height:1.85;
}

/* ==========================================================
   10 / FAQ
========================================================== */

.heda-wd278 .wd-faq{
  border-top:1px solid var(--wd-line);
}

.heda-wd278 .wd-faq-item{
  display:grid;
  grid-template-columns:minmax(0,.41fr) minmax(0,.59fr);
  gap:39px;
  padding:25px 1px;
  border-bottom:1px solid var(--wd-line);
}

.heda-wd278 .wd-faq-item h3{
  color:var(--wd-ink);
  font-size:17px;
  font-weight:800;
  line-height:1.6;
}

.heda-wd278 .wd-faq-item p{
  color:var(--wd-muted);
  font-size:14px;
  line-height:1.9;
}

/* ==========================================================
   11 / NATIVE GET QUOTE NOW CTA
========================================================== */

.heda-wd278 .wd-cta-section{
  padding:43px 0 67px;
}

.heda-wd278 .wd-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:43px;
  align-items:center;
  padding:50px 52px;
  background:var(--wd-deep);
  border-top:4px solid var(--wd-orange);
}

.heda-wd278 .wd-cta-copy{
  min-width:0;
  max-width:690px;
}

.heda-wd278 .wd-cta-label{
  display:block;
  margin-bottom:15px;
  color:#adcbd9;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.7px;
  text-transform:uppercase;
}

.heda-wd278 .wd-cta h2{
  color:#ffffff;
  font-size:clamp(27px,3vw,36px);
  font-weight:800;
  line-height:1.3;
}

.heda-wd278 .wd-cta p{
  margin-top:15px;
  color:#ccdae2;
  font-size:14px;
  line-height:1.9;
}

/*
   NATIVE HEDA GET QUOTE NOW POPUP

   Preserve on anchor:
   data-fields="1"
   themes_box_inquiry_button_alert
   themes_box_button
   trans3
   href="javascript:;"
   data-id="2"
   title="GET QUOTE NOW"

   .wd278-quote is visual styling only.
*/

.heda-wd278 a.wd278-quote{
  position:relative;
  z-index:2;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto;

  width:auto !important;
  height:auto !important;
  min-width:195px;
  min-height:54px;

  margin:0 !important;
  padding:16px 28px !important;

  border:0 !important;
  border-radius:4px !important;

  background:#e97c2a !important;
  background-image:none !important;
  color:#ffffff !important;

  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.5 !important;

  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap;

  opacity:1 !important;
  visibility:visible !important;
  cursor:pointer;
  box-shadow:none !important;

  transition:background-color .2s ease;
}

.heda-wd278 a.wd278-quote:hover{
  background:#c65f1d !important;
  color:#ffffff !important;
  text-decoration:none !important;
}

.heda-wd278 a.wd278-quote:visited{
  color:#ffffff !important;
}

.heda-wd278 a.wd278-quote:focus-visible{
  outline:3px solid #ffffff;
  outline-offset:3px;
}

/* ==========================================================
   RESPONSIVE / TABLET
========================================================== */

@media(max-width:1050px){

  .heda-wd278 .wd-hero-content{
    padding:35px 31px;
  }

  .heda-wd278 .wd-hero h2{
    font-size:42px;
  }

  .heda-wd278 .wd-mesh-grid,
  .heda-wd278 .wd-engineering,
  .heda-wd278 .wd-plan-grid{
    gap:35px;
  }

  .heda-wd278 .wd-deck-copy{
    padding:30px;
  }

  .heda-wd278 .wd-cta{
    padding:42px 36px;
  }

}

/* ==========================================================
   RESPONSIVE / MOBILE
========================================================== */

@media(max-width:768px){

  .heda-wd278 .wd-wrap{
    width:calc(100% - 32px);
  }

  .heda-wd278 .wd-section{
    padding:59px 0;
  }

  .heda-wd278 .wd-heading{
    font-size:31px;
  }

  .heda-wd278 .wd-head{
    margin-bottom:28px;
  }

  .heda-wd278 .wd-hero-layout,
  .heda-wd278 .wd-mesh-grid,
  .heda-wd278 .wd-deck-intro,
  .heda-wd278 .wd-deck-layout,
  .heda-wd278 .wd-engineering,
  .heda-wd278 .wd-spec-intro,
  .heda-wd278 .wd-spec-grid,
  .heda-wd278 .wd-plan-grid{
    grid-template-columns:1fr;
  }

  .heda-wd278 .wd-hero-header{
    padding:15px 21px;
  }

  .heda-wd278 .wd-hero-photo{
    padding:13px;
    border-right:0;
    border-bottom:1px solid var(--wd-line);
  }

  .heda-wd278 .wd-hero-content{
    padding:33px 27px 36px;
  }

  .heda-wd278 .wd-hero h2{
    font-size:37px;
  }

  .heda-wd278 .wd-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .heda-wd278 .wd-fact{
    padding:21px;
  }

  .heda-wd278 .wd-fact:nth-child(3){
    border-left:0;
  }

  .heda-wd278 .wd-fact:nth-child(n+3){
    border-top:1px solid rgba(255,255,255,.16);
  }

  .heda-wd278 .wd-mesh-grid{
    gap:29px;
  }

  .heda-wd278 .wd-mesh-copy{
    order:1;
  }

  .heda-wd278 .wd-mesh-visual{
    order:2;
  }

  .heda-wd278 .wd-deck-section{
    padding:59px 0;
  }

  .heda-wd278 .wd-deck-intro{
    gap:17px;
  }

  .heda-wd278 .wd-deck-visual{
    border-right:0;
    border-bottom:1px solid var(--wd-line);
  }

  .heda-wd278 .wd-deck-copy{
    padding:29px;
  }

  .heda-wd278 .wd-structure-gallery{
    grid-template-columns:1fr;
    gap:18px;
  }

  .heda-wd278 .wd-structure-body{
    padding:25px;
  }

  .heda-wd278 .wd-engineering,
  .heda-wd278 .wd-plan-grid{
    gap:27px;
  }

  .heda-wd278 .wd-engineering-panel,
  .heda-wd278 .wd-plan-panel{
    padding:26px;
  }

  .heda-wd278 .wd-spec-intro{
    gap:16px;
  }

  .heda-wd278 .wd-spec-grid{
    gap:18px;
  }

  .heda-wd278 .wd-spec-table,
  .heda-wd278 .wd-spec-aside{
    padding:26px;
  }

  .heda-wd278 .wd-applications{
    grid-template-columns:1fr;
    gap:14px;
  }

  .heda-wd278 .wd-application{
    padding:24px 0;
  }

  .heda-wd278 .wd-app-no{
    margin-bottom:12px;
  }

  .heda-wd278 .wd-faq-item{
    grid-template-columns:1fr;
    gap:8px;
  }

  .heda-wd278 .wd-cta{
    grid-template-columns:1fr;
    gap:26px;
    padding:37px 29px;
  }

  .heda-wd278 a.wd278-quote{
    justify-self:start;
  }

}

/* ==========================================================
   RESPONSIVE / SMALL MOBILE
========================================================== */

@media(max-width:480px){

  .heda-wd278 .wd-wrap{
    width:calc(100% - 26px);
  }

  .heda-wd278 .wd-hero-content{
    padding:29px 22px 32px;
  }

  .heda-wd278 .wd-hero h2{
    font-size:32px;
  }

  .heda-wd278 .wd-hero-content>p{
    font-size:14px;
  }

  .heda-wd278 .wd-fact{
    padding:18px 15px;
  }

  .heda-wd278 .wd-fact strong{
    font-size:17px;
  }

  .heda-wd278 .wd-fact span{
    font-size:11px;
  }

  .heda-wd278 .wd-mesh-point{
    grid-template-columns:30px minmax(0,1fr);
    gap:10px;
  }

  .heda-wd278 .wd-deck-copy{
    padding:23px;
  }

  .heda-wd278 .wd-deck-copy h3{
    font-size:24px;
  }

  .heda-wd278 .wd-structure-body{
    padding:22px;
  }

  .heda-wd278 .wd-engineering-panel,
  .heda-wd278 .wd-plan-panel,
  .heda-wd278 .wd-spec-table,
  .heda-wd278 .wd-spec-aside{
    padding:22px;
  }

  .heda-wd278 .wd-spec-row{
    grid-template-columns:1fr;
    gap:4px;
  }

  .heda-wd278 .wd-check-grid{
    grid-template-columns:1fr;
  }

  .heda-wd278 .wd-cta{
    padding:33px 23px;
  }

  .heda-wd278 a.wd278-quote{
    width:100% !important;
    min-width:0;
    white-space:normal;
  }

}