/* ==========================================================
   HEDA SHELVES
   2-3 LAYERS MEZZANINE FLOOR RACKING SYSTEM
   MODEL LMFRS01

   Complete HTML + CSS Product Description
   Design: Architectural Warehouse / Vertical Space
   Photography: Original HEDA Images
   Inquiry: Native GET QUOTE NOW Popup

   All CSS scoped to .heda-mf01
========================================================== */

.heda-mf01 {
  --mf-ink:#1c3038;
  --mf-deep:#173039;
  --mf-green:#287365;
  --mf-green-dark:#19554c;
  --mf-gold:#e6ad37;
  --mf-text:#506571;
  --mf-muted:#738590;
  --mf-line:#dce5e5;
  --mf-soft:#f3f7f6;
  --mf-warm:#f9f7f0;

  width:100%;
  margin:0;
  padding:0;
  color:var(--mf-text);
  background:#fff;
  font:15px/1.85 Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}

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

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

.heda-mf01 img {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

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

.heda-mf01 .mf-wrap {
  width:calc(100% - 44px);
  max-width:1180px;
  margin:0 auto;
}

.heda-mf01 .mf-section {
  padding:80px 0;
}

.heda-mf01 .mf-soft {
  background:var(--mf-soft);
}

.heda-mf01 .mf-warm {
  background:var(--mf-warm);
}

.heda-mf01 .mf-eyebrow {
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:19px;
  color:var(--mf-green);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.65px;
  line-height:1.5;
  text-transform:uppercase;
}

.heda-mf01 .mf-eyebrow:before {
  content:"";
  width:28px;
  height:2px;
  flex:none;
  background:var(--mf-gold);
}

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

.heda-mf01 .mf-lead {
  max-width:760px;
  margin-top:19px;
  color:var(--mf-text);
  font-size:15px;
  line-height:1.95;
}

.heda-mf01 .mf-head {
  max-width:810px;
  margin-bottom:38px;
}

.heda-mf01 .mf-caption {
  margin-top:11px;
  color:#819098;
  font-size:12px;
  line-height:1.8;
}

/* ==========================================================
   HERO - ARCHITECTURAL PRODUCT PRESENTATION
========================================================== */

.heda-mf01 .mf-hero {
  overflow:hidden;
  border-top:4px solid var(--mf-green);
  background:#fff;
}

.heda-mf01 .mf-hero-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:19px 0;
  border-bottom:1px solid var(--mf-line);
}

.heda-mf01 .mf-hero-top span {
  color:var(--mf-green);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.45px;
  line-height:1.6;
  text-transform:uppercase;
}

.heda-mf01 .mf-hero-top strong {
  color:#87959c;
  font-size:11px;
  font-weight:800;
  letter-spacing:1px;
}

.heda-mf01 .mf-hero-main {
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:0;
  align-items:stretch;
  border-bottom:1px solid var(--mf-line);
}

.heda-mf01 .mf-hero-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:50px 45px 52px 0;
}

.heda-mf01 .mf-hero-label {
  display:block;
  margin-bottom:20px;
  color:var(--mf-green);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.5px;
  line-height:1.6;
  text-transform:uppercase;
}

.heda-mf01 .mf-hero h2 {
  color:var(--mf-ink);
  font-size:clamp(38px,4.7vw,58px);
  font-weight:800;
  line-height:1.12;
  letter-spacing:-1.5px;
}

.heda-mf01 .mf-hero h2 span {
  display:block;
  color:var(--mf-green);
}

.heda-mf01 .mf-hero-desc {
  max-width:475px;
  margin-top:25px;
  color:#60747d;
  font-size:15px;
  line-height:1.95;
}

.heda-mf01 .mf-hero-tags {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:26px;
}

.heda-mf01 .mf-hero-tags span {
  padding:7px 10px;
  border:1px solid #d3e1de;
  background:#f4f8f6;
  color:#416b62;
  font-size:11px;
  font-weight:700;
  line-height:1.6;
}

