/* HEDA SHELVES - RADIO SHUTTLE RACKING */
/* Complete Description - Popup CTA Fix */

.hd-shuttle {
  --sh-navy:#152c43;
  --sh-blue:#285b80;
  --sh-orange:#e77a34;
  --sh-text:#34495a;
  --sh-muted:#687a89;
  --sh-line:#dfe7ee;
  --sh-light:#f5f8fa;
  width:100%;
  margin:0 auto;
  padding:0;
  background:#fff;
  color:var(--sh-text);
  font-family:Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}

.hd-shuttle,
.hd-shuttle * {
  box-sizing:border-box;
}

.hd-shuttle h2,
.hd-shuttle h3,
.hd-shuttle h4,
.hd-shuttle p {
  margin:0;
  padding:0;
}

.hd-shuttle img {
  display:block;
  max-width:100%;
  height:auto;
}

.hd-shuttle button {
  font-family:inherit;
}

.hd-shuttle .sh-container {
  width:min(1200px,calc(100% - 48px));
  margin:0 auto;
}

.hd-shuttle .sh-section {
  padding:86px 0;
}

.hd-shuttle .sh-light {
  background:var(--sh-light);
}

.hd-shuttle .sh-eyebrow {
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:18px;
  color:var(--sh-blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:2px;
  line-height:1.5;
  text-transform:uppercase;
}

.hd-shuttle .sh-eyebrow::before {
  content:"";
  width:25px;
  height:2px;
  flex-shrink:0;
  background:var(--sh-orange);
}

.hd-shuttle .sh-heading {
  color:var(--sh-navy);
  font-size:clamp(29px,3.2vw,40px);
  font-weight:750;
  line-height:1.24;
  letter-spacing:-.8px;
}

.hd-shuttle .sh-lead {
  max-width:745px;
  margin-top:19px;
  color:var(--sh-muted);
  font-size:16px;
  line-height:1.9;
}

.hd-shuttle .sh-heading-group {
  max-width:800px;
  margin-bottom:41px;
}

/* HERO */

.hd-shuttle .sh-hero {
  overflow:hidden;
  border:1px solid var(--sh-line);
  border-radius:11px;
}

.hd-shuttle .sh-hero-grid {
  display:grid;
  grid-template-columns:47% 53%;
  min-height:510px;
}

.hd-shuttle .sh-hero-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:56px 42px 56px 54px;
  background:var(--sh-navy);
}

.hd-shuttle .sh-hero-label {
  margin-bottom:24px;
  color:#b0cada;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.8px;
  line-height:1.5;
  text-transform:uppercase;
}

.hd-shuttle .sh-hero h2 {
  max-width:500px;
  color:#fff;
  font-size:clamp(34px,3.7vw,49px);
  font-weight:800;
  line-height:1.14;
  letter-spacing:-1.3px;
}

.hd-shuttle .sh-hero h2 span {
  color:#efa16b;
}

.hd-shuttle .sh-hero-description {
  max-width:470px;
  margin-top:24px;
  color:#cbd7e2;
  font-size:15px;
  line-height:1.95;
}

.hd-shuttle .sh-hero-tags {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:28px;
}

.hd-shuttle .sh-hero-tags span {
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.23);
  border-radius:4px;
  color:#e7edf3;
  font-size:12px;
  font-weight:700;
  line-height:1.5;
}

.hd-shuttle .sh-hero-image {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:30px;
  background:#f7f9fb;
}

.hd-shuttle .sh-hero-image img {
  width:100%;
  max-width:560px;
  max-height:475px;
  object-fit:contain;
}

/* BENEFITS */

.hd-shuttle .sh-benefits {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:19px;
}

.hd-shuttle .sh-benefit {
  min-width:0;
  padding:34px 30px 37px;
  border:1px solid var(--sh-line);
  border-radius:8px;
  background:#fff;
}

.hd-shuttle .sh-benefit-index {
  display:block;
  margin-bottom:29px;
  color:var(--sh-orange);
  font-size:12px;
  font-weight:800;
  letter-spacing:1px;
}

.hd-shuttle .sh-benefit h3 {
  margin-bottom:13px;
  color:var(--sh-navy);
  font-size:20px;
  line-height:1.4;
}

