/* =========================================================
   HEDA SHELVES | SGS15
   4 TIER PEGBOARD SUPERMARKET SHELVES

   CONCEPT: CHROMATIC STEEL
   Graphite / Signal Green / White / Red

   Complete responsive product description
   CSS scope: #heda-sgs15
   No JavaScript / No external dependencies
========================================================= */

#heda-sgs15{
  --s15-ink:#252b30;
  --s15-dark:#252d33;
  --s15-charcoal:#343d43;
  --s15-green:#63be40;
  --s15-red:#d94b56;
  --s15-white:#fff;
  --s15-text:#5e6971;
  --s15-muted:#87939b;
  --s15-border:#e0e6e9;
  --s15-pale:#f4f7f8;
  --s15-off:#fafbfb;
  --s15-orange:#ed7926;
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:0;
  background:#fff;
  color:var(--s15-ink);
  font:15px/1.8 Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}

#heda-sgs15,
#heda-sgs15 *{
  box-sizing:border-box;
}

#heda-sgs15 img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  border:0;
}

#heda-sgs15 h2,
#heda-sgs15 h3,
#heda-sgs15 h4,
#heda-sgs15 p,
#heda-sgs15 figure,
#heda-sgs15 figcaption,
#heda-sgs15 ul{
  margin:0;
  padding:0;
}

#heda-sgs15 h2,
#heda-sgs15 h3,
#heda-sgs15 h4{
  color:inherit;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:700;
  line-height:1.24;
  letter-spacing:-.035em;
}

#heda-sgs15 a{
  text-decoration:none;
}

#heda-sgs15 .s15-wrap{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 30px;
}

#heda-sgs15 .s15-section{
  padding:78px 0;
}

#heda-sgs15 .s15-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:#536570;
  font-size:11px;
  font-weight:700;
  letter-spacing:.13em;
  line-height:1.5;
  text-transform:uppercase;
}

#heda-sgs15 .s15-eyebrow:before{
  content:"";
  width:23px;
  height:2px;
  flex:0 0 23px;
  background:#71858d;
}

#heda-sgs15 .s15-title{
  margin-top:15px;
  font-size:clamp(29px,3.45vw,43px);
}

#heda-sgs15 .s15-lead{
  color:var(--s15-text);
  font-size:14px;
  line-height:1.95;
}

#heda-sgs15 .s15-heading{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:47px;
  align-items:end;
  margin-bottom:34px;
}

/* NATIVE HEDA INQUIRY POPUP */

#heda-sgs15 .s15-quote{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:21px!important;
  min-height:54px!important;
  width:auto!important;
  padding:14px 28px!important;
  background:#ed7926!important;
  border:1px solid #ed7926!important;
  border-radius:3px!important;
  box-shadow:none!important;
  color:#fff!important;
  font:700 12px/1.5 Arial,Helvetica,sans-serif!important;
  letter-spacing:.06em!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease;
}

#heda-sgs15 .s15-quote:hover{
  background:#c8621a!important;
  border-color:#c8621a!important;
  color:#fff!important;
}

#heda-sgs15 .s15-quote span{
  font-size:19px;
  font-weight:400;
  line-height:1;
}

/* =========================================================
   01 / CHROMATIC HERO
========================================================= */

#heda-sgs15 .s15-hero{
  padding:23px 0 0;
  background:#fff;
}

#heda-sgs15 .s15-topline{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  padding:0 0 17px;
  border-bottom:1px solid var(--s15-border);
  color:var(--s15-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

#heda-sgs15 .s15-topline span:first-child{
  color:#3d515e;
}

#heda-sgs15 .s15-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:stretch;
  margin-top:22px;
  border:1px solid var(--s15-border);
}

#heda-sgs15 .s15-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:46px 40px;
  background:var(--s15-dark);
}

#heda-sgs15 .s15-hero-copy .s15-eyebrow{
  color:#c4d1d6;
}

