/* === Drawer: force fixed, horizontal slide === */
#enquiry-form-wrapper.enquiry-slide-form {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;

    /* Start off-screen using transform, not max-height */
    transform: translateX(100%);
    transition: transform 0.4s ease-in-out, box-shadow 0.2s ease-in-out;

    /* Size & appearance */
    width: min(90vw, 420px);
    height: 100vh;
    background: #fff;
    box-shadow: -2px 0 16px rgba(0,0,0,0.2);
    z-index: 100000;

    /* Content */
    padding: 20px;
    overflow-y: auto;

    /* Kill old collapse rules (in case they still exist) */
    max-height: none !important;
    padding-top: 20px !important; /* re-assert padding after any old .active rules */
}

/* Active state: slide into view */
#enquiry-form-wrapper.enquiry-slide-form.active {
    transform: translateX(0);
}

/* Back button */
#enquiry-form-wrapper .back-btn {
    margin-bottom: 16px;
    cursor: pointer;
}

/* === Screen overlay === */
.enquiry-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.45);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 99999; /* just under the drawer */
}

/* Show overlay when drawer is open */
body.enquiry-open .enquiry-overlay {
    opacity: 1;
    visibility: visible;
}

/* Prevent background scroll when open */
body.enquiry-open {
    overflow: hidden;
}

/* Better mobile feel */
@media (max-width: 480px) {
    #enquiry-form-wrapper.enquiry-slide-form {
        width: 100vw;
    }
}