/* ==========================================================
 HEDA SHELVES | SUPERMARKET GONDOLA SOLUTIONS 2026
 Independent B2B Retail Shelving Landing Page
 Original HEDA Product & Project Images
 Fully Responsive | Scoped CSS | No JavaScript
========================================================== */

#heda-gondola-solutions-2026{
  --gs-blue:#175fc8;
  --gs-blue-deep:#10499e;
  --gs-navy:#1b3041;
  --gs-ink:#263845;
  --gs-muted:#637582;
  --gs-line:#dfe7ed;
  --gs-soft:#f4f7fa;
  --gs-warm:#faf7f2;
  --gs-white:#ffffff;
  width:100%;
  margin:0;
  padding:0;
  color:var(--gs-ink);
  background:#fff;
  font:15px/1.75 Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
}

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

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

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

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

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

#heda-gondola-solutions-2026 h2{
  font-size:clamp(28px,3.2vw,41px);
}

#heda-gondola-solutions-2026 h3{
  font-size:20px;
}

#heda-gondola-solutions-2026 p{
  color:var(--gs-muted);
  line-height:1.8;
}

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

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

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

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

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

#heda-gondola-solutions-2026 .gs-section-head{
  max-width:850px;
  margin-bottom:32px;
}

#heda-gondola-solutions-2026 .gs-section-head p{
  max-width:760px;
  margin-top:15px;
  font-size:14px;
}

#heda-gondola-solutions-2026 .gs-section-head-split{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:28px;
  max-width:none;
}

#heda-gondola-solutions-2026 .gs-section-head-split>div{
  max-width:690px;
}

#heda-gondola-solutions-2026 .gs-section-head-split>p{
  max-width:360px;
  margin:0;
  font-size:13px;
}

#heda-gondola-solutions-2026 .gs-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:49px;
  padding:13px 22px;
  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;
}

#heda-gondola-solutions-2026 a.gs-button-outline{
  border-color:#c9d8e6;
  background:#fff;
  color:var(--gs-ink);
}

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

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

#heda-gondola-solutions-2026 a.gs-native-inquiry:hover{
  color:#fff!important;
  background:var(--gs-blue-deep)!important;
  border-color:var(--gs-blue-deep)!important;
}

#heda-gondola-solutions-2026 .gs-text-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--gs-blue);
  font-size:12px;
  line-height:1.6;
  font-weight:800;
  letter-spacing:.25px;
}

#heda-gondola-solutions-2026 .gs-text-link:hover{
  color:var(--gs-blue-deep);
  text-decoration:underline;
}

/* ==========================================================
 01. COMPACT HERO | ALIGNED WITH WAREHOUSE SOLUTION PAGE
 Only this first section is revised; all later modules unchanged.
========================================================== */

