
/* ========================================================
   HEDA SHELVES
   RED COLOR PALLET RACKING SYSTEM
   MODEL RWPR01

   Complete Product Description
   Original HEDA Manufacturer Photography
   Design: Red Steel / Warehouse Project Dossier

   Native GET QUOTE NOW Inquiry Popup
   No Related Product Recommendations

   All styles scoped to .heda-rw01
======================================================== */

.heda-rw01{
  --rw-red:#c92f35;
  --rw-red-dark:#a9212b;
  --rw-ink:#202b34;
  --rw-dark:#18232d;
  --rw-copy:#52636f;
  --rw-muted:#788892;
  --rw-line:#dfe5e8;
  --rw-soft:#f5f7f8;
  --rw-warm:#faf7f5;

  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#fff;
  color:var(--rw-copy);
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
}

.heda-rw01,
.heda-rw01 *{
  box-sizing:border-box;
}

.heda-rw01 h2,
.heda-rw01 h3,
.heda-rw01 h4,
.heda-rw01 p,
.heda-rw01 figure,
.heda-rw01 ul{
  margin:0;
}

.heda-rw01 img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border:0;
}

.heda-rw01 a{
  text-decoration:none;
}

.heda-rw01 .rw-wrap{
  width:calc(100% - 44px);
  max-width:1180px;
  margin:0 auto;
}

.heda-rw01 .rw-section{
  padding:82px 0;
}

.heda-rw01 .rw-soft{
  background:var(--rw-soft);
}

.heda-rw01 .rw-warm{
  background:var(--rw-warm);
}

.heda-rw01 .rw-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:17px;
  color:var(--rw-red);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.6px;
  line-height:1.5;
  text-transform:uppercase;
}

.heda-rw01 .rw-kicker:before{
  content:"";
  display:block;
  width:27px;
  height:2px;
  flex:0 0 27px;
  background:var(--rw-red);
}

.heda-rw01 .rw-heading{
  color:var(--rw-ink);
  font-size:clamp(29px,3.5vw,43px);
  font-weight:800;
  letter-spacing:-.9px;
  line-height:1.22;
}

.heda-rw01 .rw-lead{
  max-width:780px;
  margin-top:19px;
  color:var(--rw-copy);
  font-size:15px;
  line-height:1.95;
}

.heda-rw01 .rw-head{
  max-width:820px;
  margin-bottom:36px;
}

.heda-rw01 .rw-small-note{
  color:var(--rw-muted);
  font-size:12px;
  line-height:1.8;
}

/* ========================================================
   01 / HERO
======================================================== */

.heda-rw01 .rw-hero{
  background:#fff;
  border-top:4px solid var(--rw-red);
}

.heda-rw01 .rw-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  flex-wrap:wrap;
  padding:18px 0;
  border-bottom:1px solid var(--rw-line);
}

.heda-rw01 .rw-topline span{
  color:#6b7a85;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.6px;
  text-transform:uppercase;
}

.heda-rw01 .rw-topline strong{
  color:var(--rw-red);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.3px;
}

.heda-rw01 .rw-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:stretch;
  gap:0;
  margin-top:29px;
  border:1px solid var(--rw-line);
}

.heda-rw01 .rw-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:48px 43px;
  background:var(--rw-warm);
}

.heda-rw01 .rw-hero-index{
  display:block;
  margin-bottom:21px;
  color:var(--rw-red);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.7px;
  text-transform:uppercase;
}

.heda-rw01 .rw-hero h2{
  color:var(--rw-ink);
  font-size:clamp(38px,4.5vw,57px);
  font-weight:800;
  line-height:1.12;
  letter-spacing:-1.5px;
}

.heda-rw01 .rw-hero h2 span{
  display:block;
  color:var(--rw-red);
}

.heda-rw01 .rw-hero-copy>p{
  margin-top:25px;
  color:#5c6d77;
  font-size:15px;
  line-height:1.95;
}

.heda-rw01 .rw-hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:27px;
}

.heda-rw01 .rw-hero-tags span{
  padding:8px 11px;
  border:1px solid #ead7d7;
  background:#fff;
  color:#855059;
  font-size:11px;
  font-weight:700;
  line-height:1.5;
}

.heda-rw01 .rw-hero-visual{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:17px;
  border-left:1px solid var(--rw-line);
  background:#fff;
}

