/* =========================================================
   HEDA SHELVES | STORAGE RACKING SYSTEM
   Warehouse Solutions Landing Page 2026
   Full Responsive HTML + CSS
   Real HEDA Project Photographs
   Scoped CSS / No External Libraries
========================================================= */

#heda-racking-solutions-2026{
  --rs-navy:#192e40;
  --rs-deep:#122434;
  --rs-blue:#175fc8;
  --rs-blue-hover:#104a9d;
  --rs-ink:#293b48;
  --rs-muted:#647584;
  --rs-line:#dfe7ed;
  --rs-soft:#f4f7fa;
  --rs-white:#ffffff;
  width:100%;
  margin:0;
  padding:0;
  background:#fff;
  color:var(--rs-ink);
  font:15px/1.75 Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}

#heda-racking-solutions-2026,
#heda-racking-solutions-2026 *{
  box-sizing:border-box;
}

#heda-racking-solutions-2026 .rs-container{
  width:calc(100% - 44px);
  max-width:1200px;
  margin:0 auto;
}

#heda-racking-solutions-2026 section{
  margin:0;
}

#heda-racking-solutions-2026 h1,
#heda-racking-solutions-2026 h2,
#heda-racking-solutions-2026 h3,
#heda-racking-solutions-2026 h4,
#heda-racking-solutions-2026 p,
#heda-racking-solutions-2026 figure{
  margin:0;
  padding:0;
}

#heda-racking-solutions-2026 h1,
#heda-racking-solutions-2026 h2,
#heda-racking-solutions-2026 h3,
#heda-racking-solutions-2026 h4{
  color:var(--rs-ink);
  line-height:1.25;
  font-weight:750;
  letter-spacing:-.4px;
}

#heda-racking-solutions-2026 h2{
  font-size:clamp(27px,3.3vw,41px);
}

#heda-racking-solutions-2026 h3{
  font-size:19px;
}

#heda-racking-solutions-2026 p{
  color:var(--rs-muted);
  line-height:1.82;
}

#heda-racking-solutions-2026 img{
  display:block;
  max-width:100%;
}

#heda-racking-solutions-2026 a{
  text-decoration:none;
}

#heda-racking-solutions-2026 a:focus-visible,
#heda-racking-solutions-2026 summary:focus-visible{
  outline:3px solid #93bdff;
  outline-offset:3px;
}

#heda-racking-solutions-2026 .rs-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:13px;
  color:var(--rs-blue);
  font-size:11px;
  line-height:1.5;
  font-weight:800;
  letter-spacing:1.3px;
  text-transform:uppercase;
}

#heda-racking-solutions-2026 .rs-eyebrow:before{
  content:"";
  display:block;
  width:25px;
  height:2px;
  flex:0 0 25px;
  background:currentColor;
}

#heda-racking-solutions-2026 .rs-section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:32px;
}

#heda-racking-solutions-2026 .rs-section-head>div{
  max-width:730px;
}

#heda-racking-solutions-2026 .rs-section-head>p{
  max-width:375px;
  font-size:13px;
}

#heda-racking-solutions-2026 .rs-section-desc{
  max-width:760px;
  margin-top:13px;
  font-size:14px;
}

#heda-racking-solutions-2026 .rs-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:49px;
  padding:13px 23px;
  border:1px solid transparent;
  border-radius:3px;
  font:800 12px/1.5 Arial,Helvetica,sans-serif;
  letter-spacing:.45px;
  text-align:center;
  transition:background .2s ease,
             color .2s ease,
             border-color .2s ease;
  cursor:pointer;
}

#heda-racking-solutions-2026 a.rs-button-primary{
  color:#fff;
  background:var(--rs-blue);
  border-color:var(--rs-blue);
}

#heda-racking-solutions-2026 a.rs-button-primary:hover{
  color:#fff;
  background:var(--rs-blue-hover);
  border-color:var(--rs-blue-hover);
}

#heda-racking-solutions-2026 a.rs-button-outline{
  border-color:#cad8e4;
  color:var(--rs-ink);
  background:#fff;
}

#heda-racking-solutions-2026 a.rs-button-outline:hover{
  color:var(--rs-blue);
  border-color:var(--rs-blue);
}

