/* ABB MB3600 product page
   Reuses the shared spectrometer product-page structure with ABB-specific styling. */

.abb-mb3600-page {
  --sp-ink: #20252a;
  --sp-navy: #30353a;
  --sp-blue: #c8102e;
  --sp-sky: #f7f5f5;
  --sp-paper: #f5f6f6;
  --sp-line: #dfe3e5;
  --sp-muted: #59646d;
  --sp-orange: #e00014;
}

.abb-mb3600-page main {
  overflow: clip;
}

.abb-mb3600-page .spectrum-product-intro {
  padding: 116px 0 50px;
}

.abb-product-breadcrumb {
  margin-bottom: 32px;
}

.abb-product-breadcrumb nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: #69737b;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

.abb-product-breadcrumb a {
  color: #4f5962;
  text-decoration: none;
}

.abb-product-breadcrumb a:hover {
  color: #c8102e;
}

.abb-product-breadcrumb [aria-current="page"] {
  color: #20252a;
}

.abb-breadcrumb-separator {
  color: #a1a8ad;
}

.abb-mb3600-page .spectrum-product-intro-media {
  min-height: 390px;
  margin: -38px 0 -50px;
}

.abb-mb3600-page .spectrum-product-intro-media img {
  width: min(104%, 640px);
  max-width: 100%;
}

.abb-mb3600-page .spectrum-btn-primary {
  background: #d3102f;
  box-shadow: 0 12px 24px rgba(200, 16, 46, 0.18);
}

.abb-mb3600-page .spectrum-btn-primary:hover {
  background: #a90c27;
}

.abb-mb3600-page .spectrum-btn-secondary {
  color: #30353a;
}

.abb-mb3600-page .spectrum-btn-secondary:hover {
  color: #c8102e;
  border-color: #c8102e;
}

.abb-mb3600-options {
  background: #fff;
}

.abb-mb3600-option-media {
  margin: 26px 0 0;
}

.abb-mb3600-option-media img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: #fff;
}

.abb-mb3600-accessory-media img {
  max-width: 760px;
}

.abb-mb3600-software-media img {
  max-width: 580px;
  border: 1px solid #dce5eb;
}

.abb-mb3600-page a:focus-visible,
.abb-mb3600-page button:focus-visible,
.abb-mb3600-page summary:focus-visible {
  outline: 3px solid rgba(224, 0, 20, 0.48);
  outline-offset: 4px;
}

@media (max-width: 820px) {
  .abb-mb3600-page .spectrum-product-intro {
    padding-top: 96px;
  }

  .abb-product-breadcrumb {
    margin-bottom: 24px;
  }

  .abb-mb3600-page .spectrum-product-intro-media {
    min-height: 300px;
    margin: -16px 0 -36px;
  }

  .abb-mb3600-option-media {
    margin-top: 20px;
  }

}

@media (max-width: 520px) {
  .abb-mb3600-page .spectrum-product-intro {
    padding-top: 90px;
  }

  .abb-product-breadcrumb nav {
    gap: 6px;
    font-size: 13px;
  }

  .abb-mb3600-page .spectrum-product-intro-media {
    min-height: 235px;
    margin-bottom: -22px;
  }

}