.heda-rw01 .rw-hero-visual img{
  max-height:565px;
  object-fit:contain;
}

.heda-rw01 .rw-hero-caption{
  margin-top:13px;
  padding-top:13px;
  border-top:1px solid var(--rw-line);
  color:#7f8c94;
  font-size:12px;
  line-height:1.8;
}

/* ========================================================
   02 / QUICK PRODUCT FEATURES
======================================================== */

.heda-rw01 .rw-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:15px;
  border:1px solid var(--rw-line);
  background:#fff;
}

.heda-rw01 .rw-fact{
  min-width:0;
  padding:26px 23px;
}

.heda-rw01 .rw-fact+.rw-fact{
  border-left:1px solid var(--rw-line);
}

.heda-rw01 .rw-fact strong{
  display:block;
  color:var(--rw-ink);
  font-size:19px;
  font-weight:800;
  line-height:1.4;
}

.heda-rw01 .rw-fact span{
  display:block;
  margin-top:8px;
  color:var(--rw-muted);
  font-size:12px;
  line-height:1.8;
}

/* ========================================================
   03 / ORIGINAL INSTALLATION GALLERY
======================================================== */

.heda-rw01 .rw-gallery-intro{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:54px;
  align-items:end;
  margin-bottom:34px;
}

.heda-rw01 .rw-gallery-intro p{
  color:var(--rw-muted);
  font-size:15px;
  line-height:1.95;
}

.heda-rw01 .rw-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:23px;
}

.heda-rw01 .rw-gallery-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--rw-line);
  background:#fff;
}

.heda-rw01 .rw-gallery-media{
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:1/1;
  min-width:0;
  padding:12px;
  background:#fafbfb;
}

.heda-rw01 .rw-gallery-media img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.heda-rw01 .rw-gallery-copy{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:27px 29px 30px;
  border-top:1px solid var(--rw-line);
}

.heda-rw01 .rw-gallery-label{
  display:block;
  margin-bottom:13px;
  color:var(--rw-red);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.heda-rw01 .rw-gallery-copy h3{
  color:var(--rw-ink);
  font-size:22px;
  font-weight:800;
  line-height:1.4;
}

.heda-rw01 .rw-gallery-copy p{
  margin-top:13px;
  color:var(--rw-muted);
  font-size:14px;
  line-height:1.9;
}

.heda-rw01 .rw-gallery-foot{
  margin-top:auto;
  padding-top:21px;
  color:#5d707c;
  font-size:12px;
  line-height:1.85;
}

/* ========================================================
   04 / STRUCTURAL DETAIL FEATURE
======================================================== */

.heda-rw01 .rw-detail-layout{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  align-items:stretch;
  overflow:hidden;
  border:1px solid var(--rw-line);
  background:#fff;
}

.heda-rw01 .rw-detail-media{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:18px;
}

.heda-rw01 .rw-detail-media img{
  width:100%;
  object-fit:contain;
}

.heda-rw01 .rw-detail-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:39px;
  border-left:1px solid var(--rw-line);
  background:var(--rw-warm);
}

.heda-rw01 .rw-detail-copy .rw-heading{
  font-size:clamp(27px,3vw,37px);
}

.heda-rw01 .rw-detail-list{
  margin-top:23px;
  border-top:1px solid var(--rw-line);
}

.heda-rw01 .rw-detail-item{
  padding:15px 0;
  border-bottom:1px solid var(--rw-line);
}

.heda-rw01 .rw-detail-item h3{
  color:var(--rw-ink);
  font-size:16px;
  font-weight:800;
  line-height:1.45;
}

.heda-rw01 .rw-detail-item p{
  margin-top:7px;
  color:var(--rw-muted);
  font-size:13px;
  line-height:1.9;
}

.heda-rw01 .rw-note{
  margin-top:24px;
  padding:20px 24px;
  border-left:3px solid var(--rw-red);
  background:#f2e9e8;
  color:#615c60;
  font-size:13px;
  line-height:1.95;
}

/* ========================================================
   05 / STORAGE SYSTEM BENEFITS
======================================================== */

.heda-rw01 .rw-benefit-section{
  padding:77px 0;
  background:var(--rw-dark);
}

.heda-rw01 .rw-benefit-section .rw-kicker{
  color:#f0b3b5;
}

.heda-rw01 .rw-benefit-section .rw-heading{
  color:#fff;
}