#heda-racking-solutions-2026 a.rs-native-quote{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  position:relative;
  width:auto!important;
  min-height:49px;
  margin:0!important;
  padding:13px 23px!important;
  border:1px solid var(--rs-blue)!important;
  border-radius:3px!important;
  background:var(--rs-blue)!important;
  box-shadow:none!important;
  color:#fff!important;
  font:800 12px/1.5 Arial,Helvetica,sans-serif!important;
  text-decoration:none!important;
  letter-spacing:.45px;
  cursor:pointer;
}

#heda-racking-solutions-2026 a.rs-native-quote:hover{
  color:#fff!important;
  background:var(--rs-blue-hover)!important;
  border-color:var(--rs-blue-hover)!important;
}

/* =========================================================
   01. COMPACT HERO
========================================================= */

#heda-racking-solutions-2026 .rs-hero{
  padding:17px 0 0;
}

#heda-racking-solutions-2026 .rs-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  padding:0 0 15px;
  border-bottom:1px solid var(--rs-line);
}

#heda-racking-solutions-2026 .rs-topline strong{
  font-size:11px;
  font-weight:800;
  letter-spacing:1px;
  color:var(--rs-navy);
}

#heda-racking-solutions-2026 .rs-topline span{
  font-size:11px;
  color:var(--rs-muted);
}

#heda-racking-solutions-2026 .rs-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  align-items:stretch;
  margin-top:15px;
}

#heda-racking-solutions-2026 .rs-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(29px,3.7vw,48px);
  background:var(--rs-navy);
}

#heda-racking-solutions-2026 .rs-hero-copy .rs-eyebrow{
  color:#b4d1fb;
}

#heda-racking-solutions-2026 .rs-hero-copy h1{
  margin-bottom:19px;
  color:#fff;
  font-size:clamp(34px,4.2vw,51px);
  line-height:1.1;
  letter-spacing:-1.1px;
}

#heda-racking-solutions-2026 .rs-hero-copy h1 span{
  color:#9ac6ff;
}

#heda-racking-solutions-2026 .rs-hero-copy p{
  max-width:570px;
  color:#dce7ef;
  font-size:13px;
}

#heda-racking-solutions-2026 .rs-hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:21px;
}

#heda-racking-solutions-2026 .rs-hero-tags span{
  padding:7px 10px;
  color:#e8f3ff;
  border:1px solid rgba(255,255,255,.22);
  font-size:10px;
  font-weight:700;
}

#heda-racking-solutions-2026 .rs-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:24px;
}

#heda-racking-solutions-2026 .rs-hero-copy a.rs-hero-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:49px;
  padding:13px 20px;
  border:1px solid rgba(255,255,255,.4);
  border-radius:3px;
  color:#fff;
  font-size:12px;
  font-weight:800;
}

#heda-racking-solutions-2026 .rs-hero-copy a.rs-hero-secondary:hover{
  background:rgba(255,255,255,.08);
}

#heda-racking-solutions-2026 .rs-hero-visual{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  background:#e8eef4;
  overflow:hidden;
}

#heda-racking-solutions-2026 .rs-hero-visual img{
  width:100%;
  height:100%;
  min-height:315px;
  flex:1;
  object-fit:cover;
  object-position:center;
}

#heda-racking-solutions-2026 .rs-hero-photo-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
  padding:13px 17px;
  background:#eff4f8;
  border:1px solid var(--rs-line);
  border-top:0;
  color:var(--rs-muted);
  font-size:11px;
}

#heda-racking-solutions-2026 .rs-hero-photo-label strong{
  color:var(--rs-ink);
}

/* Quick page navigation */

#heda-racking-solutions-2026 .rs-quicknav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-bottom:1px solid var(--rs-line);
}

#heda-racking-solutions-2026 .rs-quicknav a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:20px 18px;
  border-right:1px solid var(--rs-line);
  color:var(--rs-ink);
  font-size:12px;
  font-weight:800;
  transition:background .2s ease;
}

#heda-racking-solutions-2026 .rs-quicknav a:first-child{
  padding-left:0;
}

#heda-racking-solutions-2026 .rs-quicknav a:last-child{
  padding-right:0;
  border-right:0;
}

#heda-racking-solutions-2026 .rs-quicknav a:hover{
  color:var(--rs-blue);
  background:#f7faff;
}

#heda-racking-solutions-2026 .rs-quicknav a:after{
  content:"↓";
  color:var(--rs-blue);
  font-size:15px;
}

/* =========================================================
   02. STORAGE SYSTEM TYPES
========================================================= */