.heda-mf01 .mf-hero-media {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:23px;
  border-left:1px solid var(--mf-line);
  background:#f6f8f6;
}

.heda-mf01 .mf-hero-media img {
  width:100%;
  max-height:590px;
  object-fit:contain;
}

.heda-mf01 .mf-hero-photo-note {
  margin-top:12px;
  color:#738a80;
  font-size:12px;
  line-height:1.8;
}

/* ==========================================================
   KEY CHARACTERISTICS
========================================================== */

.heda-mf01 .mf-facts {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-bottom:1px solid var(--mf-line);
}

.heda-mf01 .mf-fact {
  min-width:0;
  padding:30px 27px 30px 0;
}

.heda-mf01 .mf-fact+.mf-fact {
  padding-left:28px;
  border-left:1px solid var(--mf-line);
}

.heda-mf01 .mf-fact-index {
  display:block;
  margin-bottom:12px;
  color:var(--mf-green);
  font-size:11px;
  font-weight:800;
  letter-spacing:1px;
}

.heda-mf01 .mf-fact h3 {
  margin-bottom:8px;
  color:var(--mf-ink);
  font-size:18px;
  font-weight:800;
  line-height:1.4;
}

.heda-mf01 .mf-fact p {
  color:var(--mf-muted);
  font-size:13px;
  line-height:1.85;
}

/* ==========================================================
   MEZZANINE STRUCTURE
========================================================== */

.heda-mf01 .mf-structure {
  display:grid;
  grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);
  gap:58px;
  align-items:start;
}

.heda-mf01 .mf-structure-copy {
  min-width:0;
}

.heda-mf01 .mf-structure-list {
  margin-top:27px;
  border-top:1px solid var(--mf-line);
}

.heda-mf01 .mf-structure-item {
  display:grid;
  grid-template-columns:37px minmax(0,1fr);
  gap:14px;
  padding:18px 0;
  border-bottom:1px solid var(--mf-line);
}

.heda-mf01 .mf-number {
  color:var(--mf-green);
  font-size:12px;
  font-weight:800;
}

.heda-mf01 .mf-structure-item h3 {
  margin-bottom:7px;
  color:var(--mf-ink);
  font-size:17px;
  font-weight:800;
  line-height:1.45;
}

.heda-mf01 .mf-structure-item p {
  color:var(--mf-muted);
  font-size:14px;
  line-height:1.85;
}

.heda-mf01 .mf-structure-panel {
  min-width:0;
  padding:31px 34px;
  border:1px solid var(--mf-line);
  background:#fff;
}

.heda-mf01 .mf-structure-panel-head {
  padding-bottom:22px;
  border-bottom:1px solid var(--mf-line);
}

.heda-mf01 .mf-structure-panel-head span {
  display:block;
  margin-bottom:11px;
  color:var(--mf-green);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.heda-mf01 .mf-structure-panel-head h3 {
  color:var(--mf-ink);
  font-size:23px;
  font-weight:800;
  line-height:1.35;
}

.heda-mf01 .mf-floor {
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  align-items:center;
  gap:19px;
  padding:23px 0;
  border-bottom:1px solid var(--mf-line);
}

.heda-mf01 .mf-floor-level {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:68px;
  padding:12px;
  border-left:4px solid var(--mf-green);
  background:#edf5f2;
  color:var(--mf-green-dark);
  font-size:12px;
  line-height:1.5;
  text-align:center;
  font-weight:800;
}

.heda-mf01 .mf-floor:nth-child(3) .mf-floor-level {
  border-left-color:var(--mf-gold);
  background:#fbf5e7;
  color:#86641e;
}

.heda-mf01 .mf-floor h4 {
  color:var(--mf-ink);
  font-size:16px;
  font-weight:800;
  line-height:1.45;
}

.heda-mf01 .mf-floor p {
  margin-top:5px;
  color:var(--mf-muted);
  font-size:13px;
  line-height:1.85;
}

.heda-mf01 .mf-structure-foot {
  margin-top:20px;
  color:#73868d;
  font-size:12px;
  line-height:1.9;
}

/* ==========================================================
   ORIGINAL MEZZANINE STAIR / WALKWAY PHOTOGRAPHY
========================================================== */

.heda-mf01 .mf-feature-gallery {
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
  gap:0;
  overflow:hidden;
  border:1px solid var(--mf-line);
  background:#ffffff;
}

.heda-mf01 .mf-gallery-photo {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:13px;
}

.heda-mf01 .mf-gallery-photo img {
  width:100%;
  object-fit:contain;
}

.heda-mf01 .mf-gallery-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:34px 35px;
  border-left:1px solid var(--mf-line);
  background:#f8faf9;
}