.heda-rw01 .rw-benefit-section .rw-lead{
  color:#c8d4dc;
}

.heda-rw01 .rw-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:rgba(255,255,255,.17);
  border:1px solid rgba(255,255,255,.17);
}

.heda-rw01 .rw-benefit{
  min-width:0;
  padding:31px 27px 34px;
  background:#25333e;
}

.heda-rw01 .rw-benefit-index{
  display:block;
  margin-bottom:24px;
  color:#faabad;
  font-size:12px;
  font-weight:800;
  letter-spacing:1px;
}

.heda-rw01 .rw-benefit h3{
  color:#fff;
  font-size:19px;
  font-weight:800;
  line-height:1.45;
}

.heda-rw01 .rw-benefit p{
  margin-top:13px;
  color:#c9d5dc;
  font-size:13px;
  line-height:1.9;
}

/* ========================================================
   06 / CONFIGURATION AND CUSTOMIZATION
======================================================== */

.heda-rw01 .rw-design-layout{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:57px;
  align-items:start;
}

.heda-rw01 .rw-design-copy{
  min-width:0;
}

.heda-rw01 .rw-design-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.heda-rw01 .rw-design-card{
  min-width:0;
  padding:27px 25px;
  border:1px solid var(--rw-line);
  border-top:3px solid var(--rw-red);
  background:#fff;
}

.heda-rw01 .rw-design-card:nth-child(even){
  border-top-color:#7d8d98;
}

.heda-rw01 .rw-design-number{
  display:block;
  margin-bottom:20px;
  color:#9da9b0;
  font-size:25px;
  line-height:1;
  font-weight:800;
}

.heda-rw01 .rw-design-card h3{
  color:var(--rw-ink);
  font-size:18px;
  line-height:1.4;
  font-weight:800;
}

.heda-rw01 .rw-design-card p{
  margin-top:10px;
  color:var(--rw-muted);
  font-size:13px;
  line-height:1.9;
}

/* ========================================================
   07 / TECHNICAL SPECIFICATIONS
======================================================== */

.heda-rw01 .rw-spec-layout{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:53px;
  align-items:start;
}

.heda-rw01 .rw-spec-warning{
  margin-top:26px;
  padding:21px 22px;
  border-left:3px solid var(--rw-red);
  background:#f0e9e8;
  color:#62636a;
  font-size:13px;
  line-height:1.95;
}

.heda-rw01 .rw-spec-table{
  min-width:0;
  padding:29px 33px;
  border:1px solid var(--rw-line);
  background:#fff;
}

.heda-rw01 .rw-spec-table h3{
  margin-bottom:19px;
  color:var(--rw-ink);
  font-size:21px;
  font-weight:800;
  line-height:1.4;
}

.heda-rw01 .rw-spec-row{
  display:grid;
  grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);
  gap:17px;
  padding:12px 0;
  border-bottom:1px solid var(--rw-line);
}

.heda-rw01 .rw-spec-row:last-child{
  border-bottom:0;
}

.heda-rw01 .rw-spec-name{
  color:#697b86;
  font-size:13px;
  line-height:1.85;
  font-weight:700;
}

.heda-rw01 .rw-spec-value{
  min-width:0;
  color:var(--rw-ink);
  font-size:13px;
  line-height:1.85;
}

/* ========================================================
   08 / BUYER DECISION GUIDE
======================================================== */

.heda-rw01 .rw-decisions{
  border-top:1px solid var(--rw-line);
}

.heda-rw01 .rw-decision{
  display:grid;
  grid-template-columns:62px minmax(0,.57fr) minmax(0,1fr);
  gap:20px;
  padding:25px 4px;
  border-bottom:1px solid var(--rw-line);
}

.heda-rw01 .rw-decision-number{
  color:var(--rw-red);
  font-size:12px;
  font-weight:800;
}

.heda-rw01 .rw-decision h3{
  color:var(--rw-ink);
  font-size:19px;
  font-weight:800;
  line-height:1.45;
}

.heda-rw01 .rw-decision p{
  color:var(--rw-muted);
  font-size:14px;
  line-height:1.9;
}

/* ========================================================
   09 / QUOTATION CHECKLIST
======================================================== */

.heda-rw01 .rw-plan{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:55px;
  align-items:start;
}