.hd-shuttle .sh-benefit p {
  color:var(--sh-muted);
  font-size:14px;
  line-height:1.9;
}

/* OPERATION */

.hd-shuttle .sh-operation {
  background:var(--sh-light);
}

.hd-shuttle .sh-operation-grid {
  display:grid;
  grid-template-columns:51% 49%;
  align-items:center;
}

.hd-shuttle .sh-operation-visual {
  min-width:0;
  overflow:hidden;
  border:1px solid var(--sh-line);
  border-radius:9px;
  background:#fff;
}

.hd-shuttle .sh-operation-visual img {
  width:100%;
  height:auto;
  object-fit:contain;
}

.hd-shuttle .sh-operation-caption {
  padding:14px 20px;
  border-top:1px solid var(--sh-line);
  color:#758797;
  font-size:12px;
  line-height:1.7;
}

.hd-shuttle .sh-operation-content {
  padding:15px 0 15px 63px;
}

.hd-shuttle .sh-operation-content .sh-lead {
  font-size:15px;
}

.hd-shuttle .sh-steps {
  margin-top:27px;
}

.hd-shuttle .sh-step {
  display:grid;
  grid-template-columns:36px 1fr;
  gap:15px;
  padding:17px 0;
  border-bottom:1px solid #dae4ed;
}

.hd-shuttle .sh-step:last-child {
  border-bottom:0;
}

.hd-shuttle .sh-step-number {
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border:1px solid #b8ccdc;
  border-radius:50%;
  color:var(--sh-blue);
  font-size:12px;
  font-weight:800;
}

.hd-shuttle .sh-step h3 {
  margin-bottom:6px;
  color:var(--sh-navy);
  font-size:16px;
  line-height:1.4;
}

.hd-shuttle .sh-step p {
  color:var(--sh-muted);
  font-size:14px;
  line-height:1.85;
}

.hd-shuttle .sh-operation-note {
  margin-top:24px;
  padding:17px 20px;
  border-left:3px solid var(--sh-orange);
  background:#e7eff5;
  color:#526a7d;
  font-size:13px;
  line-height:1.85;
}

/* COMPONENTS */

.hd-shuttle .sh-component-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:23px;
}

.hd-shuttle .sh-component {
  min-width:0;
  overflow:hidden;
  border:1px solid var(--sh-line);
  border-radius:9px;
  background:#fff;
}

.hd-shuttle .sh-component-picture {
  height:365px;
  padding:16px;
  background:#f5f7f9;
}

.hd-shuttle .sh-component-picture img {
  width:100%;
  height:100%;
  object-fit:contain;
}

.hd-shuttle .sh-component-copy {
  padding:29px 30px 32px;
}