.heda-mf01 .mf-gallery-copy h3 {
  color:var(--mf-ink);
  font-size:25px;
  font-weight:800;
  line-height:1.35;
}

.heda-mf01 .mf-gallery-copy>p {
  margin-top:16px;
  color:var(--mf-text);
  font-size:14px;
  line-height:1.95;
}

.heda-mf01 .mf-gallery-bullets {
  margin-top:23px;
  border-top:1px solid var(--mf-line);
}

.heda-mf01 .mf-gallery-bullet {
  padding:13px 0;
  border-bottom:1px solid var(--mf-line);
}

.heda-mf01 .mf-gallery-bullet strong {
  display:block;
  color:var(--mf-ink);
  font-size:14px;
  font-weight:800;
}

.heda-mf01 .mf-gallery-bullet p {
  margin-top:5px;
  color:var(--mf-muted);
  font-size:13px;
  line-height:1.85;
}

/* ==========================================================
   ALTERNATIVE ORIGINAL INSTALLATION PHOTO
========================================================== */

.heda-mf01 .mf-example {
  display:grid;
  grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);
  align-items:center;
  gap:48px;
}

.heda-mf01 .mf-example-copy {
  min-width:0;
}

.heda-mf01 .mf-example-image {
  min-width:0;
  padding:12px;
  border:1px solid var(--mf-line);
  background:#fff;
}

.heda-mf01 .mf-example-image img {
  width:100%;
  object-fit:contain;
}

.heda-mf01 .mf-compare-note {
  margin-top:26px;
  padding:19px 23px;
  border-left:3px solid var(--mf-gold);
  background:#edf2f0;
  color:#566d74;
  font-size:13px;
  line-height:1.95;
}

/* ==========================================================
   WAREHOUSE VALUE / SPACE PLANNING
========================================================== */

.heda-mf01 .mf-value {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.heda-mf01 .mf-value-card {
  min-width:0;
  padding:29px 28px 33px;
  border-top:3px solid var(--mf-green);
  background:#fff;
}

.heda-mf01 .mf-value-card:nth-child(2) {
  border-top-color:var(--mf-gold);
}

.heda-mf01 .mf-value-index {
  display:block;
  margin-bottom:21px;
  color:#a0afb2;
  font-size:28px;
  font-weight:800;
  line-height:1;
}

.heda-mf01 .mf-value-card h3 {
  margin-bottom:11px;
  color:var(--mf-ink);
  font-size:19px;
  font-weight:800;
  line-height:1.4;
}

.heda-mf01 .mf-value-card p {
  color:var(--mf-muted);
  font-size:14px;
  line-height:1.9;
}

/* ==========================================================
   ENGINEERING / SAFETY CHECKLIST
========================================================== */

.heda-mf01 .mf-engineering {
  display:grid;
  grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);
  align-items:start;
  gap:55px;
}

.heda-mf01 .mf-engineering-info {
  min-width:0;
}

.heda-mf01 .mf-engineering-note {
  margin-top:26px;
  padding:19px 22px;
  border-left:3px solid var(--mf-gold);
  background:#e7efec;
  color:#526a71;
  font-size:13px;
  line-height:1.95;
}