#heda-racking-solutions-2026 .rs-types{
  padding:75px 0 80px;
  scroll-margin-top:90px;
}

#heda-racking-solutions-2026 .rs-type-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

#heda-racking-solutions-2026 .rs-type-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:27px 24px 24px;
  background:#fff;
  border:1px solid var(--rs-line);
  border-top:3px solid #9bb1c4;
  transition:border-color .2s ease,
             box-shadow .2s ease;
}

#heda-racking-solutions-2026 .rs-type-card:hover{
  border-color:#bbcee0;
  box-shadow:0 9px 24px rgba(20,45,66,.06);
}

#heda-racking-solutions-2026 .rs-type-card:nth-child(3n+1){
  border-top-color:var(--rs-blue);
}

#heda-racking-solutions-2026 .rs-type-card:nth-child(3n+2){
  border-top-color:var(--rs-navy);
}

#heda-racking-solutions-2026 .rs-type-number{
  display:block;
  margin-bottom:19px;
  color:#9eb0be;
  font-size:30px;
  font-weight:800;
  line-height:1;
}

#heda-racking-solutions-2026 .rs-type-card h3{
  margin-bottom:10px;
  font-size:19px;
}

#heda-racking-solutions-2026 .rs-type-card p{
  font-size:13px;
}

#heda-racking-solutions-2026 .rs-type-use{
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid var(--rs-line);
  color:var(--rs-muted);
  font-size:12px;
}

#heda-racking-solutions-2026 .rs-type-use strong{
  color:var(--rs-ink);
}

#heda-racking-solutions-2026 .rs-type-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:auto;
  padding-top:23px;
  color:var(--rs-blue);
  font-size:12px;
  font-weight:800;
}

#heda-racking-solutions-2026 .rs-type-link:hover{
  color:var(--rs-blue-hover);
  text-decoration:underline;
}

#heda-racking-solutions-2026 .rs-types-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:20px;
  padding:25px 0 0;
}

#heda-racking-solutions-2026 .rs-types-bottom p{
  max-width:780px;
  font-size:13px;
}

/* =========================================================
   03. SYSTEM SELECTION GUIDE
========================================================= */

#heda-racking-solutions-2026 .rs-guide{
  padding:72px 0 75px;
  background:var(--rs-soft);
  scroll-margin-top:90px;
}

#heda-racking-solutions-2026 .rs-guide-table-wrap{
  overflow-x:auto;
  border:1px solid var(--rs-line);
  background:#fff;
}

#heda-racking-solutions-2026 .rs-guide-table{
  width:100%;
  min-width:690px;
  border-collapse:collapse;
  text-align:left;
}

#heda-racking-solutions-2026 .rs-guide-table th{
  padding:16px 21px;
  background:var(--rs-navy);
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1.5;
}

#heda-racking-solutions-2026 .rs-guide-table td{
  padding:18px 21px;
  border-bottom:1px solid var(--rs-line);
  color:var(--rs-muted);
  font-size:13px;
  line-height:1.65;
  vertical-align:top;
}

#heda-racking-solutions-2026 .rs-guide-table tr:last-child td{
  border-bottom:0;
}

#heda-racking-solutions-2026 .rs-guide-table tbody tr:nth-child(even){
  background:#f9fbfd;
}

#heda-racking-solutions-2026 .rs-guide-table td:first-child{
  color:var(--rs-ink);
  font-weight:800;
}

#heda-racking-solutions-2026 .rs-guide-note{
  margin-top:16px;
  font-size:12px;
  color:var(--rs-muted);
}

/* =========================================================
   04. REAL PROJECT CASES
========================================================= */

#heda-racking-solutions-2026 .rs-cases{
  padding:80px 0;
  scroll-margin-top:90px;
}

#heda-racking-solutions-2026 .rs-cases-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
  align-items:stretch;
}

#heda-racking-solutions-2026 .rs-case-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--rs-line);
  background:#fff;
}

#heda-racking-solutions-2026 .rs-case-media{
  aspect-ratio:1000/590;
  overflow:hidden;
  background:#edf1f4;
}

#heda-racking-solutions-2026 .rs-case-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}

#heda-racking-solutions-2026 .rs-case-content{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:22px 22px 24px;
}

#heda-racking-solutions-2026 .rs-case-content small{
  display:block;
  margin-bottom:10px;
  color:var(--rs-blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:1px;
}