.hd-shuttle .sh-component-index {
  display:block;
  margin-bottom:11px;
  color:var(--sh-orange);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.hd-shuttle .sh-component h3 {
  margin-bottom:12px;
  color:var(--sh-navy);
  font-size:21px;
  line-height:1.4;
}

.hd-shuttle .sh-component p {
  color:var(--sh-muted);
  font-size:14px;
  line-height:1.9;
}

.hd-shuttle .sh-engineering-strip {
  display:grid;
  grid-template-columns:190px 1fr;
  gap:25px;
  align-items:center;
  margin-top:25px;
  padding:24px 29px;
  border-radius:7px;
  background:#eff4f8;
}

.hd-shuttle .sh-engineering-strip strong {
  color:var(--sh-navy);
  font-size:15px;
  line-height:1.5;
}

.hd-shuttle .sh-engineering-strip p {
  color:var(--sh-muted);
  font-size:13px;
  line-height:1.85;
}

/* FIFO / LIFO */

.hd-shuttle .sh-rotation {
  background:var(--sh-light);
}

.hd-shuttle .sh-rotation-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.hd-shuttle .sh-rotation-card {
  min-width:0;
  padding:33px 33px 34px;
  border:1px solid var(--sh-line);
  border-radius:9px;
  background:#fff;
}

.hd-shuttle .sh-rotation-type {
  display:inline-flex;
  align-items:center;
  min-height:30px;
  margin-bottom:23px;
  padding:5px 11px;
  border-radius:4px;
  background:#e9f0f6;
  color:var(--sh-blue);
  font-size:11px;
  font-weight:800;
  letter-spacing:1px;
}

.hd-shuttle .sh-rotation-card h3 {
  margin-bottom:13px;
  color:var(--sh-navy);
  font-size:23px;
  line-height:1.35;
}

.hd-shuttle .sh-rotation-card p {
  color:var(--sh-muted);
  font-size:14px;
  line-height:1.85;
}

.hd-shuttle .sh-rotation-flow {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin:25px 0 20px;
  padding:17px 18px;
  border-radius:5px;
  background:#f3f6f9;
}

.hd-shuttle .sh-rotation-flow span {
  color:var(--sh-blue);
  font-size:12px;
  font-weight:700;
}

.hd-shuttle .sh-rotation-flow b {
  color:var(--sh-orange);
  font-size:19px;
}

.hd-shuttle .sh-rotation-footer {
  padding-top:18px;
  border-top:1px solid var(--sh-line);
  color:var(--sh-blue);
  font-size:12px;
  font-weight:700;
}

.hd-shuttle .sh-rotation-note {
  margin-top:24px;
  color:var(--sh-muted);
  font-size:13px;
  line-height:1.85;
}

/* REAL PRODUCT REFERENCE */

.hd-shuttle .sh-project-grid {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px;
}

.hd-shuttle .sh-project-card {
  min-width:0;
  overflow:hidden;
  border:1px solid var(--sh-line);
  border-radius:9px;
  background:#fff;
}

.hd-shuttle .sh-project-image {
  height:405px;
  padding:15px;
  background:#f6f8fa;
}

.hd-shuttle .sh-project-image img {
  width:100%;
  height:100%;
  object-fit:contain;
}

.hd-shuttle .sh-project-copy {
  padding:26px 29px 31px;
}

.hd-shuttle .sh-project-label {
  display:block;
  margin-bottom:10px;
  color:var(--sh-orange);
  font-size:11px;
  font-weight:800;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.hd-shuttle .sh-project-copy h3 {
  margin-bottom:10px;
  color:var(--sh-navy);
  font-size:19px;
}

.hd-shuttle .sh-project-copy p {
  color:var(--sh-muted);
  font-size:14px;
  line-height:1.85;
}

/* APPLICATIONS */

.hd-shuttle .sh-applications {
  background:var(--sh-light);
}

.hd-shuttle .sh-application-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.hd-shuttle .sh-application {
  min-width:0;
  padding:0 8px 0 0;
  border-top:2px solid #d6e1ea;
}

.hd-shuttle .sh-application-index {
  display:block;
  margin-top:25px;
  margin-bottom:20px;
  color:var(--sh-orange);
  font-size:12px;
  font-weight:800;
  letter-spacing:1px;
}

.hd-shuttle .sh-application h3 {
  margin-bottom:13px;
  color:var(--sh-navy);
  font-size:20px;
  line-height:1.4;
}

.hd-shuttle .sh-application p {
  color:var(--sh-muted);
  font-size:14px;
  line-height:1.9;
}

/* PLANNING */

.hd-shuttle .sh-planning-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:start;
}

.hd-shuttle .sh-planning-copy {
  padding-top:7px;
}

.hd-shuttle .sh-planning-copy .sh-lead {
  font-size:15px;
}

.hd-shuttle .sh-planning-note {
  margin-top:30px;
  padding:21px 23px;
  border-left:3px solid var(--sh-orange);
  background:#edf3f8;
}

.hd-shuttle .sh-planning-note strong {
  display:block;
  margin-bottom:8px;
  color:var(--sh-navy);
  font-size:14px;
}

.hd-shuttle .sh-planning-note p {
  color:#546b7d;
  font-size:13px;
  line-height:1.85;
}

.hd-shuttle .sh-requirements {
  overflow:hidden;
  border:1px solid var(--sh-line);
  border-radius:9px;
  background:#fff;
}

.hd-shuttle .sh-requirements-title {
  padding:23px 29px;
  background:var(--sh-navy);
}

.hd-shuttle .sh-requirements-title h3 {
  color:#fff;
  font-size:18px;
  line-height:1.5;
}

.hd-shuttle .sh-requirements ul {
  list-style:none;
  margin:0;
  padding:15px 29px;
}

.hd-shuttle .sh-requirements li {
  display:grid;
  grid-template-columns:20px 1fr;
  gap:11px;
  padding:14px 0;
  border-bottom:1px solid var(--sh-line);
  color:#506577;
  font-size:14px;
  line-height:1.75;
}

.hd-shuttle .sh-requirements li:last-child {
  border-bottom:0;
}

.hd-shuttle .sh-check {
  color:var(--sh-orange);
  font-size:17px;
  font-weight:800;
}

.hd-shuttle .sh-requirements-foot {
  padding:10px 29px 26px;
  color:#7d8c98;
  font-size:12px;
  line-height:1.85;
}

/* INQUIRY CTA */

.hd-shuttle .sh-cta-area {
  padding:15px 0 72px;
}

.hd-shuttle .sh-cta {
  position:relative;
  overflow:hidden;
  padding:58px 62px;
  border-radius:10px;
  background:var(--sh-navy);
}

.hd-shuttle .sh-cta::after {
  content:"";
  position:absolute;
  right:-90px;
  top:-125px;
  width:370px;
  height:370px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  pointer-events:none;
}

.hd-shuttle .sh-cta-grid {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:42px;
}

.hd-shuttle .sh-cta-content {
  max-width:680px;
}

.hd-shuttle .sh-cta-label {
  margin-bottom:14px;
  color:#aecbdf;
  font-size:11px;
  font-weight:800;
  letter-spacing:1.8px;
  text-transform:uppercase;
}

.hd-shuttle .sh-cta h2 {
  color:#fff;
  font-size:clamp(26px,2.9vw,35px);
  line-height:1.3;
  letter-spacing:-.5px;
}

.hd-shuttle .sh-cta p {
  margin-top:15px;
  color:#c8d6e1;
  font-size:14px;
  line-height:1.9;
}

.hd-shuttle .sh-inquiry-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:54px;
  flex:0 0 auto;
  padding:14px 28px;
  border:0;
  border-radius:4px;
  background:var(--sh-orange);
  color:#fff;
  font-size:13px;
  font-weight:800;
  line-height:1.5;
  cursor:pointer;
  transition:background .2s ease;
}

