/* Scoped to home/builder only; cart, checkout and account are unchanged. */
:root { --announce-h: calc(var(--step--1) * 1.2 + 1rem); }
/* Keep every hero's intrinsic box in the grid so late images/slide changes do not move the next section. */
.instick-performance-home .hero { display: grid; }
.instick-performance-home .hero .heroslide,
.instick-performance-home .hero .heroslide:not(.is-active),
.instick-performance-home .hero .heroslide.is-active {
    position: relative; inset: auto; grid-area: 1 / 1; align-self: start;
    visibility: hidden; pointer-events: none;
}
.instick-performance-home .hero .heroslide.is-active { visibility: visible; pointer-events: auto; }
/* Mobile used display:none for other sets, changing the height on every slide. */
@media (max-width: 899px) {
    .instick-performance-home .setsplit { display: grid; }
    .instick-performance-home .setsplit__slide {
        display: grid; grid-area: 1 / 1; visibility: hidden; pointer-events: none;
    }
    .instick-performance-home .setsplit__slide.is-active { visibility: visible; pointer-events: auto; }
    .instick-performance-home .setsplit__controls { grid-row: 2; }
}
.instick-performance-builder .sbcard__media img { display: block; }

/* A collapsed mobile sheet must have its final height before JS measures it. */
@media (max-width: 900px) {
    .instick-performance-builder .sbpanel:not(.is-open) { transform: none !important; }
    .instick-performance-builder .sbpanel:not(.is-open) .sbpanel__inner { display: none !important; }
}