#heda-racking-solutions-2026 .rs-case-content h3{
  margin-bottom:10px;
  font-size:19px;
}

#heda-racking-solutions-2026 .rs-case-content p{
  font-size:13px;
}

#heda-racking-solutions-2026 .rs-case-content a{
  display:inline-block;
  margin-top:auto;
  padding-top:19px;
  color:var(--rs-blue);
  font-size:12px;
  font-weight:800;
}

#heda-racking-solutions-2026 .rs-case-content a:hover{
  text-decoration:underline;
}

#heda-racking-solutions-2026 .rs-case-more{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 20px;
  margin-top:25px;
}

#heda-racking-solutions-2026 .rs-case-more a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:13px;
  padding:14px 17px;
  border:1px solid var(--rs-line);
  color:var(--rs-ink);
  font-size:12px;
  font-weight:700;
  line-height:1.5;
}

#heda-racking-solutions-2026 .rs-case-more a:after{
  content:"↗";
  flex:0 0 auto;
  color:var(--rs-blue);
  font-size:16px;
}

#heda-racking-solutions-2026 .rs-case-more a:hover{
  border-color:#b6cde7;
  color:var(--rs-blue);
  background:#f7faff;
}

/* =========================================================
   05. PURCHASING & COOPERATION OPTIONS
========================================================= */

#heda-racking-solutions-2026 .rs-buyers{
  padding:78px 0;
  background:var(--rs-soft);
  scroll-margin-top:90px;
}

#heda-racking-solutions-2026 .rs-buyer-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  gap:17px;
}

#heda-racking-solutions-2026 .rs-buyer-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:28px 25px;
  background:#fff;
  border:1px solid var(--rs-line);
}

#heda-racking-solutions-2026 .rs-buyer-card small{
  display:block;
  margin-bottom:19px;
  color:var(--rs-blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:.9px;
}

#heda-racking-solutions-2026 .rs-buyer-card h3{
  margin-bottom:12px;
  font-size:21px;
}

#heda-racking-solutions-2026 .rs-buyer-card p{
  font-size:13px;
}

#heda-racking-solutions-2026 .rs-buyer-detail{
  margin-top:17px;
  padding-top:15px;
  border-top:1px solid var(--rs-line);
  color:var(--rs-muted);
  font-size:12px;
}

#heda-racking-solutions-2026 .rs-buyer-card .rs-native-quote{
  align-self:flex-start;
  margin-top:auto!important;
  margin-bottom:0!important;
}

#heda-racking-solutions-2026 .rs-buyer-action{
  margin-top:auto;
  padding-top:23px;
}

/* =========================================================
   06. PROJECT WORKFLOW
========================================================= */

#heda-racking-solutions-2026 .rs-workflow{
  padding:78px 0;
}

#heda-racking-solutions-2026 .rs-workflow-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
}

#heda-racking-solutions-2026 .rs-step{
  padding:25px 21px;
  background:#fff;
  border:1px solid var(--rs-line);
  border-top:3px solid var(--rs-blue);
}

#heda-racking-solutions-2026 .rs-step-number{
  display:block;
  margin-bottom:20px;
  color:#9db0bf;
  font-size:32px;
  line-height:1;
  font-weight:800;
}

#heda-racking-solutions-2026 .rs-step h3{
  margin-bottom:11px;
  font-size:17px;
}

#heda-racking-solutions-2026 .rs-step p{
  font-size:12px;
}

#heda-racking-solutions-2026 .rs-workflow-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 22px;
  margin-top:23px;
}

#heda-racking-solutions-2026 .rs-workflow-links a{
  color:var(--rs-blue);
  font-size:12px;
  font-weight:800;
}

#heda-racking-solutions-2026 .rs-workflow-links a:hover{
  text-decoration:underline;
}

/* =========================================================
   07. TECHNICAL PLANNING
========================================================= */

#heda-racking-solutions-2026 .rs-planning{
  padding:75px 0;
  background:var(--rs-soft);
}

#heda-racking-solutions-2026 .rs-planning-grid{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  align-items:stretch;
  gap:18px;
}

#heda-racking-solutions-2026 .rs-planning-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(28px,3.6vw,44px);
  background:var(--rs-navy);
}

#heda-racking-solutions-2026 .rs-planning-copy .rs-eyebrow{
  color:#bdd6fc;
}