.hd-shuttle .sh-inquiry-btn:hover {
  background:#c96427;
}

.hd-shuttle .sh-inquiry-btn:focus-visible {
  outline:3px solid #fff;
  outline-offset:3px;
}

/* TABLET */

@media(max-width:1050px) {
  .hd-shuttle .sh-hero-copy {
    padding:44px 28px 44px 37px;
  }
  .hd-shuttle .sh-operation-content {
    padding-left:36px;
  }
  .hd-shuttle .sh-planning-grid {
    gap:35px;
  }
  .hd-shuttle .sh-cta {
    padding:48px 40px;
  }
}

/* MOBILE */

@media(max-width:768px) {
  .hd-shuttle .sh-container {
    width:calc(100% - 32px);
  }
  .hd-shuttle .sh-section {
    padding:58px 0;
  }
  .hd-shuttle .sh-heading {
    font-size:30px;
  }
  .hd-shuttle .sh-lead {
    font-size:15px;
  }
  .hd-shuttle .sh-heading-group {
    margin-bottom:30px;
  }
  .hd-shuttle .sh-hero-grid,
  .hd-shuttle .sh-operation-grid,
  .hd-shuttle .sh-planning-grid,
  .hd-shuttle .sh-rotation-grid,
  .hd-shuttle .sh-project-grid,
  .hd-shuttle .sh-component-grid {
    grid-template-columns:1fr;
  }
  .hd-shuttle .sh-hero-copy {
    padding:38px 29px 40px;
  }
  .hd-shuttle .sh-hero h2 {
    font-size:38px;
  }
  .hd-shuttle .sh-hero-image {
    padding:22px;
  }
  .hd-shuttle .sh-benefits {
    grid-template-columns:1fr;
    gap:13px;
  }
  .hd-shuttle .sh-benefit {
    padding:27px;
  }
  .hd-shuttle .sh-benefit-index {
    margin-bottom:15px;
  }
  .hd-shuttle .sh-operation-content {
    padding:32px 0 0;
  }
  .hd-shuttle .sh-component-grid {
    gap:17px;
  }
  .hd-shuttle .sh-component-picture {
    height:325px;
  }
  .hd-shuttle .sh-engineering-strip {
    grid-template-columns:1fr;
    gap:8px;
    padding:23px;
  }
  .hd-shuttle .sh-rotation-card {
    padding:27px;
  }
  .hd-shuttle .sh-project-image {
    height:350px;
  }
  .hd-shuttle .sh-application-grid {
    grid-template-columns:1fr;
    gap:28px;
  }
  .hd-shuttle .sh-application-index {
    margin-top:18px;
    margin-bottom:12px;
  }
  .hd-shuttle .sh-planning-grid {
    gap:30px;
  }
  .hd-shuttle .sh-cta-area {
    padding-bottom:36px;
  }
  .hd-shuttle .sh-cta {
    padding:38px 29px;
  }
  .hd-shuttle .sh-cta-grid {
    flex-direction:column;
    align-items:flex-start;
    gap:27px;
  }
}

