/* STEP 1 ages popup: anchor and layer it above content */
.step1 .form-select-guests { 
    position: relative;
    overflow: visible !important;
}

.step1 .form-select-guests .select-guests-dropdown {
    position: absolute;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    margin: 0 !important;
    display: none;
    z-index: 1061;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    border-radius: 12px;
    background: #fff;
}

/* If your Step-1 ages panel also has the "dropdown-menu" class, keep it pinned */
.step1 .form-select-guests .select-guests-dropdown.dropdown-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
}

/* Ensure the Step-1 toolbar doesn't clip the popup */
.step1 .s1-toolbar,
.step1 .search-toolbar,
.step1 .step1-header {
    position: relative;
    overflow: visible !important;
    z-index: 1030;
}

.step1-container #checkin, .step1-container #checkout {
    font-size: 14px;
}