/* Medium small height - dynamic positioning */
@media all and (max-height: 920px) {
    .resultsitem.active {
        position: absolute;
        top: clamp(3rem, 10vh, 8rem);
    }
}

/* Small height - fixed positioning */
@media all and (max-height: 700px) {
    .resultsitem.active {
        position: absolute;
        top: 8rem;
    }
}

/* Very small height - higher positioning */
@media all and (max-height: 300px) {
    .resultsitem.active {
        position: absolute;
        top: 10rem;
    }
}
@media all and (min-width: 1024px) and (max-width: 1200px) and (max-height: 920px) {
    .resultsitem.active {
        top: 18rem;
    }
}