/* Product spotlight stage: atmospheric lighting without modifying source photography. */
.product-stage {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  overflow: hidden;
  min-height: 12rem;
  padding: clamp(1.25rem, 4vw, 3.5rem);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at center, rgba(234, 88, 12, .18) 0%, rgba(217, 35, 45, .08) 35%, transparent 70%),
    linear-gradient(180deg, #0e1015 0%, #050507 82%);
}
.product-stage::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(251, 146, 60, .36), transparent) 50% 28% / 72% 1px no-repeat;
  opacity: .8;
}
.product-stage::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: min(76%, 34rem);
  height: 18%;
  bottom: 9%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(255, 197, 137, .28) 0%, rgba(234, 88, 12, .13) 38%, transparent 72%);
  filter: blur(10px);
  transform: perspective(15rem) rotateX(62deg);
}
.product-stage > img {
  position: relative;
  z-index: 1;
  display: block;
  width: min(100%, 42rem);
  height: auto;
  max-height: 30rem;
  object-fit: contain;
  filter: drop-shadow(0 1.4rem 1.25rem rgba(0, 0, 0, .5));
}
.product-stage .img-frame { border: 0; box-shadow: none; }
@media (max-width: 479px) {
  .product-stage { min-height: 10rem; padding: 1rem; border-radius: 1rem; }
  .product-stage > img { max-height: 20rem; }
}

.rma-download-notice{display:none;padding:1rem 1.25rem;margin-bottom:2rem;background:#fff3cd;color:#28220d;border-left:4px solid #d89d18}.download-library-group{margin:2.5rem 0}.download-library-group .electronic_card{display:block;color:inherit;text-decoration:none}.download-library-group .electronic_card:hover{transform:translateY(-2px)}.rma-confirm{background:#f0b429;color:#17120a;padding:.1em .25em;border-radius:.15em;font-weight:700}

/* B2 blog review: keep long related-post CTAs inside their container and make
   the three legacy Vimeo posts usable as primary content without changing other embeds. */
.blog-seo-enhancements .button-group {
  flex-wrap: wrap;
  gap: 1rem;
}
.blog-seo-enhancements .button-group .w-button {
  box-sizing: border-box;
  max-width: 100%;
  white-space: normal;
  text-align: center;
  line-height: 1.35;
}
.blog_rich-text .blog-video-embed {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 0 1.25rem;
  padding-top: 56.25%;
}
.blog_rich-text .blog-video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 1024px) {
  .blog-seo-enhancements .button-group {
    flex-direction: column;
    align-items: stretch;
  }
  .blog-seo-enhancements .button-group .w-button { width: 100%; }
}