#heda-sgs15 .s15-hero-copy .s15-eyebrow:before{
  background:#91b4a4;
}

#heda-sgs15 .s15-model{
  display:block;
  margin-top:22px;
  color:#9aadb5;
  font-size:11px;
  font-weight:700;
  letter-spacing:.13em;
}

#heda-sgs15 .s15-hero-title{
  margin-top:15px;
  color:#fff;
  font-size:clamp(35px,4.2vw,52px);
  line-height:1.1;
}

#heda-sgs15 .s15-hero-title em{
  display:block;
  margin-top:15px;
  color:#b7d3c4;
  font-style:normal;
  font-weight:400;
}

#heda-sgs15 .s15-hero-copy>p{
  margin-top:24px;
  color:#d7e0e4;
  font-size:13px;
  line-height:2;
}

#heda-sgs15 .s15-color-key{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:25px;
}

#heda-sgs15 .s15-color-key span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#e4ebee;
  font-size:11px;
}

#heda-sgs15 .s15-dot{
  display:inline-block;
  width:11px;
  height:11px;
  flex:0 0 11px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
}

#heda-sgs15 .s15-dot.green{
  background:var(--s15-green);
}

#heda-sgs15 .s15-dot.white{
  background:#fff;
}

#heda-sgs15 .s15-dot.red{
  background:var(--s15-red);
}

#heda-sgs15 .s15-hero-action{
  margin-top:30px;
}

#heda-sgs15 .s15-hero-photo{
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  background:#fff;
}

#heda-sgs15 .s15-hero-image{
  display:flex;
  flex:1;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:13px;
}

#heda-sgs15 .s15-hero-image img{
  width:100%;
  max-width:640px;
  object-fit:contain;
}

#heda-sgs15 .s15-caption{
  padding:13px 17px;
  border-top:1px solid var(--s15-border);
  color:var(--s15-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
  line-height:1.85;
  text-transform:uppercase;
}

#heda-sgs15 .s15-hero-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-bottom:1px solid var(--s15-border);
}

#heda-sgs15 .s15-hero-fact{
  padding:26px 23px;
  border-right:1px solid var(--s15-border);
}

#heda-sgs15 .s15-hero-fact:first-child{
  padding-left:0;
}

#heda-sgs15 .s15-hero-fact:last-child{
  border-right:0;
}

#heda-sgs15 .s15-hero-fact strong{
  display:block;
  margin-bottom:7px;
  font-size:15px;
}

#heda-sgs15 .s15-hero-fact p{
  color:var(--s15-muted);
  font-size:12px;
  line-height:1.86;
}

/* =========================================================
   02 / THREE GENUINE COLORWAYS
========================================================= */

#heda-sgs15 .s15-colorways{
  background:var(--s15-pale);
}

#heda-sgs15 .s15-colorway-list{
  border-top:1px solid var(--s15-border);
}

#heda-sgs15 .s15-colorway{
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  align-items:stretch;
  min-width:0;
  margin-top:17px;
  background:#fff;
  border:1px solid var(--s15-border);
}

#heda-sgs15 .s15-colorway:nth-child(even)
.s15-colorway-image{
  order:2;
  border-right:0;
  border-left:1px solid var(--s15-border);
}

#heda-sgs15 .s15-colorway-image{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  margin:0;
  padding:15px;
  border-right:1px solid var(--s15-border);
}

#heda-sgs15 .s15-colorway-image img{
  width:100%;
  height:100%;
  max-height:430px;
  object-fit:contain;
}

#heda-sgs15 .s15-colorway-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:36px 36px;
}

#heda-sgs15 .s15-colorway-index{
  display:block;
  color:var(--s15-muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:.11em;
}

#heda-sgs15 .s15-colorway-bar{
  width:68px;
  height:7px;
  margin:21px 0;
  background:#ddd;
}

#heda-sgs15 .s15-colorway-bar.green{
  background:var(--s15-green);
}