.heda-rw01 .rw-plan-note{
  margin-top:25px;
  padding:19px 22px;
  border-left:3px solid var(--rw-red);
  background:#f0e9e8;
  color:#635e63;
  font-size:13px;
  line-height:1.95;
}

.heda-rw01 .rw-plan-panel{
  min-width:0;
  padding:30px 33px;
  border:1px solid var(--rw-line);
  background:#fff;
}

.heda-rw01 .rw-plan-panel h3{
  margin-bottom:21px;
  color:var(--rw-ink);
  font-size:21px;
  font-weight:800;
  line-height:1.45;
}

.heda-rw01 .rw-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 20px;
}

.heda-rw01 .rw-check{
  position:relative;
  padding:12px 0 12px 21px;
  border-bottom:1px solid var(--rw-line);
  color:#566a76;
  font-size:13px;
  line-height:1.85;
}

.heda-rw01 .rw-check:before{
  content:"";
  position:absolute;
  top:22px;
  left:2px;
  width:8px;
  height:8px;
  background:var(--rw-red);
}

.heda-rw01 .rw-plan-foot{
  margin-top:19px;
  color:var(--rw-muted);
  font-size:12px;
  line-height:1.85;
}

/* ========================================================
   10 / FAQ
======================================================== */

.heda-rw01 .rw-faq{
  border-top:1px solid var(--rw-line);
}

.heda-rw01 .rw-faq-item{
  display:grid;
  grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);
  gap:37px;
  padding:24px 0;
  border-bottom:1px solid var(--rw-line);
}

.heda-rw01 .rw-faq-item h3{
  color:var(--rw-ink);
  font-size:16px;
  font-weight:800;
  line-height:1.65;
}

.heda-rw01 .rw-faq-item p{
  color:var(--rw-muted);
  font-size:14px;
  line-height:1.95;
}

/* ========================================================
   11 / NATIVE GET QUOTE NOW CTA
======================================================== */

.heda-rw01 .rw-cta-section{
  padding:42px 0 68px;
}

.heda-rw01 .rw-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:42px;
  align-items:center;
  padding:48px 51px;
  border-left:5px solid var(--rw-red);
  background:var(--rw-dark);
}

.heda-rw01 .rw-cta-copy{
  min-width:0;
  max-width:675px;
}

.heda-rw01 .rw-cta-label{
  display:block;
  margin-bottom:14px;
  color:#f4b9b8;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.heda-rw01 .rw-cta h2{
  color:#fff;
  font-size:clamp(27px,3vw,36px);
  font-weight:800;
  line-height:1.3;
}

.heda-rw01 .rw-cta p{
  margin-top:15px;
  color:#cfdae1;
  font-size:14px;
  line-height:1.95;
}

/*
   Original HEDA popup classes retained.
   rw01-quote affects appearance only.
*/

.heda-rw01 a.rw01-quote{
  position:relative;
  z-index:2;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto;

  min-width:190px;
  min-height:54px;
  width:auto !important;
  height:auto !important;

  margin:0 !important;
  padding:16px 27px !important;

  border:0 !important;
  border-radius:3px !important;

  background:#c92f35 !important;
  background-image:none !important;
  color:#fff !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-rw01 a.rw01-quote:hover{
  background:#a9212b !important;
  color:#fff !important;
  text-decoration:none !important;
}

.heda-rw01 a.rw01-quote:visited{
  color:#fff !important;
}

.heda-rw01 a.rw01-quote:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
}

/* ========================================================
   RESPONSIVE / TABLET
======================================================== */

@media(max-width:1050px){

  .heda-rw01 .rw-hero-copy{
    padding:35px 30px;
  }

  .heda-rw01 .rw-hero h2{
    font-size:46px;
  }

  .heda-rw01 .rw-gallery-intro,
  .heda-rw01 .rw-design-layout,
  .heda-rw01 .rw-spec-layout,
  .heda-rw01 .rw-plan{
    gap:33px;
  }

  .heda-rw01 .rw-detail-copy{
    padding:28px;
  }

  .heda-rw01 .rw-cta{
    padding:40px 35px;
  }
}

/* ========================================================
   RESPONSIVE / MOBILE
======================================================== */