#heda-gondola-solutions-2026 .gs-hero{padding:12px 0 0;}
#heda-gondola-solutions-2026 .gs-topline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:0 0 11px;border-bottom:1px solid var(--gs-line);}
#heda-gondola-solutions-2026 .gs-topline strong{color:var(--gs-navy);font-size:11px;font-weight:800;letter-spacing:1px;}
#heda-gondola-solutions-2026 .gs-topline span{color:var(--gs-muted);font-size:11px;}
#heda-gondola-solutions-2026 .gs-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:stretch;margin-top:12px;}
#heda-gondola-solutions-2026 .gs-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(26px,3vw,38px);background:var(--gs-navy);}
#heda-gondola-solutions-2026 .gs-hero-copy .gs-eyebrow{color:#b6d4fd;margin-bottom:10px;}
#heda-gondola-solutions-2026 .gs-hero-copy h1{margin-bottom:14px;color:#fff;font-size:clamp(31px,3.55vw,43px);line-height:1.13;letter-spacing:-.9px;}
#heda-gondola-solutions-2026 .gs-hero-copy h1 span{color:#9bc5ff;}
#heda-gondola-solutions-2026 .gs-hero-copy p{max-width:550px;color:#dce7ef;font-size:13px;line-height:1.7;}
#heda-gondola-solutions-2026 .gs-hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;}
#heda-gondola-solutions-2026 .gs-hero-tags span{padding:6px 9px;border:1px solid rgba(255,255,255,.24);color:#eef5ff;font-size:10px;font-weight:700;}
#heda-gondola-solutions-2026 .gs-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px;}
#heda-gondola-solutions-2026 a.gs-hero-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:13px 20px;border:1px solid rgba(255,255,255,.43);border-radius:3px;color:#fff;font-size:12px;font-weight:800;}
#heda-gondola-solutions-2026 a.gs-hero-secondary:hover{background:rgba(255,255,255,.09);}
#heda-gondola-solutions-2026 .gs-hero-media{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#e8edf2;}
#heda-gondola-solutions-2026 .gs-hero-media img{display:block;width:100%;height:100%;min-height:295px;flex:1;object-fit:cover;object-position:center top;}
#heda-gondola-solutions-2026 .gs-hero-caption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:11px 16px;border:1px solid var(--gs-line);border-top:0;background:#f1f5f8;color:var(--gs-muted);font-size:11px;}
#heda-gondola-solutions-2026 .gs-hero-caption strong{color:var(--gs-ink);}
#heda-gondola-solutions-2026 .gs-quicknav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--gs-line);}
#heda-gondola-solutions-2026 .gs-quicknav a{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:14px;border-right:1px solid var(--gs-line);color:var(--gs-ink);font-size:11px;font-weight:800;transition:background .2s ease;}
#heda-gondola-solutions-2026 .gs-quicknav a:first-child{padding-left:0;}
#heda-gondola-solutions-2026 .gs-quicknav a:last-child{border-right:0;padding-right:0;}
#heda-gondola-solutions-2026 .gs-quicknav a:after{content:"↓";color:var(--gs-blue);font-size:15px;}
#heda-gondola-solutions-2026 .gs-quicknav a:hover{background:#f7faff;color:var(--gs-blue);}

/* ==========================================================
 02. RETAIL PLANNING PRINCIPLES
========================================================== */

#heda-gondola-solutions-2026 .gs-layout{
  padding:76px 0 81px;
}

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

#heda-gondola-solutions-2026 .gs-layout-card{
  min-width:0;
  padding:28px 25px;
  border:1px solid var(--gs-line);
  border-top:3px solid var(--gs-blue);
}

#heda-gondola-solutions-2026 .gs-layout-card:nth-child(2){
  border-top-color:var(--gs-navy);
}

#heda-gondola-solutions-2026 .gs-layout-card:nth-child(3){
  border-top-color:#9eb4c9;
}

#heda-gondola-solutions-2026 .gs-layout-index{
  display:block;
  margin-bottom:19px;
  color:#94a8b9;
  font-size:31px;
  line-height:1;
  font-weight:800;
}

#heda-gondola-solutions-2026 .gs-layout-card h3{
  margin-bottom:11px;
}

#heda-gondola-solutions-2026 .gs-layout-card p{
  font-size:13px;
}

#heda-gondola-solutions-2026 .gs-layout-tags{
  display:block;
  margin-top:18px;
  padding-top:13px;
  border-top:1px solid var(--gs-line);
  color:var(--gs-blue-deep);
  font-size:11px;
  font-weight:800;
}

/* ==========================================================
 03. PRODUCT SYSTEM CARDS
========================================================== */

#heda-gondola-solutions-2026 .gs-systems{
  padding:78px 0;
  background:var(--gs-soft);
  scroll-margin-top:90px;
}

#heda-gondola-solutions-2026 .gs-system-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:19px;
}

#heda-gondola-solutions-2026 .gs-system-card{
  display:grid;
  grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);
  align-items:stretch;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--gs-line);
  background:#fff;
}

#heda-gondola-solutions-2026 .gs-system-media{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:270px;
  overflow:hidden;
  background:#f7f8fa;
}

#heda-gondola-solutions-2026 .gs-system-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}

#heda-gondola-solutions-2026 .gs-system-body{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:27px 24px;
}

#heda-gondola-solutions-2026 .gs-system-body small{
  display:block;
  margin-bottom:13px;
  color:var(--gs-blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:1px;
}

#heda-gondola-solutions-2026 .gs-system-body h3{
  margin-bottom:12px;
  font-size:19px;
}

#heda-gondola-solutions-2026 .gs-system-body p{
  font-size:12px;
}

