.hron-hide-inputs .suite-inputs {
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

.hron-hide-inputs.show-inputs .suite-inputs {
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    margin: 20px 0 !important;
    padding: 10px 0 !important;
    pointer-events: auto !important;
    transition: opacity 0.3s ease-in-out;
    margin-bottom: 0px !important;
}

/* Remove any transitions that could cause layout shifts */
.hron-hide-inputs .new-price-container {
    padding-bottom: 30px;
    /* Maintain constant height to prevent layout shifts */
    min-height: 500px;
}

/* Make sure button maintains its position */
.hron-hide-inputs #cta-button {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Make contact section appear immediately without animation */
.hron-hide-inputs .contact-section {
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

.hron-hide-inputs.show-inputs .contact-section.show {
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    margin: inherit !important;
    pointer-events: auto !important;
}