#heda-racking-solutions-2026 .rs-planning-copy h2{
  margin-bottom:17px;
  color:#fff;
}

#heda-racking-solutions-2026 .rs-planning-copy p{
  color:#dae5ee;
  font-size:13px;
}

#heda-racking-solutions-2026 .rs-plan-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}

#heda-racking-solutions-2026 .rs-plan-tags span{
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.25);
  color:#edf5ff;
  font-size:10px;
  font-weight:700;
}

#heda-racking-solutions-2026 .rs-planning-visual{
  display:flex;
  flex-direction:column;
  min-width:0;
  justify-content:center;
  padding:20px;
  border:1px solid var(--rs-line);
  background:#fff;
}

#heda-racking-solutions-2026 .rs-planning-visual img{
  width:100%;
  height:auto;
  object-fit:contain;
}

#heda-racking-solutions-2026 .rs-planning-visual p{
  margin-top:12px;
  color:var(--rs-muted);
  font-size:11px;
  text-align:center;
}

/* =========================================================
   08. FAQ
========================================================= */

#heda-racking-solutions-2026 .rs-faq{
  padding:78px 0;
  scroll-margin-top:90px;
}

#heda-racking-solutions-2026 .rs-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:12px 17px;
}

#heda-racking-solutions-2026 .rs-faq-item{
  min-width:0;
  border:1px solid var(--rs-line);
  background:#fff;
}

#heda-racking-solutions-2026 .rs-faq-item summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:21px 22px;
  color:var(--rs-ink);
  font-size:14px;
  font-weight:800;
  line-height:1.5;
  cursor:pointer;
  list-style:none;
}

#heda-racking-solutions-2026 .rs-faq-item summary::-webkit-details-marker{
  display:none;
}

#heda-racking-solutions-2026 .rs-faq-item summary:after{
  content:"+";
  flex:0 0 auto;
  color:var(--rs-blue);
  font-size:23px;
  font-weight:400;
}

#heda-racking-solutions-2026 .rs-faq-item[open] summary:after{
  content:"−";
}

#heda-racking-solutions-2026 .rs-faq-answer{
  padding:0 22px 22px;
}

#heda-racking-solutions-2026 .rs-faq-answer p{
  font-size:13px;
}

/* =========================================================
   09. FINAL CTA
========================================================= */

#heda-racking-solutions-2026 .rs-final-cta{
  padding:65px 0;
  border-top:5px solid var(--rs-blue);
  background:var(--rs-navy);
}

#heda-racking-solutions-2026 .rs-final-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:40px;
}

#heda-racking-solutions-2026 .rs-final-cta .rs-eyebrow{
  color:#b9d5ff;
}

#heda-racking-solutions-2026 .rs-final-cta h2{
  margin-bottom:16px;
  color:#fff;
}

#heda-racking-solutions-2026 .rs-final-cta p{
  max-width:740px;
  color:#d9e6ef;
  font-size:14px;
}

#heda-racking-solutions-2026 .rs-final-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
}

#heda-racking-solutions-2026 .rs-final-actions a{
  white-space:nowrap;
}

#heda-racking-solutions-2026 .rs-final-actions a.rs-catalog-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  color:#e9f4ff;
  border:1px solid rgba(255,255,255,.35);
  border-radius:3px;
  font-size:12px;
  font-weight:800;
}

#heda-racking-solutions-2026 .rs-final-actions a.rs-catalog-link:hover{
  background:rgba(255,255,255,.08);
}

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

@media(max-width:1024px){

  #heda-racking-solutions-2026 .rs-hero-copy{
    padding:31px 27px;
  }

  #heda-racking-solutions-2026 .rs-hero-copy h1{
    font-size:clamp(31px,4vw,43px);
  }

  #heda-racking-solutions-2026 .rs-type-grid,
  #heda-racking-solutions-2026 .rs-cases-grid,
  #heda-racking-solutions-2026 .rs-buyer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #heda-racking-solutions-2026 .rs-workflow-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

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