#heda-gondola-solutions-2026 .gs-system-meta{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--gs-line);
  color:var(--gs-muted);
  font-size:11px;
  line-height:1.65;
}

#heda-gondola-solutions-2026 .gs-system-meta strong{
  color:var(--gs-ink);
}

#heda-gondola-solutions-2026 .gs-system-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  align-self:flex-start;
  margin-top:auto;
  padding-top:20px;
  color:var(--gs-blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:.2px;
}

#heda-gondola-solutions-2026 .gs-system-link:hover{
  text-decoration:underline;
}

#heda-gondola-solutions-2026 .gs-system-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:18px;
  padding-top:25px;
}

#heda-gondola-solutions-2026 .gs-system-bottom p{
  max-width:740px;
  font-size:13px;
}

/* ==========================================================
 04. BACK PANEL & ACCESSORY GUIDE
========================================================== */

#heda-gondola-solutions-2026 .gs-config{
  padding:78px 0;
  scroll-margin-top:90px;
}

#heda-gondola-solutions-2026 .gs-config-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:22px;
  align-items:stretch;
}

#heda-gondola-solutions-2026 .gs-config-panel{
  min-width:0;
  padding:28px 27px;
  border:1px solid var(--gs-line);
  background:#fff;
}

#heda-gondola-solutions-2026 .gs-config-panel h3{
  margin-bottom:23px;
  font-size:23px;
}

#heda-gondola-solutions-2026 .gs-config-item{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:13px;
  padding:15px 0;
  border-bottom:1px solid var(--gs-line);
}

#heda-gondola-solutions-2026 .gs-config-item:last-child{
  border-bottom:0;
}

#heda-gondola-solutions-2026 .gs-config-item>span{
  color:var(--gs-blue);
  font-size:12px;
  font-weight:800;
}

#heda-gondola-solutions-2026 .gs-config-item h4{
  margin-bottom:7px;
  font-size:15px;
}

#heda-gondola-solutions-2026 .gs-config-item p{
  font-size:12px;
}

#heda-gondola-solutions-2026 .gs-config-panel-accent{
  background:var(--gs-warm);
  border-color:#e9e1d7;
}

#heda-gondola-solutions-2026 .gs-config-note{
  margin-top:19px;
  padding:17px 20px;
  border-left:3px solid var(--gs-blue);
  background:var(--gs-soft);
  color:var(--gs-muted);
  font-size:12px;
  line-height:1.75;
}

/* ==========================================================
 05. RETAIL APPLICATION SHOWCASE
========================================================== */

#heda-gondola-solutions-2026 .gs-applications{
  padding:76px 0;
  background:var(--gs-warm);
}

#heda-gondola-solutions-2026 .gs-app-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px;
  align-items:stretch;
}

#heda-gondola-solutions-2026 .gs-app-image{
  display:flex;
  flex-direction:column;
  min-width:0;
  border:1px solid #e5dfd7;
  background:#fff;
}

#heda-gondola-solutions-2026 .gs-app-image img{
  width:100%;
  height:100%;
  max-height:495px;
  flex:1;
  object-fit:contain;
  background:#fff;
}

#heda-gondola-solutions-2026 .gs-app-image figcaption{
  padding:11px 16px;
  border-top:1px solid var(--gs-line);
  color:var(--gs-muted);
  font-size:11px;
  text-align:center;
}

#heda-gondola-solutions-2026 .gs-app-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(29px,3.8vw,45px);
  background:var(--gs-navy);
}

#heda-gondola-solutions-2026 .gs-app-copy .gs-eyebrow{
  color:#b9d5ff;
}

#heda-gondola-solutions-2026 .gs-app-copy h2{
  margin-bottom:18px;
  color:#fff;
}

#heda-gondola-solutions-2026 .gs-app-copy>p{
  color:#d8e5ef;
  font-size:13px;
}

#heda-gondola-solutions-2026 .gs-app-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin-top:24px;
}

#heda-gondola-solutions-2026 .gs-app-list span{
  display:block;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.22);
  color:#f1f7ff;
  font-size:11px;
  font-weight:700;
  line-height:1.5;
}

/* ==========================================================
 06. REAL PROJECT CASES
========================================================== */

#heda-gondola-solutions-2026 .gs-cases{
  padding:81px 0;
  scroll-margin-top:90px;
}

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

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