@media(max-width:768px){

  .heda-rw01 .rw-wrap{
    width:calc(100% - 32px);
  }

  .heda-rw01 .rw-section{
    padding:58px 0;
  }

  .heda-rw01 .rw-heading{
    font-size:31px;
  }

  .heda-rw01 .rw-head{
    margin-bottom:27px;
  }

  .heda-rw01 .rw-hero-layout,
  .heda-rw01 .rw-gallery-intro,
  .heda-rw01 .rw-detail-layout,
  .heda-rw01 .rw-design-layout,
  .heda-rw01 .rw-spec-layout,
  .heda-rw01 .rw-plan{
    grid-template-columns:1fr;
  }

  .heda-rw01 .rw-hero-copy{
    padding:34px 28px;
  }

  .heda-rw01 .rw-hero h2{
    font-size:39px;
  }

  .heda-rw01 .rw-hero-visual{
    padding:13px;
    border-left:0;
    border-top:1px solid var(--rw-line);
  }

  .heda-rw01 .rw-facts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .heda-rw01 .rw-fact{
    padding:21px;
  }

  .heda-rw01 .rw-fact:nth-child(3){
    border-left:0;
  }

  .heda-rw01 .rw-fact:nth-child(n+3){
    border-top:1px solid var(--rw-line);
  }

  .heda-rw01 .rw-gallery-intro{
    gap:17px;
    margin-bottom:27px;
  }

  .heda-rw01 .rw-gallery{
    grid-template-columns:1fr;
    gap:18px;
  }

  .heda-rw01 .rw-gallery-copy{
    padding:24px;
  }

  .heda-rw01 .rw-detail-copy{
    padding:28px;
    border-left:0;
    border-top:1px solid var(--rw-line);
  }

  .heda-rw01 .rw-benefit-section{
    padding:58px 0;
  }

  .heda-rw01 .rw-benefits{
    grid-template-columns:1fr;
  }

  .heda-rw01 .rw-benefit{
    padding:25px;
  }

  .heda-rw01 .rw-benefit-index{
    margin-bottom:13px;
  }

  .heda-rw01 .rw-design-layout,
  .heda-rw01 .rw-spec-layout,
  .heda-rw01 .rw-plan{
    gap:27px;
  }

  .heda-rw01 .rw-spec-table,
  .heda-rw01 .rw-plan-panel{
    padding:25px;
  }

  .heda-rw01 .rw-decision{
    grid-template-columns:46px minmax(0,1fr);
    gap:9px 15px;
  }

  .heda-rw01 .rw-decision p{
    grid-column:2;
  }

  .heda-rw01 .rw-faq-item{
    grid-template-columns:1fr;
    gap:8px;
  }

  .heda-rw01 .rw-cta{
    grid-template-columns:1fr;
    gap:25px;
    padding:36px 28px;
  }

  .heda-rw01 a.rw01-quote{
    justify-self:start;
  }
}

/* ========================================================
   RESPONSIVE / SMALL MOBILE
======================================================== */

@media(max-width:480px){

  .heda-rw01 .rw-wrap{
    width:calc(100% - 26px);
  }

  .heda-rw01 .rw-hero-copy{
    padding:28px 22px;
  }

  .heda-rw01 .rw-hero h2{
    font-size:33px;
  }

  .heda-rw01 .rw-hero-copy>p{
    font-size:14px;
  }

  .heda-rw01 .rw-fact{
    padding:18px 14px;
  }

  .heda-rw01 .rw-fact strong{
    font-size:17px;
  }

  .heda-rw01 .rw-gallery-copy{
    padding:22px;
  }

  .heda-rw01 .rw-gallery-copy h3{
    font-size:20px;
  }

  .heda-rw01 .rw-detail-copy{
    padding:23px;
  }

  .heda-rw01 .rw-design-steps{
    grid-template-columns:1fr;
  }

  .heda-rw01 .rw-design-card{
    padding:24px;
  }

  .heda-rw01 .rw-design-number{
    margin-bottom:13px;
  }

  .heda-rw01 .rw-spec-row{
    grid-template-columns:1fr;
    gap:4px;
  }

  .heda-rw01 .rw-spec-table,
  .heda-rw01 .rw-plan-panel{
    padding:22px;
  }

  .heda-rw01 .rw-check-grid{
    grid-template-columns:1fr;
  }

  .heda-rw01 .rw-cta{
    padding:31px 22px;
  }

  .heda-rw01 a.rw01-quote{
    width:100% !important;
    min-width:0;
    white-space:normal;
  }
}