/* SMALL MOBILE */

@media(max-width:480px) {
  .hd-shuttle .sh-container {
    width:calc(100% - 26px);
  }
  .hd-shuttle .sh-hero-copy {
    padding:34px 24px 36px;
  }
  .hd-shuttle .sh-hero h2 {
    font-size:33px;
  }
  .hd-shuttle .sh-hero-description {
    font-size:14px;
  }
  .hd-shuttle .sh-hero-tags span {
    font-size:11px;
  }
  .hd-shuttle .sh-component-picture {
    height:280px;
  }
  .hd-shuttle .sh-component-copy {
    padding:24px;
  }
  .hd-shuttle .sh-rotation-flow {
    gap:8px;
    padding:14px;
  }
  .hd-shuttle .sh-rotation-flow span {
    font-size:11px;
  }
  .hd-shuttle .sh-project-image {
    height:285px;
  }
  .hd-shuttle .sh-project-copy {
    padding:23px;
  }
  .hd-shuttle .sh-requirements-title {
    padding:21px 24px;
  }
  .hd-shuttle .sh-requirements ul {
    padding:12px 24px;
  }
  .hd-shuttle .sh-requirements-foot {
    padding:10px 24px 24px;
  }
  .hd-shuttle .sh-cta {
    padding:35px 24px;
  }
  .hd-shuttle .sh-inquiry-btn {
    width:100%;
    text-align:center;
  }
}

/* Preserve this product page's original CTA appearance with the site's native popup trigger. */
.hd-shuttle .sh-cta a.sh-inquiry-btn.themes_box_inquiry_button_alert.themes_box_button.trans3 {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:54px !important;
  padding:14px 28px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:4px !important;
  background:var(--sh-orange) !important;
  background-image:none !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:normal !important;
  line-height:1.5 !important;
  text-align:center !important;
  text-transform:none !important;
  text-decoration:none !important;
  white-space:normal !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:background .2s ease !important;
}
.hd-shuttle .sh-cta a.sh-inquiry-btn.themes_box_inquiry_button_alert.themes_box_button.trans3:hover {
  background:#c96427 !important;
  background-image:none !important;
  color:#fff !important;
}
.hd-shuttle .sh-cta a.sh-inquiry-btn.themes_box_inquiry_button_alert.themes_box_button.trans3:focus-visible {
  outline:3px solid #fff !important;
  outline-offset:3px !important;
}
.hd-shuttle .sh-cta a.sh-inquiry-btn.themes_box_inquiry_button_alert.themes_box_button.trans3::before,
.hd-shuttle .sh-cta a.sh-inquiry-btn.themes_box_inquiry_button_alert.themes_box_button.trans3::after {
  content:none !important;
  display:none !important;
}
@media(max-width:480px) {
  .hd-shuttle .sh-cta a.sh-inquiry-btn.themes_box_inquiry_button_alert.themes_box_button.trans3 {
    width:100% !important;
  }
}