#heda-gondola-solutions-2026 .gs-case-media{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  aspect-ratio:1000/417;
  overflow:hidden;
  background:#f1f4f7;
}

#heda-gondola-solutions-2026 .gs-case-media img{
  width:100%;
  height:100%;
  object-fit:contain;
}

#heda-gondola-solutions-2026 .gs-case-body{
  display:flex;
  flex:1;
  flex-direction:column;
  min-width:0;
  padding:24px 22px 25px;
}

#heda-gondola-solutions-2026 .gs-case-body small{
  display:block;
  margin-bottom:11px;
  color:var(--gs-blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:1px;
  line-height:1.6;
}

#heda-gondola-solutions-2026 .gs-case-body h3{
  margin-bottom:12px;
  font-size:19px;
}

#heda-gondola-solutions-2026 .gs-case-body p{
  font-size:13px;
}

#heda-gondola-solutions-2026 .gs-case-body a{
  align-self:flex-start;
  margin-top:auto;
  padding-top:21px;
  color:var(--gs-blue);
  font-size:12px;
  font-weight:800;
}

#heda-gondola-solutions-2026 .gs-case-body a:hover{
  text-decoration:underline;
}

#heda-gondola-solutions-2026 .gs-more-cases{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:20px;
}

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

#heda-gondola-solutions-2026 .gs-more-cases a:after{
  content:"↗";
  flex:0 0 auto;
  color:var(--gs-blue);
  font-size:17px;
}

#heda-gondola-solutions-2026 .gs-more-cases a:hover{
  border-color:#a9c2e4;
  background:#f7faff;
  color:var(--gs-blue);
}

/* ==========================================================
 07. BUYER GROUPS
========================================================== */

#heda-gondola-solutions-2026 .gs-buyers{
  padding:77px 0;
  background:var(--gs-soft);
  scroll-margin-top:90px;
}

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

#heda-gondola-solutions-2026 .gs-buyer-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:29px 26px;
  border:1px solid var(--gs-line);
  background:#fff;
}

#heda-gondola-solutions-2026 .gs-buyer-card small{
  display:block;
  margin-bottom:20px;
  color:var(--gs-blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:1px;
}

#heda-gondola-solutions-2026 .gs-buyer-card h3{
  margin-bottom:13px;
  font-size:21px;
}

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

#heda-gondola-solutions-2026 .gs-buyer-spec{
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid var(--gs-line);
  color:var(--gs-muted);
  font-size:12px;
  line-height:1.7;
}

#heda-gondola-solutions-2026 .gs-buyer-action{
  margin-top:auto;
  padding-top:22px;
}

/* ==========================================================
 08. PROJECT PROCESS
========================================================== */

#heda-gondola-solutions-2026 .gs-process{
  padding:77px 0;
}

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

#heda-gondola-solutions-2026 .gs-step{
  min-width:0;
  padding:26px 22px;
  background:#fff;
  border:1px solid var(--gs-line);
  border-top:3px solid var(--gs-blue);
}

#heda-gondola-solutions-2026 .gs-step-number{
  display:block;
  margin-bottom:21px;
  color:#a3b4c2;
  font-size:32px;
  font-weight:800;
  line-height:1;
}

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

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

#heda-gondola-solutions-2026 .gs-brief{
  display:grid;
  grid-template-columns:minmax(0,.79fr) minmax(0,1.21fr);
  gap:18px;
  align-items:stretch;
  margin-top:29px;
}

#heda-gondola-solutions-2026 .gs-brief-intro{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:31px 29px;
  background:var(--gs-navy);
}

#heda-gondola-solutions-2026 .gs-brief-intro h3{
  margin-bottom:13px;
  color:#fff;
  font-size:25px;
}

#heda-gondola-solutions-2026 .gs-brief-intro p{
  color:#d9e5ed;
  font-size:13px;
}

#heda-gondola-solutions-2026 .gs-brief-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  padding:22px;
  border:1px solid var(--gs-line);
  background:var(--gs-soft);
}

#heda-gondola-solutions-2026 .gs-brief-list span{
  display:flex;
  align-items:center;
  min-width:0;
  padding:13px 14px;
  border:1px solid var(--gs-line);
  background:#fff;
  color:var(--gs-ink);
  font-size:12px;
  font-weight:700;
  line-height:1.55;
}

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