#heda-sgs15 .s15-colorway-bar.white{
  background:#fff;
  border:1px solid #b8c5cb;
}

#heda-sgs15 .s15-colorway-bar.red{
  background:var(--s15-red);
}

#heda-sgs15 .s15-colorway-copy h3{
  margin-bottom:16px;
  font-size:clamp(23px,2.6vw,30px);
}

#heda-sgs15 .s15-colorway-copy p{
  color:var(--s15-text);
  font-size:13px;
  line-height:1.96;
}

#heda-sgs15 .s15-colorway-detail{
  display:block;
  margin-top:24px;
  padding-top:17px;
  border-top:1px solid var(--s15-border);
  color:#63757c;
  font-size:11px;
  font-weight:700;
  line-height:1.9;
}

#heda-sgs15 .s15-colorway-note{
  margin-top:20px;
  padding:18px 22px;
  border-left:3px solid #78918a;
  background:#fff;
  color:var(--s15-text);
  font-size:12px;
  line-height:1.94;
}

/* =========================================================
   03 / STRUCTURAL ANATOMY
========================================================= */

#heda-sgs15 .s15-anatomy{
  background:#fff;
}

#heda-sgs15 .s15-anatomy-grid{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:48px;
  align-items:start;
}

#heda-sgs15 .s15-anatomy-intro .s15-lead{
  margin-top:20px;
}

#heda-sgs15 .s15-anatomy-callout{
  margin-top:24px;
  padding:21px 23px;
  border-left:3px solid var(--s15-green);
  background:var(--s15-pale);
  color:var(--s15-text);
  font-size:12px;
  line-height:1.94;
}

#heda-sgs15 .s15-anatomy-list{
  border-top:1px solid var(--s15-border);
}

#heda-sgs15 .s15-anatomy-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:15px;
  align-items:start;
  padding:21px 0;
  border-bottom:1px solid var(--s15-border);
}

#heda-sgs15 .s15-anatomy-row>span{
  color:#6f868b;
  font-size:12px;
  font-weight:700;
}

#heda-sgs15 .s15-anatomy-row h3{
  margin-bottom:8px;
  font-size:18px;
}

#heda-sgs15 .s15-anatomy-row p{
  color:var(--s15-text);
  font-size:13px;
  line-height:1.94;
}

/* =========================================================
   04 / PEGBOARD VS WIRE GRID
========================================================= */

#heda-sgs15 .s15-panels{
  background:var(--s15-dark);
}

#heda-sgs15 .s15-panels .s15-eyebrow{
  color:#c9dae0;
}

#heda-sgs15 .s15-panels .s15-title{
  color:#fff;
}

#heda-sgs15 .s15-panels .s15-lead{
  color:#d0dce1;
}

#heda-sgs15 .s15-panel-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px;
}

#heda-sgs15 .s15-panel-card{
  padding:33px 30px;
  border:1px solid rgba(255,255,255,.23);
  background:rgba(255,255,255,.04);
}

#heda-sgs15 .s15-panel-id{
  display:block;
  margin-bottom:24px;
  color:#bad5c8;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}

#heda-sgs15 .s15-panel-card h3{
  margin-bottom:14px;
  color:#fff;
  font-size:25px;
}

#heda-sgs15 .s15-panel-card p{
  color:#d4dfe3;
  font-size:13px;
  line-height:1.96;
}

#heda-sgs15 .s15-panel-card ul{
  margin-top:23px;
  list-style:none;
}

#heda-sgs15 .s15-panel-card li{
  padding:11px 0;
  border-top:1px solid rgba(255,255,255,.17);
  color:#d7e0e4;
  font-size:12px;
  line-height:1.88;
}

/* =========================================================
   05 / TECHNICAL SERIES
========================================================= */

#heda-sgs15 .s15-specs{
  background:#fff;
}

#heda-sgs15 .s15-table-scroll{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--s15-border);
}

