/* Only the Videotower product family loads this stylesheet. */
.ss-hero-content { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ss-hero-left, .ss-hero-right { min-width: 0; }
.ss-specs-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ss-spec-item { min-width: 0; }
.ss-tower-img { max-width: 100%; }

@media (max-width: 960px) {
  .ss-video-header, .ss-related-header { grid-template-columns: minmax(0, 1fr); }
  .ss-video-header > *, .ss-related-header > * { min-width: 0; }
  .ss-video-title { overflow-wrap: anywhere; }
  .ss-video-title span { display: block; }
  .ss-video-caption { flex-wrap: wrap; gap: 12px; }
  .ss-hero-content {
    grid-template-columns: minmax(0, 1fr);
    padding: 40px 20px 32px;
    gap: 24px;
  }
  /* Reuse the existing model-specific photograph, not a second image. */
  .ss-hero-left, .ss-hero-right { display: contents; }
  .ss-hero-right::after { display: none; }
  .ss-eyebrow { order: 1; margin: 0; font-size: 10px; line-height: 1.6; }
  .ss-eyebrow::before { flex: 0 0 20px; }
  .ss-title { order: 2; margin: 0; font-size: clamp(42px, 11vw, 64px); overflow-wrap: anywhere; }
  .ss-tower-img {
    order: 3;
    justify-self: center;
    align-self: center;
    width: auto;
    height: 240px;
    max-height: none;
    object-fit: contain;
    animation: none;
  }
  .ss-subtitle { order: 4; max-width: none; margin: 0; }
  .ss-cta-row { order: 5; margin: 0; flex-wrap: wrap; }
  .ss-btn-red { max-width: 100%; text-align: center; }
  .ss-specs-grid { order: 6; }
  .ss-spec-item { padding: 16px 8px; }
  .ss-spec-value { font-size: clamp(24px, 7vw, 38px); white-space: nowrap; }
  .ss-spec-label { font-size: 9px; overflow-wrap: anywhere; }
  .ss-features-card {
    order: 7;
    position: static;
    transform: none;
    width: 100%;
    padding: 20px;
  }
}