#heda-gondola-solutions-2026 .gs-faq{
  padding:79px 0;
  background:var(--gs-soft);
  scroll-margin-top:90px;
}

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

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

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

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

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

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

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

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

/* ==========================================================
 10. RESOURCES + FINAL CTA
========================================================== */

#heda-gondola-solutions-2026 .gs-resources{
  padding:34px 0;
  border-top:1px solid var(--gs-line);
}

#heda-gondola-solutions-2026 .gs-resource-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

#heda-gondola-solutions-2026 .gs-resource-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:22px 20px;
  border:1px solid var(--gs-line);
  background:#fff;
}

#heda-gondola-solutions-2026 .gs-resource-card small{
  display:block;
  margin-bottom:10px;
  color:var(--gs-blue);
  font-size:10px;
  font-weight:800;
  letter-spacing:.85px;
}

#heda-gondola-solutions-2026 .gs-resource-card h3{
  margin-bottom:11px;
  font-size:18px;
}

#heda-gondola-solutions-2026 .gs-resource-card p{
  margin-bottom:17px;
  font-size:12px;
}

#heda-gondola-solutions-2026 .gs-resource-card a{
  align-self:flex-start;
  margin-top:auto;
  color:var(--gs-blue);
  font-size:12px;
  font-weight:800;
}

#heda-gondola-solutions-2026 .gs-resource-card a:hover{
  text-decoration:underline;
}

#heda-gondola-solutions-2026 .gs-final{
  padding:68px 0;
  border-top:5px solid var(--gs-blue);
  background:var(--gs-navy);
}

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

#heda-gondola-solutions-2026 .gs-final .gs-eyebrow{
  color:#bbd7ff;
}

#heda-gondola-solutions-2026 .gs-final h2{
  max-width:800px;
  margin-bottom:16px;
  color:#fff;
}

#heda-gondola-solutions-2026 .gs-final p{
  max-width:760px;
  color:#d8e6ef;
  font-size:14px;
}

#heda-gondola-solutions-2026 .gs-final-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:11px;
}

#heda-gondola-solutions-2026 .gs-final-actions>a{
  white-space:nowrap;
}

#heda-gondola-solutions-2026 a.gs-final-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 19px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:3px;
  color:#fff;
  font-size:12px;
  font-weight:800;
}

#heda-gondola-solutions-2026 a.gs-final-secondary:hover{
  background:rgba(255,255,255,.08);
}

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

@media(max-width:1050px){

  #heda-gondola-solutions-2026 .gs-hero-copy{
    padding:27px 25px;
  }

  #heda-gondola-solutions-2026 .gs-hero-copy h1{
    font-size:clamp(30px,3.6vw,40px);
  }

  #heda-gondola-solutions-2026 .gs-system-card{
    grid-template-columns:minmax(0,1fr);
  }

  #heda-gondola-solutions-2026 .gs-system-media{
    min-height:0;
    height:240px;
  }

  #heda-gondola-solutions-2026 .gs-system-body{
    min-height:265px;
  }

  #heda-gondola-solutions-2026 .gs-layout-grid,
  #heda-gondola-solutions-2026 .gs-case-grid,
  #heda-gondola-solutions-2026 .gs-buyer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #heda-gondola-solutions-2026 .gs-steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #heda-gondola-solutions-2026 .gs-more-cases{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

}

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