#heda-sgs15 .s15-table{
  width:100%;
  min-width:750px;
  border-collapse:collapse;
  font-size:12px;
  line-height:1.65;
  text-align:left;
}

#heda-sgs15 .s15-table th,
#heda-sgs15 .s15-table td{
  padding:15px 14px;
  border:1px solid var(--s15-border);
  vertical-align:middle;
}

#heda-sgs15 .s15-table thead th{
  background:var(--s15-dark);
  color:#fff;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
}

#heda-sgs15 .s15-table tbody th{
  width:26%;
  background:var(--s15-pale);
  font-weight:700;
}

#heda-sgs15 .s15-table tbody td{
  color:var(--s15-text);
}

#heda-sgs15 .s15-table tbody tr:nth-child(even) td{
  background:var(--s15-off);
}

#heda-sgs15 .s15-spec-note{
  margin-top:20px;
  padding:23px 25px;
  border-left:3px solid #6b9580;
  background:var(--s15-pale);
  color:var(--s15-text);
  font-size:12px;
  line-height:1.97;
}

/* =========================================================
   06 / RETAIL ARRANGEMENT
========================================================= */

#heda-sgs15 .s15-layout{
  background:var(--s15-pale);
}

#heda-sgs15 .s15-layout-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

#heda-sgs15 .s15-layout-card{
  display:flex;
  flex-direction:column;
  padding:27px 25px;
  border:1px solid var(--s15-border);
  background:#fff;
}

#heda-sgs15 .s15-layout-index{
  display:block;
  margin-bottom:28px;
  color:#6a7f89;
  font-size:11px;
  font-weight:700;
  letter-spacing:.11em;
}

#heda-sgs15 .s15-layout-card h3{
  margin-bottom:13px;
  font-size:21px;
}

#heda-sgs15 .s15-layout-card p{
  color:var(--s15-text);
  font-size:13px;
  line-height:1.94;
}

#heda-sgs15 .s15-layout-foot{
  margin-top:auto;
  padding-top:21px;
  color:var(--s15-muted);
  font-size:11px;
  line-height:1.88;
}

#heda-sgs15 .s15-layout-foot:before{
  content:"";
  display:block;
  height:1px;
  margin-bottom:14px;
  background:var(--s15-border);
}

/* =========================================================
   07 / CUSTOM OPTIONS
========================================================= */

#heda-sgs15 .s15-custom{
  background:#fff;
}

#heda-sgs15 .s15-custom-list{
  border-top:1px solid var(--s15-border);
}

#heda-sgs15 .s15-custom-row{
  display:grid;
  grid-template-columns:46px minmax(0,.78fr) minmax(0,1.22fr);
  gap:23px;
  align-items:center;
  padding:24px 0;
  border-bottom:1px solid var(--s15-border);
}

#heda-sgs15 .s15-custom-number{
  color:#7b9493;
  font-size:26px;
  font-weight:700;
}

#heda-sgs15 .s15-custom-row h3{
  font-size:19px;
}

#heda-sgs15 .s15-custom-row p{
  color:var(--s15-text);
  font-size:13px;
  line-height:1.94;
}

/* =========================================================
   08 / RFQ CHECKLIST
========================================================= */

#heda-sgs15 .s15-project{
  background:var(--s15-off);
}

#heda-sgs15 .s15-project-grid{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:54px;
  align-items:start;
}

#heda-sgs15 .s15-project-intro .s15-lead{
  margin-top:21px;
}

#heda-sgs15 .s15-project-tip{
  margin-top:25px;
  padding:22px;
  border-left:3px solid var(--s15-green);
  background:#fff;
}

#heda-sgs15 .s15-project-tip h3{
  margin-bottom:9px;
  font-size:17px;
}

#heda-sgs15 .s15-project-tip p{
  color:var(--s15-text);
  font-size:12px;
  line-height:1.94;
}

#heda-sgs15 .s15-project-items{
  border-top:1px solid var(--s15-border);
}