.heda-mf01 .mf-engineering-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}

.heda-mf01 .mf-engineering-card {
  min-width:0;
  padding:23px 22px;
  border:1px solid var(--mf-line);
  background:#ffffff;
}

.heda-mf01 .mf-engineering-card span {
  display:block;
  margin-bottom:14px;
  color:var(--mf-green);
  font-size:11px;
  font-weight:800;
}

.heda-mf01 .mf-engineering-card h3 {
  color:var(--mf-ink);
  font-size:17px;
  font-weight:800;
  line-height:1.45;
}

.heda-mf01 .mf-engineering-card p {
  margin-top:9px;
  color:var(--mf-muted);
  font-size:13px;
  line-height:1.9;
}

/* ==========================================================
   TECHNICAL CONFIGURATION
========================================================== */

.heda-mf01 .mf-spec-section {
  padding:79px 0;
  background:var(--mf-deep);
}

.heda-mf01 .mf-spec-header {
  display:grid;
  grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);
  align-items:end;
  gap:51px;
  margin-bottom:34px;
}

.heda-mf01 .mf-spec-header .mf-eyebrow {
  color:#b5dcd3;
}

.heda-mf01 .mf-spec-header .mf-heading {
  color:#fff;
}

.heda-mf01 .mf-spec-header p {
  color:#c5d8dc;
  font-size:15px;
  line-height:1.95;
}

.heda-mf01 .mf-spec-layout {
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:stretch;
  gap:22px;
}

.heda-mf01 .mf-spec-table {
  min-width:0;
  padding:29px 32px;
  background:#ffffff;
}

.heda-mf01 .mf-spec-table h3 {
  margin-bottom:20px;
  color:var(--mf-ink);
  font-size:21px;
  font-weight:800;
}

.heda-mf01 .mf-spec-row {
  display:grid;
  grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);
  gap:16px;
  padding:12px 0;
  border-bottom:1px solid var(--mf-line);
}

.heda-mf01 .mf-spec-row:last-child {
  border-bottom:0;
}

.heda-mf01 .mf-spec-name {
  color:#647984;
  font-size:13px;
  line-height:1.85;
  font-weight:700;
}

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

.heda-mf01 .mf-spec-side {
  min-width:0;
  padding:35px 31px;
  border-top:4px solid var(--mf-gold);
  background:#26464a;
}

.heda-mf01 .mf-spec-side-label {
  display:block;
  margin-bottom:16px;
  color:#e9c47a;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.heda-mf01 .mf-spec-side h3 {
  color:#fff;
  font-size:24px;
  font-weight:800;
  line-height:1.35;
}

.heda-mf01 .mf-spec-side p {
  margin-top:17px;
  color:#d0e0df;
  font-size:14px;
  line-height:1.95;
}

.heda-mf01 .mf-spec-warning {
  margin-top:23px;
  padding:18px 19px;
  border-left:3px solid var(--mf-gold);
  background:rgba(255,255,255,.08);
  color:#e3edeb;
  font-size:13px;
  line-height:1.95;
}

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

.heda-mf01 .mf-applications {
  border-top:1px solid var(--mf-line);
}

.heda-mf01 .mf-application {
  display:grid;
  grid-template-columns:68px minmax(0,.57fr) minmax(0,1fr);
  gap:22px;
  padding:27px 4px;
  border-bottom:1px solid var(--mf-line);
}

.heda-mf01 .mf-app-index {
  color:var(--mf-green);
  font-size:12px;
  font-weight:800;
}

.heda-mf01 .mf-application h3 {
  color:var(--mf-ink);
  font-size:20px;
  font-weight:800;
  line-height:1.45;
}

.heda-mf01 .mf-application p {
  color:var(--mf-muted);
  font-size:14px;
  line-height:1.9;
}

/* ==========================================================
   PROJECT QUOTATION
========================================================== */