@media(max-width:767px){

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

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

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

  #heda-gondola-solutions-2026 .gs-hero{
    padding-top:8px;
  }

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

  #heda-gondola-solutions-2026 .gs-hero-copy{
    padding:27px 23px;
  }

  #heda-gondola-solutions-2026 .gs-hero-copy h1{
    font-size:33px;
  }

  #heda-gondola-solutions-2026 .gs-hero-media img{
    height:auto;
    min-height:0;
    max-height:none;
    aspect-ratio:1.75;
  }

  #heda-gondola-solutions-2026 .gs-hero-actions{
    flex-direction:column;
  }

  #heda-gondola-solutions-2026 .gs-hero-actions>a{
    width:100%!important;
  }

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

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

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

  #heda-gondola-solutions-2026 .gs-section-head-split{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }

  #heda-gondola-solutions-2026 .gs-section-head-split>p{
    max-width:100%;
  }

  #heda-gondola-solutions-2026 .gs-layout,
  #heda-gondola-solutions-2026 .gs-systems,
  #heda-gondola-solutions-2026 .gs-config,
  #heda-gondola-solutions-2026 .gs-applications,
  #heda-gondola-solutions-2026 .gs-cases,
  #heda-gondola-solutions-2026 .gs-buyers,
  #heda-gondola-solutions-2026 .gs-process,
  #heda-gondola-solutions-2026 .gs-faq{
    padding:52px 0;
  }

  #heda-gondola-solutions-2026 .gs-section-head{
    margin-bottom:25px;
  }

  #heda-gondola-solutions-2026 .gs-layout-grid,
  #heda-gondola-solutions-2026 .gs-system-grid,
  #heda-gondola-solutions-2026 .gs-config-grid,
  #heda-gondola-solutions-2026 .gs-app-grid,
  #heda-gondola-solutions-2026 .gs-case-grid,
  #heda-gondola-solutions-2026 .gs-more-cases,
  #heda-gondola-solutions-2026 .gs-buyer-grid,
  #heda-gondola-solutions-2026 .gs-steps,
  #heda-gondola-solutions-2026 .gs-brief,
  #heda-gondola-solutions-2026 .gs-faq-grid,
  #heda-gondola-solutions-2026 .gs-resource-grid,
  #heda-gondola-solutions-2026 .gs-final-grid{
    grid-template-columns:1fr;
  }

  #heda-gondola-solutions-2026 .gs-layout-grid,
  #heda-gondola-solutions-2026 .gs-system-grid,
  #heda-gondola-solutions-2026 .gs-case-grid,
  #heda-gondola-solutions-2026 .gs-buyer-grid{
    gap:14px;
  }

  #heda-gondola-solutions-2026 .gs-layout-card,
  #heda-gondola-solutions-2026 .gs-buyer-card{
    padding:25px 23px;
  }

  #heda-gondola-solutions-2026 .gs-system-card{
    grid-template-columns:minmax(0,.39fr) minmax(0,.61fr);
  }

  #heda-gondola-solutions-2026 .gs-system-media{
    height:auto;
    min-height:230px;
  }

  #heda-gondola-solutions-2026 .gs-system-body{
    min-height:0;
    padding:23px 19px;
  }

  #heda-gondola-solutions-2026 .gs-system-body h3{
    font-size:17px;
  }

  #heda-gondola-solutions-2026 .gs-system-bottom{
    flex-direction:column;
    align-items:stretch;
  }

  #heda-gondola-solutions-2026 .gs-system-bottom a{
    width:100%;
  }

  #heda-gondola-solutions-2026 .gs-config-panel{
    padding:25px 22px;
  }

  #heda-gondola-solutions-2026 .gs-app-image img{
    max-height:380px;
  }

  #heda-gondola-solutions-2026 .gs-app-copy{
    padding:30px 24px;
  }

  #heda-gondola-solutions-2026 .gs-case-media{
    aspect-ratio:1000/417;
  }

  #heda-gondola-solutions-2026 .gs-brief-intro{
    padding:27px 24px;
  }

  #heda-gondola-solutions-2026 .gs-brief-list{
    padding:17px;
  }

  #heda-gondola-solutions-2026 .gs-resources{
    padding:27px 0;
  }

  #heda-gondola-solutions-2026 .gs-final{
    padding:50px 0;
  }

  #heda-gondola-solutions-2026 .gs-final-grid{
    gap:25px;
  }

  #heda-gondola-solutions-2026 .gs-final-actions,
  #heda-gondola-solutions-2026 .gs-final-actions a{
    width:100%!important;
  }

}

@media(max-width:480px){

  #heda-gondola-solutions-2026 .gs-hero-copy h1{
    font-size:30px;
  }

  #heda-gondola-solutions-2026 .gs-system-card{
    grid-template-columns:1fr;
  }

  #heda-gondola-solutions-2026 .gs-system-media{
    height:235px;
    min-height:0;
  }

  #heda-gondola-solutions-2026 .gs-app-list,
  #heda-gondola-solutions-2026 .gs-brief-list{
    grid-template-columns:1fr;
  }

}

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

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

}