#heda-sgs15 .s15-project-item{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:15px;
  padding:20px 0;
  border-bottom:1px solid var(--s15-border);
}

#heda-sgs15 .s15-project-item>span{
  color:#55746a;
  font-size:12px;
  font-weight:700;
}

#heda-sgs15 .s15-project-item h3{
  margin-bottom:8px;
  font-size:17px;
}

#heda-sgs15 .s15-project-item p{
  color:var(--s15-text);
  font-size:13px;
  line-height:1.93;
}

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

#heda-sgs15 .s15-faq{
  background:#fff;
}

#heda-sgs15 .s15-faq-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

#heda-sgs15 .s15-faq-card{
  padding:28px;
  border:1px solid var(--s15-border);
  background:#fff;
}

#heda-sgs15 .s15-faq-card h3{
  margin-bottom:13px;
  font-size:19px;
}

#heda-sgs15 .s15-faq-card p{
  color:var(--s15-text);
  font-size:13px;
  line-height:1.95;
}

/* =========================================================
   10 / FINAL QUOTE CTA
========================================================= */

#heda-sgs15 .s15-final{
  padding:0 0 56px;
  background:#fff;
}

#heda-sgs15 .s15-final-panel{
  display:grid;
  grid-template-columns:1.16fr .84fr;
  gap:45px;
  align-items:center;
  padding:53px 55px;
  background:var(--s15-dark);
  border-top:5px solid var(--s15-green);
}

#heda-sgs15 .s15-final-label{
  display:block;
  margin-bottom:17px;
  color:#b7d6c3;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

#heda-sgs15 .s15-final h2{
  color:#fff;
  font-size:clamp(29px,3.2vw,40px);
}

#heda-sgs15 .s15-final p{
  margin-top:19px;
  color:#d5e0e3;
  font-size:13px;
  line-height:1.96;
}

#heda-sgs15 .s15-final-action{
  text-align:right;
}

#heda-sgs15 .s15-final-hint{
  display:block;
  margin-top:17px;
  color:#b9cbd0;
  font-size:11px;
  line-height:1.9;
}

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

@media(max-width:900px){

  #heda-sgs15 .s15-hero-copy{
    padding:35px;
  }

  #heda-sgs15 .s15-hero-title{
    font-size:43px;
  }

  #heda-sgs15 .s15-heading,
  #heda-sgs15 .s15-anatomy-grid,
  #heda-sgs15 .s15-project-grid{
    gap:30px;
  }

}

@media(max-width:800px){

  #heda-sgs15 .s15-wrap{
    padding:0 22px;
  }

  #heda-sgs15 .s15-section{
    padding:63px 0;
  }

  #heda-sgs15 .s15-heading,
  #heda-sgs15 .s15-hero-grid,
  #heda-sgs15 .s15-anatomy-grid,
  #heda-sgs15 .s15-project-grid{
    grid-template-columns:1fr;
    gap:24px;
  }

  #heda-sgs15 .s15-hero-grid{
    gap:0;
  }

  #heda-sgs15 .s15-hero-copy{
    padding:39px;
  }

  #heda-sgs15 .s15-hero-title{
    max-width:720px;
    font-size:46px;
  }

  #heda-sgs15 .s15-hero-copy>p{
    max-width:730px;
  }

  #heda-sgs15 .s15-colorway{
    grid-template-columns:1fr;
  }

  #heda-sgs15 .s15-colorway:nth-child(even)
  .s15-colorway-image{
    order:0;
    border-left:0;
    border-bottom:1px solid var(--s15-border);
  }

  #heda-sgs15 .s15-colorway-image{
    border-right:0;
    border-bottom:1px solid var(--s15-border);
  }

  #heda-sgs15 .s15-colorway-image img{
    max-height:440px;
  }

  #heda-sgs15 .s15-layout-grid{
    grid-template-columns:1fr;
  }

  #heda-sgs15 .s15-layout-card{
    padding:25px;
  }

  #heda-sgs15 .s15-layout-index{
    margin-bottom:14px;
  }

  #heda-sgs15 .s15-final-panel{
    grid-template-columns:1fr;
    gap:27px;
    padding:43px;
  }

  #heda-sgs15 .s15-final-action{
    text-align:left;
  }

}