.heda-mf01 .mf-plan {
  display:grid;
  grid-template-columns:minmax(0,.81fr) minmax(0,1.19fr);
  align-items:start;
  gap:56px;
}

.heda-mf01 .mf-plan-note {
  margin-top:24px;
  padding:19px 22px;
  border-left:3px solid var(--mf-gold);
  background:#e8efec;
  color:#526b71;
  font-size:13px;
  line-height:1.95;
}

.heda-mf01 .mf-plan-panel {
  min-width:0;
  padding:30px 33px;
  border:1px solid var(--mf-line);
  background:#fff;
}

.heda-mf01 .mf-plan-panel h3 {
  margin-bottom:20px;
  color:var(--mf-ink);
  font-size:21px;
  font-weight:800;
  line-height:1.45;
}

.heda-mf01 .mf-check-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 21px;
}

.heda-mf01 .mf-check {
  position:relative;
  padding:12px 0 12px 22px;
  border-bottom:1px solid var(--mf-line);
  color:#536b75;
  font-size:13px;
  line-height:1.85;
}

.heda-mf01 .mf-check:before {
  content:"";
  position:absolute;
  top:22px;
  left:2px;
  width:8px;
  height:8px;
  background:var(--mf-green);
}

.heda-mf01 .mf-plan-foot {
  margin-top:19px;
  color:var(--mf-muted);
  font-size:12px;
  line-height:1.85;
}

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

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

.heda-mf01 .mf-faq-row {
  display:grid;
  grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);
  align-items:start;
  gap:38px;
  padding:24px 0;
  border-bottom:1px solid var(--mf-line);
}

.heda-mf01 .mf-faq-row h3 {
  color:var(--mf-ink);
  font-size:16px;
  font-weight:800;
  line-height:1.65;
}

.heda-mf01 .mf-faq-row p {
  color:var(--mf-muted);
  font-size:14px;
  line-height:1.95;
}

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

.heda-mf01 .mf-cta-section {
  padding:41px 0 66px;
}

.heda-mf01 .mf-cta {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:45px;
  padding:49px 51px;
  background:var(--mf-deep);
  border-left:5px solid var(--mf-gold);
}

.heda-mf01 .mf-cta-copy {
  min-width:0;
  max-width:680px;
}

.heda-mf01 .mf-cta-label {
  display:block;
  margin-bottom:14px;
  color:#b6d7d0;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

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

.heda-mf01 .mf-cta p {
  margin-top:14px;
  color:#ccddde;
  font-size:14px;
  line-height:1.95;
}

/* Official site popup classes retained.
   .mf01-quote controls styling only. */

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

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

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

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

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

  background:#e6ad37 !important;
  background-image:none !important;
  color:#19313a !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;

  cursor:pointer;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:none !important;
  transition:background-color .2s ease;
}

.heda-mf01 a.mf01-quote:hover {
  background:#f1c15e !important;
  color:#19313a !important;
  text-decoration:none !important;
}

.heda-mf01 a.mf01-quote:visited {
  color:#19313a !important;
}

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

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

@media(max-width:1050px) {
  .heda-mf01 .mf-hero-copy {
    padding-right:29px;
  }

  .heda-mf01 .mf-hero h2 {
    font-size:45px;
  }

  .heda-mf01 .mf-structure,
  .heda-mf01 .mf-example,
  .heda-mf01 .mf-engineering,
  .heda-mf01 .mf-plan {
    gap:33px;
  }

  .heda-mf01 .mf-gallery-copy {
    padding:29px;
  }

  .heda-mf01 .mf-cta {
    padding:41px 36px;
  }
}

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

