/* IQDesign — ecommerce desktop hero fitting patch for animated 31 Oct version. */
/* Only applies to ecommerce page > 1100px. Preserves all scene SVG and animations. */
@media (min-width:1101px) {
  .ecommerce-site-page .ecommerce-hero {
    min-height: calc(100svh - 88px);
    padding-top: clamp(18px, 3svh, 30px);
    padding-bottom: clamp(18px, 3svh, 30px);
    gap: clamp(26px, 3vw, 58px);
  }
  .ecommerce-site-page .ecommerce-hero-copy > .section-tag {
    margin-bottom: clamp(18px, 2.8svh, 28px);
  }
  .ecommerce-site-page .ecommerce-hero-copy > p:not(.section-tag) {
    margin-top: clamp(20px, 2.8svh, 30px);
    line-height: 1.62;
  }
  .ecommerce-site-page .ecommerce-hero-notes {
    margin-top: clamp(18px, 2.5svh, 28px);
  }
  .ecommerce-site-page .ecommerce-hero-visual {
    width: 100%;
    max-width: min(700px, calc((100svh - 140px) * 0.962));
    margin-inline: auto;
    align-self: center;
    transform: none;
  }
}