@media(max-width:767px){

  #heda-racking-solutions-2026{
    font-size:14px;
  }

  #heda-racking-solutions-2026 .rs-container{
    width:calc(100% - 30px);
  }

  #heda-racking-solutions-2026 h2{
    font-size:29px;
  }

  #heda-racking-solutions-2026 .rs-hero{
    padding-top:8px;
  }

  #heda-racking-solutions-2026 .rs-hero-grid{
    grid-template-columns:1fr;
  }

  #heda-racking-solutions-2026 .rs-hero-copy{
    padding:33px 24px;
  }

  #heda-racking-solutions-2026 .rs-hero-copy h1{
    font-size:36px;
  }

  #heda-racking-solutions-2026 .rs-hero-visual img{
    min-height:0;
    aspect-ratio:1.55;
  }

  #heda-racking-solutions-2026 .rs-hero-actions{
    flex-direction:column;
  }

  #heda-racking-solutions-2026 .rs-hero-actions a{
    width:100%!important;
  }

  #heda-racking-solutions-2026 .rs-quicknav{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #heda-racking-solutions-2026 .rs-quicknav a,
  #heda-racking-solutions-2026 .rs-quicknav a:first-child,
  #heda-racking-solutions-2026 .rs-quicknav a:last-child{
    padding:15px 12px;
    border-right:1px solid var(--rs-line);
    border-bottom:1px solid var(--rs-line);
    font-size:11px;
  }

  #heda-racking-solutions-2026 .rs-quicknav a:nth-child(even){
    border-right:0;
  }

  #heda-racking-solutions-2026 .rs-types,
  #heda-racking-solutions-2026 .rs-guide,
  #heda-racking-solutions-2026 .rs-cases,
  #heda-racking-solutions-2026 .rs-buyers,
  #heda-racking-solutions-2026 .rs-workflow,
  #heda-racking-solutions-2026 .rs-planning,
  #heda-racking-solutions-2026 .rs-faq{
    padding:52px 0;
  }

  #heda-racking-solutions-2026 .rs-section-head{
    flex-direction:column;
    align-items:flex-start;
    gap:15px;
    margin-bottom:26px;
  }

  #heda-racking-solutions-2026 .rs-section-head>p{
    max-width:100%;
  }

  #heda-racking-solutions-2026 .rs-type-grid,
  #heda-racking-solutions-2026 .rs-cases-grid,
  #heda-racking-solutions-2026 .rs-buyer-grid,
  #heda-racking-solutions-2026 .rs-workflow-grid,
  #heda-racking-solutions-2026 .rs-faq-grid,
  #heda-racking-solutions-2026 .rs-case-more,
  #heda-racking-solutions-2026 .rs-planning-grid,
  #heda-racking-solutions-2026 .rs-final-grid{
    grid-template-columns:1fr;
  }

  #heda-racking-solutions-2026 .rs-type-grid,
  #heda-racking-solutions-2026 .rs-cases-grid,
  #heda-racking-solutions-2026 .rs-buyer-grid{
    gap:13px;
  }

  #heda-racking-solutions-2026 .rs-type-card,
  #heda-racking-solutions-2026 .rs-buyer-card{
    padding:25px 23px;
  }

  #heda-racking-solutions-2026 .rs-types-bottom{
    flex-direction:column;
    align-items:stretch;
  }

  #heda-racking-solutions-2026 .rs-types-bottom a{
    width:100%;
  }

  #heda-racking-solutions-2026 .rs-guide-table th,
  #heda-racking-solutions-2026 .rs-guide-table td{
    padding:15px 16px;
  }

  #heda-racking-solutions-2026 .rs-case-media{
    aspect-ratio:1000/590;
  }

  #heda-racking-solutions-2026 .rs-planning-copy{
    padding:32px 25px;
  }

  #heda-racking-solutions-2026 .rs-planning-visual{
    padding:13px;
  }

  #heda-racking-solutions-2026 .rs-final-cta{
    padding:49px 0;
  }

  #heda-racking-solutions-2026 .rs-final-grid{
    gap:25px;
  }

  #heda-racking-solutions-2026 .rs-final-actions{
    width:100%;
  }

  #heda-racking-solutions-2026 .rs-final-actions a{
    width:100%!important;
  }

}

@media(max-width:420px){

  #heda-racking-solutions-2026 .rs-hero-copy h1{
    font-size:32px;
  }

  #heda-racking-solutions-2026 .rs-quicknav a{
    font-size:10px!important;
  }

}

@media(prefers-reduced-motion:reduce){

  #heda-racking-solutions-2026 *,
  #heda-racking-solutions-2026 *:before,
  #heda-racking-solutions-2026 *:after{
    transition:none!important;
    scroll-behavior:auto!important;
  }

}