@media(max-width:768px) {
  .heda-mf01 .mf-wrap {
    width:calc(100% - 32px);
  }

  .heda-mf01 .mf-section {
    padding:57px 0;
  }

  .heda-mf01 .mf-heading {
    font-size:31px;
  }

  .heda-mf01 .mf-head {
    margin-bottom:27px;
  }

  .heda-mf01 .mf-hero-main,
  .heda-mf01 .mf-structure,
  .heda-mf01 .mf-feature-gallery,
  .heda-mf01 .mf-example,
  .heda-mf01 .mf-engineering,
  .heda-mf01 .mf-spec-header,
  .heda-mf01 .mf-spec-layout,
  .heda-mf01 .mf-plan {
    grid-template-columns:1fr;
  }

  .heda-mf01 .mf-hero-copy {
    padding:36px 0 31px;
  }

  .heda-mf01 .mf-hero h2 {
    font-size:40px;
  }

  .heda-mf01 .mf-hero-media {
    padding:13px;
    border-left:0;
    border-top:1px solid var(--mf-line);
  }

  .heda-mf01 .mf-facts {
    grid-template-columns:1fr;
  }

  .heda-mf01 .mf-fact,
  .heda-mf01 .mf-fact+.mf-fact {
    padding:22px 0;
    border-left:0;
  }

  .heda-mf01 .mf-fact+.mf-fact {
    border-top:1px solid var(--mf-line);
  }

  .heda-mf01 .mf-structure {
    gap:27px;
  }

  .heda-mf01 .mf-structure-panel {
    padding:25px;
  }

  .heda-mf01 .mf-gallery-copy {
    padding:27px;
    border-left:0;
    border-top:1px solid var(--mf-line);
  }

  .heda-mf01 .mf-example {
    gap:25px;
  }

  .heda-mf01 .mf-example-copy {
    order:1;
  }

  .heda-mf01 .mf-example-image {
    order:2;
  }

  .heda-mf01 .mf-value {
    grid-template-columns:1fr;
    gap:15px;
  }

  .heda-mf01 .mf-value-card {
    padding:26px;
  }

  .heda-mf01 .mf-value-index {
    margin-bottom:12px;
  }

  .heda-mf01 .mf-engineering {
    gap:27px;
  }

  .heda-mf01 .mf-spec-section {
    padding:58px 0;
  }

  .heda-mf01 .mf-spec-header {
    gap:18px;
  }

  .heda-mf01 .mf-spec-layout {
    gap:19px;
  }

  .heda-mf01 .mf-spec-table,
  .heda-mf01 .mf-spec-side,
  .heda-mf01 .mf-plan-panel {
    padding:25px;
  }

  .heda-mf01 .mf-application {
    grid-template-columns:46px minmax(0,1fr);
    gap:9px 14px;
  }

  .heda-mf01 .mf-application p {
    grid-column:2;
  }

  .heda-mf01 .mf-plan {
    gap:28px;
  }

  .heda-mf01 .mf-faq-row {
    grid-template-columns:1fr;
    gap:8px;
  }

  .heda-mf01 .mf-cta {
    grid-template-columns:1fr;
    gap:26px;
    padding:37px 28px;
  }

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

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

@media(max-width:480px) {
  .heda-mf01 .mf-wrap {
    width:calc(100% - 26px);
  }

  .heda-mf01 .mf-hero h2 {
    font-size:33px;
  }

  .heda-mf01 .mf-hero-desc {
    font-size:14px;
  }

  .heda-mf01 .mf-floor {
    grid-template-columns:1fr;
    gap:10px;
  }

  .heda-mf01 .mf-floor-level {
    justify-content:flex-start;
    min-height:43px;
    text-align:left;
  }

  .heda-mf01 .mf-structure-panel,
  .heda-mf01 .mf-gallery-copy {
    padding:22px;
  }

  .heda-mf01 .mf-engineering-grid {
    grid-template-columns:1fr;
  }

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

  .heda-mf01 .mf-spec-table,
  .heda-mf01 .mf-spec-side,
  .heda-mf01 .mf-plan-panel {
    padding:22px;
  }

  .heda-mf01 .mf-check-grid {
    grid-template-columns:1fr;
  }

  .heda-mf01 .mf-cta {
    padding:32px 22px;
  }

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