@media(max-width:600px){

  #heda-sgs15{
    font-size:14px;
  }

  #heda-sgs15 .s15-wrap{
    padding:0 16px;
  }

  #heda-sgs15 .s15-section{
    padding:49px 0;
  }

  #heda-sgs15 .s15-title{
    font-size:29px;
  }

  #heda-sgs15 .s15-lead{
    font-size:13px;
  }

  #heda-sgs15 .s15-hero{
    padding-top:15px;
  }

  #heda-sgs15 .s15-topline{
    font-size:9px;
  }

  #heda-sgs15 .s15-hero-copy{
    padding:31px 22px;
  }

  #heda-sgs15 .s15-hero-title{
    font-size:35px;
  }

  #heda-sgs15 .s15-hero-image{
    padding:8px;
  }

  #heda-sgs15 .s15-caption{
    padding:12px 13px;
    font-size:9px;
  }

  #heda-sgs15 .s15-color-key{
    gap:10px;
  }

  #heda-sgs15 .s15-hero-action .s15-quote,
  #heda-sgs15 .s15-final-action .s15-quote{
    width:100%!important;
  }

  #heda-sgs15 .s15-hero-strip{
    grid-template-columns:1fr;
  }

  #heda-sgs15 .s15-hero-fact,
  #heda-sgs15 .s15-hero-fact:first-child{
    padding:19px 0;
    border-right:0;
    border-bottom:1px solid var(--s15-border);
  }

  #heda-sgs15 .s15-hero-fact:last-child{
    border-bottom:0;
  }

  #heda-sgs15 .s15-colorway-copy{
    padding:27px 22px;
  }

  #heda-sgs15 .s15-colorway-copy h3{
    font-size:24px;
  }

  #heda-sgs15 .s15-colorway-note{
    padding:18px;
  }

  #heda-sgs15 .s15-anatomy-callout{
    padding:18px;
  }

  #heda-sgs15 .s15-anatomy-row{
    grid-template-columns:27px 1fr;
    gap:12px;
  }

  #heda-sgs15 .s15-panel-grid,
  #heda-sgs15 .s15-faq-grid{
    grid-template-columns:1fr;
  }

  #heda-sgs15 .s15-panel-card{
    padding:25px 21px;
  }

  #heda-sgs15 .s15-panel-card h3{
    font-size:22px;
  }

  #heda-sgs15 .s15-spec-note{
    padding:19px;
  }

  #heda-sgs15 .s15-layout-card{
    padding:23px 21px;
  }

  #heda-sgs15 .s15-custom-row{
    grid-template-columns:29px 1fr;
    gap:9px 12px;
    align-items:start;
    padding:21px 0;
  }

  #heda-sgs15 .s15-custom-number{
    font-size:23px;
  }

  #heda-sgs15 .s15-custom-row h3{
    font-size:18px;
  }

  #heda-sgs15 .s15-custom-row p{
    grid-column:2;
  }

  #heda-sgs15 .s15-project-tip{
    padding:18px;
  }

  #heda-sgs15 .s15-project-item{
    grid-template-columns:26px 1fr;
    gap:12px;
  }

  #heda-sgs15 .s15-faq-card{
    padding:23px 21px;
  }

  #heda-sgs15 .s15-final{
    padding-bottom:34px;
  }

  #heda-sgs15 .s15-final-panel{
    padding:31px 23px;
  }

  #heda-sgs15 .s15-final h2{
    font-size:28px;
  }

}

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

  #heda-sgs15 *,
  #heda-sgs15 *:before,
  #heda-sgs15 *:after{
    transition:none!important;
  }

}